From: ich Date: Wed, 25 Aug 2010 11:33:04 +0000 (+0000) Subject: Beginning to move files into dedicated subdirectories: Moved static/*.css to static... X-Git-Tag: v8.01~850 X-Git-Url: https://code.citadel.org/?p=citadel.git;a=commitdiff_plain;h=6ec9db791d1ce5dccf52b63cf42569f7f6089b60 Beginning to move files into dedicated subdirectories: Moved static/*.css to static/styles/ --- diff --git a/webcit/static/datepicker.css b/webcit/static/datepicker.css deleted file mode 100644 index ec5d2b2cb..000000000 --- a/webcit/static/datepicker.css +++ /dev/null @@ -1,88 +0,0 @@ -/** - * DatePicker widget using Prototype and Scriptaculous. - * (c) 2007 Mathieu Jondet - * Eulerian Technologies - * - * DatePicker is freely distributable under the same terms as Prototype. - * - */ - -div.datepicker { - position: absolute; - text-align: center; - border: 1px #C4D5E3 solid; - font-family: arial; - background: #FFFFFF; - font-size: 10px; - padding: 0px; - z-index: 4; -} -div.datepicker table { - font-size: 10px; - margin: 0px; - padding: 0px; - text-align: center; - width: 180px; -} -div.datepicker table thead tr th { - font-size: 12px; - font-weight: bold; - background: #e9eff4; - border-bottom:1px solid #c4d5e3; - padding: 0px; - margin: 0px; -} -div.datepicker table tbody tr { - border: 1px white solid; - margin: 0px; - padding: 0px; -} -div.datepicker table tbody tr td { - border: 1px #eaeaea solid; - margin: 0px; - padding: 0px; - text-align: center; -} -div.datepicker table tbody tr td:hover, -div.datepicker table tbody tr td.outbound:hover, -div.datepicker table tbody tr td.today:hover { - border: 1px #c4d5e3 solid; - background: #e9eff4; - cursor: pointer; -} -div.datepicker table tbody tr td.wday { - border: 1px #ffffff solid; - background: #ffffff; - cursor: text; -} -div.datepicker table tbody tr td.outbound { - background: #e8e4e4; -} -div.datepicker table tbody tr td.today { - border: 1px #16518e solid; - background: #c4d5e3; -} -div.datepicker table tbody tr td.nclick, -div.datepicker table tbody tr td.nclick_outbound { - cursor:default; color:#aaa; -} -div.datepicker table tbody tr td.nclick_outbound { - background:#E8E4E4; -} -div.datepicker table tbody tr td.nclick:hover, -div.datepicker table tbody tr td.nclick_outbound:hover { - border: 1px #eaeaea solid; - background: #FFF; -} -div.datepicker table tbody tr td.nclick_outbound:hover { - background:#E8E4E4; -} -div.datepicker table tfoot { - font-size: 10px; - background: #e9eff4; - border-top:1px solid #c4d5e3; - cursor: pointer; - text-align: center; - padding: 0px; -} - diff --git a/webcit/static/iconbaricns.css b/webcit/static/iconbaricns.css deleted file mode 100644 index c65dfd7d5..000000000 --- a/webcit/static/iconbaricns.css +++ /dev/null @@ -1,59 +0,0 @@ -/* - * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $ - * Copyright 2005 - 2009 The Citadel Team - * Licensed under the GPL V3 - * - * Styles for the WebCit Iconbar. - * - */ - -.ib_button { - min-height: 32px; - background-repeat: no-repeat !important; - vertical-align: middle; -} -.ib_button_link { - padding-top: 6px; - padding-left: 35px; - height: 100%; - min-height: 25px; /* Makes all of the 'button' to be clickable */ -} -#ib_summary { - background-image: url("/static/summscreen_32x.gif"); -} -#ib_inbox { - background-image: url("/static/privatemess_32x.gif"); -} -#ib_calendar { - background-image: url("/static/calarea_32x.gif"); -} -#ib_contacts { - background-image: url("/static/viewcontacts_32x.gif"); -} -#ib_notes { - background-image: url("/static/storenotes_32x.gif"); -} -#ib_tasks { - background-image: url("/static/taskmanag_32x.gif"); -} -#ib_rooms { - background-image: url("/static/chatrooms_32x.gif"); -} -#ib_users { - background-image: url("/static/usermanag_32x.gif"); -} -#ib_chat { - background-image: url("/static/citadelchat_32x.gif"); -} -#ib_advanced, #ib_admin { - background-image: url("/static/advanpage2_32x.gif"); -} -#ib_aide { - background-image: url("/static/advanpage2_32x.gif"); -} -#ib_logoff { - background-image: url("/static/logoff_32x.gif"); -} -#citlogo { - display: block !important; -} diff --git a/webcit/static/iconbarpiconly.css b/webcit/static/iconbarpiconly.css deleted file mode 100644 index 3bee21a65..000000000 --- a/webcit/static/iconbarpiconly.css +++ /dev/null @@ -1,20 +0,0 @@ -/* - * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $ - * Copyright 2005 - 2009 The Citadel Team - * Licensed under the GPL V3 - * - * Styles for the WebCit Iconbar in textonly mode. - * - */ - -@import url("/static/iconbaricns.css"); - -.ib_button { - width: 35px; -} -.ib_button_link { - padding-left: 0; -} -.ib_button_link span { - display: none; -} \ No newline at end of file diff --git a/webcit/static/mobile.css b/webcit/static/mobile.css deleted file mode 100644 index 41da5599d..000000000 --- a/webcit/static/mobile.css +++ /dev/null @@ -1,70 +0,0 @@ -/* - * Copyright 2005 - 2009 The Citadel Team - * Licensed under the GPL V3 - * styles for mobile clients - */ -body { -} -#button li { - display: inline; - padding-right: 5px; -} -#button li img { - display: none; -} -img { - border: none; - text-decoration: none; -} -#message_list div div { - border-bottom: 1px dotted black; - padding: 5px 5px 5px 5px; - /* background-color: white; */ -} -.subject { - color: gray; -} -body[orient="portrait"] { - max-width: 320px; -} -body { - font-family: sans-serif; - font-size: 11px; -} -.msgview { - display: none; - background-color: white !important; -} -.message_content { - background-color: white; -} -#login_form label, #login_form input, #login_form select, #login_form div{ - display: list-item; - text-align: center !important; - margin: 0px auto; -} -#navbar ul li { - display: inline; - padding-right: 5px; -} -#navbar ul li img { - vertical-align: middle; -} -#navbar ul li a { - text-decoration: none; -} -.sticky { - background-color: gray; - border: 1px solid black; - width: 100%; -} -#vcontent { -} -.roomname { - background-color: #022750; - color: white; - border-radius: 5px; -} -.roomname img{ - vertical-align: middle; -} diff --git a/webcit/static/niftyCorners.css b/webcit/static/niftyCorners.css deleted file mode 100644 index 979993f77..000000000 --- a/webcit/static/niftyCorners.css +++ /dev/null @@ -1,37 +0,0 @@ -/* - * Nifty Corners Cube CSS by Alessandro Fulciniti - * The following classes are added dynamically by javascript, - * and their use should be avoided in the markup - */ - -b.niftycorners,b.niftyfill{display:block} -b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; - overflow:hidden;border-style:solid;border-width: 0 1px} -/*normal*/ -b.r1{margin: 0 3px;border-width: 0 2px} -b.r2{margin: 0 2px} -b.r3{margin: 0 1px} -b.r4{height: 2px} -b.rb1{margin: 0 8px;border-width:0 2px} -b.rb2{margin: 0 6px;border-width:0 2px} -b.rb3{margin: 0 5px} -b.rb4{margin: 0 4px} -b.rb5{margin: 0 3px} -b.rb6{margin: 0 2px} -b.rb7{margin: 0 1px;height:2px} -b.rb8{margin: 0;height:2px} -b.rs1{margin: 0 1px} -/*transparent inside*/ -b.t1{border-width: 0 5px} -b.t2{border-width: 0 3px} -b.t3{border-width: 0 2px} -b.t4{height: 2px} -b.tb1{border-width: 0 10px} -b.tb2{border-width: 0 8px} -b.tb3{border-width: 0 6px} -b.tb4{border-width: 0 5px} -b.tb5{border-width: 0 4px} -b.tb6{border-width: 0 3px} -b.tb7{border-width: 0 2px;height:2px} -b.tb8{border-width: 0 1px;height:2px} -b.ts1{border-width: 0 2px} \ No newline at end of file diff --git a/webcit/static/rss_browser.css b/webcit/static/rss_browser.css deleted file mode 100755 index 5858a02c4..000000000 --- a/webcit/static/rss_browser.css +++ /dev/null @@ -1,61 +0,0 @@ -/* - * Copyright 2005 - 2009 The Citadel Team - * Licensed under the GPL V3 - */ - -* { -display: block; -} - -:root { -margin: 50px; -} - -channel > title { -font-size: x-large; -text-align: center; -} - -channel > title:after { -display: block; -padding: 50px; -content: "This is an RSS feed, designed to be read in an RSS application."; -background-color: grey; -color: white; -} - -item { -margin: 25px 0 20px 0; -} - -item > title { -font-size: medium; -margin-bottom: 20px; -} - -item > link { -font-size: small; -margin-top: 6px; -margin-bottom: 6px; -} - -item > description { -font-size: small; -} - -item > pubDate { -font-size: small; -} - -channel > link, -channel > copyright, -channel > lastBuildDate, -channel > generator, -channel > docs, -language, -lastBuildDate, -ttl, -guid, -category { -display: none; -} diff --git a/webcit/static/rte.css b/webcit/static/rte.css deleted file mode 100644 index 40511e8ee..000000000 --- a/webcit/static/rte.css +++ /dev/null @@ -1,41 +0,0 @@ -/* - * Copyright 2005 - 2009 The Citadel Team - * Licensed under the GPL V3 - */ - -.rteImage { - background: #D3D3D3; - border: 1px solid #D3D3D3; - cursor: pointer; - cursor: hand; -} - -.rteImageRaised { - background: #D3D3D3; - border: 1px outset; - cursor: pointer; - cursor: hand; -} - -.rteImageLowered { - background: #D3D3D3; - border: 1px inset; - cursor: pointer; - cursor: hand; -} - -.rteVertSep { - margin: 0 4px 0 4px; -} - -.rteBack { - background: #D3D3D3; - border: 1px outset; - letter-spacing: 0; - padding: 2px; -} - -.rteBack tbody tr td, .rteBack tr td { - background: #D3D3D3; - padding: 0; -} diff --git a/webcit/static/styles/datepicker.css b/webcit/static/styles/datepicker.css new file mode 100644 index 000000000..ec5d2b2cb --- /dev/null +++ b/webcit/static/styles/datepicker.css @@ -0,0 +1,88 @@ +/** + * DatePicker widget using Prototype and Scriptaculous. + * (c) 2007 Mathieu Jondet + * Eulerian Technologies + * + * DatePicker is freely distributable under the same terms as Prototype. + * + */ + +div.datepicker { + position: absolute; + text-align: center; + border: 1px #C4D5E3 solid; + font-family: arial; + background: #FFFFFF; + font-size: 10px; + padding: 0px; + z-index: 4; +} +div.datepicker table { + font-size: 10px; + margin: 0px; + padding: 0px; + text-align: center; + width: 180px; +} +div.datepicker table thead tr th { + font-size: 12px; + font-weight: bold; + background: #e9eff4; + border-bottom:1px solid #c4d5e3; + padding: 0px; + margin: 0px; +} +div.datepicker table tbody tr { + border: 1px white solid; + margin: 0px; + padding: 0px; +} +div.datepicker table tbody tr td { + border: 1px #eaeaea solid; + margin: 0px; + padding: 0px; + text-align: center; +} +div.datepicker table tbody tr td:hover, +div.datepicker table tbody tr td.outbound:hover, +div.datepicker table tbody tr td.today:hover { + border: 1px #c4d5e3 solid; + background: #e9eff4; + cursor: pointer; +} +div.datepicker table tbody tr td.wday { + border: 1px #ffffff solid; + background: #ffffff; + cursor: text; +} +div.datepicker table tbody tr td.outbound { + background: #e8e4e4; +} +div.datepicker table tbody tr td.today { + border: 1px #16518e solid; + background: #c4d5e3; +} +div.datepicker table tbody tr td.nclick, +div.datepicker table tbody tr td.nclick_outbound { + cursor:default; color:#aaa; +} +div.datepicker table tbody tr td.nclick_outbound { + background:#E8E4E4; +} +div.datepicker table tbody tr td.nclick:hover, +div.datepicker table tbody tr td.nclick_outbound:hover { + border: 1px #eaeaea solid; + background: #FFF; +} +div.datepicker table tbody tr td.nclick_outbound:hover { + background:#E8E4E4; +} +div.datepicker table tfoot { + font-size: 10px; + background: #e9eff4; + border-top:1px solid #c4d5e3; + cursor: pointer; + text-align: center; + padding: 0px; +} + diff --git a/webcit/static/styles/iconbaricns.css b/webcit/static/styles/iconbaricns.css new file mode 100644 index 000000000..c65dfd7d5 --- /dev/null +++ b/webcit/static/styles/iconbaricns.css @@ -0,0 +1,59 @@ +/* + * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $ + * Copyright 2005 - 2009 The Citadel Team + * Licensed under the GPL V3 + * + * Styles for the WebCit Iconbar. + * + */ + +.ib_button { + min-height: 32px; + background-repeat: no-repeat !important; + vertical-align: middle; +} +.ib_button_link { + padding-top: 6px; + padding-left: 35px; + height: 100%; + min-height: 25px; /* Makes all of the 'button' to be clickable */ +} +#ib_summary { + background-image: url("/static/summscreen_32x.gif"); +} +#ib_inbox { + background-image: url("/static/privatemess_32x.gif"); +} +#ib_calendar { + background-image: url("/static/calarea_32x.gif"); +} +#ib_contacts { + background-image: url("/static/viewcontacts_32x.gif"); +} +#ib_notes { + background-image: url("/static/storenotes_32x.gif"); +} +#ib_tasks { + background-image: url("/static/taskmanag_32x.gif"); +} +#ib_rooms { + background-image: url("/static/chatrooms_32x.gif"); +} +#ib_users { + background-image: url("/static/usermanag_32x.gif"); +} +#ib_chat { + background-image: url("/static/citadelchat_32x.gif"); +} +#ib_advanced, #ib_admin { + background-image: url("/static/advanpage2_32x.gif"); +} +#ib_aide { + background-image: url("/static/advanpage2_32x.gif"); +} +#ib_logoff { + background-image: url("/static/logoff_32x.gif"); +} +#citlogo { + display: block !important; +} diff --git a/webcit/static/styles/iconbarpiconly.css b/webcit/static/styles/iconbarpiconly.css new file mode 100644 index 000000000..3bee21a65 --- /dev/null +++ b/webcit/static/styles/iconbarpiconly.css @@ -0,0 +1,20 @@ +/* + * $Id: iconbaricns.css 7193 2009-03-07 17:24:58Z dothebart $ + * Copyright 2005 - 2009 The Citadel Team + * Licensed under the GPL V3 + * + * Styles for the WebCit Iconbar in textonly mode. + * + */ + +@import url("/static/iconbaricns.css"); + +.ib_button { + width: 35px; +} +.ib_button_link { + padding-left: 0; +} +.ib_button_link span { + display: none; +} \ No newline at end of file diff --git a/webcit/static/styles/mobile.css b/webcit/static/styles/mobile.css new file mode 100644 index 000000000..41da5599d --- /dev/null +++ b/webcit/static/styles/mobile.css @@ -0,0 +1,70 @@ +/* + * Copyright 2005 - 2009 The Citadel Team + * Licensed under the GPL V3 + * styles for mobile clients + */ +body { +} +#button li { + display: inline; + padding-right: 5px; +} +#button li img { + display: none; +} +img { + border: none; + text-decoration: none; +} +#message_list div div { + border-bottom: 1px dotted black; + padding: 5px 5px 5px 5px; + /* background-color: white; */ +} +.subject { + color: gray; +} +body[orient="portrait"] { + max-width: 320px; +} +body { + font-family: sans-serif; + font-size: 11px; +} +.msgview { + display: none; + background-color: white !important; +} +.message_content { + background-color: white; +} +#login_form label, #login_form input, #login_form select, #login_form div{ + display: list-item; + text-align: center !important; + margin: 0px auto; +} +#navbar ul li { + display: inline; + padding-right: 5px; +} +#navbar ul li img { + vertical-align: middle; +} +#navbar ul li a { + text-decoration: none; +} +.sticky { + background-color: gray; + border: 1px solid black; + width: 100%; +} +#vcontent { +} +.roomname { + background-color: #022750; + color: white; + border-radius: 5px; +} +.roomname img{ + vertical-align: middle; +} diff --git a/webcit/static/styles/niftyCorners.css b/webcit/static/styles/niftyCorners.css new file mode 100644 index 000000000..979993f77 --- /dev/null +++ b/webcit/static/styles/niftyCorners.css @@ -0,0 +1,37 @@ +/* + * Nifty Corners Cube CSS by Alessandro Fulciniti + * The following classes are added dynamically by javascript, + * and their use should be avoided in the markup + */ + +b.niftycorners,b.niftyfill{display:block} +b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px; + overflow:hidden;border-style:solid;border-width: 0 1px} +/*normal*/ +b.r1{margin: 0 3px;border-width: 0 2px} +b.r2{margin: 0 2px} +b.r3{margin: 0 1px} +b.r4{height: 2px} +b.rb1{margin: 0 8px;border-width:0 2px} +b.rb2{margin: 0 6px;border-width:0 2px} +b.rb3{margin: 0 5px} +b.rb4{margin: 0 4px} +b.rb5{margin: 0 3px} +b.rb6{margin: 0 2px} +b.rb7{margin: 0 1px;height:2px} +b.rb8{margin: 0;height:2px} +b.rs1{margin: 0 1px} +/*transparent inside*/ +b.t1{border-width: 0 5px} +b.t2{border-width: 0 3px} +b.t3{border-width: 0 2px} +b.t4{height: 2px} +b.tb1{border-width: 0 10px} +b.tb2{border-width: 0 8px} +b.tb3{border-width: 0 6px} +b.tb4{border-width: 0 5px} +b.tb5{border-width: 0 4px} +b.tb6{border-width: 0 3px} +b.tb7{border-width: 0 2px;height:2px} +b.tb8{border-width: 0 1px;height:2px} +b.ts1{border-width: 0 2px} \ No newline at end of file diff --git a/webcit/static/styles/rss_browser.css b/webcit/static/styles/rss_browser.css new file mode 100644 index 000000000..5858a02c4 --- /dev/null +++ b/webcit/static/styles/rss_browser.css @@ -0,0 +1,61 @@ +/* + * Copyright 2005 - 2009 The Citadel Team + * Licensed under the GPL V3 + */ + +* { +display: block; +} + +:root { +margin: 50px; +} + +channel > title { +font-size: x-large; +text-align: center; +} + +channel > title:after { +display: block; +padding: 50px; +content: "This is an RSS feed, designed to be read in an RSS application."; +background-color: grey; +color: white; +} + +item { +margin: 25px 0 20px 0; +} + +item > title { +font-size: medium; +margin-bottom: 20px; +} + +item > link { +font-size: small; +margin-top: 6px; +margin-bottom: 6px; +} + +item > description { +font-size: small; +} + +item > pubDate { +font-size: small; +} + +channel > link, +channel > copyright, +channel > lastBuildDate, +channel > generator, +channel > docs, +language, +lastBuildDate, +ttl, +guid, +category { +display: none; +} diff --git a/webcit/static/styles/rte.css b/webcit/static/styles/rte.css new file mode 100644 index 000000000..40511e8ee --- /dev/null +++ b/webcit/static/styles/rte.css @@ -0,0 +1,41 @@ +/* + * Copyright 2005 - 2009 The Citadel Team + * Licensed under the GPL V3 + */ + +.rteImage { + background: #D3D3D3; + border: 1px solid #D3D3D3; + cursor: pointer; + cursor: hand; +} + +.rteImageRaised { + background: #D3D3D3; + border: 1px outset; + cursor: pointer; + cursor: hand; +} + +.rteImageLowered { + background: #D3D3D3; + border: 1px inset; + cursor: pointer; + cursor: hand; +} + +.rteVertSep { + margin: 0 4px 0 4px; +} + +.rteBack { + background: #D3D3D3; + border: 1px outset; + letter-spacing: 0; + padding: 2px; +} + +.rteBack tbody tr td, .rteBack tr td { + background: #D3D3D3; + padding: 0; +} diff --git a/webcit/static/styles/webcit-tinymce.css b/webcit/static/styles/webcit-tinymce.css new file mode 100644 index 000000000..38b104288 --- /dev/null +++ b/webcit/static/styles/webcit-tinymce.css @@ -0,0 +1,2 @@ +/* styles applied to the TinyMCE editor component when used in WebCit */ + diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css new file mode 100644 index 000000000..1312bc1d2 --- /dev/null +++ b/webcit/static/styles/webcit.css @@ -0,0 +1,1782 @@ +/* + * Copyright 2005 - 2010 The Citadel Team + * Licensed under the GPL V3 + */ + +@import url("datepicker.css"); +@media print { + input#toggler, .toolbar { display: none } +} + +/* Typography & colors */ + +html { font-size: 100%;} + +body { font-size: 100%;} + +#banner h1 { font-size: 160%; } + +#banner h2,#banner .titlebar, .address_book_popup_title { + 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,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 { + font-size: 80%; +} + +#online_users li a { + font-size: 80% !important; +} +.marked_row { + color: white; +} + +/* Color */ + +body { + background-color: #6C91A6; + 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 { + background-color: #FFF; + color: #000; +} + +#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt { + background-color: #CCC; +} + +.box, #online_users li.inactiveuser a { + background-color: transparent; +} + +.banner .infos { + cursor: help; +} + +.login_message { + color: #AD1C00; + font-weight: 700; + text-transform: uppercase; +} + +.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text{ + background-color: #F0FFFF; + color: #333; +} +#online_users:hover { /* separate in order for override */ + background-color: #F0FFFF !important; + color: #333 !important; +} +#iconbar #button { + border: none; + list-style: none; +} + +.ib_button { + font-size: 80%; +} + +#room_infos, #address_book_popup, .mimepart, .room_actions form select { + border: 1px solid #333; + overflow: scroll; +} + + +.buttons a,.roomlist_floor,.tablabel,.treetitle { + color: #000; + font-weight: 700; +} + +.ib_button { + border: none; + border-bottom: 2px groove #CCC; + border-right: 2px groove #CCC; +} + +.logo_citadel a,.logo_citadel img { + border: none; +} + +.logo,.logo_citadel, .iconbar_text { + border: none; + border-bottom: 1px solid #AAA; +} + +.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a { + color: #000; + text-decoration: none; +} + +#online_users li { + border: none; + border-top: 1px solid #AAA; +} + +#banner h1,#banner h2,.mimepart div,.required { + font-weight: 700; +} + +#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom { + background-color: #022750; + border-top: 1px solid black; + border-bottom: 1px solid black; + color: #FFF; +} + +.start_page { + font-size: 60%; +} + +#banner { + background-color: #004E79; + color: #FFF; + margin: 0; + padding: 0; + top: 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 { + color: #FFF +} + +.room_actions form select { + cursor: pointer; +} + +#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 { + border: 0; +} + +#message_list_hdr select { + background-color: #AD1C00; + border: 1px solid #6C91A6; +} + +#message_list_hdr table { + font-style: italic; +} + +#resize_msglist { + background-image: url(/static/resizegrippy.gif); + background-position: center; + background-repeat: no-repeat; +} + +#resize_msglist hr { + background-color: #999; + border: 0; + color: #999; + height: 3px; +} + +.message { + border: 1px outset #999; + clear: both; +} + +.message_header .message_subject { + font-style: italic; + float: left; +} + +.adminlist { + list-style: none; +} + +.customize { + background-color: #DDC; + color: #004; + font-style: italic; +} + +.default { + font-style: normal; + text-decoration: underline; +} + +.editednodeinput { + background-color: #FFF; + border: 1px solid #000; + color: #000; + height: 17px; + width: 150px; +} + +.error a:link, .error a:visited, .error a:active { + background: none; + color: #DC143C; + text-decoration: underline; +} + +.error strong { + background: #FFD700; + color: #DC143C; + text-decoration: none; +} + +.error strong a:link,.error strong a:visited,.error strong a:active { + background: #FFD700; + color: #DC143C; +} + +.errormsg { + background: none; + color: #A00; + font-style: italic; + font-weight: 700; +} + +.floors_config, .roomops_zap { + background-color: #700; + border: 0; +} + +.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old { + cursor: pointer; +} + +.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new { + font-weight: 700; +} + +.ib_roomlist_floor { + color: #000; +} + +.roomlist_new, .ib_roomlist_new { + color: #800; +} + +.roomlist_old, .ib_roomlist_old { + color: #008; +} + +.imsg { + background: none; + color: #AAA; + font-style: italic; + font-weight: 700; +} + +.menubar_bg { + background-color: red; +} + +.mimepart div span { + display: block; + font-style: italic; +} + +.mimepart dl dd, .mimepart dl dt { + border-top: 1px solid #AAA; +} + +.mailbox_summary td { + /* border-top: 1px solid #AAA; */ + white-space: nowrap; + overflow: hidden; +} + +.mimepart dl dt { + font-weight: 700; +} + +.roomops_cell_label,.boxlabel,.tab_cell_label { + background-color: #FF7814; + color: #FFF; + font-weight: 700; +} + +.selectbox { + background-color: #FF8000; +} + +.tab_cell, .tab_cell_edit { + background-color: #CCC; + font-weight: 700; +} + +.tabcontent { + background-color: #FFF; + border-top: 3px solid #FF7814; +} + +.treetitleselectedblured { + background-color: menu; + color: windowtext; +} + +.treetitleselectedfocused { + background-color: highlight; + color: highlighttext; +} + +.warning a:link, .warning a:visited, .warning a:active, .warning { + background: none; + color: #FF4500; +} + +.warning, .warning strong { + text-decoration: none; +} + +.warning a:link,.warning a:visited,.warning a:active { + text-decoration: underline; +} + +.warning strong { + background: #FFD700; + color: #FF4500; +} + +.warning strong a:link,.warning strong a:visited,.warning strong a:active { + background: #FFD700; + color: #FF4500; +} + +blockquote { + background-color: #f5f5f5 !important; + color: navy !important; +} + +blockquote blockquote { + background-color: #ebebeb !important; + color: maroon !important; +} + +blockquote blockquote blockquote { + background-color: #e1e1e1 !important; + color: green !important; +} + +blockquote blockquote blockquote blockquote { + background-color: #d7d7d7 !important; + color: purple !important; +} + +blockquote blockquote blockquote blockquote blockquote { + background-color: #cdcdcd !important; + color: teal !important; +} + +blockquote pre { + margin-left: 1%; + margin-right: 1%; +} + +div.auto_complete ul { + background: #fff; + border: 1px solid #888; + list-style-type: none; +} + +div.auto_complete ul li.selected { + background-color: #ffc; +} + +div.auto_complete ul strong.highlight { + color: #800; +} + +table.altern { + border-bottom: solid 2px #AAA; + border-top: solid 2px #AAA; +} + +table.altern .even { + background-color: #DDD; +} + +td li.frameset,.elements li.frameset { + background: none; + color: gray; + font-weight: lighter; +} + +td li.transitional,.elements li.transitional { + background: none; + color: #696969; + font-weight: lighter; +} + +ul.adminitems { + list-style-type: disc; + padding: 0; +} + +ul.adminitems li { + font-weight: 700; +} + +ul.adminitems li span { + color: #666; +} + +var sub { + font-style: normal; +} + +.calendar { + background-color: #204B78; +} + +.week_of_year { + background-color: #e1e1e1; + font-size: 70%; +} + +.day { + font-weight: 700; +} + +.calout { + background-color: #DDDDDD; +} + +.calday { + background-color: #FFFFFF; +} + +.calweekend { + background-color: #EEEECC; +} + +.caltoday { + background-color: #EEEEFF; +} + +.current_sort_mode { + background-color: white; +} +.marked_row { + background-color: #69aaff !important; +} +#loading { + background-color: white; +} +/* Message list in mailbox/summaryview */ +.table-row { + background-color: white; +} + +.table-alt-row { + background-color: #DDDDDD; +} + +/* Links */ + +a { + text-decoration: none; +} + +a:active { + color: #AD1C00; +} + +a:link { + color: blue; +} + +a:visited { + color: purple; +} + +#customize a:active, #customize a:link, #customize a:visited { + color: black; +} + +#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, 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 { + 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 { + overflow: hidden; +} +html { + overflow: auto; +} +body { + height: 100%; + overflow: hidden; + text-align: center; +} + +body, #global { + margin-left: 0; + padding: 0; +} + +#global { + position: absolute; + bottom: 0; + top: 0; + right: 0; + left: 0; + overflow-y: hidden; +} + +#important_message { + position: absolute; + top: 0; + right: 0; + z-index: 4; + padding: 3px; +} + +#hellomsg, .fmout, .nomsgs { + text-align: center; +} + +.moreprompt { + text-align: center; + font-size: 100%; + background-color: #004E79; + color: #dddddd; +} + +.moreprompt_link { + color: #dddddd; + font-weight: bold; +} + +.moreprompt_link:hover { + background-color: #AD1C00; + color: #FFF; +} + +#login_screen, #logout_screen { + position: fixed; + margin: 0px; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; + padding: 3% 6% 3% 6%; + overflow: auto; +} + +#convlogin, #validate { + text-align: center; +} + +#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane { + text-align: left; +} + +.message_content > div > div { + text-align: justify !important; +} + +#iconbar { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 16%; /* when changing this, also change #banner width */ + z-index: 0; + overflow: auto; + overflow-x: hidden !important; +} + +/* 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 { + display: block; + top: 0; + left: 0; + width: 100%; + padding-bottom: 0; + margin-bottom: 0; + background-color: #CCCCCC; +} + +#summary_view { + height: 100px; + overflow-y: scroll; + overflow-x: hidden; + cursor: pointer; +} + +#summary_headers { + background-color: white; + width: 100%; + table-layout: fixed; +} + +#summary_headers tr td { + overflow-y: hidden; + overflow-x: hidden; /* stop long subjects overflowing */ +} + +.col1 { + width: 50%; +} + +.col2 { + width: 30%; +} + +.col3 { + width: 20%; +} + +.col1, .col2, .col3 { + cursor: pointer; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; +} + +.new_message { + font-weight: bold; !important; +} + +#loading { + text-align: center; +} + +#resize_msglist { + width: 100%; + overflow: hidden; + cursor: s-resize; + height: 6px; +} + +#preview_pane { + overflow: auto; +} + +.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 */ + +.box { + width: 100%; + padding: 0; + margin: 0; +} + +#content .boxlabel, #global .boxlabel { + margin: 0; + padding: 0; + width: 100%; + text-align: center; +} + +#content .box { + margin: 0; + padding: 0; + width: 100%; + text-align: center; +} + +.boxlabel, .boxcontent { + margin: 0; +} + +.boxlabel { + text-align: center; + padding: 0; +} + +.boxcontent { + text-align: left; + padding: 5px; +} + +.ctdlTemplate { + display: none; +} + +#ctdlContextMenu { + position: fixed; + background-color: white; + border: 1px solid black; +} + +.draganddrop { + position: fixed; + display: block; + border: 1px solid black; + z-index: 65535; + background-color: white; + text-align: left; + opacity: 0.9; +} + +.draganddrop > ul { + list-style: none; + padding-left: 0; + margin-left: 0; +} + +.hidden { + display: none; +} + +/* Login */ + +#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form { + display: block; + margin: 5px auto 5px auto; +} + +#login_screen .login_message, .login_hello, #global center { + width: 80%; +} + +#login_screen .login_image { + width: 135px; +} + +#login_screen .login_image img { + text-align: center; +} + +#login_screen #login_form { + padding: 10px; + width: 330px; +} + +#login_form input, #login_form label, #login_form select { + display: block; + float: left; + margin: 6pt; +} + +#login_form label, #pname, #uname { + width: 130px; + text-align: left; +} + +#login_form br { + clear: left; +} + +.login_infos { + display: block; + margin: 20px auto 0 auto; + width: 80%; + text-align: left; +} + + +/* Iconbar */ + +.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button { + margin: 0; + padding: 0; +} + +.logo, #citlogo, .iconbar_text, #online_users li { + text-align: center; +} + +.iconbar_text > span { + cursor: pointer; +} + +#iconbar #button { + width: 100%; +} + +.ib_button { + margin: 4px 8px 4px 8px; + padding: 0; + display: block; +} + +.ib_button_link { + /* width: 100%; */ + display: block; +} + +#online_users { + display: none; /* Hide by default */ + border: 0; + max-height: 200px; + overflow: auto; + padding-left: 0; +} +#online_users li { + list-style: none; + margin: 0; + padding: 2px; + white-space: nowrap; +} + + +.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old { + margin: 4px; + padding: 0; +} + +/* Banner */ +#banner .banner { + display: table-cell; + width: 90%; +} + +#banner .banner img { + float: left; + margin: 0 5px 15px 0; +} + +#banner h1, #banner h2, #banner .banner .infos, #banner .banner p { + margin: 2px; + padding: 0; +} + +#room_infos { + position: absolute; + top: 0; + left: 50%; + width: 45%; + z-index: 10; + cursor: pointer; + text-align: left; + padding: 10px 2px 2px 2px; +} + +#room_infos img.close_infos { + float: right; +} + +#actiondiv { + position: absolute; + right: 0; + top: 0; +} + +#banner ul.room_actions { + list-style: none; + text-align: left; +} +#banner ul.room_actions li { + white-space: nowrap; + 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; +} +#selectpage.hidden { + display: none !important; +} + +/* Navbar */ + +#navbar ul, .selector_top, .selector_bottom { + width: 100%; + margin: 0 auto 0 auto; + padding: 0; + white-space: nowrap; + text-align: center; + vertical-align: middle; +} + +#navbar ul li { + display: inline; + list-style: none; + vertical-align: middle; +} + +#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" */ +.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 { + margin: 0; + padding: 0; +} + +#content table .box { + margin: 0; + width: 100%; + text-align: left; +} + +.service, .who_is_online { + text-align: center; + width: 100%; +} + +.service table { + margin: 0 auto 0 auto; + width: 100%; + text-align: left; +} + +.instructions { + text-align: center; +} + +#message_list_hdr table { + width: 100%; +} +.selector_top, .selector_bottom { + 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 0 2px 0; +} + +.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; + margin-left: 15%; + width: 70%; + padding: 0; +} + +.mimepart img { + vertical-align: middle; + float: left; +} + +.mimepart div { + vertical-align: middle; + margin: 0 0 15px 0 ; + padding: 5px; +} + +.mimepart div span { + vertical-align: top; +} + +.mimepart dl { + width: 100%; + margin-left: 5px; + padding: 5px; +} + +.mimepart dl dt { + width: 30%; + float: left; + margin: 0 0 0 0; + padding: .5em; +} + +.mimepart dl dd { + float: left; + width: 62%; + margin: 0; + padding: .5em; +} + +.mimepart p { + margin-top: 1em; + margin-bottom: 0; + clear: both; +} + +.msgbuttons { + float: right; + visibility: hidden; + padding: 2px; + font-size: 80%; +} + +.buttons a { + text-align: center; +} + +.msgbuttons a span { + display: none; +} + +.message_content { + margin: 0; + padding: 0.3em; + clear: both; +} + +.message form div label { + display: block; + float: left; + margin: 0.3em; + width: 9em; + text-align: right; +} + +.message form div input, .message form div select { + margin: 0.3em; + +} + +.imgedit { + vertical-align: middle; +} + +.send_edit_msg { + float: right; + margin-top: 0 ; + margin-right: 0; + 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% +} + +.note { + font-size: 85%; + margin-left: 10%; +} + +.toolbar { + text-align: center; +} + +.toolbar img { + float: right; +} + +.imsg { + text-align: center; +} + +colgroup.entity { + text-align: center; +} + +div.auto_complete ul { + margin: 0; + padding: 0; + width: 100%; +} + +div.auto_complete ul li { + margin: 0; + padding: 3px; +} + +div.auto_complete ul strong.highlight { + margin: 0; + padding: 0; +} + +.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, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap { + width: 100%; +} + +#address_book_popup { + position: absolute; + top: 100px; + right: 25px; + width: 320px; + height: auto; + z-index: 100; + display: none; +} + +#address_book_popup_container_div { + position: relative; + width: 100%; + height: 100%; +} + +#address_book_popup_middle_div { + position: relative; +} + +#address_book_inner_div { + margin: 5px; +} + +#address_book_inner_div select { + width: 100%; +} + +#address_book_inner_div input { + margin: 4px 5px 0 5px; +} + +.service .edit_col, .service .host_col { + display: none; +} + +.who_is_online .edit_col, .who_is_online .host_col { + display: block; +} + +#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 { + margin: 15px; + padding: 0; +} + +ul.adminitems li { + margin: 0.5em; + padding: 0; +} + +ul.adminitems li span { + display: block; +} + + +/* Room list - Tree Node */ + +.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured { + padding: 2px; + cursor: default; +} + +table.altern { + margin: 0 auto 0 auto; + width: 98% +} + +table.altern tr td { + height: 2em; +} + +/* Advanced menu */ + +table.advanced { + margin: 0 auto 0 auto; + width: 96%; + border-collapse: separate; + border-spacing: 15px; +} + +.advanced .boxcontent ul { + margin-left: 4em; +} + +.advanced .boxcontent .col1, .advanced .boxcontent .col2 { + float: left; + width: 33%; +} + +.advanced .boxcontent .col2, .advanced .boxcontent .lastcol { + margin-left: 0; + margin-bottom: 4em; +} + +/* Site configuration */ + +#TheTabs { +} + +.tabs_background { + margin-top: 0; +} + +/* Links and buttons */ + +.logbuttons, .buttons { + margin: 2px auto 2px auto; + width: 96%; + text-align: center; +} + +/* Tabs */ + +#TheTabs { + margin: 3% auto 0 auto; + width: 94%; +} + +ul.tabbed_dialog { + list-style: none; + 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: 4px; + float: left; +} + +.tabcontent { + margin: 0 auto 0 auto; + width: 96%; + padding: 10px; + clear: both; +} + +.tabcontent_submit { + margin: 0 auto 0 auto; + width: 96%; + padding: 10px; + text-align: center; +} + + +/* Calendar view */ + +.calendar { + background-color: #204B78; + margin: 0; + width: 100%; + height: 302px; +} + +td.events_of_the_day { + width: 500px; +} + +.events_of_the_day dl { + margin: 0; + padding: 0; + position: absolute; + top: 0; + left:0; + width: 500px; +} + +.events_of_the_day dl dt { + background-color: #FFFFFF; + margin: 0; + width: 500px; + border: 1px solid #CCC; +} + +.events_of_the_day dl dt.hour { + /* font-size: 160%; commenting out because we need to line it up with the actual size */ +} + +.events_of_the_day dl dt.extrahour { + /* font-size: 80%; commenting out because we need to line it up with the actual size */ +} + +.hour_label, .extra_events dl dt { + background-color: #CCCCDD; + vertical-align: middle; + text-align: left; +} + +.hour_events, .extra_events { + background-color: #FFFFFF; + vertical-align: top; + text-align: left; +} + + +.extra_events ul { + list-style: none; + margin: 0; + padding: 0; +} + +.extra_events ul li { + margin: 4px; +} + +.calday, .calout, .calweekend, .caltoday { + width: 14%; + height: 60px; + text-align: left; + vertical-align: top; +} + +.event_framed_unread { + -moz-border-radius: 8px; + border: solid 1px red; + background-color: yellow; + z-index: 10; + padding: 0 4px 0 4px; +} + +li.event_framed_unread span, a.event_title { + font-size: 100%; +} + +.event_framed_read { + -moz-border-radius: 8px; + border: solid 1px red; + background-color: yellow; + z-index: 10; + padding: 0 4px 0 4px; +} + +li.event_framed_read span, a.event_title { + font-size: 100%; +} + +.event_read { +} + +li.event_read span, a.event_read_title { + font-size: 100%; +} + +.event_unread { +} + +li.event_unread span, a.event_read_title { + font-size: 100%; +} + +.mini_calendar { + color: #fff; +} + +.mini_calendar a { + color: #fff; +} + +.mini_calendar a:link,.mini_calendar a:visited { + color: #fff; +} + +.mini_calendar a:hover,.mini_calendar a:active { + color: #fff; + background-color: #AD1C00; +} + +.mini_calendar td a { + color: #fff; +} + +.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; +} + +.roompic { + height: 48px; + width: 48px; + border: none; +} + +#navbar ul li a img { + vertical-align: middle; + border: none; +} + +.table-row, .table-alt-row { + width: 100%; +} + +.stickynote_outer { + position: absolute; + width: 200px; + height: 200px; + border: 1px solid #333; + background-color: #ffff00; + overflow: hidden; +} + +.stickynote_titlebar { + position: relative; + width: 100%; + height: 16px; + top: 0px; + left: 0px; + background-color: #888800; + font-size: 60%; +} + +.stickynote_body { + position: relative; + font-family: "Comic Sans MS", sans-serif; +} + +.stickynote_resize { + position: absolute; + background-image: url('resizecorner.png'); + height: 16px; + width: 16px; + right: -1px; + bottom: -1px; +} + +.stickynote_palette { + position: absolute; + width: 48px; + height: 48px; + top: 16px; + left: 0px; + background-color: #ffffff; + border: 1px solid #333; + display: none; +} + +.stickynote_palette table { + margin: 0; + padding: 0; +} + +.stickynote_palette td { + width: 16px; + height: 16px; +} + + +.login_using_openid_link { + text-align: center; +} + +.openid_urlarea { + background: url('openid-small.gif') no-repeat scroll 0pt 50%; + padding-left: 18px; +} + +.conftitle { + font-size: 140%; + font-weight: bold; + text-align: center; +} + +.confdescr { + font-size: 110%; + text-align: center; +} + +#noscript_warning { + position: fixed; + top: 0; + left: 0; + background-color: #FF0000; + color: #FFFFFF; +} + +.chatrecv_history_class { + position: absolute; + top: 0; + left: 1%; + width: 74%; + margin-top: 5px; + margin-bottom: 5px; + height: 70%; + background-color: #FFFFFF; + overflow: auto; + border-style: solid; + border-color: #022750; + border-width: 1px; + padding-left: 3px; + padding-right: 3px; +} + +.chat_userlist_class { + position: absolute; + top: 0; + right: 1%; + width: 23%; + margin-top: 5px; + margin-bottom: 5px; + height: 70%; + background-color: #FFFFFF; + overflow: auto; + border-style: solid; + border-color: #022750; + border-width: 1px; + padding-left: 3px; + padding-right: 3px; +} + +.chatrecv_class { + display: none; +} + +.chatsend_class { + position: absolute; + left: 1%; + right: 1%; + height: 28%; + bottom: 0; + margin-top: 5px; + margin-bottom: 5px; + margin-left: auto; + margin-right: auto; + border-style: solid; + border-color: #022750; + border-width: 1px; + padding-left: 3px; + padding-right: 3px; + background-color: #004E79; +} + +.chat_myname_class { + font-weight: bold; + color: #ff0000; +} + +.chat_notmyname_class { + font-weight: bold; + color: #0000ff; +} + +.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 -----------*/ diff --git a/webcit/static/webcit-tinymce.css b/webcit/static/webcit-tinymce.css deleted file mode 100644 index 38b104288..000000000 --- a/webcit/static/webcit-tinymce.css +++ /dev/null @@ -1,2 +0,0 @@ -/* styles applied to the TinyMCE editor component when used in WebCit */ - diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css deleted file mode 100644 index 1312bc1d2..000000000 --- a/webcit/static/webcit.css +++ /dev/null @@ -1,1782 +0,0 @@ -/* - * Copyright 2005 - 2010 The Citadel Team - * Licensed under the GPL V3 - */ - -@import url("datepicker.css"); -@media print { - input#toggler, .toolbar { display: none } -} - -/* Typography & colors */ - -html { font-size: 100%;} - -body { font-size: 100%;} - -#banner h1 { font-size: 160%; } - -#banner h2,#banner .titlebar, .address_book_popup_title { - 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,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 { - font-size: 80%; -} - -#online_users li a { - font-size: 80% !important; -} -.marked_row { - color: white; -} - -/* Color */ - -body { - background-color: #6C91A6; - 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 { - background-color: #FFF; - color: #000; -} - -#login_form, #message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt { - background-color: #CCC; -} - -.box, #online_users li.inactiveuser a { - background-color: transparent; -} - -.banner .infos { - cursor: help; -} - -.login_message { - color: #AD1C00; - font-weight: 700; - text-transform: uppercase; -} - -.ib_button, #room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart, .iconbar_text{ - background-color: #F0FFFF; - color: #333; -} -#online_users:hover { /* separate in order for override */ - background-color: #F0FFFF !important; - color: #333 !important; -} -#iconbar #button { - border: none; - list-style: none; -} - -.ib_button { - font-size: 80%; -} - -#room_infos, #address_book_popup, .mimepart, .room_actions form select { - border: 1px solid #333; - overflow: scroll; -} - - -.buttons a,.roomlist_floor,.tablabel,.treetitle { - color: #000; - font-weight: 700; -} - -.ib_button { - border: none; - border-bottom: 2px groove #CCC; - border-right: 2px groove #CCC; -} - -.logo_citadel a,.logo_citadel img { - border: none; -} - -.logo,.logo_citadel, .iconbar_text { - border: none; - border-bottom: 1px solid #AAA; -} - -.ib_button_link, .ib_button_link:visited, .ib_button_link:link, #online_users a { - color: #000; - text-decoration: none; -} - -#online_users li { - border: none; - border-top: 1px solid #AAA; -} - -#banner h1,#banner h2,.mimepart div,.required { - font-weight: 700; -} - -#banner ul.room_actions li.start_page a, #navbar, .selector_top,.selector_bottom { - background-color: #022750; - border-top: 1px solid black; - border-bottom: 1px solid black; - color: #FFF; -} - -.start_page { - font-size: 60%; -} - -#banner { - background-color: #004E79; - color: #FFF; - margin: 0; - padding: 0; - top: 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 { - color: #FFF -} - -.room_actions form select { - cursor: pointer; -} - -#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 { - border: 0; -} - -#message_list_hdr select { - background-color: #AD1C00; - border: 1px solid #6C91A6; -} - -#message_list_hdr table { - font-style: italic; -} - -#resize_msglist { - background-image: url(/static/resizegrippy.gif); - background-position: center; - background-repeat: no-repeat; -} - -#resize_msglist hr { - background-color: #999; - border: 0; - color: #999; - height: 3px; -} - -.message { - border: 1px outset #999; - clear: both; -} - -.message_header .message_subject { - font-style: italic; - float: left; -} - -.adminlist { - list-style: none; -} - -.customize { - background-color: #DDC; - color: #004; - font-style: italic; -} - -.default { - font-style: normal; - text-decoration: underline; -} - -.editednodeinput { - background-color: #FFF; - border: 1px solid #000; - color: #000; - height: 17px; - width: 150px; -} - -.error a:link, .error a:visited, .error a:active { - background: none; - color: #DC143C; - text-decoration: underline; -} - -.error strong { - background: #FFD700; - color: #DC143C; - text-decoration: none; -} - -.error strong a:link,.error strong a:visited,.error strong a:active { - background: #FFD700; - color: #DC143C; -} - -.errormsg { - background: none; - color: #A00; - font-style: italic; - font-weight: 700; -} - -.floors_config, .roomops_zap { - background-color: #700; - border: 0; -} - -.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old { - cursor: pointer; -} - -.ib_roomlist_floor, .roomlist_new, .ib_roomlist_new { - font-weight: 700; -} - -.ib_roomlist_floor { - color: #000; -} - -.roomlist_new, .ib_roomlist_new { - color: #800; -} - -.roomlist_old, .ib_roomlist_old { - color: #008; -} - -.imsg { - background: none; - color: #AAA; - font-style: italic; - font-weight: 700; -} - -.menubar_bg { - background-color: red; -} - -.mimepart div span { - display: block; - font-style: italic; -} - -.mimepart dl dd, .mimepart dl dt { - border-top: 1px solid #AAA; -} - -.mailbox_summary td { - /* border-top: 1px solid #AAA; */ - white-space: nowrap; - overflow: hidden; -} - -.mimepart dl dt { - font-weight: 700; -} - -.roomops_cell_label,.boxlabel,.tab_cell_label { - background-color: #FF7814; - color: #FFF; - font-weight: 700; -} - -.selectbox { - background-color: #FF8000; -} - -.tab_cell, .tab_cell_edit { - background-color: #CCC; - font-weight: 700; -} - -.tabcontent { - background-color: #FFF; - border-top: 3px solid #FF7814; -} - -.treetitleselectedblured { - background-color: menu; - color: windowtext; -} - -.treetitleselectedfocused { - background-color: highlight; - color: highlighttext; -} - -.warning a:link, .warning a:visited, .warning a:active, .warning { - background: none; - color: #FF4500; -} - -.warning, .warning strong { - text-decoration: none; -} - -.warning a:link,.warning a:visited,.warning a:active { - text-decoration: underline; -} - -.warning strong { - background: #FFD700; - color: #FF4500; -} - -.warning strong a:link,.warning strong a:visited,.warning strong a:active { - background: #FFD700; - color: #FF4500; -} - -blockquote { - background-color: #f5f5f5 !important; - color: navy !important; -} - -blockquote blockquote { - background-color: #ebebeb !important; - color: maroon !important; -} - -blockquote blockquote blockquote { - background-color: #e1e1e1 !important; - color: green !important; -} - -blockquote blockquote blockquote blockquote { - background-color: #d7d7d7 !important; - color: purple !important; -} - -blockquote blockquote blockquote blockquote blockquote { - background-color: #cdcdcd !important; - color: teal !important; -} - -blockquote pre { - margin-left: 1%; - margin-right: 1%; -} - -div.auto_complete ul { - background: #fff; - border: 1px solid #888; - list-style-type: none; -} - -div.auto_complete ul li.selected { - background-color: #ffc; -} - -div.auto_complete ul strong.highlight { - color: #800; -} - -table.altern { - border-bottom: solid 2px #AAA; - border-top: solid 2px #AAA; -} - -table.altern .even { - background-color: #DDD; -} - -td li.frameset,.elements li.frameset { - background: none; - color: gray; - font-weight: lighter; -} - -td li.transitional,.elements li.transitional { - background: none; - color: #696969; - font-weight: lighter; -} - -ul.adminitems { - list-style-type: disc; - padding: 0; -} - -ul.adminitems li { - font-weight: 700; -} - -ul.adminitems li span { - color: #666; -} - -var sub { - font-style: normal; -} - -.calendar { - background-color: #204B78; -} - -.week_of_year { - background-color: #e1e1e1; - font-size: 70%; -} - -.day { - font-weight: 700; -} - -.calout { - background-color: #DDDDDD; -} - -.calday { - background-color: #FFFFFF; -} - -.calweekend { - background-color: #EEEECC; -} - -.caltoday { - background-color: #EEEEFF; -} - -.current_sort_mode { - background-color: white; -} -.marked_row { - background-color: #69aaff !important; -} -#loading { - background-color: white; -} -/* Message list in mailbox/summaryview */ -.table-row { - background-color: white; -} - -.table-alt-row { - background-color: #DDDDDD; -} - -/* Links */ - -a { - text-decoration: none; -} - -a:active { - color: #AD1C00; -} - -a:link { - color: blue; -} - -a:visited { - color: purple; -} - -#customize a:active, #customize a:link, #customize a:visited { - color: black; -} - -#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, 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 { - 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 { - overflow: hidden; -} -html { - overflow: auto; -} -body { - height: 100%; - overflow: hidden; - text-align: center; -} - -body, #global { - margin-left: 0; - padding: 0; -} - -#global { - position: absolute; - bottom: 0; - top: 0; - right: 0; - left: 0; - overflow-y: hidden; -} - -#important_message { - position: absolute; - top: 0; - right: 0; - z-index: 4; - padding: 3px; -} - -#hellomsg, .fmout, .nomsgs { - text-align: center; -} - -.moreprompt { - text-align: center; - font-size: 100%; - background-color: #004E79; - color: #dddddd; -} - -.moreprompt_link { - color: #dddddd; - font-weight: bold; -} - -.moreprompt_link:hover { - background-color: #AD1C00; - color: #FFF; -} - -#login_screen, #logout_screen { - position: fixed; - margin: 0px; - top: 0px; - left: 0px; - bottom: 0px; - right: 0px; - padding: 3% 6% 3% 6%; - overflow: auto; -} - -#convlogin, #validate { - text-align: center; -} - -#iconbar, #banner, #content, #message_list_hdr, #message_list, #preview_pane { - text-align: left; -} - -.message_content > div > div { - text-align: justify !important; -} - -#iconbar { - position: absolute; - top: 0; - left: 0; - bottom: 0; - width: 16%; /* when changing this, also change #banner width */ - z-index: 0; - overflow: auto; - overflow-x: hidden !important; -} - -/* 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 { - display: block; - top: 0; - left: 0; - width: 100%; - padding-bottom: 0; - margin-bottom: 0; - background-color: #CCCCCC; -} - -#summary_view { - height: 100px; - overflow-y: scroll; - overflow-x: hidden; - cursor: pointer; -} - -#summary_headers { - background-color: white; - width: 100%; - table-layout: fixed; -} - -#summary_headers tr td { - overflow-y: hidden; - overflow-x: hidden; /* stop long subjects overflowing */ -} - -.col1 { - width: 50%; -} - -.col2 { - width: 30%; -} - -.col3 { - width: 20%; -} - -.col1, .col2, .col3 { - cursor: pointer; - text-overflow: ellipsis; - -o-text-overflow: ellipsis; -} - -.new_message { - font-weight: bold; !important; -} - -#loading { - text-align: center; -} - -#resize_msglist { - width: 100%; - overflow: hidden; - cursor: s-resize; - height: 6px; -} - -#preview_pane { - overflow: auto; -} - -.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 */ - -.box { - width: 100%; - padding: 0; - margin: 0; -} - -#content .boxlabel, #global .boxlabel { - margin: 0; - padding: 0; - width: 100%; - text-align: center; -} - -#content .box { - margin: 0; - padding: 0; - width: 100%; - text-align: center; -} - -.boxlabel, .boxcontent { - margin: 0; -} - -.boxlabel { - text-align: center; - padding: 0; -} - -.boxcontent { - text-align: left; - padding: 5px; -} - -.ctdlTemplate { - display: none; -} - -#ctdlContextMenu { - position: fixed; - background-color: white; - border: 1px solid black; -} - -.draganddrop { - position: fixed; - display: block; - border: 1px solid black; - z-index: 65535; - background-color: white; - text-align: left; - opacity: 0.9; -} - -.draganddrop > ul { - list-style: none; - padding-left: 0; - margin-left: 0; -} - -.hidden { - display: none; -} - -/* Login */ - -#login_screen .login_message, #login_screen .login_image, .login_hello, #login_screen #login_form { - display: block; - margin: 5px auto 5px auto; -} - -#login_screen .login_message, .login_hello, #global center { - width: 80%; -} - -#login_screen .login_image { - width: 135px; -} - -#login_screen .login_image img { - text-align: center; -} - -#login_screen #login_form { - padding: 10px; - width: 330px; -} - -#login_form input, #login_form label, #login_form select { - display: block; - float: left; - margin: 6pt; -} - -#login_form label, #pname, #uname { - width: 130px; - text-align: left; -} - -#login_form br { - clear: left; -} - -.login_infos { - display: block; - margin: 20px auto 0 auto; - width: 80%; - text-align: left; -} - - -/* Iconbar */ - -.logo, .logo_citadel, #iconbar #button, .iconbar_text, .ib_button { - margin: 0; - padding: 0; -} - -.logo, #citlogo, .iconbar_text, #online_users li { - text-align: center; -} - -.iconbar_text > span { - cursor: pointer; -} - -#iconbar #button { - width: 100%; -} - -.ib_button { - margin: 4px 8px 4px 8px; - padding: 0; - display: block; -} - -.ib_button_link { - /* width: 100%; */ - display: block; -} - -#online_users { - display: none; /* Hide by default */ - border: 0; - max-height: 200px; - overflow: auto; - padding-left: 0; -} -#online_users li { - list-style: none; - margin: 0; - padding: 2px; - white-space: nowrap; -} - - -.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old { - margin: 4px; - padding: 0; -} - -/* Banner */ -#banner .banner { - display: table-cell; - width: 90%; -} - -#banner .banner img { - float: left; - margin: 0 5px 15px 0; -} - -#banner h1, #banner h2, #banner .banner .infos, #banner .banner p { - margin: 2px; - padding: 0; -} - -#room_infos { - position: absolute; - top: 0; - left: 50%; - width: 45%; - z-index: 10; - cursor: pointer; - text-align: left; - padding: 10px 2px 2px 2px; -} - -#room_infos img.close_infos { - float: right; -} - -#actiondiv { - position: absolute; - right: 0; - top: 0; -} - -#banner ul.room_actions { - list-style: none; - text-align: left; -} -#banner ul.room_actions li { - white-space: nowrap; - 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; -} -#selectpage.hidden { - display: none !important; -} - -/* Navbar */ - -#navbar ul, .selector_top, .selector_bottom { - width: 100%; - margin: 0 auto 0 auto; - padding: 0; - white-space: nowrap; - text-align: center; - vertical-align: middle; -} - -#navbar ul li { - display: inline; - list-style: none; - vertical-align: middle; -} - -#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" */ -.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 { - margin: 0; - padding: 0; -} - -#content table .box { - margin: 0; - width: 100%; - text-align: left; -} - -.service, .who_is_online { - text-align: center; - width: 100%; -} - -.service table { - margin: 0 auto 0 auto; - width: 100%; - text-align: left; -} - -.instructions { - text-align: center; -} - -#message_list_hdr table { - width: 100%; -} -.selector_top, .selector_bottom { - 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 0 2px 0; -} - -.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; - margin-left: 15%; - width: 70%; - padding: 0; -} - -.mimepart img { - vertical-align: middle; - float: left; -} - -.mimepart div { - vertical-align: middle; - margin: 0 0 15px 0 ; - padding: 5px; -} - -.mimepart div span { - vertical-align: top; -} - -.mimepart dl { - width: 100%; - margin-left: 5px; - padding: 5px; -} - -.mimepart dl dt { - width: 30%; - float: left; - margin: 0 0 0 0; - padding: .5em; -} - -.mimepart dl dd { - float: left; - width: 62%; - margin: 0; - padding: .5em; -} - -.mimepart p { - margin-top: 1em; - margin-bottom: 0; - clear: both; -} - -.msgbuttons { - float: right; - visibility: hidden; - padding: 2px; - font-size: 80%; -} - -.buttons a { - text-align: center; -} - -.msgbuttons a span { - display: none; -} - -.message_content { - margin: 0; - padding: 0.3em; - clear: both; -} - -.message form div label { - display: block; - float: left; - margin: 0.3em; - width: 9em; - text-align: right; -} - -.message form div input, .message form div select { - margin: 0.3em; - -} - -.imgedit { - vertical-align: middle; -} - -.send_edit_msg { - float: right; - margin-top: 0 ; - margin-right: 0; - 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% -} - -.note { - font-size: 85%; - margin-left: 10%; -} - -.toolbar { - text-align: center; -} - -.toolbar img { - float: right; -} - -.imsg { - text-align: center; -} - -colgroup.entity { - text-align: center; -} - -div.auto_complete ul { - margin: 0; - padding: 0; - width: 100%; -} - -div.auto_complete ul li { - margin: 0; - padding: 3px; -} - -div.auto_complete ul strong.highlight { - margin: 0; - padding: 0; -} - -.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, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap { - width: 100%; -} - -#address_book_popup { - position: absolute; - top: 100px; - right: 25px; - width: 320px; - height: auto; - z-index: 100; - display: none; -} - -#address_book_popup_container_div { - position: relative; - width: 100%; - height: 100%; -} - -#address_book_popup_middle_div { - position: relative; -} - -#address_book_inner_div { - margin: 5px; -} - -#address_book_inner_div select { - width: 100%; -} - -#address_book_inner_div input { - margin: 4px 5px 0 5px; -} - -.service .edit_col, .service .host_col { - display: none; -} - -.who_is_online .edit_col, .who_is_online .host_col { - display: block; -} - -#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 { - margin: 15px; - padding: 0; -} - -ul.adminitems li { - margin: 0.5em; - padding: 0; -} - -ul.adminitems li span { - display: block; -} - - -/* Room list - Tree Node */ - -.treetitle, .editednode, .treetitleselectedfocused, .treetitleselectedblured { - padding: 2px; - cursor: default; -} - -table.altern { - margin: 0 auto 0 auto; - width: 98% -} - -table.altern tr td { - height: 2em; -} - -/* Advanced menu */ - -table.advanced { - margin: 0 auto 0 auto; - width: 96%; - border-collapse: separate; - border-spacing: 15px; -} - -.advanced .boxcontent ul { - margin-left: 4em; -} - -.advanced .boxcontent .col1, .advanced .boxcontent .col2 { - float: left; - width: 33%; -} - -.advanced .boxcontent .col2, .advanced .boxcontent .lastcol { - margin-left: 0; - margin-bottom: 4em; -} - -/* Site configuration */ - -#TheTabs { -} - -.tabs_background { - margin-top: 0; -} - -/* Links and buttons */ - -.logbuttons, .buttons { - margin: 2px auto 2px auto; - width: 96%; - text-align: center; -} - -/* Tabs */ - -#TheTabs { - margin: 3% auto 0 auto; - width: 94%; -} - -ul.tabbed_dialog { - list-style: none; - 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: 4px; - float: left; -} - -.tabcontent { - margin: 0 auto 0 auto; - width: 96%; - padding: 10px; - clear: both; -} - -.tabcontent_submit { - margin: 0 auto 0 auto; - width: 96%; - padding: 10px; - text-align: center; -} - - -/* Calendar view */ - -.calendar { - background-color: #204B78; - margin: 0; - width: 100%; - height: 302px; -} - -td.events_of_the_day { - width: 500px; -} - -.events_of_the_day dl { - margin: 0; - padding: 0; - position: absolute; - top: 0; - left:0; - width: 500px; -} - -.events_of_the_day dl dt { - background-color: #FFFFFF; - margin: 0; - width: 500px; - border: 1px solid #CCC; -} - -.events_of_the_day dl dt.hour { - /* font-size: 160%; commenting out because we need to line it up with the actual size */ -} - -.events_of_the_day dl dt.extrahour { - /* font-size: 80%; commenting out because we need to line it up with the actual size */ -} - -.hour_label, .extra_events dl dt { - background-color: #CCCCDD; - vertical-align: middle; - text-align: left; -} - -.hour_events, .extra_events { - background-color: #FFFFFF; - vertical-align: top; - text-align: left; -} - - -.extra_events ul { - list-style: none; - margin: 0; - padding: 0; -} - -.extra_events ul li { - margin: 4px; -} - -.calday, .calout, .calweekend, .caltoday { - width: 14%; - height: 60px; - text-align: left; - vertical-align: top; -} - -.event_framed_unread { - -moz-border-radius: 8px; - border: solid 1px red; - background-color: yellow; - z-index: 10; - padding: 0 4px 0 4px; -} - -li.event_framed_unread span, a.event_title { - font-size: 100%; -} - -.event_framed_read { - -moz-border-radius: 8px; - border: solid 1px red; - background-color: yellow; - z-index: 10; - padding: 0 4px 0 4px; -} - -li.event_framed_read span, a.event_title { - font-size: 100%; -} - -.event_read { -} - -li.event_read span, a.event_read_title { - font-size: 100%; -} - -.event_unread { -} - -li.event_unread span, a.event_read_title { - font-size: 100%; -} - -.mini_calendar { - color: #fff; -} - -.mini_calendar a { - color: #fff; -} - -.mini_calendar a:link,.mini_calendar a:visited { - color: #fff; -} - -.mini_calendar a:hover,.mini_calendar a:active { - color: #fff; - background-color: #AD1C00; -} - -.mini_calendar td a { - color: #fff; -} - -.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; -} - -.roompic { - height: 48px; - width: 48px; - border: none; -} - -#navbar ul li a img { - vertical-align: middle; - border: none; -} - -.table-row, .table-alt-row { - width: 100%; -} - -.stickynote_outer { - position: absolute; - width: 200px; - height: 200px; - border: 1px solid #333; - background-color: #ffff00; - overflow: hidden; -} - -.stickynote_titlebar { - position: relative; - width: 100%; - height: 16px; - top: 0px; - left: 0px; - background-color: #888800; - font-size: 60%; -} - -.stickynote_body { - position: relative; - font-family: "Comic Sans MS", sans-serif; -} - -.stickynote_resize { - position: absolute; - background-image: url('resizecorner.png'); - height: 16px; - width: 16px; - right: -1px; - bottom: -1px; -} - -.stickynote_palette { - position: absolute; - width: 48px; - height: 48px; - top: 16px; - left: 0px; - background-color: #ffffff; - border: 1px solid #333; - display: none; -} - -.stickynote_palette table { - margin: 0; - padding: 0; -} - -.stickynote_palette td { - width: 16px; - height: 16px; -} - - -.login_using_openid_link { - text-align: center; -} - -.openid_urlarea { - background: url('openid-small.gif') no-repeat scroll 0pt 50%; - padding-left: 18px; -} - -.conftitle { - font-size: 140%; - font-weight: bold; - text-align: center; -} - -.confdescr { - font-size: 110%; - text-align: center; -} - -#noscript_warning { - position: fixed; - top: 0; - left: 0; - background-color: #FF0000; - color: #FFFFFF; -} - -.chatrecv_history_class { - position: absolute; - top: 0; - left: 1%; - width: 74%; - margin-top: 5px; - margin-bottom: 5px; - height: 70%; - background-color: #FFFFFF; - overflow: auto; - border-style: solid; - border-color: #022750; - border-width: 1px; - padding-left: 3px; - padding-right: 3px; -} - -.chat_userlist_class { - position: absolute; - top: 0; - right: 1%; - width: 23%; - margin-top: 5px; - margin-bottom: 5px; - height: 70%; - background-color: #FFFFFF; - overflow: auto; - border-style: solid; - border-color: #022750; - border-width: 1px; - padding-left: 3px; - padding-right: 3px; -} - -.chatrecv_class { - display: none; -} - -.chatsend_class { - position: absolute; - left: 1%; - right: 1%; - height: 28%; - bottom: 0; - margin-top: 5px; - margin-bottom: 5px; - margin-left: auto; - margin-right: auto; - border-style: solid; - border-color: #022750; - border-width: 1px; - padding-left: 3px; - padding-right: 3px; - background-color: #004E79; -} - -.chat_myname_class { - font-weight: bold; - color: #ff0000; -} - -.chat_notmyname_class { - font-weight: bold; - color: #0000ff; -} - -.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 -----------*/