#18976536 : css separation

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7561 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
haneul 2010-06-29 04:50:24 +00:00
parent 49f1ff0311
commit 96a25532c7
2 changed files with 11 additions and 86 deletions

View file

@ -5,9 +5,7 @@
<div class="fr"><a href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}" class="bn">{$lang->menu}</a></div> <div class="fr"><a href="{getUrl('act','dispMenuMenu','menu_srl',$layout_info->menu->main_menu->menu_srl)}" class="bn">{$lang->menu}</a></div>
<!--@end--> <!--@end-->
</div> </div>
<div class="bd">
{$content} {$content}
</div>
<ul class="eg ft"> <ul class="eg ft">
<!--@if($is_logged)--> <!--@if($is_logged)-->
<li class="fl"><a href="{getUrl('act','dispMemberLogout')}">로그아웃</a></li> <li class="fl"><a href="{getUrl('act','dispMemberLogout')}">로그아웃</a></li>

View file

@ -2,34 +2,10 @@
/* Mobile XE */ /* Mobile XE */
body{margin:0;background:#fff;color:#000;word-wrap:break-word} body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif} 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 */ /* Common Class */
.fl{float:left} .fl{float:left}
.fr{float:right} .fr{float:right}
.cb{clear:both} .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 */ /* Edge = Header/Footer */
.eg{position:relative;background:#666;*zoom:1} .eg{position:relative;background:#666;*zoom:1}
.eg:after{content:"";display:block;clear:both} .eg:after{content:"";display:block;clear:both}
@ -42,68 +18,19 @@ select{width:90%}
/* Footer */ /* Footer */
.ft{padding:0 5px;margin:0;list-style:none} .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} .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 */ /* 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} .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 */ /* Search */
.sh{position:relative;text-align:center} .sh{position:relative;text-align:center}
.sh .itx{width:80%;background:none;border:5px solid #333;margin:10px} .sh .itx{width:80%;background:none;border:5px solid #333;margin:10px}
/* List */ /* Definition */
.lt,.lt ul{margin:0;padding:0;list-style:none} .dl{margin:10px}
.lt li{border-bottom:1px solid #999} .dl dt{margin:0;padding:0;font-weight:bold}
.lt li:last-child{border:0} .dl dd{margin:0 0 10px 0;padding:0;color:#666}
.lt a{display:block;text-decoration:none;padding:10px;color:#000;*zoom:1} /* Graph Horizontal */
.lt a:after{content:"";display:block;clear:both} .gh{list-style:none;margin:10px;padding:0}
.lt a:visited{color:#666} .gh li{position:relative;margin:5px 0}
.lt .title span{color:#f60} .gh .bar{position:absolute;z-index:-1;height:100%;width:0;background:#ddd}
.lt .auth{font-size:12px;color:#666} .gh em{color:#f60}
.lt .auth em{margin:0 5px 0 0} /* Button */
.lt .auth span{border-left:1px solid #ccc;padding:0 0 0 10px} .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}
.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}