From 7513f88e6ce4a5e31b2251e0ac007372833fd35c Mon Sep 17 00:00:00 2001
From: theshka <theshka@p3plcpnl0910.prod.phx3.secureserver.net>
Date: Sat, 25 Apr 2015 07:51:47 -0700
Subject: [PATCH 1/2] Update default theme; responsive/mobile navigation.

---
 themes/default/index.html |  15 +++---
 themes/default/style.css  | 111 ++++++++++++++++++++++++++++++++++++--
 2 files changed, 116 insertions(+), 10 deletions(-)

diff --git a/themes/default/index.html b/themes/default/index.html
index 967e63e..9b5ed0a 100644
--- a/themes/default/index.html
+++ b/themes/default/index.html
@@ -19,12 +19,15 @@
 
 	<header id="header">
 		<div class="inner clearfix">
-			<h1><a href="{{ base_url }}">{{ site_title }}</a></h1>
-			<ul class="nav">
-				{% for page in pages %}
-				<li><a href="{{ page.url }}">{{ page.title }}</a></li>
-				{% endfor %}
-			</ul>
+			<h1><a href="{{ base_url }}" id="logo">{{ site_title }}</a></h1>
+			<nav>
+				<a href="#" class="menu-icon"></a>
+				<ul>
+					{% for page in pages %}
+						<li><a href="{{ page.url }}">{{ page.title }}</a></li>
+					{% endfor %}
+				</ul>
+			</nav>
 		</div>
 	</header>
 
diff --git a/themes/default/style.css b/themes/default/style.css
index 963bf1e..b1f3ca9 100644
--- a/themes/default/style.css
+++ b/themes/default/style.css
@@ -219,18 +219,33 @@ blockquote {
 	margin: 0; 
 	float: left;
 }
-#header .nav {
+#header .menu-icon {
+	display: none;
+	width: 35px;
+	height: 35px;
+	background: #afe1da url(menu-icon.png) center;
+}
+#header nav {
 	float: right;
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-#header .nav li { display: inline; }
-#header .nav a {
+#header nav a {
 	font-weight: bold;
 	margin-left: 20px;
 }
-
+#header a:hover#menu-icon {
+	background-color: #444;
+	border-radius: 4px 4px 0 0;
+}
+#header ul {
+	list-style: none;
+}
+#header li {
+	display: inline-block;
+	float: left;
+}
 #footer {
 	background: #707070;
 	padding: 60px 0;
@@ -254,3 +269,91 @@ blockquote {
     *zoom: 1;
 }
 
+/* Media Queries
+/*---------------------------------------------*/
+
+/* Small Devices, Tablets */
+@media only screen and (max-width : 768px) {
+	
+	.inner {
+		width: 85%;
+	}
+	.inner img {
+		width:100%;
+	}
+	#header {
+		margin-bottom: 40px;
+	}
+	#header h1 a {
+		font-size:1em;
+	}
+	#header .menu-icon {
+		display:inline-block;
+	}
+	#header nav a { color: #000; }
+	#header nav a:hover { color: #afe1da; }
+	#header nav ul, nav:active ul { 
+		display: none;
+		position: absolute;
+		padding: 20px;
+		background: #fff;
+		border: 5px solid #444;
+		right: 2.7em;
+		top: 100px;
+		width: 80%;
+		border-radius: 4px 0 4px 4px;
+		z-index: 9999;
+	}
+	#header nav li {
+		text-align: center;
+		width: 100%;
+		padding: 10px 0;
+		margin: 0;
+	}
+	#header nav:hover ul {
+		display: block;
+	}
+	
+}
+
+/* Extra Small Devices, Phones */ 
+@media only screen and (max-width : 480px) {
+	
+	.inner {
+		width: 85%;
+	}
+	.inner img {
+		width:100%;
+	}
+	#header {
+		margin-bottom: 30px;
+	}
+	#header h1 a {
+		font-size:1em;
+	}
+	#header .menu-icon {
+		display:inline-block;
+	}
+	#header nav a { color: #000; }
+	#header nav a:hover { color: #afe1da; }
+	#header nav ul, nav:active ul { 
+		display: none;
+		position: absolute;
+		padding: 20px;
+		background: #fff;
+		border: 5px solid #444;
+		right: 0em;
+		top: 100px;
+		width: auto;
+		border-radius: 4px 0 4px 4px;
+	}
+	#header nav li {
+		text-align: center;
+		width: 100%;
+		padding: 10px 0;
+		margin: 0;
+	}
+	#header nav:hover ul {
+		display: block;
+	}
+}
\ No newline at end of file

From e7f164627215f9e4089298a74391e1b4f4550a32 Mon Sep 17 00:00:00 2001
From: theshka <theshka@p3plcpnl0910.prod.phx3.secureserver.net>
Date: Sat, 25 Apr 2015 07:57:29 -0700
Subject: [PATCH 2/2] Update default theme; responsive/mobile navigation.

---
 themes/default/menu-icon.png | Bin 0 -> 1398 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 themes/default/menu-icon.png

diff --git a/themes/default/menu-icon.png b/themes/default/menu-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..1cb463eb2877dbee105192cb444318bf80137628
GIT binary patch
literal 1398
zcmeAS@N?(olHy`uVBq!ia0vp^${@_a#=yXsd9V3Aki%FU<nF|<?wrg^AcwQSBeIx*
zfm;}a85w5HkpL<<of#5Q65;D(m7Jfemza{Dl&V*eTL4tez+h8h1!U%?mLw`v<mTiR
zTUFR9fmK)m*&tzkB?YjOl5AV02;Tq&=lr5n1yel}Jp&~>E(HYzo1&C7s~{IQsCFRF
zRw<*Tq`*pFzr4I$uiRKKzbIYb(9+UU-@r)U$VeBcLbtdwuOzWTH?LS3VhGF}m(=3q
zqRfJl%=|nBkhzIT`K2YcN=hJ$-~j5*+yb~odBsp)0sW_6kyxN_sAr&$O;br`8p3%f
zx<E1zZD3zPEVBUyjg@mzYGO%#QAmD%j-4YY>=Zn66Vp?JQWH}uZS>JqAY5t#GSbSw
zC^Hr4SCEhF3~lr=#GvYJ^g-T5@;)SN!J@#xwc`TX1dAv;E=|3&whRo+E}kxqArYK!
zr=QIVb`&{2Icn_>SM7Zb(yZo>oNCzb{#02f@@Lg9fiEZD7%8y2@^mDu%w6bZs@D7U
zyZt%O^LNhd&2?TpTjodlx$kp~zn{C~xjJ;gwvy@zw{KmT!(BMX|B$eoWkgEJis$a@
zG8g5QHdXqslR1B2*^Hi~KFh2>zUy>)OCnw73K+*KzOtRUj_tYKuDp_03wHEf*795T
ze$j5(rdN^O9!ImL+BUmRINJ5i&u&32<G$uZhBtv7FYOwqFW`53V!3D8X$_OBLLY>p
zu6*(9`{(oSz<$>42Qn3clvfo$d6HcyewS5Jp)}1;?eFIKIgOdIPv<b$O8xHK!!iG7
z%c-^>HQb-<ydOkG9S^^xwl6Q@cK;l)<5#Lm*&kG{%GkY5=I1f1P5%t%9nzTl>%MDT
z$2rkD{`qyT-@{clFozsX&Xm~SAip5|AYak)87a$Tq8ndb-n8~q@P@_BtuncHvzGk!
zcz^q5ZH;u!BnM#+xmwmcoq^ldD%?)q+QnfqN$^>cP`C4^jXQ1?ZH`nEobk)!<m)-!
zuP?;#8~f+_^2PSrCe7Q)9<w+tKXCc1Czs4G)!3Z7^&u_O+nsS+ng1@8-ImfHe?H|}
z?UK#3a#pIs-P)30Z8l817kJHjv+(%OrYNB)*TRIp9K956Im<95%EQhqB>wk#i(fC7
z>F0>QFbOX5eeqcGhveC?1&OR*=9$gtzb>NQ9M8Dx*2~{oRSz~F)Nkr{xPOCp18d1C
zYp+k?Z%%C&`jm1u^!vo$nOEX0InQ}El*}#&nzY%$ZddEiN|tEvThmX4?`EIfRq6FW
zb-`yZ;r)z$)&}1jgkJwRY2~6fk&nf6OQ4Zg`0SRaTMiqup2|NkGv&FQ*~vN~)#=Xs
zRuSIr_iu#TrR`}fkmG4kyVe_Ue7;BjGqnkEr{iynn5nPrnb-2q@knS{wcWBlU(Wqp
zF1uv9rrnjU<9u;c^kvoR|5b+@CaswszQjJ$?L(xn@B5zpQ|zkv<YU(ddTu_#YWb_W
z@8t0;^~vd4?p0e;U+>s<>+g=^g_%juKfG4Bls%t4_3>L{HqjqnC#Ywy%S?S^_oT7s
z>g%4en<^o9u1!{%mF2U|r%-KL`I%#hOE(`{ky3u!G5JjKg!lEE|1+*XwdMYsB@y1B
O!qC&z&t;ucLK6UscS%_Q

literal 0
HcmV?d00001