renaming folder edit_wp5_web_folder to map-service
[geo.git] / map-service / geo / mapviewer / css / edit_all2.css
diff --git a/map-service/geo/mapviewer/css/edit_all2.css b/map-service/geo/mapviewer/css/edit_all2.css
new file mode 100644 (file)
index 0000000..d86b3a1
--- /dev/null
@@ -0,0 +1,571 @@
+body {
+
+       font-family: Verdana, arial, sans-serif;
+       font-size: 9px;
+       line-height: 11px;
+       margin                                  : 0px;
+       padding                                 : 0px;
+       height                                  : 100%;
+       background-color                : #f0f0f0;
+       bottom                                  : 0px;
+       display: inline;
+       }
+table .map_container {
+       font-size: 1em;
+       border-spacing: 0;
+       border-collapse: none;
+       /* width: 40%;  */
+    position:relative;
+    width:95%;
+    background-color: #f0f0f0;
+       } 
+       table .map
+       {
+           position:relative;
+        width:100%;
+       }
+#middle
+{
+    position:relative;
+    top:0px;
+    width: 90%;
+ background-color: #f011ff;
+}
+#mainbody
+{
+    position:relative;
+    top:0px;
+    padding-left:260px;
+    width: 90%;
+ background-color: #f0eeee;
+}
+#content2 
+{
+
+}
+.semi-transparents
+{
+       filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
+}
+.menu2 li em {
+       font-weight: normal;
+       background: url(images/hover.png) no-repeat;
+       width: 180px;
+       height: 45px;
+       position: absolute;
+       top: -85px;
+       left: -15px;
+       text-align: center;
+       padding: 20px 12px 10px;
+       font-style: normal;
+       z-index: 2;
+       display: none;
+}
+
+#locatorContainer {
+     top: 1px;
+         } 
+
+.srs
+{
+    font-style: bold;  
+       background: #f67c79;
+}
+#hola2 {
+               font-weight: normal;
+               background: url(images/hover.png) no-repeat;
+               width: 180px;
+               height: 45px;
+               position: absolute;
+               top: -45px;
+               left: -15px;
+               text-align: center;
+               padding: 20px 12px 10px;
+               font-style: normal;
+               z-index: 3;
+               opacity:.7;
+               display: visible;
+       }
+#header {
+    position:relative;
+       width: 75%;
+       left:260px;
+       height: 30px;
+       margin-bottom: 0px;
+       margin-top: 50px;
+       background: #9ed59a;
+       z-index:100;
+       opacity:.7;
+
+}
+
+#em1,#em2,#em3{
+       font-weight: normal;
+       background: transparent url(../images/hover.png) no-repeat scroll center;
+       position: absolute;
+       top: 45px;
+       text-align: center;
+       padding: 20px 12px 0px 10px;
+       font-style: normal;
+       z-index: 3000;
+       opacity:.9;
+    display:none;
+}
+#em1,#em2 {    left: -10px; width: 180px;
+height: 65px;}
+#em3{  left: 0px;width: 200px; 
+height: 75px; }
+
+#menubar  dt {
+       background: #e9e7e7 url(../images/arrow-square.gif) no-repeat right -51px;
+       padding: 7px 15px;
+       margin: 0;
+       font: bold 10pt Arial, Helvetica, sans-serif;
+       border: solid 1px #c4c4c4;
+       border-bottom: none;
+       cursor:  pointer;
+}
+#menubar  dt.active {
+background-position: right 5px;
+}
+#menubar  dt.hover {
+       background-color: #e3e2e2;
+}
+
+a {
+       color: blue;
+       font-weight: bold;
+       }
+       
+
+dl,dd { width: auto; padding-right:0px; } 
+       /*provat amb 290 i bastant bé   */
+dl,dd { margin: 0px 0px 0px 0px; }
+.layerControl table {
+       font-size: 0px;
+       border-spacing: 0;
+       border-collapse: collapse;
+       width: 40%;
+       width: 100%;
+       } 
+th {
+       padding: 4px 6px;
+}  
+ .layerControl TD {
+  padding: 0px;
+  font: 80% Verdana, geneva, arial, sans-serif;
+}
+
+#header .left {
+        margin-top: 20px; 
+       }
+#header .right {
+       margin-top: 20px;
+       }       
+#middle {
+       left: 0px;
+       right: 0px;
+       width: 100%;
+       display: inline;
+       }
+#menubar {
+       display: block;
+       position: absolute;
+       left: 1px;
+       top: 5px;
+       bottom: 60px;
+       width: 230px;
+       margin:0px,10px,0px,10px;
+       /*provat amb 230 (abans) , 290 i bastant bé*/
+       font-family: Verdana, geneva, arial, sans-serif;
+       font-size: 8pt;
+       bottom: 60px;
+       background-color: #CCCCCC;
+       height: 540; 
+       }
+#menubar a {
+       font-weight: normal;
+       color: #6891bb;
+       text-align:left;
+       }
+       
+#content a {
+               color: black;
+               }
+
+
+UL.tabNavigation {
+                       text-align: left; /* set to left, right or center */
+                       margin: 1em 0 1em 0; /* set margins as desired */
+                       font: bold 13px verdana, arial, sans-serif; /* set font as desired */
+                       border-bottom: 1px 1px 1px 0px solid #00C702; /* set border COLOR as desired */
+                       list-style-type: none;
+                       padding: 0px 1px 0px 1px; /* THIRD number must change with respect to padding-top (X) below */
+            background-color:transparent;
+/*
+                   list-style: none;
+                   margin: 0;
+                   padding: 0; */
+               }
+               body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 { /* settings for selected tab */
+               border-bottom: 1px solid #fff; /* set border color to page background color */
+               background-color: #fff; /* set background color to match above border color */
+               }
+
+ul.tabNavigation li a { /* settings for all tab links */
+padding: 1px 1px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
+
+border: 1px solid #6c6; /* set border COLOR as desired; usually matches border color specified in #tabnav */
+background-color: #cfc; /* set unselected tab background color as desired */
+color: #666; /* set unselected tab link color as desired */
+margin-right: 0px; /* set additional spacing between tabs as desired */
+text-decoration: none;
+border-bottom: none;
+}
+/*
+ul.tabNavigation .metadata {
+                   background-color: #b4bfca;
+                       border: 1px;
+                       margin: 2px;
+                       padding: 2px;
+               }
+               */
+ul.tabNavigation .metadata  a{
+               color: black;
+                font-family: Verdana, geneva, arial, sans-serif;
+           font-size: 11pt;
+               }
+ul.tabNavigation .Layers ul {
+                        background-color: #cbcfd2;
+               }
+
+ul.tabNavigation.legend {
+                   background-color: #b4bfca;
+               }
+
+/* TABLE RELATED  */
+/*LINKS "add to map */
+table.layerControl tbody td, tbody th {
+       background-color: #E7F29B;
+       padding: 2px;
+}
+
+
+/* th= table header Cabezera tabla (ex: listado capabilities) */
+th {
+       background: #ddd;
+       color: #666;
+       border-bottom: 2px solid #ccc;
+       border-right: 2px solid #ccc;
+       border-left: 2px solid #dadada;
+       border-top: 2px solid #dadada;
+       text-align: left;
+       font-weight: bold;
+}
+#workspace {
+    z-index: 1050;  
+    
+}
+#workspace a {
+color: #3d546c;
+    z-index: 1060;  
+}
+#wrapper {
+    z-index: 1060;  
+}
+#container {
+    z-index: 1060;  
+}
+#container a {
+    z-index: 1060;  
+}
+#workspace2 a {
+    z-index: 1060;  
+}
+table.resultat {
+       background-color: #FFFFFF;
+       border: none;
+       color: #006633;
+       font-family: arial, helvetica, sans-serif;
+       font-size: 10px;
+       text-align: center;
+       width: 35px;
+}
+table.layerControl {
+       background-color: #FFFFFF;
+       border: none;
+       color: #495E49;
+       font-family: arial, helvetica, sans-serif;
+       font-size: 9px;
+       text-align: left;
+}
+td.left {
+align: top;
+color: #495E49;
+width: 5px;
+}
+
+#menubar ul
+{
+    margin:2px;
+}
+#menubar li {
+        margin:2px;
+       padding:2px;
+}
+
+#menubar .tabNavigation li {
+/*     background:  #3c78b5; */
+       margin: 0px;
+       padding: 0px;
+       display: inline;
+       }
+/*únic li que no ha de sortir tabs (inline) */
+#menubar #context li {
+       display: block;
+       }
+#menubar .Layers   li {
+       background-color:transparent;
+       /*margin: 1px; 
+       padding: 1px; */
+       display: block;
+       }
+#menubar .Layers   li  a {
+   color: black;
+   }
+
+#menubar dt a:hover,a.selected
+       {       
+       font-weight: bold;
+}      
+#menubar dt:hover,.selected    
+dt a {
+       color:#89919a;
+       background-color: #e3e2e2;
+}
+dd a {
+       color: #000;
+       font-size: 10px;
+       font-style: normal;
+       font-weight: bold;
+}
+
+ul {
+       list-style: none;
+       padding: 0px;
+}
+/*gris?? */
+.classif ul {
+       background-color: transparent;
+}
+/* Hides from IE-mac \*/
+* html #mainbody {height: 1%;position:relative;width:80%;} 
+/* End hide from IE-mac */
+
+#right{
+               
+               position: relative;
+               top:0px;
+               left:0px;
+               display: block;
+       
+               margin-left: 0%;
+               right: 0px;
+           width:80%;
+               margin: 0px;
+
+               z-index: 1000;          
+               
+               
+}
+#mainMapPane { /*width: 640;*/
+    position:relative;
+    top:0px;
+    left:0px;
+}
+#mainMapPane2 { width: 140;}
+#mainMapContainer2 {
+  border: 4px blue;
+  cursor: crosshair;
+  
+}
+#mainMapContainer {
+    position:relative;
+    top:0px;
+    left:0px;
+  width:85%;
+  border: 1px solid olive;
+  cursor: crosshair;
+  z-index: 0;
+}
+#cursorTrack  {        
+       position:relative;
+       left: 25%;
+       width:200px;
+       margin-top:6px;
+       }
+#cursorTrack  INPUT{
+    border: none;
+}
+/*
+.tabs {
+  background-color: #3c78b5;
+  } */
+   div.tabs > div {
+                       
+                       margin-top: 0px;
+                       border: 1px solid ;
+               }
+.mbButton_control
+img{ 
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
+-moz-opacity: 0.6;
+       margin: 0px;
+       border:0px;
+       height: 15px;
+       width: 15px;
+}
+.mbButton
+img{ 
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
+-moz-opacity: 0.6;
+       margin: 0px;
+       border:0px;
+       height: 20px;
+       width: 20px;
+}
+
+.mbButton:hover 
+img{
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+-moz-opacity: 1;
+margin: 0px;
+border:0px;
+}
+
+.mbButton:active, .mbButtonSelected
+img{ 
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+-moz-opacity: 1;
+margin: 0px;
+border:0px;
+}
+
+.mbButtonSelected:hover
+img{ 
+filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+-moz-opacity: 0.8;
+margin: 0px;
+border:0px;
+}
+//SORTIRA EL CURSOR EN FORMA DE CREUETA
+.jqmdTR {z-index: 1060;cursor: move;} 
+a {cursor:pointer;}
+div.jqmdTL {
+z-index: 1050;  
+}
+div.jqmDialog {
+    display: none;
+    background-color: #e3d2fe;
+    position: fixed;
+    top: 17%;
+    left: 80%;
+    color: #528c00;
+    margin-left: -200px;
+    width: 380px;
+   z-index: 1050;  
+  font-family:verdana,tahoma,helvetica;
+}
+*html div.jqmDialog {
+     position: absolute;
+     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
+   z-index: 1050;  
+}
+.jqmDialog a
+{
+   z-index: 1050;  
+       color: blue;
+       font-weight: bold;
+       
+}
+/* [[[ Title / Top Classes ]]] */
+div.jqmdTC { 
+        z-index: 20;
+  background: #d5ff84 repeat-x 0px -82px; 
+  color: #528c00;
+  padding: 7px 22px 5px 5px;
+  font-family:"sans serif",verdana,tahoma,helvetica;
+  font-weight: bold;
+  * zoom: 1;
+}
+input.close_win {
+       
+    position: relative;
+top:0px;
+left:95%;
+    padding: 3px;
+   margin:0px;
+      height: 15px;
+       width: 15px;
+       opacity:1;
+}
+input.jqmdX {
+  position: absolute;
+  right: 7px;
+  top: 4px;
+  padding: 0 0 0 19px;
+  height: 19px;
+  width: 0px;
+  background: url(http://taxonomicindex.africamuseum.be/edit_wp5/edit_geo/prototype/JQ_win_files/close.gif) no-repeat top left;
+  overflow: hidden;
+}
+input.jqmdXFocus {background-position: bottom left; outline: none;}
+div.jqmDialog input:focus, div.jqmDialog input.iefocus { background-color: #eaffc3; }
+#content th,
+#content td , #workspace2 th,#workspace2 td{
+  padding: 3px 6px;
+  font-weight: bold;
+  font-family: Arial, verdana; 
+  font-size: 95%;
+}
+.sld_info
+{
+ background: url(http://taxonomicindex.africamuseum.be/edit_wp5/edit_geo/prototype/images/busy.gif) no-repeat center center;
+    position:relative;
+    top:0px; left:0px;
+text-align: center;
+margin-bottom: 12.1333px;
+margin-top: 6px;
+padding:9px;
+ border: 2px solid #a00;
+ color: #a00;
+ opacity:.60;
+font-weight: bold;
+}
+.search
+{
+    text-align: center;
+    margin-bottom: 5px;
+    margin-top: 5px;
+    padding:3px;
+     border: 2px solid #a00;
+     color: #a00;
+     opacity:.60;    
+}
+#demo
+{
+    background: url(http://taxonomicindex.africamuseum.be/edit_wp5/edit_geo/prototype/images/busy.gif) no-repeat center center;
+    position:relative;
+    top:0px; left:0px;
+ opacity:.60;    
+background: #ffa;
+ border: 2px solid #a00;
+ color: #a00;
+font-weight: bold;    
+text-align: left;
+margin-top: 2px;
+margin-bottom: 12.1333px;
+padding: 9px;
+}