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;
background: #445;
}
+
+#banner .room_banner {
+ float: left;
+ 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 .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;
+}
+
+#room_infos .close_infos {
+ cursor: pointer;
+ font-size: 8pt;
+ color: black;
+ text-align: right;
+ padding: 2px;
+ margin-top: 5px;
+}
+
+#banner ul {
+ float: right;
+ text-align: right;
+ width: 48%;
+ margin: 0;
+ padding: 0;
+}
+
+#banner ul li {
+ text-align: right;
+ clear: right;
+ list-style: none;
+ margin: 0;
+ padding: 2px;
+ white-space: nowrap;
+}
+
+li.search {
+ font-size: 10pt;
+ float: left;
+ color: #FFFFFF;
+}
+
+li.view {
+ font-size: 10pt;
+ float: right;
+ color: #FFFFFF;
+}
+
+li.search form, li.view form {
+ margin: 0;
+ padding: 0;
+}
+
+li.nummsgs {
+ font-size: 10pt;
+ color: #DDDDCC;
+}
+
+li.start_page {
+ font-size: 8pt;
+ 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_room_name {
- font-size: 14pt;
- font-weight: bold;
- color: #FFFFEE;
}
.room_banner_room_info {
- font-size: 6pt;
- color: #FFFFEE;
}
.room_banner_new_messages {
- font-size: 10pt;
- color: #DDDDCC;
}
.room_banner_start_page {
- font-size: 7pt;
- color: #DDDDCC;
}
-.selectbox, .inputbox {
- font-size: 7pt;
+.view_name, .search_name, .selectbox, .inputbox {
+ 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 table {
+#login_form {
+ position: relative;
+ display: block;
+ margin-top: 20px;
margin-left: auto;
margin-right: auto;
+ margin-bottom: 20px;
+ padding: 6px;
+ width: 300px;
background-color: #DDDDDD;
}
+#login_form input, #login_form label, #login_form select {
+ display: block;
+ float: left;
+ margin: 6px;
+}
+
+#login_form label {
+ width: 130px;
+ text-align: left;
+}
+
+#pname, #uname {
+ width: 130px;
+ text-align: left;
+}
+
+#login_form br {
+ clear: left;
+}
+
+#login_form .logbuttons {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+#login_form .logbutton {
+ width: auto;
+ text-align: center;
+}
+
.login_infos {
+ display: block;
+ margin-top: 30px;
margin-left: auto;
margin-right: auto;
width: 80% ;
text-align: left;
}
+#address_book_popup {
+ position: absolute;
+ top: 100px;
+ left: 25%;
+ width: 320px;
+ height: auto;
+ z-index: 100;
+ background-color: #fff;
+ color: #000;
+ display: none;
+}
+
+#address_book_popup_container_div {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ background-color: #ffd;
+}
+
+#address_book_popup_middle_div {
+ position: relative;
+ background-color: #ffd;
+}
+
+#address_book_inner_div {
+ margin: 5px;
+}
+
+#address_book_inner_div select {
+ width: 100%;
+ background-color: #ffd;
+}
+
+.address_book_popup_title {
+ font-size: 12pt;
+ background-color: #ffd;
+ color: #000;
+}