From 9668d2be1cded714abcdb998539a3d2c5d90facd Mon Sep 17 00:00:00 2001
From: Josh south <joshsouth@gmail.com>
Date: Tue, 28 Feb 2017 09:17:23 -0800
Subject: [PATCH] add focus to search

- force code block color (for now)
- increase section max-width
---
 css/style.css     |  29 +++++++++++++++++------------
 images/search.png | Bin 1233 -> 1196 bytes
 2 files changed, 17 insertions(+), 12 deletions(-)

diff --git a/css/style.css b/css/style.css
index 973023e2c7..9f36c9f77b 100644
--- a/css/style.css
+++ b/css/style.css
@@ -672,7 +672,7 @@ and (max-device-width : 1024px)  {
 */
 
 section.section {
-    max-width: 960px;
+    max-width: 980px;
 }
 
 .main-content {
@@ -799,7 +799,7 @@ i.fa.fa-question {
 .toc-nav ul {
     list-style: none;
     margin: 0;
-    padding: 0;
+    padding: 0 50px 0 0;
     width: 300px;
 }
 
@@ -1152,12 +1152,17 @@ input:checked+.slider:before {
     box-shadow: none;
     color: #fff;
     border-radius: 0;
-    /*-webkit-transition: all 0.2s ease;
+    -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;*/
-    padding: 0px 0 0 40px;
-    width: 235px;
+    transition: all 0.2s ease;
+    padding: 0px 0 0 35px;
+    width: 245px;
+}
+
+.nav-secondary-tabs .search-form input[type=search]:focus {
+  background: rgba(255, 255, 255, 0.17) url(/images/search.png) no-repeat;
+  background-position: 10px 9px;
 }
 
 .nav-secondary-tabs.affix input[type=search], input[type=text] {
@@ -1165,10 +1170,10 @@ input:checked+.slider:before {
     background-position: 10px 9px;
     border: 0;
     box-shadow: none;
-    /*-webkit-transition: all 0.2s ease;
+    -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;*/
+    transition: all 0.2s ease;
 }
 
 .nav-secondary input[type=search] {
@@ -1176,13 +1181,13 @@ input:checked+.slider:before {
     background-position: 10px 9px;
     border: 0;
     box-shadow: none;
-    padding: 0px 0 0 40px;
+    padding: 0px 0 0 35px;
     border-radius: 0;
     color: #fff;
-    /*-webkit-transition: all 0.2s ease;
+    -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
     -o-transition: all 0.2s ease;
-    transition: all 0.2s ease;*/
+    transition: all 0.2s ease;
 }
 
 .nav-secondary .search-form input[type=search]:focus {
@@ -1414,7 +1419,7 @@ pre {
 code {
     padding: 3px 7px;
     font-size: 90%;
-    color: #0c5176;
+    color: #0c5176!important;
     background-color: rgba(12, 81, 118, 0.1);
     border-radius: 2px;
 }
diff --git a/images/search.png b/images/search.png
index ba7d4c35077f64394d0e61e2aaafd7e1fe19cc9f..a588fd030da0aca2e0199799fb0259e102f449a1 100644
GIT binary patch
delta 400
zcmcb}xrTFt4-=1>xuuzbi?f-ViHpT#1!mF7xlGb9L36m^N+x|C3nK#qCnHxUHxn~c
zu*#o6l~6%vs9;!qoL^%V0|TR!r;B4q#jT`2|Nq-Fn=%MX#WQqhH~e4`*w6H+-C>Vd
zM=j?pmLfrsY^IM>|L-_hqLAhm)ZdiI!>F*2@9GEXj^|8;N&@0cA30SH&*G2_;S2r2
z-0}CK$VR4*PAmSHD})_MzaY8d&`ygS5vE7e159V$xN?9gTF^_r{(#_=_YFU^rmXGJ
zzgFjvS!eU{Q1>#i)sE>4OL(TKFfy4rtYJ@`e@OiAJrBdp934v+KI(CJ!*k^O!lLp*
zRmPNaB`SySF?>{1u<M^TZQlc~oD{wj%i<LN^{E=}b9kJ-K>A3B>iSIPjn*b*`xrlF
zD%|5gBI$6aWr-ethkEj9r6U#(yiBHxCVZCKxP#^7g7s4*SPtEE_`}kX{(xI~)fD#>
c<^~34hIMlJ#>@VB>}3D~Pgg&ebxsLQ0P#4PbpQYW

delta 437
zcmZ3(d69F24-=1(iL0@*i>tGniLvEm1!mF7xlGb9K^M5-N+x}npd(!HCqktYR4}Z*
zsqa}i0|TSIr;B4q#jQ10_IooMN*wz*PsA~Xi*N0MrdSqnM|M`hm{Q?eo*G+{w?BF$
z|4>J%Y4U?bO01=UF;_P}2#75y3W@nsTc_-=AhT1WNWaFTNc`UEr)OhDju+~6zc`sH
z^7F_JdF~mGocTKrYU(+6Dm}m2wy|sCl%2<K)E@}fm>79ds_jFkam?#qGRI8n#jWoh
zpW(7%L2s?k>seFXy}y4C@VWCp(Y!kBt)-sO`CkXb=3VGs8E~~L%UbjI=N{{?-V0sc
z`(3@XNZ;`K>=$8g_h>ex-?MPL`o2wQ?h4bZnTZF&M1><R&a6IgHUIgFm4`FFKZ#o(
zT=r~#g0%a>SeLZYQk_*+c{Yn4^jt4>*xQ*iW3p|h<DM*ktEjh|jPr%x1}q8)2`oPL
ztVZ^q`ovCElPl)h>wfI}xBp1vKd#X2O@U$d+wvLN7#t2XU(P777iRzhPgg&ebxsLQ
E0Lk{f7XSbN