<cj> A basic styling for the site is in place....will keep it improvi…

…ng over time
chandanjog · Aug 24, 2010 · 871d3cb · 871d3cb
1 parent 43b16c2
commit 871d3cb
Show file tree

Hide file tree

Showing 5 changed files with 107 additions and 16 deletions.
diff --git a/app/views/application/index.html.haml b/app/views/application/index.html.haml
@@ -1 +1,23 @@
-
+.compare_prices
+  Compare prices to find the cheapest textbooks!
+.save_money
+  Save upto 85%
+.search_container
+  - form_for :book, @book, :url=> {:action=> 'search'} do |f|
+    = f.text_field :first_name
+    = submit_tag 'search'
+.advanced_search{:style=>'display:none;'}
+  advanced search options/tagging
+.bottom_bar
+  %span.cash_for_books
+    .header
+      Cash for books
+    .content  
+  %span.donate_books
+    .header
+      Donate books
+    .content
+  %span.latest_uploads
+    .header
+      Latest updates
+    .content  
diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
@@ -5,7 +5,7 @@
   %title
     Book Hunt
   %link{:href=>'/stylesheets/layout.css', :media=>'screen, projection' , :rel=>"stylesheet", :type=>"text/css"}  
-  %link{:href=>'http://fonts.googleapis.com/css?family=Font+Name', :media=>'screen, projection' , :rel=>"stylesheet", :type=>"text/css"}  
+  %link{:href=>'http://fonts.googleapis.com/css?family=Reenie+Beanie', :media=>'screen, projection' , :rel=>"stylesheet", :type=>"text/css"}  
 %body
   #container
     #header
@@ -17,8 +17,9 @@
         %a{:href=>'books/exchange'}
           .exchange.user
 
-      .logo
-        &nbsp;
+      %a{:href=>'/'}
+        .logo
+          &nbsp;
 
     #content
       = yield

diff --git a/public/stylesheets/sass/config.scss b/public/stylesheets/sass/config.scss
@@ -1,3 +1,25 @@
 $header-footer-color: #343434;
 $background-color: #343434;
-//$header-color: black
+$yellow-color: #FFC200;
+$orange-color: #FF5B00;
+$maroon-color: #B80028;
+//$header-footer-color: #6b6464;
+//$background-color: #6b6464;
+//$header-footer-color: #7e7a7a;
+//$background-color: #7e7a7a;
+
+//$header-color: black
+
+@mixin Reenie_Beanie_font{
+  font-family: 'Reenie Beanie', serif;
+  font-size: 28px;
+  font-style: normal;
+  font-weight: 400;
+  text-shadow: none;
+  text-decoration: none;
+  text-transform: none;
+  letter-spacing: 0em;
+  word-spacing: 0em;
+  line-height: 1em;
+  text-align: center;
+}
diff --git a/public/stylesheets/sass/header.scss b/public/stylesheets/sass/header.scss
@@ -13,6 +13,7 @@
   overflow: auto;
 }
 
+
 .type_of_user_container{
   float:left;
   height:83px;
@@ -42,14 +43,14 @@
 a{
   .seller{
   background: url("/images/sell.png") no-repeat;
-  background-color: #FFC200;
+  background-color: $yellow-color;
   }
   .buyer{
   background: url("/images/buy.png") no-repeat;
-  background-color: #FF5B00;
+  background-color: $orange-color;
   }
   .exchange{
   background: url("/images/share.png") no-repeat;
-  background-color: #B80028;
+  background-color: $maroon-color;
   }
 }
diff --git a/public/stylesheets/sass/layout.scss b/public/stylesheets/sass/layout.scss
@@ -3,12 +3,60 @@
 @import "config.scss";
 
 
-
 #container {
   background-color: white;
   width: 80%;
   margin: auto;
   z-index: 1;
+  .compare_prices{
+    @include Reenie_Beanie_font;
+    margin-top: 20px;
+    margin-bottom: 5px;
+  }
+  .save_money{
+    @include Reenie_Beanie_font;
+    color: $orange-color;
+    margin-bottom: 10px;
+  }
+  .search_container{
+    margin: auto;
+    form{
+      margin: auto;
+      #book_first_name{
+        display: block;
+        width: 50%;
+        float: left;
+        margin-left: 20%;
+      }
+    }
+  }
+  .bottom_bar{
+    margin-top: 50px;
+    @include Reenie_Beanie_font;
+    .cash_for_books{
+      .header{
+        background-color: $yellow-color;
+      }
+      float: left;
+      width: 33%;
+      margin-right: 5px;
+    }
+    .donate_books{
+      .header{
+        background-color: $orange-color;
+      }
+      float: left;
+      width: 33%;
+      margin-right: 5px;
+    }
+    .latest_uploads{
+      .header{
+        background-color: $maroon-color;
+      }
+      float: left;
+      width: 33%;
+    }
+  }
 }
 
 
@@ -17,22 +65,19 @@
   height: 20em;
   margin: auto;
   overflow: auto;
+  .seach_container{
+
+  }
 }
 
 
 body {
   background-color: $background-color;
-}
 
-#header ul {
-  float: left;
-  list-style: none outside none;
-  position: relative;
-  padding: 10% 0 0 3%;
-  color: red;
 }
 
 
+
 li {
   float: left;
   padding: 0 5px 0 0;