* Move iconbar out of global div so I can shuffle main content position rules

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 1222be756ee93176af62ecf74406c197f20933bd..ba4e64b0dc770e38599dad457b46494050b2c83a 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -7,20 +7,32 @@
 
 html { font-size: 100%;}
 
-body { font-size: 11pt}
+body { font-size: 100%;}
 
-#banner h1 { font-size: 16pt; }
+#banner h1 { font-size: 160%; }
 
 #banner h2,#banner .titlebar, .address_book_popup_title {
-       font-size: 13pt;
+       font-size: 130%;
 }
 
-#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .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, #message_list tr > td {
-       font-size: 10pt;
+#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .room_banner .infos,.room_banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
+       font-size: 100%;
+}
+
+#message_list_hdr table {
+       font-size: 80%;
+}
+
+#navbar {
+       font-size: 75%;
+}
+
+.mailbox_summary {
+       font-size: 80%;
 }
 
 #online_users li {
-       font-size: 8pt;
+       font-size: 80%;
 }
 .marked_row {
     color: white;
@@ -58,7 +70,7 @@ body {
        text-transform: uppercase;
 }
 
-#iconbar ul li, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, #ib_logoff {
+#iconbar ul li, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, #ib_logoff, .iconbar_text {
        background-color: #F0FFFF;
        color: #333;
 }
@@ -68,6 +80,10 @@ body {
        list-style: none;
 }
 
+#iconbar li a, #ib_logoff a {
+       font-size: 100%;
+}
+
 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
        border: 1px solid #333;
        overflow: hidden;
@@ -89,7 +105,7 @@ body {
        border: none;
 }
 
-.logo,.logo_citadel, #switch, #customize {
+.logo,.logo_citadel, .iconbar_text {
        border: none;
        border-bottom: 1px solid #AAA;
 }
@@ -216,7 +232,7 @@ body {
        font-weight: 700;
 }
 
-.floors_config,.roomops_zap {
+.floors_config, .roomops_zap {
        background-color: #700;
        border: 0;
 }
@@ -275,7 +291,7 @@ body {
        background-color: #FF8000;
 }
 
-.tab_cell,.tab_cell_edit {
+.tab_cell, .tab_cell_edit {
        background-color: #CCC;
        font-weight: 700;
 }
@@ -295,7 +311,7 @@ body {
        color: highlighttext;
 }
 
-.warning a:link,.warning a:visited,.warning a:active, .warning {
+.warning a:link, .warning a:visited, .warning a:active, .warning {
        background: none;
        color: #FF4500;
 }
@@ -362,7 +378,6 @@ div.auto_complete ul strong.highlight {
        color: #800;
 }
 
-
 table.altern {
        border-bottom: solid 2px #AAA;
        border-top: solid 2px #AAA;
@@ -393,8 +408,7 @@ ul.adminitems li {
        font-weight: 700;
 }
 
-ul.adminitems li span
-{
+ul.adminitems li span {
        color: #666;
 }
 
@@ -457,8 +471,8 @@ a:visited { color: purple; }
 
 
 
-.button_link a, 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, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
-       background-color: #fbf4ca;
+.button_link a, input, select, #login_form #uname, #login_form #pname, li.activeuser, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+       background-color: #fbf4ca !important; /* needed for li.activeuser */
 }
 
 .button_link a, input, select, #login_form #uname, #login_form #pname, .room_actions form select, .room_actions li.search input, .address_book_popup_title, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
@@ -714,15 +728,18 @@ body, #global {
 
 /* Iconbar */
 
-.logo, .logo_citadel, #iconbar #button, #switch, #customize, #ib_logoff {
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, #ib_logoff {
        margin: 0;
        padding: 0;
 }
 
-.logo, #citlogo, #switch, #customize, #online_users li {
+.logo, #citlogo, .iconbar_text, #online_users li {
        text-align: center;
 }
 
+.iconbar_text > span {
+    cursor: pointer;
+}
 #iconbar #button {
        width: 100%;
 }
@@ -1313,11 +1330,11 @@ td.events_of_the_day {
 }
 
 .events_of_the_day dl dt.hour {
-       font-size: 16px;
+       font-size: 160%;
 }
 
 .events_of_the_day dl dt.extrahour {
-       font-size: 8px;
+       font-size: 80%;
 }
 
 .hour_label, .extra_events dl dt {
@@ -1365,7 +1382,7 @@ li.event_framed_unread span, a.event_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
-        font-size: 11px;     
+        font-size: 100%;     
 }
 
 .event_framed_read {
@@ -1383,7 +1400,7 @@ li.event_framed_read span, a.event_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
-        font-size: 11px;     
+        font-size: 100%;  
 }
 
 .event_read {
@@ -1393,7 +1410,7 @@ li.event_read span, a.event_read_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
-        font-size: 11px;     
+        font-size: 100%;     
 }
 
 .event_unread {
@@ -1403,7 +1420,7 @@ li.event_unread span, a.event_read_title {
        filter:alpha(opacity=100); 
        -moz-opacity:1.0;         
        opacity: 1.0;
-        font-size: 11px;     
+        font-size: 100%;     
 }
 
 .mini_calendar {
@@ -1471,7 +1488,7 @@ li.event_unread span, a.event_read_title {
        top: 0px;
        left: 0px;
        background-color: #888800;
-        font-size: 6px;     
+        font-size: 60%;     
 }
 
 .stickynote_body {