Blogs updated to new UI (needs Brett to look over first)

git-svn-id: http://code.elgg.org/elgg/trunk@5335 36083f99-b078-4883-b0ff-0f9b5a30f544

1 files changed, 138 insertions, 79 deletions

diff --git a/mod/blog/views/default/blog/css.php b/mod/blog/views/default/blog/css.php
index c9522c901..738aa9ef6 100644
--- a/mod/blog/views/default/blog/css.php
+++ b/mod/blog/views/default/blog/css.php
@@ -1,66 +1,127 @@
 <?php
 
 	/**
-	 * Elgg blog CSS extender
+	 * Elgg blog css
 	 * 
-	 * @package ElggBlog
-	 * @license http://www.gnu.org/licenses/old-licenses/gpl-2.0.html GNU Public License version 2
-	 * @author Curverider Ltd <info@elgg.com>
-	 * @copyright Curverider Ltd 2008-2010
-	 * @link http://elgg.com/
 	 */
 
 ?>
 #blogs .pagination {
+/*
 	margin:5px 10px 0 10px;
 	padding:5px;
 	display:block;
-}
-#blogs #two_column_left_sidebar_maincontent {
-	padding-bottom:10px;
+*/
 }
 
 .singleview {
-	margin-top:10px;
+	/* margin-top:10px !important; */
 }
 
-.blog_post_icon {
-	float:left;
-	margin:3px 0 0 0;
-	padding:0;
+/*
+we're partly using the #NewListStyle on blogs
+ItemMetaData block only
+*/ 
+#blogs .ContentWrapper.Welcome {
+	padding:10px 0 10px 0;
+}
+#blogs .search_listing .search_listing_info .ItemMetaData {
+	float:right;
+	margin-left:15px;
+	margin-top:0;
+	margin-right: 3px;
+	color:#AAAAAA;
+	text-align: right;
+	font-size:90%;
+}
+#blogs .search_listing .search_listing_info .ItemMetaData table {
+	width:200px;
+	/* float:right; removed for ie7 compatability */
+}
+#blogs .search_listing .search_listing_info .ItemMetaData .EditItem a {
+	color:#AAAAAA;
+	margin:0 0 0 10px;
+}
+#blogs .search_listing .search_listing_info .ItemMetaData .EditItem a:hover {
+	color: #0054a7;
+	text-decoration: underline;
 }
 
-.blog_post h3 {
-	font-size: 150%;
-	margin:0 0 10px 0;
-	padding:0;
+#blogs .search_listing .search_listing_info .ItemMetaData td.FavouriteItem {
+	padding-top:0;
 }
+/* IE7 */
+*:first-child+html #blogs .search_listing .search_listing_info .ItemMetaData td.FavouriteItem { width:auto; }
 
-.blog_post h3 a {
-	text-decoration: none;
+
+/* BLOG TITLE IN LIST VIEWS */
+#blogs h2.blog_title {
+	line-height:1.1em;
+	margin-top:0;
+	font-size:1.4em;
+}
+#blogs h2.blog_title a {
+	color:#0054A7;
+}
+#blogs .search_listing_info p.blog_excerpt {
+	margin-top:3px;
+	padding-top:2px;
+	border-top:1px solid #cccccc;
+}
+#blogs .search_listing_info p.owner_timestamp {
+	margin-top:2px;
 }
 
-.blog_post p {
-	margin: 0 0 5px 0;
+.Page_Header_Options .cancel_button {
+	float:right;
+	margin:0 10px 0 0;
+}
+
+.blog_post_icon {
+	float:left;
+	margin:0 0 0 0;
+	padding:0;
+}
+#blogs .search_listing_info {
+	margin-left:34px;
 }
 
+.blog_post #content_area_user_title {
+	
+}
+.blog_post #content_area_user_title h2 {
+	margin:0 0 5px;
+	padding:0 0 5px;
+	border-bottom:1px solid #cccccc;
+}
 .blog_post .strapline {
-	margin: 0 0 0 35px;
+	margin: 0 0 0 30px;
 	padding:0;
 	color: #aaa;
-	line-height:1em;
+	line-height:0.8em;
+}
+.blog_post .strapline .generic_access,
+.blog_post .strapline .shared_collection,
+.blog_post .strapline .group_open,
+.blog_post .strapline .group_closed {
+	line-height:1.4em;
+	display:block;
 }
 .blog_post p.tags {
-	background:transparent url(<?php echo $vars['url']; ?>_graphics/icon_tag.gif) no-repeat scroll left 2px;
-	margin:0 0 7px 35px;
-	padding:0pt 0pt 0pt 16px;
+	background:transparent url(<?php echo $vars['url']; ?>_graphics/icon_tag.png) no-repeat scroll left 2px;
+	margin:0;
+	padding:0 0 0 16px;
 	min-height:22px;
 }
 .blog_post .options {
 	margin:0;
 	padding:0;
 }
-
+.blog_post_body {
+	margin-top:2px;
+	padding-top:8px;
+	border-top:1px solid #cccccc;
+}
 .blog_post_body img[align="left"] {
 	margin: 10px 10px 10px 0;
 	float:left;
@@ -99,47 +160,9 @@
 	margin:5px 0 5px 0;
 }
 
-/* New blog edit column */
-#blog_edit_page {
-	/* background: #bbdaf7; */
-	margin-top:-10px;
-}
-#blog_edit_page #content_area_user_title h2 {
-	background: none;
-	border-top: none;
-	margin:0 0 10px 0px;
-	padding:0px 0 0 0;
-}
-#blog_edit_page #blog_edit_sidebar #content_area_user_title h2 {
-	background:none;
-	border-top:none;
-	margin:inherit;
-	padding:0 0 5px 5px;
-	font-size:1.25em;
-	line-height:1.2em;
-}
-#blog_edit_page #blog_edit_sidebar {
-	margin:0px 0 22px 0;
-	background: #dedede;
-	padding:5px;
-	-webkit-border-radius: 8px; 
-	-moz-border-radius: 8px;
-	border-bottom:1px solid #cccccc;
-	border-right:1px solid #cccccc;
-}
-#blog_edit_page #two_column_left_sidebar_210 {
-	width:210px;
-	margin:0px 0 20px 0px;
-	min-height:360px;
-	float:left;
-	padding:0;
-}
-#blog_edit_page #two_column_left_sidebar_maincontent {
-	margin:0 0px 20px 20px;
-	padding:10px 20px 20px 20px;
-	width:670px;
-	background: #bbdaf7;
-}
+
+
+
 /* unsaved blog post preview */
 .blog_previewpane {
     border:1px solid #D3322A;
@@ -153,12 +176,12 @@
 	margin:0;
 }
 
-#blog_edit_sidebar .publish_controls,
-#blog_edit_sidebar .blog_access,
-#blog_edit_sidebar .publish_options,
-#blog_edit_sidebar .publish_blog,
-#blog_edit_sidebar .allow_comments,
-#blog_edit_sidebar .categories {
+#blog_edit_page .publish_controls,
+#blog_edit_page .blog_access,
+#blog_edit_page .publish_options,
+#blog_edit_page .publish_blog,
+#blog_edit_page .allow_comments,
+#blog_edit_page .categories {
 	margin:0 5px 5px 5px;
 	border-top:1px solid #cccccc;
 }
@@ -170,9 +193,6 @@
 #blog_edit_page p {
 	margin:5px 0 5px 0;
 }
-#blog_edit_page #two_column_left_sidebar_maincontent p {
-	margin:0 0 15px 0;
-}
 #blog_edit_page .publish_blog input[type="submit"] {
 	font-weight: bold;
 	padding:2px;
@@ -204,7 +224,46 @@
 }
 
 
+/* blog edit page */
+#blogPostForm .ContentWrapper {
+	margin-top:10px;
+}
+#blogPostForm .ContentWrapper #excerpt_editarea {
+	margin-top:15px;
+	margin-bottom:15px;
+}
+#excerpt_editarea .input-textarea {
+	height:80px;
+}
+#blogPostForm .current_access {
+	color:inherit;
+	font-size:inherit;
+	line-height:1.0em;
+	padding-top:0;
+}
 
-
+/* blog widget on groups */
+.collapsable_box_content .ContentWrapper.blogs.more {
+	margin:0 10px;
+	padding:5px 10px;
+}
+.collapsable_box_content .ContentWrapper.blogs {
+	line-height:1.2em;
+	margin-bottom:5px;
+}
+.collapsable_box_content .ContentWrapper.blogs .river_object_blog_create {
+	background-position:left 2px;
+	min-height:17px;
+	padding:2px 0 2px 19px;
+	border-bottom:1px solid #DDDDDD;
+	line-height:1.1em;
+}
+.collapsable_box_content .ContentWrapper.blogs .river_object_blog_create:first-child {
+	border-top:1px solid #DDDDDD;
+}
+.collapsable_box_content .ContentWrapper.blogs .river_object_blog_create span {
+	font-size: 90%;
+	color:#666666;
+}