Revision: 36931
Updated Code
at November 30, 2010 23:45 by wildpeaks
Updated Code
#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;
}
Revision: 36930
Updated Code
at November 30, 2010 23:44 by wildpeaks
Updated Code
/**
* 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;
}
Revision: 36929
Updated Code
at November 30, 2010 23:43 by wildpeaks
Updated Code
/**
* 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;
background: url('grid.png');
}
#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;
}
Revision: 36928
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at November 30, 2010 23:42 by wildpeaks
Initial Code
/**
* 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.
*/
#map {
overflow: hidden;
background: url('grid.png');
}
#map .MicrosoftMap {
overflow: visible !important;
margin-top: 30px !important;
background: none !important;
}
#map .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');
}
.NavBar_zoomDrop, .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;
}
Initial URL
http://www.wildpeaks.com
Initial Description
**Important: this snipplet has moved to Github.** - [Nicer dashboard and Map.setView padding in Bing Maps AJAX 7.0](https://gist.github.com/1973161) ---------------- 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. [Bing Maps AJAX 7.0 Control API Reference](http://msdn.microsoft.com/en-us/library/gg427611.aspx "Bing Maps AJAX 7.0 Control API Reference")
Initial Title
Bing Maps AJAX control 7.0: Better-looking NavBar (Dashboard) and Map.setView padding
Initial Tags
Initial Language
CSS