projects / citadel.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
Room info popup is now onMouseOver instead of onClick
[citadel.git] / webcit / static / styles / webcit.css
diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index 19d682b8b469f9a650af7c60257799d5d60baefd..27e91e5b8f7de334def2c1b4cb97e6fcae599e38 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -12,20 +12,24 @@
 @import url("navbar.css");
 @import url("content.css");
 @import url("box.css");
+@import url("modal.css");
 
 @media print {
        input#toggler, .toolbar { display: none }
 }
 
-/* Typography */
-
-html {font-size: 100%}
-
-body { font-size: 100%}
+html, body {
+       font-size: 100;
+       height:100%;
+       width:100%;
+       margin:0;
+       padding:0;
+       overflow:hidden;
+}
 
 .address_book_popup_title { font-size: 130% }
 
-#button, #content .msgbuttons a, .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
+#button, #content .button_link a, input#delbutton,.attachfile,.logbuttons input,.buttons input, .buttons a, .customize, .menubar_link, .roomlist_floor, .ib_roomlist_floor, .roomlist_new, .ib_roomlist_new, .roomlist_old, .ib_roomlist_old, #banner ul.room_actions li, .selector_top, .selector_bottom, .banner .infos,li.search,li.view, .room_actions form select option, .selectbox, .message_header, ul.adminitems li span, #message_list tr > td {
        font-size: 100%;
 }
 
@@ -54,13 +58,13 @@ body {
        color: #000;
 }
 
-#message_list_hdr table, #resize_msglist, .message, .message_header, .vcard_edit_background_alt,.roomops_background_alt {
+#message_list_hdr table, #resize_msglist, .message, .entmsg, .message_header, .vcard_edit_background_alt,.roomops_background_alt {
        background-color: #CCC;
 }
 
 #online_users li.inactiveuser a { background-color: transparent }
 
-#room_infos, #address_book_popup,.roomops_cell, .roomops_cell_edit, .mimepart {
+#room_infos, #address_book_popup, .roomops_cell, .roomops_cell_edit, .mimepart {
        background-color: #F0FFFF;
        color: #333;
 } 
@@ -97,7 +101,8 @@ body {
 #message_list_hdr form input { border: 0 }
 
 #message_list_hdr select {
-       background-color: #AD1C00;
+       background-color: #3E65AF;
+       color: #F1BD22;
        border: 1px solid #6C91A6;
 }
 
@@ -116,9 +121,17 @@ body {
        height: 3px;
 }
 
-.message {
+.message, .entmsg {
        border: 1px outset #999;
        clear: both;
+       margin: 1%;
+       padding: 0;
+}
+
+.entmsg {
+       position: absolute;
+       height: 95%;
+       width: 98%;
 }
 
 .message_header .message_subject {
@@ -203,8 +216,8 @@ body {
 .mimepart dl dt { font-weight: 700 }
 
 .roomops_cell_label, .tab_cell_label {
-       background-color: #FF7814;
-       color: #FFF;
+       background-color: #3E65AF;
+       color: #EABB3A;
        font-size: 90%;
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
@@ -212,10 +225,13 @@ body {
        /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 }
 
-.selectbox { background-color: #FF8000 }
+.selectbox {
+       background-color: #FF8000;
+}
 
 .tab_cell, .tab_cell_edit {
-       background-color: #CCC;
+       background-color: #5F84C5;
+       color: #F9FDFB;
        font-size: 90%;
        border-radius: 8px 8px 0 0;
        -webkit-border-radius: 8px 8px 0 0;
@@ -224,8 +240,8 @@ body {
 }
 
 .tabcontent {
-       background-color: #FFF;
-       border-top: 3px solid #FF7814;
+       background-color: #FEFFFC;
+       border: 2px solid #424B52;
 }
 
 .treetitleselectedblured {
@@ -363,7 +379,9 @@ var sub { font-style: normal }
 
 a { text-decoration: none }
 
-a:active { color: #AD1C00 }
+a:active {
+       color: #3E65AF;
+}
 
 a:link {
        color: #2F65DD;
@@ -375,21 +393,21 @@ a:visited { color: purple}
        color: black;
 }
 
-#important_message, .buttons a:hover, .msgbuttons a:hover, #button li:hover, #online_users li a:hover {
-       background-color: #AD1C00;
-       color: #FFF;
-} /* input:hover as well?? */
+#important_message, .buttons a:hover, #button li:hover, #online_users li a:hover {
+       background-color: #3E65AF;
+       color: #3E65AF;
+}
 
-.button_link a, input, select, li.activeuser, .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 {
+.button_link a, input, select, li.activeuser, .room_actions form select, .room_actions li.search input, .address_book_popup_title, input#delbutton,.attachfile, .logbuttons input,.buttons input {
        background-color: #fbf4ca !important; /* needed for li.activeuser */
 }
 
-.button_link a, input, select, .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 {
+.button_link a, input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title, input#delbutton,.attachfile, .logbuttons input,.buttons input {
        border: 1px solid #999;
        color: #333;
 }
 
-.button_link a, .msgbuttons a, input#delbutton,.attachfile, .buttons input, .send_edit_msg input {
+.button_link a, input#delbutton,.attachfile, .buttons input {
        cursor: pointer;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
@@ -398,11 +416,11 @@ a:visited { color: purple}
        text-align: center;
 }
 
-.button_link a, .attachfile,.buttons input, .send_edit_msg input {
+.button_link a, .attachfile,.buttons input {
        font-weight: bold;
 }
 
-.msgbuttons a, input#delbutton { font-weight: normal }
+input#delbutton { font-weight: normal }
 
 /* Layout */
 
@@ -443,8 +461,8 @@ body {
 }
 
 .moreprompt_link:hover {
-       background-color: #AD1C00;
-       color: #FFF;
+       background-color: #3E65AF;
+       color: #3E65AF;
 }
 
 #validate { text-align: center }
@@ -580,22 +598,17 @@ body {
        padding: 2px;
 }
 
-.message {
-       margin: 1%;
-       padding: 0;
-}
-
 .message_header p {
        margin: 2px 0 2px 0;
        padding: 0 0 2px 0;
 }
 
-.button_link a, .attachfile, .logbuttons input,.buttons input, .send_edit_msg input, .logbutton {
+.button_link a, .attachfile, .logbuttons input,.buttons input .logbutton {
        margin: 3px;
        padding: 2px 4px 2px 4px;
 }
 
-.msgbuttons a, input#delbutton {
+input#delbutton {
        margin: 0 3px 0 3px;
        padding: 2px 4px 2px 4px;
 }
@@ -650,22 +663,19 @@ body {
 
 .msgbuttons {
        float: right;
-       visibility: hidden;
        padding: 2px;
        font-size: 80%;
 }
 
 .buttons a { text-align: center }
 
-.msgbuttons a span { display: none }
-
 .message_content {
        margin: 0;
        padding: 0.3em;
        clear: both;
 }
 
-.message form div label {
+.message form div label, .entmsg form div label {
        display: block;
        float: left;
        margin: 0.3em;
@@ -673,28 +683,28 @@ body {
        text-align: right;
 }
 
-.message form div input, .message form div select { margin: 0.3em }
-
-.imgedit { vertical-align: middle }
+.message form div input, .message form div select, .entmsg form div input, .entmsg form div select {
+       margin: 0.3em
+}
 
-.send_edit_msg {
-       float: right;
-       margin-top: 0 ;
-       margin-right: 0;
-       padding: 2px 50px 2px 50px;
+.imgedit {
+       vertical-align: middle
 }
 
 .edit_msg_table th {
        text-align: right;
+       padding: 0px;
        padding-right: 5px;
        color: #333;
        width: 20%;
 }
 
-.edit_msg_table td { width: 40% }
+.edit_msg_table td {
+       padding: 0px;
+}
 
 .edit_msg_table #recp_id, .edit_msg_table #cc_id, .edit_msg_table #bcc_id, .edit_msg_table #subject_id  {
-       width: 98%
+       width: 98%;
 }
 
 .note {
@@ -992,8 +1002,8 @@ li.event_unread span, a.event_read_title { font-size: 100% }
 .mini_calendar a:link,.mini_calendar a:visited { color: #fff }
 
 .mini_calendar a:hover,.mini_calendar a:active {
-   color: #fff;
-   background-color: #AD1C00;
+   color: #3E65AF;
+   background-color: #3E65AF;
 }
 
 .mini_calendar td a { color: #fff }
@@ -1001,8 +1011,8 @@ li.event_unread span, a.event_read_title { font-size: 100% }
 .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;
+   color: #3E65AF;
+   background-color: #3E65AF;
 
 }
 
@@ -1026,6 +1036,10 @@ li.event_unread span, a.event_read_title { font-size: 100% }
        border: 1px solid #333;
        background-color: #ffff00;
        overflow: hidden;
+       -webkit-box-shadow: #666 0px 2px 3px;
+       -moz-box-shadow: #666 0px 2px 3px;
+       box-shadow: #666 0px 2px 3px;
+       behavior: url(/static/styles/PIE.htc);
 }
 
 .stickynote_titlebar {
@@ -1207,3 +1221,70 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 }
 
 /*---------- bubble tooltips end -----------*/
+
+
+.blog_post {
+}
+
+.blog_post_title {
+       font-size: 150%;
+       font-style: bold;
+}
+
+.blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
+       color: #000000;
+}
+
+.blog_post_title a:hover {
+       color: #0000FF;
+}
+
+
+.blog_post_header {
+       font-size: 100%;
+       font-style: italic;
+}
+
+.blog_post_content {
+}
+
+.blog_comment {
+       border: 1px solid grey;
+       margin-top: 5px;
+       margin-bottom: 5px;
+       margin-left: 5%;
+       margin-right: 5%;
+       padding: 5px;
+}
+
+.blog_comment_header {
+       margin-bottom: 1em;
+       font-size: 100%;
+       font-style: italic;
+}
+
+#attachments_form {
+       display:none;
+       position:absolute;
+       top:5%;
+       bottom:5%;
+       right:5%;
+       left:5%;
+       z-index: 10;
+       padding: 5px;
+       border-width: 1px;
+       border-style: solid;
+       border-color: #022750;
+       -webkit-border-radius: 10px;
+       -moz-border-radius: 10px;
+       border-radius: 10px;
+       background: #FFFFFF;
+       background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#DDDDEE));
+       background: -moz-linear-gradient(#FFFFFF, #DDDDEE);
+       background: linear-gradient(#FFFFFF, #DDDDEE);
+       -pie-background: linear-gradient(#FFFFFF, #DDDDEE);
+       -webkit-box-shadow: #666 0px 2px 3px;
+       -moz-box-shadow: #666 0px 2px 3px;
+       box-shadow: #666 0px 2px 3px;
+       behavior: url(/static/styles/PIE.htc);
+}
Citadel server, clients, utilities