From f29125d0a0450253a25db97a91c311a902d8aa38 Mon Sep 17 00:00:00 2001 From: ich Date: Thu, 19 Jul 2012 15:15:01 +0200 Subject: [PATCH] Beautifications of the blog view: added more style and changed the blog_post_header position --- webcit/static/styles/blog.css | 55 +++++++++++++++++++++++ webcit/static/styles/webcit.css | 48 +------------------- webcit/static/t/view_blog/comment.html | 48 +++++++++++--------- webcit/static/t/view_blog/post.html | 62 +++++++++++++++----------- 4 files changed, 118 insertions(+), 95 deletions(-) create mode 100755 webcit/static/styles/blog.css diff --git a/webcit/static/styles/blog.css b/webcit/static/styles/blog.css new file mode 100755 index 000000000..88a8d4391 --- /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 c34aa6f22..e0ec4730f 100644 --- 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 8c118f977..08ad90aff 100644 --- a/webcit/static/t/view_blog/comment.html +++ b/webcit/static/t/view_blog/comment.html @@ -1,24 +1,28 @@
-
- - - ">"" <> - "> - @ - - - - - ')) { DeleteBlogComment(); }">[] - -
-
- - - - - - - -
+
+ + + + ">"" <> + + + "> + + @ + +  says:  + + + ')) { DeleteBlogComment(); }">[] + +
+
+ + + + + + + +
diff --git a/webcit/static/t/view_blog/post.html b/webcit/static/t/view_blog/post.html index 868909a44..f6d125b79 100644 --- a/webcit/static/t/view_blog/post.html +++ b/webcit/static/t/view_blog/post.html @@ -1,28 +1,38 @@
-
- +
+ +
+
+
+ + + + + + + +
+
+
+ Posted by + + "> + "" <> + + + + "> + + + + @ + + on + + ');"> + [] + + +
+
-
- - - ">"" <> - "> - @ - - - - - ');">[] - -
-
- - - - - - - -
-
- -- 2.30.2