Added border primitives "b<loc><type>" where type is "a" or "b" -- anyone want to choose better names? :)

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

8 files changed, 23 insertions, 19 deletions

diff --git a/mod/blog/views/default/forms/blog/save.php b/mod/blog/views/default/forms/blog/save.php
index e7ee0de04..3dd0aff6a 100644
--- a/mod/blog/views/default/forms/blog/save.php
+++ b/mod/blog/views/default/forms/blog/save.php
@@ -142,7 +142,7 @@ $body_input
 
 $categories_input
 
-<p class="elgg-subtext pvm mbn elgg-hrt">
+<p class="elgg-subtext pvm mbn bta">
 	$save_status <span class="blog-save-status-time">$saved</span>
 </p>
 
diff --git a/mod/groups/views/default/forms/groups/edit.php b/mod/groups/views/default/forms/groups/edit.php
index 8c472d281..a40cd38f8 100644
--- a/mod/groups/views/default/forms/groups/edit.php
+++ b/mod/groups/views/default/forms/groups/edit.php
@@ -128,7 +128,7 @@ if ($tools) {
 	}
 }
 ?>
-<p class="elgg-hrt">
+<p class="bta">
 <?php
 
 if (isset($vars['entity'])) {
diff --git a/mod/notifications/views/default/notifications/subscriptions/forminternals.php b/mod/notifications/views/default/notifications/subscriptions/forminternals.php
index 960b024db..c8989be26 100644
--- a/mod/notifications/views/default/notifications/subscriptions/forminternals.php
+++ b/mod/notifications/views/default/notifications/subscriptions/forminternals.php
@@ -317,7 +317,7 @@ if (!isset($vars['replacement'])) {
 
 ?>
 
-	<p class="elgg-hrt">
+	<p class="bta">
 		<input type="submit" value="<?php echo elgg_echo('save'); ?>" />
 	</p>
 </div>
diff --git a/views/default/admin/site/advanced.php b/views/default/admin/site/advanced.php
index ca9c8c0dc..202f8686c 100644
--- a/views/default/admin/site/advanced.php
+++ b/views/default/admin/site/advanced.php
@@ -97,7 +97,7 @@ $form_body .= "</p>";
 
 $form_body .= elgg_view('input/hidden', array('internalname' => 'settings', 'value' => 'go'));
 
-$form_body .= '<p class="elgg-hrt">';
+$form_body .= '<p class="bta">';
 $form_body .= elgg_view('input/submit', array('value' => elgg_echo("save")));
 $form_body .= '</p>';
 $form_body = "<div class='admin_settings site_admin'>" . $form_body . "</div>";
diff --git a/views/default/admin/site/basic.php b/views/default/admin/site/basic.php
index 2b8269dcc..628088392 100644
--- a/views/default/admin/site/basic.php
+++ b/views/default/admin/site/basic.php
@@ -30,7 +30,7 @@ $form_body .= elgg_view("input/dropdown", array(
 	'options_values' => $languages,
 )) . "</p>";
 
-$form_body .= '<p class="elgg-hrt">';
+$form_body .= '<p class="bta">';
 $form_body .= elgg_view('input/submit', array('value' => elgg_echo("save")));
 $form_body .= '</p>';
 $form_body = "<div class='admin_settings site_admin'>".$form_body."</div>";
diff --git a/views/default/core/settings/account.php b/views/default/core/settings/account.php
index 62e8ece4f..9e16d4892 100644
--- a/views/default/core/settings/account.php
+++ b/views/default/core/settings/account.php
@@ -7,7 +7,7 @@
  */
 
 $form_body = elgg_view("forms/account/settings");
-$form_body .= '<p class="elgg-hrt">';
+$form_body .= '<p class="bta">';
 $form_body .= elgg_view('input/submit', array('value' => elgg_echo('save')));
 $form_body .= '</p>';
 
diff --git a/views/default/css/elements/chrome.php b/views/default/css/elements/chrome.php
index 474a49fca..4ed8dcf2d 100644
--- a/views/default/css/elements/chrome.php
+++ b/views/default/css/elements/chrome.php
@@ -87,19 +87,23 @@ h2 {
 	-moz-border-radius: 8px;
 }
 
+/* ***************************************
+	Borders (inspired by OOCSS)
+	b<location><type>
+*************************************** */
 
-<?php 
-// @todo add a series of dividers and borders
-?>
-.elgg-hrt {
-	border-top: 1px solid #CCCCCC;
-}
-.elgg-hrb {
-	border-bottom: 1px solid #CCCCCC;
-}
-.elgg-border-plain {
-	border: 1px solid #eeeeee;
-}
+<?php //@todo style is 'a' or 'b' because I didn't want to think of something cooler ?>
+/* a */
+.bta, .bva, .baa {border-top: 1px solid #ccc}
+.bba, .bva, .baa {border-bottom: 1px solid #ccc}
+.bla, .bha, .baa {border-left: 1px solid #ccc}
+.bra, .bha, .baa {border-right: 1px solid #ccc}
+
+/* b */
+.btb, .bvb, .bab {border-top: 1px solid #eee}
+.bbb, .bvb, .bab {border-bottom: 1px solid #eee}
+.blb, .bhb, .bab {border-left: 1px solid #eee}
+.brb, .bhb, .bab {border-right: 1px solid #eee}
 
 .elgg-text ul, ol {
 	margin: 0 1.5em 1.5em 0;
diff --git a/views/default/page/elements/topbar.php b/views/default/page/elements/topbar.php
index 6981d7d7a..276cad7e9 100644
--- a/views/default/page/elements/topbar.php
+++ b/views/default/page/elements/topbar.php
@@ -23,7 +23,7 @@ echo elgg_view('output/url', array(
 // avatar
 $user_link = $user->getURL();
 $user_image = $user->getIconURL('topbar');
-$image = "<img src=\"$user_image\" alt=\"$user->name\" class=\"elgg-border-plain\" />";
+$image = "<img src=\"$user_image\" alt=\"$user->name\" class=\"bab\" />";
 echo elgg_view('output/url', array(
 	'href' => $user_link,
 	'text' => $image,