]> code.citadel.org Git - citadel.git/blobdiff - webcit/static/webcit.css
* Room info popup now uses Scriptactulous appear and fade effects
[citadel.git] / webcit / static / webcit.css
index 6ffed576b3230c7a2d8b8a4bcbc6fe9117acfb26..ecb79e36af36594bc3b8731b89e6a4ddafd48f03 100644 (file)
@@ -1,4 +1,3 @@
-<style type="text/css">
 
 * html {
        overflow: hidden;
@@ -9,20 +8,20 @@ body {
        padding: 0 0 0 0;
        height: 100%;
        overflow: auto;
-       background-image: url(/static/body-background.gif);
+       background-color: #D8D8D8;
        color: #000000;
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-weight: normal;
        font-size: 10pt;
+       font-family: sans-serif;
 }
 
 #iconbar {
-       position:fixed;
+       /* position:fixed; */
        display:block;
        top:0px;
        left:0px;
        width: 15%;
-       height:100%;
+       /* height:100%; */
        background: #ffffee;
 }
 
@@ -32,8 +31,20 @@ body {
        top:0px;
        left:0px;
        width: 15%;
-       height:100%;
-       background: #ffffff;
+       /* height:100%; */
+       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 {
@@ -43,7 +54,7 @@ body {
        left: 15%;
        width: 85%;
        height: 15%;
-       background: #444455;
+       background: #445;
 }
 
 * html #banner {
@@ -53,16 +64,143 @@ body {
        left: 15%;
        width: 85%;
        height: 15%;
-       background: #444455;
+       background: #445;
 }
 
-#page_popup {
-       position:absolute;
-       top:100px; left:100px;
-       background-color: #880000;
-       z-index: 2;
+
+#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;
@@ -73,10 +211,10 @@ body {
 #content {
        position:fixed;
        display:block;
-       top: 15%;
+       top: 16%;
        left: 15%;
        width: 85%;
-       height: 85%;
+       height: 84%;
        overflow: auto;
        /* overflow-x: hidden; */
 }
@@ -84,102 +222,124 @@ body {
 * 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: 16%;
+       left: 15%;
+       width: 85%;
+       height: 5%;
+       overflow: none;
+}
+
+* html #message_list_hdr {
+       position:absolute;
+       display:block;
+       top: 16%;
+       left: 15%;
+       width: 85%;
+       height: 5%;
+       overflow: none;
+}
+
 #message_list {
        position:fixed;
        display:block;
-       top: 15%;
+       top: 21%;
        left: 15%;
        width: 85%;
-       height: 25%;
+       height: 20%;
        overflow: auto;
+       cursor: pointer;
 }
 
 * html #message_list {
        position:absolute;
        display:block;
-       top: 15%;
+       top: 21%;
        left: 15%;
        width: 85%;
-       height: 25%;
+       height: 20%;
        overflow: auto;
+       cursor: pointer;
 }
 
-#ml_slider {
+#resize_msglist {
        position:fixed;
        display:block;
-       top: 40%;
+       top: 41%;
        left: 15%;
        width: 85%;
        height: 1%;
        overflow: none;
-       background: #444455;
+       cursor: s-resize;
 }
 
-* html #ml_slider {
+* html #resize_msglist {
        position:absolute;
        display:block;
-       top: 40%;
+       top: 41%;
        left: 15%;
        width: 85%;
        height: 1%;
        overflow: none;
-       background: #444455;
+       cursor: s-resize;
 }
 
 #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;
 }
 
-#fix_scrollbar_bug {
-       margin-right:1px;               /* Gecko */
-       width: expression('97%');       /* Only IE6 understands 'expression' and it also has the weird scrollbarbug */
+
+.fix_scrollbar_bug {
+       margin-right:1px;               /* Gecko and other non-broken browsers */
+       width: expression('97%');       /* Only IE6 understands 'expression' - fixes weird scrollbarbug */
 }
 
 #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;
@@ -199,7 +359,6 @@ html>body #button li a {
 }
 
 #button li a:hover {
-       //background-color: #ddddff;
        background-image:url(/static/body-background.gif);
        color: #000000;
 }
@@ -227,11 +386,6 @@ a:hover {
        font-size: 9pt;
 }
 
-.navbar_link {
-       font-size: 7pt;
-       color: #FFFFEE;
-}
-
 .titlebar {
        font-size: 12pt;
        color: #FFFFEE;
@@ -271,10 +425,8 @@ a:hover {
        color: #FFFFEE;
 }
 
-.youhavemail {
-       font-size: 6pt;
-       font-style: italic;
-       color: #000044;
+.boxlabel a {
+       color: #FFFFEE;
 }
 
 .customize {
@@ -285,30 +437,31 @@ a:hover {
 }
 
 .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 {
+}
+
+.view_name, .search_name, .selectbox, .inputbox {
        font-size: 7pt;
-       color: #DDDDCC;
+       background: #444455; 
+       color: #ddddcc;
 }
 
 .menubar_bg {
        background-color: #FF0000;
 }
 
+.msgbuttons {
+       font-size: 7pt;
+}
+
 .roomlist_floor {
        font-size: 12pt;
        font-weight: bold;
@@ -326,12 +479,32 @@ a:hover {
        color: #000088;
 }
 
+.ib_roomlist_floor {
+       font-size: 8pt;
+       font-weight: bold;
+       color: #000000;
+       cursor: pointer;
+}
+
+.ib_roomlist_new {
+       font-size: 10px;
+       color: #880000;
+       font-weight: bold;
+       cursor: pointer;
+}
+
+.ib_roomlist_old {
+       font-size: 10px;
+       color: #000088;
+       cursor: pointer;
+}
+
 .mailbox_summary {
        font-size: 10pt;
        color: #000000;
 }
 
-/* Quote Levels Colors */
+
 blockquote {
        color: navy !important; background-color: RGB(245,245,245) !important; 
 }
@@ -353,6 +526,7 @@ blockquote pre {
        margin-right: 1%;
 }
 
+
 var sub {
        font-style: normal;
 }
@@ -454,13 +628,11 @@ td li.frameset, .elements li.frameset {
        input#toggler, .toolbar { display: none }
 }
 
-<!-- begin nanotree styles -->
 
 .treetitle {
        padding:2px;
        cursor:default;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
        color: #000000;
 }
@@ -470,7 +642,6 @@ td li.frameset, .elements li.frameset {
        background-color: #FFFFFF;;
        color: #000000;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .editednodeinput {
@@ -484,7 +655,6 @@ td li.frameset, .elements li.frameset {
        border-width: 1px;
        border-color: #000000;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .treetitleselectedfocused {
@@ -493,7 +663,6 @@ td li.frameset, .elements li.frameset {
        background-color: highlight;
        color: highlighttext;
        
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 .treetitleselectedblured {
@@ -501,13 +670,10 @@ td li.frameset, .elements li.frameset {
        cursor:default;
        background-color: menu;
        color: windowtext;
-       font-family: "Bitstream Vera Sans",Arial,Helvetica,sans-serif;
        font-size: 11px;
 }
 
-<!-- end nanotree styles -->
 
-<!-- begin address autocompleter styles -->
 
 div.auto_complete {
        width: 350px;
@@ -538,6 +704,179 @@ div.auto_complete ul strong.highlight {
        padding:0;
 }
 
-<!-- end address autocompleter styles -->
 
-</style>
+.floors_config, .roomops_zap {
+        border: 0;
+        background-color: #770000;
+        width: 100%;
+}
+
+.roomops_cell_label {
+        background-color: #FFFFFF;
+}
+
+.roomops_cell, .roomops_cell_edit {
+        background-color: #CCCCCC;
+}
+
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .iconbar_background {
+        border: 0;
+        width: 100%;
+        background-color: #ffffff;
+}
+
+.mainmenu_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background { 
+        border: 0;
+        width: 100%;
+        background-color: #ffffff;
+}
+
+.smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .who_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, .downloads_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%;
+        background-color: #dddddd;
+}
+
+
+.box {
+        width: 100%;
+        padding: 0px;
+        background-color: #FFFFFF;
+}
+
+.boxlabel, .boxcontent {
+        padding: 5px;
+}
+
+.boxlabel {
+        background-color: #000088;
+        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 {
+        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: 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;
+}
+