Skip to content

Instantly share code, notes, and snippets.

@cecilemuller
Created March 4, 2012 14:11
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cecilemuller/1973161 to your computer and use it in GitHub Desktop.
Save cecilemuller/1973161 to your computer and use it in GitHub Desktop.
Nicer dashboard and Map.setView padding in Bing Maps AJAX 7.0
/**
* Moves the NavBar "outside" of the map so that it doesn't interfer with Map.setView
* and adds a subtle shadow on the NavBar and its dropdown menus.
*/
#YourMapContainer {
overflow: hidden;
}
#YourMapContainer .MicrosoftMap {
overflow: visible !important;
margin-top: 30px !important;
background: none !important;
}
#YourMapContainer .MicrosoftMap .NavBar {
width: 100%;
top: -30px;
-moz-box-shadow: 0px 0px 4px #000;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#888888')";
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=180, Color='#888888');
}
#YourMapContainer .NavBar_zoomDrop, #YourMapContainer .MicrosoftMap_NavBar_typeMenu {
-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
border: 1px solid #aaaaaa;
border-top: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment