weathermap

Subversion Repositories:
[/] [editor.css] - Rev 5 Go to most recent revision
Compare with Previous - Blame - Download
#mainview { background: #ccc; }

body {          font-family: Gill Sans, Verdana, sans-serif; margin:0; }
#toolbar {              font-family: Verdana, sans-serif; }


#dlgNodeProperties { display: none; z-index: 2; position: absolute;top: 100px;left: 100px;}
#dlgLinkProperties { display: none; z-index: 3; position: absolute; top: 80px; left: 150px; }
#dlgMapProperties { display: none; z-index: 1; position: absolute;top: 90px; left: 120px;}
#dlgMapStyle { display: none; z-index: 1; position: absolute;top: 40px; left: 50px;}

#dlgColours { display: none; z-index: 1; position: absolute;top: 140px; left: 90px;}
#dlgImages { display: none; z-index: 1; position: absolute;top: 120px; left: 70px;}


/* some fudges for the Welcome screen*/
#dlgStart { z-index: 1; position: absolute; top: 90px; left: 60px; width: 600px;}
#dlgStart .dlgBody ul { list-style: none;  }
#dlgStart .dlgBody ul a { text-decoration: none; color: white; font-weight: bold;}

#existingdata { border: 0px; }

#withjs { 
        display: none; 
        /* to hide the page until our Javascript is running. Otherwise the whole thing fails really. */
}

#nojs {
/*      border: 3px dashed red;
        background: #fee;
        padding: 5px; 
        /* the warning bit we'll show unless the javascript hides it */
        font-size: 80%;
        // padding: 5px;
        margin: 25px;
}

div.dlgTitlebar ul {
    float: right;
    font-size: 8pt;
    font-weight: bold;
    font-style: italic; 
    white-space: nowrap;
}

div.dlgTitlebar ul li {
 display: inline;
}

a.dlgTitlebar {
  padding:3px 3px;
      font-size: 8pt;
    font-weight: bold;
    font-style: italic; 
  background:#aaa;
  color:#fff;
  text-decoration:none;
     padding: 3px;
    border: 1px white dotted;
    margin: 2px;
  }

div.dlgTitlebar ul li a {
  float:right;
  padding:3px 3px;
  background:#aaa;
  color:#fff;
  text-decoration:none;
     padding: 3px;
    border: 1px white dotted;
    margin: 2px;
    cursor: pointer;
  }

a.dlgTitlebar { cursor: pointer; }  
    
div.dlgTitlebar ul li a:hover {
  color:#fff;
  background:#69c;
  }

a.dlgTitlebar:hover {
  color:#fff;
  background:#69c;
  }

#toolbar ul {
  float:left;
  width:100%;
  margin:0;
  padding:0;
  font-size:11px;
  color:#fff;
  background:#ccc;
  background: #1958b7;
  margin-bottom: 10px;
}
  
#toolbar ul li.tb_help {
    font-style: italic;
    padding: 2px;
}
  
#toolbar ul li {
  display:inline;
  }

#toolbar ul li.tb_active {
  float:left;
  padding:5px 10px;
  text-decoration:none;
  
  border-left: #508fc4 2px solid;
  border-right: #1958b7 2px solid;
  border-top: #508fc4 2px solid;
  border-bottom: #1958b7 2px solid;
  
  cursor: pointer;
  text-align: center;

  background: #2175bc;
  color:#fff;
}

  
#toolbar ul li.tb_active:hover {
  color:#fff;
  background:#2586d7;
  }

.dlgProperties { 
                width: 400px;
                background: #077; 
                margin: 5px; 
                font-size: 8pt;
                color: white;
                }

.dlgBody {
        padding: 5px;
        font-size: 12pt;
        }
        
.comment { font-style: italic; font-size: 80%;}

.dlgHelp {
            font-size: 10pt;
            line-height: 12pt;
                background: #099;
            height: 48pt; 
            padding: 5px;
}

.dlgTitlebar {
                font-size: 12pt;
                font-weight: bold;
                background: #099;
                padding-left: 5px;
                padding-right: 4px;
                padding-top: 2px;
                padding-bottom: 2px;
        }
        
.debug { line-height: 2.5; margin: 10px; font-size: 70%; background: yellow; border: 1px dashed black; padding: 4px;}
.debug input { font-size: 80%; }
.debug h1 { font-size: 8pt; border-bottom: 1px solid grey; text-align: left;}
.debug span { position: relative; }
.debug span label {position:absolute; top:-1.5em; left:0; font:bold 100%/1 sans-serif; }


th { color: white; font-weight: bold; text-align: right; font-size: 8pt;}
td { color: white; font-weight: normal; text-align: left; font-size: 8pt;}

#xycapture { cursor: crosshair; }

.alert {
        background: #fff6bf url(images/alert.png) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        text-align: left;
        padding: 5px 20px 5px 45px;
        border-top: 2px solid #ffd324;
        border-bottom: 2px solid #ffd324;
}