Welcome to MAPS 2.0

[clearscm.git] / maps / css / MAPSStyle.css

diff --git a/maps/css/MAPSStyle.css b/maps/css/MAPSStyle.css
index 91669b3..f7be5a6 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%;
@@ -82,19 +76,27 @@ body {
 }
 
 .quickstats {
-  background-color: #ffffcc;
-  border:           2px groove #336699;
-  color:            black;
   font-size:        10px;
   line-height:      10px;
   margin:           2px;
   width:            125px;
 }
 
-.quickstats a:link {
+.smallnumber a:link {
+  color:         yellow;
   text-decoration: none;
 }
 
+.smallnumber a:visited {
+  color: white;
+  font-weight: bold;
+  background-color: yellow;
+}
+.smallnumber a:hover {
+  color: yellow;
+  background: blue;
+}
+
 .quickstats a:hover {
   background: blue;
   color:      white;
@@ -105,7 +107,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 +134,20 @@ body {
 }
 
 .smalllabel {
-  color:       #993333;
+  color:       white;
   font-weight: bold;
   line-height: 12px;
   font-size:   12px;
 }
 
 .smallnumber {
-  color:       black;
+  color:       white;
   line-height: 12px;
   font-size:   12px;
 }
 
 .header {
-  color:       #000099;
+  color:       steelblue;
   line-height: 12px;
   font-weight: bold;
 }
@@ -155,9 +157,10 @@ body {
 }
 
 .found {
-  color:      black;
-  background: #ffffcc;
+  color:      white;
+  background: steelblue;
   font-style: italic;
+  font-weight: bold;
 }
 
 .error {
@@ -181,18 +184,28 @@ body {
 }
 
 .inputfield {
-  background:     #ece9d8;
+  background:     #c1dffc;
+  color:          Black;
+  font-family:    Veranda, Times;
+  font-size:      12px;
+  padding-top:    0px;
+  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 +232,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;
 }
@@ -269,7 +291,7 @@ img {
 
 /* Table colors */
 .tableleftend {
-  background:                 #804000;
+  background:                 SteelBlue;
   color:                      white;
   font-style:                 bold;
   font-size:                  14;
@@ -279,7 +301,7 @@ img {
 }
 
 .tablerightend {
-  background:                  #804000;
+  background:                  SteelBlue;
   color:                       white;
   font-style:                  bold;
   font-size:                   14;
@@ -289,7 +311,7 @@ img {
 }
 
 .tablebordertopleft { 
-  background:                 #804000;
+  background:                 SteelBlue;
   color:                      white;
   font-style:                 bold;
   font-size:                  14;
@@ -299,7 +321,7 @@ img {
 }
 
 .tablebordertopright { 
-  background:                 #804000;
+  background:                 SteelBlue;
   color:                       white;
   font-style:                  bold;
   font-size:                   14;
@@ -309,7 +331,7 @@ img {
 }
 
 .tableborderbottomleft { 
-  background:                    #804000;
+  background:                    SteelBlue;
   color:                         white;
   font-style:                    bold;
   font-size:                     14;
@@ -319,7 +341,7 @@ img {
 }
 
 .tableborderbottomright { 
-  background:                     #804000;
+  background:                     SteelBlue;
   color:                          white;
   font-style:                     bold;
   font-size:                      14;
@@ -329,7 +351,7 @@ img {
 }
 
 .tableborder {
-  background: #804000;
+  background: SteelBlue;
   color:      white;
   font-style: bold;
   font-size:  14;
@@ -353,7 +375,7 @@ img {
 }
 
 .tablelabel {
-  background:         #ece9d8;
+  background:         White;
   text-align:         right;
   font-family:        arial, sans-serif;
   font-size:          10px;
@@ -363,7 +385,7 @@ img {
 }
 
 .tableheader {
-  background:  #804000;
+  background:  SteelBlue;
   color:       white;
   text-align:  center;
   font-family: arial, sans-serif;
@@ -381,103 +403,104 @@ img {
 }
 
 .tableleftdata {
-  background:    #ffffee;
-  border-left:   solid 3px #804000;
+  background:    White;
+  color:         Red;
+  border-left:   solid 3px SteelBlue;
   border-bottom: 1px dotted #ccc;
   font-size:     14;
 }
 .tableleftrightdata {
-  background:    #ece9d8;
-  border-right:  solid 3px #804000;
-  border-left:   solid 1px #804000;
+  background:    #c1dffc;
+  border-right:  solid 3px SteelBlue;
+  border-left:   solid 1px SteelBlue;
   border-bottom: 1px dotted #ccc;
   font-size:     14;
 }
 .tablerightleftdata {
-  background:    #ece9d8;
-  border-right:  solid 1px #804000;
-  border-left:   solid 3px #804000;
+  background:    #c1dffc;
+  border-right:  solid 1px SteelBlue;
+  border-left:   solid 3px SteelBlue;
   border-bottom: 1px dotted #ccc;
   font-size:     14;
 }
 .tablerightdata {
-  background:    #ffffee;
-  border-right:  solid 3px #804000;
+  background:    White;
+  border-right:  solid 3px SteelBlue;
   border-left:   1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
   font-size:     14;
 }
 .tablebottomleft {
-  background:                    #ffffee;
-  border-left:                   solid 3px #804000;
+  background:                    White;
+  color:                         Red;
+  border-left:                   solid 3px SteelBlue;
   border-right:                  1px dotted #ccc;
-  border-bottom:                 solid 3px #804000;
+  border-bottom:                 solid 3px SteelBlue;
   font-size:                     14;
   -moz-border-radius-bottomleft: 7px;
   border-bottom-left-radius:     7px;
 }
 .tablebottomright {
-  background:                     #ffffee;
-  border-right:                   solid 3px #804000;
+  background:                     White;
+  border-right:                   solid 3px SteelBlue;
   border-left:                    1px dotted #ccc;
-  border-bottom:                  solid 3px #804000;
+  border-bottom:                  solid 3px SteelBlue;
   font-size:                      14;
   -moz-border-radius-bottomright: 7px;
   border-bottom-right-radius:     7px;
 }
 .tablebottomdata {
-  background:    #ffffee;
+  background:    White;
   border-left:   1px dotted #ccc;
-  border-bottom: solid 3px #804000;
+  border-bottom: solid 3px SteelBlue;
   font-size:     14;
 }
 .tablebottomlefttotal {
-  background:                    #ece9d8;
-  border-left:                   solid 3px #804000;
-  border-bottom:                 solid 3px #804000;
+  background:                    #c1dffc;
+  border-left:                   solid 3px SteelBlue;
+  border-bottom:                 solid 3px SteelBlue;
   border-right:                  1px dotted #ccc;
   font-size:                     14;
   -moz-border-radius-bottomleft: 7px;
   border-bottom-left-radius:     7px;
 }
 .tablebottomrighttotal {
-  background:                     #ece9d8;
-  border-right:                   solid 3px #804000;
-  border-bottom:                  solid 3px #804000;
+  background:                     #c1dffc;
+  border-right:                   solid 3px SteelBlue;
+  border-bottom:                  solid 3px SteelBlue;
   font-size:                      14;
   -moz-border-radius-bottomright: 7px;
   border-bottom-right-radius:     7px;
 }
 .tablebottomtotal {
-  background:    #ece9d8;
-  border-bottom: solid 3px #804000;
-  border-top:    solid 1px #804000;
+  background:    #c1dffc;
+  border-bottom: solid 3px SteelBlue;
+  border-top:    solid 1px SteelBlue;
   border-right:  1px dotted #ccc;
   font-size:     14;
 }
 .tabledata {
-  background:    #ffffee;
+  background:    White;
   border-left:   1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
   font-size:     14;
 }
-
 .date {
-  background: #ffffee;
+  background: White;
   font-size:  10px;
 }
 
 .dateright {
-  background:    #ffffee;
+  background:    White;
   font-size:     10px;
-  border-right:  solid 3px #804000;
+  border-right:  solid 3px SteelBlue;
   border-left:   1px dotted #ccc;
   border-bottom: 1px dotted #ccc;
 }
 
 /* Special anchor effects */
 .sender {
-  background:  #ffffee;
+  background:  White;
   font-family: arial, sans-serif;
   font-size:   12px;
   font-weight: bold;
@@ -501,7 +524,7 @@ img {
 }
 
 .subject {
-  background:  #ffffee;
+  background:  White;
   font-family: arial, sans-serif;
   font-size:   10px;
   font-weight: bold;