padding: 0 0 0 0;
height: 100%;
overflow: auto;
- background-image: url(/static/body-background.gif);
+ background-color: #D8D8D8;
color: #000000;
font-weight: normal;
font-size: 10pt;
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;
#banner .room_banner {
float: left;
- width: 58%;
+ width: 48%;
}
.room_banner img {
float: left;
+ margin-top: 0;
+ margin-left: 0;
+ margin-bottom: 5px;
+ margin-right: 5px;
}
.room_banner h1 {
font-size: 14pt;
font-weight: bold;
color: #FFFFEE;
+ margin: 0;
+ padding: 2px;
}
-.room_banner div {
+.room_banner .infos {
font-size: 8pt;
- color: #FFFFEE;
+ 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;
+}
+
+#room_infos .close_infos {
+ cursor: pointer;
+ font-size: 8pt;
+ color: black;
+ text-align: right;
+ padding: 2px;
+ margin-top: 5px;
}
#banner ul {
float: right;
- width: 40%;
+ text-align: right;
+ width: 48%;
margin: 0;
padding: 0;
}
text-align: right;
clear: right;
list-style: none;
- margin-top: 0px ;
+ margin: 0;
padding: 2px;
+ white-space: nowrap;
}
li.search {
- font-size: 8pt;
+ font-size: 10pt;
float: left;
color: #FFFFFF;
- margin-bottom: 2px;
}
li.view {
- font-size: 8pt;
+ font-size: 10pt;
float: right;
color: #FFFFFF;
- margin-bottom: 2px;
+}
+
+li.search form, li.view form {
+ margin: 0;
+ padding: 0;
}
li.nummsgs {
- font-size: 8pt;
+ font-size: 10pt;
color: #DDDDCC;
}
}
+#navbar {
+ position: absolute;
+ bottom: 0px;
+ left: 0px;
+}
+
+#navbar ul {
+ float: left;
+ width: 95%;
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+ text-align: left;
+}
+
+#navbar ul li {
+ display: inline;
+ list-style: none;
+ margin-top: 0;
+ margin-right: 5px;
+ margin-bottom:0 ;
+ margin-left: 20px;
+ white-space: nowrap;
+}
+
+#navbar ul li img {
+ margin-top: 0;
+ margin-right: 2px;
+ margin-bottom:0 ;
+ margin-left: 2px;
+}
+
+.navbar_link {
+ font-size: 7pt;
+ color: #FFFFEE;
+}
+
+
#important_message {
position:absolute;
top:0px; right:0px;
#content {
position:fixed;
display:block;
- top: 15%;
+ top: 16%;
left: 15%;
width: 85%;
- height: 85%;
+ height: 84%;
overflow: auto;
/* overflow-x: hidden; */
}
* html #content {
position:absolute;
display:block;
- top: 15%;
+ top: 16%;
left: 15%;
width: 85%;
- height: 85%;
+ height: 84%;
overflow: auto;
/* overflow-x: hidden; */
}
#message_list_hdr {
position:fixed;
display:block;
- top: 15%;
+ top: 16%;
left: 15%;
width: 85%;
height: 5%;
* html #message_list_hdr {
position:absolute;
display:block;
- top: 15%;
+ top: 16%;
left: 15%;
width: 85%;
height: 5%;
#message_list {
position:fixed;
display:block;
- top: 20%;
+ top: 21%;
left: 15%;
width: 85%;
height: 20%;
* html #message_list {
position:absolute;
display:block;
- top: 20%;
+ top: 21%;
left: 15%;
width: 85%;
height: 20%;
#resize_msglist {
position:fixed;
display:block;
- top: 40%;
+ top: 41%;
left: 15%;
width: 85%;
height: 1%;
* html #resize_msglist {
position:absolute;
display:block;
- top: 40%;
+ top: 41%;
left: 15%;
width: 85%;
height: 1%;
#preview_pane {
position:fixed;
display:block;
- top: 41%;
+ top: 42%;
left: 15%;
width: 85%;
- height: 59%;
+ height: 58%;
overflow: auto;
}
* html #preview_pane {
position:absolute;
display:block;
- top: 41%;
+ top: 42%;
left: 15%;
width: 85%;
- height: 59%;
+ height: 58%;
overflow: auto;
}
#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;
font-size: 9pt;
}
-.navbar_link {
- font-size: 7pt;
- color: #FFFFEE;
-}
-
.titlebar {
font-size: 12pt;
color: #FFFFEE;
}
.room_banner_start_page {
+}
.view_name, .search_name, .selectbox, .inputbox {
- font-size: 7pt;
+ font-size: 7pt;
background: #444455;
color: #ddddcc;
}
-#navbar {
- position: absolute;
- bottom: 0px;
- left: 0px;
-}
-
.menubar_bg {
background-color: #FF0000;
}
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, .who_background {
border: 0;
width: 100%;
background-color: #ffffff;
background-color: #444455;
}
-.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .vcard_edit_banner, .who_banner, .room_banner {
+.smtpqueue_banner, .summary_banner, .useredit_banner, .userlist_banner, .downloads_banner, .vcard_edit_banner, .who_banner, .room_banner {
border: 0;
width: 100%;
background-color: #444455;
background-color: #dddddd;
}
-#login_screen {
- position:absolute;
- top: 3%;
- left: 3%;
- width: 94%;
-}
-
-
-.login_content {
- background-color: white;
-}
-
.box {
width: 100%;
text-align: center;
}
+#login_screen {
+ margin: 3%;
+}
+
+.login_content {
+ background-color: white;
+}
+
.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;
}
-.login_form input {
+#pname, #uname {
width: 130px;
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;
}
text-align: left;
}
+#address_book_popup {
+ position: absolute;
+ top: 100px;
+ left: 25%;
+ width: 320px;
+ height: 320px;
+ padding: 11px;
+ margin: 0px;
+ z-index: 100;
+ color: #666;
+ background: white;
+}
+
+#address_book_popup .close_popup {
+ cursor: pointer;
+ font-size: 8pt;
+ color: black;
+ text-align: right;
+ padding: 2px;
+ margin-top: 5px;
+}
+