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

diff --git a/webcit/static/styles/blog.css b/webcit/static/styles/blog.css
new file mode 100755 (executable)
index 0000000..88a8d43
--- /dev/null
+++ b/webcit/static/styles/blog.css
@@ -0,0 +1,55 @@
+.blog_post {
+       padding-top: 0.5em;
+        margin: 0.5em;
+        width: 38em;
+       border-top: 1px solid #5C646B;
+}
+
+.blog_post_title a:link, .blog_post_title a:visited, .blog_post_title a:active {
+       font-size: 150%;
+       font-weight: bold;
+       color: #000;
+}
+
+.blog_post_title a:hover {
+        color: #0E73E3;
+}
+
+       
+.blog_post_header a:link, .blog_comment_header a:link { 
+       font-style: italic;
+       color: #000;
+ }
+
+.blog_post_header {
+       margin: 0 0.5em;
+       font-size: smaller;
+}
+
+.blog_post_content, .blog_comment_content {
+       font-family: serif;
+       font-size: 90%;
+}
+
+.blog_comment {
+       margin: 0.5em;
+       padding: 0.5em 0.25em 0.25em;
+       width: 35em;
+       border-top: 1px dotted grey;
+       background-color: #EDEDE0;
+}
+
+.blog_comment_header {
+       font-size: smaller;
+}
+
+.blog_comment_date {float:right}
+
+.blog_comment_content {
+       margin: 0.25em;
+}
+                     
+.post_a_comment_title {
+        font-size: 120%;
+}
+

diff --git a/webcit/static/styles/webcit.css b/webcit/static/styles/webcit.css
index c34aa6f22c03689f1935ca45f489285b63469c6b..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 }
@@ -1166,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 {

diff --git a/webcit/static/t/view_blog/comment.html b/webcit/static/t/view_blog/comment.html
index 8c118f97777530ddd465c8903c81d0081cec5c63..08ad90aff7d3fedd99ce4cc5eb55321c386b89f4 100644 (file)
--- a/webcit/static/t/view_blog/comment.html
+++ b/webcit/static/t/view_blog/comment.html
@@ -1,24 +1,28 @@
 <div class="blog_comment" id="blog_comment_<?MAIL:SUMM:N>">
-<div class="blog_comment_header">
-<span>
- <??("COND:MAIL:ANON",1)>
-   <?!("COND:MAIL:SUMM:RFCA", 2)><a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>">"<?MAIL:SUMM:FROM("X")>" &lt;<?MAIL:SUMM:RFCA>&gt;</a><?!("X", 2)>
-   <??("COND:MAIL:SUMM:RFCA", 3)><a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>"><?MAIL:SUMM:FROM("X")></a> 
-      <??("X", 3)><?!("COND:MAIL:SUMM:OTHERNODE",4)> @ <?MAIL:SUMM:H_NODE><??("X",4)>
- <??("X", 1)>
-</span>
- <span><?MAIL:SUMM:DATEFULL></span>
-<?!("COND:ROOM:EDITACCESS", 16)>
-   <a href="#" onclick="if (confirm('<?_("Delete this message?")>')) { DeleteBlogComment(<?MAIL:SUMM:N>); }"><span>[</span><?_("Delete")><span>]</span> </a> 
-<??("X", 16)>
-</div>
-<div class="blog_comment_content">
-<?MAIL:BODY>
-<?!("COND:MAIL:MIME:ATTACH:SUBMESSAGES", 10)>
-<?ITERATE("MAIL:MIME:ATTACH:SUBMESSAGES", ="view_message_inline_attach")>
-<?!("X", 10)>
-<?!("COND:MAIL:MIME:ATTACH:LINKS", 11)>
-<?ITERATE("MAIL:MIME:ATTACH:LINKS", ="view_message_list_attach")>
-<?!("X", 11)>
-</div>
+       <div class="blog_comment_header">
+               <span class="blog_commenter_name">
+               <??("COND:MAIL:ANON",1)>
+                       <?!("COND:MAIL:SUMM:RFCA", 2)>
+                               <a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>">"<?MAIL:SUMM:FROM("X")>" &lt;<?MAIL:SUMM:RFCA>&gt;</a>
+                       <?!("X", 2)>
+                       <??("COND:MAIL:SUMM:RFCA", 3)>
+                               <a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>"><?MAIL:SUMM:FROM("X")></a> 
+                       <??("X", 3)>
+                       <?!("COND:MAIL:SUMM:OTHERNODE",4)> @ <?MAIL:SUMM:H_NODE><??("X",4)>
+               <??("X", 1)>
+               &nbsp;says:&nbsp;</span>
+               <span class="blog_comment_date"><?MAIL:SUMM:DATEFULL></span>
+               <?!("COND:ROOM:EDITACCESS", 16)>
+                       <a href="#" onclick="if (confirm('<?_("Delete this message?")>')) { DeleteBlogComment(<?MAIL:SUMM:N>); }"><span>[</span><?_("Delete")><span>]</span> </a> 
+               <??("X", 16)>
+       </div>
+       <div class="blog_comment_content">
+               <?MAIL:BODY>
+               <?!("COND:MAIL:MIME:ATTACH:SUBMESSAGES", 10)>
+                       <?ITERATE("MAIL:MIME:ATTACH:SUBMESSAGES", ="view_message_inline_attach")>
+               <?!("X", 10)>
+               <?!("COND:MAIL:MIME:ATTACH:LINKS", 11)>
+                       <?ITERATE("MAIL:MIME:ATTACH:LINKS", ="view_message_list_attach")>
+               <?!("X", 11)>
+       </div>
 </div>

diff --git a/webcit/static/t/view_blog/post.html b/webcit/static/t/view_blog/post.html
index 868909a44043d83a7431e296d821fe21306fa278..f6d125b79c7416fa83740338d4a7a16541f10993 100644 (file)
--- a/webcit/static/t/view_blog/post.html
+++ b/webcit/static/t/view_blog/post.html
@@ -1,28 +1,38 @@
 <div class="blog_post">
-<div class="blog_post_title">
-<?!("COND:MAIL:SUBJ", 7)><a href="<?BLOG:PERMALINK>"><?MAIL:SUMM:SUBJECT("X")></a><??("X", 7)>
+       <div class="blog_post_title">
+               <?!("COND:MAIL:SUBJ", 7)><a href="<?BLOG:PERMALINK>"><?MAIL:SUMM:SUBJECT("X")></a><??("X", 7)>
+       </div>
+       <div class="blog_post_content">
+               <div>   
+                       <?MAIL:BODY>
+                       <?!("COND:MAIL:MIME:ATTACH:SUBMESSAGES", 10)>
+                               <?ITERATE("MAIL:MIME:ATTACH:SUBMESSAGES", ="view_message_inline_attach")>
+                       <?!("X", 10)>
+                       <?!("COND:MAIL:MIME:ATTACH:LINKS", 11)>
+                               <?ITERATE("MAIL:MIME:ATTACH:LINKS", ="view_message_list_attach")>
+                       <?!("X", 11)>
+               </div>
+       </div>
+       <div class="blog_post_header">
+               <span>Posted by <??("COND:MAIL:ANON",1)>
+                       <?!("COND:MAIL:SUMM:RFCA", 2)>
+                       <a href="showuser?who=<?MAIL:SUMM:FROM("Q")>">
+                               "<?MAIL:SUMM:FROM("X")>" &lt;<?MAIL:SUMM:RFCA>&gt;
+                       </a>
+                       <?!("X", 2)>
+                       <??("COND:MAIL:SUMM:RFCA", 3)>
+                       <a href="showuser?who=<?MAIL:SUMM:FROM("Q")>">
+                               <?MAIL:SUMM:FROM("X")>
+                       </a> 
+                       <??("X", 3)>
+                       <?!("COND:MAIL:SUMM:OTHERNODE",4)> @ <?MAIL:SUMM:H_NODE><??("X",4)>
+               <??("X", 1)></span>
+               <span>on <?MAIL:SUMM:DATEFULL></span>
+               <?!("COND:ROOM:EDITACCESS", 16)>
+                       <a href="delete_msg?msgid=<?MAIL:SUMM:N>" onclick="return confirm('<?_("Delete this message?")>');">
+                               <span>[</span><?_("Delete")><span>]</span>
+                       </a> 
+               <??("X", 16)>
+       </div>
+       <div id="comment_replyto" style="display:none"><?MAIL:SUMM:INREPLYTO("X")></div>
 </div>
-<div class="blog_post_header">
-<span>
- <??("COND:MAIL:ANON",1)>
-   <?!("COND:MAIL:SUMM:RFCA", 2)><a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>">"<?MAIL:SUMM:FROM("X")>" &lt;<?MAIL:SUMM:RFCA>&gt;</a><?!("X", 2)>
-   <??("COND:MAIL:SUMM:RFCA", 3)><a href="do_template?temlpate=user_show?who=<?MAIL:SUMM:FROM("Q")>"><?MAIL:SUMM:FROM("X")></a> 
-      <??("X", 3)><?!("COND:MAIL:SUMM:OTHERNODE",4)> @ <?MAIL:SUMM:H_NODE><??("X",4)>
- <??("X", 1)>
-</span>
- <span><?MAIL:SUMM:DATEFULL></span>
-<?!("COND:ROOM:EDITACCESS", 16)>
-   <a href="delete_msg?msgid=<?MAIL:SUMM:N>" onclick="return confirm('<?_("Delete this message?")>');"><span>[</span><?_("Delete")><span>]</span> </a> 
-<??("X", 16)>
-</div>
-<div class="blog_post_content"><div>
-<?MAIL:BODY>
-<?!("COND:MAIL:MIME:ATTACH:SUBMESSAGES", 10)>
-<?ITERATE("MAIL:MIME:ATTACH:SUBMESSAGES", ="view_message_inline_attach")>
-<?!("X", 10)>
-<?!("COND:MAIL:MIME:ATTACH:LINKS", 11)>
-<?ITERATE("MAIL:MIME:ATTACH:LINKS", ="view_message_list_attach")>
-<?!("X", 11)>
-</div>
-</div>
-<div id="comment_replyto" style="display:none"><?MAIL:SUMM:INREPLYTO("X")></div>