]> code.citadel.org Git - citadel.git/blobdiff - webcit/static/webcit.css
Advanced screen : removed a HTML table
[citadel.git] / webcit / static / webcit.css
index 6a4ab13825ad0c8eb304a1058c828520b6e7f96f..a07d1a7e2bb00dd7f62fbbdb527bd6b77ec78e38 100644 (file)
@@ -8,14 +8,19 @@ body {
        padding: 0 0 0 0;
        height: 100%;
        overflow: auto;
-       background-color: #D8D8D8;
-       color: #000000;
+       background: rgb(100,100,200) url(/static/gradient_background.jpg) repeat-x;
+       color: black;
        font-weight: normal;
        font-size: 10pt;
        font-family: sans-serif;
        text-align: center;
 }
 
+#global {
+       margin: 0;
+       padding: 0;
+}
+
 #iconbar {
        /* position:fixed; */
        position:absolute;
@@ -71,13 +76,12 @@ body {
        background: #445;
 }
 
-
 #banner .room_banner {
         float: left;
         width: 48%;
 }
 
-.room_banner img {
+#banner img {
         float: left;
         margin-top: 0;
         margin-left: 0;
@@ -85,7 +89,7 @@ body {
         margin-right: 5px;
 }
 
-.room_banner h1 {
+#banner h1 {
         font-size: 14pt;
         font-weight: bold;
         color: #FFFFEE;
@@ -93,6 +97,12 @@ body {
         padding: 2px;
 }
 
+#banner h2 {
+        font-size: 11pt;
+        font-weight: bold;
+        color: #FFFFEE;
+}
+
 .room_banner .infos {
         font-size: 8pt;
        color: #FFFFEE;
@@ -111,17 +121,18 @@ body {
         z-index: 100;
         color: #666;
         background: white;
-}
-
-#room_infos .close_infos {
        cursor: pointer;
-        font-size: 8pt;
+        font-size: 10pt;
        color: black;
-        text-align: right;
+        text-align: left;
         padding: 2px;
        margin-top: 5px;
 }
 
+img.close_infos {
+       float: right;
+}
+
 #banner ul {
         float: right;
         text-align: right;
@@ -193,6 +204,7 @@ li.start_page {
 }
 
 #navbar ul li img {
+        float: none;
        margin-top: 0;
        margin-right: 2px;
        margin-bottom:0 ;
@@ -235,6 +247,18 @@ li.start_page {
        /* overflow-x: hidden; */
 }
 
+.service {
+}
+
+.service table, .service form {
+       width: 100%;
+}
+
+
+.instructions {
+
+}
+
 #message_list_hdr {
        position:fixed;
        display:block;
@@ -292,6 +316,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 {
@@ -410,15 +437,8 @@ a:hover {
        color: #FFFFEE;
 }
 
-.mainmenu {
-       font-size: 10pt;
-       font-weight: bold;
-       color: #880000;
-}
-
-.menudesc {
-       font-size: 8pt;
-       color: #000088;
+.selector_top, .selector_bottom {
+        text-align: center;
 }
 
 .message {
@@ -427,44 +447,112 @@ a:hover {
        border: 1px solid #999999;
        background-color: #CCCCCC;
         text-align: left;
+       clear: both;
 }
 
-
-.message_header, .message_subject {
+.message_header, .message_header p {
        font-size: 10pt;
        color: black;
        margin: 0;
-       padding: 3px;
+       padding: 0;
        background-color: #CCCCCC;
         text-align: left;
 }
 
-.message_subject {
-       padding-top: 0;
+.message_header .message_subject {
        font-style: italic;
+}
+.mimepart {
+       margin-top: 15px;
+       margin-bottom: 15px;
+       margin-left: 15%;
+       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;
+}
 
-#delbutton, .msgbuttons a {
-       font-size: 6pt;
-       padding: 2px;
-       margin-left: 2px; 
-       margin-right: 2px; 
-       border: 2px outset #999999;
-       background-color: #EEEEEE;
-       color: black;
+.mimepart div span {
+        vertical-align: top;
+       font-style: italic;
+       display: block;
+}
+
+.mimepart dl {
+       width: 100%;
+       padding: 5px;
+}
+
+.mimepart dl dt {
+       width: 30%;
+       float: left;
+       margin: 0 0 0 0;
+       padding: .5em;
+       border-top: 1px solid #999;
        font-weight: bold;
-       text-transform: uppercase;
+}
+
+/* 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;
+        float: right;
+        visibility: hidden;
+       margin-top: 0;
+       margin-right: 0;
+       padding: 0;
 }
 
-.msgbuttons a span {
-       display: none;
+#delbutton, .buttons a, .msgbuttons a {
+        font-size: 8pt;
+        margin-left: 5px;
+       margin-right: 5px;
+        padding: 2px;
+        border-top: 1px solid #CFCFCF;
+        border-left: 1px solid #CFCFCF;
+        border-right: 1px solid #808080;
+        border-bottom: 1px solid #000000;
+        background-color: #BBBBBB;
+        color: #000000;
+        font-weight: bold;
+        text-align: center;
+}
+
+.msgbuttons a span, .buttons span {
+        display: none;
+}
+
+.buttons a:hover, .msgbuttons a:hover {
+        background-color: #AAAAAA;
+        text-decoration: none;
 }
 
 .message_content {
@@ -474,25 +562,30 @@ a:hover {
         clear: both;
 }
 
-.message form label {
+.message form div label {
         display: block;
-       float: left;
-       margin: 5px;
-       width: 9em;
-       text-align: right;
+        float: left;
+        margin: 3px;
+        width: 9em;
+        text-align: right;
+}
+
+.message form div input, .message form div select {
+        margin: 3px;
 }
 
-.message form input, .message form select {
-       margin: 2px;
+.imgedit {
+        vertical-align: middle;
 }
 
 .send_edit_msg {
-       margin-top: 10px;
-       margin-bottom: 10px;
-       margin-left: auto;
-       margin-right: auto;
-        width: 80%;
-        text-align: center;
+        float: right;
+        margin-top: 0;
+        margin-right: 0;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        padding-right: 50px;
+        padding-left: 50px;
 }
 
 .tablabel {
@@ -502,7 +595,7 @@ a:hover {
 }
 
 .boxlabel {
-       font-size: 7pt;
+       font-size: 8pt;
        font-weight: bold;
        color: #FFFFEE;
 }
@@ -511,23 +604,34 @@ a:hover {
        color: #FFFFEE;
 }
 
-.customize {
-       font-size: 8pt;
-       font-style: italic;
-       color: #000044;
-       background-color: #DDDDCC;
+ul.adminitems {
+        list-style-type: none;
 }
 
-.room_banner_room_name {
+ul.adminitems li {
+        list-style: none;
+       font-size: 13px;
 }
 
-.room_banner_room_info {
+ul.adminitems a {
+       font-size: 13px;
+       margin: 5px;
+       color: #880000;
+       font-weight: bold;
 }
 
-.room_banner_new_messages {
+ul.adminitems span {
+       display: block;
+       font-size: 8pt;
+       color: #000088;
 }
 
-.room_banner_start_page {
+
+.customize {
+       font-size: 8pt;
+       font-style: italic;
+       color: #000044;
+       background-color: #DDDDCC;
 }
 
 .view_name, .search_name, .selectbox, .inputbox {
@@ -711,6 +815,7 @@ td li.frameset, .elements li.frameset {
        background: none;
 }
 
+
 @media print {
        input#toggler, .toolbar { display: none }
 }
@@ -806,43 +911,23 @@ div.auto_complete ul strong.highlight {
         background-color: #CCCCCC;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background { 
         border: 0;
         width: 100%;
         background-color: #ffffff;
 }
 
-.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
+.siteconfig_background { 
         border: 0;
         width: 100%;
-        background-color: #ffffff;
 }
 
-.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_background   {
+.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
         border: 0;
         width: 100%;
         background-color: #ffffff;
 }
 
-.auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-.mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner   {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-
 .vcard_edit_background_alt, .roomops_background_alt {
         border: 0;
         width: 100%;
@@ -865,6 +950,12 @@ div.auto_complete ul strong.highlight {
         text-align: center;
 }
 
+.boxcontent .col1,  .boxcontent .col2  { 
+       float: left;
+       width: 33%;
+}
+
+
 #login_screen {
        margin: 3%;
 }
@@ -962,12 +1053,12 @@ div.auto_complete ul strong.highlight {
        position: relative;
        width: 100%;
        height: 100%;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 #address_book_popup_middle_div {
        position: relative;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 #address_book_inner_div {
@@ -976,11 +1067,61 @@ div.auto_complete ul strong.highlight {
 
 #address_book_inner_div select {
        width: 100%;
-       background-color: #ffd;
+       background-color: #fbf4ca;
 }
 
 .address_book_popup_title {
         font-size: 12pt;
-       background-color: #ffd;
+       background-color: #fbf4ca;
         color: #000;
 }
+
+.edit_col, .host_col {
+       display: none;
+}
+
+.who_is_online .edit_col, .who_is_online .host_col {
+       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: nowrap;
+       border-top: 1px solid #aaaaaa;
+}
+
+#wholist li.activeuser a {
+       background-color: rgb(255,240,146);
+        padding-left: 5px;
+} 
+
+#wholist li.inactiveuser a {
+       background-color: transparent;
+        padding-left: 5px;
+} 
+
+table.altern {
+       background-color: #ffffff;
+       width: 98%;
+}
+
+table.altern .even {
+       background-color: #dddddd;
+}
+
+table.altern .odd {
+       background-color: #ffffff;
+}