* 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 9967154fe70386fe931ebdb76a625ffed4d24871..85890dccf7c8c4a197cf421d739d7dc673c8be30 100644 (file)
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -15,10 +15,14 @@ body { font-size: 100%;}
        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, .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 {
+#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%;
 }
@@ -27,8 +31,8 @@ body { font-size: 100%;}
        font-size: 80%;
 }
 
-#online_users li {
-       font-size: 80%;
+#online_users li a {
+       font-size: 80% !important;
 }
 .marked_row {
     color: white;
@@ -66,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;
 }
@@ -76,7 +80,7 @@ body {
        list-style: none;
 }
 
-#iconbar li a, #ib_logoff a {
+.ib_button {
        font-size: 100%;
 }
 
@@ -91,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;
@@ -101,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;
 }
@@ -460,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 {
@@ -497,7 +501,9 @@ a:visited { color: purple; }
 * html {
        overflow: hidden;
 }
-
+html {
+    overflow: auto;
+}
 body {
        height: 100%;
        overflow: hidden;
@@ -505,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; 
@@ -545,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 {
@@ -579,8 +597,8 @@ body, #global {
 }
 
 #summary_view {
-       height: 20%;
-       overflow: auto;
+       height: 100px;
+       overflow-y: scroll;
        cursor: pointer;
 }
 #message_list_body {
@@ -609,7 +627,7 @@ body, #global {
        width: 100%;
        overflow: hidden;
        cursor: s-resize;
-    height: 1%;
+    height: 6px;
 }
 
 #preview_pane {
@@ -724,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;
 }
 
@@ -768,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 {
@@ -799,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;
 }