Beautifications of the blog view: added more style and changed the blog_post_header...

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

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index d32fd40ce2013868adcc4a71bcd3b4a9c38b8d8c..e0ec4730fdc236fcd1ee71cb04d7c0902a24a8ab 100644 (file)
--- a/webcit/static/styles/webcit.css
+++ b/webcit/static/styles/webcit.css
@@ -15,6 +15,7 @@
 @import url("message.css");
 @import url("modal.css");
 @import url("service.css");
+@import url("blog.css");
 
 @media print {
        input#toggler, .toolbar { display: none }
@@ -159,9 +160,10 @@ body {
 
 .imsg {
        background: none;
-       color: #AAA;
+       color: #EEE;
        font-style: italic;
        font-weight: 700;
+       text-align: center;
 }
 
 .menubar_bg { background-color: red }
@@ -191,7 +193,6 @@ body {
        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 {
@@ -206,7 +207,6 @@ body {
        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 {
@@ -375,11 +375,6 @@ a:visited { color: #70342e }
        color: black;
 }
 
-#important_message {
-       background-color: #3E65AF;
-       color: #FFF;
-}
-
 input, select, .room_actions form select, .room_actions li.search input, .address_book_popup_title {
        background-color: #efefe0; /*#fbf4ca;*/
        border: 2px solid #5c646b;
@@ -428,11 +423,13 @@ body {
 }
 
 #important_message {
+       background-color: #3E65AF;
+       color: #FFF;
        position: absolute;
-       top: 0; 
-       right: 0;
+       top: 25px; 
        z-index: 4;
        padding: 3px;
+       margin: 0px auto;
 }
 
 #hellomsg, .fmout, .nomsgs {
@@ -488,7 +485,7 @@ body {
        -o-text-overflow: ellipsis;
 }
 
-.new_message { font-weight: bold; !important }
+.new_message { font-weight: bold !important }
 
 #loading { text-align: center}
 
@@ -660,7 +657,6 @@ input#delbutton {
 
 .toolbar img { float: right }
 
-.imsg { text-align: center }
 
 colgroup.entity { text-align: center }
 
@@ -695,7 +691,6 @@ div.auto_complete ul strong.highlight {
        -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 {
@@ -741,6 +736,14 @@ ul.adminitems li {
 
 ul.adminitems li span {        display: block }
 
+/* Mailq */
+table.mailstatus {background-color: lightgray }
+td.mailstatus_0 {background-color: gray }
+td.mailstatus_1 {background-color: gray }
+td.mailstatus_2 {background-color: green }
+td.mailstatus_3 {background-color: orange }
+td.mailstatus_4 {background-color: yellow }
+td.mailstatus_5 {background-color: red }
 
 /* Room list - Tree Node */
 
@@ -1164,53 +1167,6 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
        background: url(/static/webcit_icons/bubble.gif) no-repeat bottom;
 }
 
-
-/*---------- styles for the blog view -----------*/
-
-.blog_post {
-}
-
-.blog_post_title {
-       font-size: 150%;
-       font-weight: 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;
-}
-
-.post_a_comment_title {
-       font-size: 120%;
-}
-
 /*---------- styles for the attachments form -----------*/
 
 #attachments_form {
@@ -1236,10 +1192,8 @@ a.event_title:hover span.bttbottom, a.event_unread:hover span.bttbottom, a.event
        -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);
 }
 
-
 /*---------- styles for the login modal box -----------*/
 
 #loginbox_topline_container {