new gradient background image, one pixel width, repeat horizontally

[citadel.git] / webcit / static / webcit.css

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 10529331d8a443a9abe8a40d92f590633e0eb656..769bb98974aa87fb55eb07c596e5caa0d2f1f1f0 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -8,8 +8,8 @@ body {
        padding: 0 0 0 0;
        height: 100%;
        overflow: auto;
-       background-color: #D8D8D8;
-       color: #000000;
+       background: rgb(212,218,234) url(/static/gradient_background.jpg) repeat-x;
+       color: black;
        font-weight: normal;
        font-size: 10pt;
        font-family: sans-serif;
@@ -306,6 +306,9 @@ li.start_page {
        overflow: hidden;
        cursor: s-resize;
        background-color: #cccccc;
+       background-image:url(/static/resizegrippy.gif);
+       background-repeat: no-repeat;
+       background-position: center; 
 }
 
 * html #resize_msglist {
@@ -431,6 +434,7 @@ a:hover {
        border: 1px solid #999999;
        background-color: #CCCCCC;
         text-align: left;
+       clear: both;
 }
 
 .message_header, .message_header p {
@@ -446,31 +450,66 @@ a:hover {
        font-style: italic;
 }
 .mimepart {
-       margin-top: 0;
+       margin-top: 15px;
+       margin-bottom: 15px;
        margin-left: 15%;
-       width: 55%;
-       padding: 10px;
+       width: 70%;
+       padding: 0;
        background-color: #FFFFDD;
+       border: 2px solid lightgrey;
+}
+
+.mimepart img {
+        vertical-align: middle;
+       float: left;
 }
 
 .mimepart div {
+        vertical-align: middle;
+       margin: 0 0 15px 0 ;
+       padding: 5px;
+       font-size: 11pt;
         font-weight: bold;
 }
 
 .mimepart div span {
+        vertical-align: top;
        font-style: italic;
+       display: block;
 }
 
-.mimepart dl, .mimepart dl dt, .mimepart dl dd {
-       font-size: 10pt;
-       color: black;
-        text-align: left;
+.mimepart dl {
+       width: 100%;
+       padding: 5px;
 }
+
 .mimepart dl dt {
-       display: compact;
-        font-weight: bold;
+       width: 30%;
+       float: left;
+       margin: 0 0 0 0;
+       padding: .5em;
+       border-top: 1px solid #999;
+       font-weight: bold;
 }
-       
+
+/* hack ie5 mac \*/
+dt { clear: both; }
+/* end hack */
+
+.mimepart dl dd {
+       float: left;
+       width: 62%;
+       margin: 0 0 0 0;
+       padding: .5em;
+       border-top: 1px solid #999;
+}
+
+.mimepart p {
+       margin-top: 1em;
+       margin-bottom: 0;
+       clear: both;
+}
+
 .msgbuttons {
         float: right;
         visibility: hidden;
@@ -1056,25 +1095,6 @@ div.auto_complete ul strong.highlight {
        display: block;
 }
 
-#wholist {
-       border: 0;
-        margin: 0;
-        padding: 0;
-       max-height: 200px;
-       overflow: auto;
-}
-
-#wholist li {
-       color: black;
-        text-align: left;
-        list-style: none;
-       border: 0;
-        margin: 0;
-        padding: 2px;
-        white-space: splay: compact;
-
-}
-
 .message_header, .message_subject {
        font-size: 10pt;
        color: black;