Began defining CSS for blog view

[citadel.git] / webcit / static / styles / webcit.css

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index 76ec126af1eefc401b94f1d3716a0d371cbd84de..8cc2f23396dcdb368859bfe40939b9bc7a02574f 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -25,7 +25,7 @@ body { font-size: 100%}
 
 .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 +40,7 @@ body { font-size: 100%}
 /* Color */
 
 body {
-       background-color: #6C91A6;
+       background-color: #F3F6F2;
        font-family: sans-serif;
 }
 
@@ -54,7 +54,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 +97,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 +117,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 +212,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 +221,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 +236,8 @@ body {
 }
 
 .tabcontent {
-       background-color: #FFF;
-       border-top: 3px solid #FF7814;
+       background-color: #FEFFFC;
+       border: 2px solid #424B52;
 }
 
 .treetitleselectedblured {
@@ -363,9 +375,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}
 
@@ -373,21 +389,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;
@@ -396,11 +412,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 */
 
@@ -441,8 +457,8 @@ body {
 }
 
 .moreprompt_link:hover {
-       background-color: #AD1C00;
-       color: #FFF;
+       background-color: #3E65AF;
+       color: #3E65AF;
 }
 
 #validate { text-align: center }
@@ -578,22 +594,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;
 }
@@ -648,22 +659,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;
@@ -671,28 +679,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 {
@@ -990,8 +998,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 }
@@ -999,8 +1007,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;
 
 }
 
@@ -1024,6 +1032,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 {
@@ -1205,3 +1217,18 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
 }
 
 /*---------- bubble tooltips end -----------*/
+
+
+.blog_comment {
+       border: 1px solid grey;
+       margin-top: 2px;
+       margin-bottom: 2px;
+       margin-left: 5%;
+       margin-right: 1%;
+}
+
+.blog_comment_header {
+       margin-bottom: 1em;
+       font-size: 100%;
+       font-style: italic;
+}