earthy theme: layout experiment

2 files changed, 34 insertions, 16 deletions

diff --git a/theme/earthy/css/base.css b/theme/earthy/css/base.css
index 8ff65ad50..6f46eef97 100644
--- a/theme/earthy/css/base.css
+++ b/theme/earthy/css/base.css
@@ -28,6 +28,7 @@ overflow:hidden;
 h1 {
 font-size:1.4em;
 margin-bottom:18px;
+text-align:right;
 }
 #showstream h1 { display:none; }
 h2 { font-size:1.3em; }
@@ -309,6 +310,8 @@ font-weight:bold;
 #site_nav_local_views .nav {
 float:left;
 width:100%;
+border-bottom-width:1px;
+border-bottom-style:solid;
 }
 
 #site_nav_global_primary dt,
@@ -384,17 +387,15 @@ margin-bottom:1em;
 }
 
 #content {
-width:64.009%;
+width:63.009%;
 min-height:259px;
-padding:1.795%;
+padding-top:1.795%;
+padding-bottom:1.795%;
 float:right;
+clear:both;
 border-radius:7px;
--moz-border-radius:7px;
--moz-border-radius-topright:0;
--webkit-border-radius:7px;
--webkit-border-top-right-radius:0;
 border-style:solid;
-border-width:1px;
+border-width:0;
 }
 
 #content_inner {
@@ -407,7 +408,8 @@ float:left;
 width:27.917%;
 min-height:259px;
 float:right;
-margin-right:0.385%;
+margin-right:4.385%;
+margin-top:73px;
 padding:1.795%;
 border-radius:7px;
 -moz-border-radius:7px;
@@ -713,14 +715,24 @@ margin-right:11px;
 .notice,
 .profile {
 position:relative;
-padding-top:11px;
-padding-bottom:11px;
 clear:both;
 float:left;
 width:100%;
-border-top-width:1px;
-border-top-style:dotted;
+border-width:1px;
+border-style:solid;
+border-radius:7px;
+-moz-border-radius:7px;
+-webkit-border-radius:7px;
 }
+#content .notice,
+#content .profile {
+padding:1.795%;
+margin-bottom:44px;
+}
+#content .notice {
+width:96.25%;
+}
+
 .notices li {
 list-style-type:none;
 }
diff --git a/theme/earthy/css/display.css b/theme/earthy/css/display.css
index 809ac8bc0..b67700f2d 100644
--- a/theme/earthy/css/display.css
+++ b/theme/earthy/css/display.css
@@ -22,6 +22,10 @@ address {
 margin-right:7.18%;
 }
 
+h1 {
+color:#fff;
+}
+
 input, textarea, select, option {
 font-family: Verdana, sans-serif;
 }
@@ -66,7 +70,7 @@ color:#ee4400;
 
 .notice,
 .profile {
-border-top-color:#DDAA00;
+border-color:#DDAA00;
 }
 .section .profile {
 border-top-color:#aaaa66;
@@ -96,11 +100,13 @@ text-indent:-9999px;
 }
 
 #content,
+#site_nav_local_views .nav,
 #site_nav_local_views a,
 #aside_primary {
 border-color:#dddd33;
 }
-#content,
+#content .notice,
+#content .profile,
 #site_nav_local_views .current a {
 background-color:#dddd33;
 }
@@ -108,11 +114,11 @@ background-color:#dddd33;
 color:#EE4400;
 }
 #site_nav_local_views a {
-background-color:rgba(135, 180, 200, 0.3);
+background-color:rgba(255, 255, 255, 0.2);
 color:#fff;
 }
 #site_nav_local_views a:hover {
-background-color:rgba(255, 255, 255, 0.7);
+background-color:rgba(255, 255, 255, 0.4);
 }
 
 .error {