Commits

Doug Stewart  committed 952fff3

Many, MANY BuddyPress styling fixes and a few small doc changes.

  • Participants
  • Parent commits 6e1b44b

Comments (0)

Files changed (11)

 	<div id="wrapper">
 		<div id="lb-content">
 			<div class="wppost">
-				<h3>Whoops.</h3>
+				<h1>Whoops.</h1>
 				<div class="itemtext">
 					<p>Looks like you managed to stumble across a link to a page that doesn't exist, but never fear, good citizen, for a wealth of options awaits you!</p>
 					<p>Perhaps you could search for what you were looking for:</p>

File README.markdown

 #### Theme Options Page ####
 I have planned Elbee Elgee to be a flexible parent theme from the very early stages. One of the coolest features (in my opinion) is its ability to auto-load theme options from either the parent theme *or* child themes. This primarily takes place in `includes/functions/options.php` and allows for an arbitrary number of theme options to be set and configured by end users.
 
+This effectively creates a parent/child relationship *for theme options*. Child themes of Elbee Elgee can either default back to the options provided by the parent theme, they can extend said options, they can override them entirely, or they can disable all theme options.
+
+#### Multiple Layouts ####
+The HTML markup, combined with different CSS layout files, offers Elbee Elgee around 30 possible layout configurations right out of the gate. You can choose between 1, 2 and 3 column layouts, each of which offers static width, percentage-based and fluid width variants.
+
+As of version 1.0 of Elbee Elgee, selecting a layout can be a bit confusing. Essentially, the CSS layout files are named in the following format:
+
+`[number of columns]-[fixed/fluid/percentage-based]-[sidebar locations].css`
+
+So, for example, `1-column-fixed.css` is a single column layout with fixed width (960px by default), while `3-columns-fluid-sb-fixed-both.css` is a 3 column fluid width design with fixed size sidebars on either side of the content area.
+
+In successive versions of the theme I hope to implement a graphical layout-picker in order to make the layout selection process a bit more user-friendly.
+
 #### Hooks ####
 Elbee Elgee has a few notable hooks, with many more planned. I welcome your suggestions.
 
 ### KNOWN ISSUES ###
 
 * Version 1.0
- * BuddyPress AJAX calls are not working correctly
+ * None.
 
 ### INSPIRATION ###
 

File includes/css/bp.css

 		margin: 10px 0;
 	}
 
-/* Directory search forms */
+/* @group Elbee Elgee BuddyPress Elements */
+
+div#item-header h2 {
+    font-size: 28px;
+    margin: 0 0 15px 0;
+    line-height: 120%;
+}
+    div#item-header h2 a {
+        text-decoration: none;
+        color: #777;
+    }
+
+div#item-header img.avatar {
+    float: left;
+    margin: 0 15px 25px 0;
+}
+
+div#item-header h2 { margin-bottom: 5px; }
+
+div#item-header span.activity, div#item-header h2 span.highlight {
+    vertical-align: middle;
+    font-size: 11px;
+    font-weight: normal;
+    line-height: 170%;
+    margin-bottom: 7px;
+}
+
+#item-actions {
+	float: right;
+	text-align: right;
+}
+
+#lb-content div.item-list-tabs {
+	border-bottom: 1px solid #ddd;
+	padding-bottom: 0;
+}
+
+#lb-content div.item-list-tabs > ul {
+}
+div.item-list-tabs#subnav ul li.feed {
+	background: #fff url(../images/feed.png) left no-repeat;
+	padding-left: 20px;	
+	border: 0;
+}
+
+div.item-list-tabs ul > li.last {
+	border: 0 !important;
+	background: #fff !important;
+}
+
+#lb-content div.item-list-tabs ul > li:first-child {
+	margin-left: 20px;
+}
+
+#lb-content div.item-list-tabs ul > li {
+	display: block;
+	border-width: 1px 1px 0 1px;
+	border-style: solid;
+	border-color: #ddd;
+	border-radius: 4px 4px 0 0;
+	-moz-border-radius: 4px 4px 0 0;
+	-webkit-border-radius: 4px 4px 0 0;
+	padding: 5px 5px 0 5px;
+	line-height: 21px;
+	background: #FAFAFA;
+	background: -webkit-gradient(linear,0 0,0 100%,from(white),to(#dcdcdc));
+	background: -webkit-linear-gradient(white,#dcdcdc);
+	background: -moz-linear-gradient(top,#dcdcdc);
+}
+
+#lb-content div.item-list-tabs ul > li.current,#lb-content div.item-list-tabs ul > li.selected {
+	background: #fff;
+	border-bottom: 1px solid #fff;
+	margin-bottom: -1px;
+}
+
+#lb-content div.item-list-tabs ul > li.current a,#lb-content div.item-list-tabs ul > li.selected a {
+	font-weight: bold;
+}
+
+#lb-content div.item-list-tabs ul > li a {
+	text-decoration: none;
+}
+
+#lb-content div.item-list-tabs ul > li a:hover, #lb-content div.item-list-tabs ul > li a:active {
+	color: #000;
+}
+
+#lb-content ul.item-list li {
+	border-bottom: 1px solid #ddd;
+}
+
+span.activity {
+	display: inline-block;
+    font-size: 11px;
+    font-weight: normal;
+    background: #FFF9DB;
+    border-bottom: 1px solid #FFE8C4;
+    border-right: 1px solid #FFE8C4;
+    color: #ffa200;
+    padding: 1px 8px;
+    margin-top: 6px;
+    text-decoration: none;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+span.highlight {
+	background: #EBF7FF;
+    border-bottom: 1px solid #a1dcfa;
+    border-right: 1px solid #a1dcfa;
+    color: #059AE7;
+    padding: 3px 8px;
+    text-decoration: none;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    margin-right: 3px;
+}
+
+div#item-header h2 span.highlight { font-size: 16px; }
+
+div#item-header h2 span.highlight span {
+	position: relative;
+	top: -2px;
+	right: -2px;
+	font-weight: bold;
+	font-size: 11px;
+	background: #a1dcfa;
+	color: #fff;
+	padding: 1px 4px;
+	margin-bottom: 2px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	vertical-align: middle;
+	cursor: pointer;
+	display: none;
+}
+
+.activity-list div.activity-meta a.acomment-reply {
+    background: #FFF9DB;
+    border-bottom: 1px solid #FFE8C4;
+    border-right: 1px solid #FFE8C4;
+    color: #ffa200;
+}
+
+div.activity-meta a.acomment-reply:hover {
+    background: #f7740a;
+    color: #fff;
+    border-color: #f7740a;
+}
+
+.activity-list div.activity-meta a {
+    font-size: 11px;
+    background: #f4f4f4;
+    border-bottom: 1px solid #ddd;
+    border-right: 1px solid #ddd;
+    color: #999;
+    padding: 4px 8px;
+    text-decoration: none;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    margin-right: 3px;
+}
+
+div.activity-meta a:focus { outline: none; }
+div.activity-meta a:hover {
+    background: #aaa;
+    color: #fff;
+    border-color: #aaa;
+}
+
+a.button, input[type=submit], input[type=button], input[type=reset],
+ul.button-nav li a, div.generic-button a {
+    background: url( ng/white-grad.png ) top left repeat-x;
+    border: 1px solid #ddd;
+    padding: 3px 10px;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+    text-decoration: none;
+    color: #888;
+    font-size: 12px;
+    font-weight: normal;
+    vertical-align: bottom;
+    cursor: pointer;
+}
+    a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
+    ul.button-nav li a:hover, ul.button-nav li.current a,
+    div.generic-button a:hover {
+        border-color: #aaa;
+        color: #555;
+        outline: none;
+    }
+
+    /* Buttons that are disabled */
+    div.pending a, a.disabled {
+        border-color: #eee;
+        color: #bbb;
+        cursor: default;
+    }
+    div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; }
+
+    div.accept, div.reject {
+        float: left;
+        margin-left: 10px;
+    }
+
+body.directory #lb-content h3 {
+	color: #000;
+	font-size: 20px;
+	font-weight: bold;
+	margin: 5px 0 15px 0;
+	vertical-align: baseline;
+}
 
 form.dir-form div.dir-search {
-	float: right;
-	width: 45%;
-	margin: 0 0 25px 0;
+	    float: right;
+	    margin: -37px 0 0 0;
 }
+
+table.forum {
+    width: 100%;
+}
+
+table.forum thead tr {
+	background-color: #eaeaea;
+	color: #000;
+	font-weight: bold;
+	line-height: 170%;
+}
+
+table.forum th#th-title {
+	width: 40%;
+}
+
+table.forum tr td, table.forum tr th {
+	padding: 8px;
+	vertical-align: middle;
+}
+
+table.forum td {
+	text-align: center;
+}
+
+table.forum tr th#th-title, table.forum tr th#th-poster,
+table.forum tr th#th-group, table.forum td.td-poster,
+table.forum td.td-group, table.forum td.td-title {
+	text-align: left; 
+}
+
+table.forum tr.alt{
+	background: #f4f4f4;
+}
+/* @end */

File includes/functions/buddypress.php

 function lblg_bp_page_on_front_template( $template ) {
 	global $wp_query;
 
-	if ( empty( $wp_query->post->ID ) )
-		return locate_template( array( 'activity/index.php' ), false );
-	else
+	if ( empty( $wp_query->post->ID ) ) {
+		 return locate_template( array( 'activity/index.php' ), false );
+	} else{
 		return $template;
+	}
 }
 add_filter( 'page_template', 'lblg_bp_page_on_front_template' );
 

File layouts/2-columns-fixed-5.css

 div#container{width:960px;margin:0 auto}
-div#lb-content{float:left;width:500px}
+div#lb-content{float:left;width:700px}
 div#primarysb{float:right;width:200px}
 div#secondarysb{clear:both;width:100%}

File layouts/2-columns-fixed-6.css

 div#container{width:960px;margin:0 auto}
-div#lb-content{float:right;width:500px}
+div#lb-content{float:right;width:700px}
 div#primarysb{float:left;width:200px}
 div#secondarysb{clear:both;width:100%}

File layouts/2-columns-fixed-sb-left.css

 div#container{width:960px;margin:0 auto}
-div#lb-content{float:right;width:500px}
+div#lb-content{float:right;width:700px}
 div#primarysb{float:left;width:200px}
 div#secondarysb{float:left;clear:left;width:200px}
 div#footer{clear:both;width:100%}

File layouts/2-columns-fixed-sb-right-under.css

 div#container{width:960px;margin:0 auto}
-div#lb-content{float:left;width:500px}
+div#lb-content{float:left;width:700px}
 div#primarysb{float:right;width:200px}
 div#secondarysb{float:left;width:500px}
 div#footer{clear:both;width:100%}
-body {
-  color: black;
-  background-color: white;
-  font-family: "times new roman", times, roman, serif;
-  font-size: 12pt;
-  margin: 0;
-  padding: 0;
+body {
+  color: black;
+  background-color: white;
+  font-family: "times new roman", times, roman, serif;
+  font-size: 12pt;
+  margin: 0;
+  padding: 0;
 }
 
-acronym, .titleTip {
-  font-style: italic;
-  border-bottom: none;
-}
-
-acronym:after, .titleTip:after {  /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
-  content: "(" attr(title) ")";
-  font-size: 90%;
-  font-style: normal;
-  padding-left: 1ex;
+acronym, .titleTip {
+  font-style: italic;
+  border-bottom: none;
 }
 
-.doNotPrint {
-  display: none !important;
+acronym:after, .titleTip:after {  /* Prints titles after the acronyms/titletips. Doesn't work in MSIE */
+  content: "(" attr(title) ")";
+  font-size: 90%;
+  font-style: normal;
+  padding-left: 1ex;
 }
 
-#header {
-  margin: 0;
-  padding: 0;
-  border-bottom: 1px solid black;
+.doNotPrint {
+  display: none !important;
 }
 
-#header h1 {
-  font-size: 200%;
-  margin: 0;
-  padding: 0 0 0.5ex 0;
-}
-
-#header a {
-  color: black;
-  background-color: transparent;
-  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
-  font-weight: normal;
-  text-decoration: none;
+#header {
+  margin: 0;
+  padding: 0;
+  border-bottom: 1px solid black;
+}
+
+#header h1 {
+  font-size: 200%;
+  margin: 0;
+  padding: 0 0 0.5ex 0;
+}
+
+#header a {
+  color: black;
+  background-color: transparent;
+  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+  font-weight: normal;
+  text-decoration: none;
 }
 
 #site-meta, #menu, #navigation, #extra, #footerleft, #footerright, #comments-form, #respond, #trackbacks, .comments-header, .navigation, .postmeta a, .akst_link, .avatar {
 	display: none;
 }
 
-#content {
-  text-align: justify;
-  margin: 0;
+#lb-content {
+  text-align: justify;
+  margin: 0;
   padding: 0;
 }
 
-#content h3 {
-  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
-  font-size: 120%;
-  margin: 2ex 0 1ex 0;
-  padding: 0;
+#lb-content h3 {
+  font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
+  font-size: 120%;
+  margin: 2ex 0 1ex 0;
+  padding: 0;
 }
 
-#content a {
-  color: black;
-  background-color: transparent;
-  text-decoration: none;
-}
-
-#content a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
-  content: "<" attr(href) ">";
-  font-size: 90%;
-  padding-left: 1ex;
-}
+#lb-content a {
+  color: black;
+  background-color: transparent;
+  text-decoration: none;
+}
+
+#lb-content a:after {  /* Prints the links' URIs after the links' texts. Doesn't work in MSIE */
+  content: "<" attr(href) ">";
+  font-size: 90%;
+  padding-left: 1ex;
+}
 
 .postinfo a:after {
 	content: none;
 .comment-author a:after {
 	content: none;
 }
-
-p {
-  margin: 0 0 2ex 0;
-  padding: 0;
+
+p {
+  margin: 0 0 2ex 0;
+  padding: 0;
 }

File styles/ng.css

 	width: 100%;
 	/*margin-top:28%;
 	height: 4em;*/
-	height: 1.5em;
+	height: 20px;
+	margin-top: 130px;
 }
 
 #lb-bp-nav ul.menu > li {
 #lb-bp-search-bar {
 	margin-top: 20px;
 	margin-right: 10px;
+	height: 25px;
 }
 /* @end */
 
 	
 }
 
-body.home-page #lb-content h2 a, body.home #lb-content h2 a, body.single #lb-content h1, body.page #lb-content h1{
+body.home-page #lb-content h2 a, body.home #lb-content h2 a, 
+body.single #lb-content h1, body.page #lb-content h1,
+body.error404 #lb-content h1 {
 	font-size: 2em;
 	font-weight: bold;
 	padding-top: 1em;
 	margin: 0 auto;
 	display: block;
 }
-/* @end */
 
-/* @group BuddyPress Elements */
-#item-actions {
-	float: right;
-	text-align: right;
-}
-
-#lb-content div.item-list-tabs {
-	border-bottom: 1px solid #ddd;
-	padding-bottom: 0;
-}
-
-#lb-content div.item-list-tabs > ul {
-}
-div.item-list-tabs#subnav ul li.feed {
-	background: #fff url(../images/feed.png) left no-repeat;
-	padding-left: 20px;	
-	border: 0;
-}
-
-div.item-list-tabs ul > li.last {
-	border: 0 !important;
-	background: #fff !important;
-}
-
-#lb-content div.item-list-tabs ul > li:first-child {
-	margin-left: 20px;
-}
-
-#lb-content div.item-list-tabs ul > li {
-	display: block;
-	border-width: 1px 1px 0 1px;
-	border-style: solid;
-	border-color: #ddd;
-	border-radius: 4px 4px 0 0;
-	-moz-border-radius: 4px 4px 0 0;
-	-webkit-border-radius: 4px 4px 0 0;
-	padding: 5px 5px 0 5px;
-	line-height: 21px;
-	background: #FAFAFA;
-	background: -webkit-gradient(linear,0 0,0 100%,from(white),to(#dcdcdc));
-	background: -webkit-linear-gradient(white,#dcdcdc);
-	background: -moz-linear-gradient(top,#dcdcdc);
-}
-
-#lb-content div.item-list-tabs ul > li.current,#lb-content div.item-list-tabs ul > li.selected {
-	background: #fff;
-	border-bottom: 1px solid #fff;
-	margin-bottom: -1px;
-}
-
-#lb-content div.item-list-tabs ul > li.current a,#lb-content div.item-list-tabs ul > li.selected a {
-	font-weight: bold;
-}
-
-#lb-content div.item-list-tabs ul > li a {
-	text-decoration: none;
-}
-
-#lb-content div.item-list-tabs ul > li a:hover, #lb-content div.item-list-tabs ul > li a:active {
-	color: #000;
-}
-
-#lb-content ul.item-list li {
-	border-bottom: 1px solid #ddd;
+#lb-content img {
+	max-width: 100%;
 }
 /* @end */
 

File styles/ng/white-grad.png

Added
New image