X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fwebcit.css;h=72e237b1f47f7afb189264107fd85c79bd8f284c;hb=9cb08bddc827e0edb9550faa57643c560136399b;hp=1caa35bd710c6a93548d99c07cf4a322bbaa0f05;hpb=dea970a32cbab520088e9eea46fc9aca36e9883e;p=citadel.git

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index 1caa35bd7..72e237b1f 100644
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -14,10 +14,14 @@ body { font-size: 11pt}
 	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 {
@@ -26,7 +30,7 @@ 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;
 }
@@ -44,24 +48,15 @@ body {
 	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 {
@@ -81,8 +76,8 @@ input, select, #login_form #uname, #login_form #pname, .room_actions form select
 
 #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 {
@@ -131,12 +126,6 @@ input, select, #login_form #uname, #login_form #pname, .room_actions form select
 	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;
 }
@@ -170,6 +159,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 
 .message_header .message_subject {
 	font-style: italic;
+	float: left;	
 }
 
 .adminlist {
@@ -195,7 +185,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 	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;
@@ -207,7 +197,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 	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;
 }
@@ -298,7 +288,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 	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;
 }
@@ -307,7 +297,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 	text-decoration: none;
 }
 
-.warning a: link,.warning a:visited,.warning a:active {
+.warning a:link,.warning a:visited,.warning a:active {
 	text-decoration: underline;
 }
 
@@ -316,7 +306,7 @@ input#delbutton,.attachfile, .logbuttons input,.buttons input {
 	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;
 }
@@ -437,17 +427,38 @@ a:link { color: blue; }
 
 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 {
@@ -470,6 +481,7 @@ body, #global {
 	top: 0; 
 	right: 0;
 	z-index: 2;
+	padding: 3px;
 }
 
 #login_screen, #logout_screen {
@@ -589,7 +601,7 @@ body, #global {
 
 #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 {
@@ -597,12 +609,17 @@ body, #global {
 }
 
 #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 {
@@ -683,6 +700,11 @@ html>body #button li a {
 }
 
 
+.ib_roomlist_floor, .ib_roomlist_new, .ib_roomlist_old, .roomlist_floor, .roomlist_new, .roomlist_old {
+	margin: 4px;
+	padding: 0;
+}
+
 /* Banner */
 
 #banner .room_banner {
@@ -728,6 +750,11 @@ html>body #button li a {
 	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;
@@ -779,17 +806,12 @@ html>body #button li a {
 	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;
 }
@@ -805,6 +827,11 @@ html>body #button li a {
  	text-align: center;
 }
 
+.selector_top p,.selector_bottom p {
+	margin: 0;
+	padding: 2px;
+}
+
 .message {
 	margin: 1%;
 	padding: 0;
@@ -812,14 +839,20 @@ html>body #button li a {
 
 .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;
@@ -845,6 +878,7 @@ html>body #button li a {
 
 .mimepart dl {
 	width: 100%;
+	margin-left: 5px;
 	padding: 5px;
 }
 
@@ -875,34 +909,34 @@ dt { clear: both; }
 .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 {
@@ -913,7 +947,22 @@ dt { clear: both; }
  	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 {
@@ -1070,44 +1119,50 @@ table.advanced {
 
 /* 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 {
@@ -1117,19 +1172,32 @@ ul.tabbed_dialog li {
 	height: 302px;
 }
 
-td.middle_of_the_day {
+td.events_of_the_day {
         width: 500px;
 }
 
-.middle_of_the_day dl {
+.events_of_the_day dl {
+	margin: 0;
+	padding: 0;
+	position: absolute;
+	top: 0;
+	left:0;
+        width: 500px;
 }
 
-.middle_of_the_day dl dt {
+.events_of_the_day dl dt {
 	background-color: #FFFFFF;
-	padding:0 ;
-        width: 100%;
-        border-bottom: 1px solid grey;
-        height: 30px;
+	margin: 0;
+        width: 500px;
+        border: 1px solid #CCC;
+}
+
+.events_of_the_day dl dt.hour {
+	font-size: 16px;
+}
+
+.events_of_the_day dl dt.extrahour {
+	font-size: 8px;
 }
 
 .hour_label, .extra_events dl dt {
@@ -1144,6 +1212,17 @@ td.middle_of_the_day {
 	text-align: left;	
 }
 
+
+.extra_events ul {
+	list-style: none;
+	margin: 0;
+	padding: 0;
+}
+
+.extra_events ul li {
+	margin: 4px;
+}
+
 .calday, .calout, .calweekend {
 	width: 14%;
 	height: 60px;
@@ -1151,10 +1230,119 @@ td.middle_of_the_day {
 	vertical-align: top;
 }
 
-.event {
-	opacity: .5;
+.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 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_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;
+        font-size: 11px;     
+}
+
+.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;
+}
+
+.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_resize {
+	position: absolute;
+	right: 0px;
+	bottom: 0px;
+}