More improvements

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

diff --git a/maps/css/MAPSStyle.css b/maps/css/MAPSStyle.css
index f7be5a6..93bf030 100644 (file)
--- a/maps/css/MAPSStyle.css
+++ b/maps/css/MAPSStyle.css
@@ -75,31 +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 {
-  font-size:        10px;
+  font-size:        12px;
+  font-weight:      bold;
   line-height:      10px;
   margin:           2px;
   width:            125px;
 }
-
-.smallnumber a:link {
-  color:         yellow;
+.quickstats a:link {
+  color:           #c1dffc;
   text-decoration: none;
 }
-
-.smallnumber a:visited {
+.quickstats a:visited {
   color: white;
-  font-weight: bold;
-  background-color: yellow;
 }
-.smallnumber a:hover {
-  color: yellow;
-  background: blue;
-}
-
 .quickstats a:hover {
-  background: blue;
-  color:      white;
+  color:      steelblue;
+  background: white;
 }
 
 .toolbar a:hover {
@@ -138,12 +203,16 @@ body {
   font-weight: bold;
   line-height: 12px;
   font-size:   12px;
+  text-align:  left;
+  width:       68px;
 }
 
 .smallnumber {
   color:       white;
   line-height: 12px;
   font-size:   12px;
+  text-align:  right;
+  width:       25px;
 }
 
 .header {
@@ -294,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;
@@ -304,7 +373,7 @@ 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;
@@ -314,7 +383,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;
@@ -324,7 +393,7 @@ 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;
@@ -334,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;
@@ -344,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;
@@ -354,7 +423,7 @@ img {
   background: SteelBlue;
   color:      white;
   font-style: bold;
-  font-size:  14;
+  font-size:  14px;
   text-align: center;
 }
 
@@ -404,39 +473,39 @@ img {
 
 .tableleftdata {
   background:    White;
-  color:         Red;
+  color:         black;
   border-left:   solid 3px SteelBlue;
   border-bottom: 1px dotted #ccc;
-  font-size:     14;
+  font-size:     12px;
 }
 .tableleftrightdata {
   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:    #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:                         Red;
+  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;
 }
@@ -445,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;
 }
@@ -453,14 +522,14 @@ img {
   background:    White;
   border-left:   1px dotted #ccc;
   border-bottom: solid 3px SteelBlue;
-  font-size:     14;
+  font-size:     14px;
 }
 .tablebottomlefttotal {
   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;
 }
@@ -468,7 +537,7 @@ img {
   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;
 }
@@ -477,17 +546,19 @@ img {
   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 {
@@ -501,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;
 }
@@ -574,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;
 }