four little styling bugs

This commit is contained in:
Connor Turland 2014-10-24 12:10:56 -04:00
parent 1aaecd0a8f
commit cbf71ca2da
3 changed files with 19 additions and 8 deletions

View file

@ -1885,7 +1885,6 @@ and it won't be important on password protected instances */
width:32px; width:32px;
height:32px; height:32px;
margin:10px auto; margin:10px auto;
background-position: 0 0;
} }
#lightbox_metamapps .lightboxAboutIcon { #lightbox_metamapps .lightboxAboutIcon {
background-position: 0 0; background-position: 0 0;

View file

@ -763,26 +763,32 @@
background-position: 0 0; background-position: 0 0;
cursor:pointer; cursor:pointer;
} }
.mapControl:hover {
background-position: -32px 0;
}
.zoomExtents { .zoomExtents {
margin-bottom:5px; margin-bottom:5px;
border-radius: 2px; border-radius: 2px;
background-image: url(extents_sprite.png); background-image: url(extents_sprite.png);
} }
.zoomExtents:hover {
background-position: -32px 0;
}
.zoomIn { .zoomIn {
background-image: url(zoom_sprite.png); background-image: url(zoom_sprite.png);
background-position: 0 0; background-position: 0 0;
border-top-left-radius: 2px; border-top-left-radius: 2px;
border-top-right-radius: 2px; border-top-right-radius: 2px;
} }
.zoomIn:hover {
background-position: -32px 0;
}
.zoomOut { .zoomOut {
background-image: url(zoom_sprite.png); background-image: url(zoom_sprite.png);
background-position:0 -32px; background-position:0 -32px;
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px; border-bottom-right-radius: 2px;
} }
.zoomOut:hover {
background-position: -32px -32px;
}
/* end mapControls */ /* end mapControls */
@ -805,7 +811,7 @@
} }
.exploreMapsCenter { .exploreMapsCenter {
z-index: 3; z-index: 3 !important;
} }
.exploreMapsButton { .exploreMapsButton {
@ -847,8 +853,14 @@
background-image: url(exploremaps_sprite.png); background-image: url(exploremaps_sprite.png);
background-position: -64px 0; background-position: -64px 0;
} }
.exploreMapsButton:hover .exploreMapsIcon, .exploreMapsButton.active .exploreMapsIcon { .myMaps:hover .exploreMapsIcon, .myMaps.active .exploreMapsIcon {
background-position: -32px 0; background-position: 0 -32px;
}
.activeMaps:hover .exploreMapsIcon, .activeMaps.active .exploreMapsIcon {
background-position: -32px -32px;
}
.featuredMaps:hover .exploreMapsIcon, .featuredMaps.active .exploreMapsIcon {
background-position: -64px -32px;
} }
.mapsWrapper { .mapsWrapper {

View file

@ -34,7 +34,7 @@
<ul class="lightbox_links"> <ul class="lightbox_links">
<li> <li>
<a id="lightbox_metamapss" href="https://twitter.com/metamapps" target="_blank"> <a id="lightbox_metamapps" href="https://twitter.com/metamapps" target="_blank">
<div class="lightboxAboutIcon"></div> <div class="lightboxAboutIcon"></div>
@metamapps @metamapps
</a> </a>