planet 기본 스킨을 XE Official 레이아웃에 잘 맞도록 수정 (다른 레이아웃도 해당됨)

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5285 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero 2009-01-08 06:47:41 +00:00
parent 4f949101e3
commit ab4ef12b4c
2 changed files with 40 additions and 38 deletions

View file

@ -1,13 +1,6 @@
@charset "utf-8";
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
/* xe layer */
#waitingforserverresponse { border:2px solid #000000; font-weight:bold; color:#BBBBBB; padding: 7px 5px 5px 25px; background-color:#222222; top:40px; left:40px; position:absolute; z-index:100; visibility:hidden; }
#popup_menu_area { position:absolute; left:0px; top:0px; z-index:1003; visibility:hidden; border:2px solid #D9D9D9; background-color:#FFFFFF; padding:0; }
#popup_menu_area .box { border:1px solid #CACACA; background-color:#FFFFFF; padding:7px; }
#popup_menu_area .item { color:#333333; cursor:pointer; margin:0; padding:3px 0 3px 0; white-space:nowrap; }
#popup_menu_area .item_on { color:#333333; font-weight:bold; margin:0; cursor:pointer; padding:3px 0 3px 0; letter-spacing:-1px; white-space:nowrap;}
/* Reset */
img, fieldset, button{border:0;}
fieldset{ padding:0;}
@ -26,32 +19,33 @@ button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibili
.blind, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0 !important; line-height:0;}
/* Layout */
#planet{margin:10px; font-family:Sans-serif;}
#planet {font-family:Sans-serif; margin:0; padding:0; }
#container {}
#planetHeader{ position:relative; z-index:30; clear:both; margin:0 0 20px 0;}
#planetHeader{ z-index:30; clear:both; margin:0 0 20px 0; overflow:hidden; *zoom:1; padding-bottom:3px;}
#planetHeader *{ margin:0; padding:0;}
#planetHeader li{ list-style:none;}
#planetBody{ clear:both; z-index:20;}
.nTop #navigation{ right:0; top:0 !important; z-index:100; }
.nTop #navigation .gnb ul{ margin:0;}
.nTop #navigation li{ list-style:none;}
.buttonArea{ text-align:center;}
.languageSelect { position:absolute; right:0; top:-30px; }
.languageSelect select{ font-size:12px;}
/* Heading */
h1 { position:relative; top:-10px; white-space:nowrap; font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;}
h1, x:-moz-any-link{ top:0;}
h1, x:-moz-any-link, x:default{ top:-10px;}
h1 a{ font-weight:bold; font-size:26px; color:#000; letter-spacing:-3px; text-decoration:none !important;}
#planetHeader h1 { white-space:nowrap; margin:0; padding:0;}
#planetHeader h1 a { font-weight:bold; font-size:26px; color:#000; text-decoration:none !important;}
/* Time Navigation */
.timeNav{ font:11px Dotum, Tahoma; white-space:nowrap; color:#999;}
.timeNav{ font:11px Dotum, Tahoma; white-space:nowrap; color:#999; float:left;}
.timeNav *{ color:#000;}
.timeNav strong{ font-family:Arial; font-size:18px;}
.timeNav em{ font-style:normal; font-weight:bold; font-size:18px; font-family:"Malgun Gothic", AppleGothic, Dotum, Tahoma, Sans-serif;}
.timeNav .prev,
.timeNav .next{ display:inline-block; font-size:18px; font-family:Arial; font-weight:bold; color:#000; padding:0 5px !important; text-decoration:none !important;}
.timeNav .next { display:inline-block; font-size:18px; font-family:Arial; font-weight:bold; color:#000; padding:0 5px !important; text-decoration:none !important;}
.timeNav span.prev,
.timeNav span.next { color:#AAA; }
#navigation{ float:right; z-index:100; }
#navigation .gnb { clear:both; margin:0;}
#navigation .gnb ul{ margin:0;}
#navigation li{ list-style:none;}
.buttonArea{ text-align:center;}
/* Footer */
#planetFooter{margin:0; clear:both; text-align:center; padding:30px 0;}
@ -63,8 +57,8 @@ h1 a{ font-weight:bold; font-size:26px; color:#000; letter-spacing:-3px; text-de
/* ---------- Navigation ---------- */
/* Search */
#planetHeader .search{ position:relative; top:2px; float:right; margin:0; padding:0; white-space:nowrap; text-align:right; *zoom:1; margin-right:2px;}
#planetHeader .search .inputText{ padding:4px 5px 2px 5px; height:21px; width:160px; border:1px solid #e7e7e7; vertical-align:top; font:bold 14px AppleGothic, Dotum, Gulim, Sans-serif;}
#planetHeader .search{ clear:both; padding:0; white-space:nowrap; text-align:right; *zoom:1; margin-right:2px;}
#planetHeader .search .inputText{ padding:0; height:21px; width:160px; border:1px solid #e7e7e7; vertical-align:top; font:bold 14px AppleGothic, Dotum, Gulim, Sans-serif;}
#planetHeader .search .inputText.focus{ border:3px solid #4ba300; height:17px; width:156px;}
#planetHeader .search .button{ top:1px;}
#planetHeader .search .button button{ padding:0 10px 0 8px; font-family:Dotum;}
@ -247,7 +241,7 @@ h1 a{ font-weight:bold; font-size:26px; color:#000; letter-spacing:-3px; text-de
.commentBody .comment .identity a img{ display:block; border:1px solid #ddd;}
.commentBody .comment .identity a em{ position:absolute; width:96px; text-align:center; left:1px; bottom:1px; display:block; padding:5px 0; font-style:normal; background:#000; opacity:.6; filter:alpha(opacity=60); line-height:normal;}
.commentBody .comment .tongue{ position:relative; margin-left:113px; *zoom:1;}
.commentBody .comment .tongue .post{ margin:0 0 7px 0; font:16px/1.6 NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
.commentBody .comment .tongue .post{ margin:0 0 7px 0; font:16px/1.6 NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; word-break:break-all; }
.commentBody .comment .tongue .post a { font:1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#06C;}
.commentBody .comment .tongue .post strong{ background:#f7b100; font:normal 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff;}
.commentBody .comment .tongue .postScript{ margin:0 0 10px 0; font-size:12px; color:#999;}

View file

@ -24,9 +24,28 @@
<div id="planet">
<div id="planetHeader">
<!--@if($config->logo_image)-->
<h1><a href="{getUrl('','mid',$config->mid)}"><img src="{$config->logo_image}" alt="{$config->logo_title}" /></a></h1>
<h1><a href="{getUrl('','mid',$config->mid)}"><img src="{$config->logo_image}" alt="{$config->logo_title}" /></a></h1>
<!--@elseif($config->logo_title)-->
<h1><a href="{getUrl('','mid',$config->mid)}">{htmlspecialchars($config->logo_title)}</a></h1>
<h1><a href="{getUrl('','mid',$config->mid)}">{htmlspecialchars($config->logo_title)}</a></h1>
<!--@end-->
<!--@if($date && !($act=='dispPlanetLogin' || $act=='dispPlanetContentTagSearch' || $act=='dispPlanetTagSearch' || $act=='dispPlanetContentSearch'))-->
<div class="timeNav">
<!--@if($prev_date)-->
<a class="prev" href="{getUrl('date',$prev_date)}" title="{$lang->cmd_prev}">&lt;</a>
<!--@else-->
<span class="prev">&lt;</span>
<!--@end-->
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<em>{zdate($date,'l')}</em>)
<!--@if($next_date)-->
<a class="next" href="{getUrl('date',$next_date)}" title="{$lang->cmd_next}">&gt;</a>
<!--@else-->
<span class="next">&gt;</span>
<!--@end-->
</div>
<!--@end-->
<div id="navigation">
@ -66,24 +85,13 @@
<input name="keyword" type="text" class="inputText" value="{htmlspecialchars(urldecode($keyword))}" onfocus="this.className='inputText focus';" onblur="this.className='inputText'" accesskey="S" title="{$lang->about_planet_input_search_text}(S)" />
<!--@end-->
<span class="button large strong"> <button type="submit">{$lang->cmd_search}</button> </span>
<span class="button strong"> <button type="submit">{$lang->cmd_search}</button> </span>
</fieldset>
</form>
<!--@end-->
<!--// 검색 -->
</div>
<!--@if($date && !($act=='dispPlanetLogin' || $act=='dispPlanetContentTagSearch' || $act=='dispPlanetTagSearch' || $act=='dispPlanetContentSearch'))-->
<div class="timeNav">
<!--@if($prev_date)--><a class="prev" href="{getUrl('date',$prev_date)}" title="{$lang->cmd_prev}">&lt;</a><!--@end-->
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<em>{zdate($date,'l')}</em>)
<!--@if($next_date)--><a class="next" href="{getUrl('date',$next_date)}" title="{$lang->cmd_next}">&gt;</a><!--@end-->
</div>
<!--@end-->
</div>
<hr />