Added search icon

arkadyan · Mar 24, 2012 · 068db46 · 068db46
1 parent 3fbf84d
commit 068db46
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 46 deletions.
diff --git a/public/images/search.png b/public/images/search.png
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
@@ -59,16 +59,14 @@ body {
   margin: 0 auto;
   max-width: 1000px; }
   body header.main {
-    margin: 0 auto 20px;
+    text-align: center;
-    max-width: 900px;
+    margin-bottom: 40px; }
-    text-align: left; }
     body header.main h1 {
       font: 72px "ChunkFive", Helvetica, Arial, serif;
       margin: 80px 0 0;
       color: #e1553e; }
     body header.main p {
       font-size: 26px;
-      text-align: center;
       padding: 0 60px;
       color: #bfbfbf; }
   body form input[type="text"] {
@@ -80,24 +78,10 @@ body {
     box-shadow: inset 0 2px 3px #eeeeee;
     -webkit-font-smoothing: antialiased;
     width: 48.821%;
-    outline: none; }
+    outline: none;
+    background: url(../images/search.png) 98% center no-repeat; }
     body form input[type="text"]:focus {
       border-color: #000; }
-  body form input[type="submit"] {
-    font: 24px "ChunkFive", Helvetica, Arial, serif;
-    padding: 8px 14px;
-    border: 1px solid #333;
-    -webkit-box-shadow: inset 0 1px 0 #8c8c8c;
-    -moz-box-shadow: inset 0 1px 0 #8c8c8c;
-    box-shadow: inset 0 1px 0 #8c8c8c;
-    line-height: 1em;
-    background: #595959;
-    color: #fff;
-    text-shadow: 0 -1px 0 #262626;
-    -webkit-font-smoothing: antialiased; }
-    body form input[type="submit"]:hover {
-      background: #3f3f3f;
-      cursor: pointer; }
   body section.player {
     margin-top: 60px; }
     body section.player header {
@@ -154,8 +138,8 @@ ul.ui-autocomplete {
 
 footer {
   color: #bfbfbf;
-  margin-top: 20px; }
+  margin: 20px 0; }
   footer a {
-    color: #8c8c8c; }
+    color: #bfbfbf; }
     footer a:hover {
       color: #595959; }
diff --git a/public/stylesheets/sass/_index.scss b/public/stylesheets/sass/_index.scss
@@ -8,11 +8,9 @@ body {
   margin: 0 auto;
   max-width: $fg-max-width;
 
-
   header.main {
-    margin: 0 auto 20px;
+    text-align: center;
-    max-width: 900px;
+    margin-bottom: 40px;
-    text-align: left;
 
     h1 {
       font: 72px $header-font-family;
@@ -22,7 +20,6 @@ body {
 
     p {
       font-size: 26px;
-      text-align: center;
       padding: 0 60px;
       color: lighten($dark-gray, 40%);
     }
@@ -37,28 +34,12 @@ body {
       -webkit-font-smoothing: antialiased;
       width: flex-grid(6);
       outline: none;
+      background: url(../images/search.png) 98% center no-repeat;
 
       &:focus {
         border-color: #000;
       }
     }
-
-    input[type="submit"] {
-      font: 24px $header-font-family;
-      padding: 8px 14px;
-      border: 1px solid #333;
-      @include box-shadow(inset 0 1px 0 lighten($dark-gray, 20%));
-      line-height: 1em;
-      background: $dark-gray;
-      color: #fff;
-      text-shadow: 0 -1px 0 darken($dark-gray, 20%);
-      -webkit-font-smoothing: antialiased;
-
-      &:hover {
-        background: darken($dark-gray, 10%);
-        cursor: pointer;
-      }
-    }
   }
 
 
@@ -141,10 +122,10 @@ ul.ui-autocomplete {
 
 footer {
   color: lighten($dark-gray, 40%);
-  margin-top: 20px;
+  margin: 20px 0;
 
   a {
-    color: lighten($dark-gray, 20%);
+    color: lighten($dark-gray, 40%);
 
     &:hover {
       color: $dark-gray;