diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 9448eb0..51eeebb 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -24,7 +24,7 @@ - + @@ -70,8 +70,8 @@ - - + + @@ -156,8 +156,8 @@ - - + + @@ -165,6 +165,16 @@ + + + + + + + + + + @@ -187,6 +197,7 @@ + @@ -278,6 +289,7 @@ + @@ -297,20 +309,6 @@ - @@ -372,7 +351,7 @@ - + @@ -717,7 +696,13 @@ @@ -725,16 +710,16 @@ - + - - + + @@ -863,13 +848,6 @@ - - - - - - - @@ -1025,9 +1003,6 @@ - - - @@ -1137,16 +1112,6 @@ - - - - - - - - - - @@ -1155,10 +1120,28 @@ + + + + + + + + + + + + + + + + + + - - + + diff --git a/html/css/app.css b/html/css/app.css index b10d79a..2ee6747 100644 --- a/html/css/app.css +++ b/html/css/app.css @@ -193,7 +193,38 @@ float:right; } div.content img { - display: block; - float: none !important; - max-width: 1140px !important; + display: block; + float: none !important; + +} + +@media screen and (-webkit-device-pixel-ratio:3) { + body {font-size: 250%} + div.content img { + + max-width: 365px !important; + } +} + +@media screen +and (min-device-width: 1200px) +and (max-device-width: 1600px) +and (-webkit-min-device-pixel-ratio: 1) { + div.content img { + + max-width: 1140px !important; + } +} + +/* ----------- Retina Screens ----------- */ +@media screen +and (min-device-width: 1200px) +and (max-device-width: 1600px) +and (-webkit-min-device-pixel-ratio: 2) +and (min-resolution: 192dpi) { + + div.content img { + + max-width: 1140px !important; + } }