projects / clearscm.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
More improvements
[clearscm.git] / maps / css / MAPSStyle.css
diff --git a/maps/css/MAPSStyle.css b/maps/css/MAPSStyle.css
index 7ae6beb..93bf030 100644 (file)
--- a/maps/css/MAPSStyle.css
+++ b/maps/css/MAPSStyle.css
@@ -8,10 +8,9 @@
 /* (c) Copyright 2003, Andrew@DeFaria.com, all rights reserved.         */
 /************************************************************************/
 body {
-  background-color:  #fff;
-  #background-image:  url(/maps/images/Pattern1.gif);
+  background-color:  #def;
   background-repeat: repeat-y;
-  color:             black;
+  color:             white;
   font-family:       trebuchet MS, trebuchet, verdana, arial, sans-serif;
   font-size:         14px;
   margin:            0px;
@@ -27,16 +26,18 @@ body {
   line-height: 18px;
   height:      auto;
   left:        2px;
+  background-color: #579;
+  color:       white;
   position:    absolute;
   top:         5px;
   width:       135px;
 }
 
 .username {
-  color:         white;
+  color:         yellow;
   font-family:   veranda, arial;
   font-style:    bold;
-  font-size:     14px;
+  font-size:     16px;
   margin-left:   2px;
   margin-bottom: 5px;
   text-align:    center;
@@ -44,9 +45,6 @@ body {
 }
 
 .menu {
-  background-color: #579;
-  #background-image: url(/maps/images/world.gif);
-  border:           2px groove black;
   font-family:      verdana, geneva, arial, helvetica, sans-serif;
   font-size:        14px;
   font-weight:      bold;
@@ -57,7 +55,6 @@ body {
 }
 
 .intromenu {
-  background-color: #579;
   border:           2px groove black;
   font-family:      verdana, geneva, arial, helvetica, sans-serif;
   font-size:        14px;
@@ -69,9 +66,6 @@ body {
 }
 
 .search {
-  background:   #4682b4;
-  border:       2px groove black;
-  color:        white;
   font-family:  veranda, arial;
   font:         bold;
   font-size:    70%;
@@ -81,23 +75,96 @@ body {
   width:        125px;
 }
 
+#highlightrow table tr:hover td {
+  background:      #c1dffc;
+  color:           steelblue;
+}
+
+#quickstats {
+    background-color: #579;
+}
+#quickstats table {
+  width:            100%;
+  overflow:         hidden;
+  border-collapse:  collapse;
+}
+#quickstats tr {
+    color:          white;
+    display:        block;
+}
+#quickstats tr:hover {
+  background:       #c1dffc;
+  color:            steelblue;
+}
+#quickstats a {
+  color:            white;
+  text-decoration:  none;
+}
+#quickstats td a:hover {
+  background:       #c1dffc;
+  color:            steelblue;
+}
+#quickstats tr td:first-child {
+  position:         relative;
+}
+#quickstats a:before {
+  content:          '';
+  position:         absolute;
+  left:             0;
+  top:              0;
+  bottom:           0;
+  display:          block;
+  width:            142px;
+}
+
+
+#quickwrap {
+  width: 130px;
+}
+#quickwrap table {
+  width:           100%;
+  table-layout:    fixed;
+  border-collapse: collapse;
+  background:      #579;
+}
+#quickwrap td.link a {
+  float:           left;
+  width:           10px;
+  margin-left:     -60px;
+  padding:         0 60px;
+  position:        relative;
+  text-decoration: none;
+  color:           white;
+  font-size:       12px;
+  font-weight:     bold;
+}
+
+#quickwrap td.link a:hover {
+  background:      #c1dffc;
+  color:           steelblue;
+}
+#quickwrap table tr:hover td {
+  background:      #c1dffc;
+  color:           steelblue;
+}
+
 .quickstats {
-  background-color: White;
-  border:           2px groove #336699;
-  color:            black;
-  font-size:        10px;
+  font-size:        12px;
+  font-weight:      bold;
   line-height:      10px;
   margin:           2px;
   width:            125px;
 }
-
 .quickstats a:link {
+  color:           #c1dffc;
   text-decoration: none;
 }
-
+.quickstats a:visited {
+  color: white;
+}
 .quickstats a:hover {
-  background: blue;
-  color:      white;
+  color:      steelblue;
+  background: white;
 }
 
 .toolbar a:hover {
@@ -105,7 +172,7 @@ body {
 }
 
 .content {
-  background:  #fff;
+  background:  #def;
   border:      0.1px solid #fff;
   color:       black;
   font-family: trebuchet MS, trebuchet, verdana, arial, sans-serif;
@@ -132,20 +199,24 @@ body {
 }
 
 .smalllabel {
-  color:       #993333;
+  color:       white;
   font-weight: bold;
   line-height: 12px;
   font-size:   12px;
+  text-align:  left;
+  width:       68px;
 }
 
 .smallnumber {
-  color:       black;
+  color:       white;
   line-height: 12px;
   font-size:   12px;
+  text-align:  right;
+  width:       25px;
 }
 
 .header {
-  color:       #000099;
+  color:       steelblue;
   line-height: 12px;
   font-weight: bold;
 }
@@ -155,9 +226,10 @@ body {
 }
 
 .found {
-  color:      black;
-  background: #ffffcc;
+  color:      white;
+  background: steelblue;
   font-style: italic;
+  font-weight: bold;
 }
 
 .error {
@@ -181,7 +253,7 @@ body {
 }
 
 .inputfield {
-  background:     #ece9d8;
+  background:     #c1dffc;
   color:          Black;
   font-family:    Veranda, Times;
   font-size:      12px;
@@ -189,10 +261,20 @@ body {
   padding-bottom: 0px;
 }
 
+.inputfieldright {
+  background:     #c1dffc;
+  color:          Black;
+  font-family:    Veranda, Times;
+  font-size:      12px;
+  padding-top:    0px;
+  padding-bottom: 0px;
+  text-align:     right;
+}
+
 #searchfield {
   font-size:            95%;
   font-weight:          normal;
-  background:           #4693c5;
+  background:           #c1dffc;
   border:               solid 1px #00507d;
   border-bottom-color:  #007de1;
   border-right-color:   #007de1;
@@ -219,11 +301,20 @@ body {
   font-weight: italic;
 }
 
+.todaysActivity {
+  color:     yellow;
+}
+
 /* Headers */
-h1, h2, h3, h4, h5 {
+h1, h2, h3 {
   color: #000099;
 }
 
+h4 {
+  color:       yellow;
+  font-weight: bold;
+}
+
 h1 {
   font-size: 18pt;
 }
@@ -272,7 +363,7 @@ img {
   background:                 SteelBlue;
   color:                      white;
   font-style:                 bold;
-  font-size:                  14;
+  font-size:                  14px;
   text-align:                 center;
   -moz-border-radius-topleft: 7px;
   border-top-left-radius:     7px;
@@ -282,27 +373,27 @@ img {
   background:                  SteelBlue;
   color:                       white;
   font-style:                  bold;
-  font-size:                   14;
+  font-size:                   14px;
   text-align:                  center;
   -moz-border-radius-topright: 7px;
   border-top-right-radius:     7px;
 }
 
-.tablebordertopleft {
+.tablebordertopleft { 
   background:                 SteelBlue;
   color:                      white;
   font-style:                 bold;
-  font-size:                  14;
+  font-size:                  14px;
   text-align:                 center;
   -moz-border-radius-topleft: 7px;
   border-top-left-radius:     7px;
 }
 
-.tablebordertopright {
-  background:                  SteelBlue;
+.tablebordertopright { 
+  background:                 SteelBlue;
   color:                       white;
   font-style:                  bold;
-  font-size:                   14;
+  font-size:                   14px;
   text-align:                  center;
   -moz-border-radius-topright: 7px;
   border-top-right-radius:     7px;
@@ -312,7 +403,7 @@ img {
   background:                    SteelBlue;
   color:                         white;
   font-style:                    bold;
-  font-size:                     14;
+  font-size:                     14px;
   text-align:                    center;
   -moz-border-radius-bottomleft: 7px;
   border-bottom-left-radius:     7px;
@@ -322,7 +413,7 @@ img {
   background:                     SteelBlue;
   color:                          white;
   font-style:                     bold;
-  font-size:                      14;
+  font-size:                      14px;
   text-align:                     center;
   -moz-border-radius-bottomright: 7px;
   border-bottom-right-radius:     7px;
@@ -332,7 +423,7 @@ img {
   background: SteelBlue;
   color:      white;
   font-style: bold;
-  font-size:  14;
+  font-size:  14px;
   text-align: center;
 }
 
@@ -356,7 +447,7 @@ img {
   background:         White;
   text-align:         right;
   font-family:        arial, sans-serif;
-  font-size:          14px;
+  font-size:          10px;
   font-weight:        bold;
   -moz-border-radius: 7px;
   border-radius:      7px;
@@ -382,37 +473,39 @@ img {
 
 .tableleftdata {
   background:    White;
+  color:         black;
   border-left:   solid 3px SteelBlue;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  font-size:     12px;
 }
 .tableleftrightdata {
-  background:    White;
+  background:    #c1dffc;
   border-right:  solid 3px SteelBlue;
   border-left:   solid 1px SteelBlue;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  font-size:     12px;
 }
 .tablerightleftdata {
-  background:    White;
+  background:    #c1dffc;
   border-right:  solid 1px SteelBlue;
   border-left:   solid 3px SteelBlue;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  font-size:     12px;
 }
 .tablerightdata {
   background:    White;
   border-right:  solid 3px SteelBlue;
   border-left:   1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  font-size:     14px;
 }
 .tablebottomleft {
   background:                    White;
+  color:                         black;
   border-left:                   solid 3px SteelBlue;
   border-right:                  1px dotted #ccc;
   border-bottom:                 solid 3px SteelBlue;
-  font-size:                     14;
+  font-size:                     12px;
   -moz-border-radius-bottomleft: 7px;
   border-bottom-left-radius:     7px;
 }
@@ -421,7 +514,7 @@ img {
   border-right:                   solid 3px SteelBlue;
   border-left:                    1px dotted #ccc;
   border-bottom:                  solid 3px SteelBlue;
-  font-size:                      14;
+  font-size:                      14px;
   -moz-border-radius-bottomright: 7px;
   border-bottom-right-radius:     7px;
 }
@@ -429,46 +522,47 @@ img {
   background:    White;
   border-left:   1px dotted #ccc;
   border-bottom: solid 3px SteelBlue;
-  font-size:     14;
+  font-size:     14px;
 }
 .tablebottomlefttotal {
-  background:                    White;
+  background:                    #c1dffc;
   border-left:                   solid 3px SteelBlue;
   border-bottom:                 solid 3px SteelBlue;
   border-right:                  1px dotted #ccc;
-  font-size:                     14;
+  font-size:                     14px;
   -moz-border-radius-bottomleft: 7px;
   border-bottom-left-radius:     7px;
 }
 .tablebottomrighttotal {
-  background:                     White;
+  background:                     #c1dffc;
   border-right:                   solid 3px SteelBlue;
   border-bottom:                  solid 3px SteelBlue;
-  font-size:                      14;
+  font-size:                      14px;
   -moz-border-radius-bottomright: 7px;
   border-bottom-right-radius:     7px;
 }
 .tablebottomtotal {
-  background:    White;
+  background:    #c1dffc;
   border-bottom: solid 3px SteelBlue;
   border-top:    solid 1px SteelBlue;
   border-right:  1px dotted #ccc;
-  font-size:     14;
+  font-size:     14px;
 }
 .tabledata {
   background:    White;
   border-left:   1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  border-top:    1px dotted #ccc;
+  font-size:     14px;
 }
 
 .date {
   background: White;
-  font-size:  10px;
+  font-size:  12px;
 }
 
 .dateright {
-  background:    #ffffee;
+  background:    White;
   font-size:     10px;
   border-right:  solid 3px SteelBlue;
   border-left:   1px dotted #ccc;
@@ -478,71 +572,85 @@ img {
 /* Special anchor effects */
 .sender {
   background:  White;
+  border-top:  1px dotted #ccc;
+  border-left: 1px dotted #ccc;
   font-family: arial, sans-serif;
-  font-size:   12px;
-  font-weight: bold;
+  font-size:   14px;
 }
-
 .sender a:link {
-  color: Red;
-}
-
-.sender a:visited {
-  color: #0054e3;
+  color: steelblue;
 }
-
 .sender a:hover {
-  color:      White;
-  background: Red;
+  color:      red;
+  background: white;
 }
 
-.sender a:active {
-  color: Yellow;
+.senderbottom {
+  background:    White;
+  border-top:    1px dotted #ccc;
+  border-left:   1px dotted #ccc;
+  border-bottom: solid 3px SteelBlue;
+  font-size:     14px;
+}
+.senderbottom a:link {
+  color: steelblue;
+}
+.senderbottom a:hover {
+  color:      red;
+  background: white;
 }
 
 .subject {
-  background:  White;
-  font-family: arial, sans-serif;
-  font-size:   10px;
-  font-weight: bold;
+  background:     white;
+  border-top:     1px dotted #ccc;
+  border-left:    1px dotted #ccc;
+  font-family:    arial, sans-serif;
+  font-size:      16px;
 }
-
 .subject a:link {
-  color: #0000ee;
+  color: #b11;
 }
-
 .subject a:visited {
-  color: #cc33cc;
+  color: grey;
 }
-
 .subject a:hover {
-  color:      White;
-  background: #0054e3;
+  color:      blue;
+  background: white;
 }
 
-.subject a:active {
-  color: #ff0000;
+.subjectbottom {
+  background:    White;
+  border-top:    1px dotted #ccc;
+  border-left:   1px dotted #ccc;
+  border-bottom: solid 3px SteelBlue;
+  font-size:     16px;
+}
+.subjectbottom a:link {
+  color: #b11;
+}
+.subjectbottom a:visited {
+  color: grey;
+}
+.subjectbottom a:hover {
+  color:      blue;
+  background: white;
 }
 
 /* Menu anchors */
 .menu {
   font-weight: bold;
 }
-
 .menu a:link {
   color:           White;
   text-decoration: none;
 }
-
 .menu a:visited {
   color: White;
 }
-
 .menu a:hover {
   color:      Yellow;
   background: none;
 }
-
 .menu a:active {
   color: Yellow;
 }
@@ -551,20 +659,16 @@ img {
 .intromenu {
   font-weight: bold;
 }
-
 .intromenu a:link {
   color: Red;
 }
-
 .intromenu a:visited {
   color: white;
 }
-
 .intromenu a:hover {
   color:      White;
   background: Red;
 }
-
 .intromenu a:active {
   color: Yellow;
 }
ClearSCM Source Repository. Note parts of this repo are under GPL. Other parts are copyright ClearSCM, Inc.