From fa6759085b16c8c0ec607d5d7cbd0c8ac2770e75 Mon Sep 17 00:00:00 2001
From: Luke Pulverenti <luke.pulverenti@gmail.com>
Date: Fri, 26 Apr 2013 10:36:27 -0400
Subject: [PATCH] search box style

---
 dashboard-ui/css/images/searchbutton.png | Bin 0 -> 922 bytes
 dashboard-ui/css/librarybrowser.css      |  12 -----
 dashboard-ui/css/site.css                |  66 +++++++++++++++++++----
 dashboard-ui/scripts/site.js             |   6 ++-
 4 files changed, 62 insertions(+), 22 deletions(-)
 create mode 100644 dashboard-ui/css/images/searchbutton.png

diff --git a/dashboard-ui/css/images/searchbutton.png b/dashboard-ui/css/images/searchbutton.png
new file mode 100644
index 0000000000000000000000000000000000000000..3d89d597ee41c926c795b36abf8ce086425d8d32
GIT binary patch
literal 922
zcmV;L17-Y)P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!vFvd!vV){sAK>D120KLK~#8N?U}!8
z6hRcn@0Kepu1J|8phb!lf)*((EGz=1h-i^ALJEr%DeSb2_y=4eVqu|$oeDyVL@X47
zh#;iUMiQ`4&`u#jipZUxcl*4{?ap5A$Luk?z7IU!?97|xeP?%PXLc)wVHk#C7=~dO
z#(zjveQvZ`txMQdigVa3R>S^apRl*sb`(WYE*H&a^9J?>@h3vuD{N7_78``jV((Pj
zP|)uIuCAvl9wa}9i0^GRBSQZjT=52hq{kNjk4X-Kmr0OhYuHY;TD_oEJ<zs~yN~S?
z^PA&SlrLk;9M9lg+@Wnl%VEP6yNRe2dPl5cGV?p3Z9`&{(Dx9_8k}$-*BXg_jnnQz
z-2vvjBa#ref*ons4%9u;kZ>W-YjL{0ko>ZS3<U8F?V99_hJ=YLaq4!pd0^-^O~1qV
z3|)pD$YF`pkHftB<2+YCFidzqaF64oF4UjZVlMa?0M|tILjACOR^Ne};G7n7!N&lk
z;HqWL`u(8aFD)KtN_{TmG5|1A(p+s>A0+vvJ{NopKq^6m$gXb`WO0-v^;r1C#{jst
zvbPw7p&kR`W$EkM5y~nuTzE|_lDvym4H*c|^HBSB(AVO$hJ*`=ruO~R9pDx;q%Xu~
zEu|Y85;o*2>-`i6IKtL6ECnI5_-RO7+@lM16S?}{K8ca=Ca<w2J?sG?GEqLmUSf6P
z>eR{meT}kf=9fNCqA0qqhv6evi$VB^_X6jV%~Y<dK<|)uouuVsh8H;39xm5~katK}
z2H|O2fd@F(rk=W3ko$rR1eTiMk`R;H1t!St%TVtB1rRsGM7M&7(;Uj}EHk_O7x+N^
zd;A-0p7t${or@>hB>oDM;&xn9LJ)Zy%Y=dai3|JV$hgQO6U%i&`!24y{|!z;#38cp
ztCaTezY~rF8s-0jETc1_eO<%L2?Cc?s}tH~i9OI4=fZ-(yQ<d-?efnd{GH;cAWr@_
zY_-*9K>KUlNT1&d0pg|*>HNh`y*vixo(lxDo=0fUq{y+{{uec*{2*9Xl5Hr<W~;o<
weijJ7Cx-a)KJ$iQ7=~dOhG7`SM5t8$0wI{EX!R;30RR9107*qoM6N<$g5*uG;Q#;t

literal 0
HcmV?d00001

diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index c9624e4ebf..0d47ef655a 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -28,10 +28,6 @@
         color: #fff;
     }
 
-.type-home {
-    background: #494949 url(images/bgflip.png) repeat-x!important;
-}
-
 .listHeader {
     margin-top: .5em;
     margin-bottom: 5px;
@@ -82,10 +78,6 @@
 }
 
 @media all and (min-width: 1000px) {
-    /*.libraryPage:not(.folderListPage) > .ui-content, .libraryPage:not(.folderListPage) > .ui-panel-content-wrap {
-        margin-top: -35px!important;
-    }*/
-
     .detailPageContent {
         width: 90%;
         margin: 0 auto;
@@ -94,10 +86,6 @@
 
 @media all and (min-width: 1200px) {
 
-    .libraryPage .ui-content {
-        padding-top: 0;
-    }
-
     .ehsContent {
         max-width: 850px;
     }
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 8c9e724303..b387a91fae 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -130,10 +130,47 @@ pre, textarea.pre {
     margin-right: 2em;
 }
 
-    .headerSearch input {
-        width: 200px;
-        vertical-align: middle;
-    }
+.txtSearch {
+    width: 150px;
+    vertical-align: middle;
+    font: 16px arial,sans-serif;
+    height: 23px;
+    line-height: 23px;
+    margin: 0 .15em 0 0;
+}
+
+.btnSearch {
+    vertical-align: middle;
+    background-color: #4d90fe;
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
+    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
+    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
+    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
+    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
+    background-image: linear-gradient(top,#4d90fe,#4787ed);
+    border: 1px solid #3079ed;
+    color: #fff!important;
+    margin: 0 0;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+    font-weight: bold;
+    height: 29px;
+    line-height: 29px;
+    min-width: 54px;
+    padding: 0 8px;
+    text-align: center;
+    text-decoration: none !important;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    text-align: center;
+}
+
+.btnSearch img {
+    height: 29px;
+    margin: 0 auto;
+    border: 0;
+}
 
 .header .imageLink {
     display: inline-block;
@@ -283,11 +320,6 @@ form, .readOnlyContent {
         height: 50px;
     }
 
-    .imgLogoText {
-        height: 50px;
-        display: inline;
-    }
-
     .imageLink.supporter {
         display: inline-block;
     }
@@ -334,6 +366,15 @@ form, .readOnlyContent {
 
 @media all and (min-width: 750px) {
 
+    .txtSearch {
+        width: 200px;
+    }
+
+    .imgLogoText {
+        height: 50px;
+        display: inline;
+    }
+
     .content-secondary {
         width: 34%;
     }
@@ -343,6 +384,13 @@ form, .readOnlyContent {
     }
 }
 
+@media all and (min-width: 850px) {
+    .txtSearch {
+        width: 250px;
+    }
+
+}
+
 @media all and (min-width: 1200px) {
 
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 99f88e83cf..79bc75bf5a 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -744,7 +744,11 @@ var Dashboard = {
 
         var html = '<div class="headerSearch"><form id="searchForm" name="searchForm">';
 
-        html += '<input type="text" />';
+        html += '<input class="txtSearch" type="text" />';
+        
+        html += '<button class="btnSearch" type="submit">';
+        html += '<img src="css/images/searchbutton.png" />';
+        html += '</button>';
 
         html += '</form></div>';