From dcbc42b1a485fdf39f5f11e37a628b383843e69b Mon Sep 17 00:00:00 2001 From: Saman Bemel-Benrud Date: Tue, 30 Jul 2013 13:50:50 -0400 Subject: [PATCH] reversed color on map controls and prepped active toggle --- app/assets/images/sprite.png | Bin 3427 -> 2934 bytes app/assets/images/sprite.svg | 70 ++++++++++++++++++------- app/assets/stylesheets/common.css.scss | 23 ++++---- 3 files changed, 64 insertions(+), 29 deletions(-) diff --git a/app/assets/images/sprite.png b/app/assets/images/sprite.png index 9f857f852b8a5c783b4d256474a14a46d5ab68d7..00c67777fca95d33253c82d59d61e4792a7fcc46 100644 GIT binary patch literal 2934 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/svg+xml - + @@ -145,7 +145,7 @@ id="layer1" transform="translate(0,-852.36218)"> + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter6591-2);enable-background:accumulate" /> + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4;marker:none;visibility:visible;display:inline;overflow:visible;filter:url(#filter6591-2);enable-background:accumulate" /> @@ -214,7 +214,7 @@ inkscape:connector-curvature="0" id="path6924" d="m 170,853.3622 -1,1 0,1 -1,0 -1,1 0,2 7,0 0,-2 -1,-1 -1,0 0,-1 -1,-1 -1,0 z m -5,3 -1,1 0,11 1,1 11,0 1,-1 0,-11 -1,-1 -1,0 0,1 0,2 0,8 -9,0 0,-8 0,-2 0,-1 -1,0 z m 3,4 0,1 5,0 0,-1 -5,0 z m 0,2 0,1 5,0 0,-1 -5,0 z m 0,2 0,1 3,0 0,-1 -3,0 z" - style="color:#000000;fill:#222222;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> + style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:2;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" /> - + + + + + + diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss index 8d84f0955..7c6e8095a 100644 --- a/app/assets/stylesheets/common.css.scss +++ b/app/assets/stylesheets/common.css.scss @@ -531,9 +531,10 @@ a.donate { display: block; height: 40px; width: 40px; - background-color: white; - background-color: rgba(255,255,255,.8); - border-radius: 4px; + background-color: #333; + background-color: rgba(0,0,0,.6); + -bottom: 1px solid #333; + border-radius: 4px 0 0 4px; margin-bottom: 10px; outline: none; } @@ -541,23 +542,26 @@ a.donate { .leaflet-control .zoomin, .control-layers .control-button { margin-bottom: 0px; - border-radius: 4px 4px 0px 0px; + border-radius: 4px 0 0 0; } .site .leaflet-control .zoomout, .control-key .control-button { - margin-bottom: 0px; - border-radius: 0px; + margin-bottom: 0; + border-radius: 0; } -.leaflet-control .zoomout, .control-locate .control-button, .control-share .control-button { - border-radius: 0px 0px 4px 4px; + border-radius: 0 0 0 4px; } .leaflet-control .control-button:hover { - background-color: white; + background-color: black; +} + +.leaflet-control .control-button.active { + background-color: #9ed485; } .leaflet-control .control-button .icon { @@ -658,6 +662,7 @@ a.donate { .site-export .leaflet-top { top: $lineheight/2 !important; .leaflet-control { + margin-right: 0px !important; margin-top: 0px !important; } } -- 2.43.2