You are here

Home » API reference » Google Maps API V3 7

gm3.css in Google Maps API V3 7 

.gm3_information{
 position:absolute;
 top:5px;
 left:50px;
 margin:0;
 padding:2px 4px;
 color: black;
 font-family: Arial,sans-serif;
 -moz-user-select: none;
 -webkit-user-select: none;
 font-size: 10px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(243, 243, 243)), to(rgb(254, 254, 254)));
 background: -moz-linear-gradient(center top , rgb(243, 243, 243), rgb(254, 254, 254)) repeat scroll 0% 0% transparent;
 border-width: 1px;
 border-style:solid;
 border-color:rgb(103, 138, 199);
 vertical-align:middle;	
}
.gm3_fieldset{
 padding:0 !important;
}
.gm3_fieldset .form-item{
  margin:10px 0 0 0 !important;
  width:100%;
}
.gm3_fieldset .form-item select{
  margin:0 !important;
  padding:0;
  width:100%;
}
.gm3_message{
 position:absolute;
 top:0px;
 left:10px;
 right:10px;
 text-align:center;
 z-index:1000;
 padding:10px;
}
.gm3_infobubble p, .gm3_information p{
 padding:0;
 margin:0;
}
.gm3-container{
 padding:0;
 margin:0;
}
.gm3-tools{
 margin-top:30px;
 width:60px;
 padding:0;
 float:left;
 /*overflow:hidden;*/
 border-radius: 4px 0 0 4px;
}
.gm3-tools ul{
 padding:0 !important;
 margin:0 !important;
}
.gm3-tools>ul>li{
 padding:0 0 0 3px !important;
 margin:0 !important;
 list-style:none; 
 position: relative;
 color: black;
 font-family: Arial,sans-serif;
 -moz-user-select: none;
 -webkit-user-select: none;
 font-size: 12px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(243, 243, 243)), to(rgb(254, 254, 254)));
 background: -moz-linear-gradient(center top , rgb(243, 243, 243), rgb(254, 254, 254)) repeat scroll 0% 0% transparent;
 padding: 0pt 6px;
 border-width: 1px 0 0 1px;
 border-style:solid;
 border-color:rgb(103, 138, 199);
 vertical-align:middle;
}
.gm3-tools>ul>li.gm3-clicked p{
 color:white;
 font-weight:900;
}
.gm3-tools>ul>li.gm3-clicked{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(109, 138, 204)), to(rgb(123, 152, 217)));
 background: -moz-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217)) repeat scroll 0% 0% transparent; 
}
.gm3-tools>ul>li.gm3-clicked:hover{ 
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(123, 152, 217)), to(rgb(109, 138, 204)));
 background: -moz-linear-gradient(center top , rgb(123, 152, 217), rgb(109, 138, 204)) repeat scroll 0% 0% transparent; 
}
.gm3-tools>ul>li:hover{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(254, 254, 254)), to(rgb(243, 243, 243)));
 background: -moz-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;	
}
.gm3-tools>ul>li:last-child{
 border-bottom-width:1px;
 border-bottom-left-radius: 5px;  
}
.gm3-tools>ul>li:first-child{ 
 border-top-left-radius: 5px;
}
.gm3-tools>ul>li div p{
 margin:0;
 padding:5px 0;
}
.gm3-tools>ul>li:hover{
 cursor:pointer;
}
.gm3-map-wrapper{
 border-radius: 5px;
 overflow:hidden;
 position:relative;
}
.gm3-map-wrapper, .gm3-tools{
 box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);	
 -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;
}

File

css/gm3.css
View source 
  1. .gm3_information{

  2.  position:absolute;

  3.  top:5px;

  4.  left:50px;

  5.  margin:0;

  6.  padding:2px 4px;

  7.  color: black;

  8.  font-family: Arial,sans-serif;

  9.  -moz-user-select: none;

  10.  -webkit-user-select: none;

  11.  font-size: 10px;

  12.  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(243, 243, 243)), to(rgb(254, 254, 254)));

  13.  background: -moz-linear-gradient(center top , rgb(243, 243, 243), rgb(254, 254, 254)) repeat scroll 0% 0% transparent;

  14.  border-width: 1px;

  15.  border-style:solid;

  16.  border-color:rgb(103, 138, 199);

  17.  vertical-align:middle;	

  18. }

  19. .gm3_fieldset{

  20.  padding:0 !important;

  21. }

  22. .gm3_fieldset .form-item{

  23.   margin:10px 0 0 0 !important;

  24.   width:100%;

  25. }

  26. .gm3_fieldset .form-item select{

  27.   margin:0 !important;

  28.   padding:0;

  29.   width:100%;

  30. }

  31. .gm3_message{

  32.  position:absolute;

  33.  top:0px;

  34.  left:10px;

  35.  right:10px;

  36.  text-align:center;

  37.  z-index:1000;

  38.  padding:10px;

  39. }

  40. .gm3_infobubble p, .gm3_information p{

  41.  padding:0;

  42.  margin:0;

  43. }

  44. .gm3-container{

  45.  padding:0;

  46.  margin:0;

  47. }

  48. .gm3-tools{

  49.  margin-top:30px;

  50.  width:60px;

  51.  padding:0;

  52.  float:left;

  53.  /*overflow:hidden;*/

  54.  border-radius: 4px 0 0 4px;

  55. }

  56. .gm3-tools ul{

  57.  padding:0 !important;

  58.  margin:0 !important;

  59. }

  60. .gm3-tools>ul>li{

  61.  padding:0 0 0 3px !important;

  62.  margin:0 !important;

  63.  list-style:none; 

  64.  position: relative;

  65.  color: black;

  66.  font-family: Arial,sans-serif;

  67.  -moz-user-select: none;

  68.  -webkit-user-select: none;

  69.  font-size: 12px;

  70.  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(243, 243, 243)), to(rgb(254, 254, 254)));

  71.  background: -moz-linear-gradient(center top , rgb(243, 243, 243), rgb(254, 254, 254)) repeat scroll 0% 0% transparent;

  72.  padding: 0pt 6px;

  73.  border-width: 1px 0 0 1px;

  74.  border-style:solid;

  75.  border-color:rgb(103, 138, 199);

  76.  vertical-align:middle;

  77. }

  78. .gm3-tools>ul>li.gm3-clicked p{

  79.  color:white;

  80.  font-weight:900;

  81. }

  82. .gm3-tools>ul>li.gm3-clicked{

  83.  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(109, 138, 204)), to(rgb(123, 152, 217)));

  84.  background: -moz-linear-gradient(center top , rgb(109, 138, 204), rgb(123, 152, 217)) repeat scroll 0% 0% transparent; 

  85. }

  86. .gm3-tools>ul>li.gm3-clicked:hover{ 

  87.  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(123, 152, 217)), to(rgb(109, 138, 204)));

  88.  background: -moz-linear-gradient(center top , rgb(123, 152, 217), rgb(109, 138, 204)) repeat scroll 0% 0% transparent; 

  89. }

  90. .gm3-tools>ul>li:hover{

  91.  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(254, 254, 254)), to(rgb(243, 243, 243)));

  92.  background: -moz-linear-gradient(center top , rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;	

  93. }

  94. .gm3-tools>ul>li:last-child{

  95.  border-bottom-width:1px;

  96.  border-bottom-left-radius: 5px;  

  97. }

  98. .gm3-tools>ul>li:first-child{ 

  99.  border-top-left-radius: 5px;

  100. }

  101. .gm3-tools>ul>li div p{

  102.  margin:0;

  103.  padding:5px 0;

  104. }

  105. .gm3-tools>ul>li:hover{

  106.  cursor:pointer;

  107. }

  108. .gm3-map-wrapper{

  109.  border-radius: 5px;

  110.  overflow:hidden;

  111.  position:relative;

  112. }

  113. .gm3-map-wrapper, .gm3-tools{

  114.  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35);	

  115.  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 3px;

  116. }