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, .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;
}
+#wholist li {
+ font-size: 8pt;
+}
+
/* Color */
body {
font-weight: 400;
}
-.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, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul {
+#iconbar, .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, .downloads_background, .vcard_edit_background, div.auto_complete, div.auto_complete ul {
background-color: #FFF;
color: #000;
}
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 {
- background-color: #fbf4ca;
-}
-
-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;
-}
-
.login_message {
color: #AD1C00;
font-weight: 700;
text-transform: uppercase;
}
-#iconbar, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+#iconbar ul li a, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
background-color: #F0FFFF;
- color: #666;
+ color: #333;
}
#iconbar #button {
#button li {
border: none;
- border-bottom: 2px groove #AAA;
- border-right: 2px groove #AAA;
+ border-bottom: 2px groove #CCC;
+ border-right: 2px groove #CCC;
}
.logo_citadel a,.logo_citadel img {
color: #000;
}
-input#delbutton,.attachfile, .logbuttons input,.buttons input {
- background-color: transparent;
- border: 2px groove #AAA;
- color: #000;
-}
-
#message_list_hdr form input {
border: 0;
}
.message_header .message_subject {
font-style: italic;
+ float: left;
}
.adminlist {
width: 150px;
}
-.error a: link,.error a:visited,.error a:active {
+.error a:link, .error a:visited, .error a:active {
background: none;
color: #DC143C;
text-decoration: underline;
text-decoration: none;
}
-.error strong a: link,.error strong a:visited,.error strong a:active {
+.error strong a:link,.error strong a:visited,.error strong a:active {
background: #FFD700;
color: #DC143C;
}
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;
}
text-decoration: none;
}
-.warning a: link,.warning a:visited,.warning a:active {
+.warning a:link,.warning a:visited,.warning a:active {
text-decoration: underline;
}
color: #FF4500;
}
-.warning strong a: link,.warning strong a:visited,.warning strong a:active {
+.warning strong a:link,.warning strong a:visited,.warning strong a:active {
background: #FFD700;
color: #FF4500;
}
a:visited { color: purple; }
-.msgbuttons a {
- border: 2px groove #AAA;
- color: #000;
-}
-
#important_message, .buttons a:hover, .msgbuttons a:hover, input:hover, #button li a:hover, #wholist li a:hover, #navbar ul li a:hover {
background-color: #AD1C00;
color: #FFF;
}
+
+.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, .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 {
+ border: 1px solid #999;
+ color: #333;
+}
+
+
+.button_link a, .msgbuttons a, input#delbutton,.attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+ cursor: pointer;
+ -moz-border-radius: 8px; /* CSS3 draft and Mozilla */
+ text-align: center;
+}
+
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input {
+ font-weight: bold;
+}
+
+.msgbuttons a, input#delbutton {
+ font-weight: normal;
+}
+
+
/* Layout */
* html {
top: 0;
right: 0;
z-index: 2;
+ padding: 3px;
}
#login_screen, #logout_screen {
#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form {
display: block;
- margin: 0 auto 0 auto;
+ margin: 5px auto 5px auto;
}
#login_screen .login_message, .login_hello, #global center {
}
#login_screen .login_image {
- width: 65%;
+ width: 135px;
+}
+
+#login_screen .login_image img {
+ text-align: center;
}
+
#login_screen #login_form {
padding: 10px;
- width: 320px;
+ width: 330px;
}
#login_form input, #login_form label, #login_form select {
}
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+ margin: 4px;
+ padding: 0;
+}
+
/* Banner */
#banner .room_banner {
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;
width: 100%;
}
-.service table, .advanced table {
- margin-top: 0 auto 0 auto;
+.service table {
+ margin: 0 auto 0 auto;
width: 100%;
text-align: left;
}
-.advanced table table {
- margin: 0;
- padding: 0;
-}
-
.instructions {
text-align: center;
}
text-align: center;
}
+.selector_top p,.selector_bottom p {
+ margin: 0;
+ padding: 2px;
+}
+
.message {
margin: 1%;
padding: 0;
.message_header p {
margin: 2px 0 2px 0;
- padding: 0;
+ padding: 0 0 2px 0;
}
-.msgbuttons a {
- margin: 0 2px 0 2px;
- padding: 1px;
+.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
+ margin: 3px;
+ padding: 2px 4px 2px 4px;
}
+.msgbuttons a, input#delbutton {
+ margin: 0 3px 0 3px;
+ padding: 2px 4px 2px 4px;
+}
+
+
.mimepart {
margin-top: 15px;
margin-bottom: 15px;
.mimepart dl {
width: 100%;
+ margin-left: 5px;
padding: 5px;
}
.msgbuttons {
float: right;
visibility: hidden;
- margin-top: 0;
- padding: 0;
+ padding: 2px;
}
.buttons a {
text-align: center;
}
-.msgbuttons a span, .buttons span {
+.msgbuttons a span {
display: none;
}
.message_content {
margin: 0;
- padding: 3px;
+ padding: 0.3em;
clear: both;
}
.message form div label {
display: block;
float: left;
- margin: 3px;
+ margin: 0.3em;
width: 9em;
text-align: right;
}
.message form div input, .message form div select {
- margin: 3px;
+ margin: 0.3em;
+
}
.imgedit {
float: right;
margin-top: 0 ;
margin-right: 0;
- padding-top: 2px 50px 2px 50px;
+ padding: 2px 50px 2px 50px;
+}
+
+.edit_msg_table th {
+ text-align: right;
+ padding-right: 5px;
+ color: #333;
+ width: 20%;
+}
+
+.edit_msg_table td {
+ width: 40%;
+}
+
+.edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id {
+ width: 98%
}
.mailbox_summary tr {
/* Links and buttons */
-.send_edit_msg {
- margin: 0 15px 0 0;
-}
-
.logbuttons, .buttons {
margin: 2px auto 2px auto;
- width: 95%;
+ width: 96%;
text-align: center;
}
/* Tabs */
-.tab_cell_label, .tab_cell, .tab_cell_edit {
+#TheTabs {
+ margin: 3% auto 0 auto;
+ width: 94%;
}
ul.tabbed_dialog {
list-style: none;
- margin: 3% auto 0 auto;
- width: 90%;
- padding: 0;
- white-space: nowrap;
+ margin: 3% auto 0 auto;
+ width: 96%;
+ padding: 0;
+ white-space: nowrap;
text-align: center;
vertical-align: middle;
}
ul.tabbed_dialog li {
- margin: 0 3% 0 3%;
- padding: 2px;
+ margin: 0 3% 0 3%;
+ padding: 4px;
float: left;
}
.tabcontent {
- margin: 3% auto 0 auto;
- width: 95%;
- padding: 10
+ margin: 0 auto 0 auto;
+ width: 96%;
+ padding: 10px;
clear: both;
}
+.tabcontent_submit {
+ margin: 0 auto 0 auto;
+ width: 50%;
+ padding: 10px;
+ text-align: center;
+}
+
+
/* Calendar view */
.calendar {
.events_of_the_day dl dt {
background-color: #FFFFFF;
margin: 0;
- padding:0 ;
- width: 100%;
- border-bottom: 1px solid grey;
+ width: 500px;
+ border: 1px solid #CCC;
}
.events_of_the_day dl dt.hour {
- height: 30px;
font-size: 16px;
}
-.events_of_the_day dl dt.hourbefore, .events_of_the_day dl dt.hourafter {
- height: 10px;
+.events_of_the_day dl dt.extrahour {
font-size: 8px;
}
}
.extra_events ul li {
- margin: 2px;
+ margin: 4px;
}
.calday, .calout, .calweekend {
vertical-align: top;
}
-.event {
+.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 */
+ border: solid 1px red;
+ background-color: yellow;
+ z-index: 10;
+ padding: 0 4px 0 4px;
+}
+
+li.event_framed_unread span, a.event_title {
+ filter:alpha(opacity=100);
+ -moz-opacity:1.0;
+ opacity: 1.0;
+ font-size: 11px;
+}
+
+.event_framed_read {
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 */
+ opacity: 0.5; /* CSS3 draft and Mozilla */
+ -moz-border-radius: 8px; /* CSS3 draft and Mozilla */
border: solid 1px red;
background-color: yellow;
z-index: 10;
padding: 0 4px 0 4px;
}
-li.event span, a.event_title {
+li.event_framed_read span, a.event_title {
+ filter:alpha(opacity=100);
+ -moz-opacity:1.0;
+ opacity: 1.0;
+ font-size: 11px;
+}
+
+.event_read {
+}
+
+li.event_read span, a.event_read_title {
+ filter:alpha(opacity=100);
+ -moz-opacity:1.0;
+ opacity: 1.0;
+ font-size: 11px;
+}
+
+.event_unread {
+}
+
+li.event_unread span, a.event_read_title {
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity: 1.0;
color: #fff;
}
-.mini_calendar a: link,.mini_calendar a:visited {
+.mini_calendar a:link,.mini_calendar a:visited {
color: #fff;
}
color: #fff;
}
-.mini_calendar td a: link,.mini_calendar td a:visited {
+.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;
+
+}
+
+.menudesc {
+ margin: 4px;
+ padding: 4px;
+}
+
+.stickynote_outer {
+ position: absolute;
+ width: 200px;
+ height: 200px;
+ border: 1px solid black;
+ background-color: #ffff00;
+ overflow: hidden;
+}
+
+.stickynote_titlebar {
+ position: relative;
+ width: 100%;
+ height: 15px;
+ top: 0px;
+ left: 0px;
+ background-color: #888800;
+ font-size: 6px;
+}
+
+.stickynote_body {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ top: 0px;
+ left: 0px;
+ font-family: "Comic Sans MS", "Verdana", "Bitstream Vera Sans", sans-serif;
+}
+
+.stickynote_resize {
+ position: absolute;
+ right: 0px;
+ bottom: 0px;
}