mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-26 06:39:56 +09:00
planet Package Module 추가
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@4874 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
zero
parent
83ab586a60
commit
b3179d58d0
217 changed files with 12581 additions and 0 deletions
90
modules/planet/skins/xe_planet/content_list.html
Normal file
90
modules/planet/skins/xe_planet/content_list.html
Normal file
|
|
@ -0,0 +1,90 @@
|
|||
<!--@foreach($content_list as $no => $item)-->
|
||||
<div class="commentBody <!--@if($planet->getMid() == $item->getPlanetMid())-->myPlanet<!--@end-->">
|
||||
<!--// Original Text -->
|
||||
<div class="comment">
|
||||
<!--@if($planet->getMid() != $item->getPlanetMid())-->
|
||||
<h3 class="identity"> <a href="{getUrl('','mid',$item->getPlanetMid())}"><img src="{$item->getPlanetPhotoSrc()}" width="96" height="96" alt="{htmlspecialchars($item->nick_name)}" /><em>{htmlspecialchars($item->get('nick_name'))}</em></a> </h3>
|
||||
<!--@end-->
|
||||
<div class="tongue">
|
||||
<div class="post">
|
||||
{$item->getContent()}
|
||||
</div>
|
||||
<!--@if($item->getPostScript())-->
|
||||
<p class="postScript"><strong>{$lang->planet_postscript}</strong> {htmlspecialchars($item->getPostScript())}</p>
|
||||
<!--@end-->
|
||||
<div class="postExtra">
|
||||
<div class="tag">
|
||||
<!--// class="tag" | class="tag edit" -->
|
||||
{@ $regdate = $item->get('regdate') }
|
||||
<p class="time">{getTimeGap($item->get('regdate'), sprintf('y/m/d a H%s i%s', $lang->unit_hour,$lang->unit_min))}</p>
|
||||
<dl>
|
||||
<dt>TAG</dt>
|
||||
<!--@if($item->get('mid')==$myplanet->getMid())-->
|
||||
<dd class="tagRead">
|
||||
<!--@for($i=0,$tag=$item->getArrTags(),$c=count($tag);$i<$c;$i++)-->
|
||||
<a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($tag[$i]))}" onmouseover="showBtnDeleteTag($Element(this).next())" onmouseout="closeBtnDeleteTag($Element(this).next())" name="planet_content_tag:{$item->get('document_srl')}">{htmlspecialchars($tag[$i])}</a><button type="button" class="delete" onclick="deletePlanetContentTag({$item->get('document_srl')},{$i});return false;" onmouseover="showBtnDeleteTag(this)" onmouseout="closeBtnDeleteTag(this)"><span>{$lang->cmd_planet_del_tag}</span></button>
|
||||
<!--@end-->
|
||||
|
||||
<button type="button" class="modify" onclick="showPlanetContentTagEditForm(this,{$item->get('document_srl')});"><span>{$lang->cmd_planet_edit_tag}</span></button>
|
||||
</dd>
|
||||
<dd class="tagModify">
|
||||
<form id="form_planet_content_tag:{$item->get('document_srl')}" action="{Context::getRequestUri()}" method="post" onsubmit="return procFilter(this, modify_content_tag)" enctype="multipart/form-data">
|
||||
<input type="hidden" name="document_srl" value="{$item->get('document_srl')}" />
|
||||
<input type="text" name="planet_content_tag" value="{$item->getTextTags()}" class="inputText" /><button type="submit">{$lang->cmd_save}</button><button type="button" onclick="closePlanetContentTagEditForm(this);return false;">{$lang->cmd_cancel}</button>
|
||||
</form>
|
||||
</dd>
|
||||
<!--@else-->
|
||||
<dd class="tagRead">
|
||||
<!--@for($i=0,$tag=$item->getArrTags(),$c=count($tag);$i<$c;$i++)-->
|
||||
<a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($tag[$i]))}" name="planet_content_tag:{$item->get('document_srl')}">{htmlspecialchars($tag[$i])}</a>
|
||||
<!--@end-->
|
||||
|
||||
</dd>
|
||||
<!--@end-->
|
||||
</dl>
|
||||
</div>
|
||||
<div class="sympathy">
|
||||
<!--@if($myplanet->isExists() && $item->get('mid')!=$myplanet->getMid())--><button type="button" onclick="doPlanetVoteContent({$item->get('document_srl')});return false;">{$lang->cmd_planet_good} +</button> <!--@end-->
|
||||
<strong class="num" id="content_voted:{$item->get('document_srl')}">{$item->getVotedCount()}</strong>
|
||||
<a href="#" onclick="showPlanetReply({$item->get('document_srl')});return false;">{$lang->comment}(<span id="reply_count:{$item->get('document_srl')}">{$item->getCommentCount()}</span>)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// //Original Text -->
|
||||
<!--// Reply Text -->
|
||||
<div class="reply" id="reply:{$item->get('document_srl')}">
|
||||
|
||||
<div id="reply_content:{$item->get('document_srl')}"></div>
|
||||
|
||||
|
||||
<!--@if($myplanet->isExists())-->
|
||||
<dl>
|
||||
<dt>{$logged_info->nick_name}</dt>
|
||||
<dd>
|
||||
<form id="writeReply:{$item->get('document_srl')}" action="./" method="post" onsubmit="return procFilter(this, insert_reply)">
|
||||
<input name="document_srl" type="hidden" value="{$item->get('document_srl')}"/>
|
||||
<input name="planet_reply_content" type="text" class="inputText" />
|
||||
<span class="button"><button type="submit">{$lang->cmd_input}</button></span>
|
||||
</form>
|
||||
</dd>
|
||||
</dl>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--// //Reply Text -->
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
|
||||
<!--@if($page_navigation->total_page>1)-->
|
||||
<div class="pagination">
|
||||
<!--@if($page_navigation->cur_page<$page_navigation->last_page)-->
|
||||
<a href="{getUrl('page',$page_navigation->cur_page+1)}" class="prev">{$lang->cmd_prev}</a>
|
||||
<!--@end-->
|
||||
<!--@if($page_navigation->cur_page>1)-->
|
||||
<a href="{getUrl('page',$page_navigation->cur_page-1)}" class="next">{$lang->cmd_next}</a>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
38
modules/planet/skins/xe_planet/create.html
Normal file
38
modules/planet/skins/xe_planet/create.html
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
<!--#include("header.html")-->
|
||||
<!--%import("filter/create.xml")-->
|
||||
|
||||
<div class="personalHeader">
|
||||
<h2>Welcome</h2>
|
||||
<p>{$lang->about_planet_make_planet}</p>
|
||||
<span class="leftCap"></span><span class="rightCap"></span>
|
||||
</div>
|
||||
<form action="./" target="photo_iframe" method="post" enctype="multipart/form-data" onsubmit="return procFilter(this, create)">
|
||||
<input type="hidden" name="module" value="planet" />
|
||||
<input type="hidden" name="act" value="" />
|
||||
<input type="hidden" name="mid" value="" />
|
||||
<fieldset>
|
||||
<legend>{$lang->planet_input_personalinfo}</legend>
|
||||
<div class="myInfo">
|
||||
<dl>
|
||||
<dt><label for="planet_title">{$lang->planet_title}</label></dt>
|
||||
<dd>: <input name="planet_title" id="planet_title" type="text" value="{sprintf($lang->planet_whos_planet, $logged_info->nick_name)}" class="inputText" size="50" /></dd>
|
||||
<dt><label for="photo">{$lang->planet_photo}</label></dt>
|
||||
<dd>: <input name="photo" id="photo" type="file" size="42" onchange="doPlanetPhotoUpload(this);" /> </dd>
|
||||
<dt><label for="summary">{$lang->planet_myintro}</label></dt>
|
||||
<dd>: <input name="planet_myintro" id="summary" type="text" class="inputText" size="50" /></dd>
|
||||
<dt><label for="url">{$lang->planet_url}</label></dt>
|
||||
<dd>: {Context::getRequestUri()} <input name="planet_url" id="url" type="text" class="inputText" size="22" /> <em>*{$lang->about_planet_url}</em></dd>
|
||||
<dt><label for="tag">{$lang->planet_mytag}</label></dt>
|
||||
<dd>: <input name="planet_mytag" id="tag" type="text" class="inputText" size="50" /> <em>*{$lang->about_planet_mytag}</em></dd>
|
||||
</dl>
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
</div>
|
||||
<div class="buttonArea">
|
||||
<span class="button large strong planetBlue"><button type="submit">{$lang->cmd_planet_makeOk_move_myplanet}</button></span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<iframe name="photo_iframe" style="visibility:hidden;width:1px;height:1px;"></iframe>
|
||||
|
||||
<!--#include("footer.html")-->
|
||||
17
modules/planet/skins/xe_planet/css/blue.css
Normal file
17
modules/planet/skins/xe_planet/css/blue.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#8BBED8;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#f3f8fb;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteBlue.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#aed1e4;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#8BBED8;}
|
||||
116
modules/planet/skins/xe_planet/css/button.css
Normal file
116
modules/planet/skins/xe_planet/css/button.css
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
@charset "utf-8";
|
||||
/* Anchor Button */
|
||||
a.button,
|
||||
a.button span { position:relative; display:inline-block; text-decoration:none !important; background:url(../images/buttonWhite.gif) no-repeat; cursor:pointer; white-space:nowrap; vertical-align:middle; *vertical-align:top;}
|
||||
a.button { padding:0; background-position:left top; overflow:visible;}
|
||||
a.button span { left:2px; padding:6px 10px 5px 8px; color:#000; font:12px/12px Sans-serif; background-position:right top;}
|
||||
a.button, x:-moz-any-link { font:0/23px Sans-serif; padding:12px 0; top:1px;} /* Firefox 2 Fix */
|
||||
a.button, x:-moz-any-link, x:default { padding:0; top:0;} /* Firefox 2 Fix */
|
||||
/* Large Size */
|
||||
a.button.large { background-position:left -30px; }
|
||||
a.button.large span { padding:7px 10px 6px 8px; font:16px/16px Sans-serif; background-position:right -30px;}
|
||||
a.button.large, x:-moz-any-link { font:0/29px Sans-serif; padding:15px 0;} /* Firefox 2 Fix */
|
||||
a.button.large, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
/* xLarge Size */
|
||||
a.button.xLarge { background-position:left -65px; }
|
||||
a.button.xLarge span { padding:8px 10px 7px 8px; font:20px/20px Sans-serif; background-position:right -65px;}
|
||||
a.button.xLarge, x:-moz-any-link { font:0/35px Sans-serif; padding:18px 0;} /* Firefox 2 Fix */
|
||||
a.button.xLarge, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
/* Small Size */
|
||||
a.button.small { background-position:left -107px; }
|
||||
a.button.small span { padding:4px 6px 3px 4px; font:11px/11px Sans-serif; background-position:right -107px;}
|
||||
a.button.small, x:-moz-any-link { font:0/18px Sans-serif; padding:9px 0;} /* Firefox 2 Fix */
|
||||
a.button.small, x:-moz-any-link, x:default { padding:0;} /* Firefox 2 Fix */
|
||||
|
||||
/* Control Button + Submit Button */
|
||||
span.button,
|
||||
span.button button,
|
||||
span.button input { position:relative; margin:0; display:inline-block; border:0; font:12px Sans-serif; white-space:nowrap; background:url(../images/buttonWhite.gif) no-repeat; vertical-align:middle;}
|
||||
span.button { padding:0; background-position:left top;}
|
||||
span.button, x:-moz-any-link{ font:0/23px Sans-serif; padding:11px 0;} /* Firefox 2 Fix */
|
||||
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, 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;}
|
||||
/* 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 */
|
||||
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 */
|
||||
span.button.small button,
|
||||
span.button.small input { height:18px; *top:0; _top:-1px; padding:0 6px 0 4px; *padding:0 3px 0 2px; font:11px/18px Sans-serif; background-position:right -107px;}
|
||||
span.button.small button, x:-moz-any-link,
|
||||
span.button.small input, x:-moz-any-link{ top:-1px;} /* Firefox 2 Fix */
|
||||
span.button.small button, x:-moz-any-link, x:default,
|
||||
span.button.small input, x:-moz-any-link, x:default{ top:0;} /* Firefox 2 Fix */
|
||||
|
||||
/* Strong Button */
|
||||
a.button.strong *,
|
||||
span.button.strong * { font-weight:bold !important;}
|
||||
|
||||
/* Icon Add */
|
||||
a.button .icon { position:relative; border:0; vertical-align:middle;}
|
||||
span.button .icon { position:relative; left:10px; margin-right:8px; vertical-align:middle;}
|
||||
|
||||
/* Color Preset */
|
||||
a.button.green,
|
||||
a.button.green span,
|
||||
span.button.green,
|
||||
span.button.green button,
|
||||
span.button.green input { background-image:url(../images/buttonGreen.gif); color:#fff;}
|
||||
a.button.black,
|
||||
a.button.black span,
|
||||
span.button.black,
|
||||
span.button.black button,
|
||||
span.button.black input { background-image:url(../images/buttonBlack.gif); color:#fff;}
|
||||
a.button.red,
|
||||
a.button.red span,
|
||||
span.button.red,
|
||||
span.button.red button,
|
||||
span.button.red input { background-image:url(../images/buttonRed.gif); color:#fff;}
|
||||
a.button.blue,
|
||||
a.button.blue span,
|
||||
span.button.blue,
|
||||
span.button.blue button,
|
||||
span.button.blue input { background-image:url(../images/buttonBlue.gif); color:#fff;}
|
||||
|
||||
/* Offset Debug */
|
||||
a.button,
|
||||
span.button{ margin-right:2px;}
|
||||
|
||||
/* Planet Style */
|
||||
a.button.planetBlue,
|
||||
a.button.planetGreen,
|
||||
span.button.planetBlue,
|
||||
span.button.planetGreen{ background-position:left top;}
|
||||
a.button.planetBlue span,
|
||||
a.button.planetGreen span,
|
||||
span.button.planetBlue button,
|
||||
span.button.planetGreen button{ background-position:right top;}
|
||||
a.button.planetBlue,
|
||||
a.button.planetBlue span,
|
||||
span.button.planetBlue,
|
||||
span.button.planetBlue button,
|
||||
span.button.planetBlue input { background-image:url(../images/buttonPlanetBlue.gif); color:#fff;}
|
||||
a.button.planetGreen,
|
||||
a.button.planetGreen span,
|
||||
span.button.planetGreen,
|
||||
span.button.planetGreen button,
|
||||
span.button.planetGreen input { background-image:url(../images/buttonPlanetGreen.gif); color:#fff;}
|
||||
|
||||
/* Font Family */
|
||||
.button.large,
|
||||
.button.large *,
|
||||
.button.xLarge,
|
||||
.button.xLarge * { font-family:AppleGothic, "돋움", Dotum, "굴림", Gulim, Sans-serif !important; letter-spacing:-1px;}
|
||||
|
||||
17
modules/planet/skins/xe_planet/css/cyan.css
Normal file
17
modules/planet/skins/xe_planet/css/cyan.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#9DB0B2;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#f5f7f7;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteCyan.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#bac8c9;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#9DB0B2;}
|
||||
617
modules/planet/skins/xe_planet/css/default.css
Normal file
617
modules/planet/skins/xe_planet/css/default.css
Normal file
|
|
@ -0,0 +1,617 @@
|
|||
@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 */
|
||||
body{ margin:35px 30px; font-family:Sans-serif;}
|
||||
img, fieldset, button{border:0;}
|
||||
fieldset{ padding:0;}
|
||||
hr, button img{display:none;}
|
||||
a{text-decoration:none;}
|
||||
a:hover, a:active, a:focus{text-decoration:underline;}
|
||||
textarea{overflow:auto;}
|
||||
html:first-child select{padding-right:6px; height:20px;}
|
||||
option{ padding-right:6px;}
|
||||
button, label{cursor:pointer; cursor:hand;}
|
||||
button{background:none; background-repeat:no-repeat;}
|
||||
button *{position:relative;}
|
||||
button span{ position:absolute; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;}
|
||||
.inputText, textarea{*margin:-1px 0; border:1px solid;}
|
||||
.inputCheck, .inputRadio{width:13px; height:13px;}
|
||||
.blind, legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
|
||||
|
||||
/* Layout */
|
||||
#container {}
|
||||
#header{ position:relative; z-index:30; height:65px; float:left; clear:both;}
|
||||
#header *{ margin:0; padding:0;}
|
||||
#header li{ list-style:none;}
|
||||
#body{ clear:both; z-index:20;}
|
||||
.nTop #navigation{ top:-65px !important; z-index:100; }
|
||||
.nTop #navigation .gnb ul{ margin:0;}
|
||||
.nTop #navigation li{ list-style:none;}
|
||||
.buttonArea{ text-align:center;}
|
||||
.languageSelect { position:absolute; right:30px; top:10px; }
|
||||
|
||||
/* Heading */
|
||||
h1 { position:relative; top:-10px;}
|
||||
h1, x:-moz-any-link{ top:0;}
|
||||
h1, x:-moz-any-link, x:default{ top:-10px;}
|
||||
h1 a{ font:bold 30px "Malgun Gothic", AppleGothic, Dotum, Sans-serif; color:#000; letter-spacing:-3px; text-decoration:none !important;}
|
||||
|
||||
/* Footer */
|
||||
#footer{margin:0; clear:both; text-align:center; padding:30px 0;}
|
||||
#footer *{margin:0; padding:0; color:#444; list-style:none; font:9px Verdana; line-height:normal;}
|
||||
#footer a{text-decoration:none; color:#444;}
|
||||
#footer a:visited{text-decoration:none; color:#666;}
|
||||
#footer a:hover{text-decoration:underline;}
|
||||
#footer address a{font-weight:bold; font-family:Tahoma; color:#00535d;}
|
||||
|
||||
/* ---------- Navigation ---------- */
|
||||
/* Search */
|
||||
.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 .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;}
|
||||
.search .suggestion li button{ width:100%; text-align:left; padding:5px 4px 2px 4px; font:.75em AppleGothic, Gulim, Dotum, Sans-serif}
|
||||
.search .suggestion li button:hover,
|
||||
.search .suggestion li button:active,
|
||||
.search .suggestion li button:focus{ background:#eee;}
|
||||
.search .suggestion.open .autoComplete{ background-position:center 10px;}
|
||||
.search .suggestion.open ul.recommendation{ display:block;}
|
||||
|
||||
/* GNB */
|
||||
.gnb{ position:relative; float:right; margin-left:20px; }
|
||||
.gnb ul{ margin:0; padding:0; position:relative; float:left; overflow:hidden;}
|
||||
.gnb ul li{ position:relative; float:left;}
|
||||
.gnb ul li a{ position:relative; display:block; float:left; background:url(../images/buttonGnb.gif) no-repeat center top; padding:11px 25px 11px 25px; font:11px AppleGothic, Dotum, Gulim, Sans-serif; color:#fff !important; text-decoration:none !important; letter-spacing:-1px; white-space:nowrap;}
|
||||
.gnb ul li.active a{ opacity:0.7; filter:alpha(opacity=70);}
|
||||
.gnb ul li a:hover,
|
||||
.gnb ul li a:active,
|
||||
.gnb ul li a:focus{ opacity:0.9; filter:alpha(opacity=90);}
|
||||
.gnb ul li.first a{ background-position:left top;}
|
||||
.gnb ul li.last a{ background-position:right top;}
|
||||
|
||||
/* Tag */
|
||||
.tagRank{ position:relative; top:2px; float:right; margin-left:15px; }
|
||||
.tagRank *{ margin:0; padding:0;}
|
||||
.tagRank .buttonTag{ display:inline-block; position:relative; background:url(../images/buttonTagNavigation.gif) no-repeat left top;}
|
||||
.tagRank .buttonTag, x:-moz-any-link{ padding:3px 0 7px 0;} /* Firefox 2 Fix */
|
||||
.tagRank .buttonTag, x:-moz-any-link, x:default{ padding:0;} /* Firefox 2 Fix */
|
||||
.tagRank .buttonTag button{ position:relative; left:3px; width:197px; padding:6px 10px 9px 10px; background:url(../images/buttonTagNavigation.gif) no-repeat right top; text-align:left;}
|
||||
.tagRank .buttonTag button span{ display:block; width:177px; height:auto; visibility:visible; position:relative; font:bold 12px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; background:url(../images/arrowTagNavigation.gif) no-repeat right -14px;}
|
||||
.tagRank .layer{ display:none; position:absolute; width:200px; top:27px; left:0; background:#50606b; background:url(../images/boxTagNavigation.gif) no-repeat left bottom;}
|
||||
.tagRank .layer a{ font:11px Dotum, Sans-serif; white-space:nowrap; text-decoration:none; line-height:normal;}
|
||||
.tagRank .layer ul{ padding:1px 13px 30px 13px; text-align:justify;}
|
||||
.tagRank .layer ul *{ line-height:16px;}
|
||||
.tagRank .layer ul li{ display:inline; margin-bottom:4px;}
|
||||
.tagRank .layer ul li a{ color:#cbd0d3; zoom:1;}
|
||||
.tagRank .layer .more{ display:block; padding:5px 13px 7px 10px; _margin:-1px 0; position:absolute; bottom:0; right:0; font-weight:bold; color:#fff;}
|
||||
.tagRank.open .buttonTag button span{ background-position:right 6px;}
|
||||
.tagRank.open .layer{ display:block;}
|
||||
|
||||
/* ---------- Content ---------- */
|
||||
|
||||
/* Tab */
|
||||
.generalTab{ margin:0 0 0 10px; padding:0; position:relative; clear:both; *zoom:1;}
|
||||
.generalTab *{ margin:0; padding:0; list-style:none;}
|
||||
.generalTab li{ position:relative; top:4px; 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; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:#848f97 url(../images/cr3pxRight.gif) no-repeat right top;}
|
||||
.generalTab li a sup{ font:11px Tahoma, Sans-serif;}
|
||||
.generalTab li.active{ top:0; background-color:#50606B;}
|
||||
.generalTab li.active a{ padding:5px 23px 5px 20px; background-color:#50606B;}
|
||||
|
||||
.tab{ *zoom:1;}
|
||||
.tab:after{ content:""; display:block; clear:both;}
|
||||
|
||||
.myTab{ float:left; margin:0 0 0 10px; padding:0; position:relative; *zoom:1;}
|
||||
.myTab:after{ content:""; display:block; clear:both;}
|
||||
.myTab *{ margin:0; padding:0; list-style:none;}
|
||||
.myTab li{ position:relative; top:4px; 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; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
|
||||
.myTab li a sup{ font:11px Tahoma, Sans-serif;}
|
||||
.myTab li.active{ top:0;}
|
||||
.myTab li.active a{ padding:5px 23px 5px 20px;}
|
||||
|
||||
.exTab{ float:right; margin:0; padding:0; position:relative; right:7px; *zoom:1;}
|
||||
.exTab:after{ content:""; display:block; clear:both;}
|
||||
.exTab *{ margin:0; padding:0; list-style:none;}
|
||||
.exTab li{ position:relative; top:4px; 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; padding:3px 23px 3px 20px; font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-decoration:none !important; background:url(../images/cr3pxRight.gif) no-repeat right top;}
|
||||
.exTab li a sup{ font:11px Tahoma, Sans-serif;}
|
||||
.exTab li.active{ top:0;}
|
||||
.exTab li.active a{ padding:5px 23px 5px 20px;}
|
||||
|
||||
/* Try Planet */
|
||||
.tryPlanet{ position:relative; height:90px; background:url(../images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:15px;}
|
||||
.tryPlanet *{ margin:0; padding:0;}
|
||||
.tryPlanet p{ position:relative; top:20px; margin-left:80px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#50606b;}
|
||||
.tryPlanet .leftCap,
|
||||
.tryPlanet .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(../images/boxTryPlanet.gif) no-repeat; white-space:nowrap;}
|
||||
.tryPlanet .leftCap{ left:0; background-position:left bottom;}
|
||||
.tryPlanet .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;}
|
||||
.tryPlanet .button{ position:absolute; top:30px; right:80px;}
|
||||
|
||||
/* Personal Header */
|
||||
.personalHeader{ position:relative; height:90px; background:url(../images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:15px;}
|
||||
.personalHeader *{ margin:0; padding:0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.personalHeader h2{ position:absolute; top:15px; left:30px; padding-top:15px; font-size:2em; _zoom:1; padding-left:30px; background:url(../images/bgPerson.png) no-repeat; _behavior:url(./common/js/iePngFix.htc); }
|
||||
.personalHeader p{ position:absolute; top:46px; left:220px;}
|
||||
.personalHeader .leftCap,
|
||||
.personalHeader .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(../images/boxTryPlanet.gif) no-repeat; white-space:nowrap;}
|
||||
.personalHeader .leftCap{ left:0; background-position:left bottom;}
|
||||
.personalHeader .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;}
|
||||
.personalHeader .button{ position:absolute; top:30px; right:80px;}
|
||||
|
||||
.searchHeader{ position:relative; height:90px; background:url(../images/boxTryPlanet.gif) repeat-x 0 0; margin-bottom:30px;}
|
||||
.searchHeader *{ margin:0; padding:0;}
|
||||
.searchHeader p{ position:absolute; top:27px; margin-left:80px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#50606b;}
|
||||
.searchHeader p strong{ font:bold 1.5em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.searchHeader .leftCap,
|
||||
.searchHeader .rightCap{ position:absolute; display:block; top:0; width:5px; height:90px; overflow:hidden; background:url(../images/boxTryPlanet.gif) no-repeat; white-space:nowrap;}
|
||||
.searchHeader .leftCap{ left:0; background-position:left bottom;}
|
||||
.searchHeader .rightCap{ right:0; _left:100%; _margin-left:-4px; background-position:right bottom;}
|
||||
|
||||
/* My Info */
|
||||
.myInfo{ padding:20px 30px 20px 30px; margin-bottom:15px; position:relative; border:1px solid #e9e9e9; *zoom:1;}
|
||||
.myInfo *{ margin:0; padding:0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.myInfo dl.login{ position:relative; width:500px; margin:0 auto; padding:70px 0;}
|
||||
.myInfo dt{ float:left; width:100px; font-weight:bold;}
|
||||
.myInfo dd{ margin-bottom:10px;}
|
||||
.myInfo .inputText{ border:1px solid #ccc; padding:3px 4px; width:190px;}
|
||||
.myInfo em{ color:#f00; font-style:normal; }
|
||||
.myInfo .thumb{ display:block; position:relative; left:110px; margin-top:5px; vertical-align:top; border:2px solid #eee;}
|
||||
.myInfo .tl,
|
||||
.myInfo .tr,
|
||||
.myInfo .bl,
|
||||
.myInfo .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxTagCloud.gif) no-repeat;}
|
||||
.myInfo .tl{ top:-1px; left:-1px; background-position:0 0;}
|
||||
.myInfo .tr{ top:-1px; right:-1px; background-position:-4px 0;}
|
||||
.myInfo .bl{ bottom:-1px; left:-1px; background-position:0 -4px;}
|
||||
.myInfo .br{ bottom:-1px; right:-1px; background-position:-4px -4px;}
|
||||
.myInfo button{ width:90px; height:60px; position:absolute; top:90px; left:50%; margin-left:80px; background:url(../images/buttonLogin.gif) no-repeat;}
|
||||
.myInfo button span{ position:relative; display:block; *padding-top:15px; visibility:visible; width:auto; height:auto; text-align:center; font:bold 1.2em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#fff;}
|
||||
|
||||
/* Tag Cloud */
|
||||
.tagCloud{ display:none; padding:20px 20px 30px 20px; margin-bottom:15px; position:relative; border:1px solid #e9e9e9; *zoom:1;}
|
||||
.tagCloud *{ margin:0; padding:0;}
|
||||
.tagCloud.open{ display:block;}
|
||||
.tagCloud h2{ display:inline; margin-right:15px; font-size:18px; color:#50606b; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-2px;}
|
||||
.tagCloud p{ display:inline; color:#a7afb5; font:11px AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.tagCloud ul{ position:relative; overflow:hidden; text-align:justify; line-height:24px; *zoom:1; margin-top:10px;}
|
||||
.tagCloud li{ position:relative; left:-5px; display:inline-block; *display:inline !important; background:url(../images/lineVccc.gif) no-repeat 0 center; padding:0 0 0 7px; *padding:0 5px 0 6px; *zoom:1;}
|
||||
.tagCloud li, x:-moz-any-link{ display:inline;} /* Firefox 2 Fix */
|
||||
.tagCloud li, x:-moz-any-link, x:default{ display:inline-block;} /* Firefox 2 Fix */
|
||||
.tagCloud a{ position:relative; color:#999; font-size:12px; font-family:AppleGothic, Dotum, Gulim, Sans-serif; white-space:nowrap; text-decoration:none !important;}
|
||||
.tagCloud a:hover,
|
||||
.tagCloud a:active,
|
||||
.tagCloud a:focus{ background:#000 !important; color:#ff0 !important;}
|
||||
.tagCloud a.closeButton { position:absolute; right:5px; bottom:5px; }
|
||||
|
||||
.tagCloud li.rank1 a{ font-weight:bold; font-size:20px; background:#12d763; color:#fff;}
|
||||
.tagCloud li.rank2 a{ font-weight:bold; font-size:18px; color:#666;}
|
||||
.tagCloud li.rank3 a{ font-weight:bold; font-size:16px; color:#00b4b5;}
|
||||
.tagCloud li.rank4 a{ font-size:14px; color:#666;}
|
||||
|
||||
.tagCloud .tl,
|
||||
.tagCloud .tr,
|
||||
.tagCloud .bl,
|
||||
.tagCloud .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxTagCloud.gif) no-repeat;}
|
||||
.tagCloud .tl{ top:-1px; left:-1px; background-position:0 0;}
|
||||
.tagCloud .tr{ top:-1px; right:-1px; background-position:-4px 0;}
|
||||
.tagCloud .bl{ bottom:-1px; left:-1px; background-position:0 -4px;}
|
||||
.tagCloud .br{ bottom:-1px; right:-1px; background-position:-4px -4px;}
|
||||
|
||||
/* Comment List */
|
||||
.commentList{ position:relative; padding:15px; border:1px solid #dedede; *zoom:1; z-index:10; clear:both; background:#eee;}
|
||||
.commentList .commentHeader{ width:240px;position:relative; clear:both; margin-bottom:10px; z-index:10;}
|
||||
.commentList .commentHeader *{ margin:0;}
|
||||
.commentList h3{ position:relative; display:inline-block; *display:inline; margin-right:20px; background:url(../images/boxH2Comment.gif) no-repeat 0 0; vertical-align:middle; *zoom:1; line-height:18px;}
|
||||
.commentList h3, x:-moz-any-link { display:inline; padding-top:3px;}
|
||||
.commentList h3, x:-moz-any-link, x:default { display:inline-block; *display:inline; padding-top:0;}
|
||||
.commentList h3 span{ position:relative; left:3px; _top:-1px; display:inline-block; padding:4px 20px 0 17px; height:25px; _height /**/:29px; vertical-align:top; color:#fff; background:url(../images/boxH2Comment.gif) no-repeat right 0; font:bold 14px/18px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; vertical-align:middle; *zoom:1;}
|
||||
.commentList h3 span strong{ color:#ff0; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; font-size:1em;}
|
||||
.commentList h3 span, x:-moz-any-link{ padding:8px 20px 5px 17px; }
|
||||
.commentList h3 span, x:-moz-any-link, x:default{ padding:5px 20px 0 17px}
|
||||
|
||||
.commentList .timeNav{ left:20px; top:3px; padding:0 30px; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px; *zoom:1; text-align:center;}
|
||||
.commentList .timeNav strong{ font:bold 18px/18px NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.commentList .timeNav .prev,
|
||||
.commentList .timeNav .next{ position:absolute; top:2px; width:20px; height:20px; }
|
||||
.commentList .timeNav .prev{ left:0; }
|
||||
.commentList .timeNav .next{ right:0; }
|
||||
.commentList .timeNav a:hover,
|
||||
.commentList .timeNav a:activfe,
|
||||
.commentList .timeNav a:focus{ border:1px solid #fff !important; width:18px; height:18px;}
|
||||
.commentList .timeNav a img{ position:relative; top:3px;}
|
||||
|
||||
.commentList h3.timeNav{ position:relative; float:left; vertical-align:top; clear:both; left:0; top:0; background:none; font-size:1em; *zoom:1; *line-height:24px; margin-bottom:10px; *margin-bottom:0;}
|
||||
.commentList h3.timeNav .prev,
|
||||
.commentList h3.timeNav .next{ *top:5px;}
|
||||
|
||||
.commentList .commentHeader .button *{ font-size:12px;}
|
||||
.commentList .planetBlue{ top:-3px;}
|
||||
.commentList span.planetBlue{ margin-right:10px;}
|
||||
.commentList a.planetBlue{ *top:1px;}
|
||||
.commentList .planetGreen{ position:absolute; top:0; right:3px; _right:18px;}
|
||||
|
||||
.commentList .tagChoiceAfter{ display:none; position:absolute; top:45px; left:50%; width:289px; height:121px; text-align:center; margin-left:-145px;}
|
||||
.commentList .tagChoiceAfter.alert{ display:block;}
|
||||
.commentList .tagChoiceAfter p{ position:absolute; top:0; left:0; width:289px; height:94px; _height /**/:121px; font-size:.75em; color:#fff; padding:37px 0 0 0; background:url(../images/boxTagChoice.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
|
||||
.commentList .tagChoiceAfter button,
|
||||
.commentList .tagChoiceAfter a{ position:relative; display:inline-block; top:60px; font-size:12px; color:#fff; text-decoration:none; vertical-align:top; cursor:pointer; _cursor /**/:hand;}
|
||||
.commentList .tagChoiceAfter button{ width:45px; height:23px; text-align:center; background:url(../images/buttonFixedBlack45.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
|
||||
.commentList .tagChoiceAfter a{ width:94px; height:18px; _height /**/:23px; padding-top:5px; text-align:center; background:url(../images/buttonFixedBlack94.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
|
||||
|
||||
.commentBody.myPlanet .comment .tongue{ margin:0;}
|
||||
.commentBody.myPlanet .comment .tongue .post,
|
||||
.commentBody.myPlanet .comment .tongue .postScript,
|
||||
.commentBody.myPlanet .comment .tongue .postExtra{ *zoom:1;}
|
||||
|
||||
/* Comment Body */
|
||||
.commentBody{ position:relative; margin-top:10px; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both;}
|
||||
.commentBody .comment{ position:relative; margin:0 15px; padding:15px 0 15px 0; clear:both; *zoom:1;}
|
||||
.commentBody .comment:after { content:""; display:block; width:0; height:0; font:0/0 Sans-serif; overflow:hidden; visibility:hidden; clear:both; float:none;}
|
||||
.commentBody .comment .identity{ position:relative; width:98px; float:left; margin:0 -98px 0 0; font-size:1em; background:none; *zoom:1;}
|
||||
.commentBody .comment .identity a{ position:relative; display:block; text-align:center; font-size:.75em; color:#fff !important; font-weight:bold;}
|
||||
.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:1.2em/1.4em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.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:.75em; color:#999;}
|
||||
.commentBody .comment .tongue .postScript strong{ font-family:Arial; letter-spacing:-1px; margin-right:5px;}
|
||||
.commentBody .comment .tongue .postExtra{ overflow:hidden; padding-top:10px; border-top:1px dotted #ccc; *zoom:1;}
|
||||
.commentBody .comment .tongue .postExtra *{ margin:0; padding:0;}
|
||||
.commentBody .comment .tongue .postExtra .tag { float:left;}
|
||||
.commentBody .comment .tongue .postExtra .tag .time{ display:inline; margin-right:5px; color:#999; font:.7em AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.commentBody .comment .tongue .postExtra .tag dl{ display:inline;}
|
||||
.commentBody .comment .tongue .postExtra .tag dt{ text-align:center; padding:0 7px; margin-right:5px; display:inline; background:url(../images/bgTag.gif) no-repeat center; font:bold .7em Tahoma; color:#fff;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd{ display:inline; position:relative;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagRead a{ position:relative; margin-right:2px; font:.7em AppleGothic, Dotum, Gulim, Sans-serif; color:#999;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagRead a strong{ font:normal 1em AppleGothic, Dotum, Gulim, Sans-serif; background:#f7b100; color:#fff;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagRead .delete{ position:relative; top:-7px; left:-8px; display:none; width:12px; height:11px; margin-right:-12px; background:url(../images/buttonX.gif) no-repeat center;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagRead .delete.hover{ display:inline-block;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagRead .modify{ position:relative; width:13px; height:13px; background:url(../images/buttonModify.gif) no-repeat center; vertical-align:middle; *vertical-align:baseline; *top:-1px; *left:5px;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagModify{ display:none; top:2px;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagModify form{ display:inline;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagModify .inputText{ border:1px solid #ccc; padding:2px 4px; height:13px; width:290px; font-size:.75em;}
|
||||
.commentBody .comment .tongue .postExtra .tag dd.tagModify button{ height:19px; font-size:.7em; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;}
|
||||
.commentBody .comment .tongue .postExtra .tag.edit dd{ display:none;}
|
||||
.commentBody .comment .tongue .postExtra .tag.edit dd.tagModify{ display:inline;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy{ float:right; position:relative; top:-2px;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy button{ width:60px; height:20px; font:bold .7em AppleGothic, Dotum, Gulim, Sans-serif; background:url(../images/buttonSympathy.gif) no-repeat center; text-align:center; padding-top:3px; color:#999;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy .num{ position:relative; display:inline-block; width:22px; height:22px; padding-top:6px; *margin-bottom:-10px; letter-spacing:-1px; color:#fff; text-align:center; font:bold .7em AppleGothic, Dotum, Gulim, Sans-serif; background:url(../images/bgSympathy.gif) no-repeat center top;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy .num, x:-moz-any-link { padding-left:11px; padding-right:11px;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy .num, x:-moz-any-link, x:default { padding-left:0; padding-right:0;}
|
||||
.commentBody .comment .tongue .postExtra .sympathy a{ position:relative; *top:-2px; margin-right:1px; color:#999; padding-left:8px; font:.7em AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px; background:url(../images/arrowReplyOpen.gif) no-repeat left 3px;}
|
||||
|
||||
/* Todo Manager */
|
||||
.commentList .commentHeader h3.exTitle{ font-family:"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; line-height:normal; background:none;}
|
||||
.commentList .commentHeader .todoWrite{ position:absolute; top:0; right:3px;}
|
||||
.todoManager ul{ position:relative; margin:0 0 0 40px; padding:20px 0;}
|
||||
.todoManager li{ position:relative; font-family:"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.todoManager li .button{ margin-left:5px;}
|
||||
.todoManager .time{ position:absolute; top:0; right:20px;}
|
||||
.todoManager .tag{ position:absolute; top:0; right:20px;}
|
||||
.todoManager .tag img { margin-right:5px; vertical-align:middle; }
|
||||
|
||||
/* Comment Reply */
|
||||
.commentBody .reply{ display:none; clear:both; padding:15px; background:#f3f3f3; *zoom:1;}
|
||||
.commentBody .reply.open{ display:block;}
|
||||
.commentBody .reply dl{ position:relative; clear:both; overflow:hidden; *zoom:1; margin:0 0 5px 0;}
|
||||
.commentBody .reply dt{ float:left; width:83px; padding-left:15px; margin-right:-98px; font-size:.75em; font-weight:bold; color:#666;}
|
||||
.commentBody .reply dt a{ color:#a5b2c2; }
|
||||
.commentBody .reply dd{ margin:0 80px 0 113px; font-size:.75em; color:#666; line-height:1.4em;}
|
||||
.commentBody .reply dd a{ text-decoration:underline; color:#333;}
|
||||
.commentBody .reply dd .time{ position:absolute; top:0; right:0;}
|
||||
.commentBody .reply dd input{ position:relative; border:1px solid #ccc; padding:4px 5px; width:96%; height:14px; vertical-align:top; font-size:1em; *zoom:1;}
|
||||
.commentBody .reply dd .button{ position:absolute; top:0; right:3px;}
|
||||
|
||||
.commentList .tl,
|
||||
.commentList .tr,
|
||||
.commentList .bl,
|
||||
.commentList .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxCommentOut.gif) no-repeat;}
|
||||
.commentList .commentBody .tl,
|
||||
.commentList .commentBody .tr,
|
||||
.commentList .commentBody .bl,
|
||||
.commentList .commentBody .br{ background-image:url(../images/boxCommentIn.gif); background-repeat:no-repeat;}
|
||||
.commentList .tl{ top:-1px; left:-1px; background-position:0 0;}
|
||||
.commentList .tr{ top:-1px; right:-1px; background-position:-4px 0;}
|
||||
.commentList .bl{ bottom:-1px; left:-1px; background-position:0 -4px;}
|
||||
.commentList .br{ bottom:-1px; right:-1px; background-position:-4px -4px;}
|
||||
|
||||
/* Author Header */
|
||||
.authorHeader{ position:relative; padding:20px; *zoom:1; z-index:30;}
|
||||
.authorHeader *{ margin:0; padding:0; list-style:none;}
|
||||
.authorHeader fieldset{ position:relative;}
|
||||
.authorHeader .thumb{ position:relative; float:left; margin-right:-100px; z-index:10;}
|
||||
.authorHeader .thumb a{ position:relative; display:block; width:100px; height:100px; text-decoration:none;}
|
||||
.authorHeader .thumb a img{ position:relative; border:2px solid #fff;}
|
||||
.authorHeader .thumb a span{ position:absolute; display:none; top:2px; left:2px; padding-top:44px; width:96px; height:52px; _height /**/:96px; font-size:12px; color:#fff; font-weight:bold; text-align:center; cursor:pointer; _cursor /**/:hand; background:#000; opacity:.6; filter:alpha(opacity=60);}
|
||||
.authorHeader .thumb a:hover span,
|
||||
.authorHeader .thumb a:active span,
|
||||
.authorHeader .thumb a:focus span{ display:block;}
|
||||
.authorHeader .thumb .file{ display:none; position:absolute; top:0; left:115px; background:#fff; border:2px solid #eee; padding:15px; height:66px; _height /**/:100px; width:446px; font-size:.75em;}
|
||||
.authorHeader .thumb .file p{ margin-bottom:5px;}
|
||||
.authorHeader .thumb .file input{ padding:2px 4px; width:400px;}
|
||||
.authorHeader .thumb .file .buttonArea{ padding-top:10px;}
|
||||
.authorHeader .thumb .file .buttonArea button{ height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-right:4px;}
|
||||
.authorHeader .thumb.edit .file{ position:absolute; display:block; z-index:100;}
|
||||
|
||||
.authorHeader .title{ position:relative; margin-left:120px; height:60px; margin-bottom:10px; _margin-bottom:0; }
|
||||
.authorHeader .title h2{ position:relative; margin-bottom:10px; }
|
||||
.authorHeader .title h2 a{ font-size:1em; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; text-decoration:none;}
|
||||
.authorHeader .title h2 a:hover,
|
||||
.authorHeader .title .authorPersonality a:hover,
|
||||
.authorHeader .title h2 a:active,
|
||||
.authorHeader .title .authorPersonality a:active,
|
||||
.authorHeader .title h2 a:focus,
|
||||
.authorHeader .title .authorPersonality a:focus{ padding-right:15px; background:url(../images/buttonModify.gif) no-repeat right center;}
|
||||
|
||||
.authorHeader .title h2.disable a { background:none !important; }
|
||||
.authorHeader .title p.disable a { background:none !important; }
|
||||
|
||||
.authorHeader .title h2 .inputText,
|
||||
.authorHeader .title .authorPersonality .inputText{ display:none; border:1px solid #ccc; padding:2px 4px; height:13px; width:290px;}
|
||||
.authorHeader .title h2 .inputText{ height:30px; *margin-right:5px; font:bold 1em/1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.authorHeader .title h2 button,
|
||||
.authorHeader .title .authorPersonality button{ display:none; height:19px; font-size:11px; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;}
|
||||
.authorHeader .title h2 button{ height:36px;}
|
||||
.authorHeader .title h2.edit a,
|
||||
.authorHeader .title .authorPersonality.edit a{ display:none;}
|
||||
.authorHeader .title *.edit .inputText,
|
||||
.authorHeader .title *.edit button{ display:inline; vertical-align:top;}
|
||||
.authorHeader .title .authorPersonality{ float:left;}
|
||||
.authorHeader .title .authorPersonality a{ position:relative; float:left; color:#fff; font-size:.75em; font-family:AppleGothic, Dotum, Gulim, Sans-serif; text-decoration:none;}
|
||||
.authorHeader .title .addFavorite{ position:relative; top:-3px; float:right; clear:right; background:url(../images/iconAddFavorite.gif) no-repeat left center;}
|
||||
.authorHeader .title .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:.7em; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-align:right; letter-spacing:-1px;}
|
||||
|
||||
.authorHeader .authorTag{ position:relative; border-top:1px solid #ddd; margin-left:120px; padding-top:10px; *zoom:1;}
|
||||
.authorHeader .authorTag dl{ position:relative; display:block; float:left;}
|
||||
.authorHeader .authorTag dt{ text-align:center; padding:0 7px; margin-right:5px; display:inline; background:url(../images/bgTag.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc); font:bold .7em Tahoma; color:#fff; *zoom:1;}
|
||||
.authorHeader .authorTag dd{ display:inline;}
|
||||
.authorHeader .authorTag.edit dd{ display:none;}
|
||||
.authorHeader .authorTag dd a{ font-size:.7em; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; margin-right:2px;}
|
||||
.authorHeader .authorTag dd .delete{ position:relative; top:-7px; left:-8px; display:none; width:12px; height:11px; margin-right:-12px; background:url(../images/buttonX.gif) no-repeat center;}
|
||||
.authorHeader .authorTag dd .delete span{ display:inline-block; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;}
|
||||
.authorHeader .authorTag dd .delete.hover{ display:inline-block;}
|
||||
.authorHeader .authorTag dd .modify{ position:relative; width:13px; height:13px; background:url(../images/buttonModify.gif) no-repeat center; vertical-align:middle; *vertical-align:baseline; *top:-1px; *left:5px;}
|
||||
.authorHeader .authorTag dd.tagModify{ display:none;}
|
||||
.authorHeader .authorTag.edit dd.tagModify{ display:inline;}
|
||||
.authorHeader .authorTag dd.tagModify .inputText{ border:1px solid #ccc; padding:2px 4px; height:13px; width:290px;}
|
||||
.authorHeader .authorTag dd.tagModify button{ height:19px; font-size:.7em; background:#eee; border:1px solid #ccc; margin-left:5px; vertical-align:top;}
|
||||
.authorHeader .authorTag .planetUri{ position:relative; right:20px; float:right; color:#fff; font-size:.7em; font-family:Tahoma Sans-serif;}
|
||||
.authorHeader .authorTag .rssFeed{ position:absolute; top:10px; right:0; width:12px; height:12px; cursor:pointer; background:url(../images/rssFeed.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
|
||||
.authorHeader .authorTag .rssFeed span{ position:absolute; width:0; height:0; overflow:hidden;}
|
||||
.authorHeader .tl,
|
||||
.authorHeader .tr{position:absolute; top:0; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxAuthorHeader.png) no-repeat; _background:url(../images/boxAuthorHeader.gif) no-repeat;}
|
||||
.authorHeader .tl{ left:0; background-position:left top;}
|
||||
.authorHeader .tr{ right:0; background-position:right top;}
|
||||
|
||||
.authorHeader .rss{ position:absolute; display:block; top:0; right:58px; width:15px; height:15px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
|
||||
.authorHeader .rss.off{ background-image:url(../images/rssOff.png); _behavior:url(./common/js/iePngFix.htc);}
|
||||
.authorHeader .rss.on{ background-image:url(../images/rssOn.png); _behavior:url(./common/js/iePngFix.htc);}
|
||||
.authorHeader .rss span{ display:block; width:0; height:0; overflow:hidden;}
|
||||
|
||||
.authorHeader .color{ position:absolute; display:block; top:0; right:18px; border:1px solid #ccc; width:16px; height:16px;}
|
||||
.authorHeader .colorPreset{ position:absolute; display:none; top:25px; right:0;}
|
||||
.authorHeader .colorPreset.open{ display:block;}
|
||||
.authorHeader .colorPreset.close{ display:none;}
|
||||
.authorHeader .colorPreset li{ float:left; border:1px solid #ccc; margin-left:5px;}
|
||||
.authorHeader .colorPreset li.gray{ background:#999;}
|
||||
.authorHeader .colorPreset li.green{ background:#75B570;}
|
||||
.authorHeader .colorPreset li.blue{ background:#8BBED8;}
|
||||
.authorHeader .colorPreset li.cyan{ background:#9DB0B2;}
|
||||
.authorHeader .colorPreset li.red{ background:#D18675;}
|
||||
.authorHeader .colorPreset li.orange{ background:#E8A15E;}
|
||||
.authorHeader .colorPreset li a{ display:block; width:14px; height:14px;}
|
||||
.authorHeader .colorPreset li a span{ display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
|
||||
|
||||
.authorHeader .apiMe2day{ position:absolute; top:20px; right:58px;}
|
||||
.authorHeader .apiMe2day *{ font-size:12px;}
|
||||
.authorHeader .apiMe2day .setupButton{ position:absolute; top:0; right:0; width:16px; height:16px; background:url(../images/iconMe2day.png) no-repeat center; _behavior:url(./common/js/iePngFix.htc);}
|
||||
.authorHeader .apiMe2day .apiProtocol{ position:relative; width:240px; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0;}
|
||||
.authorHeader .apiMe2day .apiProtocol.open{ display:block;}
|
||||
.authorHeader .apiMe2day .apiProtocol.close{ display:none;}
|
||||
.authorHeader .apiMe2day .apiProtocol .summary{ font-weight:bold; margin-bottom:10px;}
|
||||
.authorHeader .apiMe2day .apiProtocol dl{ font-size:.75em; overflow:hidden;}
|
||||
.authorHeader .apiMe2day .apiProtocol dt{ float:left; clear:left; margin:0 4px 0 0; padding-top:3px;}
|
||||
.authorHeader .apiMe2day .apiProtocol dd{ clear:right; margin-bottom:2px;}
|
||||
.authorHeader .apiMe2day .apiProtocol dd input{ width:120px; border:1px solid #ccc; padding:2px 4px; *margin:-1px 0;}
|
||||
.authorHeader .apiMe2day .apiProtocol .autoPush{ padding:5px 0;}
|
||||
.authorHeader .apiMe2day .apiProtocol .autoPush input{ width:13px; height:13px; vertical-align:top; margin-right:4px;}
|
||||
.authorHeader .apiMe2day .apiProtocol .autoPush label{}
|
||||
.authorHeader .apiMe2day .apiProtocol .buttonArea button{ border:1px solid #ccc; background:#eee; font-size:11px; *margin-right:4px;}
|
||||
|
||||
.authorHeader .mobile{ position:absolute; top:20px; right:20px;}
|
||||
.authorHeader .mobile .setupButton{ position:absolute; top:-3px; right:0; width:12px; height:19px; background:url(../images/iconMobile.gif) no-repeat;}
|
||||
.authorHeader .mobile .address{ display:none; position:absolute; border:2px solid #eee; background:#fff; padding:10px 15px 10px 20px; position:absolute; top:25px; right:0; white-space:nowrap;}
|
||||
.authorHeader .mobile .address.open{ display:block;}
|
||||
.authorHeader .mobile .address *{ font-size:12px;}
|
||||
.authorHeader .mobile .address dt{ font-weight:bold; display:inline;}
|
||||
.authorHeader .mobile .address dd{ display:inline;}
|
||||
.authorHeader .mobile .address dd input { width:30px; border:1px solid #ccc; padding:2px 4px; *margin:-1px 0;}
|
||||
.authorHeader .mobile .address dd.buttonArea{ display:block; text-align:center; padding-top:10px;}
|
||||
.authorHeader .mobile .address dd.buttonArea button{ border:1px solid #ccc; background:#eee; font-size:11px; vertical-align:top; margin-right:4px;}
|
||||
|
||||
/* Author Footer */
|
||||
.authorFooter{ position:relative; clear:both; padding:12px 18px 0 17px; height:45px; _height /**/:57px; margin-bottom:10px; z-index:20; border:1px solid #dedede; border-top-color:#fff;}
|
||||
.authorFooter *{ margin:0; padding:0;}
|
||||
.authorFooter .memo{ position:absolute; left:17px; top:12px; width:500px; background:url(../images/boxMemo.gif) no-repeat;}
|
||||
.authorFooter .memo p{ display:block; height:20px; padding-top:9px; margin:0; font-size:12px;white-space:nowrap;}
|
||||
.authorFooter .memo p .toggle,
|
||||
.authorFooter .memo li.first .toggle{ position:absolute; top:2px; right:2px; width:25px; height:25px; background:url(../images/arrowTagNavigation.gif) no-repeat center -9px;}
|
||||
.authorFooter .memo p .delete{ display:none;}
|
||||
.authorFooter .memo ul{ clear:both; display:none; position:relative; width:100%; padding:5px 0 10px 0; overflow:hidden; background:url(../images/boxMemo.gif) no-repeat left bottom;}
|
||||
.authorFooter .memo li{ clear:both; position:relative; font-size:12px; padding:7px 0 3px 0; overflow:hidden; *float:left; *zoom:1; width:100%; background:#333;}
|
||||
.authorFooter .memo li.first{ background:#333 url(../images/boxMemo.gif) no-repeat left top;}
|
||||
.authorFooter .memo p em,
|
||||
.authorFooter .memo li em{ display:block; padding-left:15px; width:370px; float:left; font-style:normal; color:#fff; overflow:hidden;}
|
||||
.authorFooter .memo p em a,
|
||||
.authorFooter .memo li em a{ color:#fff;}
|
||||
.authorFooter .memo p span,
|
||||
.authorFooter .memo li span{ position:relative; right:40px; float:right; color:#fff; font:11px AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.authorFooter .memo p span .delete,
|
||||
.authorFooter .memo li span .delete{ position:relative; left:5px; vertical-align:top; width:12px; height:11px; background:url(../images/buttonX.gif) no-repeat center;}
|
||||
.authorFooter .memo .pagination{ position:relative; top:-10px; display:none; padding:0 0 10px 0; clear:both; background:url(../images/boxMemo.gif) no-repeat left bottom;}
|
||||
.authorFooter .memo .pagination a,
|
||||
.authorFooter .memo .pagination strong{ background:#333; color:#ccc; border-color:#666;}
|
||||
.authorFooter .memo .bottomCap{ clear:both; position:relative; top:2px; height:2px; overflow:hidden; background:url(../images/boxMemo.gif) no-repeat left -27px;}
|
||||
.authorFooter .memo.open p{ display:none;}
|
||||
.authorFooter .memo.open p .delete{ display:inline-block;}
|
||||
.authorFooter .memo.open p .toggle,
|
||||
.authorFooter .memo.open li.first .toggle{ display:block; background-position: center 10px;}
|
||||
.authorFooter .memo.open ul,
|
||||
.authorFooter .memo.open .pagination{ display:block; padding-top:2px; }
|
||||
.authorFooter .memoWrite{ position:relative; float:left; width:600px;}
|
||||
.authorFooter .memoWrite.close{ display:none;}
|
||||
.authorFooter .memoWrite .form.close{ display:none; }
|
||||
.authorFooter .memoWrite .inputText{ border:1px solid #ccc; width:480px; _width /**/:500px; padding:6px 9px 0 9px; height:21px; _height /**/:29px;}
|
||||
.authorFooter .memoWrite .button{ position:absolute; top:0; left:505px;}
|
||||
.authorFooter .memoWrite .button, x:-moz-any-link{ padding:0;}
|
||||
.authorFooter .memoWrite .button, x:-moz-any-link, x:default{ padding:0;}
|
||||
.authorFooter .button *{ font-size:12px !important;}
|
||||
.authorFooter .nav{ float:right; }
|
||||
.authorFooter .nav .button{ vertical-align:top;}
|
||||
.authorFooter .nav .button, x:-moz-any-link { vertical-align:middle;}
|
||||
.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 .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;}
|
||||
.authorFooter .tr{ right:-1px; background-position:right bottom;}
|
||||
|
||||
/* Author List */
|
||||
.authorList{ position:relative; padding:15px; background:#e7e7e7; border:1px solid #dedede; *zoom:1; z-index:10; clear:both;}
|
||||
.authorList *{ margin:0; padding:0;}
|
||||
.authorList .authorBody{ position:relative; margin-top:10px; padding:15px; border:1px solid #d7dfe2; background:#fff; *zoom:1; clear:both; overflow:hidden;}
|
||||
.authorList .authorBody .thumb{ float:left; border:1px solid #ccc; margin-right:-98px;}
|
||||
.authorList .authorBody .thumb img{ display:block;}
|
||||
.authorList .authorBody .title{ position:relative; margin-left:120px; margin-bottom:10px; *zoom:1;}
|
||||
.authorList .authorBody .title h2{ margin-bottom:5px;}
|
||||
.authorList .authorBody .title h2 a{ font:bold 1em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif; color:#465f7d;}
|
||||
.authorList .authorBody .title p{ color:#a2afbe; font-size:.75em;}
|
||||
.authorList .authorBody .title .planetUri{ position:absolute; right:0; bottom:0; font-size:.7em; color:#999;}
|
||||
.authorList .authorBody .authorTag{ position:relative; padding-top:10px; margin-left:120px; border-top:1px dotted #ccc; font-size:.75em; *zoom:1;}
|
||||
.authorList .authorBody .authorTag dt{ display:inline;}
|
||||
.authorList .authorBody .authorTag dd{ display:inline;}
|
||||
.authorList .authorBody .authorTag dd a{ color:#747474;}
|
||||
.authorList .authorBody .authorTag dd a strong{ font-weight:normal; color:#fff; background:#ffba00;}
|
||||
.authorList .authorBody .authorTag .addFavorite{ position:absolute; top:7px; right:0; background:url(../images/iconAddFavorite.gif) no-repeat left center;}
|
||||
.authorList .authorBody .authorTag .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:.9em; color:#999; font-family:AppleGothic, Dotum, Gulim, Sans-serif; text-align:right; letter-spacing:-1px;}
|
||||
.authorList .tl,
|
||||
.authorList .tr,
|
||||
.authorList .bl,
|
||||
.authorList .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxCommentIn.gif) no-repeat;}
|
||||
.authorList .tl{ top:-1px; left:-1px; background-position:0 0;}
|
||||
.authorList .tr{ top:-1px; right:-1px; background-position:-4px 0;}
|
||||
.authorList .bl{ bottom:-1px; left:-1px; background-position:0 -4px;}
|
||||
.authorList .br{ bottom:-1px; right:-1px; background-position:-4px -4px;}
|
||||
|
||||
/* Write Post */
|
||||
.writePost{ position:relative; margin-bottom:15px; padding:10px 0; *zoom:1;}
|
||||
.writePost *{ margin:0; padding:0; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.writePost h3{ margin-left:15px; line-height:1em; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.writePost .toggle{ display:none; position:absolute; top:5px; right:15px; background:url(../images/arrowTagNavigation.gif) no-repeat;}
|
||||
.writePost.close .toggle{ background-position:left -14px;}
|
||||
.writePost.open .toggle{ background-position:left 5px;}
|
||||
.writePost.close .toggle.open,
|
||||
.writePost.open .toggle.close{ display:block;}
|
||||
.writePost .toggle button{ padding-left:8px; position:relative; font:bold 12px AppleGothic, Dotum, Gulim, Sans-serif; letter-spacing:-1px;}
|
||||
.writePost.close .writeBody{ display:none;}
|
||||
.writePost.open .writeBody{ display:block;}
|
||||
.writePost .writeHeader{ position:relative;}
|
||||
.writePost .writeBody{ position:relative; *zoom:1; padding-top:25px;}
|
||||
.writePost .writeBody form,
|
||||
.writePost .writeBody fieldset{ width:100%; position:relative;}
|
||||
.writePost .writeBody dl{ position:relative; margin:0 120px 0 90px; clear:both; *zoom:1; clear:both;}
|
||||
.writePost .writeBody dt{ position:relative; left:-65px; float:left; clear:left; width:70px; margin-right:-70px; font-weight:bold;}
|
||||
.writePost .writeBody dd{ position:relative; clear:right; margin-bottom:10px; width:100%;}
|
||||
.writePost .writeBody dd textarea,
|
||||
.writePost .writeBody dd .inputText{ position:relative; width:96%; border:1px solid #ccc; color:#333;}
|
||||
.writePost .writeBody dd textarea{ position:relative; padding:5px 10px; height:3em; overflow:auto;}
|
||||
.writePost .writeBody dd .inputText{ padding:3px 10px;}
|
||||
.writePost .writeBody dd.preview{ display:block; clear:both;}
|
||||
.writePost .writeBody dd.preview.off{ display:none;}
|
||||
.writePost .writeBody dd.preview p{ padding:5px 10px; border:1px solid #f4f4f4; width:96%; background:#f4f4f4; color:#000;}
|
||||
.writePost .writeBody dd.preview p a{ color:#00f;}
|
||||
.writePost .writeBody .writeOptions{ position:absolute; top:0; left:100%; margin-left:-105px;}
|
||||
.writePost .writeBody .writeOptions p{ white-space:nowrap;}
|
||||
.writePost .writeBody .writeOptions input{ vertical-align:middle; width:13px; height:13px; margin-right:4px;}
|
||||
.writePost .writeBody button{ width:90px; height:68px; position:absolute; bottom:5px; right:15px; background-repeat:no-repeat;}
|
||||
.writePost .writeBody button span{ position:relative; display:block; *padding-top:20px; visibility:visible; width:auto; height:auto; text-align:center; font:bold 1.2em NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serifl;}
|
||||
.writePost .tl,
|
||||
.writePost .tr,
|
||||
.writePost .bl,
|
||||
.writePost .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxAuthorHeader.png) no-repeat; _background:url(../images/boxAuthorHeader.gif) no-repeat;}
|
||||
.writePost .tl{ top:0; left:0; background-position:left top;}
|
||||
.writePost .tr{ top:0; right:0; background-position:right top;}
|
||||
.writePost .bl{ bottom:0; left:0; background-position:left -4px;}
|
||||
.writePost .br{ bottom:0; right:0; background-position:right -4px;}
|
||||
|
||||
/* My Favorite Tag */
|
||||
.myFavoriteTag{ display:none; position:relative; background:#7b735d; margin-bottom:10px; *zoom:1; padding:15px 20px 15px 20px;}
|
||||
.myFavoriteTag *{ margin:0; padding:0;}
|
||||
.myFavoriteTag.open{ display:block;}
|
||||
.myFavoriteTag *{ color:#fff;}
|
||||
.myFavoriteTag ul{ position:relative; padding:5px 0; overflow:hidden; *zoom:1;}
|
||||
.myFavoriteTag li{ position:relative; padding:0 6px 0 10px; left:-11px; display:inline; background:url(../images/lineVccc.gif) no-repeat left center; line-height:18px;}
|
||||
.myFavoriteTag li a,
|
||||
.myFavoriteTag li strong{ font-size:.75em; white-space:nowrap;}
|
||||
.myFavoriteTag li strong{ color:#ffba00;}
|
||||
.myFavoriteTag li .delete{ position:relative; top:-7px; left:-6px; display:none; width:12px; height:11px; margin-right:-12px; background:url(../images/buttonX.gif) no-repeat center;}
|
||||
.myFavoriteTag li .delete span{ display:inline-block; width:0; height:0; font:0/0 Sans-serif; visibility:hidden;}
|
||||
.myFavoriteTag li .delete.hover{ display:inline-block;}
|
||||
.myFavoriteTag .addTag{ text-align:right;}
|
||||
.myFavoriteTag .addTag .inputText{ border:1px solid #ccc; padding:3px 4px; color:#000; font-size:.75em; margin-right:5px;}
|
||||
.myFavoriteTag .addTag .addFavorite{ display:inline-block; position:relative; background:url(../images/iconAddFavorite.gif) no-repeat left center;}
|
||||
.myFavoriteTag .addTag .addFavorite button{ position:relative; *top:2px; width:80px; height:20px; font-size:.7em; font-family:AppleGothic, Dotum, Gulim, Sans-serif; color:#fff; text-align:right; letter-spacing:-1px;}
|
||||
.myFavoriteTag .tl,
|
||||
.myFavoriteTag .tr,
|
||||
.myFavoriteTag .bl,
|
||||
.myFavoriteTag .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxAuthorHeader.gif) no-repeat;}
|
||||
.myFavoriteTag .tl{ top:0; left:0; background-position:left top;}
|
||||
.myFavoriteTag .tr{ top:0; right:0; background-position:right top;}
|
||||
.myFavoriteTag .bl{ bottom:0; left:0; background-position:left -4px;}
|
||||
.myFavoriteTag .br{ bottom:0; right:0; background-position:right -4px;}
|
||||
|
||||
/* Welcome Message */
|
||||
.welcome{ position:relative; *zoom:1; margin-bottom:15px; padding:30px; background:#000;}
|
||||
.welcome *{ margin:0; padding:0; color:#fff; font-family:NanumGothic,"Malgun Gothic", AppleGothic, Dotum, Gulim, Sans-serif;}
|
||||
.welcome h2{ position:relative; _zoom:1; margin-bottom:10px; padding:10px 0 0 70px; height:50px; _height /**/:60px; background:url(../images/bgSmile.png) no-repeat; _behavior:url(./common/js/iePngFix.htc);}
|
||||
.welcome p{ margin-bottom:10px; line-height:1.5em;}
|
||||
.welcome ol{ padding-left:20px; margin-bottom:10px; margin-left:20px;}
|
||||
.welcome ol li{ list-style:decimal; line-height:1.5em;}
|
||||
.welcome .tl,
|
||||
.welcome .tr,
|
||||
.welcome .bl,
|
||||
.welcome .br{ position:absolute; display:block; width:4px; height:4px; overflow:hidden; background:url(../images/boxWelcome.gif) no-repeat;}
|
||||
.welcome .tl{ top:0; left:0; background-position:left top;}
|
||||
.welcome .tr{ top:0; right:0; background-position:right top;}
|
||||
.welcome .bl{ bottom:0; left:0; background-position:left -4px;}
|
||||
.welcome .br{ bottom:0; right:0; background-position:right -4px;}
|
||||
|
||||
/* Pagination */
|
||||
.pagination{ padding:15px 0; text-align:center;}
|
||||
.pagination *{ margin:0; padding:0;}
|
||||
.pagination a,
|
||||
.pagination strong{ _position:relative; font-weight:bold; display:inline-block; padding:5px 5px 3px 5px; color:#313031; text-decoration:none; line-height:normal; font:bold 12px Tahoma, Sans-serif;}
|
||||
.pagination strong{ color:#ff8600 !important;}
|
||||
.pagination a:hover{ background:#eee; }
|
||||
.pagination a.prev{ padding:5px 10px 3px 18px; background:url(../images/paginationPrev.gif) no-repeat 8px 8px !important; border:none; font-weight:normal; }
|
||||
.pagination a.prevEnd{ padding:5px 10px 3px 18px; background:url(../images/paginationPrevEnd.gif) no-repeat 4px 8px !important; border:none; border-right:1px solid #ccc; font-weight:normal;}
|
||||
.pagination a.next{ padding:5px 18px 3px 10px; background:url(../images/paginationNext.gif) no-repeat 40px 8px !important; border:none; font-weight:normal; }
|
||||
.pagination a.nextEnd{ padding:5px 18px 3px 10px; background:url(../images/paginationNextEnd.gif) no-repeat 40px 8px !important; border:none; border-left:1px solid #ccc; font-weight:normal;}
|
||||
|
||||
|
||||
17
modules/planet/skins/xe_planet/css/gray.css
Normal file
17
modules/planet/skins/xe_planet/css/gray.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#999;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#efefef;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteGray.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#b7b7b7;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#999;}
|
||||
17
modules/planet/skins/xe_planet/css/green.css
Normal file
17
modules/planet/skins/xe_planet/css/green.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#75B570;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#f1f7f0;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteGreen.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#9ecb9b;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#75B570;}
|
||||
391
modules/planet/skins/xe_planet/css/layout.css
Normal file
391
modules/planet/skins/xe_planet/css/layout.css
Normal file
|
|
@ -0,0 +1,391 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Float Clear */
|
||||
.fClear { display:block; float:none; clear:both; margin:0; padding:0; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden; } /* Use it when you want to float clearing */
|
||||
|
||||
/* Container */
|
||||
#container { position:relative; margin:0 auto; height:auto !important; } /* alignCenter = margin:0 auto | alignLeft = margin:0 | alignRight = margin:0 0 0 auto */
|
||||
|
||||
/* Header */
|
||||
#header { }
|
||||
|
||||
/* Body */
|
||||
#body { position:relative; }
|
||||
#body:after { content:""; display:block; clear:both; }
|
||||
|
||||
/* Content */
|
||||
#content { position:relative; }
|
||||
#content .section { position:relative; }
|
||||
|
||||
/* Navigation */
|
||||
#navigation { position:relative; }
|
||||
#navigation .section { position:relative; }
|
||||
|
||||
/* Extra */
|
||||
#extra { position:relative; }
|
||||
#extra .section { position:relative; }
|
||||
|
||||
/* Footer */
|
||||
#footer { position:relative; }
|
||||
|
||||
/* ---------- Common Display ---------- */
|
||||
/* c = #content, n = #navigation, e = #extra */
|
||||
.c1 #navigation,
|
||||
.c2 #navigation,
|
||||
.c3 #navigation,
|
||||
.c1 #extra,
|
||||
.c2 #extra,
|
||||
.c3 #extra
|
||||
.cn #extra,
|
||||
.nc #extra { display:none; }
|
||||
|
||||
.cn #navigation,
|
||||
.nc #navigation,
|
||||
.ce #navigation,
|
||||
.ec #navigation,
|
||||
.ne #navigation,
|
||||
.en #navigation,
|
||||
.cne #navigation,
|
||||
.ecn #navigation,
|
||||
.nec #navigation,
|
||||
.cen #navigation,
|
||||
.nce #navigation,
|
||||
.enc #navigation,
|
||||
.cee #navigation,
|
||||
.eec #navigation,
|
||||
.ece #navigation,
|
||||
.ce #extra,
|
||||
.ec #extra,
|
||||
.ne #extra,
|
||||
.en #extra,
|
||||
.cne #extra,
|
||||
.ecn #extra,
|
||||
.nec #extra,
|
||||
.cen #extra,
|
||||
.nce #extra,
|
||||
.enc #extra,
|
||||
.cee #extra,
|
||||
.eec #extra,
|
||||
.ece #extra { display:block; }
|
||||
|
||||
#extra .section{ display:none; }
|
||||
.e0 #extra { display:none;}
|
||||
.e1 #extra,
|
||||
.e2 #extra,
|
||||
.e3 #extra,
|
||||
.e4 #extra,
|
||||
.e5 #extra,
|
||||
.e1 #extra .extra1,
|
||||
.e2 #extra .extra1,
|
||||
.e2 #extra .extra2,
|
||||
.e3 #extra .extra1,
|
||||
.e3 #extra .extra2,
|
||||
.e3 #extra .extra3,
|
||||
.e4 #extra .extra1,
|
||||
.e4 #extra .extra2,
|
||||
.e4 #extra .extra3,
|
||||
.e4 #extra .extra4,
|
||||
.e5 #extra .extra1,
|
||||
.e5 #extra .extra2,
|
||||
.e5 #extra .extra3,
|
||||
.e5 #extra .extra4,
|
||||
.e5 #extra .extra5,
|
||||
.cee #extra .section,
|
||||
.eec #extra .section,
|
||||
.ece #extra .section { display:block;}
|
||||
|
||||
.nTop #navigation { display:block; }
|
||||
|
||||
.ne #navigation,
|
||||
.ne #extra,
|
||||
.ne #extra .section { float:left; }
|
||||
.en #navigation,
|
||||
.en #extra,
|
||||
.en #extra .section { float:right; }
|
||||
|
||||
/* ---------- Fixed Layout Preset ---------- */
|
||||
/* c = #content, n = #navigation, e = #extra */
|
||||
|
||||
/* Width */
|
||||
.fixed #container { width:960px; }
|
||||
.fixed #body { width:auto; }
|
||||
.fixed #navigation,
|
||||
.fixed #extra .section { width:200px; }
|
||||
.fixed .c1 #content { width:100%; }
|
||||
.fixed .c1 #navigation { width:300px; }
|
||||
.fixed .c1 #extra { width:auto; }
|
||||
.fixed .c1 #extra .section { width:300px; }
|
||||
.fixed .c2 #content { width:740px; }
|
||||
.fixed .c3 #content { width:520px;}
|
||||
.fixed .cee #extra,
|
||||
.fixed .eec #extra{ width:420px;}
|
||||
.fixed .ece #extra { width:100%;}
|
||||
|
||||
/* Floating 1 Columns */
|
||||
.fixed .c1 #content { clear:both; }
|
||||
|
||||
.fixed .ne #navigation,
|
||||
.fixed .ne #extra .extra1 { margin-right:30px; }
|
||||
|
||||
.fixed .en #navigation,
|
||||
.fixed .en #extra .extra1 { margin-left:30px; }
|
||||
|
||||
/* Floating 2 Columns */
|
||||
.fixed .cn #content { float:left; }
|
||||
.fixed .cn #navigation,
|
||||
.fixed .cn #extra { float:right; }
|
||||
|
||||
.fixed .nc #content { float:right; }
|
||||
.fixed .nc #navigation,
|
||||
.fixed .nc #extra { float:left; }
|
||||
|
||||
.fixed .ce #content { float:left; }
|
||||
.fixed .ce #navigation,
|
||||
.fixed .ce #extra { float:right; *float:none; *left:20px; _left:17px; }
|
||||
|
||||
.fixed .ec #content { float:right; }
|
||||
.fixed .ec #navigation,
|
||||
.fixed .ec #extra { float:left; *float:none; }
|
||||
|
||||
/* Floating 3 Columns */
|
||||
.fixed .cne #content { float:left; margin-right:20px; }
|
||||
.fixed .cne #navigation { float:left; }
|
||||
.fixed .cne #extra { float:right; }
|
||||
|
||||
.fixed .ecn #content { float:left; margin-right:-520px; left:220px; }
|
||||
.fixed .ecn #navigation { float:right; }
|
||||
.fixed .ecn #extra { float:left; }
|
||||
|
||||
.fixed .nec #content { float:right; }
|
||||
.fixed .nec #navigation { float:left; margin-right:20px; }
|
||||
.fixed .nec #extra { float:left; }
|
||||
|
||||
.fixed .cen #content { float:left; margin-right:20px; }
|
||||
.fixed .cen #navigation { float:right; }
|
||||
.fixed .cen #extra { float:left; }
|
||||
|
||||
.fixed .nce #content { float:left; margin-right:-520px; left:220px; }
|
||||
.fixed .nce #navigation { float:left; }
|
||||
.fixed .nce #extra { float:right; }
|
||||
|
||||
.fixed .enc #content { float:right; margin-left:20px; }
|
||||
.fixed .enc #navigation { float:right; }
|
||||
.fixed .enc #extra { float:left; }
|
||||
|
||||
.fixed .cee #content { float:left; _margin-right:-3px; }
|
||||
.fixed .cee #extra { float:right; *float:none; *left:20px; }
|
||||
.fixed .cee .section { float:left; }
|
||||
.fixed .cee .extra1 { margin-right:20px; }
|
||||
|
||||
.fixed .eec #content { float:right; _margin-left:-3px; }
|
||||
.fixed .eec #extra { float:left; *float:none; *left:0; }
|
||||
.fixed .eec .section{ float:left;}
|
||||
.fixed .eec .extra1{ margin-right:20px; }
|
||||
|
||||
.fixed .ece #content { float:left; margin-right:-100%; left:220px;}
|
||||
.fixed .ece #extra { float:none; }
|
||||
.fixed .ece .extra1{ float:left; }
|
||||
.fixed .ece .extra2{ float:right; }
|
||||
|
||||
/* ---------- Liquid Layout Preset ---------- */
|
||||
/* c = #content, n = #navigation, e = #extra */
|
||||
|
||||
/* Width */
|
||||
.liquid #container { width:100%; }
|
||||
.liquid #body { width:auto; }
|
||||
.liquid .c1 #content { width:100%; }
|
||||
.liquid .c1 #navigation { width:32%; }
|
||||
.liquid .c1 #extra { width:66%; }
|
||||
.liquid .c1 #extra .section { width:48.4%; }
|
||||
.liquid .c2 #content { width:75%; }
|
||||
.liquid .c2 #navigation,
|
||||
.liquid .c2 #extra { width:23%; }
|
||||
.liquid .c3 #content { width:56%; }
|
||||
.liquid .c3 #navigation { width:20%; }
|
||||
.liquid .c3 #extra { width:20%; }
|
||||
.liquid .cee #extra,
|
||||
.liquid .eec #extra { width:42%;}
|
||||
.liquid .ece #extra { width:100%;}
|
||||
.liquid .cee #extra .section,
|
||||
.liquid .eec #extra .section{ width:48%; }
|
||||
.liquid .ece #extra .section { width:20%; }
|
||||
|
||||
/* Floating 1 Columns */
|
||||
.liquid .c1 #content { clear:both; }
|
||||
|
||||
.liquid .ne #navigation { margin-right:2%; }
|
||||
.liquid .ne #extra .extra1 { float:left; }
|
||||
.liquid .ne #extra .extra2 { float:right; }
|
||||
|
||||
.liquid .en #navigation { margin-left:2%; }
|
||||
.liquid .en #extra .extra1 { float:right; }
|
||||
.liquid .en #extra .extra2 { float:left; }
|
||||
|
||||
/* Floating 2 Columns */
|
||||
.liquid .cn #content { float:left; }
|
||||
.liquid .cn #navigation,
|
||||
.liquid .cn #extra { float:right; }
|
||||
|
||||
.liquid .nc #content { float:right; }
|
||||
.liquid .nc #navigation,
|
||||
.liquid .nc #extra { float:left; }
|
||||
|
||||
.liquid .ce #content { float:left; _margin-right:-3px; }
|
||||
.liquid .ce #navigation,
|
||||
.liquid .ce #extra { float:right; *float:none; *left:2%; }
|
||||
|
||||
.liquid .ec #content { float:right; }
|
||||
.liquid .ec #navigation,
|
||||
.liquid .ec #extra { float:left; *float:none; }
|
||||
|
||||
/* Floating 3 Columns */
|
||||
.liquid .cne #content { float:left; margin-right:2%; }
|
||||
.liquid .cne #navigation { float:left; }
|
||||
.liquid .cne #extra { float:right; }
|
||||
|
||||
.liquid .ecn #content { float:left; margin-right:-100%; left:22%; }
|
||||
.liquid .ecn #navigation { float:right; }
|
||||
.liquid .ecn #extra { float:left; }
|
||||
|
||||
.liquid .nec #content { float:right; }
|
||||
.liquid .nec #navigation { float:left; margin-right:2%; }
|
||||
.liquid .nec #extra { float:left; }
|
||||
|
||||
.liquid .cen #content { float:left; margin-right:2%; }
|
||||
.liquid .cen #navigation { float:right; }
|
||||
.liquid .cen #extra { float:left; }
|
||||
|
||||
.liquid .nce #content { float:left; margin-right:-100%; left:22%; }
|
||||
.liquid .nce #navigation { float:left; }
|
||||
.liquid .nce #extra { float:right; }
|
||||
|
||||
.liquid .enc #content { float:right; margin-left:2%; }
|
||||
.liquid .enc #navigation { float:right; }
|
||||
.liquid .enc #extra { float:left; }
|
||||
|
||||
.liquid .cee #content { float:left; _margin-right:-3px; }
|
||||
.liquid .cee #extra { float:right; *float:none; *left:2%; }
|
||||
.liquid .cee .extra1 { float:left; }
|
||||
.liquid .cee .extra2 { float:right; }
|
||||
|
||||
.liquid .eec #content { float:right; _margin-left:-3px; }
|
||||
.liquid .eec #extra { float:left; *float:none; *left:0; }
|
||||
.liquid .eec .extra1{ float:left; }
|
||||
.liquid .eec .extra2{ float:right; }
|
||||
|
||||
.liquid .ece #content { float:left; margin-right:-100%; left:22%;}
|
||||
.liquid .ece #extra { float:none; }
|
||||
.liquid .ece .extra1{ float:left; }
|
||||
.liquid .ece .extra2{ float:right; }
|
||||
|
||||
/* ---------- Hybrid Layout Preset ---------- */
|
||||
/* c = #content, n = #navigation, e = #extra */
|
||||
|
||||
/* Width */
|
||||
.hybrid #container { width:100%; }
|
||||
.hybrid #body { width:auto; }
|
||||
.hybrid #content { width:100%; }
|
||||
.hybrid #navigation { width:200px; }
|
||||
.hybrid #extra { width:200px; }
|
||||
.hybrid .c1 #navigation { width:300px; }
|
||||
.hybrid .c1 #extra { width:auto; }
|
||||
.hybrid .c1 #extra .section { width:300px; }
|
||||
.hybrid .cee #extra,
|
||||
.hybrid .eec #extra { width:420px;}
|
||||
.hybrid .ece #extra { width:100%;}
|
||||
.hybrid .cee #extra .section,
|
||||
.hybrid .eec #extra .section,
|
||||
.hybrid .ece #extra .section { width:200px; }
|
||||
|
||||
/* Floating 1 Columns */
|
||||
.hybrid .c1 #content { clear:both; }
|
||||
|
||||
.hybrid .ne #navigation,
|
||||
.hybrid .ne #extra .extra1 { margin-right:30px; }
|
||||
|
||||
.hybrid .en #navigation,
|
||||
.hybrid .en #extra .extra1 { margin-left:30px; }
|
||||
|
||||
/* Floating 2 Columns */
|
||||
.hybrid .cn #body { margin-right:220px; }
|
||||
.hybrid .cn #content { float:left; margin-right:-100%; }
|
||||
.hybrid .cn #navigation,
|
||||
.hybrid .cn #extra { float:right; left:220px; clear:right; }
|
||||
|
||||
.hybrid .nc #body { margin-left:220px; }
|
||||
.hybrid .nc #content { float:right; margin-left:-100%; *margin-left:0; }
|
||||
.hybrid .nc #navigation,
|
||||
.hybrid .nc #extra { float:left; left:-220px; clear:left; }
|
||||
|
||||
.hybrid .ce #body { margin-right:220px; }
|
||||
.hybrid .ce #content { float:left; margin-right:-100%; }
|
||||
.hybrid .ce #navigation,
|
||||
.hybrid .ce #extra { float:right; left:220px; clear:right; *float:none; *left:100%; *margin-left:20px; *margin-right:-200px; }
|
||||
.hybrid .ce #navigation { width:100% !important; right:-220px; }
|
||||
|
||||
.hybrid .ec #body { margin-left:220px; }
|
||||
.hybrid .ec #content { float:right; margin-left:-100%; _float:left; _margin-left:0; _margin-right:-100%; }
|
||||
.hybrid .ec #navigation,
|
||||
.hybrid .ec #extra { float:left; left:-220px; clear:left; *float:none; *margin-right:-200px; }
|
||||
.hybrid .ec #navigation { width:100% !important; }
|
||||
|
||||
/* Floating 3 Columns */
|
||||
.hybrid .cne #body { margin-right:440px; }
|
||||
.hybrid .cne #content { float:left; }
|
||||
.hybrid .cne #navigation { float:left; margin-right:-200px; left:20px; }
|
||||
.hybrid .cne #extra { float:right; margin-left:-200px; left:440px; }
|
||||
|
||||
.hybrid .ecn #body { margin-left:220px; margin-right:220px; }
|
||||
.hybrid .ecn #content { float:left; margin-right:-100%; }
|
||||
.hybrid .ecn #navigation { float:right; margin-left:-200px; left:220px; }
|
||||
.hybrid .ecn #extra { float:left; left:-220px; }
|
||||
|
||||
.hybrid .nec #body { margin-left:440px; }
|
||||
.hybrid .nec #content { float:right; }
|
||||
.hybrid .nec #navigation { float:left; margin-right:-200px; left:-440px; }
|
||||
.hybrid .nec #extra { float:left; margin-right:-200px; left:-220px; }
|
||||
|
||||
.hybrid .cen #body { margin-right:440px; }
|
||||
.hybrid .cen #content { float:left; }
|
||||
.hybrid .cen #navigation { float:right; margin-left:-200px; left:440px; }
|
||||
.hybrid .cen #extra { float:left; margin-right:-200px; left:20px; }
|
||||
|
||||
.hybrid .nce #body { margin-left:220px; margin-right:220px; }
|
||||
.hybrid .nce #content { float:left; margin-right:-100%; }
|
||||
.hybrid .nce #navigation { float:left; margin-right:-200px; left:-220px; }
|
||||
.hybrid .nce #extra { float:right; right:-220px; }
|
||||
|
||||
.hybrid .enc #body { margin-left:440px; }
|
||||
.hybrid .enc #content { float:right; }
|
||||
.hybrid .enc #navigation { float:right; margin-left:-200px; left:-20px; }
|
||||
.hybrid .enc #extra { float:left; margin-right:-200px; left:-440px; }
|
||||
|
||||
.hybrid .cee #body { margin-right:440px;}
|
||||
.hybrid .cee #content { float:left; margin-right:-100%; }
|
||||
.hybrid .cee #navigation { right:-440px;}
|
||||
.hybrid .cee #extra { float:right; left:440px; *float:none; *left:100%; *margin-left:20px; *margin-right:-420px; }
|
||||
.hybrid .cee .extra1 { float:left; }
|
||||
.hybrid .cee .extra2 { float:right; }
|
||||
|
||||
.hybrid .eec #body { margin-left:440px;}
|
||||
.hybrid .eec #content { float:left; margin-right:-100%; }
|
||||
.hybrid .eec #extra { float:left; left:-440px; *float:none; *margin-right:-420px; }
|
||||
.hybrid .eec .section{ float:left;}
|
||||
.hybrid .eec .extra1{ float:left; }
|
||||
.hybrid .eec .extra2{ float:right; }
|
||||
|
||||
.hybrid .ece #body { margin:0 220px; }
|
||||
.hybrid .ece #content { float:left; margin-right:-100%; }
|
||||
.hybrid .ece #navigation { right:-220px; }
|
||||
.hybrid .ece #extra { float:none; }
|
||||
.hybrid .ece .extra1{ float:left; left:-220px; margin-right:-200px; }
|
||||
.hybrid .ece .extra2{ float:right; right:-220px; margin-left:-200px; }
|
||||
|
||||
/* Navigation Top */
|
||||
.nTop #navigation { position:absolute; float:right !important; width:auto !important; margin:0 !important; *clear:none !important; overflow:visible; top:-4em; left:auto !important; right:0; }
|
||||
.nTop #navigation .section { position:absolute; float:right; top:0; right:0; width:auto; margin:0; padding:0; }
|
||||
.nTop #navigation .section:after { content:""; display:block; clear:both; width:0; height:0; overflow:hidden; visibility:hidden; font:0/0 Sans-serif;}
|
||||
.nTop #navigation h2 { position:absolute; left:0; top:0; width:0; height:0; border:0; overflow:hidden; visibility:hidden; font:0/0 Sans-serif; }
|
||||
.nTop #navigation ul.nav { position:relative; display:block; float:right; margin:0; padding:0; list-style:none; overflow:hidden; text-align:right; white-space:nowrap; }
|
||||
.nTop #navigation ul.nav li { position:relative; left:-1px; display:inline; white-space:nowrap; border-left:1px solid #ccc; padding-left:5px; }
|
||||
17
modules/planet/skins/xe_planet/css/orange.css
Normal file
17
modules/planet/skins/xe_planet/css/orange.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#E8A15E;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#fdf5ef;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteOrange.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#efbd8e;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#E8A15E;}
|
||||
17
modules/planet/skins/xe_planet/css/red.css
Normal file
17
modules/planet/skins/xe_planet/css/red.css
Normal file
|
|
@ -0,0 +1,17 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Platform Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
.authorHeader,
|
||||
.writePost{ background:#D18675;}
|
||||
.authorFooter,
|
||||
.commentList{ background:#faf3f1;}
|
||||
.writePost .writeBody button{ background-image:url(../images/buttonWriteRed.gif);}
|
||||
|
||||
.myTab li,
|
||||
.exTab li,
|
||||
.myTab li a,
|
||||
.exTab li a{ background-color:#dfaa9e;}
|
||||
.myTab li.active,
|
||||
.exTab li.active,
|
||||
.myTab li.active a,
|
||||
.exTab li.active a{ background-color:#D18675;}
|
||||
14
modules/planet/skins/xe_planet/favorite.html
Normal file
14
modules/planet/skins/xe_planet/favorite.html
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<!--#include("header.html")-->
|
||||
|
||||
<!--#include("planet_info.include.html")-->
|
||||
|
||||
<div class="commentList">
|
||||
<div class="commentHeader">
|
||||
<h3><span>{sprintf($lang->planet_whos_favorite_list, $planet->getNickName())}</span></h3>
|
||||
</div>
|
||||
|
||||
<!--#include("content_list.html")-->
|
||||
|
||||
</div>
|
||||
|
||||
<!--#include("footer.html")-->
|
||||
20
modules/planet/skins/xe_planet/filter/create.xml
Normal file
20
modules/planet/skins/xe_planet/filter/create.xml
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<filter name="create" module="planet" act="procPlanetCreate" confirm_msg_code="confirm_submit">
|
||||
<form>
|
||||
<node target="planet_title" required="true" minlength="1" maxlength="40" />
|
||||
<node target="planet_myintro" required="true" minlength="1" maxlength="40" />
|
||||
<node target="planet_url" required="true" minlength="1" maxlength="20" filter="alpha_number" />
|
||||
</form>
|
||||
<parameter>
|
||||
<param name="planet_title" target="planet_title" />
|
||||
<param name="photo" target="photo" />
|
||||
<param name="browser_title" target="planet_myintro" />
|
||||
<param name="planet_mid" target="planet_url" />
|
||||
<param name="tag" target="planet_mytag" />
|
||||
</parameter>
|
||||
<response callback_func="completeCreate">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="mid" />
|
||||
<tag name="mid_url" />
|
||||
</response>
|
||||
</filter>
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
<filter name="insert_interest_tag" module="planet" act="procPlanetInsertInterestTag">
|
||||
<form>
|
||||
<node target="tag" required="true" minlength="1" maxlength="255" />
|
||||
</form>
|
||||
<parameter />
|
||||
<response callback_func="completeInsertInterestTag">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="tpl" />
|
||||
</response>
|
||||
</filter>
|
||||
12
modules/planet/skins/xe_planet/filter/insert_memo.xml
Normal file
12
modules/planet/skins/xe_planet/filter/insert_memo.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<filter name="insert_memo" module="planet" act="procPlanetInsertMemo">
|
||||
<form>
|
||||
<node target="mid" required="true" />
|
||||
<node target="planet_memo" required="true" minlength="1" maxlength="255" />
|
||||
</form>
|
||||
<parameter />
|
||||
<response callback_func="completeInsertMemo">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="tpl" />
|
||||
</response>
|
||||
</filter>
|
||||
14
modules/planet/skins/xe_planet/filter/insert_reply.xml
Normal file
14
modules/planet/skins/xe_planet/filter/insert_reply.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<filter name="insert_reply" module="planet" act="procPlanetReplyWrite">
|
||||
<form>
|
||||
<node target="mid" required="true" />
|
||||
<node target="document_srl" required="true" />
|
||||
<node target="planet_reply_content" required="true" minlength="1" maxlength="255" />
|
||||
</form>
|
||||
<parameter />
|
||||
<response callback_func="completeInsertReply">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="tpl" />
|
||||
<tag name="document_srl" />
|
||||
</response>
|
||||
</filter>
|
||||
12
modules/planet/skins/xe_planet/filter/me2day_api.xml
Normal file
12
modules/planet/skins/xe_planet/filter/me2day_api.xml
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
<filter name="me2day_api" module="planet" act="procPlanetMe2dayApi" confirm_msg_code="confirm_submit">
|
||||
<form>
|
||||
<node target="me2day_id" required="true" minlength="1" maxlength="40" />
|
||||
<node target="me2day_ukey" required="true" minlength="1" maxlength="40" />
|
||||
<node target="me2day_autopush" />
|
||||
</form>
|
||||
<parameter />
|
||||
<response callback_func="completeMe2Api">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
</response>
|
||||
</filter>
|
||||
15
modules/planet/skins/xe_planet/filter/modify_content_tag.xml
Normal file
15
modules/planet/skins/xe_planet/filter/modify_content_tag.xml
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<filter name="modify_content_tag" module="planet" act="procPlanetContentTagModify" confirm_msg_code="">
|
||||
<form>
|
||||
<node target="document_srl" required="true" />
|
||||
<node target="planet_content_tag" maxlength="250" />
|
||||
</form>
|
||||
<parameter>
|
||||
<param name="document_srl" target="document_srl" />
|
||||
<param name="planet_content_tag" target="planet_content_tag" />
|
||||
</parameter>
|
||||
<response callback_func="completeUpdateContentTag">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="document_srl" />
|
||||
</response>
|
||||
</filter>
|
||||
22
modules/planet/skins/xe_planet/filter/modify_planet_info.xml
Normal file
22
modules/planet/skins/xe_planet/filter/modify_planet_info.xml
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<filter name="modify_planet_info" module="planet" act="procPlanetInfoModify" confirm_msg_code="">
|
||||
<form>
|
||||
<node target="mid" required="true" />
|
||||
<node target="target" required="true" />
|
||||
<node target="planet_tag" maxlength="250" />
|
||||
<node target="planet_name" maxlength="250" />
|
||||
<node target="browser_title" maxlength="250" />
|
||||
<node target="planet_info_photo" maxlength="250" />
|
||||
</form>
|
||||
<parameter>
|
||||
<param name="mid" target="mid" />
|
||||
<param name="target" target="target" />
|
||||
<param name="planet_tag" target="planet_tag" />
|
||||
<param name="planet_name" target="planet_name" />
|
||||
<param name="browser_title" target="browser_title" />
|
||||
<param name="planet_info_photo" target="planet_info_photo" />
|
||||
</parameter>
|
||||
<response callback_func="completeUpdatePlanetInfo">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
</response>
|
||||
</filter>
|
||||
11
modules/planet/skins/xe_planet/filter/planet_login.xml
Normal file
11
modules/planet/skins/xe_planet/filter/planet_login.xml
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<filter name="planet_login" module="member" act="procMemberLogin">
|
||||
<form>
|
||||
<node target="user_id" required="true" filter="user_id"/>
|
||||
<node target="password" required="true" />
|
||||
</form>
|
||||
<parameter />
|
||||
<response callback_func="completePlanetLogin">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
</response>
|
||||
</filter>
|
||||
20
modules/planet/skins/xe_planet/filter/write_content.xml
Normal file
20
modules/planet/skins/xe_planet/filter/write_content.xml
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<filter name="write_content" module="planet" act="procPlanetContentWrite">
|
||||
<form>
|
||||
<node target="content" required="true" />
|
||||
<node target="postscript" maxlength="250" />
|
||||
<node target="content_tag" maxlength="250" />
|
||||
<node target="mid" required="true" />
|
||||
</form>
|
||||
<parameter>
|
||||
<param name="content" target="content" />
|
||||
<param name="extra_vars20" target="postscript" />
|
||||
<param name="tags" target="content_tag" />
|
||||
<param name="mid" target="mid" />
|
||||
<param name="me2day_autopush" target="me2day_autopush" />
|
||||
</parameter>
|
||||
<response callback_func="completeInsertContent">
|
||||
<tag name="error" />
|
||||
<tag name="message" />
|
||||
<tag name="document_srl" />
|
||||
</response>
|
||||
</filter>
|
||||
58
modules/planet/skins/xe_planet/footer.html
Normal file
58
modules/planet/skins/xe_planet/footer.html
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
</div>
|
||||
<hr />
|
||||
<div id="navigation">
|
||||
<!-- GNB -->
|
||||
<div class="gnb">
|
||||
<ul>
|
||||
<li class="first <!--@if($mid==$config->mid)-->active<!--@end-->"><a href="{getUrl('','mid',$config->mid)}">{$lang->planet_home}</a></li>
|
||||
<!--@if($myplanet->isExists())-->
|
||||
<li <!--@if($myplanet->isMyPlanet($planet))-->class="active"<!--@end-->><a href="{getUrl('','mid',$myplanet->getMid())}">{$lang->planet_myplanet}</a></li>
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($is_logged)-->
|
||||
<li class="last"><a href="#" onclick="doPlanetLogout()">{$lang->cmd_logout}</a></li>
|
||||
<!--@else-->
|
||||
<!--@if($config->use_signup=='Y')-->
|
||||
<li><a href="{getUrl('','module','member','act','dispMemberSignupForm','popup',1)}" onclick="winopen(this.href, 'PlanetSignUp','width=600px,height=700px,toolbars=no,scrollbars=yes');return false;">{$lang->cmd_signup}</a></li>
|
||||
<!--@end-->
|
||||
<li class="last"><a href="{getUrl('act','dispPlanetLogin')}">{$lang->cmd_login}</a></li>
|
||||
<!--@end-->
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //GNB -->
|
||||
<!-- 실시간 인기 태그-->
|
||||
<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">>{$lang->cmd_planet_more_tag}</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //실시간 인기 태그 -->
|
||||
<!-- 검색 -->
|
||||
<form action="{Context::getRequestUri()}" method="get" class="search">
|
||||
<input type="hidden" name="act" value="dispPlanetContentTagSearch" />
|
||||
<fieldset>
|
||||
<legend>{$lang->cmd_search}</legend>
|
||||
<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)" />
|
||||
<span class="button large strong"> <button type="submit">{$lang->cmd_search}</button> </span>
|
||||
</fieldset>
|
||||
</form>
|
||||
<!--// 검색 -->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<hr />
|
||||
<div id="footer">
|
||||
<address>powered by <a href="http://www.zeroboard.com/" target="_blank">XE</a></address>
|
||||
</div>
|
||||
</div>
|
||||
<div class="languageSelect">
|
||||
<img widget="language_select" skin="default" colorset="normal" />
|
||||
</div>
|
||||
</div>
|
||||
70
modules/planet/skins/xe_planet/header.html
Normal file
70
modules/planet/skins/xe_planet/header.html
Normal file
|
|
@ -0,0 +1,70 @@
|
|||
<!--%unload("../../../../common/css/default.css")-->
|
||||
<!--%unload("../../../../common/css/button.css",optimized=false)-->
|
||||
<!--%import("css/layout.css")-->
|
||||
<!--%import("css/button.css")-->
|
||||
<!--%import("css/default.css")-->
|
||||
<!--%import("js/jindo2.js")-->
|
||||
<!--%import("js/planet.js")-->
|
||||
<!--%import("js/planet_func.js")-->
|
||||
|
||||
<!--@if($planet->getColorset()=="red")-->
|
||||
<!--%import("css/red.css")-->
|
||||
<!--@elseif($planet->getColorset()=="blue")-->
|
||||
<!--%import("css/blue.css")-->
|
||||
<!--@elseif($planet->getColorset()=="green")-->
|
||||
<!--%import("css/green.css")-->
|
||||
<!--@elseif($planet->getColorset()=="orange")-->
|
||||
<!--%import("css/orange.css")-->
|
||||
<!--@elseif($planet->getColorset()=="gray")-->
|
||||
<!--%import("css/gray.css")-->
|
||||
<!--@else-->
|
||||
<!--%import("css/cyan.css")-->
|
||||
<!--@end-->
|
||||
|
||||
<!--%import("filter/modify_content_tag.xml")-->
|
||||
<!--%import("filter/insert_reply.xml")-->
|
||||
|
||||
<div class="liquid">
|
||||
<div id="container" class="c1 nTop e0">
|
||||
<div id="header">
|
||||
<!--@if($config->logo_image)-->
|
||||
<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>
|
||||
<!--@else-->
|
||||
<h1> </h1>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<hr />
|
||||
<div id="body">
|
||||
<div id="content">
|
||||
<!--@if(!$myplanet->isExists() && $act == 'dispPlanetHome' && $grant->create)-->
|
||||
<div class="tryPlanet">
|
||||
<p>{nl2br($config->create_message)}</p>
|
||||
<a href="{getUrl('','mid',$mid,'act','dispPlanetCreate')}" class="button large strong planetBlue"><span>{$lang->cmd_create_planet}</span></a>
|
||||
<span class="leftCap"></span><span class="rightCap"></span>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($moretags)-->
|
||||
<div class="tagCloud open">
|
||||
<h2>{$lang->planet_nowhot_tag}</h2>
|
||||
<p>{date("Y")}{$lang->unit_year} {date("m")}{$lang->unit_month} {date("d")}{$lang->unit_day} {date("H")}{$lang->unit_hour}</p>
|
||||
<button type="button"><span>{$lang->cmd_planet_close_nowhot_tag}</span></button>
|
||||
<ul>
|
||||
<!--@foreach($planet->getPopularTags(true,100) as $val)-->
|
||||
<li class="rank{$val->rank}"><a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($val->tag))}">{htmlspecialchars($val->tag)}</a></li>
|
||||
<!--@end-->
|
||||
</ul>
|
||||
<a href="{getUrl('moretags','')}" class="closeButton"><img src="./images/buttonClose1.gif" alt="{$lang->cmd_planet_close_nowhot_tag}" border="0" /></a>
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
</div>
|
||||
<hr />
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($config->notice)-->
|
||||
<div class="searchHeader">
|
||||
<p>{$config->notice}</p>
|
||||
<span class="leftCap"></span><span class="rightCap"></span>
|
||||
</div>
|
||||
<!--@end-->
|
||||
BIN
modules/planet/skins/xe_planet/images/@user1.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/@user1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
modules/planet/skins/xe_planet/images/@user2.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/@user2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
modules/planet/skins/xe_planet/images/arrowReplyOpen.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/arrowReplyOpen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 B |
BIN
modules/planet/skins/xe_planet/images/arrowTagNavigation.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/arrowTagNavigation.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
BIN
modules/planet/skins/xe_planet/images/bgBody.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/bgBody.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 B |
BIN
modules/planet/skins/xe_planet/images/bgPerson.png
Normal file
BIN
modules/planet/skins/xe_planet/images/bgPerson.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 789 B |
BIN
modules/planet/skins/xe_planet/images/bgSmile.png
Normal file
BIN
modules/planet/skins/xe_planet/images/bgSmile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
modules/planet/skins/xe_planet/images/bgSympathy.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/bgSympathy.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 354 B |
BIN
modules/planet/skins/xe_planet/images/bgTag.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/bgTag.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 152 B |
BIN
modules/planet/skins/xe_planet/images/bgTag.png
Normal file
BIN
modules/planet/skins/xe_planet/images/bgTag.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 291 B |
BIN
modules/planet/skins/xe_planet/images/boxAuthorHeader.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxAuthorHeader.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
BIN
modules/planet/skins/xe_planet/images/boxAuthorHeader.png
Normal file
BIN
modules/planet/skins/xe_planet/images/boxAuthorHeader.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 173 B |
BIN
modules/planet/skins/xe_planet/images/boxCommentIn.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxCommentIn.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 82 B |
BIN
modules/planet/skins/xe_planet/images/boxCommentOut.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxCommentOut.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 B |
BIN
modules/planet/skins/xe_planet/images/boxH2Comment.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxH2Comment.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 292 B |
BIN
modules/planet/skins/xe_planet/images/boxMemo.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxMemo.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 195 B |
BIN
modules/planet/skins/xe_planet/images/boxMyFavoriteTag.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxMyFavoriteTag.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 85 B |
BIN
modules/planet/skins/xe_planet/images/boxTagChoice.png
Normal file
BIN
modules/planet/skins/xe_planet/images/boxTagChoice.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
modules/planet/skins/xe_planet/images/boxTagCloud.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxTagCloud.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 B |
BIN
modules/planet/skins/xe_planet/images/boxTagNavigation.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxTagNavigation.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 264 B |
BIN
modules/planet/skins/xe_planet/images/boxTagSelected.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxTagSelected.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 295 B |
BIN
modules/planet/skins/xe_planet/images/boxTryPlanet.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxTryPlanet.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 686 B |
BIN
modules/planet/skins/xe_planet/images/boxWelcome.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/boxWelcome.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 B |
BIN
modules/planet/skins/xe_planet/images/buttonAquaBlue.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonAquaBlue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.5 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonAutoComplete.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonAutoComplete.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 B |
BIN
modules/planet/skins/xe_planet/images/buttonBlack.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonBlack.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonBlue.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonBlue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 25 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonClose1.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonClose1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 325 B |
BIN
modules/planet/skins/xe_planet/images/buttonFixedBlack45.png
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonFixedBlack45.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 218 B |
BIN
modules/planet/skins/xe_planet/images/buttonFixedBlack94.png
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonFixedBlack94.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
BIN
modules/planet/skins/xe_planet/images/buttonGnb.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonGnb.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonGreen.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonGreen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonLogin.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonLogin.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonModify.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonModify.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
BIN
modules/planet/skins/xe_planet/images/buttonNext1.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonNext1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 94 B |
BIN
modules/planet/skins/xe_planet/images/buttonPlanetBlue.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonPlanetBlue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonPlanetGreen.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonPlanetGreen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonPrev1.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonPrev1.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 B |
BIN
modules/planet/skins/xe_planet/images/buttonRed.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonRed.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonSympathy.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonSympathy.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 118 B |
BIN
modules/planet/skins/xe_planet/images/buttonTagNavigation.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonTagNavigation.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 213 B |
BIN
modules/planet/skins/xe_planet/images/buttonWhite.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWhite.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteBlue.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteBlue.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteCyan.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteCyan.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteGray.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteGray.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteGreen.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteGreen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteOrange.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteOrange.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonWriteRed.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonWriteRed.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
modules/planet/skins/xe_planet/images/buttonX.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/buttonX.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 B |
BIN
modules/planet/skins/xe_planet/images/cr3px.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/cr3px.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 B |
BIN
modules/planet/skins/xe_planet/images/cr3pxLeft.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/cr3pxLeft.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 B |
BIN
modules/planet/skins/xe_planet/images/cr3pxRight.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/cr3pxRight.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 B |
BIN
modules/planet/skins/xe_planet/images/iconAdd.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconAdd.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 51 B |
BIN
modules/planet/skins/xe_planet/images/iconAddFavorite.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconAddFavorite.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 80 B |
BIN
modules/planet/skins/xe_planet/images/iconCheckGreen.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconCheckGreen.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
BIN
modules/planet/skins/xe_planet/images/iconCheckYellow.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconCheckYellow.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
BIN
modules/planet/skins/xe_planet/images/iconExternalLink.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconExternalLink.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 100 B |
BIN
modules/planet/skins/xe_planet/images/iconMe2day.png
Normal file
BIN
modules/planet/skins/xe_planet/images/iconMe2day.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 764 B |
BIN
modules/planet/skins/xe_planet/images/iconMobile.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconMobile.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
BIN
modules/planet/skins/xe_planet/images/iconWrite.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/iconWrite.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 119 B |
BIN
modules/planet/skins/xe_planet/images/icon_me2day.png
Normal file
BIN
modules/planet/skins/xe_planet/images/icon_me2day.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 279 B |
BIN
modules/planet/skins/xe_planet/images/lineVccc.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/lineVccc.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
BIN
modules/planet/skins/xe_planet/images/paginationNext.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/paginationNext.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
BIN
modules/planet/skins/xe_planet/images/paginationNextEnd.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/paginationNextEnd.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 60 B |
BIN
modules/planet/skins/xe_planet/images/paginationPrev.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/paginationPrev.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
BIN
modules/planet/skins/xe_planet/images/paginationPrevEnd.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/paginationPrevEnd.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 61 B |
BIN
modules/planet/skins/xe_planet/images/rssFeed.png
Normal file
BIN
modules/planet/skins/xe_planet/images/rssFeed.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 513 B |
BIN
modules/planet/skins/xe_planet/images/rssOff.png
Normal file
BIN
modules/planet/skins/xe_planet/images/rssOff.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 657 B |
BIN
modules/planet/skins/xe_planet/images/rssOn.png
Normal file
BIN
modules/planet/skins/xe_planet/images/rssOn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 731 B |
BIN
modules/planet/skins/xe_planet/images/tabSearch.gif
Normal file
BIN
modules/planet/skins/xe_planet/images/tabSearch.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 605 B |
21
modules/planet/skins/xe_planet/interest_tags.html
Normal file
21
modules/planet/skins/xe_planet/interest_tags.html
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<div class="myFavoriteTag">
|
||||
<!--@if(count($interest_tags))-->
|
||||
<ul>
|
||||
<!--@foreach($interest_tags as $key => $tag)-->
|
||||
<li>
|
||||
<a href="{getUrl('act','dispPlanetContentTagSearch','keyword',urlencode($tag))}" <!--@if($planet->isMyPlanet())-->onmouseover="$Element('interest_tags_{$key}').className('delete hover')" onmouseout="$Element('interest_tags_{$key}').className('delete')"<!--@end-->>{htmlspecialchars($tag)}</a>
|
||||
<!--@if($planet->isMyPlanet())--><button type="button" id="interest_tags_{$key}" class="delete" onclick="doDeleteInterestTags('{$tag}'); return false;" onmouseover="this.className='delete hover'" onmouseout="this.className='delete'"><span>{$lang->cmd_planet_del_tag}</span></button><!--@end-->
|
||||
</li>
|
||||
<!--@end-->
|
||||
</ul>
|
||||
<!--@end-->
|
||||
<!--@if($planet->isMyPlanet())-->
|
||||
<form action="./" method="post" onsubmit="return procFilter(this, insert_interest_tag)">
|
||||
<div class="addTag">
|
||||
<input name="tag" type="text" class="inputText" />
|
||||
<span class="addFavorite"><button type="submit">{$lang->cmd_planet_add_tag}</button></span>
|
||||
</div>
|
||||
</form>
|
||||
<!--@end-->
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
</div>
|
||||
4934
modules/planet/skins/xe_planet/js/jindo2.js
Normal file
4934
modules/planet/skins/xe_planet/js/jindo2.js
Normal file
File diff suppressed because it is too large
Load diff
202
modules/planet/skins/xe_planet/js/planet.js
Normal file
202
modules/planet/skins/xe_planet/js/planet.js
Normal file
|
|
@ -0,0 +1,202 @@
|
|||
function completeInsertContent(ret_obj) {
|
||||
var error = ret_obj['error'];
|
||||
var message = ret_obj['message'];
|
||||
var document_srl = ret_obj['document_srl'];
|
||||
location.href = current_url;
|
||||
}
|
||||
|
||||
|
||||
function completeCreate(ret_obj, response_tags, params, fo_obj) {
|
||||
var mid_url = ret_obj['mid_url'];
|
||||
var mid = ret_obj['mid'];
|
||||
|
||||
if(fo_obj.photo.value) {
|
||||
fo_obj.mid.value = mid;
|
||||
fo_obj.act.value = "procPlanetPhotoModify";
|
||||
fo_obj.submit();
|
||||
} else {
|
||||
location.href = mid_url;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function completeUpdateContentTag(ret_obj) {
|
||||
var error = ret_obj['error'];
|
||||
//var message = ret_obj['message'];
|
||||
var document_srl = ret_obj['document_srl'];
|
||||
//alert(message);
|
||||
location.reload();
|
||||
location.href = current_url;
|
||||
}
|
||||
|
||||
|
||||
function completePlanetLogin(ret_obj, response_tags, params, fo_obj) {
|
||||
var url = current_url.setQuery('act','');
|
||||
if(typeof(fo_obj.return_act)!='undefined') {
|
||||
url = url.setQuery('act',fo_obj.return_act.value);
|
||||
}
|
||||
location.href = url;
|
||||
}
|
||||
|
||||
function completeInsertMemo(ret_obj, response_tags, params, fo_obj) {
|
||||
toggle('form');
|
||||
fo_obj.planet_memo.value = "";
|
||||
$('planetMemo').innerHTML = ret_obj['tpl'];
|
||||
}
|
||||
|
||||
function doDeleteMemo(planet_memo_srl) {
|
||||
var params = new Array();
|
||||
params['planet_memo_srl'] = planet_memo_srl;
|
||||
var response_tags = new Array('error','message','tpl');
|
||||
exec_xml('planet', 'procPlanetDeleteMemo', params, completeDeleteMemo, response_tags);
|
||||
}
|
||||
|
||||
function completeDeleteMemo(ret_obj, response_tags, params) {
|
||||
$('planetMemo').innerHTML = ret_obj['tpl'];
|
||||
}
|
||||
|
||||
function memoPageMove(module_srl, page) {
|
||||
var params = new Array();
|
||||
params['target_module_srl'] = module_srl;
|
||||
params['page'] = page;
|
||||
var response_tags = new Array('error','message','tpl');
|
||||
exec_xml('planet', 'getPlanetMemoList', params, completePlanetPageMove, response_tags);
|
||||
}
|
||||
|
||||
function completePlanetPageMove(ret_obj, response_tags, params) {
|
||||
$('planetMemo').innerHTML = ret_obj['tpl'];
|
||||
}
|
||||
|
||||
function updatePlanetInfo(f,target){
|
||||
if(target == 'photo') {
|
||||
if(f.photo.value) {
|
||||
f.act.value = "procPlanetPhotoModify";
|
||||
f.submit();
|
||||
}
|
||||
} else {
|
||||
f.target.value = target;
|
||||
procFilter(f, modify_planet_info);
|
||||
}
|
||||
}
|
||||
|
||||
function completeUpdatePlanetInfo(ret_obj){
|
||||
var error = ret_obj['error'];
|
||||
var message = ret_obj['message'];
|
||||
location.reload();
|
||||
}
|
||||
|
||||
function deletePlanetTag(f,deltag){
|
||||
$('planet_tag').value = $A($('planet_tag').value.trim().split(',')).refuse(deltag.trim())._array.join(',').trim();
|
||||
updatePlanetInfo(f,'planet_tag');
|
||||
}
|
||||
|
||||
|
||||
function doPlanetVoteContent(document_srl){
|
||||
var params = new Array();
|
||||
params['document_srl'] = document_srl;
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procPlanetVoteContent', params, completeVoteContent, response_tags, params);
|
||||
}
|
||||
function completeVoteContent(ret_obj,response_tags, params, fo_obj) {
|
||||
var error = ret_obj['error'];
|
||||
var message = ret_obj['message'];
|
||||
var document_srl = params['document_srl'];
|
||||
if (error == '0') {
|
||||
$('content_voted:'+document_srl).innerHTML = parseInt($('content_voted:'+document_srl).innerHTML) + 1
|
||||
}
|
||||
}
|
||||
|
||||
function completeInsertInterestTag(ret_obj) {
|
||||
$('myFavoriteTag').innerHTML = ret_obj['tpl'];
|
||||
toggle('myFavoriteTag');
|
||||
}
|
||||
|
||||
function doDeleteInterestTags(tag) {
|
||||
var params = new Array();
|
||||
params['tag'] = tag;
|
||||
var response_tags = new Array('error','message','tpl');
|
||||
exec_xml('planet', 'procPlanetDeleteInterestTag', params, completeDeleteInterestTag, response_tags);
|
||||
}
|
||||
|
||||
function completeDeleteInterestTag(ret_obj) {
|
||||
$('myFavoriteTag').innerHTML = ret_obj['tpl'];
|
||||
toggle('myFavoriteTag');
|
||||
}
|
||||
|
||||
function doAddFavorite(module_srl) {
|
||||
var params = new Array();
|
||||
params['module_srl'] = module_srl;
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procPlanetInsertFavorite', params, completeAddFavorite, response_tags);
|
||||
}
|
||||
|
||||
function completeAddFavorite(ret_obj) {
|
||||
$$('.addFavorite')[0].style.display = 'none';
|
||||
}
|
||||
|
||||
|
||||
function completeInsertReply(ret_obj, response_tags, params, fo_obj) {
|
||||
|
||||
$('reply_count:'+ ret_obj['document_srl']).innerHTML = parseInt($('reply_count:'+ ret_obj['document_srl']).innerHTML)+1;
|
||||
showPlanetReply(ret_obj['document_srl'],'open');
|
||||
}
|
||||
|
||||
function showPlanetReply(document_srl,f){
|
||||
if(toggleObject($('reply:'+document_srl),f) =='open'){
|
||||
if($('writeReply:'+document_srl)) $('writeReply:'+document_srl).planet_reply_content.focus();
|
||||
|
||||
var params = new Array();
|
||||
params['document_srl'] = document_srl;
|
||||
var response_tags = new Array('error','message','tpl','document_srl');
|
||||
exec_xml('planet', 'getPlanetReplyList', params, completeShowPlanetReply, response_tags);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function completeShowPlanetReply(ret_obj, response_tags, params, fo_obj) {
|
||||
if($('writeReply:'+ret_obj['document_srl'])) $('writeReply:'+ret_obj['document_srl']).reset();
|
||||
$('reply_content:'+ret_obj['document_srl']).innerHTML = ret_obj['tpl'] == null ?'':ret_obj['tpl'];
|
||||
}
|
||||
|
||||
function doEnableRss() {
|
||||
var params = new Array();
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procPlanetEnableRss', params, function() { location.reload() }, response_tags);
|
||||
}
|
||||
|
||||
function doDisableRss() {
|
||||
var params = new Array();
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procPlanetDisableRss', params, function() { location.reload() }, response_tags);
|
||||
}
|
||||
|
||||
function planetPreview(obj) {
|
||||
if($('btn_preview').checked){
|
||||
$Element('preview').removeClass('off');
|
||||
var text = obj.value;
|
||||
text = text.replace(/</ig,'<');
|
||||
text = text.replace(/>/ig,'>');
|
||||
$('preview_text').innerHTML = text.replace(/"([^"]*)":(mms|http|ftp|https)([^ ]+)/ig,'<a href="$2$3">$1</a>');
|
||||
}else{
|
||||
$Element('preview').addClass('off');
|
||||
$('preview_text').innerHTML = '';
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function doUpdateColorset(obj) {
|
||||
var colorset = obj.parentNode.className;
|
||||
var params = new Array();
|
||||
params['colorset'] = colorset;
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procPlanetColorsetModify', params, completeUpdateColorset);
|
||||
}
|
||||
|
||||
function completeUpdateColorset(ret_obj) {
|
||||
location.reload();
|
||||
}
|
||||
|
||||
function completeMe2Api(ret_obj) {
|
||||
alert(ret_obj['message']);
|
||||
$Element('Me2ApiProtocol').toggleClass('open','close');
|
||||
}
|
||||
328
modules/planet/skins/xe_planet/js/planet_func.js
Normal file
328
modules/planet/skins/xe_planet/js/planet_func.js
Normal file
|
|
@ -0,0 +1,328 @@
|
|||
function toggleWriteFormHelp(obj) {
|
||||
obj.style.display = 'none';
|
||||
obj.nextSibling.style.display = 'block';
|
||||
obj.nextSibling.focus();
|
||||
}
|
||||
|
||||
|
||||
|
||||
function toggle(objclass,f,type){
|
||||
var obj = $$('.'+objclass)[0];
|
||||
return toggleObject(obj,f,type);
|
||||
}
|
||||
|
||||
|
||||
function toggleObject(obj,f,type){
|
||||
var otype = {};
|
||||
if (typeof(type) == 'undefined') {
|
||||
otype = {open:'open',close:'close'};
|
||||
} else {
|
||||
var tmp = type.match(/([^|]*)|(.*)/);
|
||||
otype = {open: tmp[1],close: tmp[2]};
|
||||
}
|
||||
|
||||
var act = (typeof(f)=='undefined' || f=='')?$Element(obj).hasClass(otype.open)?otype.close:otype.open:f;
|
||||
|
||||
if(act == otype.close){
|
||||
$Element(obj).removeClass(otype.open);
|
||||
if(otype.close) $Element(obj).addClass(otype.close);
|
||||
}else{
|
||||
if(otype.close) $Element(obj).removeClass(otype.close);
|
||||
$Element(obj).addClass(otype.open);
|
||||
}
|
||||
return act;
|
||||
}
|
||||
function doFocusPlanetUserId(obj_id) {
|
||||
if(xScrollTop()) return;
|
||||
xAddEventListener(window,'load', function() {xGetElementById(obj_id).focus();} );
|
||||
}
|
||||
function _getPlanetContentTagEditForm(oBtn){
|
||||
for (oChild = oBtn; oChild; oChild = oChild.parentNode) {
|
||||
if (oChild.tagName.toLowerCase() == 'div' && $Element(oChild).hasClass('tag'))
|
||||
return oChild;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function showPlanetContentTagEditForm(oBtn,document_srl){
|
||||
var oTag = _getPlanetContentTagEditForm(oBtn);
|
||||
if(!oTag) return false;
|
||||
$Element(oTag).addClass('edit');
|
||||
|
||||
$('form_planet_content_tag:'+document_srl).planet_content_tag.focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
function closePlanetContentTagEditForm(oBtn){
|
||||
var oTag = _getPlanetContentTagEditForm(oBtn);
|
||||
if(!oTag) return false;
|
||||
$Element(oTag).removeClass('edit');
|
||||
}
|
||||
|
||||
function doPlanetPhotoUpload(obj) {
|
||||
obj.form.submit();
|
||||
}
|
||||
|
||||
|
||||
function notReadWelcome(){
|
||||
var c=$('welcome_msg');
|
||||
var params = new Array();
|
||||
params['module_srl'] = c.value;
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet', 'procNotReadWelcome', params, function(){ $('welcome').style.display = 'none'; }, response_tags);
|
||||
}
|
||||
|
||||
|
||||
function getPlanetContentTags(no){
|
||||
no = parseInt(no);
|
||||
var rtn = new Array();
|
||||
var obj = document.getElementsByName('planet_content_tag:'+no);
|
||||
if(obj && obj.length>0){
|
||||
for(var i=0,c=obj.length;i<c;i++){
|
||||
rtn.push(obj[i].innerHTML);
|
||||
}
|
||||
}
|
||||
return rtn;
|
||||
}
|
||||
|
||||
function deletePlanetContentTag(no,i){
|
||||
var arrNoTags = $A(getPlanetContentTags(no));
|
||||
$('form_planet_content_tag:'+no).planet_content_tag.value = arrNoTags.refuse(arrNoTags.$value()[i]).$value().join(',');
|
||||
procFilter($('form_planet_content_tag:'+no), modify_content_tag);
|
||||
}
|
||||
|
||||
|
||||
function doPlanetLogout() {
|
||||
var params = new Array();
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('member', 'procMemberLogout', params, completeLogout, response_tags);
|
||||
}
|
||||
|
||||
function completeLogout() {
|
||||
location.reload();
|
||||
}
|
||||
|
||||
function showWritePost(){
|
||||
|
||||
var o = $Element('writePost');
|
||||
|
||||
// do close
|
||||
if(!o.hasClass('open')){
|
||||
toggleWritePost();
|
||||
}
|
||||
//$('writePostForm').content.focus();
|
||||
$('writePost_content').focus();
|
||||
}
|
||||
|
||||
function closeWritePost(){
|
||||
toggle('writePost');
|
||||
//$('writePost').reset();
|
||||
//$('writePost_content').reset();
|
||||
}
|
||||
|
||||
|
||||
function toggleWritePost(){
|
||||
var o = $Element('writePost');
|
||||
var t = $Element('writeBody');
|
||||
|
||||
// do close
|
||||
if(o.hasClass('open')){
|
||||
|
||||
if($Agent().navigator().ie){
|
||||
closeWritePost();
|
||||
}else{
|
||||
t.attr('style','overflow:hidden');
|
||||
moveHeight('writeBody',{end:140,callback:function(){t.attr('style','');toggle('writePost');}});
|
||||
}
|
||||
|
||||
$Cookie().set('writePost','close',30);
|
||||
//$('writePostForm').reset();
|
||||
// do open
|
||||
}else{
|
||||
if ($Agent().navigator().ie) {
|
||||
toggle('writePost');
|
||||
}else{
|
||||
toggle('writePost');
|
||||
t.attr('style','overflow:hidden');
|
||||
t.height(0);
|
||||
moveHeight('writeBody',{start:0,end:30,callback:function(){t.attr('style','');}});
|
||||
|
||||
}
|
||||
|
||||
$Cookie().set('writePost','open',30);
|
||||
$('writePost_content').focus();
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function showWriteMemo(){
|
||||
toggle('memo','close');
|
||||
toggle('form');
|
||||
$('planet_memo').focus();
|
||||
}
|
||||
|
||||
|
||||
function showBtnDeleteTag(o){
|
||||
toggleObject(o,'hover','hover|');
|
||||
}
|
||||
|
||||
function closeBtnDeleteTag(o){
|
||||
toggleObject(o,'','hover|');
|
||||
}
|
||||
|
||||
function togglePreview(){
|
||||
var e = $Element('preview');
|
||||
|
||||
if ($Cookie().get('preview') == 'off') {
|
||||
$Cookie().set('preview', '', 30);
|
||||
if ($('writePostForm').content.value.length>1) {
|
||||
planetPreview($('writePostForm').content);
|
||||
}
|
||||
} else {
|
||||
$Cookie().set('preview', 'off', 30);
|
||||
if(!e.hasClass('off')) e.addClass('off');
|
||||
|
||||
}
|
||||
$('writePostForm').content.focus();
|
||||
}
|
||||
|
||||
function toggleTagRank(){
|
||||
var o = $Element($$('.layer')[0]);
|
||||
// do close
|
||||
if($Element($$('.tagRank')[0]).hasClass('open')){
|
||||
o.disappear(0,function(){toggle('tagRank','close');o.attr('style','');})
|
||||
|
||||
// do open
|
||||
}else{
|
||||
o.appear(0,function(){toggle('tagRank','open');})
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
function moveHeight(obj,option){
|
||||
var self = this;
|
||||
this.obj = $Element(obj);
|
||||
this.start = typeof option.start == 'undefined' ? this.obj.height() : option.start;
|
||||
this.end = option.end;
|
||||
this.p = this.start < this.end ? 1 : -1;
|
||||
this.s = 9;
|
||||
this.callback = option.callback || new Function;
|
||||
|
||||
var func = function(){
|
||||
self.s *= 1.2;
|
||||
if (self.p >0 ? self.start <= self.end : self.start >= self.end) {
|
||||
self.start = self.obj.height() + p*self.s;
|
||||
self.obj.height(self.start);
|
||||
self._timer = setTimeout(func, 4);
|
||||
}else{
|
||||
self.obj.height(self.end);
|
||||
self.callback();
|
||||
}
|
||||
};
|
||||
func();
|
||||
}
|
||||
|
||||
function toggleMemo(){
|
||||
|
||||
var p = $Element('planetMemo');
|
||||
var f = $Element('planetMemoFirst');
|
||||
var ul = $Element('planetMemoList');
|
||||
if(ul.visible()){
|
||||
p.removeClass('open');
|
||||
//f.show();
|
||||
ul.hide();
|
||||
|
||||
}else{
|
||||
p.addClass('open');
|
||||
//f.hide();
|
||||
ul.show();
|
||||
p.opacity(0);
|
||||
p.appear(0,function(){});
|
||||
}
|
||||
|
||||
}
|
||||
function showWriteMemoForm(){
|
||||
if($Element('planetMemoList').visible()){
|
||||
toggleMemo();
|
||||
}
|
||||
toggle('form');
|
||||
$('planet_memo').focus();
|
||||
}
|
||||
|
||||
xAddEventListener(window,'load', function() {
|
||||
if(!$('btn_preview')) return;
|
||||
if($Cookie().get('preview')=='off'){
|
||||
$('btn_preview').checked = false;
|
||||
}else{
|
||||
$('btn_preview').checked = true;
|
||||
}
|
||||
});
|
||||
|
||||
xAddEventListener(window,'load', function() {
|
||||
if(!$('writePost')) return;
|
||||
if($Cookie().get('writePost')!='close'){
|
||||
toggleObject('writePost','open');
|
||||
//$Cookie().set('writePost','open',30);
|
||||
}else{
|
||||
toggleObject('writePost','close');
|
||||
//$Cookie().set('writePost','',30);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
function showInsertPhoneNumber(){
|
||||
var p = $Element(cssquery('form.mobile dl')[0]);
|
||||
if(p.hasClass('open')){
|
||||
closeInsertPhoneNumber();
|
||||
}else{
|
||||
p.addClass('open');
|
||||
cssquery('form.mobile input[name=phone_number]')[0].focus();
|
||||
}
|
||||
}
|
||||
|
||||
function closeInsertPhoneNumber(){
|
||||
$Element(cssquery('form.mobile dl')[0]).removeClass('open');
|
||||
}
|
||||
|
||||
function setPhoneNumber(f){
|
||||
var phone_number = f.phone_number[0].value + f.phone_number[1].value + f.phone_number[2].value;
|
||||
if(phone_number.length >= 10){
|
||||
var response_tags = new Array('error','message');
|
||||
exec_xml('planet','procPlanetSetSMS',{'phone_number':phone_number},resultSetPhoneNumber,response_tags);
|
||||
}
|
||||
}
|
||||
|
||||
function resultSetPhoneNumber(ret_obj, response_tags, params) {
|
||||
if(ret_obj.message) alert(ret_obj.message);
|
||||
closeInsertPhoneNumber();
|
||||
}
|
||||
|
||||
|
||||
function setTag(tag){
|
||||
tag = tag.trim();
|
||||
toggleWriteFormHelp(cssquery('input[name=about_tag]')[0]);
|
||||
var input_tag = cssquery('input[name=content_tag]')[0];
|
||||
var ck = 0;
|
||||
if(input_tag.value){
|
||||
var taglist = input_tag.value + ','+tag;
|
||||
taglist = taglist.split(',');
|
||||
for(var i=0,c=taglist.length;i<c;i++){
|
||||
taglist[i] = taglist[i].trim();
|
||||
if(taglist[i] == tag) ck++;
|
||||
}
|
||||
|
||||
if(ck>1){
|
||||
taglist = $A(taglist).refuse(tag).$value();
|
||||
}
|
||||
|
||||
input_tag.value = $A(taglist).unique().$value().join(',');
|
||||
}else{
|
||||
input_tag.value = tag;
|
||||
}
|
||||
}
|
||||
36
modules/planet/skins/xe_planet/login.html
Normal file
36
modules/planet/skins/xe_planet/login.html
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
<!--#include("header.html")-->
|
||||
<!--%import("./filter/planet_login.xml")-->
|
||||
|
||||
<script type="text/javascript">
|
||||
var keep_signed_msg = "{$lang->about_keep_signed}";
|
||||
doFocusPlanetUserId("uid");
|
||||
</script>
|
||||
|
||||
|
||||
<div class="personalHeader">
|
||||
<h2>Login</h2>
|
||||
<p>{$lang->about_planet_login}</p>
|
||||
<span class="leftCap"></span><span class="rightCap"></span>
|
||||
</div>
|
||||
<form action="" method="post" onsubmit="return procFilter(this, planet_login)">
|
||||
<fieldset>
|
||||
<legend>{$lang->cmd_login}</legend>
|
||||
<div class="myInfo">
|
||||
<dl class="login">
|
||||
<dt><label for="uid">{$lang->user_id}</label></dt>
|
||||
<dd>: <input name="user_id" id="uid" type="text" class="inputText" size="30" /></dd>
|
||||
<dt><label for="upw">{$lang->password}</label></dt>
|
||||
<dd>: <input name="password" id="upw" type="password" class="inputText" size="30" /></dd>
|
||||
<dt> </dt>
|
||||
<dd>
|
||||
<input type="checkbox" name="keep_signed" id="keepid" value="Y" onclick="if(this.checked) return confirm(keep_signed_msg);"/>
|
||||
<label for="keepid">{$lang->keep_signed}</label>
|
||||
</dd>
|
||||
</dl>
|
||||
<button type="submit"><span>{$lang->cmd_planet_login}</span></button>
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
|
||||
<!--#include("footer.html")-->
|
||||
34
modules/planet/skins/xe_planet/main.html
Normal file
34
modules/planet/skins/xe_planet/main.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!--#include("header.html")-->
|
||||
|
||||
<ul class="generalTab">
|
||||
|
||||
<!--@if(is_array($config->tagtab) && count($config->tagtab)>0)-->
|
||||
<!--@foreach($tagtab_list as $key => $val)-->
|
||||
<li <!--@if($tagtab==$key)-->class="active"<!--@end-->><a href="{getUrl('type','tagtab','page','','tagtab',$key)}">{$key}<sup>{number_format($val)}</sup></a></li>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
|
||||
<li <!--@if($type=='all')-->class="active"<!--@end-->><a href="{getUrl('type','all','page','','tagtab')}">{$lang->planet_total_articles}<sup>{number_format($total_content)}</sup></a></li>
|
||||
<li <!--@if($type=='wantyou')-->class="active"<!--@end-->><a href="{getUrl('type','wantyou','page','','tagtab')}">{$lang->planet_wantyou}<sup>{number_format($total_wantyou)}</sup></a></li>
|
||||
<li <!--@if($type=='best')-->class="active"<!--@end-->><a href="{getUrl('type','best','page','','tagtab')}">{$lang->planet_best}<sup>{number_format($total_best)}</sup></a></li>
|
||||
</ul>
|
||||
|
||||
<div class="commentList">
|
||||
<div class="commentHeader">
|
||||
<p class="timeNav">
|
||||
<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>)
|
||||
<a class="prev" href="{getUrl('date',$prev_date)}"><img src="./images/buttonPrev1.gif" border="0" alt="{$lang->cmd_prev}" /></a>
|
||||
<a class="next" href="{getUrl('date',$next_date)}"><img src="./images/buttonNext1.gif" border="0" alt="{$lang->cmd_next}" /></a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!--#include("content_list.html")-->
|
||||
|
||||
<span class="tl"></span><span class="tr"></span><span class="bl"></span><span class="br"></span>
|
||||
|
||||
</div>
|
||||
|
||||
<!--#include("footer.html")-->
|
||||
47
modules/planet/skins/xe_planet/memo_list.html
Normal file
47
modules/planet/skins/xe_planet/memo_list.html
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<p id="planetMemoFirst">
|
||||
<!--@if($memo_list)-->
|
||||
{@$memo=current($memo_list)}
|
||||
<em>[<a href="{getUrl('','mid',$memo->mid)}">{$memo->nick_name}</a>] {htmlspecialchars($memo->memo_content)}</em>
|
||||
<span>{getTimeGap($memo->regdate, 'y/m/d')}</span>
|
||||
<!--@if(count($memo_list)>1)-->
|
||||
<button type="button" class="toggle" onclick="toggleMemo()"><span>{$lang->cmd_planet_openclose_memo}</span></button>
|
||||
<!--@end-->
|
||||
<!--@else-->
|
||||
<em>{$lang->msg_planet_no_memo}</em>
|
||||
<!--@end-->
|
||||
</p>
|
||||
|
||||
<ul id="planetMemoList">
|
||||
|
||||
<!--@if($memo_list)-->
|
||||
{@$_isFirst=true}
|
||||
<!--@foreach($memo_list as $memo)-->
|
||||
<li <!--@if($_isFirst)-->class="first"<!--@end-->>
|
||||
<em>[<a href="{getUrl('','mid',$memo->mid)}">{$memo->nick_name}</a>] {htmlspecialchars($memo->memo_content)} </em>
|
||||
<span>{getTimeGap($memo->regdate, 'y/m/d')}
|
||||
<!--@if($memo->write_planet_srl==$myplanet->getModuleSrl()||$planet->isMyPlanet())--><button type="button" class="delete" onclick="doDeleteMemo('{$memo->planet_memo_srl}'); return false;"><span>{$lang->cmd_planet_delete_memo}</span></button><!--@end-->
|
||||
</span>
|
||||
<!--@if($_isFirst && count($memo_list)>1)--><button type="button" class="toggle" onclick="toggleMemo()"><span>{$lang->cmd_planet_openclose_memo}</span></button><!--@end--></li>
|
||||
{@$_isFirst=false}
|
||||
<!--@end-->
|
||||
<!--@else-->
|
||||
<li class="first"><em>{$lang->msg_planet_no_memo}</em></li>
|
||||
<!--@end-->
|
||||
</ul>
|
||||
<!--@if($memo_navigation->last_page>1)-->
|
||||
<div class="pagination">
|
||||
<!--@if($memo_navigation->cur_page>1)-->
|
||||
<a href="#planetMemo" onclick="memoPageMove('{$planet->getModuleSrl()}',{$page-1}); return false;" class="prev">{$lang->cmd_prev}</a>
|
||||
<!--@end-->
|
||||
<!--@while($page_no = $memo_navigation->getNextPage())-->
|
||||
<!--@if($memo_navigation->cur_page == $page_no)-->
|
||||
<strong>{$page_no}</strong>
|
||||
<!--@else-->
|
||||
<a href="#planetMemo" onclick="memoPageMove('{$planet->getModuleSrl()}',{$page_no}); return false;" >{$page_no}</a>
|
||||
<!--@end-->
|
||||
<!--@end-->
|
||||
<!--@if($memo_navigation->cur_page<$memo_navigation->last_page)-->
|
||||
<a href="#planetMemo" onclick="memoPageMove('{$planet->getModuleSrl()}',{$page+1}); return false;" class="next">{$lang->cmd_next}</a>
|
||||
<!--@end-->
|
||||
</div>
|
||||
<!--@end-->
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue