From 3f5471b0e987ea4d49744a8d065aa8673bdb6aa7 Mon Sep 17 00:00:00 2001
From: arcan1s <esalexeev@gmail.com>
Date: Fri, 1 Aug 2014 22:56:37 +0400
Subject: [PATCH] update searchline

---
 _includes/cse.html           |  18 ++++++++++----
 resources/css/styles.css     |  47 +++++++++++++++++++++++++++++++++++
 resources/searchIconDark.png | Bin 0 -> 1328 bytes
 3 files changed, 60 insertions(+), 5 deletions(-)
 create mode 100644 resources/searchIconDark.png

diff --git a/_includes/cse.html b/_includes/cse.html
index f2293ca..cb07388 100644
--- a/_includes/cse.html
+++ b/_includes/cse.html
@@ -1,11 +1,19 @@
-<form name="gcse" role="search" action="http://www.google.ru/cse">
+<form action="http://www.google.ru/cse" id="search-block-form" name="gcse">
   <input type="hidden" name="cx" value="000833618047197874644:rilf4jpvgyo">
   <input type="hidden" name="ie" value="UTF-8">
   {% if page.category == "ru" %}
-    <input type="text" name="q" placeholder="Поиск по сайту">
-    <button type="submit" name="sa">Найти</button>
+    <div class="form-item">
+      <input type="text" name="q" value="" maxlength="128" placeholder="Найти...">
+    </div>
+    <div class="form-actions">
+      <input type="submit" name="sa" value="Поиск" class="form-submit">
+    </div>
   {% else %}
-    <input type="text" name="q" placeholder="Site search">
-    <button type="submit" name="sa">Search</button>
+    <div class="form-item">
+      <input type="text" name="q" value="" maxlength="128" placeholder="Search...">
+    </div>
+    <div class="form-actions">
+      <input type="submit" name="sa" value="Search" class="form-submit">
+    </div>
   {% endif %}
 </form>
\ No newline at end of file
diff --git a/resources/css/styles.css b/resources/css/styles.css
index 83694c5..9c5fe55 100644
--- a/resources/css/styles.css
+++ b/resources/css/styles.css
@@ -1,3 +1,50 @@
+/* search */
+#search-block-form{
+	width: 200px;
+	height: 20px;
+	border-radius: 15px;
+	border: #c9c9c9 solid 1px;
+}
+.focus-active{
+	border-color: #aaaaaa !important;
+	background: #ffffff !important;
+}
+#search-block-form input{
+	padding: 0;
+	margin: 0;
+	display: block;
+	border: none;
+	outline: none;
+	background: none;
+	width: 100%;
+	height: 100%;
+}
+#search-block-form .form-actions{
+	width: 20px;
+	height: 20px;
+	float: left;
+	background: url(/resources/searchIconDark.png) 5px 3px no-repeat;
+}
+#search-block-form .form-actions input:hover{
+	cursor: pointer;
+}
+#search-block-form .form-actions input{
+	overflow: hidden;
+	text-indent: -9999px;
+}
+#search-block-form .form-item{
+	width: 170px;
+	height: 20px;
+	padding: 0;
+	float: right;
+}
+#search-block-form .form-item input{
+  height: auto !important;
+  padding: 0;
+  color: #222222;
+	font: 13px/1.5 "Liberation Serif", Helvetica, Arial, sans-serif;
+}
+
 /* in-text images */
 figure.img {
   float: right;
diff --git a/resources/searchIconDark.png b/resources/searchIconDark.png
new file mode 100644
index 0000000000000000000000000000000000000000..afdd1a47788b0b6bd18e76913b2323317424220f
GIT binary patch
literal 1328
zcmeAS@N?(olHy`uVBq!ia0vp@K+MO%1|+}KPrC%9BuiW)N`mv#O3D+9QW+dm@{>{(
zJaZG%Q-e|yQz{EjrrIztFe_z-M3hAM`dB6B=jtVb)aX^@765fKFxc2v6eK2Rr<N!r
zrKV@**($x?y<bToGsRXZ+|<{=x4=0yBh#a*C^fjsFC@7tJJ~Wt$=*)EroswnKyGSD
zqC!P(PF}H9g{>0UTq__OB&@Hb09I0xZL0)vRD^GUf^&XRs)DJWfo`&anW2K2iJqZ}
zfu)J1j)IYap@F`kk-mYsuAzaIskxPbp#l^r0c|TvNwW%aaf8|g<k>1^l#~=$>Fbx5
zm+O@q>*W`v>l<2HTIw4Z=^Gj80#)c1SLT%@R_NvxE5l51Ni9w;$}A|!%+FH*nV6WA
zUs__T1av9H3%LbwWAlok!2}F2{ffi_eM3D1ke6TzeSPsO&CP|YE-nd5MYtEM!Nnn!
z1*!T$sm1xFMajU3OH&3}Rbb^@l$uzQUlfv`p92fUfQ<Z-{NjxK0tM$_Q$0h4@XWlF
z{PJS3dS72F&%EN2#JuEGPZwJypb2`JnJHF=PL2kqCeF^5P8NoShOUNAZZ1xiW=77A
z&SuW$riMl^y)OC5rManjB{01y2)!;i^@5T@ZUN9{m(-%nveXo}qWoM1u$Qeeal6G4
zr+HAlDY)I@gj26R&@uX;h((HMm=G}afSB-P3*^8Perg^twHE=C^`^pS@(c`&OFUg1
zLn>}1O_?$+m7(##1deQlQ1&Bj4u8Zt_?ZiT{xa3RXS{$>ZADv+Lg|zD_xB%@x8Jk>
z)7RJ2`yJ|-1nx7P%3PG4)X4R%_UE6UhaNUp|E~Y@qmcc?^9hr~w-}n3txZTtiD7*5
zdhv}fzrU|v@*fDS>%WC?2OJh!aKljH-uD*||90xnvybM#vV`3vg4b2}f@hV(pO<H6
zU!UFZr{1GTUQ$w$uSp_)f6Ybbi(fuJKVPn+qr>EIx#GfIJq3*=EQ{=GD*iLNUjDq?
z->e~Hf$(!?)1m_^4LP!WeCK!;EbRB2Yf&W?DXeU8;-}8qTyZZCFLs8X=Nl`m1-cnG
zstXu1^ZsW363$@oV*4Qz!_S{S{;&D;<Kou+_5W%ZH$83e+xqYO`}rT9pP#>u>FB-9
z8#jA1U2V<EdKt5)@a-wz8NLS0E{!)tI$9flsGkU1z?Nst{yZ!$&Q4k3zqvp=b8bxk
z8cykil=SrS&0E>Co;)^g%i>|N<e#s`mQZr1`qz_-whQKOZDc#a!2C?w(Kn#?yS&{V
selN}W=jU4PY?<)+LZgX*Ju`;^!%dO(CMT2p9)Zd*Pgg&ebxsLQ07%B-I{*Lx

literal 0
HcmV?d00001