* Copyright 2005 - 2010 The Citadel Team
* Licensed under the GPL V3
*/
+
@import url("datepicker.css");
@media print {
input#toggler, .toolbar { display: none }
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, .banner .infos,.banner .nummsgs,li.search,li.view, .room_actions form select option, .selectbox, .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, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
font-size: 100%;
}
+#nummsgs {
+ font-size: 75%;
+}
+
#message_list_hdr table {
font-size: 80%;
}
#navbar {
font-size: 75%;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
}
.mailbox_summary {
body {
background-color: #6C91A6;
- font-family: Bitstream Vera Sans, Tahoma, sans-serif;
- /* font-weight: 400; */
+ font-family: sans-serif;
}
#iconbar_container, .boxcontent,.service form div,table.altern .odd, #message_list, .message_content, #roomlist_div,.editednode,.mailbox_summary, .auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .wiki_history_background, .wiki_pagelist_background, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul, #summary_view {
}
.ib_button {
- font-size: 90%;
+ font-size: 80%;
}
#room_infos, #address_book_popup, .mimepart, .room_actions form select {
border-top: 1px solid #AAA;
}
-#banner h1,#banner h2,.banner .nummsgs,.mimepart div,.required {
+#banner h1,#banner h2,.mimepart div,.required {
font-weight: 700;
}
color: #FFF;
}
+.start_page {
+ font-size: 60%;
+}
+
#banner {
background-color: #004E79;
color: #FFF;
margin: 0;
padding: 0;
+ height: 120px; /* when changing this, also change #content */
+ position: fixed;
+ width: 84%; /* when changing this, also change #iconbar and #content */
+ left: 16%; /* when changing this, also change #iconbar and #content */
+ z-index: 3;
+ overflow: hidden;
}
#banner a {
}
#content {
+ position: fixed;
+ top: 120px; /* when changing this, also change #banner and #iconbar */
+ left: 16%; /* when changing this, also change #banner and #iconbar */
+ bottom: 0;
+ width: 84%; /* when changing this, also change #banner and #iconbar */
background-color: #6C91A6;
color: #000;
+ z-index: 2;
+ overflow-y: auto;
}
#message_list_hdr form input {
top: 0;
right: 0;
left: 0;
- overflow-y: auto;
-}
-
-#global.scrollable {
- position: fixed;
+ overflow-y: hidden;
}
#important_message {
position: absolute;
top: 0;
right: 0;
- z-index: 2;
+ z-index: 4;
padding: 3px;
}
top: 0;
left: 0;
bottom: 0;
- width: 16%;
+ width: 16%; /* when changing this, also change #banner width */
z-index: 0;
overflow: auto;
overflow-x: hidden !important;
}
-#content {
- 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
*/
cursor: pointer;
}
-#message_list_body {
- background-color: white !important;
+#summary_headers {
+ background-color: white;
+ width: 100%;
+ table-layout: fixed;
}
-#message_list_body tr td {
+#summary_headers tr td {
overflow-y: hidden;
overflow-x: hidden; /* stop long subjects overflowing */
}
.fix_scrollbar_bug {
margin-right: 1px; /* Gecko and other non-broken browsers */
+ font-size: 90%; /* Most stuff needs to be a little smaller than normal. */
}
/* Boxes */
#room_infos img.close_infos {
float: right;
}
+
#actiondiv {
- display: table-cell;
+ position: absolute;
+ right: 0;
+ top: 0;
}
+
#banner ul.room_actions {
list-style: none;
text-align: left;
#navbar ul li a {
padding: 2px 8px 8px 8px;
white-space: nowrap;
- }
+}
#navbar ul li img {
float: none;
margin: 0 2px 0 2px;
}
+
.floor {
margin-left: 0px;
}
+
.floor > ul {
display: none;
}
+
.floor-expanded > ul{
display: block !important;
}
+
#roomlist > ul {
margin: 0;
padding: 0;
}
+
#roomlist > div > ul > li {
margin: 0;
padding: 0;
}
-/** Override to disable list-style-image" */
+
+/* Override to disable list-style-image" */
.room a, .room a, .room a:visited, .room a:link {
color: #333333;
}
+
.room-private {
list-style-image: url("/static/privatemess_16x.gif");
}
+
.room-addr {
list-style-image: url("/static/viewcontacts_16x.gif");
}
+
.room-cal {
list-style-image: url("/static/calarea_16x.gif");
}
+
.room-tasks {
list-style-image: url("/static/taskmanag_16x.gif");
}
+
.room-notes {
list-style-image: url("/static/storenotes_16x.gif");
}
+
.room-chat {
list-style-image: url("/static/chatrooms_16x.gif");
}
+
.room-newmsgs {
font-weight: bold;
}
+
.room-emphasized {
text-decoration: underline;
}
+
/* Content */
.boxcontent table {
padding: .5em;
}
-/* hack ie5 mac \*/
-dt { clear: both; }
-/* end hack */
-
.mimepart dl dd {
float: left;
width: 62%;
float: right;
visibility: hidden;
padding: 2px;
+ font-size: 80%;
}
.buttons a {
#citlogo {
display: none; /* Overriden later */
}
+
.sort_ascending, .sort_descending {
background-repeat: no-repeat;
background-position: center right;
}
+
.sort_ascending {
background-image: url("/static/down_pointer.gif");
}
+
.sort_descending {
background-image: url("/static/up_pointer.gif");
}
+
#message_list_hdr > table {
border-collapse: collapse;
}
+
#message_list_hdr > table > tbody > tr > th {
border-left: 2px solid white;
border-right: 2px solid white;
}
+
#summary_view > table {
border-collapse: collapse;
}
+
th.col1 {
border-left: none !important;
}
+
th.col3 {
border-right: none !important;
}
+
/* System Administration Menu */
ul.adminitems {
cursor: default;
}
-
table.altern {
margin: 0 auto 0 auto;
width: 98%
}
.event_framed_unread {
- filter:alpha(opacity=50); /* Internet Explorer 6 */
- -moz-opacity:0.5; /* Mozilla 1.6 and prec. */
- opacity: 0.5; /* CSS3 draft and Mozilla */
- -moz-border-radius: 8px; /* CSS3 draft and Mozilla */
+ -moz-border-radius: 8px;
border: solid 1px red;
background-color: yellow;
z-index: 10;
}
li.event_framed_unread span, a.event_title {
- filter:alpha(opacity=100);
- -moz-opacity:1.0;
- opacity: 1.0;
font-size: 100%;
}
.event_framed_read {
- filter:alpha(opacity=50); /* Internet Explorer 6 */
- -moz-opacity:0.5; /* Mozilla 1.6 and prec. */
- opacity: 0.5; /* CSS3 draft and Mozilla */
- -moz-border-radius: 8px; /* CSS3 draft and Mozilla */
+ -moz-border-radius: 8px;
border: solid 1px red;
background-color: yellow;
z-index: 10;
}
li.event_framed_read span, a.event_title {
- filter:alpha(opacity=100);
- -moz-opacity:1.0;
- opacity: 1.0;
font-size: 100%;
}
}
li.event_read span, a.event_read_title {
- filter:alpha(opacity=100);
- -moz-opacity:1.0;
- opacity: 1.0;
font-size: 100%;
}
}
li.event_unread span, a.event_read_title {
- filter:alpha(opacity=100);
- -moz-opacity:1.0;
- opacity: 1.0;
font-size: 100%;
}
padding-right: 3px;
}
-.chat_userlist {
+.chat_userlist_class {
position: absolute;
top: 0;
right: 1%;
.chat_text_class {
}
+
+/*---------- bubble tooltips start -----------*/
+
+a.event_title, a.event_unread, a.event_read {
+ position:relative;
+ z-index:24;
+}
+
+a.event_title span, a.event_unread span, a.event_read span {
+ display: none;
+}
+
+/* background:; ie hack, something must be changed in a for ie to execute it */
+
+a.event_title:hover, a.event_unread:hover, a.event_read:hover {
+ z-index:25;
+ background:;
+}
+
+a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_read:hover span.tooltip {
+ display:block;
+ position:absolute;
+ top:0px; left:0;
+ padding: 15px 0 0 0;
+ width:200px;
+ text-align: center;
+}
+
+a.event_title:hover span.btttop, a.event_unread:hover span.btttop, a.event_read:hover span.btttop {
+ display: block;
+ padding: 30px 8px 0;
+ background: url(/static/bubble.gif) no-repeat top;
+}
+
+/* different middle bg for stretch */
+a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event_read:hover span.bttmiddle {
+ display: block;
+ padding: 0 8px;
+ background: url(/static/bubble_filler.gif) repeat bottom;
+ color: #022750;
+ font-size: 10px;
+}
+
+a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event_read:hover span.bttbottom {
+ display: block;
+ padding:3px 8px 10px;
+ background: url(/static/bubble.gif) no-repeat bottom;
+}
+
+/*---------- bubble tooltips end -----------*/