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

5 files changed, 20 insertions, 16 deletions

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,