diff options
| -rw-r--r-- | web/cobrands/fixmybarangay/base.scss | 28 | ||||
| -rw-r--r-- | web/cobrands/fixmybarangay/layout.scss | 28 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/_base.scss | 35 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/_layout.scss | 20 |
4 files changed, 53 insertions, 58 deletions
diff --git a/web/cobrands/fixmybarangay/base.scss b/web/cobrands/fixmybarangay/base.scss index 71c2d8205..7257f63cd 100644 --- a/web/cobrands/fixmybarangay/base.scss +++ b/web/cobrands/fixmybarangay/base.scss @@ -3,11 +3,13 @@ @import "../fixmystreet/_mixins"; @import "compass"; +$image-sprite: 'images/sprite.png'; + @import "../fixmystreet/_base"; #site-logo{ width: 225px !important; - background: url('images/sprite.png') -3px -3px no-repeat; + background: url($image-sprite) -3px -3px no-repeat; } #barangay_buttons { @@ -32,25 +34,7 @@ body.mappage .nav-wrapper div.nav-wrapper-2 { background: #fff; } +.ie6 #site-logo { + background-image: url('images/ie_logo.png'); +} -// Replace Sprite with cobrand sprite -.ie6 #site-logo, -.ie7 #site-logo, -.ie6 body.frontpage #site-logo, -.ie6 #main-nav ul#mysoc-menu li a#mysoc-logo, -.ie7 #main-nav ul#mysoc-menu li a#mysoc-logo, -#fms_pan_zoom_panup, #fms_pan_zoom_pandown, -#fms_pan_zoom_panleft, -#fms_pan_zoom_panright, -#fms_pan_zoom_zoomin, -#fms_pan_zoom_zoomout, -.button-right, -a.button-right, -:hover.button-right, -a:hover.button-right, -.button-left, -a.button-left, -:hover.button-left, -a:hover.button-left { - background-image: url('images/sprite.png'); -}
\ No newline at end of file diff --git a/web/cobrands/fixmybarangay/layout.scss b/web/cobrands/fixmybarangay/layout.scss index 2d6b91001..d7a75d9c1 100644 --- a/web/cobrands/fixmybarangay/layout.scss +++ b/web/cobrands/fixmybarangay/layout.scss @@ -1,4 +1,7 @@ @import "_colours"; + +$image-sprite: 'images/sprite.png'; + @import "../fixmystreet/_layout"; @mixin box_round($radius) { @@ -19,17 +22,22 @@ body { } - body.frontpage { - #site-logo{ - width: 370px !important; - height: 70px; - background: url('images/sprite.png') -3px -106px no-repeat; - } - - .wrapper{ - background: url('images/city7.png') 30% 0% repeat-x; - } +body.frontpage { + #site-logo { + width: 370px !important; + height: 70px; + background: url('images/sprite.png') -3px -106px no-repeat; + } + + .wrapper { + background: url('images/city7.png') 30% 0% repeat-x; + } } + +.ie6 body.frontpage #site-logo { + background-image: url(images/ie_front_logo.gif); +} + #main-nav ul#mysoc-menu li a#mysoc-logo { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAAAyCAMAAABf9whNAAAA0lBMVEUAAABAQEBAQEBAQEBNTU1NTU1AQEBNTU1AQEBAQEBAQEBAQEBAQEBAQEBAQEBNTU1NTU1AQEBNTU1AQEBNTU1AQEBAQEBNTU2Mxj9NTU33kx5NTU1NTU1NTU3tHCRmLZEpq+JNTU2TJ4/tHCSTJ4/87iEpq+L3kx5NTU387iH87iHtHCSTJ4/3kx51K5CTJ49mLZGMxj/tHCSx0zVmLZH6wSBmLZFmLZFDdb/zYCFbuZGMxj/3kx5AQEBNTU0pq+LtHCSMxj/3kx787iFmLZGTJ49ns3BGAAAAPXRSTlMAQL+AQIAQECBwMGBQj98gn5/Pr+/vzzC/r79wYI9wv69QcK+vcICfv68QQBAwj0AwMBBggIBQr3BwgEBgSmaQCwAAAflJREFUeF7t1Ndy2zAQhtGfAAX2IpFUseSSOLGd3nt27bT3f6UsQHusRFcKmVxkcGa4wvCG34AQ8V/wPM/zPM8zSaOaxGBHtFpF+IfikqwYO0LmELfiHH/XlLokSBrsiurtPdGkMJJFWFWTSQUZC0RhWMFNRQWuvTw9RS/VOolNEBgAudYpkE5pHqRpEACIZQ4x4RkztxMWd6KWa2DDvFDUBeg9urr6cPAZMIqEDogCmDmJKdwtlbjXOCc1sIRnhyxj0vIMNbeQMUNun5DBOTo6/3oASMhUF6krka3IM1lkikqdGaICMVE2sKSNICkR1sxYyMag5TWQd7bFPH4G8eT8zcOUKIGwJUYuSE7hzoldlZAwM7Dkwg4GQjtmXMtvBZHNiZJ7P+5C3P/2oH9SXyKXo1yJq0sbmmLMkg23h7xCryR1W5L8WqKsmz1BSbqjfNSSiMUGMEB/Bp8ePwdeLF/ZAn1TEssFR1MJIZmyGLUENXNrI8pCK6IMx99fn50tvyyBcuvEKuqKXDcuocgAQ/I7conMGgA5BfD23fvLy4/LT0Ba/v4vphRxR9dnlmIMU4ULO0IgsgPr/rya3H7F4JycoCf3sq0vW5ICiLXO3YtsMC4JqbG3uCFKMSb3nYuwNyLKMK6Q6wj7a7oMY4vwJwwG8TzP8zzP834CEcRJKkEhVogAAAAASUVORK5CYII="); } diff --git a/web/cobrands/fixmystreet/_base.scss b/web/cobrands/fixmystreet/_base.scss index 88c56bdab..9f6a2fe90 100644 --- a/web/cobrands/fixmystreet/_base.scss +++ b/web/cobrands/fixmystreet/_base.scss @@ -3,6 +3,7 @@ $body-font: MuseoSans, Helmet, Freesans, sans-serif !default; $meta-font: Helmet, Freesans, sans-serif !default; $heading-font: 'Museo300-display', MuseoSans, Helmet, Freesans, sans-serif !default; +$image-sprite: '/cobrands/fixmystreet/images/sprite.png' !default; body { font-family: $body-font; @@ -455,7 +456,7 @@ p.label-valid { background: url('/cobrands/fixmystreet/images/ie_logo.gif') 0 -5px no-repeat; } .ie7 #site-logo { - background: url('/cobrands/fixmystreet/images/sprite.png') -3px -3px no-repeat; + background: url($image-sprite) -3px -3px no-repeat; } // this is a skip to nav for mobile users only @@ -514,7 +515,7 @@ p.label-valid { background: url('/cobrands/fixmystreet/images/ie_mysoc_logo.gif') center no-repeat; } .ie7 #main-nav ul#mysoc-menu li a#mysoc-logo { - background: url('/cobrands/fixmystreet/images/sprite.png') -240px -38px no-repeat; + background: url($image-sprite) -240px -38px no-repeat; } //defines where the table caption is (login stuff on mob, nav menu on desktop) @@ -582,11 +583,11 @@ p.label-valid { color:#fff; } &.abuse { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position:center -2424px; } &.feed { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position:center -2563px; } &.share { @@ -594,11 +595,11 @@ p.label-valid { background-position: center 25%; } &.chevron { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position:center -2716px; } &.hover { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position:center -2064px; } } @@ -744,7 +745,7 @@ a.button-right, :hover.button-right, a:hover.button-right { padding:1em 3em 1em 1em; - background-image: url('/cobrands/fixmystreet/images/sprite.png'); + background-image: url($image-sprite); background-repeat:no-repeat; background-position:right -686px; } @@ -754,7 +755,7 @@ a.button-left, :hover.button-left, a:hover.button-left { padding:1em 1em 1em 3em; - background-image: url('/cobrands/fixmystreet/images/sprite.png'); + background-image: url($image-sprite); background-repeat:no-repeat; background-position:-18px -802px; } @@ -975,7 +976,7 @@ a:hover.button-left { width:20px; height:20px; opacity: 0.5; - background:#fff url(/cobrands/fixmystreet/images/sprite.png) -16px -1098px no-repeat; + background:#fff url($image-sprite) -16px -1098px no-repeat; //hide text - http://nicolasgallagher.com/another-css-image-replacement-technique/ font: 0/0 a; color: transparent; @@ -1039,7 +1040,7 @@ a:hover.button-left { height:36px !important; text-indent:-999999px; opacity:0.85; - background:url('/cobrands/fixmystreet/images/sprite.png') no-repeat; + background:url($image-sprite) no-repeat; &:hover { opacity:1; } @@ -1107,19 +1108,19 @@ a:hover.button-left { padding:0.6em 3em 0.5em 1em; background-repeat:no-repeat; &#hide_pins_link { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position: right -3976px; } &#all_pins_link { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position: right -4022px; } &#map_permalink { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position: right -4070px; } &.feed { - background-image:url('/cobrands/fixmystreet/images/sprite.png'); + background-image:url($image-sprite); background-position: right -3936px; } &:hover { @@ -1186,7 +1187,7 @@ a:hover.button-left { height: 20px; padding-top: 30px; width: 4em; - background: #fff url('/cobrands/fixmystreet/images/sprite.png') 12px -4140px no-repeat; + background: #fff url($image-sprite) 12px -4140px no-repeat; color: #000; } } @@ -1370,10 +1371,10 @@ table.nicetable { width:16px; height:16px; text-indent:-999999px; - background:url(/cobrands/fixmystreet/images/sprite.png) -341px -263px no-repeat; + background:url($image-sprite) -341px -263px no-repeat; @include border-radius(4px); &:hover { - background:#222 url(/cobrands/fixmystreet/images/sprite.png) -341px -223px no-repeat; + background:#222 url($image-sprite) -341px -223px no-repeat; } } } diff --git a/web/cobrands/fixmystreet/_layout.scss b/web/cobrands/fixmystreet/_layout.scss index 71264665d..7a84af521 100644 --- a/web/cobrands/fixmystreet/_layout.scss +++ b/web/cobrands/fixmystreet/_layout.scss @@ -1,6 +1,8 @@ @import "compass"; @import "_mixins"; +$image-sprite: '/cobrands/fixmystreet/images/sprite.png' !default; + //hacks for desk/mob only stuff .desk-only { display: block; @@ -396,7 +398,7 @@ body.twothirdswidthpage { height: 32px; margin:0 auto; text-indent: -999999px; - background: url(/cobrands/fixmystreet/images/sprite.png) -12px -3610px no-repeat; + background: url($image-sprite) -12px -3610px no-repeat; opacity: 0.8; &:hover { opacity: 1; @@ -503,7 +505,7 @@ body.twothirdswidthpage { left:-1em; width:1em; height:100%; - background:#000 url(/cobrands/fixmystreet/images/sprite.png) right -4119px no-repeat; + background:#000 url($image-sprite) right -4119px no-repeat; @include border-radius(0.25em 0 0 0.25em); &:hover { left:-1.5em; @@ -583,11 +585,11 @@ body.twothirdswidthpage { padding: 0.5em 1.5em 0.5em 0; text-transform:none; &.abuse { - background-image:url(/cobrands/fixmystreet/images/sprite.png); + background-image:url($image-sprite); background-position:right -2935px; } &.feed { - background-image:url(/cobrands/fixmystreet/images/sprite.png); + background-image:url($image-sprite); background-position:right -3074px; } &.share { @@ -596,11 +598,11 @@ body.twothirdswidthpage { background-position: 90% 50%; } &.chevron { - background-image:url(/cobrands/fixmystreet/images/sprite.png); + background-image:url($image-sprite); background-position:right -3225px; } &.hover { - background-image:url(/cobrands/fixmystreet/images/sprite.png); + background-image:url($image-sprite); background-position:right -1876px; } } @@ -640,7 +642,7 @@ body.twothirdswidthpage { margin-left:-2em; font-size:1.375em; padding:1em 3em 1em 1em; - background: $col_click_map url(/cobrands/fixmystreet/images/sprite.png) right -2188px no-repeat; + background: $col_click_map url($image-sprite) right -2188px no-repeat; &:before { right:0; left:auto; @@ -672,7 +674,7 @@ body.twothirdswidthpage { } &#fixed { padding-top:5em; - background-image:url(/cobrands/fixmystreet/images/sprite.png); + background-image:url($image-sprite); background-position:-324px -326px; background-repeat:no-repeat; &:before { @@ -799,7 +801,7 @@ body.frontpage { top:3em; width: 300px; height: 60px; - background: url('/cobrands/fixmystreet/images/sprite.png') -2px -108px no-repeat; + background: url($image-sprite) -2px -108px no-repeat; } #user-meta { z-index:10; |