X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fstyles%2Fwebcit.css;h=884b0d0ae1928f2e461e5480cdd189fa71b7dedc;hb=715008dfb6283528fcac64dc21b88dcbb237abad;hp=0c767d73d0b4893da747c3b32f7b9d9d8da1ef4a;hpb=c296efdbc83186f6e5bdcdd3a09b862f819dfb6d;p=citadel.git diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css index 0c767d73d..884b0d0ae 100644 --- a/webcit/static/styles/webcit.css +++ b/webcit/static/styles/webcit.css @@ -1,5 +1,5 @@ /* - * Copyright 2005 - 2010 The Citadel Team + * Copyright 2005 - 2011 The Citadel Team * Licensed under the GPL V3 */ @@ -14,6 +14,7 @@ @import url("box.css"); @import url("message.css"); @import url("modal.css"); +@import url("service.css"); @media print { input#toggler, .toolbar { display: none } @@ -30,12 +31,10 @@ html, body { .address_book_popup_title { font-size: 130% } -#button, #content .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, ul.adminitems li span, #message_list tr > td { +#button, #content .button_link a, input#delbutton,.attachfile, .buttons input, .buttons a, .customize, .menubar_link, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, ul.adminitems li span, #message_list tr > td { font-size: 100%; } -#nummsgs { font-size: 75% } - #message_list_hdr table { font-size: 80% } .mailbox_summary { font-size: 80% } @@ -62,12 +61,12 @@ body { } #room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart { - background-color: #F0FFFF; - color: #333; + background-color: #deded0; + color: #5C646B; } #room_infos, #address_book_popup, .mimepart, .room_actions form select { - border: 1px solid #333; + border: 1px solid #5C646B; overflow: scroll; } @@ -96,7 +95,7 @@ body { #message_list_hdr table { font-style: italic } #resize_msglist { - background-image: url(/static/resizegrippy.gif); + background-image: url(/static/webcit_icons/resizegrippy.gif); background-position: center; background-repeat: no-repeat; } @@ -192,7 +191,6 @@ body { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; - /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */ } .selectbox { @@ -207,7 +205,6 @@ body { border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; - /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */ } .tabcontent { @@ -369,7 +366,7 @@ a:visited { color: #70342e } outline-radius: 5px; -khtml-outline-radius: 5px; -moz-outline-radius: 5px; - behavior: url(static/style/PIE.htc); + behavior: url(/static/styles/PIE.htc); } #customize a:active, #customize a:link, #customize a:visited { @@ -389,11 +386,11 @@ input, select, .room_actions form select, .room_actions li.search input, .addres .buttons a:hover { background-color: #5c646b; } -.button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input { +.button_link a, input#delbutton,.attachfile, .buttons input { background-color: #4d555c; } -.button_link a, input#delbutton,.attachfile, .logbuttons input,.buttons input { +.button_link a, input#delbutton,.attachfile, .buttons input { border: 2px solid #5c646b; color: #F0FEFF; } @@ -447,19 +444,21 @@ body { /* 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_listview th { + border-right: 0.2em solid #fff; +} +#message_listview td { + padding-left: 1em; +} #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; @@ -467,7 +466,6 @@ body { #summary_headers { background-color: white; - width: 100%; table-layout: fixed; } @@ -476,11 +474,11 @@ body { overflow-x: hidden; /* stop long subjects overflowing */ } -.col1 { width: 50% } +#message_listview .col1 { width: 66% } -.col2 { width: 30% } +#message_listview .col2 { width: 22% } -.col3 { width: 20% } +#message_listview .col3 { width: 12% } .col1, .col2, .col3 { cursor: pointer; @@ -544,19 +542,19 @@ body { } /* Override to disable list-style-image" */ -.room a, .room a, .room a:visited, .room a:link { color: #333333 } +.room a, .room a, .room a:visited, .room a:link { color: #f0feff } -.room-private { list-style-image: url("/static/privatemess_16x.gif") } +.room-private { list-style-image: url("/static/webcit_icons/essen/16x16/email.png") } -.room-addr { list-style-image: url("/static/viewcontacts_16x.gif") } +.room-addr { list-style-image: url("/static/webcit_icons/essen/16x16/contact.png") } -.room-cal { list-style-image: url("/static/calarea_16x.gif") } +.room-cal { list-style-image: url("/static/webcit_icons/essen/16x16/calendar.png") } -.room-tasks { list-style-image: url("/static/taskmanag_16x.gif") } +.room-tasks { list-style-image: url("/static/webcit_icons/essen/16x16/task.png") } -.room-notes { list-style-image: url("/static/storenotes_16x.gif") } +.room-notes { list-style-image: url("/static/webcit_icons/essen/16x16/note.png") } -.room-chat { list-style-image: url("/static/chatrooms_16x.gif") } +.room-chat { list-style-image: url("/static/webcit_icons/essen/16x16/room.png") } .room-newmsgs { font-weight: bold } @@ -571,7 +569,7 @@ body { padding: 2px; } -.button_link a, .attachfile, .logbuttons input,.buttons input .logbutton { +.button_link a, .attachfile, .buttons input .logbutton { margin: 3px; padding: 2px 4px 2px 4px; } @@ -695,7 +693,6 @@ div.auto_complete ul strong.highlight { -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; - behavior: url(/static/styles/PIE.htc); } #address_book_popup_container_div { @@ -712,10 +709,6 @@ div.auto_complete ul strong.highlight { #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 { @@ -723,23 +716,14 @@ div.auto_complete ul strong.highlight { background-position: center right; } -.sort_ascending { background-image: url("/static/down_pointer.gif") } +.sort_ascending { background-image: url("/static/webcit_icons/down_pointer.gif") } -.sort_descending { background-image: url("/static/up_pointer.gif") } +.sort_descending { background-image: url("/static/webcit_icons/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 { @@ -754,6 +738,14 @@ ul.adminitems li { ul.adminitems li span { display: block } +/* Mailq */ +table.mailstatus {background-color: lightgray } +td.mailstatus_0 {background-color: gray } +td.mailstatus_1 {background-color: gray } +td.mailstatus_2 {background-color: green } +td.mailstatus_3 {background-color: orange } +td.mailstatus_4 {background-color: yellow } +td.mailstatus_5 {background-color: red } /* Room list - Tree Node */ @@ -798,7 +790,7 @@ table.advanced { /* Links and buttons */ -.logbuttons, .buttons, .registernow { +.buttons { margin: 2px auto 2px auto; width: 96%; text-align: center; @@ -859,7 +851,7 @@ ul.tabbed_dialog li { background-color: #424b52; border-color: #424b52; } -#inner_day { padding: 0.2em; } +#inner_day { padding: 0.1em; } td.events_of_the_day { width: 50% } @@ -976,11 +968,7 @@ li.event_unread span, a.event_read_title { font-size: 100% } padding: 4px; } -.roompic { - height: 48px; - width: 48px; - border: none; -} +.roompic { border: none; } .table-row, .table-alt-row { width: 100% } @@ -1076,7 +1064,7 @@ li.event_unread span, a.event_read_title { font-size: 100% } border-radius: 8px; -khtml-border-radius: 8px; -moz-border-radius: 8px; - behavior: url(/static/style/PIE.htc); + behavior: url(/static/styles/PIE.htc); -webkit-box-shadow: #666 0px 1px 2px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; @@ -1098,7 +1086,7 @@ li.event_unread span, a.event_read_title { font-size: 100% } box-shadow: #666 0px 2px 3px; -webkit-box-shadow: #666 0px 1px 2px; -moz-box-shadow: #666 0px 2px 3px; - behavior: url(/static/style/PIE.htc); + behavior: url(/static/styles/PIE.htc); padding: 0.5em; } @@ -1117,7 +1105,7 @@ li.event_unread span, a.event_read_title { font-size: 100% } box-shadow: #666 0px 2px 3px; -webkit-box-shadow: #666 0px 1px 2px; -moz-box-shadow: #666 0px 2px 3px; - behavior: url(/static/style/PIE.htc); + behavior: url(/static/styles/PIE.htc); background-color: #7d858c; padding: 0.5em; } @@ -1149,7 +1137,6 @@ a.event_title span, a.event_unread span, a.event_read span { 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 { @@ -1164,14 +1151,14 @@ a.event_title:hover span.tooltip, a.event_unread:hover span.tooltip, a.event_rea 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; + background: url(/static/webcit_icons/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; + background: url(/static/webcit_icons/bubble_filler.gif) repeat bottom; color: #022750; font-size: 10px; } @@ -1179,7 +1166,7 @@ a.event_title:hover span.bttmiddle, a.event_unread:hover span.bttmiddle, a.event 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; + background: url(/static/webcit_icons/bubble.gif) no-repeat bottom; } @@ -1190,7 +1177,7 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event .blog_post_title { font-size: 150%; - font-style: bold; + font-weight: bold; } .blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active { @@ -1225,6 +1212,9 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event font-style: italic; } +.post_a_comment_title { + font-size: 120%; +} /*---------- styles for the attachments form -----------*/ @@ -1251,10 +1241,8 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; - behavior: url(/static/styles/PIE.htc); } - /*---------- styles for the login modal box -----------*/ #loginbox_topline_container { @@ -1322,10 +1310,18 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event } .openid_urlarea { - background: url('../openid-small.gif') no-repeat scroll 0pt 50%; + background: url('../webcit_icons/openid-small.gif') no-repeat scroll 0pt 50%; padding-left: 18px; } -.registernow { +.older_blog_posts, .newer_blog_posts { + font-size: 110%; +} + +.older_blog_posts { + text-align: left; +} + +.newer_blog_posts { text-align: right; }