improved inet conf screen

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index cfda4a57f695d84254177eb1373832afb72fb048..c56e4bb5de60d11aa86bdd34b0d6732cbc6d7a98 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -14,14 +14,14 @@ body { font-size: 11pt}
        font-size: 13pt;
 }
 
-#button, #content .msgbuttons a,input#delbutton,.attachfile,.logbuttons input,.buttons input, #wholist li, .buttons a, .customize, .mailbox_summary, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, #navbar, .selector_top, .selector_bottom, .room_banner .infos,.room_banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, #message_list_hdr table, .message_header, ul.adminitems li span {
+#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, #wholist li, .buttons a, .customize, .mailbox_summary, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, #navbar, .selector_top, .selector_bottom, .room_banner .infos,.room_banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, #message_list_hdr table, .message_header, ul.adminitems li span {
        font-size: 10pt;
 }
 
 /* Color */
 
 body {
-       background-color: #004E79;
+       background-color: #6C91A6;
        font-family: "Trebuchet MS", "Verdana", "Bitstream Vera Sans", sans-serif;
        font-weight: 400;
 }
@@ -44,11 +44,11 @@ body {
        cursor: help;
 }
 
-input, select, #login_form #uname, #login_form #pname, #wholist li.activeuser a, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
+.button_link, input, select, #login_form #uname, #login_form #pname, #wholist li.activeuser a, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
        background-color: #fbf4ca;
 }
 
-input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
+.button_link, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
        border: 1px solid #999;
        color: #333;
 }
@@ -113,7 +113,12 @@ input, select, #login_form #uname, #login_form #pname, .room_actions form select
        color: #FFF;
 }
 
-#banner, #banner a {
+#banner {
+       background-color: #004E79;
+       color: #FFF
+
+}
+#banner a {
        color: #FFF
 }
 
@@ -167,7 +172,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
        font-style: italic;
 }
 
-.adminlist,.tabbed_dialog {
+.adminlist {
        list-style: none;
 }
 
@@ -280,7 +285,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 
 .tabcontent {
        background-color: #FFF;
-       border-left: 3px solid #FF7814;
+       border-top: 3px solid #FF7814;
 }
 
 .treetitleselectedblured {
@@ -443,6 +448,10 @@ a:visited { color: purple; }
 }
 
 
+.button_link a {
+       color: #333;
+}
+
 /* Layout */
 
 * html {
@@ -467,7 +476,7 @@ body, #global {
        z-index: 2;
 }
 
-#login_screen {
+#login_screen, #logout_screen {
        margin: 0;
        padding: 3% 6% 3% 6%;
 }
@@ -723,6 +732,11 @@ html>body #button li a {
        display: inline;
 }
 
+#banner ul.room_actions li form {
+        margin: 0;
+        padding: 0;
+}
+
 #banner ul.room_actions li select, #banner ul.room_actions li input {
        margin-top: 8px;
        margin-right: 4px;
@@ -810,6 +824,12 @@ html>body #button li a {
        padding: 0;
 }
 
+
+
+.button_link {
+       padding: 0 2px 0 2px;
+}
+
 .msgbuttons a {
        margin: 0 2px 0 2px;
        padding: 1px;
@@ -1078,34 +1098,89 @@ table.advanced {
 /* Tabs */
 
 .tab_cell_label, .tab_cell, .tab_cell_edit {
-       margin: 0;
-       padding: 0 15px 0 15px;
 }
 
 ul.tabbed_dialog {
-       margin: 3% 0 0 2%;
+        list-style: none;
+       margin: 3% auto 0 auto;
+       width: 96%;
        padding: 0;
-       float: left;
-       width: 20%;
+       white-space: nowrap;
+        text-align: center;
+        vertical-align: middle;
 }
 
-.tabbed_dialog .tablabel {
-       margin: 0 0 3% 0;
-       padding: 0.4em;
+ul.tabbed_dialog li {
+       margin: 0 3% 0 3%;
+       padding: 4px;
+        float: left;
 }
 
 .tabcontent {
-       margin-top: 2%;
-       margin-left: 22%;
-       width: 74%;
+       margin: 3% auto 0 auto;
+       width: 96%;
        padding: 10px;
+       clear: both;
 }
 
 /* Calendar view */
 
 .calendar {
-       margin: 2% auto 0 auto;
-       width: 98%;
+       background-color: #204B78;
+       margin: 0;
+       width: 100%;
+       height: 302px;
+}
+
+td.events_of_the_day {
+        width: 500px;
+}
+
+.events_of_the_day dl {
+       margin: 0;
+       padding: 0;
+       position: absolute;
+       top: 0;
+       left:0;
+        width: 500px;
+}
+
+.events_of_the_day dl dt {
+       background-color: #FFFFFF;
+       margin: 0;
+        width: 500px;
+        border: 1px solid #CCC;
+}
+
+.events_of_the_day dl dt.hour {
+       font-size: 16px;
+}
+
+.events_of_the_day dl dt.extrahour {
+       font-size: 8px;
+}
+
+.hour_label, .extra_events dl dt {
+       background-color: #CCCCDD;
+        vertical-align: middle;
+       text-align: left;       
+}
+
+.hour_events, .extra_events {
+       background-color: #FFFFFF;
+        vertical-align: top;
+       text-align: left;       
+}
+
+
+.extra_events ul {
+       list-style: none;
+       margin: 0;
+       padding: 0;
+}
+
+.extra_events ul li {
+       margin: 4px;
 }
 
 .calday, .calout, .calweekend {
@@ -1114,3 +1189,51 @@ ul.tabbed_dialog {
        text-align: left;
        vertical-align: top;
 }
+
+.event {
+       filter:alpha(opacity=50);   /* Internet Explorer 6     */
+       -moz-opacity:0.5;           /* Mozilla 1.6 and prec.   */
+       opacity: 0.5;               /* CSS3 and Mozilla  */
+       -moz-border-radius: 8px;    /* CSS3 and Mozilla  */
+       border: solid 1px red;
+       background-color: yellow;
+       z-index: 10;
+       padding: 0 4px 0 4px; 
+}
+
+li.event span, a.event_title {
+       filter:alpha(opacity=100); 
+       -moz-opacity:1.0;         
+       opacity: 1.0;
+        font-size: 11px;     
+}
+
+.mini_calendar {
+   color: #fff;
+}
+
+.mini_calendar a {
+   color: #fff;
+}
+
+.mini_calendar a: link,.mini_calendar a:visited {
+   color: #fff;
+}
+
+.mini_calendar a:hover,.mini_calendar a:active {
+   color: #fff;
+   background-color: #AD1C00;
+}
+
+.mini_calendar td a {
+   color: #fff;
+}
+
+.mini_calendar td a: link,.mini_calendar td a:visited {
+   color: #fff;
+}
+
+.mini_calendar td a:hover,.mini_calendar td a:active {
+   color: #fff;
+   background-color: #AD1C00;
+}