fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-07 10:41:40 +09:00
Code Issues Projects Releases Packages Wiki Activity

Planet UI Debugging

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4970 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2008-11-24 09:45:11 +00:00
parent e09ca5727a
commit 4058bcb9d8
4 changed files with 37 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

6
common/css/button.css
View file

@ -34,18 +34,18 @@ span.button, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button button,
span.button input { height:23px; left:2px; *top:-1px; _top:0; padding:0 10px 0 8px; *padding:0 5px 0 3px; line-height:24px; background-position:right top; cursor:pointer;}
/* Large Size */
span.button.large { background-position:left -30px; *top:-1px;}
span.button.large { background-position:left -30px;}
span.button.large, x:-moz-any-link{ font:0/29px Sans-serif; padding:14px 0;} /* Firefox 2 Fix */
span.button.large, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.large button,
span.button.large input { height:30px; *top:0; _top:-1px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;}
span.button.large input { height:30px; *top:0 !important; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:16px/30px Sans-serif; background-position:right -30px;}
/* xLarge Size */
span.button.xLarge { background-position:left -65px;}
span.button.xLarge, x:-moz-any-link{ font:0/35px Sans-serif; padding:17px 0;} /* Firefox 2 Fix */
span.button.xLarge, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
span.button.xLarge button,
span.button.xLarge input { height:35px; padding:0 10px 0 8px; *padding:0 5px 0 3px; font:20px/36px Sans-serif; background-position:right -65px;}
/* Large Size */
/* Small Size */
span.button.small { background-position:left -107px;}
span.button.small, x:-moz-any-link{ font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
span.button.small, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */

30
modules/planet/skins/xe_planet/css/default.css
View file

@ -28,7 +28,7 @@ button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibili
/* Layout */
#container {}
#header{ position:relative; z-index:30; float:left; clear:both; height:80px; font-family:"Malgun Gothic", AppleGothic, Dotum, Sans-serif;}
#header{ position:relative; z-index:30; float:left; clear:both; height:80px;}
#header *{ margin:0; padding:0;}
#header li{ list-style:none;}
#body{ clear:both; z-index:20;}
@ -40,15 +40,18 @@ button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibili
.languageSelect select{ font-size:12px;}
/* Heading */
h1 { position:relative; top:-10px; white-space:nowrap;}
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:30px; color:#000; letter-spacing:-3px; text-decoration:none !important;}
/* Time Navigation */
.timeNav{ font-size:.8em; white-space:nowrap;}
.timeNav{ font:11px Dotum, Tahoma; white-space:nowrap; color:#999;}
.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-weight:bold; color:#000; padding:0 3px !important; text-decoration:none;}
.timeNav .next{ display:inline-block; font-size:18px; font-family:Arial; font-weight:bold; color:#000; padding:0 5px !important; text-decoration:none !important;}
/* Footer */
#footer{margin:0; clear:both; text-align:center; padding:30px 0;}
@ -63,7 +66,7 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de
.search{ position:relative; top:2px; float:right; margin:0; padding:0; white-space:nowrap; text-align:right; *zoom:1;}
.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;}
.search .inputText.focus{ border:3px solid #4ba300; height:17px; width:156px;}
.search .button{ top:0;}
.search .button{ top:0 !important;}
.search .suggestion{ position:absolute; top:3px; left:174px; /* border:1px solid; */}
.search .suggestion .autoComplete{ position:absolute; top:0; left:0; width:23px; height:23px; background:#fff url(../images/buttonAutoComplete.gif) no-repeat center -10px;}
.search .suggestion ul.recommendation{ display:none; position:absolute; top:26px; left:-174px; width:198px; border:1px solid #e7e7e7; border-top:none; background:#fff;}
@ -89,10 +92,10 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de
/* ---------- Content ---------- */
/* Tab */
.generalTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;}
.generalTab{ float:left; margin:0; padding:0 0 0 16px; position:relative; *zoom:1;}
.generalTab *{ margin:0; padding:0; list-style:none;}
.generalTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;}
.generalTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;}
.generalTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;}
.generalTab li a sup{ font:9px Tahoma, Sans-serif;}
.generalTab li.active{ top:0; background-color:#50606B;}
.generalTab li.active a{ padding:7px 23px 0 20px; background-color:#50606B; font-weight:bold;}
@ -100,26 +103,26 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de
.tab{ *zoom:1;}
.tab:after{ content:""; display:block; clear:both;}
.myTab{ float:left; margin:0 0 0 16px; padding:0; position:relative; *zoom:1;}
.myTab{ float:left; margin:0; padding:0 0 0 16px; position:relative; *zoom:1;}
.myTab:after{ content:""; display:block; clear:both;}
.myTab *{ margin:0; padding:0; list-style:none;}
.myTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.myTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.myTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.myTab li a sup{ font:9px Tahoma, Sans-serif;}
.myTab li.active{ top:0;}
.myTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;}
.exTab{ float:right; margin:0; padding:0; position:relative; right:13px; *zoom:1;}
.exTab{ float:right; margin:0; padding:0; position:relative; *zoom:1;}
.exTab:after{ content:""; display:block; clear:both;}
.exTab *{ margin:0; padding:0; list-style:none;}
.exTab li{ position:relative; top:2px; float:left; margin-right:6px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.exTab li a{ position:relative; left:3px; display:block; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.exTab li{ position:relative; top:2px; float:left; margin-right:6px; _margin-right:3px; text-align:center; background:url(../images/cr3pxLeft.gif) no-repeat left top;}
.exTab li a{ position:relative; left:3px; display:block; float:left; height:22px; padding:5px 23px 0 20px; font-size:12px; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
.exTab li a sup{ font:9px Tahoma, Sans-serif;}
.exTab li.active{ top:0;}
.exTab li.active a{ padding:7px 23px 0 20px; font-weight:bold;}
/* Tag */
.tagRank{ float:right; position:relative; top:2px; right:19px; z-index:20;}
.tagRank{ float:right; position:relative; top:2px; padding:0 19px 0 0; z-index:20; margin:0; *zoom:1;}
.tagRank *{ margin:0; padding:0;}
.tagRank .buttonTag{ width:197px; display:block; position:relative; background:#848f97 url(../images/cr3pxLeft.gif) no-repeat left top;}
.tagRank .buttonTag button{ width:197px; display:block; position:relative; left:3px; height:27px; padding:5px 10px 0 10px; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top; text-align:left; vertical-align:middle;}
@ -479,6 +482,7 @@ h1 a{ font-weight:bold; font-size:30px; color:#000; letter-spacing:-3px; text-de
.authorFooter .nav .button, x:-moz-any-link, x:default { vertical-align:top; }
.authorFooter .nav a.button, x:-moz-any-link{ padding:4px 0 6px 0;}
.authorFooter .nav a.button, x:-moz-any-link, x:default { padding:0;}
.authorFooter .nav span.button{ top:0;}
.authorFooter .tl,
.authorFooter .tr{position:absolute; bottom:-1px; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxCommentOut.gif) no-repeat;}
.authorFooter .tl{ left:-1px; background-position:left bottom;}

2
modules/planet/skins/xe_planet/header.html
View file

@ -40,7 +40,7 @@
<strong>{zdate($date,'Y')}</strong>{$lang->unit_year}
<strong>{zdate($date,'m')}</strong>{$lang->unit_month}
<strong>{zdate($date,'d')}</strong>{$lang->unit_day}
(<strong>{zdate($date,'l')}</strong>)
(<em>{zdate($date,'l')}</em>)
<a class="next" href="{getUrl('date',$next_date)}" title="{$lang->cmd_next}">&gt;</a>
</div>

21
modules/planet/skins/xe_planet/myPlanet.html
View file

@ -13,11 +13,22 @@
<!--<li <!--@if($type=='fish')-->class="active"<!--@end-->><a href="{getUrl('type','fish')}">{$lang->planet_fish}<sup>&nbsp;</sup></a></li>
<li <!--@if($type=='bigfish')-->class="active"<!--@end-->><a href="{getUrl('type','bigfish')}">{$lang->planet_bigfish}<sup>&nbsp;</sup></a></li>-->
</ul>
<!--
<ul class="exTab">
<li><a href="#"><sup></sup></a></li>
</ul>
-->
<!-- 실시간 인기 태그-->
<div class="tagRank">
<!--// class="tagRank" | class="tagRank open" -->
<span class="buttonTag"><button type="button" onclick="toggleTagRank()"><span>{$lang->planet_hot_tag}</span></button></span>
<div class="layer">
<ul>
<!--@foreach($planet->getPopularTags(false,10) as $val)-->
<li><a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($val->tag))}">{htmlspecialchars($val->tag)}</a></li>
<!--@end-->
</ul>
<a href="{getUrl('moretags',1)}" class="more">&gt;{$lang->cmd_planet_more_tag}</a>
</div>
</div>
<!-- //실시간 인기 태그 -->
</div>
<div class="commentList" id="commentList">