]> code.citadel.org Git - citadel.git/blobdiff - webcit/static/styles/webcit.css
Reworking the enter message and attach dialogs
[citadel.git] / webcit / static / styles / webcit.css
index a7d523773614ae6229b804e50c5fdd8af81cc3a6..792f8a3a9d062512537d7f81cfbbaa3db7045ea2 100644 (file)
 @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%;
 }
 
@@ -40,7 +44,7 @@ body { font-size: 100%}
 /* Color */
 
 body {
-       background-color: #6C91A6;
+       background-color: #F3F6F2;
        font-family: sans-serif;
 }
 
@@ -54,7 +58,7 @@ 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;
 }
 
@@ -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,21 +216,32 @@ body {
 .mimepart dl dt { font-weight: 700 }
 
 .roomops_cell_label, .tab_cell_label {
-       background-color: #FF7814;
-       color: #FFF;
-       font-weight: 700;
+       background-color: #3E65AF;
+       color: #EABB3A;
+       font-size: 90%;
+       border-radius: 8px 8px 0 0;
+       -webkit-border-radius: 8px 8px 0 0;
+       -moz-border-radius: 8px 8px 0 0;
+       /* 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;
-       font-weight: 700;
+       background-color: #5F84C5;
+       color: #F9FDFB;
+       font-size: 90%;
+       border-radius: 8px 8px 0 0;
+       -webkit-border-radius: 8px 8px 0 0;
+       -moz-border-radius: 8px 8px 0 0;
+       /* behavior: url(/static/styles/PIE.htc); disabled for now; see http://github.com/lojjic/PIE/issues#issue/21 */
 }
 
 .tabcontent {
-       background-color: #FFF;
-       border-top: 3px solid #FF7814;
+       background-color: #FEFFFC;
+       border: 2px solid #424B52;
 }
 
 .treetitleselectedblured {
@@ -355,9 +379,13 @@ var sub { font-style: normal }
 
 a { text-decoration: none }
 
-a:active { color: #AD1C00 }
+a:active {
+       color: #3E65AF;
+}
 
-a:link { color: blue }
+a:link {
+       color: #2F65DD;
+}
 
 a:visited { color: purple}
 
@@ -365,31 +393,34 @@ 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;
-       -moz-border-radius: 8px;    /* CSS3 draft and Mozilla  */
+       -webkit-border-radius: 8px;
+       -moz-border-radius: 8px;
+       border-radius: 8px;
+       behavior: url(/static/styles/PIE.htc);
        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 */
 
@@ -430,8 +461,8 @@ body {
 }
 
 .moreprompt_link:hover {
-       background-color: #AD1C00;
-       color: #FFF;
+       background-color: #3E65AF;
+       color: #3E65AF;
 }
 
 #validate { text-align: center }
@@ -497,11 +528,6 @@ body {
 
 #preview_pane { overflow: auto }
 
-.fix_scrollbar_bug {
-       margin-right: 1px;              /* Gecko and other non-broken browsers */
-       font-size: 90%;                 /* Most stuff needs to be a little smaller than normal. */
-}
-
 .ctdlTemplate { display: none }
 
 #ctdlContextMenu {
@@ -572,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;
 }
@@ -642,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;
@@ -665,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 {
@@ -718,8 +736,8 @@ div.auto_complete ul strong.highlight {
        padding: 0;
 }
 
-.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap  {
- width: 100%;
+.auth_validate, .event_background, .calendar_background, .calendar_view_background, .graphics_background, .messages_background, .paging_background, .preferences_background, .roomops_background, .sieve_background, .siteconfig_background, .smtpqueue_background, .tabs_background, .useredit_background, .userlist_background, .downloads_background, .vcard_edit_background, .vcard_edit_background_alt, .roomops_background_alt, .floors_config, .roomops_zap {
      width: 100%;
 }
 
 #address_book_popup {
@@ -730,6 +748,10 @@ div.auto_complete ul strong.highlight {
        height: auto;
        z-index: 100;
        display: none;
+       -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);
 }
 
 #address_book_popup_container_div {
@@ -940,7 +962,10 @@ td.events_of_the_day { width: 500px }
 }
 
 .event_framed_unread {
+       -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
+       border-radius: 8px;
+       behavior: url(/static/styles/PIE.htc);
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
@@ -950,7 +975,10 @@ td.events_of_the_day { width: 500px }
 li.event_framed_unread span, a.event_title { font-size: 100% }
 
 .event_framed_read {
+       -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
+       border-radius: 8px;
+       behavior: url(/static/styles/PIE.htc);
        border: solid 1px red;
        background-color: yellow;
        z-index: 10;
@@ -974,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 }
@@ -983,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;
 
 }
 
@@ -1008,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 {
@@ -1189,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);
+}