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 884b0d0ae1928f2e461e5480cdd189fa71b7dedc..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 }
@@ -373,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;
@@ -426,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 {
@@ -486,7 +485,7 @@ body {
        -o-text-overflow: ellipsis;
 }
 
-.new_message { font-weight: bold; !important }
+.new_message { font-weight: bold !important }
 
 #loading { text-align: center}
 
@@ -658,7 +657,6 @@ input#delbutton {
 
 .toolbar img { float: right }
 
-.imsg { text-align: center }
 
 colgroup.entity { text-align: center }
 
@@ -1169,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 {