X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit%2Fstatic%2Fwebcit.css;h=f32a43b06412399bc4acee05a3a733b48c1a4a45;hb=dcde3bd164a116dcae4bbc7afc73df0c83078e52;hp=e6266ffe798b340bbec7a4019a1858b00530379c;hpb=c16142bd163a9d63e577f1abbc583caf7256a497;p=citadel.git

diff --git a/webcit/static/webcit.css b/webcit/static/webcit.css
index e6266ffe7..f32a43b06 100644
--- a/webcit/static/webcit.css
+++ b/webcit/static/webcit.css
@@ -8,21 +8,29 @@ body {
 	padding: 0 0 0 0;
 	height: 100%;
 	overflow: auto;
-	background-color: #D8D8D8;
-	color: #000000;
+	background: rgb(100,100,200) url(/static/gradient_background.jpg) repeat-x;
+	color: black;
 	font-weight: normal;
 	font-size: 10pt;
 	font-family: sans-serif;
+	text-align: center;
+}
+
+#global {
+	margin: 0;
+	padding: 0;
 }
 
 #iconbar {
 	/* position:fixed; */
+	position:absolute;
 	display:block;
 	top:0px;
 	left:0px;
 	width: 15%;
 	/* height:100%; */
 	background: #ffffee;
+        text-align: left;
 }
 
 * html #iconbar {
@@ -35,6 +43,18 @@ body {
 	background: #ffffee;
 }
 
+.logo, .logo_citadel {
+        display: block;
+        text-align: center;
+        border-bottom: 1px solid #aaaaaa;
+        margin: 0;
+        padding: 0;
+}
+
+.logo_citadel a, .logo_citadel img {
+        border: none;
+}
+
 #banner {
 	position:fixed;
 	display:block;
@@ -43,6 +63,7 @@ body {
 	width: 85%;
 	height: 15%;
 	background: #445;
+        text-align: left;
 }
 
 * html #banner {
@@ -55,31 +76,67 @@ body {
 	background: #445;
 }
 
-
 #banner .room_banner {
         float: left;
-        width: 58%;
+        width: 48%;
 }
 
-.room_banner img {
+#banner img {
         float: left;
+        margin-top: 0;
+        margin-left: 0;
+        margin-bottom: 5px;
+        margin-right: 5px;
 }
 
-.room_banner h1 {
+#banner h1 {
         font-size: 14pt;
         font-weight: bold;
         color: #FFFFEE;
+        margin: 0;
+        padding: 2px;
 }
 
-.room_banner div {
-        font-size: 8pt;
+#banner h2 {
+        font-size: 11pt;
+        font-weight: bold;
         color: #FFFFEE;
+}
+
+.room_banner .infos {
+        font-size: 8pt;
+	color: #FFFFEE;
         text-align: center;
+        padding: 2px;
+	cursor: help;
+}
+
+#room_infos {
+        position: absolute;
+        top: 0px;
+        left: 50%;
+        width: 45%;
+        padding: 11px;
+        margin: 0px;
+        z-index: 100;
+        color: #666;
+        background: white;
+	cursor: pointer;
+        font-size: 10pt;
+	color: black;
+        text-align: left;
+        padding: 2px;
+	margin-top: 5px;
+}
+
+img.close_infos {
+	float: right;
 }
 
 #banner ul {
         float: right;
-        width: 40%;
+        text-align: right;
+        width: 48%;
         margin: 0;
         padding: 0;
 }
@@ -88,22 +145,26 @@ body {
         text-align: right;
         clear: right;
         list-style: none;
-        margin-top: 0px ;
+        margin: 0;
         padding: 2px;
+        white-space: nowrap;
 }
 
 li.search {
         font-size: 10pt;
         float: left;
         color: #FFFFFF;
-        margin-bottom: 2px;
 }
 
 li.view {
         font-size: 10pt;
         float: right;
         color: #FFFFFF;
-        margin-bottom: 2px;
+}
+
+li.search form, li.view form {
+	margin: 0;
+	padding: 0;
 }
 
 li.nummsgs {
@@ -126,6 +187,10 @@ li.start_page {
 #navbar ul {
 	float: left;
 	width: 95%;
+        margin: 0;
+        padding: 0;
+        white-space: nowrap;
+        text-align: left;
 }
 
 #navbar ul li {
@@ -135,13 +200,15 @@ li.start_page {
 	margin-right: 5px;
 	margin-bottom:0 ;
 	margin-left: 20px;
+        white-space: nowrap;
 }
 
 #navbar ul li img {
+        float: none;
 	margin-top: 0;
-	margin-right: 5px;
+	margin-right: 2px;
 	margin-bottom:0 ;
-	margin-left: 5px;
+	margin-left: 2px;
 }
 
 .navbar_link {
@@ -160,60 +227,78 @@ li.start_page {
 #content {
 	position:fixed;
 	display:block;
-	top: 15%;
+	top: 16%;
 	left: 15%;
 	width: 85%;
-	height: 85%;
+	height: 84%;
 	overflow: auto;
 	/* overflow-x: hidden; */
+        text-align: left;
 }
 
 * html #content {
 	position:absolute;
 	display:block;
-	top: 15%;
+	top: 16%;
 	left: 15%;
 	width: 85%;
-	height: 85%;
+	height: 84%;
 	overflow: auto;
 	/* overflow-x: hidden; */
 }
 
+.service {
+}
+
+.service table, .service form {
+	width: 100%;
+}
+
+
+.instructions {
+
+}
+
 #message_list_hdr {
 	position:fixed;
 	display:block;
-	top: 15%;
+	top: 16%;
 	left: 15%;
 	width: 85%;
 	height: 5%;
-	overflow: none;
+	overflow: hidden;
+	font-style: italic;
+	text-align: left;
 }
 
 * html #message_list_hdr {
 	position:absolute;
 	display:block;
-	top: 15%;
+	top: 16%;
 	left: 15%;
 	width: 85%;
 	height: 5%;
-	overflow: none;
+	overflow: hidden;
+	font-style: italic;
+	text-align: left;
 }
 
 #message_list {
 	position:fixed;
 	display:block;
-	top: 20%;
+	top: 21%;
 	left: 15%;
 	width: 85%;
 	height: 20%;
 	overflow: auto;
 	cursor: pointer;
+        text-align: left;
 }
 
 * html #message_list {
 	position:absolute;
 	display:block;
-	top: 20%;
+	top: 21%;
 	left: 15%;
 	width: 85%;
 	height: 20%;
@@ -224,42 +309,54 @@ li.start_page {
 #resize_msglist {
 	position:fixed;
 	display:block;
-	top: 40%;
+	top: 41%;
 	left: 15%;
 	width: 85%;
 	height: 1%;
-	overflow: none;
+	overflow: hidden;
 	cursor: s-resize;
+	background-color: #cccccc;
+	background-image:url(/static/resizegrippy.gif);
+	background-repeat: no-repeat;
+	background-position: center; 
 }
 
 * html #resize_msglist {
 	position:absolute;
 	display:block;
-	top: 40%;
+	top: 41%;
 	left: 15%;
 	width: 85%;
 	height: 1%;
-	overflow: none;
+	overflow: hidden;
 	cursor: s-resize;
 }
 
+#resize_msglist hr {
+	color: darkgrey;
+	background-color: darkgrey;
+	height: 3px;
+	border: 0;
+}
+
 #preview_pane {
 	position:fixed;
 	display:block;
-	top: 41%;
+	top: 42%;
 	left: 15%;
 	width: 85%;
-	height: 59%;
+	height: 58%;
 	overflow: auto;
+        text-align: left;
 }
 
 * html #preview_pane {
 	position:absolute;
 	display:block;
-	top: 41%;
+	top: 42%;
 	left: 15%;
 	width: 85%;
-	height: 59%;
+	height: 58%;
 	overflow: auto;
 }
 
@@ -271,25 +368,24 @@ li.start_page {
 
 #button {
 	width: 100%;
-	padding: 0 0 1em 0;
-	margin-bottom: 1em;
 	background-color: #ffffee;
 	color: #aaaaaa;
 	font-size: 8pt;
-}
-
-#button ul {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 	border: none;
 }
 
-#button li {
+#button li, #button li.switch {
 	border-bottom: 1px solid #aaaaaa;
 	margin: 0;
 }
 
+#button li.switch {
+	text-align: center;
+}
+
 #button img {
 	vertical-align: middle;
 	padding-left: 2px;
@@ -341,27 +437,156 @@ a:hover {
 	color: #FFFFEE;
 }
 
-.mainmenu {
-	font-size: 10pt;
-	font-weight: bold;
-	color: #880000;
+.selector_top, .selector_bottom {
+        text-align: center;
 }
 
-.menudesc {
-	font-size: 8pt;
-	color: #000088;
+.message {
+	margin: 5px;
+	padding: 0;
+	border: 1px solid #999999;
+	background-color: #CCCCCC;
+        text-align: left;
+	clear: both;
 }
 
-.message_header {
+.message_header, .message_header p {
 	font-size: 10pt;
-	color: #000000;
+	color: black;
+	margin: 0;
+	padding: 0;
+	background-color: #CCCCCC;
+        text-align: left;
 }
 
-.message_subject {
-	font-size: 10pt;
-	color: #000000;
+.message_header .message_subject {
 	font-style: italic;
 }
+.mimepart {
+	margin-top: 15px;
+	margin-bottom: 15px;
+	margin-left: 15%;
+	width: 70%;
+	padding: 0;
+	background-color: #FFFFDD;
+	border: 2px solid lightgrey;
+}
+
+.mimepart img {
+        vertical-align: middle;
+	float: left;
+}
+
+.mimepart div {
+        vertical-align: middle;
+	margin: 0 0 15px 0 ;
+	padding: 5px;
+	font-size: 11pt;
+        font-weight: bold;
+}
+
+.mimepart div span {
+        vertical-align: top;
+	font-style: italic;
+	display: block;
+}
+
+.mimepart dl {
+	width: 100%;
+	padding: 5px;
+}
+
+.mimepart dl dt {
+	width: 30%;
+	float: left;
+	margin: 0 0 0 0;
+	padding: .5em;
+	border-top: 1px solid #999;
+	font-weight: bold;
+}
+
+/* hack ie5 mac \*/
+dt { clear: both; }
+/* end hack */
+
+.mimepart dl dd {
+	float: left;
+	width: 62%;
+	margin: 0 0 0 0;
+	padding: .5em;
+	border-top: 1px solid #999;
+}
+
+.mimepart p {
+	margin-top: 1em;
+	margin-bottom: 0;
+	clear: both;
+}
+
+.msgbuttons {
+        float: right;
+        visibility: hidden;
+	margin-top: 0;
+	margin-right: 0;
+	padding: 0;
+}
+
+#delbutton, .buttons a, .msgbuttons a {
+        font-size: 8pt;
+        margin-left: 5px;
+	margin-right: 5px;
+        padding: 2px;
+        border-top: 1px solid #CFCFCF;
+        border-left: 1px solid #CFCFCF;
+        border-right: 1px solid #808080;
+        border-bottom: 1px solid #000000;
+        background-color: #BBBBBB;
+        color: #000000;
+        font-weight: bold;
+        text-align: center;
+}
+
+.msgbuttons a span, .buttons span {
+        display: none;
+}
+
+.buttons a:hover, .msgbuttons a:hover {
+        background-color: #AAAAAA;
+        text-decoration: none;
+}
+
+.message_content {
+	background-color: white;
+	margin: 0;
+	padding: 3px;
+        clear: both;
+}
+
+.message form div label {
+        display: block;
+        float: left;
+        margin: 3px;
+        width: 9em;
+        text-align: right;
+}
+
+.message form div input, .message form div select {
+        margin: 3px;
+}
+
+.imgedit {
+        vertical-align: middle;
+}
+
+.send_edit_msg {
+        float: right;
+        margin-top: 0;
+        margin-right: 0;
+        padding-top: 2px;
+        padding-bottom: 2px;
+        padding-right: 50px;
+        padding-left: 50px;
+}
 
 .tablabel {
 	font-size: 10pt;
@@ -370,7 +595,7 @@ a:hover {
 }
 
 .boxlabel {
-	font-size: 7pt;
+	font-size: 8pt;
 	font-weight: bold;
 	color: #FFFFEE;
 }
@@ -379,23 +604,34 @@ a:hover {
 	color: #FFFFEE;
 }
 
-.customize {
-	font-size: 8pt;
-	font-style: italic;
-	color: #000044;
-	background-color: #DDDDCC;
+ul.adminitems {
+        list-style-type: none;
 }
 
-.room_banner_room_name {
+ul.adminitems li {
+        list-style: none;
+	font-size: 13px;
 }
 
-.room_banner_room_info {
+ul.adminitems a {
+	font-size: 13px;
+	margin: 5px;
+	color: #880000;
+	font-weight: bold;
 }
 
-.room_banner_new_messages {
+ul.adminitems span {
+	display: block;
+	font-size: 8pt;
+	color: #000088;
 }
 
-.room_banner_start_page {
+
+.customize {
+	font-size: 8pt;
+	font-style: italic;
+	color: #000044;
+	background-color: #DDDDCC;
 }
 
 .view_name, .search_name, .selectbox, .inputbox {
@@ -408,9 +644,6 @@ a:hover {
 	background-color: #FF0000;
 }
 
-.msgbuttons {
-	font-size: 7pt;
-}
 
 .roomlist_floor {
 	font-size: 12pt;
@@ -452,8 +685,16 @@ a:hover {
 .mailbox_summary {
 	font-size: 10pt;
 	color: #000000;
+	background-color: #FFFFFF;
+}
+
+.mailbox_summary tr {
+	width: 100%;
 }
 
+.mailbox_summary td {
+	border-top: 1px solid darkgrey;
+}
 
 blockquote {
 	color: navy !important; background-color: RGB(245,245,245) !important; 
@@ -574,6 +815,7 @@ td li.frameset, .elements li.frameset {
 	background: none;
 }
 
+
 @media print {
 	input#toggler, .toolbar { display: none }
 }
@@ -669,43 +911,23 @@ div.auto_complete ul strong.highlight {
         background-color: #CCCCCC;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background { 
         border: 0;
         width: 100%;
         background-color: #ffffff;
 }
 
-.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
+.siteconfig_background { 
         border: 0;
         width: 100%;
-        background-color: #ffffff;
 }
 
-.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .vcard_edit_background, .who_background   {
+.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background    {
         border: 0;
         width: 100%;
         background-color: #ffffff;
 }
 
-.auth_banner, .event_banner, .floors_banner, .calendar_banner, .graphics_banner, .iconbar_banner, .inetconf_banner, .listsub_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-.mainmenu_banner, .netconf_banner, .paging_banner, .preferences_banner, .roomops_banner, .setup_banner, .sieve_banner, .siteconfig_banner {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .vcard_edit_banner, .who_banner, .room_banner   {
-        border: 0;
-        width: 100%;
-        background-color: #444455;
-}
-
-
 .vcard_edit_background_alt, .roomops_background_alt {
         border: 0;
         width: 100%;
@@ -729,10 +951,7 @@ div.auto_complete ul strong.highlight {
 }
 
 #login_screen {
-	position:absolute; 
-	top: 3%; 
-	left: 3%; 
-	width: 94%;
+	margin: 3%;
 }
 
 .login_content {
@@ -740,37 +959,45 @@ div.auto_complete ul strong.highlight {
 }
 
 .login_message, .login_hello {
+        position: relative;
         margin-left: auto;
         margin-right: auto;
         width: 80%;
         text-align: center;
 }
 
+.login_image {
+        display: block;
+        margin-left: auto;
+        margin-right: auto;
+        text-align: center;
+}
+
 .login_message {
 	color: red;
 	font-weight: bold;
 	font-size: 16px;
 }
 
-
-.login_form {
+#login_form {
+        position: relative;
         display: block;
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 20px;
         padding: 6px;
-        width: 290px;
+        width: 300px;
         background-color: #DDDDDD;
 }
 
-.login_form input, .login_form label, .login_form select {
+#login_form input, #login_form label, #login_form select {
         display: block;
         float: left;
         margin: 6px;
 }
 
-.login_form label {
+#login_form label {
         width: 130px;
         text-align: left;
 }
@@ -780,16 +1007,16 @@ div.auto_complete ul strong.highlight {
         text-align: left;
 }
 
-.login_form br {
+#login_form br {
         clear: left;
 }
 
-.login_form .logbuttons {
+#login_form .logbuttons {
         margin-left: auto;
         margin-right: auto;
 }
 
-.login_form .logbutton {
+#login_form .logbutton {
 	width: auto;
         text-align: center;
 }
@@ -803,3 +1030,92 @@ div.auto_complete ul strong.highlight {
         text-align: left;
 }
 
+#address_book_popup {
+        position: absolute;
+        top: 100px;
+        right: 25px;
+        width: 320px;
+	height: auto;
+        z-index: 100;
+	background-color: #fff;
+	color: #000;
+	display: none;
+	border: 1px solid black;
+}
+
+#address_book_popup_container_div {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-color: #fbf4ca;
+}
+
+#address_book_popup_middle_div {
+	position: relative;
+	background-color: #fbf4ca;
+}
+
+#address_book_inner_div {
+	margin: 5px;
+}
+
+#address_book_inner_div select {
+	width: 100%;
+	background-color: #fbf4ca;
+}
+
+.address_book_popup_title {
+        font-size: 12pt;
+	background-color: #fbf4ca;
+        color: #000;
+}
+
+.edit_col, .host_col {
+	display: none;
+}
+
+.who_is_online .edit_col, .who_is_online .host_col {
+	display: block;
+}
+
+#wholist {
+	border: 0;
+        margin: 0;
+        padding: 0;
+	max-height: 200px;
+	overflow: auto;
+}
+
+#wholist li {
+	color: black;
+        text-align: left;
+        list-style: none;
+	border: 0;
+        margin: 0;
+        padding: 2px;
+        white-space: nowrap;
+	border-top: 1px solid #aaaaaa;
+}
+
+#wholist li.activeuser a {
+	background-color: rgb(255,240,146);
+        padding-left: 5px;
+} 
+
+#wholist li.inactiveuser a {
+	background-color: transparent;
+        padding-left: 5px;
+} 
+
+table.altern {
+	background-color: #ffffff;
+	width: 98%;
+}
+
+table.altern .even {
+	background-color: #dddddd;
+}
+
+table.altern .odd {
+	background-color: #ffffff;
+}