[geeklog-cvs] geeklog: newpro: Styled the main container

[geeklog-cvs at lists.geeklog.net]

changeset 8517:fe888cdcfd1f
url:  http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/fe888cdcfd1f
user: Rouslan Placella <rouslan at placella.com>
date: Sat Mar 10 22:15:21 2012 +0000
description:
newpro: Styled the main container

diffstat:

 public_html/layout/newpro/css/form.css             |    5 +-
 public_html/layout/newpro/css/layout.css           |   34 +++++++++++++++++---
 public_html/layout/newpro/header.thtml             |    2 +-
 public_html/layout/newpro/images/css/bg.png        |  Bin 
 public_html/layout/newpro/images/css/bg_header.gif |  Bin 
 public_html/layout/newpro/images/css/bg_header.png |  Bin 
 public_html/layout/newpro/images/logo.png          |  Bin 
 7 files changed, 31 insertions(+), 10 deletions(-)

diffs (115 lines):

diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/css/form.css
--- a/public_html/layout/newpro/css/form.css	Sat Mar 10 22:10:44 2012 +0000
+++ b/public_html/layout/newpro/css/form.css	Sat Mar 10 22:15:21 2012 +0000
@@ -23,8 +23,8 @@
 /* Form */
 div#leftblocks div#block-left-search form#searchform {
   position: absolute;
-  top: 50px;
-  right: 20px;
+  top: 95px;
+  right: 26px;
   margin: 0;
   padding: 0;
 }
@@ -42,7 +42,6 @@
 
 /* Form Input Field */
 div#leftblocks div#block-left-search form#searchform ul li input.text {
-  border: 1px solid #7B9EBD;
 }
 
 /* Form Button */
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/css/layout.css
--- a/public_html/layout/newpro/css/layout.css	Sat Mar 10 22:10:44 2012 +0000
+++ b/public_html/layout/newpro/css/layout.css	Sat Mar 10 22:15:21 2012 +0000
@@ -11,6 +11,9 @@
 
 ==============================================================================*/
 
+body {
+  background: #eeeeec url('../images/css/bg.png') repeat-x 0 0;
+}
 
 /*--------------------------------------
    Container
@@ -21,9 +24,18 @@
   position: relative;
   width: 960px;  /*  Site Width */
   margin: 1em auto;
-  padding: 10px;
+  padding: 12px;
   text-align: left;
-  border: 1px solid #888;
+  border: 1px solid #656663;
+  background: white;
+
+  -webkit-border-radius: 20px;
+  -moz-border-radius: 20px;
+  border-radius: 20px;
+
+  -webkit-box-shadow: 0px 0px 8px 1px #333;
+  -moz-box-shadow: 0px 0px 8px 1px #333;
+  box-shadow: 0px 0px 8px 1px #333; 
 }
 
 
@@ -32,8 +44,18 @@
 --------------------------------------*/
 
 div#container div#header {
-  height: 80px;
-  background: transparent url(../images/css/bg_header.gif) repeat-x 0 0;
+  height: 120px;
+  border: 1px solid #656663;
+  background: transparent url('../images/css/bg_header.png') repeat-x 0 0;
+  margin-bottom: 12px;
+
+  -webkit-border-radius: 8px;
+  -moz-border-radius: 8px;
+  border-radius: 8px;
+
+  -webkit-box-shadow: 0px 0px 2px 1px #888;
+  -moz-box-shadow: 0px 0px 2px 1px #888;
+  box-shadow: 0px 0px 2px 1px #888; 
 }
 
 div#container div#header div#header-content {
@@ -44,7 +66,7 @@
 /*  Site Name */
 div#container div#header h1.site_name {
   display: inline;  /* For Win IE 6(Float Left Right Margin is too wide) */
-  margin: 12px 0 0 16px;
+  margin: 20px 0 0 16px;
   padding: 0;
   float: left;
 }
@@ -52,7 +74,7 @@
 /* Slogan */
 div#container div#header p.site_slogan {
   margin: 0;
-  padding: 16px 16px 0 16px;
+  padding: 10px 16px 0;
   color: #FFFFFF;
   text-align: right;
 }
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/header.thtml
--- a/public_html/layout/newpro/header.thtml	Sat Mar 10 22:10:44 2012 +0000
+++ b/public_html/layout/newpro/header.thtml	Sat Mar 10 22:15:21 2012 +0000
@@ -22,7 +22,7 @@
       <!-- #header { -->
       <div id="header">
         <div id="header-content">
-          <h1 class="site_name"><a href="{site_url}"><img src="{site_logo}" width="151" height="56" alt="{site_name}"{xhtml}></a></h1>
+          <h1 class="site_name"><a href="{site_url}"><img src="{site_logo}" width="226" height="80" alt="{site_name}"{xhtml}></a></h1>
          <p class="site_slogan">{site_slogan}</p>
         </div>
       </div>
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/images/css/bg.png
Binary file public_html/layout/newpro/images/css/bg.png has changed
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/images/css/bg_header.gif
Binary file public_html/layout/newpro/images/css/bg_header.gif has changed
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/images/css/bg_header.png
Binary file public_html/layout/newpro/images/css/bg_header.png has changed
diff -r e3a9f257ab2a -r fe888cdcfd1f public_html/layout/newpro/images/logo.png
Binary file public_html/layout/newpro/images/logo.png has changed