* restore context menu in online user list

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

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 720d2cb6b5a8b380ec1de90c8e8eb1d6cc09d7b5..85890dccf7c8c4a197cf421d739d7dc673c8be30 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -7,24 +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, .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: 8pt;
+       font-size: 80%;
 }
 
-#online_users li {
-       font-size: 8pt;
+#online_users li a {
+       font-size: 80% !important;
 }
 .marked_row {
     color: white;
@@ -62,7 +70,7 @@ body {
        text-transform: uppercase;
 }
 
-#iconbar ul li, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, #ib_logoff {
+.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text {
        background-color: #F0FFFF;
        color: #333;
 }
@@ -72,6 +80,10 @@ body {
        list-style: none;
 }
 
+.ib_button {
+       font-size: 100%;
+}
+
 #room_infos, #address_book_popup, .mimepart, .room_actions form select {
        border: 1px solid #333;
        overflow: hidden;
@@ -83,7 +95,7 @@ body {
        font-weight: 700;
 }
 
-#button li, #ib_logoff {
+.ib_button {
        border: none;
        border-bottom: 2px groove #CCC;
        border-right: 2px groove #CCC;
@@ -93,12 +105,12 @@ body {
        border: none;
 }
 
-.logo,.logo_citadel, #switch, #customize {
+.logo,.logo_citadel, .iconbar_text {
        border: none;
        border-bottom: 1px solid #AAA;
 }
 
-#button li a , #ib_logoff a{
+.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a {
        color: #000;
        text-decoration: none;
 }
@@ -220,7 +232,7 @@ body {
        font-weight: 700;
 }
 
-.floors_config,.roomops_zap {
+.floors_config, .roomops_zap {
        background-color: #700;
        border: 0;
 }
@@ -279,7 +291,7 @@ body {
        background-color: #FF8000;
 }
 
-.tab_cell,.tab_cell_edit {
+.tab_cell, .tab_cell_edit {
        background-color: #CCC;
        font-weight: 700;
 }
@@ -299,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;
 }
@@ -366,7 +378,6 @@ div.auto_complete ul strong.highlight {
        color: #800;
 }
 
-
 table.altern {
        border-bottom: solid 2px #AAA;
        border-top: solid 2px #AAA;
@@ -397,8 +408,7 @@ ul.adminitems li {
        font-weight: 700;
 }
 
-ul.adminitems li span
-{
+ul.adminitems li span {
        color: #666;
 }
 
@@ -454,15 +464,15 @@ a:visited { color: purple; }
 
 #customize a:active, #customize a:link, #customize a:visited { color: black; }
 
-#important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button > li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
+#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover, #navbar ul li a:hover, #ib_logoff:hover {
        background-color: #AD1C00;
        color: #FFF;
-}
+} /* input:hover as well?? */
 
 
 
-.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 {
@@ -491,7 +501,9 @@ a:visited { color: purple; }
 * html {
        overflow: hidden;
 }
-
+html {
+    overflow: auto;
+}
 body {
        height: 100%;
        overflow: hidden;
@@ -499,10 +511,19 @@ body {
 }
 
 body, #global {
-       margin: 0;
+       margin-left: 0;
        padding: 0;
 }
 
+#global {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    right: 0;
+    left: 0;
+    overflow-y: auto;
+}
+
 #important_message {
        position: absolute;
        top: 0; 
@@ -539,27 +560,30 @@ body, #global {
 }
 
 #banner {
-       position: absolute;
+/*     position: absolute;
        top: 0;
        left: 16%;
        width: 84%;
-       height: 18%;
+       height: 18%; */
+    min-height: 18%;
 }
 
 #navbar {
-       position: absolute;
+/*     position: absolute;
        bottom: 0; 
        left: 0;
-       width: 100%;
+       width: 100%; */
 }
 
 #content {
-       position: absolute;
+/*     position: absolute;
        top: 18%;
        left: 16%;
        width: 84%;
        height: 82%;
-       overflow: auto;
+       overflow: auto; */
+    position: relative;
+    bottom: 0;
 }
 /* Please avoid setting heights for any of the mailbox view elements (except summary_view and resize). In particular, do NOT set any for message_list_hdr as its not good feng shui */
 #message_list_hdr {
@@ -573,8 +597,8 @@ body, #global {
 }
 
 #summary_view {
-       height: 20%;
-       overflow: auto;
+       height: 100px;
+       overflow-y: scroll;
        cursor: pointer;
 }
 #message_list_body {
@@ -603,7 +627,7 @@ body, #global {
        width: 100%;
        overflow: hidden;
        cursor: s-resize;
-    height: 1%;
+    height: 6px;
 }
 
 #preview_pane {
@@ -718,26 +742,29 @@ body, #global {
 
 /* Iconbar */
 
-.logo, .logo_citadel, #iconbar #button, #switch, #customize, #ib_logoff {
+.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button {
        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%;
 }
 
-#button > li, #ib_logoff {
+.ib_button {
        margin: 4px 8px 4px 8px;
        padding: 0;
     display: block;
 }
-#button > li > a, #ib_logoff > a {
-    width: 100%;
+.ib_button_link {
+    /* width: 100%; */
     display: block;
 }
 
@@ -762,11 +789,13 @@ body, #global {
 }
 
 /* Banner */
-
+#banner {
+    margin: 0;
+    padding: 0;
+}
 #banner .room_banner {
-       float: left;
-       margin: 0;
-       padding: 0;
+    display: table-cell;
+    width: 90%;
 }
 
 #banner .room_banner img {
@@ -793,11 +822,11 @@ body, #global {
 #room_infos img.close_infos {
        float: right;
 }
-
+#actiondiv {
+    display: table-cell;
+}
 #banner ul.room_actions {
-       margin: 0;
        list-style: none;
-       float: right;
        text-align: right;
 }
 
@@ -1317,11 +1346,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 {
@@ -1369,7 +1398,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 {
@@ -1387,7 +1416,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 {
@@ -1397,7 +1426,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 {
@@ -1407,7 +1436,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 {
@@ -1475,7 +1504,7 @@ li.event_unread span, a.event_read_title {
        top: 0px;
        left: 0px;
        background-color: #888800;
-        font-size: 6px;     
+        font-size: 60%;     
 }
 
 .stickynote_body {