Add a new mobile layout - Color Code

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10488 201d5d3c-b55e-5fd7-737f-ddc643e51545

m.layouts/colorCode/conf/info.xml

@@ -0,0 +1,143 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<layout version="0.2">
+    <title xml:lang="ko">XE Color Code 모바일 레이아웃</title>
+    <title xml:lang="en">XE Color Code Mobile layout</title>
+    <title xml:lang="jp">XE Color Code レイアウト</title>
+    <title xml:lang="zh-CN">XE Color Code 移动布局</title>
+    <title xml:lang="zh-TW">XE Color Code 移动布局</title>
+    <description xml:lang="ko">
+        XE Color Code 모바일 레이아웃입니다.
+        NHN (developers@xpressengine.com) 
+    </description>
+    <description xml:lang="jp">
+        XEの Color Code レイアウトです。
+        제작 : NHN
+    </description>
+    <description xml:lang="en">
+        This layout is the XE Color Code Mobile layout for XE.
+        NHN (developers@xpressengine.com) 
+    </description>
+    <description xml:lang="zh-CN">
+        XE Color Code 移动布局
+        NHN (developers@xpressengine.com) 
+    </description>
+    <description xml:lang="zh-TW">
+        XE Color Code 官方網站版面。
+        NHN (developers@xpressengine.com) 
+    </description>
+    <version>0.1</version>
+    <date>2012-03-14</date>
+    <link>http://xpressengine.com/</link>
+
+    <author email_address="developers@xpressengine.com" link="http://xpressengine.com/">
+        <name xml:lang="ko">NHN</name>
+        <name xml:lang="en">NHN</name>
+        <name xml:lang="zh-CN">NHN</name>
+        <name xml:lang="zh-TW">NHN</name>
+    </author>
+    <extra_vars>
+        <var name="index_title" type="text">
+            <title xml:lang="ko">홈페이지 Title</title>
+            <title xml:lang="en">Homepage Title</title>
+            <title xml:lang="jp">ホームページタイトル</title>
+            <title xml:lang="zh-CN">网站标题</title>
+            <title xml:lang="zh-TW">首頁標題</title>
+        </var>
+
+        <var name="footer_title" type="text">
+            <title xml:lang="ko">하단 텍스트</title>
+            <title xml:lang="jp">下端 Text</title>
+            <title xml:lang="en">Footer Text</title>
+            <title xml:lang="zh-CN">底部文本</title>
+            <title xml:lang="zh-TW">底部文本</title>
+        </var>
+
+        <var name="colorset" type="select">
+            <title xml:lang="ko">컬러셋</title>
+            <title xml:lang="jp">カラーセット</title>
+            <title xml:lang="zh-CN">颜色</title>
+            <title xml:lang="zh-TW">顏色設定</title>
+            <title xml:lang="en">Colorset</title>
+            <description xml:lang="ko">원하시는 컬러셋을 선택해주세요.</description>
+            <description xml:lang="jp">希望するカラーセットを選択して下さい。</description>
+            <description xml:lang="zh-CN">请选择颜色。</description>
+            <description xml:lang="zh-TW">請選擇顏色。</description>
+            <description xml:lang="en">Please select the colorset you want.</description>
+            <options value="blue">
+                <title xml:lang="ko">블루</title>
+                <title xml:lang="jp">ブルー[青]</title>
+                <title xml:lang="en">Blue</title>
+                <title xml:lang="zh-CN">蓝色</title>
+                <title xml:lang="zh-TW">藍色</title>
+            </options>
+            <options value="gray">
+                <title xml:lang="ko">그레이</title>
+                <title xml:lang="jp">グレー[灰色]</title>
+                <title xml:lang="en">Gray</title>
+                <title xml:lang="zh-CN">灰色</title>
+                <title xml:lang="zh-TW">灰色</title>
+            </options>
+            <options value="red">
+                <title xml:lang="ko">빨간색</title>
+                <title xml:lang="jp">レッド[赤]</title>
+                <title xml:lang="en">Red</title>
+                <title xml:lang="zh-CN">红色</title>
+                <title xml:lang="zh-TW">红色</title>
+            </options>
+            <options value="orange">
+                <title xml:lang="ko">오렌지</title>
+                <title xml:lang="jp">オレンジ</title>
+                <title xml:lang="en">Orange</title>
+                <title xml:lang="zh-CN">橙色</title>
+                <title xml:lang="zh-TW">橙色</title>
+            </options>
+            <options value="ngreena">
+                <title xml:lang="ko">네이버 그린 A</title>
+                <title xml:lang="jp">NAVER グリーン A</title>
+                <title xml:lang="en">nGreenA</title>
+                <title xml:lang="zh-CN">NAVER绿 A</title>
+                <title xml:lang="zh-TW">NAVER綠 A</title>
+            </options>
+            <options value="ngreenb">
+                <title xml:lang="ko">네이버 그린 B</title>
+                <title xml:lang="jp">NAVER グリーン B</title>
+                <title xml:lang="en">nGreenB</title>
+                <title xml:lang="zh-CN">NAVER绿 B</title>
+                <title xml:lang="zh-TW">NAVER綠 B</title>
+            </options>
+        </var>
+        <var name="logo_image" type="image">
+            <title xml:lang="ko">로고이미지</title>
+            <title xml:lang="jp">ロゴイメージ</title>
+            <title xml:lang="zh-CN">LOGO图片</title>
+            <title xml:lang="zh-TW">Logo圖片</title>
+            <title xml:lang="en">Logo image</title>
+            <description xml:lang="ko">레이아웃의 상단에 표시될 로고이미지를 입력하세요. (세로길이가 28px인 투명 이미지가 가장 어울립니다)</description>
+            <description xml:lang="jp">レイアウトの上段に表示されるロゴイメージを入力して下さい。 (縦幅が28pxである透明イメージをお勧めします。。)</description>
+            <description xml:lang="zh-CN">请输入显示在布局顶部的LOGO图片(高度为28px的透明图片为适)。</description>
+            <description xml:lang="zh-TW">請輸入要顯示在版面上端的 Logo 圖片。(適當高度為 28px 的透明圖片。)</description>
+            <description xml:lang="en">Please input a logo image which will be displayed on the top of the layout. (A transparent image with height of 28px is recommended.)</description>
+        </var>
+        <var name="index_url" type="text">
+            <title xml:lang="ko">홈 페이지 URL</title>
+            <title xml:lang="jp">ホームページURL</title>
+            <title xml:lang="zh-CN">主页地址</title>
+            <title xml:lang="zh-TW">主頁網址</title>
+            <title xml:lang="en">Homepage URL</title>
+            <description xml:lang="ko">로고를 클릭시에 이동할 홈 페이지 URL을 입력해 주세요.</description>
+            <description xml:lang="jp">ロゴをクリックした時に移動するホームページのURLを入力して下さい。</description>
+            <description xml:lang="zh-CN">点击网站LOGO时要移动的页面URL。</description>
+            <description xml:lang="zh-TW">請輸入當用戶按了網站 Logo 後，要前往的頁面網址。</description>
+            <description xml:lang="en">Please input the URL to redirect when user clicks the logo</description>
+        </var>
+    </extra_vars>
+    <menus>
+        <menu name="main_menu" maxdepth="3" default="true">
+            <title xml:lang="ko">상단 메뉴</title>
+            <title xml:lang="jp">上段用メニュー</title>
+            <title xml:lang="zh-CN">主菜单</title>
+            <title xml:lang="zh-TW">主選單</title>
+            <title xml:lang="en">Top menu</title>
+        </menu>
+    </menus>
+</layout>

m.layouts/colorCode/css/Blue/layout.css

@@ -0,0 +1,65 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #01518d;padding-top:16px;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0c5d94), to(#003d6a));
+background:-webkit-linear-gradient(top,#0c5d94,#003d6a);
+background:-moz-linear-gradient(top,#0c5d94,#003d6a);
+background:-ms-linear-gradient(top,#0c5d94,#003d6a);
+background:-o-linear-gradient(top,#0c5d94,#003d6a);
+background:linear-gradient(top,#0c5d94,#003d6a);}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:38px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/Blue/btn_home_fda.png') no-repeat left top;background-size:51px 38px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/Blue/btn_menu_fda.png') no-repeat left top;background-size:51px 38px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(0,0,0,1);}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid black}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #163d58;border-bottom:1px solid #001728;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f7b99), to(#2f6387));
+background:-webkit-linear-gradient(top,#4f7b99,#2f6387);
+background:-moz-linear-gradient(top,#4f7b99,#2f6387);
+background:-ms-linear-gradient(top,#4f7b99,#2f6387);
+background:-o-linear-gradient(top,#4f7b99,#2f6387);
+background:linear-gradient(top,#4f7b99,#2f6387);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#6f9ec0;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#467493;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#23445b;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#538fb9;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #efefef;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px;}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/Blue/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/Blue/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #cdcdcd transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/Blue/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/Blue/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #4a6c85;border-bottom:1px solid #71a3c7;font-size:13px;line-height:13px;color:#efefef;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#a5b9c7}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/css/Gray/layout.css

@@ -0,0 +1,65 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #414141;padding-top:16px;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#292929));
+background:-webkit-linear-gradient(top,#454545,#292929);
+background:-moz-linear-gradient(top,#454545,#292929);
+background:-ms-linear-gradient(top,#454545,#292929);
+background:-o-linear-gradient(top,#454545,#292929);
+background:linear-gradient(top,#454545,#292929);}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:38px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/Gray/btn_home_fda.png') no-repeat left top;background-size:51px 38px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/Gray/btn_menu_fda.png') no-repeat left top;background-size:51px 38px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(20,20,20,.75);}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid black}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #000000;border-bottom:1px solid #202020;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3f3f3f), to(#272727));
+background:-webkit-linear-gradient(top,#3f3f3f,#272727);
+background:-moz-linear-gradient(top,#3f3f3f,#272727);
+background:-ms-linear-gradient(top,#3f3f3f,#272727);
+background:-o-linear-gradient(top,#3f3f3f,#272727);
+background:linear-gradient(top,#3f3f3f,#272727);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#545454;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#3f3f3f;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#484848;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#161616;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #efefef;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px;}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/Gray/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/Gray/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #cdcdcd transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/Gray/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/Gray/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #454545;border-bottom:1px solid #767676;font-size:13px;line-height:13px;color:#efefef;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#bababa}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/css/Orange/layout.css

@@ -0,0 +1,65 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #983e08;padding-top:16px;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#da6016), to(#c8540d));
+background:-webkit-linear-gradient(top,#da6016,#c8540d);
+background:-moz-linear-gradient(top,#da6016,#c8540d);
+background:-ms-linear-gradient(top,#da6016,#c8540d);
+background:-o-linear-gradient(top,#da6016,#c8540d);
+background:linear-gradient(top,#da6016,#c8540d);}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:38px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/Orange/btn_home_fda.png') no-repeat left top;background-size:51px 38px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/Orange/btn_menu_fda.png') no-repeat left top;background-size:51px 38px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(20,20,20,.75);}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid black}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #340c00;border-bottom:1px solid #001728;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#c35b1c), to(#ae4d12));
+background:-webkit-linear-gradient(top,#c35b1c,#ae4d12);
+background:-moz-linear-gradient(top,#c35b1c,#ae4d12);
+background:-ms-linear-gradient(top,#c35b1c,#ae4d12);
+background:-o-linear-gradient(top,#c35b1c,#ae4d12);
+background:linear-gradient(top,#c35b1c,#ae4d12);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#dc7638;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#b6602c;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#d86b2a;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#4c1100;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #efefef;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px;}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/Orange/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/Orange/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #cdcdcd transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/Orange/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/Orange/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #783e05;border-bottom:1px solid #e57938;font-size:13px;line-height:13px;color:#efefef;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#dbb7a7}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/css/Red/layout.css

@@ -0,0 +1,65 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #8d0101;padding-top:16px;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8b0b0b), to(#5f0000));
+background:-webkit-linear-gradient(top,#8b0b0b,#5f0000);
+background:-moz-linear-gradient(top,#8b0b0b,#5f0000);
+background:-ms-linear-gradient(top,#8b0b0b,#5f0000);
+background:-o-linear-gradient(top,#8b0b0b,#5f0000);
+background:linear-gradient(top,#8b0b0b,#5f0000);}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:38px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/Red/btn_home_fda.png') no-repeat left top;background-size:51px 38px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/Red/btn_menu_fda.png') no-repeat left top;background-size:51px 38px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(20,20,20,.75);}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid black}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #581616;border-bottom:1px solid #202020;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#880d0e), to(#670607));
+background:-webkit-linear-gradient(top,#880d0e,#670607);
+background:-moz-linear-gradient(top,#880d0e,#670607);
+background:-ms-linear-gradient(top,#880d0e,#670607);
+background:-o-linear-gradient(top,#880d0e,#670607);
+background:linear-gradient(top,#880d0e,#670607);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#cb2929;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#5b080b;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#a61d1d;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#4b0606;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #efefef;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px;}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/Red/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/Red/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #cdcdcd transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/Red/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/Red/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #710f0f;border-bottom:1px solid #b82d2d;font-size:13px;line-height:13px;color:#efefef;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#efefef}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/css/nGreenA/layout.css

@@ -0,0 +1,65 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #37b700;padding-top:16px;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#dfdfdf));
+background:-webkit-linear-gradient(top,#fafafa,#dfdfdf);
+background:-moz-linear-gradient(top,#fafafa,#dfdfdf);
+background:-ms-linear-gradient(top,#fafafa,#dfdfdf);
+background:-o-linear-gradient(top,#fafafa,#dfdfdf);
+background:linear-gradient(top,#fafafa,#dfdfdf);}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:39px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/nGreenA/btn_home.png') no-repeat left top;background-size:50px 39px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/nGreenA/btn_menu.png') no-repeat left top;background-size:50px 39px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(20,20,20,.75);color:#37b700}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid #2a8b00}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #808080;border-bottom:1px solid #001728;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#dbdbdb));
+background:-webkit-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-moz-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-ms-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-o-linear-gradient(top,#eaeaea,#dbdbdb);
+background:linear-gradient(top,#eaeaea,#dbdbdb);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#ffffff;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#dfdfdf;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#f4f4f4;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#808080;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #585858;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/nGreenA/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/nGreenA/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #848484 transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/nGreenA/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/nGreenA/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #a4a4a4;border-bottom:1px solid #fff;font-size:13px;line-height:13px;color:#585858;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#848484}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/css/nGreenB/layout.css

@@ -0,0 +1,59 @@
+@charset "utf-8";
+body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,hr {margin: 0;padding: 0;font-family:Helvetica;}
+body {font-size: 14px;line-height: 1.25em;-webkit-text-size-adjust:none;}
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
+audio, canvas, video {display:inline-block;}
+audio:not([controls]) {display: none;}
+input, textarea, select, button, table {font-family: inherit;font-size: inherit;line-height: inherit;}
+img, fieldset {border: 0 none;}
+button, input, select, textarea {margin: 0;vertical-align: middle;}
+sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
+sup {top: -0.5em;}
+sub {bottom: -0.25em;}
+ul, ol {list-style: none outside none;}
+em, address {font-style: normal;}
+a {color: inherit;text-decoration: none;}
+.blind{font-size: 0;height: 0;line-height: 0;overflow: hidden;position: absolute;width: 0;}
+
+.skip{font-size: 0;height: 0;left: -1000em;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
+.lo_head{width:100%;height:39px;border-bottom:1px solid #148e0f;padding-top:16px;background:#11b504}
+.lo_head:after{content:'';display:block;clear:both}
+.lo_head a[class^="btn_"]{width:51px;height:38px;position:absolute;top:11px;overflow:hidden;}
+.btn_home{left:5px;text-indent:-999em;background:url('../../img/nGreenB/btn_home_fda.png') no-repeat left top;background-size:51px 38px;}
+.btn_menu{right:5px;text-indent:-999em;background:url('../../img/nGreenB/btn_menu_fda.png') no-repeat left top;background-size:51px 38px;}
+h1.title{font-size:25px;padding:0 60px;line-height:25px;text-align:center;color:rgba(255,255,255,1);text-shadow:0px 1px 1px rgba(20,20,20,.75);}
+.head_hr{height:0;position: relative;border:none;border-top:1px solid black}
+
+.lo_foot{width:100%;height:69px;position:relative;border-top:1px solid #808080;border-bottom:1px solid #001728;
+background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eaeaea), to(#dbdbdb));
+background:-webkit-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-moz-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-ms-linear-gradient(top,#eaeaea,#dbdbdb);
+background:-o-linear-gradient(top,#eaeaea,#dbdbdb);
+background:linear-gradient(top,#eaeaea,#dbdbdb);}
+.lo_foot:before{content:'';width:100%;height:1px;position:absolute;background:#ffffff;}
+.lo_foot:after{content:'';width:100%;height:1px;position:absolute;background:#dfdfdf;}
+ul.link{height:25px;padding-top:10px;text-align:center;background:transparent}
+ul.link>li{display:inline-block;position:relative;margin-left:-4px}
+ul.link>li:before{display:inline-block;position:absolute;top:9px;right:1px;width:1px;height:7px;background:#f4f4f4;content:'';}
+ul.link>li:after{display:inline-block;position:absolute;top:9px;right:2px;width:1px;height:7px;background:#808080;content:'';}
+ul.link>li>a{display:block;height:19px;padding:6px 11px 0 8px;line-height:13px;color: #585858;font-size:13px;}
+ul.link>li:last-child:before,ul.link li:last-child:after{display:none;}
+ul.link .lang{position:relative;height:25px;margin-left:6px}
+ul.link .lang>a{position:relative;width:71px;text-align:left;padding: 6px 8px 0px 11px;}
+ul.link .lang>a:focus{outline:none}
+ul.link .lang.off>a{background:url('../../img/nGreenB/btn_lang_off_tp.png') no-repeat 100% 0px;background-size:90px 25px}
+ul.link .lang.on>a{background:url('../../img/nGreenB/btn_lang_on.png') no-repeat left top;background-size:90px 25px}
+ul.link .lang_lst{display:none;position:absolute;left:0px;bottom:24px;}
+.icon_arr_draw{display:inline-block;position:absolute;top:5px;right:6px;width:0px;height:0px;margin-left:2px;border-width:5px;border-style:solid;border-color:transparent transparent #848484 transparent;}
+
+
+ul.link .lang_lst:before{display:block;width:90px;height:4px;background:url('../../img/nGreenB/bg_lang_t.png') no-repeat left top;background-size:90px 4px;content:''}
+ul.link .lang_lst li{width:90px;padding-left:1px;background:url('../../img/nGreenB/bg_lang_body.png') repeat-y top left;background-size:90px 1px;}
+.lang_lst li a{display:block;width:88px;height:18px;padding-top:5px;border-top:1px solid #a4a4a4;border-bottom:1px solid #fff;font-size:13px;line-height:13px;color:#585858;}
+.lang_lst li:first-child a{border-top:none}
+p.cr{height:20px;padding:11px 0 2px;text-align:center;font-size:12px;line-height:12px;color:#848484}
+
+
+.lo_foot.fixed{position:fixed;bottom:0;}
+.lo_foot.static{position:static;}

m.layouts/colorCode/js/jquery.ba-resize.min.js

@@ -0,0 +1,9 @@
+/*
+ * jQuery resize event - v1.1 - 3/14/2010
+ * http://benalman.com/projects/jquery-resize-plugin/
+ * 
+ * Copyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ */
+(function($,h,c){var a=$([]),e=$.resize=$.extend($.resize,{}),i,k="setTimeout",j="resize",d=j+"-special-event",b="delay",f="throttleWindow";e[b]=250;e[f]=true;$.event.special[j]={setup:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.add(l);$.data(this,d,{w:l.width(),h:l.height()});if(a.length===1){g()}},teardown:function(){if(!e[f]&&this[k]){return false}var l=$(this);a=a.not(l);l.removeData(d);if(!a.length){clearTimeout(i)}},add:function(l){if(!e[f]&&this[k]){return false}var n;function m(s,o,p){var q=$(this),r=$.data(this,d);r.w=o!==c?o:q.width();r.h=p!==c?p:q.height();n.apply(this,arguments)}if($.isFunction(l)){n=l;return m}else{n=l.handler;l.handler=m}}};function g(){i=h[k](function(){a.each(function(){var n=$(this),m=n.width(),l=n.height(),o=$.data(this,d);if(m!==o.w||l!==o.h){n.trigger(j,[o.w=m,o.h=l])}});g()},e[b])}})(jQuery,this);

m.layouts/colorCode/js/layout.js

@@ -0,0 +1,26 @@
+jQuery(function($){
+    var lang = $('.link .lang');
+    var lang_lst = $('.lang .lang_lst')
+    lang.click(function(){
+        if(lang.hasClass('on')){
+            lang.removeClass('on').addClass('off');
+            lang_lst.hide();
+        }else if(lang.hasClass('off')){
+            lang.removeClass('off').addClass('on');
+            lang_lst.show();
+        }
+    })
+   var lo_foot = $('.lo_foot');
+   var lo_head = $('.lo_head');
+   var ct = $('.ct');
+    function footPosition(){
+        if((lo_head.outerHeight() + ct.outerHeight() + 71) > $(window).height()){
+            lo_foot.removeClass('fixed').addClass('static');
+        }else if((lo_head.outerHeight() + ct.outerHeight() + 71) < $(window).height()){
+            lo_foot.removeClass('static').addClass('fixed');
+        }
+    }
+     footPosition();
+    ct.resize(footPosition);
+    
+}); // end of ready

m.layouts/colorCode/layout.html

@@ -0,0 +1,51 @@
+<load target="css/Blue/layout.css" cond="$layout_info->colorset=='blue' || !$layout_info->colorset" />
+<load target="css/Gray/layout.css" cond="$layout_info->colorset=='gray'" />
+<load target="css/Red/layout.css" cond="$layout_info->colorset=='red'" />
+<load target="css/Orange/layout.css" cond="$layout_info->colorset=='orange'" />
+<load target="css/nGreenA/layout.css" cond="$layout_info->colorset=='ngreena'" />
+<load target="css/nGreenB/layout.css" cond="$layout_info->colorset=='ngreenb'" />
+<load target="../../common/js/jquery.min.js" index="-1" />
+<load target="js/jquery.ba-resize.min.js" />
+<load target="js/layout.js" />
+<div class="skip"><a href="#ct">Skip to Content</a></div>
+<header class="lo_head">
+    <a href="{$layout_info->index_url}" class="btn_home">Home</a>
+
+<!--@if($layout_info->menu->main_menu->menu_srl)-->
+    <!--@if($act=='dispMenuMenu')-->
+    <a class="btn_menu" href="#" onclick="history.back(); return false;" title="돌아가기"><span class="b">Back</span></a>
+    <!--@else-->
+    <a class="btn_menu" href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}" title="메뉴"><span class="m">Menu</span></a>
+    <!--@end-->
+<!--@end-->
+    <h1 cond="$layout_info->logo_image" class="title"><a href="{$layout_info->index_url}" class="img"><img src="img/@xe_logo.png"></a></h1>
+    <h1 cond="$layout_info->index_title" class="title"><a href="{$layout_info->index_url}" class="txt">{$layout_info->index_title}</a></h1>
+
+</header>
+<hr class="head_hr" />
+<section id="ct" class="ct">
+{$content}
+</section>
+<footer class="lo_foot">
+    <ul class="link">
+    <!--@if($is_logged)-->
+    <li><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
+    <!--@elseif($act!='dispMemberLoginForm')-->
+    <li><a href="{getUrl('act','dispMemberLoginForm')}" >{$lang->cmd_login}</a></li>
+    <!--@end-->
+    <li><a href="{getUrl('m',0)}">PC</a></li>
+    <li class="lang off">
+        <a href="#" onclick="return false;" title="{$lang_type}">{$lang_supported[$lang_type]} <i class="icon_arr_draw"></i></a>
+        <ul class="lang_lst">
+        <!--@foreach($lang_supported as $key=>$val)-->
+               
+                <li cond="$key != $lang_type"><a href="{getUrl('act',$oldact,'l',$key)}">{$val}</a></li>
+                
+        <!--@end-->
+        </ul>
+    </li>
+    </ul>
+    <p class="cr">{$layout_info->footer_title}</p>
+</footer>
+</body>
+</html>