From 123a133ab9a44fcca202af0c5c8130e66beea168 Mon Sep 17 00:00:00 2001
From: MinSoo Kim <misol.kr@gmail.com>
Date: Wed, 21 Sep 2016 00:41:17 +0900
Subject: [PATCH] Refine layout.

---
 layouts/simple_world/layout.html |  6 +--
 layouts/simple_world/layout.js   |  2 +-
 layouts/simple_world/layout.scss | 65 +++++++++++++++++++++++---------
 3 files changed, 51 insertions(+), 22 deletions(-)

diff --git a/layouts/simple_world/layout.html b/layouts/simple_world/layout.html
index 3abd0f329..325af7109 100644
--- a/layouts/simple_world/layout.html
+++ b/layouts/simple_world/layout.html
@@ -132,14 +132,14 @@
 			</ul>
 		</nav>
 		<!--// Footer Menu -->
-		<p cond="!$layout_info->FOOTER">Powered by <a href="https://www.rhymix.org/">Rhymix</a>.</p>
-		<p cond="$layout_info->FOOTER">{$layout_info->FOOTER}</p>
 		<!-- Language -->
-		<div class="language" cond="count($lang_supported) > 0">
+		<div class="layout_language" cond="count($lang_supported) > 0">
 			<button type="button" class="toggle">Language: {$lang_supported[$lang_type]}</button>
 			<ul class="selectLang">
 				<li loop="$lang_supported=>$key,$val" cond="$key!= $lang_type"><button type="button" onclick="doChangeLangType('{$key}');return false;">{$val}</button></li>
 			</ul>
 		</div>
+		<p cond="!$layout_info->FOOTER">Powered by <a href="https://www.rhymix.org/">Rhymix</a>.</p>
+		<p cond="$layout_info->FOOTER">{$layout_info->FOOTER}</p>
 	</div>
 </footer>
\ No newline at end of file
diff --git a/layouts/simple_world/layout.js b/layouts/simple_world/layout.js
index 35325a93e..620cce916 100644
--- a/layouts/simple_world/layout.js
+++ b/layouts/simple_world/layout.js
@@ -49,7 +49,7 @@ $(function() {
 	}
 
 	// Language Select
-	$('.language>.toggle').click(function(){
+	$('.layout_language>.toggle').click(function(){
 		$('.selectLang').toggle();
 	});
 });
\ No newline at end of file
diff --git a/layouts/simple_world/layout.scss b/layouts/simple_world/layout.scss
index 5cd348518..a7fd8f2f1 100644
--- a/layouts/simple_world/layout.scss
+++ b/layouts/simple_world/layout.scss
@@ -217,9 +217,9 @@ header.layout_frame {
 .layout_dropdown:hover .dropbtn,
 .layout_dropdown:focus .dropbtn,
 .layout_dropdown:active .dropbtn,
-.language li:hover button,
-.language li:focus button,
-.language li:active button {
+.layout_language li:hover button,
+.layout_language li:focus button,
+.layout_language li:active button {
 	background-color: $primary-color;
 	color: layoutGrayContrast($primary-color, 0.710);
 }
@@ -256,37 +256,59 @@ header.layout_frame {
 .layout_menu .layout_dropdown:hover .layout_dropdown-content {
 	display: block;
 }
+#layout_fnb{
+	background-color: transparent;
+}
+
 .layout_footer .layout_menu li a, .layout_footer  .dropbtn {
-	color: #fff;
+	color: lighten($grey, 10%);
 	font-weight: normal;
 	text-decoration: none;
+	padding: 14px 0px;
+}
+.layout_footer .layout_menu li a>span {
+	padding: 0px 16px;
+	border-right: 1px solid lighten($grey, 10%);
+}
+.layout_footer .layout_menu li:first-child{
+	margin-left:-16px;
+}
+.layout_footer .layout_menu li:last-child a>span {
+	border-right: none;
+}
+
+.layout_footer .layout_menu li a:hover,
+.layout_footer .layout_menu li a:focus,
+.layout_footer .layout_menu li a:active{
+	background-color: transparent;
+	color: #fff;
 }
 
 /* Language */
-.language{
-	display: inline-block;
-	width: 100%;
-	text-align: right;
+.layout_language{
+	display: absolute;
+	right: 0;
+	top: 15px;
 }
-.language button {
+.layout_language button {
 	outline: none;
 }
-.language ul::before {
+.layout_language ul::before {
 	content: "";
 	display: block;
 	clear: both;
 }
-.language ul {
+.layout_language ul {
 	display: none;
 	float:right;
 	width:120px;
 	clear:both;
-	margin: 0;
+	margin: 0px 0px 10px;
 	padding: 0;
 	z-index: 9999999;
 	box-shadow: 0px 8px 16px 0px rgba(255,255,255,0.2);
 }
-.language .toggle{
+.layout_language .toggle{
 	background:none;
 	display: block;
 	float: right;
@@ -300,11 +322,11 @@ header.layout_frame {
 	height:45px;
 }
 
-.language li{
+.layout_language li{
 	list-style:none;
 	background: lighten($grey, 40%);
 }
-.language li button {
+.layout_language li button {
 	display:block;
 	color: black;
 	background: lighten($grey, 40%);
@@ -509,19 +531,26 @@ header.layout_frame {
 		margin-bottom: 10px;
 	}
 
+	.layout_footer .layout_menu li a>span {
+		border-right: none;
+	}
+	.layout_footer .layout_menu li:first-child{
+		margin-left:0px;
+	}
+
 	.layout_footer .layout_menu ul {
 		background-color: transparent;
 	}
 
-	.language {
+	.layout_language {
 		margin-top: 15px;
 	}
-	.language ul {
+	.layout_language ul {
 		display: none;
 		float:none;
 		width:100%;
 	}
-	.language .toggle{
+	.layout_language .toggle{
 		display: block;
 		float: none;
 		width:100%;