User:Planemad/common.css

div#content{
margin-left:0;
}
div#mw-panel{
opacity:0.2;
-webkit-transition: all 2s ease;
left:-140px;
}
div#mw-panel:hover{
opacity:0.95;
left:0px;
background-color:#f3f3f3;
box-shadow: 1px 1px 6px #000;
}
#map {
  height: 500px;
  position: relative; 
  float:right;
  }
 
#map-overlay {
  position: absolute; }
 
svg {
  font-size: 60%; }
 
path[data] {
  fill: #ccc;
  stroke: #fff;
  stroke-width: 0.2px; }
  path[data]:hover, path[data].active {
    fill: #ddd;
    stroke: white;
    stroke-width: 1px; }
  path[data].focus {
    opacity: 1;
    fill: yellow;
    stroke: orange;
    stroke-width: 1px; }
 
text {
  text-anchor: middle;
  cursor: pointer;
  opacity: 0.6; }
  text:hover, text.active {
    opacity: 1; }
  text.focus {
    transition: transform 2s;
    opacity: 1;
    text-decoration: underline;
    -moz-box-shadow: 0px 1px 2px white;
    -webkit-box-shadow: 0px 1px 2px white;
    box-shadow: 0px 1px 2px white;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=90, Color='$color'); }
 
.Union {
  font-size: 8px;
  font-style: italic; }
 
.State {
  font-size: 10px; }
 
.Capital {
  font-weight: bold; }
 
#map-overlay {
  margin-left: 10px;
  opacity: 0.6; }
  #map-overlay h5 {
    margin-bottom: 0; }
  #map-overlay .subheader span {
    background-color: #eee;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 2px 6px;
    cursor: pointer; }