#18958465 : mobile layout. (under progressing)

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7527 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
haneul 2010-06-21 09:02:22 +00:00
parent 4a61d647db
commit b1e32c7948
3 changed files with 189 additions and 0 deletions

View file

@ -0,0 +1,62 @@
<?xml version="1.0" encoding="UTF-8"?>
<layout version="0.2">
<title xml:lang="ko">XE 공식 사이트 모바일 레이아웃</title>
<title xml:lang="en">XE Official Mobile layout</title>
<description xml:lang="ko">
XE 공식 모바일 레이아웃입니다.
디자인, 퍼블리싱 : 정찬명
레이아웃 제작 : haneul
</description>
<description xml:lang="en">
This layout is the XE Official website layout.
Design, HTML/CSS : Chan-Myung Jeong
Layout producer : haneul
</description>
<version>0.1</version>
<date>2010-06-10</date>
<link>http://xpressengine.com</link>
<author email_address="developers@xpressengine.com" link="http://xpressengine.com">
<name xml:lang="ko">XE</name>
<name xml:lang="en">XE</name>
</author>
<extra_vars>
<var name="index_title" type="text">
<title xml:lang="ko">홈페이지 Title</title>
<title xml:lang="en">Homepage Title</title>
</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>
<title xml:lang="ge">Homepage URL</title>
<title xml:lang="ru">Домашняя страница URL</title>
<title xml:lang="es">URL de la página web</title>
<title xml:lang="vi">URL Trang chủ</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>
<description xml:lang="ge">Bitte geben Sie die URL umzuleiten, wenn Benutzer klickt das Logo</description>
<description xml:lang="ru">Пожалуйста, введите URL для перенаправления, когда пользователь нажимает логотип</description>
<description xml:lang="es">Ingresar el URL de la página web para redireccionar al pulsar el logotipo</description>
<description xml:lang="vi">Hãy nhập địa chỉ bạn muốn chuyển đến khi bấm vào 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>
<title xml:lang="ge">Top Menü</title>
<title xml:lang="ru">Верхнее меню</title>
<title xml:lang="es">Menú Principal</title>
<title xml:lang="vi">Menu trên</title>
</menu>
</menus>
</layout>

View file

@ -0,0 +1,18 @@
<!--%import("mx.css")-->
<div class="eg hd">
<h1 class="h1"><a href="{$layout_info->index_url}">{$layout_info->index_title}</a></h1>
<div class="fr"><a href="menu.html" class="bn">메뉴</a></div>
</div>
<div class="bd">
{$content}
</div>
<ul class="eg ft">
<!--@if($is_logged)-->
<li class="fl"><a href="{getUrl('act','dispMemberLogout')}">로그아웃</a></li>
<!--@else-->
<li class="fl"><a href="{getUrl('act','dispMemberLoginForm')}">로그인</a></li>
<!--@end-->
<li class="fl"><a href="search.html">검색</a></li>
<li class="fr"><a href="#">PC</a></li>
</ul>
<p class="cr">{$layout_info->index_title}</p>

109
m.layouts/default/mx.css Normal file
View file

@ -0,0 +1,109 @@
@charset "utf-8";
/* Mobile XE */
body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif}
img{border:0}
em{font-style:normal}
form{margin:0;padding:0}
form ul{margin:0;padding:0;list-style:none}
form li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dashed #999}
form li:last-child{border:0}
form p{margin:0}
form p.help{color:#666}
fieldset{border:0;margin:0;padding:0}
input,textarea,select{font-size:16px}
button{font-size:12px;cursor:pointer;background:#eee;border:1px solid #666;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:visible;padding:3px;text-shadow:1px 1px 0 #fff;box-shadow:0 0 2px #666;-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;text-decoration:none;font-weight:normal}
select{width:90%}
/* Common Class */
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.al{text-align:left}
.ar{text-align:right}
.ac{text-align:center}
.itx{border:1px solid #ccc;width:90%;font-size:20px;height:30px;padding:5px 10px}
.itxx{border:1px solid #ccc;width:90%;font-size:20px;padding:5px 10px;resize:vertical}
.db{display:block}
.di{display:inline}
.fb{font-weight:bold}
.sn{margin:10px;*zoom:1}
.sn:after{content:"";display:block;clear:both}
/* Button */
.bn{display:inline-block;padding:5px 10px;font-weight:normal;font-size:14px;border:1px solid #333;background:#eee;color:#000;text-shadow:1px 1px 0 #fff;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
/* Edge = Header/Footer */
.eg{position:relative;background:#666;*zoom:1}
.eg:after{content:"";display:block;clear:both}
.eg a{text-decoration:none}
/* Header */
.hd{padding:10px;border-top:3px solid #444}
.hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold;text-shadow:0 0 3px #000}
.hd .h1 a{color:#fff}
.hd .bn{font-size:12px}
/* Footer */
.ft{padding:0 5px;margin:0;list-style:none}
.ft a{display:inline-block;padding:10px;color:#fff;text-shadow:0 0 2px #000;font-size:14px;font-weight:bold}
/* Context */
.cm{margin:0;padding:10px;background:#777;color:#fff;text-align:center;list-style:none;border-top:1px solid #555;*zoom:1}
.cm:after{content:"";display:block;clear:both}
.cm .fl{margin:0 5px 0 0}
.cm .fr{margin:0 0 0 5px}
/* Copyright */
.cr{margin:0;padding:5px 15px;text-align:center;background:#444;color:#ccc;text-shadow:0 0 2px #000;font-size:12px;font-weight:bold}
/* Body */
.bd{position:relative;overflow:hidden;clear:both}
.bd .h2{font-size:20px;background:#ccc;border:1px solid #aaa}
.bd .h3{font-size:16px;background:#eee;border:1px solid #ccc}
.bd .h2,.bd .h3{position:relative;margin:-1px 0;padding:10px;border:1px solid #aaa;border-left:0;border-right:0;text-shadow:1px 1px #fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd .h2 em,.bd .h3 em{font-weight:normal;color:#f60;font-size:12px}
.bd .h2 a,.bd .h3 a{color:#000}
.bd .h2 .bn{position:absolute;top:8px;right:10px;font-size:12px;margin:0}
/* GNB */
.gn,.gn ul{margin:0;padding:0;list-style:none}
.gn li{margin:-1px 0;border:1px solid #999;border-left:0;border-right:0;vertical-align:top}
.gn li a{display:block;text-decoration:none;height:45px;line-height:45px;padding:0 10px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gn li a em{font-weight:normal;color:#f60;font-size:12px}
.gn li a:visited{color:#666}
.gn li li a{padding:0 10px 0 20px}
.gn li li li a{padding:0 10px 0 30px}
.gn li li li li a{padding:0 10px 0 50px}
/* Search */
.sh{position:relative;text-align:center}
.sh .itx{width:80%;background:none;border:5px solid #333;margin:10px}
/* List */
.lt,.lt ul{margin:0;padding:0;list-style:none}
.lt li{border-bottom:1px solid #999}
.lt li:last-child{border:0}
.lt a{display:block;text-decoration:none;padding:10px;color:#000;*zoom:1}
.lt a:after{content:"";display:block;clear:both}
.lt a:visited{color:#666}
.lt .title span{color:#f60}
.lt .auth{font-size:12px;color:#666}
.lt .auth em{margin:0 5px 0 0}
.lt .auth span{border-left:1px solid #ccc;padding:0 0 0 10px}
.lt .th{float:left;margin:0 10px 0 0;border:1px solid #ccc;width:80px;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333}
.lt p{margin:0 0 10px 0;padding:0 10px;color:#666}
/* Pagenation */
.pn{padding:10px 0;text-align:center;border-top:1px solid #999;font-size:12px}
.pn a,.pn strong{padding:5px 10px;display:inline-block;border:1px solid #ccc;text-decoration:none;background:#f8f8f8;color:#333}
.pn a:visited{color:#666}
.pn strong{border:0;background:none}
/* Read */
.rd .hx{padding:10px;background:#ddd;border:1px solid #ccc;border-left:0;border-right:0;text-shadow:1px 1px #fff}
.rd .hx h2{display:inline;font-size:20px}
.rd .hx em,.rd .hx span{font-size:12px;color:#666}
.rd .hx span{padding:0 0 0 10px;border-left:1px solid #ccc}
.rd .hx a{color:#000}
.rd .co{margin:10px;word-break:break-word;overflow:hidden}
.rd .tg{position:absolute;top:8px;right:10px;font-size:12px;margin:0}
.rd .tgo{display:none}
.rd .tgo.open{display:block}
.rd .tgo a{color:#333}
/* Reply */
.rp{margin:0;padding:0;list-style:none}
.rp li{border-bottom:1px solid #ccc;padding:10px;overflow:hidden}
.rp li:last-child{border:0}
.rp p{display:inline}
.rp em,.rp span{color:#666;font-size:12px}
.rp span,.rp .md{padding:0 0 0 5px;border-left:1px solid #ccc}
.rp em a{text-decoration:none}
.rp .md{font-size:12px}