diff --git a/brutaldon/static/css/fullbrutalism.css b/brutaldon/static/css/fullbrutalism.css index 1c9f092..85eedbc 100644 --- a/brutaldon/static/css/fullbrutalism.css +++ b/brutaldon/static/css/fullbrutalism.css @@ -49,7 +49,7 @@ embed {max-width: 100%;} In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: -#map img { +#map img, img.is-32x32 { max-width: none; } */ @@ -104,7 +104,7 @@ small {font-size: 85%;} strong {font-weight: bold;} -td, td img {vertical-align: top;} +td, td img, img.is-32x32 {vertical-align: top;} /* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */ sub, sup {font-size: 75%; line-height: 0; position: relative;} @@ -130,7 +130,7 @@ button, input[type=button] {width: auto; overflow: visible;} /* scale images in IE7 more attractively */ -.ie7 img {-ms-interpolation-mode: bicubic;} +.ie7 img, img.is-32x32 {-ms-interpolation-mode: bicubic;} /* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) @@ -165,7 +165,7 @@ a:visited { text-decoration: underline; } -img { +img, img.is-32x32 { float: left; max-width: 512px; max-height: auto; @@ -193,17 +193,22 @@ img { clear: both; } -.image.is-32x32, .is-32x32 img { +.image.is-32x32, .is-32x32 img, img.is-32x32 { width: 32px; height: 32px; } -.image.is-64x64, .is-64x64 img { +.image.is-48x48, .is-48x48 img, img.is-48x48 { + width: 48px; + height: 48px; +} + +.image.is-64x64, .is-64x64 img, img.is-64x64 { width: 64px; height: 64px; } -.image.is-96x96, .is-96x96 img { +.image.is-96x96, .is-96x96 img, img.is-96x96 { width: 96px; height: 96px; }