mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-05 01:52:17 +09:00
css 및 js 호출순서 조정기능 추가
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5785 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ngleader
parent
4f380d9c48
commit
61851f1dfe
2149 changed files with 109090 additions and 18689 deletions
9
modules/layout/tpl/about_faceoff.html
Normal file
9
modules/layout/tpl/about_faceoff.html
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<div class="aboutFaceOff">
|
||||
<h3>{$lang->about_faceoff['title']}</h3>
|
||||
<p>{$lang->about_faceoff['description']}</p>
|
||||
<img src="./images/faceoff.gif" border="0" />
|
||||
<p>{$lang->about_faceoff['layout']}</p>
|
||||
<p>{$lang->about_faceoff['setting']}</p>
|
||||
<p>{$lang->about_faceoff['hotkey']}</p>
|
||||
<p>{$lang->about_faceoff['attribute']}</p>
|
||||
</div>
|
||||
208
modules/layout/tpl/css/faceoff_menu.css
Normal file
208
modules/layout/tpl/css/faceoff_menu.css
Normal file
|
|
@ -0,0 +1,208 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Kim Taegon(gonom9@nhncorp.com) */
|
||||
|
||||
/* toolbar */
|
||||
#toolbar { position:relative; z-index:1000; background:url(../images/bgMenu.gif) repeat-x 0 0; font-size:12px; height:35px; clear:both; }
|
||||
#toolbar *{ margin:0; padding:0;}
|
||||
#toolbar h1 { float:left; color:#fff; padding:10px 20px; font-size:12px;}
|
||||
#toolbar .tb-btn-active { font-weight:bold; }
|
||||
#toolbar .tb-menu-item-hover { color:white; background-color:navy; }
|
||||
#toolbar .tb-menu-item-selected { color:white; background-color:green; }
|
||||
|
||||
#faceoffSelector { border:2px dotted #ff6600; }
|
||||
|
||||
#smartmenu { position:absolute; top:10px; right:10px; margin:0; padding:0; font-size:12px; color:#fff; white-space:nowrap;}
|
||||
#smartmenu li { display:none; list-style:none; font-weight:bold; }
|
||||
#smartmenu li.active{ display:block;}
|
||||
#smartmenu li dl{ margin:0; padding:0; display:inline;}
|
||||
#smartmenu li dt,
|
||||
#smartmenu li dd{ display:inline;}
|
||||
#smartmenu li dt{ color:#ccc;}
|
||||
#smartmenu li dd button{ background-color:#000; border:0; font-size:12px; font-family:Tahoma; font-weight:normal; color:#fff; cursor:pointer; border:1px solid #888; }
|
||||
#layout-preview { display:none; width:120px; left:0px; right:0px; }
|
||||
|
||||
/* widgetMenu */
|
||||
#toolbar .widgetMenu{ height:35px; margin:0; padding:0; font-size:12px; line-height:1.2; background:url(../images/bgMenu.gif) repeat-x 0 0;}
|
||||
#toolbar .widgetMenu ul.widgetMenuList{ margin:0; padding:0; height:35px; float:left; }
|
||||
#toolbar .widgetMenu ul.widgetMenuList li ul{ display:none; position:absolute; top:40px; left:0; height:auto; padding:10px 15px; background:#595959; border:1px solid #444;}
|
||||
#toolbar .widgetMenu ul.widgetMenuList li.active ul{ display:block;}
|
||||
#toolbar .widgetMenu ul.widgetMenuList.aCenter{ margin-left:auto; margin-right:auto;}
|
||||
#toolbar .widgetMenu ul.widgetMenuList.aLeft{ margin-right:auto;}
|
||||
#toolbar .widgetMenu ul.widgetMenuList.aRight{ margin-left:auto;}
|
||||
#toolbar .widgetMenu li{ position:relative; padding-right:3px; float:left; list-style:none; background:url(../images/bgMenu.gif) no-repeat right -40px; white-space:nowrap;}
|
||||
#toolbar .widgetMenu li button{ position:relative; float:left; height:35px; color:#fff !important; text-decoration:none !important; cursor:pointer; background-color:transparent; border:0; font-weight:bold; font-size:12px; font-family:Tahoma;}
|
||||
#toolbar .widgetMenu li button span{ padding:0 15px;}
|
||||
#toolbar .widgetMenu li.first button{ background:url(../images/bgMenu.gif) no-repeat left -40px; color:#f00 !important;}
|
||||
#toolbar .widgetMenu li.active{ margin-left:-2px; background:url(../images/bgMenu.gif) no-repeat right -80px;}
|
||||
#toolbar .widgetMenu li.active button{ font-weight:bold; color:#ff0 !important; background:url(../images/bgMenu.gif) no-repeat left -80px;}
|
||||
#toolbar .widgetMenu li.active li{ float:none; background:none;}
|
||||
#toolbar .widgetMenu li.active li.active{ margin:0;}
|
||||
#toolbar .widgetMenu li li{ background:none; display:block !important; clear:both !important;}
|
||||
#toolbar .widgetMenu li li.first{ background:none;}
|
||||
#toolbar .widgetMenu li.active li.first{ padding-top:14px; background:url(../images/bgMenu.gif) no-repeat 30px top;}
|
||||
#toolbar .widgetMenu li li button{ background:none; height:auto; font-weight:normal; text-align:left; float:none; display:block;}
|
||||
#toolbar .widgetMenu li.active li button{ display:block; padding:0; float:none; height:auto; font-weight:normal; color:#fff !important; background:none; font-weight:normal;}
|
||||
#toolbar .widgetMenu li.active li.active button{ color:#ff0 !important;}
|
||||
|
||||
/* preference dialog */
|
||||
#propertyDialog { position:absolute; border:1px solid silver; background-color:white; padding:15px 20px; z-index:110; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 auto; display:none; width:250px; left:20px; top:60px;}
|
||||
#propertyDialog fieldset{ border:1px dotted #ccc; padding:5px 10px; margin:0 0 10px 0; white-space:nowrap;}
|
||||
#propertyDialog legend{ font-weight:bold; background-color:#fff; padding:0 5px; }
|
||||
#propertyDialog label{ cursor:default;}
|
||||
#propertyDialog .more { display:none; margin:0; padding:0 0 0 10px; border-left:2px solid #eee;}
|
||||
#propertyDialog .visible-more .more { display:block; }
|
||||
#propertyDialog .visible-more .inputall { display:none; }
|
||||
#propertyDialog .buttonArea{ text-align:center;}
|
||||
#propertyDialog button{ cursor:pointer;}
|
||||
.overlay { background-color:black; opacity:0.75; position:absolute; z-index:100; display:none; }
|
||||
|
||||
/* layout preview */
|
||||
|
||||
/* demoXe */
|
||||
#demoXe { position:absolute; background:#fff; border:2px solid #ddd; padding:5px; width:100px; display:none; }
|
||||
#demoXe * { margin:0; padding:0; font-size:0; line-height:0; }
|
||||
|
||||
/* Container + Header + Body + Footer */
|
||||
#demoContainer { position:relative; }
|
||||
#demoHeader { position:relative; height:10px; *zoom:1;
|
||||
background:#ddd; margin-bottom:5px; }
|
||||
#demoHeader:after { content:""; display:block; clear:both; }
|
||||
#demoBody { position:relative; *zoom:1;
|
||||
margin-bottom:5px; }
|
||||
#demoBody:after { content:""; display:block; clear:both; }
|
||||
#demoContent { position:relative; height:40px; text-align:justify; background:#ddd; }
|
||||
#demoFooter { position:relative; height:10px; *zoom:1;
|
||||
background:#ddd; }
|
||||
#demoFooter address { text-align:center; }
|
||||
|
||||
/* Layout Width */
|
||||
.demoFixed #demoContainer { width:100px; margin-left:auto; margin-right:auto; }
|
||||
.demoLiquid #demoContainer { width:90%; margin-left:auto; margin-right:auto; }
|
||||
.demoHybrid #demoContainer { width:90%; margin-left:auto; margin-right:auto; }
|
||||
|
||||
/* Align Layout */
|
||||
.demoALeft #demoContainer { margin-left:0; }
|
||||
.demoARight #demoContainer { margin-right:0; }
|
||||
|
||||
/* Extension */
|
||||
.demoExtension,
|
||||
.demoSection { position:relative; }
|
||||
#demoBody .demoExtension { position:relative; display:none; height:40px; background:#ddd; }
|
||||
#demoBody #demoContent { width:100%; height:40px; font-size:small; }
|
||||
.demoExtension .demoSection { }
|
||||
|
||||
/* Layout Color */
|
||||
.demoLiquid #demoHeader,
|
||||
.demoLiquid #demoFooter,
|
||||
.demoLiquid #demoContent,
|
||||
.demoLiquid #demoBody .demoExtension { background:#999; }
|
||||
.demoHybrid #demoHeader,
|
||||
.demoHybrid #demoFooter,
|
||||
.demoHybrid #demoContent { background:#999; }
|
||||
|
||||
/* ----- Fixed 2 Column Layout ----- */
|
||||
.demoFixed .demoCE #demoBody .demoE1,
|
||||
.demoFixed .demoEC #demoBody .demoE1 { width:15px; }
|
||||
.demoFixed .demoCE #demoBody #demoContent,
|
||||
.demoFixed .demoEC #demoBody #demoContent { width:80px; }
|
||||
.demoFixed .demoCE #demoBody #demoContent { float:left; }
|
||||
.demoFixed .demoEC #demoBody #demoContent { float:right; }
|
||||
.demoFixed .demoCE #demoBody .demoE1,
|
||||
.demoFixed .demoEC #demoBody .demoE1 { display:block; }
|
||||
.demoFixed .demoCE #demoBody .demoE1 { float:right; clear:right; }
|
||||
.demoFixed .demoEC #demoBody .demoE1 { float:left; clear:left; }
|
||||
|
||||
/* ----- Liquid 2 Column Layout ----- */
|
||||
.demoLiquid .demoCE #demoBody .demoE1,
|
||||
.demoLiquid .demoEC #demoBody .demoE1 { width:15%; }
|
||||
.demoLiquid .demoCE #demoBody #demoContent,
|
||||
.demoLiquid .demoEC #demoBody #demoContent { width:80%; }
|
||||
.demoLiquid .demoCE #demoBody #demoContent { float:left; }
|
||||
.demoLiquid .demoEC #demoBody #demoContent { float:right; }
|
||||
.demoLiquid .demoCE #demoBody .demoE1,
|
||||
.demoLiquid .demoEC #demoBody .demoE1 { display:block; }
|
||||
.demoLiquid .demoCE #demoBody .demoE1 { float:right; clear:right; }
|
||||
.demoLiquid .demoEC #demoBody .demoE1 { float:left; clear:left; }
|
||||
|
||||
/* ----- Hybrid 2 Column Layout ----- */
|
||||
.demoHybrid .demoCE #demoBody { padding-right:20px; }
|
||||
.demoHybrid .demoEC #demoBody { padding-left:20px; }
|
||||
.demoHybrid .demoCE #demoBody .demoE1,
|
||||
.demoHybrid .demoEC #demoBody .demoE1 { width:15px; }
|
||||
.demoHybrid .demoCE #demoBody #demoContent { float:left; }
|
||||
.demoHybrid .demoEC #demoBody #demoContent { float:right; }
|
||||
.demoHybrid .demoCE #demoBody .demoE1,
|
||||
.demoHybrid .demoEC #demoBody .demoE1 { display:block; }
|
||||
.demoHybrid .demoCE #demoBody .demoE1 { float:right; clear:right; margin-left:-15px; right:-20px; }
|
||||
.demoHybrid .demoEC #demoBody .demoE1 { float:left; clear:left; margin-right:-15px; left:-20px; }
|
||||
|
||||
/* ----- Fixed 3 Column Layout ----- */
|
||||
.demoFixed .demoCEE #demoBody .demoE1,
|
||||
.demoFixed .demoCEE #demoBody .demoE2,
|
||||
.demoFixed .demoECE #demoBody .demoE1,
|
||||
.demoFixed .demoECE #demoBody .demoE2,
|
||||
.demoFixed .demoEEC #demoBody .demoE1,
|
||||
.demoFixed .demoEEC #demoBody .demoE2 { display:block; width:15px; }
|
||||
.demoFixed .demoCEE #demoBody #demoContent,
|
||||
.demoFixed .demoECE #demoBody #demoContent,
|
||||
.demoFixed .demoEEC #demoBody #demoContent { width:60px; }
|
||||
.demoFixed .demoCEE #demoBody #demoContent { float:left; margin-right:5px; }
|
||||
.demoFixed .demoECE #demoBody #demoContent { float:left; margin-right:-100%; left:20px; }
|
||||
.demoFixed .demoEEC #demoBody #demoContent { float:right; }
|
||||
.demoFixed .demoECE #demoBody .demoE1,
|
||||
.demoFixed .demoEEC #demoBody .demoE1 { float:left; margin-right:5px; }
|
||||
.demoFixed .demoCEE #demoBody .demoE1,
|
||||
.demoFixed .demoEEC #demoBody .demoE2 { float:left; }
|
||||
.demoFixed .demoCEE #demoBody .demoE2,
|
||||
.demoFixed .demoECE #demoBody .demoE2 { float:right; }
|
||||
|
||||
/* ----- Liquid 3 Column Layout ----- */
|
||||
.demoLiquid .demoCEE #demoBody .demoE1,
|
||||
.demoLiquid .demoCEE #demoBody .demoE2,
|
||||
.demoLiquid .demoECE #demoBody .demoE1,
|
||||
.demoLiquid .demoECE #demoBody .demoE2,
|
||||
.demoLiquid .demoEEC #demoBody .demoE1,
|
||||
.demoLiquid .demoEEC #demoBody .demoE2 { display:block; width:15%; }
|
||||
.demoLiquid .demoCEE #demoBody #demoContent,
|
||||
.demoLiquid .demoECE #demoBody #demoContent,
|
||||
.demoLiquid .demoEEC #demoBody #demoContent { width:60%; }
|
||||
.demoLiquid .demoCEE #demoBody #demoContent { float:left; margin-right:5%; }
|
||||
.demoLiquid .demoECE #demoBody #demoContent { float:left; margin-right:-100%; left:20%; }
|
||||
.demoLiquid .demoEEC #demoBody #demoContent { float:right; }
|
||||
.demoLiquid .demoECE #demoBody .demoE1,
|
||||
.demoLiquid .demoEEC #demoBody .demoE1 { float:left; margin-right:5%; }
|
||||
.demoLiquid .demoCEE #demoBody .demoE1,
|
||||
.demoLiquid .demoEEC #demoBody .demoE2 { float:left; }
|
||||
.demoLiquid .demoCEE #demoBody .demoE2,
|
||||
.demoLiquid .demoECE #demoBody .demoE2 { float:right; }
|
||||
|
||||
/* ----- Hybrid 3 Column Layout ----- */
|
||||
.demoHybrid .demoCEE #demoBody .demoE1,
|
||||
.demoHybrid .demoCEE #demoBody .demoE2,
|
||||
.demoHybrid .demoECE #demoBody .demoE1,
|
||||
.demoHybrid .demoECE #demoBody .demoE2,
|
||||
.demoHybrid .demoEEC #demoBody .demoE1,
|
||||
.demoHybrid .demoEEC #demoBody .demoE2 { display:block; width:15px; }
|
||||
.demoHybrid .demoCEE #demoBody { padding-right:40px; }
|
||||
.demoHybrid .demoECE #demoBody { padding-left:20px; padding-right:20px; }
|
||||
.demoHybrid .demoEEC #demoBody { padding-left:40px; }
|
||||
.demoHybrid .demoCEE #demoBody #demoContent,
|
||||
.demoHybrid .demoECE #demoBody #demoContent,
|
||||
.demoHybrid .demoEEC #demoBody #demoContent { width:100%; }
|
||||
.demoHybrid .demoCEE #demoBody #demoContent,
|
||||
.demoHybrid .demoECE #demoBody #demoContent { float:left; margin-right:-100%; }
|
||||
.demoHybrid .demoEEC #demoBody #demoContent { float:right; }
|
||||
.demoHybrid .demoECE #demoBody .demoE1,
|
||||
.demoHybrid .demoEEC #demoBody .demoE2 { float:left; left:-20px; margin-right:-20px; }
|
||||
.demoHybrid .demoEEC #demoBody .demoE1 { float:left; left:-40px; margin-right:-20px; }
|
||||
.demoHybrid .demoCEE #demoBody .demoE1,
|
||||
.demoHybrid .demoECE #demoBody .demoE2 { float:right; left:20px; margin-left:-15px; }
|
||||
.demoHybrid .demoCEE #demoBody .demoE2 { float:right; left:40px; margin-left:-15px; }
|
||||
|
||||
.aboutFaceOff { margin:10px; height:300px; overflow-y:scroll; background-color:#EEE; color:#000; padding:20px; }
|
||||
.aboutFaceOff h3 { padding:0; margin:0; font-size:14px; font-weight:bold; text-decoration:underline; margin-bottom:10px; }
|
||||
.aboutFaceOff p,
|
||||
.aboutFaceOff li { color:#666; }
|
||||
|
||||
fieldset.hideOption { float:left; border:0; margin:0; padding:0; }
|
||||
fieldset.hideOption label { margin:10px 10px 0 10px !important; *margin-top:7px; font-family:tahoma; color:#fff !important; display:block; float:left;}
|
||||
368
modules/layout/tpl/css/widget.css
Executable file
368
modules/layout/tpl/css/widget.css
Executable file
|
|
@ -0,0 +1,368 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* common */
|
||||
.open{ display:block !important;}
|
||||
.floatLeft{ float:left;}
|
||||
.floatRight{ float:right;}
|
||||
.clearLeft{ clear:left;}
|
||||
.clearRight{ clear:right;}
|
||||
.widgetXeInputText{ border:1px solid; padding:2px 5px; font-size:12px;}
|
||||
.widgetXeInputCheck{ margin:0; width:13px; height:13px; vertical-align:middle;}
|
||||
.widgetXeInputSubmit{ padding:0;}
|
||||
.widgetXeAddress{ font-style:normal;}
|
||||
|
||||
/* widgetContainer */
|
||||
.widgetContainer a{ text-decoration:none;}
|
||||
.widgetContainer a:hover,
|
||||
.widgetContainer a:active,
|
||||
.widgetContainer a:focus{ text-decoration:underline;}
|
||||
.widgetContainer img{ border:0;}
|
||||
.widgetContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
|
||||
.widgetContainer form{ margin:0; padding:0;}
|
||||
.widgetContainer fieldset{ border:0; margin:0; padding:0;}
|
||||
|
||||
/* widgetDivider */
|
||||
dl.widgetDivider{ margin:0;}
|
||||
dl.widgetDivider dt{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0;}
|
||||
dl.widgetDivider dd{ display:none; margin:0;}
|
||||
|
||||
/* widgetTableA */
|
||||
.widgetTableA { width:100%; font-size:12px; position:relative; border:0;}
|
||||
.widgetTableA td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:1px 5px 1px 5px;}
|
||||
.widgetTableA td.title{ width:100%; white-space:normal;}
|
||||
.widgetTableA td .board{ padding-right:5px;}
|
||||
.widgetTableA td .notice{ padding-right:5px;}
|
||||
.widgetTableA td .category{ padding-right:5px; font-weight:normal;}
|
||||
.widgetTableA td .replyNum a{ font:10px Tahoma;}
|
||||
.widgetTableA td .trackbackNum a{ font:10px Tahoma;}
|
||||
.widgetTableA td.author{}
|
||||
.widgetTableA td.time{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetTableB */
|
||||
.widgetTableB { width:100%; font-size:12px; position:relative; border:0; border-top:1px solid;}
|
||||
.widgetTableB td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:8px 5px 6px 5px; border-bottom:1px solid;}
|
||||
.widgetTableB td.title{ width:100%; white-space:normal;}
|
||||
.widgetTableB td .board{ padding-right:5px;}
|
||||
.widgetTableB td .notice{ padding-right:5px;}
|
||||
.widgetTableB td .category{ padding-right:5px; font-weight:normal;}
|
||||
.widgetTableB td .replyNum a{ font:10px Tahoma;}
|
||||
.widgetTableB td .trackbackNum a{ font:10px Tahoma;}
|
||||
.widgetTableB td.author{}
|
||||
.widgetTableB td.time{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetTableC */
|
||||
.widgetTableC { width:100%; font-size:12px; position:relative; border:0; border-top:1px solid;}
|
||||
.widgetTableC td{ border:0; line-height:1.5; white-space:nowrap; vertical-align:top; padding:10px; border-bottom:1px solid;}
|
||||
.widgetTableC td.title,
|
||||
.widgetTableC td.lastDoc{ width:100%; white-space:nowrap;}
|
||||
.widgetTableC td.docNum{}
|
||||
.widgetTableC td.docNum em{ display:block; padding:12px 0 0 5px; width:50px; height:21px; font-size:11px; font-weight:bold; font-style:normal; font-family:Tahoma; color:#fff; background:url(../img/white/iconForumNum.gif) no-repeat 0 0;}
|
||||
.widgetTableC td.title a{ font-weight:bold; text-decoration:underline !important;}
|
||||
.widgetTableC td.title dl{ margin:0;}
|
||||
.widgetTableC td.title dd{ margin:0;}
|
||||
.widgetTableC td.lastDoc p{ margin:0;}
|
||||
.widgetTableC td .author{ margin-right:5px;}
|
||||
.widgetTableC td .time{ font-size:11px; font-family:Tahoma;}
|
||||
.widgetTableC td .time .date{ margin-right:5px;}
|
||||
|
||||
/* widgetUlistA */
|
||||
.widgetUlistA { margin:0; padding:0; font-size:12px; line-height:1.5;}
|
||||
.widgetUlistA li{ list-style:none;}
|
||||
|
||||
/* widgetUlistB */
|
||||
.widgetUlistB{ margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
|
||||
.widgetUlistB:after{ content:""; display:block; clear:both;}
|
||||
.widgetUlistB li{ position:relative; list-style:none; margin-bottom:10px; *zoom:1;}
|
||||
.widgetUlistB li .author{ float:left; margin-right:-42px;}
|
||||
.widgetUlistB li .author img{ border:1px solid;}
|
||||
.widgetUlistB li .title{ position:relative; margin:0 0 0 60px; border:2px solid; padding:10px 15px; _zoom:1;}
|
||||
.widgetUlistB li .title a{ text-decoration:underline;}
|
||||
.widgetUlistB li .title .arrow{ position:absolute; top:16px; left:-6px; display:block; overflow:hidden; width:6px; height:7px; font-size:0; line-height:0;}
|
||||
.widgetUlistB li .title .deco{ position:absolute; display:block; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0;}
|
||||
.widgetUlistB li .title .deco .topLeft{}
|
||||
.widgetUlistB li .title .date{ font-size:11px; font-family:Tahoma;}
|
||||
.widgetUlistB li .title .hour{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetOlistA */
|
||||
.widgetOlistA { margin:0; padding:0; font-size:12px; line-height:1.5;}
|
||||
.widgetOlistA li{ margin-left:25px;}
|
||||
.widgetOlistA li sup{ font-size:9px; font-family:tahoma; padding-left:10px; }
|
||||
|
||||
/* widgetDlistA */
|
||||
.widgetDlistA{ margin:0; padding:0; font-size:12px; line-height:1.5; zoom:1;}
|
||||
.widgetDlistA:after{ content:""; display:block; clear:both;}
|
||||
.widgetDlistA dt{ float:left; clear:left; margin-right:5px; white-space:nowrap;}
|
||||
.widgetDlistA dd{ clear:right; white-space:nowrap; font-family:Tahoma;}
|
||||
|
||||
/* widgetGalleryA */
|
||||
.widgetGalleryA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
|
||||
.widgetGalleryA:after{ content:""; display:block; clear:both;}
|
||||
.widgetGalleryA li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:15px; white-space:nowrap; list-style:none;}
|
||||
.widgetGalleryA li.clearRight{ margin-right:0;}
|
||||
.widgetGalleryA li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
|
||||
.widgetGalleryA li .thumb img{ display:block; position:relative; width:100%;}
|
||||
.widgetGalleryA li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
|
||||
.widgetGalleryA li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetGalleryA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetGalleryA li .author{ display:block;}
|
||||
.widgetGalleryA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetGalleryA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetGalleryA li .date{ font:11px Tahoma;}
|
||||
.widgetGalleryA li .hour{ font:11px Tahoma;}
|
||||
|
||||
/* widgetGalleryB */
|
||||
.widgetGalleryB{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
|
||||
.widgetGalleryB:after{ content:""; display:block; clear:both;}
|
||||
.widgetGalleryB li { float:left; overflow:hidden; width:100px; margin-right:28px; margin-bottom:15px; padding-bottom:15px; white-space:nowrap; list-style:none; border-bottom:1px solid;}
|
||||
.widgetGalleryB li.clearRight{ margin-right:0;}
|
||||
.widgetGalleryB li .thumb{ display:block; position:relative; width:100px; height:75px; margin-bottom:10px; overflow:hidden; text-decoration:none;}
|
||||
.widgetGalleryB li .thumb img{ display:block; position:relative; width:100%;}
|
||||
.widgetGalleryB li .thumb .imgNone{ display:block; position:relative; width:100%; height:70%; padding-top:30%; background:#eee; text-align:center; cursor:pointer; color:#000;}
|
||||
.widgetGalleryB li .thumb .board{ display:block; position:absolute; width:100%; top:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetGalleryB li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetGalleryB li .author{ display:block;}
|
||||
.widgetGalleryB li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetGalleryB li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetGalleryB li .date{ font:11px Tahoma;}
|
||||
.widgetGalleryB li .hour{ font:11px Tahoma;}
|
||||
|
||||
/* widgetZineA */
|
||||
.widgetZineA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
|
||||
.widgetZineA:after{ content:""; display:block; clear:both;}
|
||||
.widgetZineA li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; overflow:hidden; *zoom:1;}
|
||||
.widgetZineA li p{ margin:0;}
|
||||
.widgetZineA li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
|
||||
.widgetZineA li p.titleArea{ margin-left:120px; margin-bottom:4px;}
|
||||
.widgetZineA li p.titleArea .board{ padding-right:5px;}
|
||||
.widgetZineA li p.text{ margin-left:120px; margin-bottom:4px;}
|
||||
.widgetZineA li p.authorArea{ margin-left:120px;}
|
||||
.widgetZineA li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
|
||||
.widgetZineA li .thumb img{ position:relative; width:100%;}
|
||||
.widgetZineA li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
|
||||
.widgetZineA li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetZineA li .title{ font-weight:bold;}
|
||||
.widgetZineA li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetZineA li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetZineA li .author{ margin-right:10px;}
|
||||
.widgetZineA li .date{ font:11px Tahoma;}
|
||||
.widgetZineA li .hour{ font:11px Tahoma;}
|
||||
|
||||
/* widgetZineB */
|
||||
.widgetZineB{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.5; *zoom:1;}
|
||||
.widgetZineB:after{ content:""; display:block; clear:both;}
|
||||
.widgetZineB li { list-style:none; clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid;}
|
||||
.widgetZineB li p{ margin:0;}
|
||||
.widgetZineB li p.thumbArea{ position:relative; float:left; width:100px; margin-right:-100px; overflow:hidden;}
|
||||
.widgetZineB li p.titleArea{ margin-left:120px; margin-bottom:4px;}
|
||||
.widgetZineB li p.titleArea .board{ padding-right:5px;}
|
||||
.widgetZineB li p.text{ margin-left:120px; margin-bottom:4px;}
|
||||
.widgetZineB li p.authorArea{ margin-left:120px;}
|
||||
.widgetZineB li .thumb{ display:block; position:relative; width:100px; height:75px; text-decoration:none; overflow:hidden;}
|
||||
.widgetZineB li .thumb img{ position:relative; width:100%;}
|
||||
.widgetZineB li .thumb .imgNone{ display:block; position:relative; width:100%; height:80%; padding-top:20%; background:#eee; text-align:center; cursor:pointer; color:#000;}
|
||||
.widgetZineB li .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetZineB li .title{ font-weight:bold;}
|
||||
.widgetZineB li .replyNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetZineB li .trackbackNum a{ font:10px Tahoma; margin:0 -1px;}
|
||||
.widgetZineB li .author{ margin-right:10px;}
|
||||
.widgetZineB li .date{ font:11px Tahoma;}
|
||||
.widgetZineB li .hour{ font:11px Tahoma;}
|
||||
|
||||
/* WidgetTree */
|
||||
.widgetTree *{ margin:0; padding:0; font-size:12px;}
|
||||
.widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
|
||||
.widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; zoom:1;}
|
||||
.widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap;}
|
||||
.widgetTree ul li a,
|
||||
.widgetTree ul li span.nav_tree_label{ position:relative; left:16px; _left /**/:0; top:0;}
|
||||
.widgetTree ul li a.selected {font-weight:bold;}
|
||||
.widgetTree ul li button{ display:inline-block; position:relative; _left /**/:-16px; *top:-2px; width:13px; height:13px; *width:17px; *height:17px; margin:0 -13px 0 0; *margin:0 -17px -1px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; _cursor /**/:hand;}
|
||||
.widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background-position:left top;}
|
||||
.widgetTree ul li ul li{ display:none;}
|
||||
.widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
|
||||
.widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
|
||||
.widgetTree ul li.nav_tree_on ul{ display:block;}
|
||||
.widgetTree ul li.nav_tree_on ul li{ display:block;}
|
||||
.widgetTree ul li.nav_tree_off ul{ display:none;}
|
||||
.widgetTree ul li.nav_tree_off ul li{ display:none;}
|
||||
.widgetTree .icon{ position:relative; left:16px;}
|
||||
|
||||
/* widgetLogin */
|
||||
.widgetLogin{ font-size:12px;}
|
||||
.widgetLogin fieldset{ border:0; margin:0; padding:0;}
|
||||
.widgetLogin dl{ margin:0;}
|
||||
.widgetLogin dt{ display:none;}
|
||||
.widgetLogin dd{ margin:0 0 5px 0;}
|
||||
.widgetLogin dd .widgetXeInputText{ width:90%; height:16px;}
|
||||
.widgetLogin p{ margin:5px 0;}
|
||||
.widgetLogin p .widgetXeInputCheck{ margin-right:5px;}
|
||||
.widgetLogin .help{ position:relative; width:100%; overflow:hidden; margin:10px 0 0 0; padding:0;}
|
||||
.widgetLogin .help li{ position:relative; left:-5px; padding-left:5px; list-style:none; display:inline; letter-spacing:-1px;}
|
||||
|
||||
/* widgetLastLogin */
|
||||
.widgetLastLogin{ margin:10px 0; font-size:12px;}
|
||||
.widgetLastLogin dt,
|
||||
.widgetLastLogin dd{ display:inline; margin:0;}
|
||||
.widgetLastLogin dd{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetMyInfo */
|
||||
.widgetMyInfo{ margin:0; padding:0; font-size:12px;}
|
||||
.widgetMyInfo:after{ content:""; display:block; clear:both; *zoom:1;}
|
||||
.widgetMyInfo li{ margin-bottom:5px; padding:0; text-indent:12px; list-style:none;}
|
||||
|
||||
/* widgetLevel */
|
||||
.widgetLevel{ padding-left:30px; background-repeat:no-repeat; background-position:left 30%;}
|
||||
.widgetLevel em{ display:block; width:0; height:0; overflow:hidden; font-size:0; line-height:0; position:absolute;}
|
||||
|
||||
/* widgetCounter */
|
||||
.widgetCounter{ font-size:12px; margin:0;}
|
||||
.widgetCounter dt,
|
||||
.widgetCounter dd{ height:18px;}
|
||||
.widgetCounter dt{ float:left; clear:left;}
|
||||
.widgetCounter dd{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetLanguage */
|
||||
.widgetLanguage p{ float:right; margin:0;}
|
||||
.widgetLanguage .langList{ display:none; position:absolute; margin:0; padding:0; z-index:999;}
|
||||
.widgetLanguage .langList li{ list-style:none;}
|
||||
.widgetLanguage .langList li a{ font-size:12px; display:block; padding:2px 5px;}
|
||||
|
||||
/* widgetTabA */
|
||||
.widgetTabA{ position:relative; margin:0; padding:0; *zoom:1; border-bottom:2px solid;}
|
||||
.widgetTabA:after{ content:""; display:block; clear:both;}
|
||||
.widgetTabA li{ float:left; margin-right:1px; list-style:none; background-repeat:no-repeat; background-position:0 0;}
|
||||
.widgetTabA li.active{ background-position:0 -30px;}
|
||||
.widgetTabA li a{ position:relative; left:2px; float:left; height:20px; padding:8px 15px 0 15px; text-decoration:none; font-size:12px; background-repeat:no-repeat; background-position:right 0;}
|
||||
.widgetTabA li.active a{ background-position:right -30px; font-weight:bold; letter-spacing:-1px;}
|
||||
|
||||
/* widgetTabB */
|
||||
.widgetTabB{ margin:0; position:absolute; top:1px; right:0; white-space:nowrap; font-size:12px;}
|
||||
.widgetTabB li{ display:inline;}
|
||||
.widgetTabB li.active a{ font-weight:bold;}
|
||||
|
||||
/* widgetTabC */
|
||||
.widgetTabC{ margin:0; padding:0; font-size:12px; border-top:1px solid;}
|
||||
.widgetTabC li{ list-style:none; border-bottom:1px solid; *zoom:1; margin-bottom:1px;}
|
||||
.widgetTabC li a{ display:block; padding:7px 0 6px 10px; text-decoration:none; *zoom:1;}
|
||||
|
||||
/* widgetThumb */
|
||||
.widgetThumb{ position:relative; margin:0; text-align:center; font-size:12px; line-height:1.5;}
|
||||
.widgetThumb .thumb{ display:block; margin-bottom:5px; position:relative; *zoom:1; text-decoration:none;}
|
||||
.widgetThumb .thumb img{ display:block; width:100%;}
|
||||
.widgetThumb .thumb .imgNone{ display:block; position:relative; width:100%; padding-top:30px; padding-bottom:50px; background:#eee; text-align:center; cursor:pointer; color:#000;}
|
||||
.widgetThumb .thumb .category{ display:block; position:absolute; width:100%; bottom:0; left:0; padding:2px 0 0 0 !important; cursor:pointer; text-align:center; font-weight:normal; background:#000; color:#fff; opacity:0.6; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60'); }
|
||||
.widgetThumb .title{ display:block;}
|
||||
.widgetThumb .author{ display:block;}
|
||||
.widgetThumb .date{ font-size:11px; font-family:Tahoma;}
|
||||
.widgetThumb .hour{ font-size:11px; font-family:Tahoma;}
|
||||
|
||||
/* widgetContainer */
|
||||
.widgetContainer{ *zoom:1;}
|
||||
.widgetContainer:after{ content:""; display:block; clear:both;}
|
||||
|
||||
/* widgetNavigator */
|
||||
.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
|
||||
.widgetNavigator li{ list-style:none; display:inline;}
|
||||
.widgetNavigator li button{ width:16px; height:16px; padding:0; background-color:transparent; background-image:url(../img/white/buttonWidgetNavigation.gif); border:1px solid #999; cursor:pointer;}
|
||||
.widgetNavigator li button.prev{ background-position:left center; *background-position:-1px center;}
|
||||
.widgetNavigator li button.next{ background-position:right center; *background-position:13px center;}
|
||||
.widgetNavigator li button span{ position:absolute; display:block; width:0; height:0; overflow:hidden; visibility:hidden;}
|
||||
|
||||
/* widgetTagCloud */
|
||||
.widgetTagCloud { text-align:justify; font-size:12px; line-height:1.5; margin:0; padding:0;}
|
||||
.widgetTagCloud li{ display:inline; white-space:nowrap; list-style:none;}
|
||||
.widgetTagCloud li.level1 a{ font-size:11px;}
|
||||
.widgetTagCloud li.level2 a{ font-size:12px;}
|
||||
.widgetTagCloud li.level3 a{ font-size:14px; font-weight:bold;}
|
||||
.widgetTagCloud li.level4 a{ font-size:18px; font-weight:bold;}
|
||||
|
||||
/* widgetCalendar */
|
||||
.widgetCalendarNavigation{ position:relative; height:15px; margin-bottom:-15px; z-index:10;}
|
||||
.widgetCalendarNavigation button{ position:absolute; top:0; font-size:10px; font-family:Tahoma; background:none; border:0; padding:0; cursor:pointer;}
|
||||
.widgetCalendarNavigation button.prevYear{ left:0;}
|
||||
.widgetCalendarNavigation button.prevMonth{ left:25px;}
|
||||
.widgetCalendarNavigation button.nextYear{ right:0;}
|
||||
.widgetCalendarNavigation button.nextMonth{ right:25px;}
|
||||
.widgetCalendar{ position:relative; border:0; width:100%;}
|
||||
.widgetCalendar caption { position:relative; padding-bottom:5px; text-align:center; font-size:12px; font-weight:bold; font-family:Tahoma;}
|
||||
.widgetCalendar th,
|
||||
.widgetCalendar td{ border:0; text-align:center; padding:5px 0;}
|
||||
.widgetCalendar th{ font-size:10px; font-family:Tahoma; font-weight:normal;}
|
||||
.widgetCalendar td,
|
||||
.widgetCalendar td a{ font-size:11px; font-family:Tahoma;}
|
||||
.widgetCalendar td em{ font-style:normal;}
|
||||
|
||||
/* widgetPoint */
|
||||
.widgetPoint{ margin:0; *zoom:1; clear:both;}
|
||||
.widgetPoint:after{ content:""; display:block; clear:both;}
|
||||
.widgetPoint dt{ font-size:12px; font-family:Tahoma; font-weight:bold;}
|
||||
.widgetPoint dd{ margin:0;}
|
||||
.widgetPoint dd.graph{ height:5px; overflow:hidden; background:#e5e5e5; font-size:0; line-height:0;}
|
||||
.widgetPoint dd.graph img{ width:0%;}
|
||||
.widgetPoint dd.point{ font-size:10px; font-family:Tahoma; float:left; color:#888;}
|
||||
.widgetPoint dd.percentage{ font-size:10px; font-family:Tahoma; float:right; color:#888;}
|
||||
|
||||
/* widgetMenuA */
|
||||
.widgetMenuA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.2; border-top:1px solid;}
|
||||
.widgetMenuA li{ position:relative; list-style:none; border-bottom:1px solid; *zoom:1;}
|
||||
.widgetMenuA li sup{ font-size:10px; font-family:Tahoma; line-height:1; color:#888; font-weight:normal;}
|
||||
.widgetMenuA li li.active sup{ color:#ff1a1a;}
|
||||
.widgetMenuA li li{ padding:0; border:0;}
|
||||
.widgetMenuA li ul{ display:none; margin:0 0 10px 20px; padding:0;}
|
||||
.widgetMenuA li.active ul{ display:block;}
|
||||
.widgetMenuA li a{ position:relative; display:block; padding:7px 0 7px 10px; background-repeat:no-repeat; background-position:0 center; text-decoration:none !important;}
|
||||
.widgetMenuA li.active a{ font-weight:bold;}
|
||||
.widgetMenuA li.active li a{ font-weight:normal; padding:1px 0; background:none !important;}
|
||||
.widgetMenuA li li.active a{ color:#ff1a1a;}
|
||||
.widgetMenuA li.active li a:hover,
|
||||
.widgetMenuA li.active li a:active,
|
||||
.widgetMenuA li.active li a:focus{ text-decoration:underline !important;}
|
||||
|
||||
/* widgetMenuB */
|
||||
.widgetMenuB{ margin:0; padding:0; font-size:12px; line-height:1.3; border-top:1px solid;}
|
||||
.widgetMenuB li{ position:relative; list-style:none; border-bottom:1px solid; white-space:nowrap; *zoom:1;}
|
||||
.widgetMenuB li sup{ font-size:10px; font-family:Tahoma; line-height:1; color:#888; font-weight:normal;}
|
||||
.widgetMenuB li li{ padding:2px 10px; border:none;}
|
||||
.widgetMenuB li li.first{ left:-4px; padding-left:14px; background-repeat:no-repeat; background-position:0 center;}
|
||||
.widgetMenuB li li.active sup{ color:#ff1a1a;}
|
||||
.widgetMenuB li ul{ position:absolute; display:none; top:-1px; left:100%; margin:0 0 0 5px; padding:5px 0 10px 0; border:1px solid}
|
||||
.widgetMenuB li.active{ z-index:100;}
|
||||
.widgetMenuB li.active ul{ display:block;}
|
||||
.widgetMenuB li a{ position:relative; display:block; padding:7px 0 7px 10px; background-repeat:no-repeat; background-position:0 center; text-decoration:none !important; *zoom:1;}
|
||||
.widgetMenuB li.active a{ font-weight:bold;}
|
||||
.widgetMenuB li.active li a{ font-weight:normal; padding:0; background:none !important;}
|
||||
.widgetMenuB li li.active a{ color:#ff1a1a;}
|
||||
.widgetMenuB li.active li a:hover,
|
||||
.widgetMenuB li.active li a:active,
|
||||
.widgetMenuB li.active li a:focus{ text-decoration:underline !important;}
|
||||
|
||||
.widgetMenuC{ margin:0; padding:0; font-size:12px; line-height:1.2; background-repeat:repeat-x;background-position:0 0;}
|
||||
.widgetMenuC ul{ margin:0; padding:0; height:35px;}
|
||||
.widgetMenuC ul li ul{ display:none; position:absolute; top:40px; left:20px; height:auto; padding-bottom:7px; background:#35ad06; border:1px solid #027a00;}
|
||||
.widgetMenuC ul li.active ul{ display:block;}
|
||||
.widgetMenuC ul.aCenter{ margin-left:auto; margin-right:auto;}
|
||||
.widgetMenuC ul.aLeft{ margin-right:auto;}
|
||||
.widgetMenuC ul.aRight{ margin-left:auto;}
|
||||
.widgetMenuC li{ position:relative; padding-right:3px; float:left; list-style:none; background-repeat:no-repeat;background-position:right -40px; white-space:nowrap;}
|
||||
.widgetMenuC li a{ position:relative; float:left; padding:12px 22px 0 25px; height:23px; color:#fff !important; text-decoration:none !important;}
|
||||
.widgetMenuC li.first a{ background-repeat:no-repeat;background-position:left -40px;}
|
||||
.widgetMenuC li.active{ margin-left:-2px; background-repeat:no-repeat;background-position:right -80px;}
|
||||
.widgetMenuC li.active a{ font-weight:bold; color:#ff0 !important; background-repeat:no-repeat; background-position:left -80px;}
|
||||
.widgetMenuC li.active li{ padding:2px 15px; float:none; background:none;}
|
||||
.widgetMenuC li.active li.active{ margin:0;}
|
||||
.widgetMenuC li.active li.first{ margin-top:-4px; padding-top:14px; background-repeat:no-repeat; background-position:30px top;}
|
||||
.widgetMenuC li.active li a{ display:block; _display:inline-block; padding:0; float:none; height:auto; font-weight:normal; color:#fff !important; background:none;}
|
||||
.widgetMenuC li.active li.active a{ color:#ff0 !important;}
|
||||
.widgetMenuC li.active li a:hover,
|
||||
.widgetMenuC li.active li a:active,
|
||||
.widgetMenuC li.active li a:focus{ text-decoration:underline !important;}
|
||||
|
||||
/* widgetSearch */
|
||||
.widgetSearch{ position:absolute; bottom:30px; right:0;}
|
||||
.widgetSearch fieldset{ border:0; margin:0; padding:0; position:absolute; bottom:0; right:0;}
|
||||
.widgetSearch .widgetXeInputText{ width:153px; height:16px; padding:2px 20px 2px 5px; vertical-align:middle; border:1px solid #666; border-top-color:#555; border-left-color:#555; background:#444; color:#fff;}
|
||||
.widgetSearch .widgetXeInputText:focus{ background:#494949;}
|
||||
.widgetSearch .widgetSearch{ position:absolute; top:3px; right:4px; vertical-align:middle;}
|
||||
|
||||
address.period { font-style:normal; font-size:10px; font-family:tahoma; text-align:right;}
|
||||
278
modules/layout/tpl/css/widget@black.css
Normal file
278
modules/layout/tpl/css/widget@black.css
Normal file
|
|
@ -0,0 +1,278 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Common Class */
|
||||
.widgetXeInputText{ border-color:#666; background:#333; color:#ccc;}
|
||||
|
||||
/* widgetTableA */
|
||||
.widgetTableA td.title a{ color:#999;}
|
||||
.widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .replyNum{ color:#ff1a1a;}
|
||||
.widgetTableA td .trackbackNum{ color:#66c;}
|
||||
.widgetTableA td .author { color:#999;}
|
||||
.widgetTableA td .date{ color:#999;}
|
||||
.widgetTableA td .hour{ color:#888;}
|
||||
|
||||
/* widgetTableB */
|
||||
.widgetTableB,
|
||||
.widgetTableB td{ border-color:#7f7f7f;}
|
||||
.widgetTableB td.title a{ color:#999;}
|
||||
.widgetTableB td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .replyNum{ color:#ff1a1a;}
|
||||
.widgetTableB td .trackbackNum{ color:#66c;}
|
||||
.widgetTableB td .author { color:#999;}
|
||||
.widgetTableB td .date{ color:#999;}
|
||||
.widgetTableB td .hour{ color:#888;}
|
||||
|
||||
/* widgetTableC */
|
||||
.widgetTableC{ border-color:#7f7f7f;}
|
||||
.widgetTableC td{ border-color:#7f7f7f;}
|
||||
.widgetTableC td.title a{ color:#ccc;}
|
||||
.widgetTableC td.title dd{ color:#888;}
|
||||
.widgetTableC td.lastDoc p a{ color:#ccc;}
|
||||
.widgetTableC td.lastDoc .author{ color:#888;}
|
||||
.widgetTableC td.lastDoc .time{ color:#888;}
|
||||
|
||||
/* widgetUlistA */
|
||||
.widgetUlistA li a{ color:#999;}
|
||||
|
||||
/* widgetUlistB */
|
||||
.widgetUlistB li .author img{ border-color:#666;}
|
||||
.widgetUlistB li .title{ border-color:#333; color:#999; background:#000;}
|
||||
.widgetUlistB li .title a{ color:#3399ff;}
|
||||
.widgetUlistB li .title .arrow{ background:url(../img/black/arrowUlistB.gif) no-repeat;}
|
||||
.widgetUlistB li .title .deco{ background:#000;}
|
||||
.widgetUlistB li .title .date{ color:#999;}
|
||||
.widgetUlistB li .title .hour{ color:#888;}
|
||||
|
||||
/* widgetOlistA */
|
||||
.widgetOlistA li,
|
||||
.widgetOlistA li a{ color:#999;}
|
||||
.widgetOlistA li sup{ color:#666;}
|
||||
|
||||
/* widgetDlistA */
|
||||
.widgetDlistA dt{ color:#999;}
|
||||
.widgetDlistA dd,
|
||||
.widgetDlistA dd a{ color:#888;}
|
||||
|
||||
/* widgetGalleryA */
|
||||
.widgetGalleryA li .title{ color:#999;}
|
||||
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetGalleryA li .trackbackNum a{ color:#66c;}
|
||||
.widgetGalleryA li .author{ color:#999;}
|
||||
.widgetGalleryA li .date{ color:#999;}
|
||||
.widgetGalleryA li .hour{ color:#888;}
|
||||
|
||||
/* widgetGalleryB */
|
||||
.widgetGalleryB li{ border-color:#7f7f7f;}
|
||||
.widgetGalleryB li .title{ color:#999;}
|
||||
.widgetGalleryB li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetGalleryB li .trackbackNum a{ color:#66c;}
|
||||
.widgetGalleryB li .author{ color:#999;}
|
||||
.widgetGalleryB li .date{ color:#999;}
|
||||
.widgetGalleryB li .hour{ color:#888;}
|
||||
|
||||
/* widgetZineA */
|
||||
.widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetZineA li .title{ color:#999;}
|
||||
.widgetZineA li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetZineA li .trackbackNum a{ color:#66c;}
|
||||
.widgetZineA li .author{ color:#999;}
|
||||
.widgetZineA li .date{ color:#999;}
|
||||
.widgetZineA li .hour{ color:#888;}
|
||||
.widgetZineA li .text{ color:#888;}
|
||||
|
||||
/* widgetZineB */
|
||||
.widgetZineB li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetZineB li{ border-color:#7f7f7f;}
|
||||
.widgetZineB li .title{ color:#999;}
|
||||
.widgetZineB li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetZineB li .trackbackNum a{ color:#66c;}
|
||||
.widgetZineB li .author{ color:#999;}
|
||||
.widgetZineB li .date{ color:#999;}
|
||||
.widgetZineB li .hour{ color:#888;}
|
||||
.widgetZineB li .text{ color:#888;}
|
||||
|
||||
/* widgetLogin */
|
||||
.widgetLogin label{ color:#999;}
|
||||
.widgetLogin .help a{ color:#ccc;}
|
||||
.widgetLogin .help li{ background:url(../img/black/lineTextDiv.gif) no-repeat left center;}
|
||||
|
||||
/* widgetLastLogin */
|
||||
.widgetLastLogin dt{ color:#999;}
|
||||
.widgetLastLogin dd{ color:#888;}
|
||||
.widgetLastLogin a{ color:#333;}
|
||||
.widgetLastLogin li{ background:url(../img/black/iconInfoMine.gif) no-repeat left center;}
|
||||
|
||||
/* widgetMyInfo */
|
||||
.widgetMyInfo li a{ color:#999;}
|
||||
.widgetMyInfo li{ background:url(../img/black/iconMyInfo.gif) no-repeat left 1px;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetTree{ color:#999;}
|
||||
.widgetTree a{ color:#999;}
|
||||
|
||||
/* widgetCounter */
|
||||
.widgetCounter dt{ color:#999;}
|
||||
.widgetCounter dd{ color:#888;}
|
||||
|
||||
/* widgetLanguage */
|
||||
.widgetLanguage p a{ color:#b3b3b3;}
|
||||
.widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
|
||||
.widgetLanguage .langList a{ color:#333;}
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetTree ul{ background:url(../img/black/lineTreeVr.gif) repeat-y 0 -1px;}
|
||||
.widgetTree ul li{ background:url(../img/black/lineTreeHr.gif) no-repeat 1px 5px !important;}
|
||||
.widgetTree ul li button{ background:url(../img/black/buttonTreeCollapse.gif) no-repeat;}
|
||||
.widgetTree ul li.nav_tree_last{ background:url(../img/black/lineTreeLastHr.gif) no-repeat 0 5px !important;}
|
||||
|
||||
/* widgetLevel */
|
||||
.widgetLevel.num0 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/0.gif);}
|
||||
.widgetLevel.num1 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/1.gif);}
|
||||
.widgetLevel.num2 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/2.gif);}
|
||||
.widgetLevel.num3 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/3.gif);}
|
||||
.widgetLevel.num4 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/4.gif);}
|
||||
.widgetLevel.num5 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/5.gif);}
|
||||
.widgetLevel.num6 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/6.gif);}
|
||||
.widgetLevel.num7 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/7.gif);}
|
||||
.widgetLevel.num8 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/8.gif);}
|
||||
.widgetLevel.num9 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/9.gif);}
|
||||
.widgetLevel.num10 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/10.gif);}
|
||||
.widgetLevel.num11 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/11.gif);}
|
||||
.widgetLevel.num12 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/12.gif);}
|
||||
.widgetLevel.num13 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/13.gif);}
|
||||
.widgetLevel.num14 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/14.gif);}
|
||||
.widgetLevel.num15 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/15.gif);}
|
||||
.widgetLevel.num16 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/16.gif);}
|
||||
.widgetLevel.num17 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/17.gif);}
|
||||
.widgetLevel.num18 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/18.gif);}
|
||||
.widgetLevel.num19 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/19.gif);}
|
||||
.widgetLevel.num20 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/20.gif);}
|
||||
.widgetLevel.num21 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/21.gif);}
|
||||
.widgetLevel.num22 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/22.gif);}
|
||||
.widgetLevel.num23 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/23.gif);}
|
||||
.widgetLevel.num24 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/24.gif);}
|
||||
.widgetLevel.num25 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/25.gif);}
|
||||
.widgetLevel.num26 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/26.gif);}
|
||||
.widgetLevel.num27 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/27.gif);}
|
||||
.widgetLevel.num28 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/28.gif);}
|
||||
.widgetLevel.num29 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/29.gif);}
|
||||
.widgetLevel.num30 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/30.gif);}
|
||||
|
||||
/* widgetTabA */
|
||||
.widgetTabA{ border-color:#999;}
|
||||
.widgetTabA li,
|
||||
.widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
|
||||
.widgetTabA li a{ color:#999;}
|
||||
|
||||
/* widgetTabB */
|
||||
.widgetTabB li a{ color:#999;}
|
||||
|
||||
/* widgetTabC */
|
||||
.widgetTabC{ border-color:#7f7f7f;}
|
||||
.widgetTabC li{ border-color:#7f7f7f; background:#222;}
|
||||
.widgetTabC li a{ color:#999;}
|
||||
.widgetTabC li a:hover,
|
||||
.widgetTabC li a:active,
|
||||
.widgetTabC li a:focus{ background:#333;}
|
||||
|
||||
/* widgetThumb */
|
||||
.widgetThumb{ color:#999;}
|
||||
.widgetThumb a{ color:#999;}
|
||||
.widgetThumb .hour{ color:#888;}
|
||||
|
||||
/* widgetTagCloud */
|
||||
.widgetTagCloud li a{ color:#999;}
|
||||
.widgetTagCloud li.level1 a{ color:#333;}
|
||||
.widgetTagCloud li.level2 a{ color:#666;}
|
||||
.widgetTagCloud li.level3 a{ color:#999;}
|
||||
.widgetTagCloud li.level4 a{ color:#fff;}
|
||||
|
||||
/* widgetCalendar */
|
||||
.widgetCalendarNavigation button{ color:#999;}
|
||||
.widgetCalendar caption{ color:#999;}
|
||||
.widgetCalendar th{ background:#333; color:#fff;}
|
||||
.widgetCalendar th.sun,
|
||||
.widgetCalendar td.sun,
|
||||
.widgetCalendar td em{ color:#ff1a1a;}
|
||||
.widgetCalendar td,
|
||||
.widgetCalendar td a{ color:#999;}
|
||||
.widgetCalendar td.sun a{ color:#ff1a1a;}
|
||||
|
||||
/* widgetPoint */
|
||||
.widgetPoint dt{ color:#999;}
|
||||
|
||||
/* widgetMenuA */
|
||||
.widgetMenuA{ border-color:#7f7f7f;}
|
||||
.widgetMenuA li{ border-color:#7f7f7f;}
|
||||
.widgetMenuA li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
|
||||
.widgetMenuA li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
|
||||
|
||||
/* widgetMenuB */
|
||||
.widgetMenuB{ border-color:#7f7f7f;}
|
||||
.widgetMenuB li{ border-color:#7f7f7f;}
|
||||
.widgetMenuB li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
|
||||
.widgetMenuB li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
|
||||
.widgetMenuB li ul{ border-color:#777; background:#000;}
|
||||
.widgetMenuB li li.first{ background-image:url(../img/black/arrowMenuB.gif);}
|
||||
|
||||
/* widgetMenuCgreen */
|
||||
.widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
|
||||
.widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
|
||||
|
||||
/* widgetMenuCblue */
|
||||
.widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
|
||||
.widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
|
||||
|
||||
/* widgetMenuCcyan */
|
||||
.widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
|
||||
.widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
|
||||
|
||||
/* widgetMenuCorange */
|
||||
.widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
|
||||
.widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
|
||||
|
||||
/* widgetMenuCred */
|
||||
.widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
|
||||
.widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
|
||||
|
||||
/* widgetMenuCgray */
|
||||
.widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
|
||||
.widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
|
||||
|
||||
address.period { color:#333; }
|
||||
278
modules/layout/tpl/css/widget@white.css
Normal file
278
modules/layout/tpl/css/widget@white.css
Normal file
|
|
@ -0,0 +1,278 @@
|
|||
@charset "utf-8";
|
||||
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
||||
|
||||
/* Common Class */
|
||||
.widgetXeInputText{ border-color:#ccc; background:#f4f4f4; color:#000;}
|
||||
|
||||
/* widgetTableA */
|
||||
.widgetTableA td.title a{ color:#333;}
|
||||
.widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableA td .replyNum a{ color:#ff1a1a;}
|
||||
.widgetTableA td .trackbackNum a{ color:#66c;}
|
||||
.widgetTableA td .author { color:#333;}
|
||||
.widgetTableA td .date{ color:#333;}
|
||||
.widgetTableA td .hour{ color:#888;}
|
||||
|
||||
/* widgetTableB */
|
||||
.widgetTableB,
|
||||
.widgetTableB td{ border-color:#e5e5e5;}
|
||||
.widgetTableB td.title a{ color:#333;}
|
||||
.widgetTableB td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetTableB td .replyNum a{ color:#ff1a1a;}
|
||||
.widgetTableB td .trackbackNum a{ color:#66c;}
|
||||
.widgetTableB td .author { color:#333;}
|
||||
.widgetTableB td .date{ color:#333;}
|
||||
.widgetTableB td .hour{ color:#888;}
|
||||
|
||||
/* widgetTableC */
|
||||
.widgetTableC{ border-color:#e5e5e5;}
|
||||
.widgetTableC td{ border-color:#e5e5e5;}
|
||||
.widgetTableC td.title a{ color:#333;}
|
||||
.widgetTableC td.title dd{ color:#888;}
|
||||
.widgetTableC td.lastDoc p a{ color:#333;}
|
||||
.widgetTableC td.lastDoc .author{ color:#888;}
|
||||
.widgetTableC td.lastDoc .time{ color:#888;}
|
||||
|
||||
/* widgetUlistA */
|
||||
.widgetUlistA li a{ color:#666;}
|
||||
|
||||
/* widgetUlistB */
|
||||
.widgetUlistB li .author img{ border-color:#ccc;}
|
||||
.widgetUlistB li .title{ border-color:#eee; color:#333; background:#fff;}
|
||||
.widgetUlistB li .title a{ color:#0066ff;}
|
||||
.widgetUlistB li .title .arrow{ background:url(../img/white/arrowUlistB.gif) no-repeat;}
|
||||
.widgetUlistB li .title .deco{ background:#fff;}
|
||||
.widgetUlistB li .title .date{ color:#333;}
|
||||
.widgetUlistB li .title .hour{ color:#888;}
|
||||
|
||||
/* widgetOlistA */
|
||||
.widgetOlistA li,
|
||||
.widgetOlistA li a{ color:#666;}
|
||||
.widgetOlistA li sup{ color:#AAA;}
|
||||
|
||||
/* widgetDlistA */
|
||||
.widgetDlistA dt{ color:#333;}
|
||||
.widgetDlistA dd,
|
||||
.widgetDlistA dd a{ color:#888;}
|
||||
|
||||
/* widgetGalleryA */
|
||||
.widgetGalleryA li .title{ color:#333;}
|
||||
.widgetGalleryA li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetGalleryA li .trackbackNum a{ color:#66c;}
|
||||
.widgetGalleryA li .author{ color:#333;}
|
||||
.widgetGalleryA li .date{ color:#333;}
|
||||
.widgetGalleryA li .hour{ color:#888;}
|
||||
|
||||
/* widgetGalleryB */
|
||||
.widgetGalleryB li{ border-color:#e5e5e5;}
|
||||
.widgetGalleryB li .title{ color:#333;}
|
||||
.widgetGalleryB li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetGalleryB li .trackbackNum a{ color:#66c;}
|
||||
.widgetGalleryB li .author{ color:#333;}
|
||||
.widgetGalleryB li .date{ color:#333;}
|
||||
.widgetGalleryB li .hour{ color:#888;}
|
||||
|
||||
/* widgetZineA */
|
||||
.widgetZineA li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetZineA li .title{ color:#666;}
|
||||
.widgetZineA li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetZineA li .trackbackNum a{ color:#66c;}
|
||||
.widgetZineA li .author{ color:#333;}
|
||||
.widgetZineA li .date{ color:#333;}
|
||||
.widgetZineA li .hour{ color:#888;}
|
||||
.widgetZineA li .text{ color:#888;}
|
||||
|
||||
/* widgetZineB */
|
||||
.widgetZineB li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
|
||||
.widgetZineB li{ border-color:#e5e5e5;}
|
||||
.widgetZineB li .title{ color:#666;}
|
||||
.widgetZineB li .replyNum a{ color:#ff1a1a;}
|
||||
.widgetZineB li .trackbackNum a{ color:#66c;}
|
||||
.widgetZineB li .author{ color:#333;}
|
||||
.widgetZineB li .date{ color:#333;}
|
||||
.widgetZineB li .hour{ color:#888;}
|
||||
.widgetZineB li .text{ color:#888;}
|
||||
|
||||
/* widgetLogin */
|
||||
.widgetLogin label{ color:#333;}
|
||||
.widgetLogin .help a{ color:#333;}
|
||||
.widgetLogin .help li{ background:url(../img/white/lineTextDiv.gif) no-repeat left center;}
|
||||
|
||||
/* widgetLastLogin */
|
||||
.widgetLastLogin dt{ color:#333;}
|
||||
.widgetLastLogin dd{ color:#888;}
|
||||
.widgetLastLogin a{ color:#333;}
|
||||
.widgetLastLogin li{ background:url(../img/white/iconInfoMine.gif) no-repeat left center;}
|
||||
|
||||
/* widgetMyInfo */
|
||||
.widgetMyInfo li a{ color:#666;}
|
||||
.widgetMyInfo li{ background:url(../img/white/iconMyInfo.gif) no-repeat left 1px;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetTree{ color:#333;}
|
||||
.widgetTree a{ color:#333;}
|
||||
|
||||
/* widgetCounter */
|
||||
.widgetCounter dt{ color:#333;}
|
||||
.widgetCounter dd{ color:#888;}
|
||||
|
||||
/* widgetLanguage */
|
||||
.widgetLanguage p a{ color:#b3b3b3;}
|
||||
.widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
|
||||
.widgetLanguage .langList a{ color:#333;}
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetTree ul{ background:url(../img/white/lineTreeVr.gif) repeat-y 0 -1px;}
|
||||
.widgetTree ul li{ background:url(../img/white/lineTreeHr.gif) no-repeat 1px 5px !important;}
|
||||
.widgetTree ul li button{ background:url(../img/white/buttonTreeCollapse.gif) no-repeat;}
|
||||
.widgetTree ul li.nav_tree_last{ background:url(../img/white/lineTreeLastHr.gif) no-repeat 0 5px !important;}
|
||||
|
||||
/* widgetLevel */
|
||||
.widgetLevel.num0 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/0.gif);}
|
||||
.widgetLevel.num1 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/1.gif);}
|
||||
.widgetLevel.num2 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/2.gif);}
|
||||
.widgetLevel.num3 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/3.gif);}
|
||||
.widgetLevel.num4 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/4.gif);}
|
||||
.widgetLevel.num5 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/5.gif);}
|
||||
.widgetLevel.num6 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/6.gif);}
|
||||
.widgetLevel.num7 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/7.gif);}
|
||||
.widgetLevel.num8 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/8.gif);}
|
||||
.widgetLevel.num9 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/9.gif);}
|
||||
.widgetLevel.num10 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/10.gif);}
|
||||
.widgetLevel.num11 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/11.gif);}
|
||||
.widgetLevel.num12 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/12.gif);}
|
||||
.widgetLevel.num13 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/13.gif);}
|
||||
.widgetLevel.num14 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/14.gif);}
|
||||
.widgetLevel.num15 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/15.gif);}
|
||||
.widgetLevel.num16 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/16.gif);}
|
||||
.widgetLevel.num17 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/17.gif);}
|
||||
.widgetLevel.num18 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/18.gif);}
|
||||
.widgetLevel.num19 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/19.gif);}
|
||||
.widgetLevel.num20 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/20.gif);}
|
||||
.widgetLevel.num21 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/21.gif);}
|
||||
.widgetLevel.num22 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/22.gif);}
|
||||
.widgetLevel.num23 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/23.gif);}
|
||||
.widgetLevel.num24 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/24.gif);}
|
||||
.widgetLevel.num25 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/25.gif);}
|
||||
.widgetLevel.num26 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/26.gif);}
|
||||
.widgetLevel.num27 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/27.gif);}
|
||||
.widgetLevel.num28 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/28.gif);}
|
||||
.widgetLevel.num29 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/29.gif);}
|
||||
.widgetLevel.num30 { background-image:url(http://www.zeroboard.com/modules/point/icons/default/30.gif);}
|
||||
|
||||
/* widgetTabA */
|
||||
.widgetTabA{ border-color:#666;}
|
||||
.widgetTabA li,
|
||||
.widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
|
||||
.widgetTabA li a{ color:#333;}
|
||||
|
||||
/* widgetTabB */
|
||||
.widgetTabB li a{ color:#333;}
|
||||
|
||||
/* widgetTabC */
|
||||
.widgetTabC{ border-color:#e5e5e5;}
|
||||
.widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
|
||||
.widgetTabC li a{ color:#333;}
|
||||
.widgetTabC li a:hover,
|
||||
.widgetTabC li a:active,
|
||||
.widgetTabC li a:focus{ background:#eee;}
|
||||
|
||||
/* widgetThumb */
|
||||
.widgetThumb{ color:#333;}
|
||||
.widgetThumb a{ color:#333;}
|
||||
.widgetThumb .hour{ color:#888;}
|
||||
|
||||
/* widgetTagCloud */
|
||||
.widgetTagCloud li a{ color:#666;}
|
||||
.widgetTagCloud li.level1 a{ color:#999;}
|
||||
.widgetTagCloud li.level2 a{ color:#666;}
|
||||
.widgetTagCloud li.level3 a{ color:#333;}
|
||||
.widgetTagCloud li.level4 a{ color:#000;}
|
||||
|
||||
/* widgetCalendar */
|
||||
.widgetCalendarNavigation button{ color:#333;}
|
||||
.widgetCalendar caption{ color:#333;}
|
||||
.widgetCalendar th{ background:#eee; color:#333;}
|
||||
.widgetCalendar th.sun,
|
||||
.widgetCalendar td.sun,
|
||||
.widgetCalendar td em{ color:#ff1a1a;}
|
||||
.widgetCalendar td,
|
||||
.widgetCalendar td a{ color:#666;}
|
||||
.widgetCalendar td.sun a{ color:#ff1a1a;}
|
||||
|
||||
/* widgetPoint */
|
||||
.widgetPoint dt{ color:#333;}
|
||||
|
||||
/* widgetMenuA */
|
||||
.widgetMenuA{ border-color:#e5e5e5;}
|
||||
.widgetMenuA li{ border-color:#e5e5e5;}
|
||||
.widgetMenuA li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
|
||||
.widgetMenuA li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
|
||||
|
||||
/* widgetMenuB */
|
||||
.widgetMenuB{ border-color:#e5e5e5;}
|
||||
.widgetMenuB li{ border-color:#e5e5e5;}
|
||||
.widgetMenuB li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
|
||||
.widgetMenuB li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
|
||||
.widgetMenuB li ul{ border-color:#ddd; background:#fff;}
|
||||
.widgetMenuB li li.first{ background-image:url(../img/white/arrowMenuB.gif);}
|
||||
|
||||
/* widgetMenuCgreen */
|
||||
.widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
|
||||
.widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
|
||||
.widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
|
||||
|
||||
/* widgetMenuCblue */
|
||||
.widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
|
||||
.widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
|
||||
.widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
|
||||
|
||||
/* widgetMenuCcyan */
|
||||
.widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
|
||||
.widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
|
||||
.widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
|
||||
|
||||
/* widgetMenuCorange */
|
||||
.widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
|
||||
.widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
|
||||
.widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
|
||||
|
||||
/* widgetMenuCred */
|
||||
.widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
|
||||
.widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
|
||||
.widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
|
||||
|
||||
/* widgetMenuCgray */
|
||||
.widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
|
||||
.widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
|
||||
.widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
|
||||
|
||||
address.period { color:#AAA; }
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<!--#include("header.html")-->
|
||||
|
||||
<!-- 레이아웃의 목록 -->
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<table cellspacing="0" class="crossTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col" class="halfwide"><div>{$lang->layout_name}</div></th>
|
||||
|
|
@ -25,16 +25,16 @@
|
|||
({$val->layout})
|
||||
</div>
|
||||
</th>
|
||||
<td class="number center">{$val->version}</td>
|
||||
<td class="center nowrap">
|
||||
<td>{$val->version}</td>
|
||||
<td>
|
||||
<!--@foreach($val->author as $author)-->
|
||||
<!--@if($author->homepage)--><a href="{$author->homepage}" onclick="window.open(this.href);return false;"><!--@end-->{$author->name}<!--@if($author->homepage)--></a><!--@end-->
|
||||
<!--@endforeach-->
|
||||
</td>
|
||||
<td class="number center">{$val->menu_count}</td>
|
||||
<td class="date center nowrap">{zdate($val->date, 'Y-m-d')}</td>
|
||||
<td class="nowrap">{$val->path}</td>
|
||||
<td class="center"><a href="{getUrl('act','dispLayoutAdminInsert','layout',$val->layout)}" class="button"><span>{$lang->cmd_make}</span></a></td>
|
||||
<td>{$val->menu_count}</td>
|
||||
<td>{zdate($val->date, 'Y-m-d')}</td>
|
||||
<td>{$val->path}</td>
|
||||
<td><a href="{getUrl('act','dispLayoutAdminInsert','layout',$val->layout)}" class="button"><span>{$lang->cmd_make}</span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="6" class="left">
|
||||
|
|
|
|||
BIN
modules/layout/tpl/faceOff_sample.tar
Executable file
BIN
modules/layout/tpl/faceOff_sample.tar
Executable file
Binary file not shown.
1
modules/layout/tpl/faceoff_layout_edit.html
Normal file
1
modules/layout/tpl/faceoff_layout_edit.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
{$content}
|
||||
347
modules/layout/tpl/faceoff_layout_menu.html
Normal file
347
modules/layout/tpl/faceoff_layout_menu.html
Normal file
|
|
@ -0,0 +1,347 @@
|
|||
<!--%load_js_plugin("ui")-->
|
||||
<!--%load_js_plugin("ui.colorpicker")-->
|
||||
<!--%import("js/ui.hotkey.js",optimized=false)-->
|
||||
<!--%import("js/ui.toolbar.js",optimized=false)-->
|
||||
<!--%import("js/faceoff.js",optimized=false)-->
|
||||
<!--%import("js/layout_image_list.js",optimized=false)-->
|
||||
<!--%import("css/faceoff_menu.css",optimized=false)-->
|
||||
<!--%import("js/layout_admin.js",optimized=false)-->
|
||||
<!--%import("filter/reset_layout_code.xml")-->
|
||||
|
||||
<div id="toolbar">
|
||||
|
||||
<form id="fo_layout" action="{getUrl('')}" method="post" enctype="multipart/form-data" target="hidden_iframe">
|
||||
<input type="hidden" name="layout_srl" id="layout_srl" value="{$layout_info->layout_srl}" />
|
||||
<div class="widgetMenu buttons">
|
||||
<ul class="widgetMenuList">
|
||||
<li><button type="button"><span>File</span></button>
|
||||
<ul class="noneToolBar">
|
||||
<li class="menu" tb:type="radio" tb:arg=""><button type="button" onclick="FaceOff.saveLayoutConfig()">{$lang->layout_manager[1]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg=""><button type="button" onclick="document.location.href=request_uri.setQuery('mid',current_mid)">{$lang->layout_manager[2]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg=""><button type="button" onclick="doResetLayoutCode('{$layout_srl}');return false">{$lang->layout_manager[51]}</button></li>
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
<li><button type="button"><span>{$lang->layout_manager[3]}</span></button>
|
||||
<ul>
|
||||
<li class="menu" tb:type="radio" tb:arg="t,fixed"><button type="button">{$lang->layout_manager[6]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="t,liquid"><button type="button">{$lang->layout_manager[7]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="t,hybrid"><button type="button">{$lang->layout_manager[8]}</button></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><button type="button"><span>{$lang->layout_manager[4]}</span></button>
|
||||
<ul>
|
||||
<li class="menu" tb:type="radio" tb:arg="c,c"><button type="button">{$lang->layout_manager[9]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="c,ce"><button type="button">{$lang->layout_manager[10]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="c,ec"><button type="button">{$lang->layout_manager[11]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="c,cee"><button type="button">{$lang->layout_manager[12]}</button></li>
|
||||
<li class="menu" class="menu" tb:type="radio" tb:arg="c,ece"><button type="button">{$lang->layout_manager[13]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="c,eec"><button type="button">{$lang->layout_manager[14]}</button></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><button type="button"><span>{$lang->layout_manager[5]}</span></button>
|
||||
<ul>
|
||||
<li class="menu" tb:type="radio" tb:arg="a,aLeft"><button type="button">{$lang->layout_manager[15]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="a,aCenter"><button type="button">{$lang->layout_manager[16]}</button></li>
|
||||
<li class="menu" tb:type="radio" tb:arg="a,aRight"><button type="button">{$lang->layout_manager[17]}</button></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<fieldset class="hideOption">
|
||||
<label for="useHeader"><input type="checkbox" id="useHeader" /> Header</label>
|
||||
<label for="useFooter"><input type="checkbox" id="useFooter" /> Footer</label>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<!-- smartmenu start -->
|
||||
<ul id="smartmenu">
|
||||
<li id="for-all" style="display:block">
|
||||
<dl>
|
||||
<dt style="display:none">{$lang->layout_manager[18]}</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'html>body')">{$lang->layout_manager[18]}</button> >
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'#container')">{$lang->layout_manager[19]}</button>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="for-extension">
|
||||
<dl>
|
||||
<dt style="display:none">{$lang->layout_manager[18]}</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'html>body')">{$lang->layout_manager[18]}</button> >
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'#container')">{$lang->layout_manager[19]}</button> >
|
||||
</dd>
|
||||
<dt>Extension</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.popupAddWidget()">{$lang->layout_manager[20]}</button>
|
||||
<button type="button" onclick="FaceOff.popupAddContent()">{$lang->layout_manager[21]}</button>
|
||||
<button type="button" onclick="FaceOff.showPreference()">{$lang->layout_manager[22]}</button>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li id="for-widget">
|
||||
<dl>
|
||||
<dt style="display:none">{$lang->layout_manager[18]}</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'html>body')">{$lang->layout_manager[18]}</button> >
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'#container')">{$lang->layout_manager[19]}</button> >
|
||||
</dd>
|
||||
|
||||
<dt>Widget > </dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.popupAddWidgetStyle()">{$lang->layout_manager[23]}</button>
|
||||
<button type="button" onclick="FaceOff.showPreference()">{$lang->layout_manager[22]}</button>
|
||||
<button type="button" onclick="FaceOff.popupAddWidget()">{$lang->layout_manager[24]}</button>
|
||||
<button type="button" onclick="FaceOff.deleteWidget()">{$lang->layout_manager[25]}</button>
|
||||
</dd>
|
||||
</dl>
|
||||
<li id="for-block">
|
||||
<dl>
|
||||
<dt style="display:none">{$lang->layout_manager[18]}</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'html>body')">{$lang->layout_manager[18]}</button> >
|
||||
<button type="button" onclick="FaceOff.showPreference(event,'#container')">{$lang->layout_manager[19]}</button> >
|
||||
</dd>
|
||||
|
||||
<dt>Block</dt>
|
||||
<dd>
|
||||
<button type="button" onclick="FaceOff.showPreference()">{$lang->layout_manager[22]}</button>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- smartmenu end -->
|
||||
|
||||
<!-- preview start -->
|
||||
<div id="demoXe" class="demoFixed">
|
||||
<div id="demoContainer" class="demoC">
|
||||
<div id="demoHeader">
|
||||
</div>
|
||||
<div id="demoBody">
|
||||
<div id="demoContent">
|
||||
</div>
|
||||
<div class="demoExtension demoE1">
|
||||
</div>
|
||||
<div class="demoExtension demoE2">
|
||||
</div>
|
||||
</div>
|
||||
<div id="demoFooter">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- preview end -->
|
||||
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="propertyDialog">
|
||||
<form>
|
||||
<fieldset name="float" style="display:none">
|
||||
<legend>{$lang->layout_manager[26]}</legend>
|
||||
<div class="visible-more">
|
||||
<label for="background-color">{$lang->layout_manager[26]} : </label>
|
||||
<select id="float">
|
||||
<option value=''>{$lang->layout_manager[27]}</option>
|
||||
<option value='left'>{$lang->layout_manager[28]}</option>
|
||||
<option value='right'>{$lang->layout_manager[29]}</option>
|
||||
</select>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset name="width" style="display:none">
|
||||
<legend>{$lang->layout_manager[30]}</legend>
|
||||
<div class="visible-more">
|
||||
<label for="width">{$lang->layout_manager[30]} : </label>
|
||||
<input type="text" id="width" size="5" />
|
||||
</div>
|
||||
</fieldset>
|
||||
<!--
|
||||
<fieldset name="height" style="display:none">
|
||||
<legend>{$lang->layout_manager[31]}</legend>
|
||||
<div class="visible-more">
|
||||
<label for="background-color">{$lang->layout_manager[31]} : </label>
|
||||
<input type="text" id="height" size="5" />
|
||||
</div>
|
||||
</fieldset>
|
||||
-->
|
||||
<fieldset name="margin">
|
||||
<legend>{$lang->layout_manager[32]}</legend>
|
||||
<input type="text" id="margin" size="15" class="inputall" title="margin+px">
|
||||
<button type="button" class="morelink"><span>+</span></button>
|
||||
<div class="more">
|
||||
<div>
|
||||
<label for="margin-top">{$lang->layout_manager[34]} : </label>
|
||||
<input type="text" id="margin-top" size="3">
|
||||
</div>
|
||||
<div>
|
||||
<label for="margin-left">{$lang->layout_manager[35]} : </label>
|
||||
<input type="text" id="margin-left" size="3">
|
||||
</div>
|
||||
<div>
|
||||
<label for="margin-right">{$lang->layout_manager[36]} : </label>
|
||||
<input type="text" id="margin-right" size="3">
|
||||
</div>
|
||||
<div>
|
||||
<label for="margin-bottom">{$lang->layout_manager[37]} : </label>
|
||||
<input type="text" id="margin-bottom" size="3">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset name="padding">
|
||||
<legend>{$lang->layout_manager[33]}</legend>
|
||||
<input type="text" id="padding" size="15" class="inputall" title="padding+px">
|
||||
<button type="button" class="morelink"><span>+</span></button>
|
||||
<div class="more">
|
||||
<div>
|
||||
<label for="padding-top">{$lang->layout_manager[34]} : </label>
|
||||
<input type="text" id="padding-top" size="3">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="padding-left">{$lang->layout_manager[35]} : </label>
|
||||
<input type="text" id="padding-left" size="3">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="padding-right">{$lang->layout_manager[36]} : </label>
|
||||
<input type="text" id="padding-right" size="3">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="padding-bottom">{$lang->layout_manager[37]} : </label>
|
||||
<input type="text" id="padding-bottom" size="3">
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset name="border">
|
||||
<legend>{$lang->layout_manager[38]}</legend>
|
||||
<span class="inputall">
|
||||
<input type="text" id="border-width" size="3" title="border-width+px" />
|
||||
<input type="text" id="border-color" size="7" class="color-indicator" title="border-color" />
|
||||
<select id="border-style" title="border-style">
|
||||
<option value="none">{$lang->layout_manager[39]}</option>
|
||||
<option value="hidden">hidden</option>
|
||||
<option value="dotted">dotted</option>
|
||||
<option value="dashed">dashed</option>
|
||||
<option value="solid">solid</option>
|
||||
<option value="double">double</option>
|
||||
<option value="groove">groove</option>
|
||||
<option value="ridge">ridge</option>
|
||||
<option value="inset">inset</option>
|
||||
<option value="inset">outset</option>
|
||||
</select>
|
||||
</span>
|
||||
<button type="button" class="morelink"><span>+</span></button>
|
||||
<div class="more">
|
||||
<div>
|
||||
<label for="border-top-width">{$lang->layout_manager[34]} : </label>
|
||||
<input type="text" id="border-top-width" size="3" title="border-width+px" />
|
||||
<input type="text" id="border-top-color" size="7" class="color-indicator" title="border-color" />
|
||||
<select id="border-top-style" title="border-style">
|
||||
<option value="none">{$lang->layout_manager[39]}</option>
|
||||
<option value="hidden">hidden</option>
|
||||
<option value="dotted">dotted</option>
|
||||
<option value="dashed">dashed</option>
|
||||
<option value="solid">solid</option>
|
||||
<option value="double">double</option>
|
||||
<option value="groove">groove</option>
|
||||
<option value="ridge">ridge</option>
|
||||
<option value="inset">inset</option>
|
||||
<option value="inset">outset</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="border-right-width">{$lang->layout_manager[36]} : </label>
|
||||
<input type="text" id="border-right-width" size="3" title="border-width+px" />
|
||||
<input type="text" id="border-right-color" size="7" class="color-indicator" title="border-color" />
|
||||
<select id="border-right-style" title="border-style">
|
||||
<option value="none">{$lang->layout_manager[39]}</option>
|
||||
<option value="hidden">hidden</option>
|
||||
<option value="dotted">dotted</option>
|
||||
<option value="dashed">dashed</option>
|
||||
<option value="solid">solid</option>
|
||||
<option value="double">double</option>
|
||||
<option value="groove">groove</option>
|
||||
<option value="ridge">ridge</option>
|
||||
<option value="inset">inset</option>
|
||||
<option value="inset">outset</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="border-bottom-width">{$lang->layout_manager[37]} : </label>
|
||||
<input type="text" id="border-bottom-width" size="3" title="border-width+px" />
|
||||
<input type="text" id="border-bottom-color" size="7" class="color-indicator" title="border-color" />
|
||||
<select id="border-bottom-style" title="border-style">
|
||||
<option value="none">{$lang->layout_manager[39]}</option>
|
||||
<option value="hidden">hidden</option>
|
||||
<option value="dotted">dotted</option>
|
||||
<option value="dashed">dashed</option>
|
||||
<option value="solid">solid</option>
|
||||
<option value="double">double</option>
|
||||
<option value="groove">groove</option>
|
||||
<option value="ridge">ridge</option>
|
||||
<option value="inset">inset</option>
|
||||
<option value="inset">outset</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="border-left-width">{$lang->layout_manager[35]} : </label>
|
||||
<input type="text" id="border-left-width" size="3" title="border-width+px" />
|
||||
<input type="text" id="border-left-color" size="7" class="color-indicator" title="border-color" />
|
||||
<select id="border-left-style" title="border-style">
|
||||
<option value="none">{$lang->layout_manager[39]}</option>
|
||||
<option value="hidden">hidden</option>
|
||||
<option value="dotted">dotted</option>
|
||||
<option value="dashed">dashed</option>
|
||||
<option value="solid">solid</option>
|
||||
<option value="double">double</option>
|
||||
<option value="groove">groove</option>
|
||||
<option value="ridge">ridge</option>
|
||||
<option value="inset">inset</option>
|
||||
<option value="inset">outset</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset name="background">
|
||||
<legend>{$lang->layout_manager[40]}</legend>
|
||||
<div class="visible-more">
|
||||
<div>
|
||||
<label for="background-color">{$lang->layout_manager[41]} : </label>
|
||||
<input type="text" id="background-color" size="7" class="color-indicator" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="background-image">{$lang->layout_manager[42]} :</label>
|
||||
<input type="text" id="background-image" size="14" /><button type="button" onclick="popupLayoutImageList({$layout_info->layout_srl})">{$lang->layout_manager[43]}</button>
|
||||
</div>
|
||||
<div>
|
||||
<label for="background-repeat">{$lang->layout_manager[44]} : </label>
|
||||
<select id="background-repeat">
|
||||
<option value="repeat">{$lang->layout_manager[45]}</option>
|
||||
<option value="no-repeat">{$lang->layout_manager[46]}</option>
|
||||
<option value="repeat-x">{$lang->layout_manager[47]}</option>
|
||||
<option value="repeat-y">{$lang->layout_manager[48]}</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset name="font">
|
||||
<legend>{$lang->layout_manager[52]}</legend>
|
||||
<div class="visible-more">
|
||||
<div>
|
||||
<label for="font-family">{$lang->layout_manager[53]} :</label>
|
||||
<input type="text" id="font-family" size="14" />
|
||||
</div>
|
||||
<div>
|
||||
<label for="color">{$lang->layout_manager[54]} : </label>
|
||||
<input type="text" id="color" size="7" class="color-indicator" />
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<div class="buttonArea">
|
||||
<button type="submit">{$lang->layout_manager[49]}</button>
|
||||
<button type="reset">{$lang->layout_manager[50]}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
|
@ -2,6 +2,7 @@
|
|||
<form>
|
||||
<node target="layout_srl" required="true" />
|
||||
<node target="code" required="true" />
|
||||
<node target="code_css" />
|
||||
</form>
|
||||
<response>
|
||||
<tag name="error" />
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<!--%import("js/layout_admin.js")-->
|
||||
|
||||
<h3>{$lang->layout} <span class="gray">{$lang->cmd_management}</span></h3>
|
||||
<h3 class="xeAdmin">{$lang->layout} <span class="gray">{$lang->cmd_management}</span></h3>
|
||||
|
||||
<div class="infoText">{nl2br($lang->about_layout)}</div>
|
||||
|
||||
|
|
|
|||
BIN
modules/layout/tpl/images/bgBody.gif
Normal file
BIN
modules/layout/tpl/images/bgBody.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 B |
BIN
modules/layout/tpl/images/bgContainer.gif
Normal file
BIN
modules/layout/tpl/images/bgContainer.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 205 B |
BIN
modules/layout/tpl/images/bgExtension.gif
Normal file
BIN
modules/layout/tpl/images/bgExtension.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
BIN
modules/layout/tpl/images/bgMenu.gif
Normal file
BIN
modules/layout/tpl/images/bgMenu.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
modules/layout/tpl/images/bgSection.gif
Normal file
BIN
modules/layout/tpl/images/bgSection.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
BIN
modules/layout/tpl/images/bgXe.gif
Normal file
BIN
modules/layout/tpl/images/bgXe.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 414 B |
BIN
modules/layout/tpl/images/buttonControler.png
Normal file
BIN
modules/layout/tpl/images/buttonControler.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
BIN
modules/layout/tpl/images/faceoff.gif
Executable file
BIN
modules/layout/tpl/images/faceoff.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
modules/layout/tpl/img/black/buttonSearch.gif
Executable file
BIN
modules/layout/tpl/img/black/buttonSearch.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 236 B |
BIN
modules/layout/tpl/img/black/buttonTreeCollapse.gif
Executable file
BIN
modules/layout/tpl/img/black/buttonTreeCollapse.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 99 B |
BIN
modules/layout/tpl/img/black/iconMyInfo.gif
Executable file
BIN
modules/layout/tpl/img/black/iconMyInfo.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
BIN
modules/layout/tpl/img/black/iconWidgetList.gif
Executable file
BIN
modules/layout/tpl/img/black/iconWidgetList.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
BIN
modules/layout/tpl/img/black/lineTextDiv.gif
Executable file
BIN
modules/layout/tpl/img/black/lineTextDiv.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
BIN
modules/layout/tpl/img/black/lineTreeHr.gif
Executable file
BIN
modules/layout/tpl/img/black/lineTreeHr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 57 B |
BIN
modules/layout/tpl/img/black/lineTreeLastHr.gif
Executable file
BIN
modules/layout/tpl/img/black/lineTreeLastHr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
modules/layout/tpl/img/black/lineTreeVr.gif
Executable file
BIN
modules/layout/tpl/img/black/lineTreeVr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
BIN
modules/layout/tpl/img/white/arrowMenuB.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuB.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 54 B |
BIN
modules/layout/tpl/img/white/arrowMenuCblue.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCblue.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowMenuCcyan.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCcyan.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowMenuCgray.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCgray.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowMenuCgreen.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCgreen.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowMenuCorange.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCorange.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowMenuCred.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowMenuCred.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 55 B |
BIN
modules/layout/tpl/img/white/arrowUlistB.gif
Executable file
BIN
modules/layout/tpl/img/white/arrowUlistB.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 60 B |
BIN
modules/layout/tpl/img/white/bgMenuCblue.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCblue.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
modules/layout/tpl/img/white/bgMenuCcyan.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCcyan.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
modules/layout/tpl/img/white/bgMenuCgray.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCgray.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
modules/layout/tpl/img/white/bgMenuCgreen.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCgreen.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
modules/layout/tpl/img/white/bgMenuCorange.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCorange.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
modules/layout/tpl/img/white/bgMenuCred.gif
Executable file
BIN
modules/layout/tpl/img/white/bgMenuCred.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
modules/layout/tpl/img/white/buttonSearch.gif
Executable file
BIN
modules/layout/tpl/img/white/buttonSearch.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 236 B |
BIN
modules/layout/tpl/img/white/buttonTreeCollapse.gif
Executable file
BIN
modules/layout/tpl/img/white/buttonTreeCollapse.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 99 B |
BIN
modules/layout/tpl/img/white/buttonWidgetNavigation.gif
Executable file
BIN
modules/layout/tpl/img/white/buttonWidgetNavigation.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 72 B |
BIN
modules/layout/tpl/img/white/buttonWidgetTab.gif
Executable file
BIN
modules/layout/tpl/img/white/buttonWidgetTab.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1 KiB |
BIN
modules/layout/tpl/img/white/iconForumNum.gif
Executable file
BIN
modules/layout/tpl/img/white/iconForumNum.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 125 B |
BIN
modules/layout/tpl/img/white/iconMenuAactive.gif
Executable file
BIN
modules/layout/tpl/img/white/iconMenuAactive.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
BIN
modules/layout/tpl/img/white/iconMenuAnormal.gif
Executable file
BIN
modules/layout/tpl/img/white/iconMenuAnormal.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
BIN
modules/layout/tpl/img/white/iconMyInfo.gif
Executable file
BIN
modules/layout/tpl/img/white/iconMyInfo.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 56 B |
BIN
modules/layout/tpl/img/white/iconWidgetList.gif
Executable file
BIN
modules/layout/tpl/img/white/iconWidgetList.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
BIN
modules/layout/tpl/img/white/linePoint.gif
Executable file
BIN
modules/layout/tpl/img/white/linePoint.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
BIN
modules/layout/tpl/img/white/lineTextDiv.gif
Executable file
BIN
modules/layout/tpl/img/white/lineTextDiv.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
BIN
modules/layout/tpl/img/white/lineTreeHr.gif
Executable file
BIN
modules/layout/tpl/img/white/lineTreeHr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 57 B |
BIN
modules/layout/tpl/img/white/lineTreeLastHr.gif
Executable file
BIN
modules/layout/tpl/img/white/lineTreeLastHr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
modules/layout/tpl/img/white/lineTreeVr.gif
Executable file
BIN
modules/layout/tpl/img/white/lineTreeVr.gif
Executable file
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
|
|
@ -8,16 +8,14 @@
|
|||
</form>
|
||||
|
||||
<!-- 목록 -->
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<table cellspacing="0" class="crossTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col"><div>{$lang->no}</div></th>
|
||||
<th scope="col" class="half_wide"><div>{$lang->layout}</div></th>
|
||||
<th scope="col" class="half_wide"><div>{$lang->title}</div></th>
|
||||
<th scope="col"><div>{$lang->layout}</div></th>
|
||||
<th scope="col"><div>{$lang->title}</div></th>
|
||||
<th scope="col"><div>{$lang->regdate}</div></th>
|
||||
<th scope="col"><div>{$lang->cmd_layout_management}</div></th>
|
||||
<th scope="col"><div>{$lang->cmd_layout_edit}</div></th>
|
||||
<th scope="col"><div>{$lang->cmd_delete}</div></th>
|
||||
<th scope="col" colspan="3"><div> </div></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
|
|
@ -30,23 +28,23 @@
|
|||
(module)
|
||||
<!--@end-->
|
||||
</td>
|
||||
<td>{htmlspecialchars($val->title)}</td>
|
||||
<td class="date nowrap center">{zdate($val->regdate,"Y-m-d")}</td>
|
||||
<td class="setup center">
|
||||
<td class="wide">{htmlspecialchars($val->title)}</td>
|
||||
<td class="nowrap">{zdate($val->regdate,"Y-m-d")}</td>
|
||||
<td>
|
||||
<!--@if(!$val->module_srl)-->
|
||||
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}">{$lang->cmd_layout_management}</a>
|
||||
<a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_management)}" class="buttonSet buttonSetting"><span>{$lang->cmd_layout_management}</span></a>
|
||||
<!--@else-->
|
||||
|
||||
<!--@end-->
|
||||
</td>
|
||||
<td class="modify center"><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}">{$lang->cmd_layout_edit}</a></td>
|
||||
<td class="delete center"><a href="#" onclick="doDeleteLayout('{$val->layout_srl}');return false;">{$lang->cmd_delete}</a></td>
|
||||
<td><a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$val->layout_srl)}" title="{htmlspecialchars($lang->cmd_layout_edit)}" class="buttonSet buttonLayoutEditor"><span>{$lang->cmd_layout_edit}</span></a></td>
|
||||
<td><a href="#" onclick="doDeleteLayout('{$val->layout_srl}');return false;" title="{htmlspecialchars($lang->cmd_delete)}" class="buttonSet buttonDelete"><span>{$lang->cmd_delete}</span></a></td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
<tr class="row2">
|
||||
<td colspan="7" class="right">
|
||||
<a href="{getUrl('act','dispLayoutAdminInsert','layout_srl','')}" class="button"><span>{$lang->cmd_make}</span></a>
|
||||
</td>
|
||||
<th colspan="7" class="button">
|
||||
<a href="{getUrl('act','dispLayoutAdminInsert','layout_srl','')}" class="button black strong"><span>{$lang->cmd_make}</span></a>
|
||||
</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
|
|
|||
|
|
@ -4,18 +4,23 @@
|
|||
|
||||
<form action="./" method="get" onsubmit="return procFilter(this, insert_layout)">
|
||||
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->layout_name}</div></th>
|
||||
<td>
|
||||
<select name="layout">
|
||||
<option value="faceoff">faceoff</option>
|
||||
|
||||
<optgroup label="{$lang->downloaded_list}">
|
||||
<!--@foreach($layout_list as $key => $val)-->
|
||||
<option value="{$val->layout}" <!--@if($layout == $val->layout)-->selected="selected"<!--@end-->> <!--@if($val->title)-->{$val->title} ({$val->layout})<!--@else-->{$val->layout}<!--@end--></option>
|
||||
<!--@end-->
|
||||
</optgroup>
|
||||
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="row2">
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->title}</div></th>
|
||||
<td>
|
||||
<input type="text" name="title" value="{$info->title}" class="inputTypeText w400" />
|
||||
|
|
@ -23,9 +28,9 @@
|
|||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td scope="row" colspan="2" class="right">
|
||||
<span class="button"><input type="submit" value="{$lang->cmd_next}" accesskey="s" /></span>
|
||||
</td>
|
||||
<th scope="row" colspan="2" class="button">
|
||||
<span class="button black strong"><input type="submit" value="{$lang->cmd_next}" accesskey="s" /></span>
|
||||
</th>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
|
|
|||
988
modules/layout/tpl/js/faceoff.js
Normal file
988
modules/layout/tpl/js/faceoff.js
Normal file
|
|
@ -0,0 +1,988 @@
|
|||
jQuery(function($){
|
||||
|
||||
// constants
|
||||
var FACEOFF_TYPE = ['fixed','liquid','hybrid'];
|
||||
var FACEOFF_COLUMN = ['ece','c','ec','ce','cee','eec'];
|
||||
var FACEOFF_ALIGN = ['aCenter','aLeft','aRight'];
|
||||
|
||||
var FaceOff = {
|
||||
curElement : null,
|
||||
_widgetParent : null,
|
||||
|
||||
preview : $('#demoXe'),
|
||||
propDialog : null,
|
||||
|
||||
init : function() {
|
||||
var fo = this;
|
||||
|
||||
// toolbar
|
||||
$('#toolbar').toolbar({
|
||||
fade : 300,
|
||||
click : function(data) {
|
||||
var args = (data.arg || '').split(',');
|
||||
|
||||
switch(args[0]) {
|
||||
case 'a': fo.setLayoutAlign(args[1],false); break;
|
||||
case 'c': fo.setLayoutColumn(args[1],false); break;
|
||||
case 't': fo.setLayoutType(args[1],false); break;
|
||||
}
|
||||
},
|
||||
hover : function(data) {
|
||||
var item = data.element;
|
||||
if(item.parent().is('.noneToolBar')) return;
|
||||
|
||||
var args = data.arg.split(',');
|
||||
var pos_item = item.offset();
|
||||
var pos_preview = fo.preview.show().css({left:0,top:0}).offset();
|
||||
var type, col, align;
|
||||
type = 'demo'+capitalize(args[0]=='t'?args[1]:fo.getLayoutType());
|
||||
col = 'demo'+(args[0]=='c'?args[1]:fo.getLayoutColumn()).toUpperCase();
|
||||
align = 'demo'+capitalize(args[0]=='a'?args[1]:fo.getLayoutAlign());
|
||||
|
||||
fo.preview.dequeue().stop().css({
|
||||
width: '60px',
|
||||
left : pos_item.left - pos_preview.left + item.parent().width() + 2,
|
||||
top : pos_item.top - pos_preview.top
|
||||
}).attr('class', 'layoutDemo demoBox '+type+' '+align);
|
||||
|
||||
$('#demoContainer').attr('class','').addClass(col);
|
||||
|
||||
(function(){
|
||||
if (!fo.preview.is(':visible')) return;
|
||||
|
||||
fo.preview.animate({width:'150'}, 1000).animate({width:'120'}, 1000, 'linear', arguments.callee);
|
||||
})();
|
||||
},
|
||||
hide : function(menu) {
|
||||
fo.preview.dequeue().stop().hide();
|
||||
}
|
||||
});
|
||||
|
||||
if(typeof(faceOffStyle)!='undefined') {
|
||||
for(var i in faceOffStyle) {
|
||||
if(i=="body") {
|
||||
$("html>body").attr("style",faceOffStyle[i]);
|
||||
} else {
|
||||
try {
|
||||
$(i).attr("style",faceOffStyle[i]);
|
||||
} catch(e) {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
$('#xe , #body, #header, #footer, #neck, #knee, div.e1, div.e2, div.neck, div.knee').each( function(i) { $(this).find('a').css('color',$(this).css('color')).css('font-family',$(this).css('font-family')); } );
|
||||
|
||||
if($('#header').css('display')!='none') $('#useHeader').attr('checked',true);
|
||||
else $('#useHeader').attr('checked',false);
|
||||
if($('#footer').css('display')!='none') $('#useFooter').attr('checked',true);
|
||||
else $('#useFooter').attr('checked',false);
|
||||
|
||||
$('#useHeader').click(function(event) {
|
||||
if($('#useHeader').attr('checked')) {
|
||||
$('#header').css('display','block');
|
||||
$('#useHeader').attr('checked', true);
|
||||
} else {
|
||||
$('#header').css('display','none');
|
||||
$('#useHeader').attr('checked', false);
|
||||
}
|
||||
});
|
||||
|
||||
$('#useFooter').click(function(event) {
|
||||
if($('#useFooter').attr('checked')) $('#footer').css('display','block');
|
||||
else $('#footer').css('display','none');
|
||||
});
|
||||
|
||||
// tab to select widget
|
||||
$(document).mousedown(function(event){
|
||||
var filter = '#xe .widgetOutput, #xe .extension, #body, #header, #footer, #toolbar, #propertyDialog, #faceoffSelector, .overlay';
|
||||
var target = $(event.target);
|
||||
var selection = target.parents(filter).add(target);
|
||||
|
||||
if (selection.is('#toolbar, #propertyDialog, #faceoffSelector, .overlay')) return;
|
||||
|
||||
if (selection.is(filter)) {
|
||||
fo.selectElement(selection.filter(filter).eq(0));
|
||||
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
} else if(fo.curElement) {
|
||||
fo.selectElement(null);
|
||||
}
|
||||
}).hotkey({
|
||||
'TAB' : method(this.selectByTAB, this),
|
||||
'Shift+TAB' : method(this.selectByTAB, this),
|
||||
'UP' : method(this.moveWidget, this),
|
||||
'DOWN' : method(this.moveWidget, this),
|
||||
'LEFT' : method(this.moveWidget, this),
|
||||
'RIGHT' : method(this.moveWidget, this),
|
||||
'ESC' : method(this.selectByESC, this),
|
||||
'ENTER' : method(this.showPreference, this)
|
||||
});
|
||||
|
||||
// select default menus
|
||||
var type = this.getLayoutType();
|
||||
var col = this.getLayoutColumn();
|
||||
var align = this.getLayoutAlign();
|
||||
|
||||
$('#toolbar .buttons li.menu').each(function(){
|
||||
var arg = $(this).attr('tb:arg');
|
||||
if (!arg.indexOf('t,'+type) || !arg.indexOf('c,'+col) || !arg.indexOf('a,'+align)) $(this).click();
|
||||
});
|
||||
|
||||
this.propDialog = PropertyDialog.init('#propertyDialog');
|
||||
},
|
||||
getLayoutType : function() {
|
||||
var sel = $('#container[style],#header[style]:visible,#footer[style]:visible')
|
||||
.add('#neck[style]:visible, #knee[style]:visible, #body[style], #content[style] ')
|
||||
.add('div[id^=ex_][style]:visible, div.neck[style]:visible, div.knee[style]:visible, div.e1[style]:visible, div.e2[style]:visible');
|
||||
//sel.css('padding','').css('margin','');
|
||||
return findEnum($('#xe').attr('class'), FACEOFF_TYPE);
|
||||
},
|
||||
// LaytoutType : 'fixed','liquid','hybrid' 을 set
|
||||
// fixed : Use fixed width for all column
|
||||
// liquid : Use flexible width for all column
|
||||
// hybrid : Use flexible width for all column but content column
|
||||
setLayoutType : function(type) {
|
||||
$('#xe').removeClass(FACEOFF_TYPE.join(' ')).addClass(_enum(type, FACEOFF_TYPE));
|
||||
},
|
||||
getLayoutColumn : function() {
|
||||
return findEnum($('#container').attr('class'), FACEOFF_COLUMN);
|
||||
},
|
||||
//'ece','c','ec','ce','cee','eec' 컬럼타입을 set 한다 크기와 관련된 스타일은 초기화 한다
|
||||
setLayoutColumn : function(type,init){
|
||||
$('#container').removeClass(FACEOFF_COLUMN.join(' ')).addClass(_enum(type, FACEOFF_COLUMN));
|
||||
var sel = $('#container[style],#header[style]:visible,#footer[style]:visible')
|
||||
.add('#neck[style]:visible, #knee[style]:visible, #body[style], #content[style] ')
|
||||
.add('div[id^=ex_][style]:visible, div.neck[style]:visible, div.knee[style]:visible, div.e1[style]:visible, div.e2[style]:visible');
|
||||
|
||||
if(init) sel.css('padding','').css('margin','');
|
||||
|
||||
// 칼럼의 변경으로, 현재 선택된 위젯이 보이지 않게 된다면, 위젯 선택을 해제한다.
|
||||
if (this.curElement && !this.curElement.parents('#xe .extension:visible').length) {
|
||||
this.selectElement(null);
|
||||
}
|
||||
},
|
||||
getLayoutAlign : function() {
|
||||
return findEnum($('#xe').attr('class'), FACEOFF_ALIGN);
|
||||
},
|
||||
setLayoutAlign : function(type) {
|
||||
$('#xe').removeClass(FACEOFF_ALIGN.join(' ')).addClass(_enum(type, FACEOFF_ALIGN));
|
||||
},
|
||||
saveLayoutConfig : function(saveTemp) {
|
||||
$.exec_json('layout.procLayoutAdminUserValueInsert', {
|
||||
'saveTemp':saveTemp || '',
|
||||
mid : current_mid,
|
||||
type : this.getLayoutType(),
|
||||
column : this.getLayoutColumn(),
|
||||
align : this.getLayoutAlign(),
|
||||
neck : this.getWidgetContent($('#body .neck:visible')),
|
||||
knee : this.getWidgetContent($('#body .knee:visible')),
|
||||
e1 : this.getWidgetContent($('#body .e1:visible')),
|
||||
e2 : this.getWidgetContent($('#body .e2:visible')),
|
||||
neck : this.getWidgetContent($('#neck:visible')),
|
||||
knee : this.getWidgetContent($('#knee:visible')),
|
||||
css : this.getFaceoffStyle()
|
||||
},function(data){
|
||||
if(data.saveTemp=='Y'){
|
||||
document.location.href = request_uri.setQuery('mid',current_mid).setQuery('act','dispLayoutAdminLayoutModify');
|
||||
}else{
|
||||
document.location.href = request_uri.setQuery('mid',current_mid);
|
||||
}
|
||||
});
|
||||
},
|
||||
getWidgetContent : function(el) {
|
||||
if (!el.length) return '';
|
||||
|
||||
var text = [];
|
||||
|
||||
el.find('div[widget]').each(function(){
|
||||
var type = $(this).attr('widget');
|
||||
|
||||
switch(type) {
|
||||
case 'widgetContent':
|
||||
var div = $('<div>');
|
||||
var attr = [];
|
||||
|
||||
$(this.attributes).each(function(){
|
||||
if (!this.nodeName || !this.nodeValue) return;
|
||||
|
||||
var name = this.nodeName.toLowerCase(), val = this.nodeValue;
|
||||
if ('.contenteditable.src.widget.class.widget_width.widget_width_type.xdpx.xdpy.height.'.indexOf('.'+name+'.') > -1) return;
|
||||
|
||||
div.text(val);
|
||||
attr.push(name+'="'+div.html()+'"');
|
||||
});
|
||||
|
||||
var content = $(this).children('div.widgetContent');
|
||||
if (!content.length) return;
|
||||
return text.push('<img src="./common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" widget="widgetContent" '+attr.join(' ')+' />');
|
||||
default:
|
||||
var div = $('<div>');
|
||||
var attr = [];
|
||||
|
||||
$(this.attributes).each(function(){
|
||||
if (!this.nodeName || !this.nodeValue) return;
|
||||
|
||||
var name = this.nodeName.toLowerCase(), val = this.nodeValue;
|
||||
if ('.style.contenteditable.src.widget.body.class.widget_width.widget_width_type.xdpx.xdpy.height.'.indexOf('.'+name+'.') > -1) return;
|
||||
|
||||
div.text(val);
|
||||
attr.push(name+'="'+div.html()+'"');
|
||||
});
|
||||
attr.push('style="'+$(this).attr('style')+'"');
|
||||
|
||||
// return text.push('<img class="zbxe_widget_output" widget="'+type+'" addclass="section" '+attr.join(' ')+' />');
|
||||
return text.push('<img class="zbxe_widget_output" widget="'+type+'" '+attr.join(' ')+' />');
|
||||
}
|
||||
});
|
||||
|
||||
return text.join('');
|
||||
},
|
||||
getFaceoffStyle : function() {
|
||||
var sty = [];
|
||||
var sel = $('html>body,#container[style],#header[style],#footer[style]')
|
||||
.add('#neck[style]:visible, #knee[style]:visible, #body[style], #content[style] ')
|
||||
.add('div.neck[style]:visible, div.knee[style]:visible, div.e1[style]:visible, div.e2[style]:visible'); //div[id^=ex_][style]:visible,
|
||||
|
||||
sel.each(function(){
|
||||
var bgImage = $(this).css("backgroundImage");
|
||||
if(bgImage && bgImage!='none') {
|
||||
bgImage = bgImage.replace(/(.+)images\/([a-z0-9]+)\.(jpg|jpeg|gif|png|swf|flv)\)/i,'url(./images/$2.$3)');
|
||||
$(this).css("background-image",bgImage);
|
||||
}
|
||||
var style = $(this).attr('style');
|
||||
if($(this).is('.neck, .knee, .e1, .e2')) {
|
||||
if (!style) return;
|
||||
if($(this).is('.e1')) sty.push( 'div.e1 { ' + style + ' } ');
|
||||
else if($(this).is('.e2')) sty.push( 'div.e2 { ' + style + ' } ');
|
||||
else if($(this).is('.neck')) sty.push( 'div.neck { ' + style + ' } ');
|
||||
else if($(this).is('.knee')) sty.push( 'div.knee { ' + style + ' } ');
|
||||
}else if($(this).is('html>body')) {
|
||||
style = 'background-color:' + $(this).css('backgroundColor')
|
||||
+ ';background-image:' + $(this).css('backgroundImage')
|
||||
+ ';background-repeat:' + $(this).css('backgroundRepeat');
|
||||
+ ';font-family:'+ $(this).css('fontFamily');
|
||||
+ ';color:'+ $(this).css('color');
|
||||
sty.push('body' + ' { ' + style +' }');
|
||||
if($(this).css('fontFamily')) sty.push('body a { font-family:'+$(this).css('fontFamily')+'; }');
|
||||
if($(this).css('color')) sty.push('body a { color:'+$(this).css('color')+'; }');
|
||||
} else {
|
||||
if (!style) return;
|
||||
sty.push('#' + this.id + ' { ' + style +' }');
|
||||
if($(this).css('fontFamily')) sty.push('#'+this.id+' a { font-family:'+$(this).css('fontFamily')+'; }');
|
||||
if($(this).css('color')) sty.push('#'+this.id+' a { color:'+$(this).css('color')+'; }');
|
||||
}
|
||||
});
|
||||
|
||||
return sty.join('\n');
|
||||
},
|
||||
doAddWidgetCode : function(widget_code) {
|
||||
|
||||
var par = this._widgetParent;
|
||||
var obj = $(widget_code);
|
||||
var uniqueId = '', style = '';
|
||||
|
||||
if (!par) return;
|
||||
|
||||
|
||||
if (par.is('.widgetOutput')) {
|
||||
uniqueId = par.attr('id');
|
||||
obj.attr('id', uniqueId).addClass('section');
|
||||
par.replaceWith(obj).attr('style', par.attr('style'));
|
||||
if(!obj.css("float")) obj.css("clear","both");
|
||||
else(obj.css("clear",""));
|
||||
} else {
|
||||
uniqueId = 'ex_'+(new Date()).getTime();
|
||||
obj.attr('id', uniqueId).addClass('section');
|
||||
obj.appendTo(this._widgetParent).attr('style','');
|
||||
obj.css("clear","both");
|
||||
}
|
||||
|
||||
this.selectElement(this._widgetParent);
|
||||
this._widgetParent = null;
|
||||
|
||||
this.saveLayoutConfig('Y');
|
||||
},
|
||||
selectByTAB : function(event, key) {
|
||||
var els = null;
|
||||
var cur = this.curElement;
|
||||
var shift = event.shiftKey, els, len, idx;
|
||||
|
||||
if (!cur || cur.hasClass('widgetOutput')) els = $('#xe .extension:visible > .widgetOutput');
|
||||
else if (cur.is('#body, #header, #footer')) els = $('#body, #header, #footer');
|
||||
else if (cur.is('.extension')) els = $('#xe .extension:visible');
|
||||
|
||||
if (!els.length) els = $('#xe .extension:visible');
|
||||
|
||||
if (!(len = els.length)) return;
|
||||
if (cur && (idx = els.index(cur)) < 0) {
|
||||
this.selectElement(null);
|
||||
return this.selectByTAB(event, key);
|
||||
}
|
||||
|
||||
if (cur) {
|
||||
if (shift) this.selectElement( els.eq( idx?idx-1:len-1 ) );
|
||||
else this.selectElement( els.eq( idx==len-1?0:idx+1 ) );
|
||||
} else {
|
||||
this.selectElement( els.eq( shift ? len-1 : 0 ) );
|
||||
}
|
||||
},
|
||||
selectByESC : function(event, key) {
|
||||
var cur = this.curElement, par;
|
||||
|
||||
if (!cur) return this.selectByTAB(event, key);
|
||||
|
||||
if (cur.is('#body, #header, #footer')) {
|
||||
this.selectElement(null);
|
||||
} else if (cur.hasClass('extension')) {
|
||||
par = cur.parent('#body, #header, #footer').add(cur.prev('#header')).add(cur.next('#footer'));
|
||||
par.length?this.selectElement(par.eq(0)):this.selectElement(null);
|
||||
} else if (cur.hasClass('widgetOutput')) {
|
||||
this.selectElement( cur.parent('.extension').eq(0) );
|
||||
}
|
||||
},
|
||||
moveWidget : function(event, key) {
|
||||
var vert = 0, horz = 0;
|
||||
var cur = this.curElement;
|
||||
var selection;
|
||||
|
||||
if (!cur || !cur.hasClass('widgetOutput')) return;
|
||||
|
||||
switch(key) {
|
||||
case 'UP': vert = -1; break;
|
||||
case 'DOWN' : vert = 1; break;
|
||||
case 'LEFT' : horz = -1; break;
|
||||
case 'RIGHT' : horz = 1; break;
|
||||
}
|
||||
|
||||
if (horz && cur.parents('#body').length && this.getLayoutColumn().length > 2) {
|
||||
if (horz > 0 && cur.parents('.e1').length && $('#body > .e2:visible').length) {
|
||||
$('#body > .e2').append(cur);
|
||||
} else if (horz < 0 && cur.parents('.e2').length && $('#body > .e1:visible').length) {
|
||||
$('#body > .e1').append(cur);
|
||||
}
|
||||
} else if (vert < 0) { // up
|
||||
if ((selection = cur.prev('.widgetOutput')).length) {
|
||||
selection.before(cur);
|
||||
} else if (cur.parents('.e1, .e2').length) {
|
||||
$('#neck > .extension').append(cur);
|
||||
} else if (cur.parents('#knee:visible').length) {
|
||||
$('#body > .extension:visible:last').append(cur);
|
||||
}
|
||||
} else if (vert > 0) { // down
|
||||
if ((selection = cur.next('.widgetOutput')).length) {
|
||||
selection.after(cur);
|
||||
} else if (cur.parents('.e1, .e2').length) {
|
||||
$('#knee > .extension').prepend(cur);
|
||||
} else if (cur.parents('#neck:visible').length) {
|
||||
$('#body > .extension:visible:first').prepend(cur);
|
||||
}
|
||||
}
|
||||
|
||||
this.selectElement(cur);
|
||||
},
|
||||
deleteWidget : function(){
|
||||
var cur = this.curElement;
|
||||
|
||||
if (!cur.is('.widgetOutput')) return;
|
||||
cur.remove();
|
||||
|
||||
this.saveLayoutConfig('Y');
|
||||
},
|
||||
popupAddWidgetStyle : function(){
|
||||
var cur = this.curElement;
|
||||
this._widgetParent = this.curElement;
|
||||
|
||||
if (!cur.is('.widgetOutput')) return;
|
||||
|
||||
selectedWidget = cur.get(0);
|
||||
popopen(request_uri+"?module=widget&act=dispWidgetStyleGenerateCodeInPage&selected_widget="+cur.attr('widget')+"&widgetstyle="+cur.attr('widgetstyle'),'GenerateCodeInPage');
|
||||
},
|
||||
|
||||
popupAddWidget : function() {
|
||||
var cur = this.curElement;
|
||||
var url = request_uri.replace(/\?.+$/, '')+'?module=widget&type=faceoff';
|
||||
var win = 'GenerateWidgetCode';
|
||||
|
||||
if (!cur.is('.widgetOutput, .extension')) return;
|
||||
|
||||
this._widgetParent = this.curElement;
|
||||
|
||||
if (cur.is('.widgetOutput')) {
|
||||
selectedWidget = cur.get(0);
|
||||
// modify widget
|
||||
if (cur.attr('widget') == 'widgetContent') {
|
||||
// content widget
|
||||
url += '&act=dispWidgetAdminAddContent&module_srl='+$('#layout_srl').val()+'&document_srl='+cur.attr('document_srl');
|
||||
popopen(url, 'addContent');
|
||||
} else {
|
||||
// widget
|
||||
url += '&act=dispWidgetGenerateCodeInPage&selected_widget='+cur.attr('widget');
|
||||
popopen(url, 'GenerateCodeInPage');
|
||||
}
|
||||
} else {
|
||||
// add new widget
|
||||
url += '&act=dispWidgetGenerateCodeInPage';
|
||||
popopen(url, 'GenerateCodeInPage');
|
||||
}
|
||||
},
|
||||
popupAddContent : function() {
|
||||
var url = request_uri.replace(/\?.+$/,'')+'?module=widget&act=dispWidgetAdminAddContent&type=faceoff&mid=current_mid&module_srl='+$('#layout_srl').val();
|
||||
|
||||
this._widgetParent = this.curElement;
|
||||
|
||||
popopen(url, "addContent");
|
||||
},
|
||||
selectElement : function(element) {
|
||||
var selector = $('#faceoffSelector'), cur, pos_cur, pos_sel;
|
||||
var cur = this.curElement = element || null;
|
||||
|
||||
if (!selector.length) selector = $('<div id="faceoffSelector">');
|
||||
|
||||
// hide selector
|
||||
selector.hide();
|
||||
var sel = $('#neck[style]:visible .extension, #knee[style]:visible .extension,div.e1[style]:visible, div.e2[style]:visible').height('');
|
||||
|
||||
// 위젯을 할당한다. 선택된 위젯이 jQuery 객체가 아니거나 혹은 해당하는 DOM이 없다면 현재 선택된 위젯은 없다.
|
||||
if (cur && ( !cur.jquery || !cur.length )) cur = this.curElement = null;
|
||||
|
||||
$('#smartmenu>li').hide();
|
||||
// effect on select
|
||||
if (cur) {
|
||||
$(cur.get(0).offsetParent).append(selector);
|
||||
|
||||
pos_cur = cur.offset();
|
||||
pos_sel = selector.css({position:'absolute',left:0,top:0}).show().offset();
|
||||
|
||||
if(cur.height() == 0) cur.height(20);
|
||||
|
||||
selector.css({
|
||||
left : pos_cur.left - pos_sel.left,
|
||||
top : pos_cur.top - pos_sel.top
|
||||
})
|
||||
.width(cur.attr('offsetWidth'))
|
||||
.height(cur.attr('offsetHeight'));
|
||||
|
||||
if (cur.is('#body, #header, #footer')) {
|
||||
$('#for-block').show();
|
||||
$('>dl>dt:visible','#for-block').html(cur.attr('id')+' > ');
|
||||
} else if (cur.is('.extension')) {
|
||||
|
||||
var selected = 'Extension';
|
||||
if(cur.parent().is('#neck')){
|
||||
selected = 'Neck';
|
||||
}else if(cur.parent().is('#knee')){
|
||||
selected = 'Knee';
|
||||
}else if(cur.is('.neck')){
|
||||
selected = 'Extension Neck';
|
||||
}else if(cur.is('.knee')){
|
||||
selected = 'Extension Knee';
|
||||
}else if(cur.is('.e1')){
|
||||
selected = 'Extension 1';
|
||||
}else if(cur.is('.e2')){
|
||||
selected = 'Extension 2';
|
||||
}
|
||||
$('>dl>dt','#for-extension').html(selected+' > ');
|
||||
|
||||
$('#for-extension').show();
|
||||
} else if (cur.is('.widgetOutput')) {
|
||||
$('#for-widget').show();
|
||||
|
||||
}
|
||||
} else {
|
||||
$('#for-all').show();
|
||||
}
|
||||
},
|
||||
showPreference : function(event,target) {
|
||||
if(target && target=='html>body' || target=='#container'){
|
||||
this.propDialog.open($(target));
|
||||
}else{
|
||||
var cur = this.curElement;
|
||||
|
||||
if (!cur || !cur.length) return this.closePreference();
|
||||
|
||||
this.propDialog.open(this.curElement);
|
||||
}
|
||||
},
|
||||
paint : function() {
|
||||
if (!this.curElement) return;
|
||||
|
||||
// repaint selection size
|
||||
|
||||
if (this.propDialog.visible())
|
||||
|
||||
this.propDialog.paint();
|
||||
}
|
||||
};
|
||||
|
||||
var PropertyDialog = {
|
||||
element : null,
|
||||
overlay : null,
|
||||
target : null,
|
||||
|
||||
init : function(element) {
|
||||
this.element = $(element).draggable();
|
||||
|
||||
if (!this.overlay) this.overlay = Overlay.create();
|
||||
|
||||
// more link
|
||||
this.element.find('button.morelink').click( method(this.more, this) );
|
||||
|
||||
// form
|
||||
this.element.find('form')
|
||||
.bind('submit', method(this.save, this))
|
||||
.bind('reset', method(this.cancel, this));
|
||||
|
||||
return this;
|
||||
},
|
||||
open : function(selectedElement) {
|
||||
var sel = selectedElement;
|
||||
var dlg = $('#propertyDialog');
|
||||
var vals = [], i = 0, j = 0;
|
||||
var type = ['margin', 'padding'];
|
||||
var dirs = ['top','right','bottom','left'];
|
||||
var reSame = /^([0-9a-z%\-]+) \1 \1 \1$/;
|
||||
var isWidget = false;
|
||||
var isBody = false;
|
||||
var isLayout = false;
|
||||
dlg.css( { position : 'absolute' } );
|
||||
|
||||
function same_all(arr) {
|
||||
return (arr[0] == arr[1] && arr[1] == arr[2] && arr[2] == arr[3]);
|
||||
}
|
||||
|
||||
// target element
|
||||
this.target = sel;
|
||||
|
||||
// is the target a widget?
|
||||
isWidget = sel.is('.widgetOutput');
|
||||
isBody = sel.is('html>body');
|
||||
isContainer = sel.is('#container');
|
||||
|
||||
$('fieldset',dlg).show();
|
||||
|
||||
if(!isWidget){
|
||||
$('fieldset[name=float],fieldset[name=width],fieldset[name=height],fieldset[name=margin],fieldset[name=padding]',dlg).hide();
|
||||
}
|
||||
|
||||
if(isBody){
|
||||
$('fieldset[name!=background]',dlg).hide();
|
||||
$('fieldset[name=font]',dlg).show();
|
||||
}
|
||||
|
||||
// remove visible more
|
||||
this.element.find('.visible-more').removeClass('visible-more');
|
||||
|
||||
// get preferences
|
||||
if($('fieldset[name=float]:visible',dlg).size() > 0){
|
||||
//float
|
||||
$('#float').val(sel.css('float'));
|
||||
$('#width').val(sel.css('width'));
|
||||
//$('#height').val(sel.css('height'));
|
||||
}
|
||||
|
||||
if($('fieldset[name=margin]:visible',dlg).size() > 0){
|
||||
// margins and paddings
|
||||
for(j=0; j < type.length; j++) {
|
||||
for(i=0, vals=[]; i < dirs.length; i++) {
|
||||
vals[i] = (j&&sel.is('.widgetOutput')?sel.find('div.widgetBorder > div:first'):sel).css(type[j]+'-'+dirs[i]).toLowerCase();
|
||||
|
||||
if ($.browser.msie && vals[i] == 'auto') vals[i] = '0px';
|
||||
$('#'+type[j]+'-'+dirs[i]).val(vals[i]);
|
||||
}
|
||||
|
||||
$('#'+type[j]).val( reSame.test(vals.join(' '))?vals[0]:vals.join(' ') );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if($('fieldset[name=border]:visible',dlg).size() > 0){
|
||||
// border
|
||||
var style = [], width = [], color = [];
|
||||
for(i=0; i < dirs.length; i++) {
|
||||
style[i] = sel.css('border-'+dirs[i]+'-style').toLowerCase();
|
||||
width[i] = sel.css('border-'+dirs[i]+'-width').toLowerCase();
|
||||
color[i] = this._formatColor(sel.css('border-'+dirs[i]+'-color'));
|
||||
}
|
||||
if ( same_all(style) && same_all(width) && same_all(color) ) {
|
||||
$('#border-style').val(style[0]);
|
||||
$('#border-width').val(width[0]);
|
||||
$('#border-color').val(color[0]);
|
||||
} else {
|
||||
dlg.find('fieldset[name=border]').addClass('visible-more');
|
||||
|
||||
for(i=0; i < dirs.length; i++) {
|
||||
$('#border-'+dirs[i]+'-style').val( style[i] );
|
||||
$('#border-'+dirs[i]+'-width').val( width[i] );
|
||||
$('#border-'+dirs[i]+'-color').val( color[i] );
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if($('fieldset[name=font]:visible',dlg).size() > 0){
|
||||
//font
|
||||
$('#font-family').val(sel.css('font-family'));
|
||||
$('#color').val(sel.css('color'));
|
||||
}
|
||||
|
||||
if($('fieldset[name!=background]',dlg).size() > 0){
|
||||
// background
|
||||
|
||||
dlg.find('fieldset[name=background]').addClass('visible-more');
|
||||
$('#background-color').val(this._formatColor(sel.css('background-color')));
|
||||
if(sel.css('background-image')) $('#background-image').val(sel.css('background-image').replace(/url\(([^\)]*)\)/i,'$1'));
|
||||
$('#background-repeat').val(sel.css('background-repeat'));
|
||||
}
|
||||
|
||||
this.element.show();
|
||||
this.overlay.show(selectedElement);
|
||||
|
||||
// disable hotkey
|
||||
$(document).hotkey('disable');
|
||||
|
||||
// add esc key event
|
||||
$(window).keyup( function(e) { if(e.keyCode == 27) window.FaceOff.propDialog.close(); } );
|
||||
},
|
||||
save : function(event) {
|
||||
var val;
|
||||
|
||||
if (!this.target) return false;
|
||||
|
||||
var dlg = $('#propertyDialog');
|
||||
|
||||
if($('fieldset[name=margin]:visible',dlg).size() > 0){
|
||||
// margins
|
||||
if ($('#margin').is(':visible')) {
|
||||
val = $('#margin').val();
|
||||
} else {
|
||||
val = this._compactValues(
|
||||
$('#margin-top').val(),
|
||||
$('#margin-right').val(),
|
||||
$('#margin-bottom').val(),
|
||||
$('#margin-left').val()
|
||||
);
|
||||
}
|
||||
|
||||
if (this.target.is('.widgetOutput')) {
|
||||
this.target.css('margin', val);
|
||||
|
||||
val = this._expandValues( $.trim(val).split(' ') );
|
||||
this.target
|
||||
.attr('widget_margin_top', val[0])
|
||||
.attr('widget_margin_right', val[1])
|
||||
.attr('widget_margin_bottom', val[2])
|
||||
.attr('widget_margin_left', val[3]);
|
||||
} else {
|
||||
this.target.css('margin', val);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if($('fieldset[name=padding]:visible',dlg).size() > 0){
|
||||
// paddings
|
||||
if ($('#padding').is(':visible')) {
|
||||
val = $('#padding').val();
|
||||
} else {
|
||||
val = this._compactValues(
|
||||
$('#padding-top').val(),
|
||||
$('#padding-right').val(),
|
||||
$('#padding-bottom').val(),
|
||||
$('#padding-left').val()
|
||||
);
|
||||
}
|
||||
|
||||
if (this.target.is('.widgetOutput')) {
|
||||
this.target.find('div.widgetBorder > div:first').attr('style','').css('padding', val);
|
||||
|
||||
val = this._expandValues( $.trim(val).split(' ') );
|
||||
this.target
|
||||
.attr('widget_padding_top', val[0])
|
||||
.attr('widget_padding_right', val[1])
|
||||
.attr('widget_padding_bottom', val[2])
|
||||
.attr('widget_padding_left', val[3]);
|
||||
} else {
|
||||
this.target.css('padding', val);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if($('fieldset[name=border]:visible',dlg).size() > 0){
|
||||
// border
|
||||
if (this.element.find('fieldset[name=border] .inputall').is(':visible')) {
|
||||
this.target.css( 'border', $('#border-width').val()+' '+$('#border-style').val()+' '+$('#border-color').val() );
|
||||
} else {
|
||||
|
||||
this.target.css( 'border-top', $('#border-top-width').val()+' '+$('#border-top-style').val()+' '+$('#border-top-color').val() );
|
||||
this.target.css( 'border-right', $('#border-right-width').val()+' '+$('#border-right-style').val()+' '+$('#border-right-color').val() );
|
||||
this.target.css( 'border-bottom', $('#border-bottom-width').val()+' '+$('#border-bottom-style').val()+' '+$('#border-bottom-color').val() );
|
||||
this.target.css( 'border-left', $('#border-left-width').val()+' '+$('#border-left-style').val()+' '+$('#border-left-color').val() );
|
||||
}
|
||||
}
|
||||
|
||||
// background
|
||||
val = $('#background-image').val().trim();
|
||||
if (val == 'none' || val == '') val = '';
|
||||
if (val) val = 'url("'+val+'")';
|
||||
|
||||
this.target.css({
|
||||
'background-color' : $('#background-color').val(),
|
||||
'background-image' : val,
|
||||
'background-repeat' : $('#background-repeat').val()
|
||||
});
|
||||
|
||||
|
||||
// font
|
||||
this.target.css({
|
||||
'font-family' : $('#font-family').val(),
|
||||
'color' : $('#color').val()
|
||||
});
|
||||
|
||||
this.target.find('a').css({
|
||||
'font-family' : $('#font-family').val(),
|
||||
'color' : $('#color').val()
|
||||
});
|
||||
|
||||
|
||||
if($('fieldset[name=float]:visible',dlg).size() > 0){
|
||||
if(this.target.is('.widgetOutput')){
|
||||
this.target.css({
|
||||
'float' : $('#float').val(),
|
||||
'width' : $('#width').val(),
|
||||
'clear' : ''
|
||||
//'height' : $('#height').val()
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// close this dialog
|
||||
this.close();
|
||||
|
||||
return false;
|
||||
},
|
||||
cancel : function() {
|
||||
// close this dialog
|
||||
this.close();
|
||||
|
||||
return false;
|
||||
},
|
||||
close : function() {
|
||||
this.target = null;
|
||||
|
||||
this.element.hide();
|
||||
this.overlay.hide();
|
||||
|
||||
// enable hotkey
|
||||
$(document).hotkey('enable');
|
||||
},
|
||||
more : function(event) {
|
||||
var block = $(event.target).parent();
|
||||
var name = '';
|
||||
var val = '';
|
||||
var items = ['top', 'right', 'bottom', 'left'];
|
||||
var reUnit = /^(\-?[0-9]+(?:%|px|em|pt)|auto)$/;
|
||||
var i;
|
||||
|
||||
name = block.toggleClass('visible-more').attr('name');
|
||||
|
||||
if (block.is('.visible-more')) {
|
||||
switch(name) {
|
||||
case 'margin':
|
||||
case 'padding':
|
||||
val = $('#'+name).val();
|
||||
val = $.trim(val).replace('\s{2,}', ' ').split(' ');
|
||||
val = this._expandValues(val);
|
||||
|
||||
for(i=0; i < val.length; i++) {
|
||||
if (!val[i] || !reUnit.test(val[i])) val[i] = '0px';
|
||||
$('#'+name+'-'+items[i]).val(val[i]);
|
||||
}
|
||||
|
||||
$('#'+name+'-top').focus();
|
||||
break;
|
||||
case 'border':
|
||||
val = $('#border-width').val();
|
||||
if (!val || !reUnit.test(val)) val = '0px';
|
||||
|
||||
for(i=0; i < items.length; i++) {
|
||||
$('#border-'+items[i]+'-style').val( $('#border-style').val() );
|
||||
$('#border-'+items[i]+'-width').val( val );
|
||||
$('#border-'+items[i]+'-color').val( this._formatColor($('#border-color').val()) );
|
||||
}
|
||||
break;
|
||||
}
|
||||
} else {
|
||||
switch(name) {
|
||||
case 'margin':
|
||||
case 'padding':
|
||||
for(i=0; i < val.length; i++) {
|
||||
if (!val[i] || !reUnit.test(val[i])) val[i] = '0px';
|
||||
$('#'+name+'-'+items[i]).val(val[i]);
|
||||
}
|
||||
|
||||
val = this._compactValues(
|
||||
$('#'+name+'-top').val(),
|
||||
$('#'+name+'-right').val(),
|
||||
$('#'+name+'-bottom').val(),
|
||||
$('#'+name+'-left').val()
|
||||
);
|
||||
|
||||
$('#'+name).val(val).focus();
|
||||
break;
|
||||
case 'border':
|
||||
$('#border-style').val( $('#border-top-style').val() );
|
||||
$('#border-width').val( $('#border-top-width').val() );
|
||||
$('#border-color').val( this._formatColor($('#border-top-color').val()) );
|
||||
break;
|
||||
}
|
||||
}
|
||||
},
|
||||
visible : function() {
|
||||
return this.element.is(':visible');
|
||||
},
|
||||
paint : function(selectedElement) {
|
||||
this.overlay.paint(selectedElement);
|
||||
},
|
||||
_compactValues : function(top,right,bottom,left) {
|
||||
if (top == right && right == left && left == bottom) {
|
||||
return top;
|
||||
} else if (top == bottom && right == left) {
|
||||
return top+' '+left;
|
||||
} else {
|
||||
return top+' '+right+' '+bottom+' '+left;
|
||||
}
|
||||
},
|
||||
_expandValues : function(values) {
|
||||
var v = values;
|
||||
|
||||
if (v.length == 1) return [ v[0], v[0], v[0], v[0] ];
|
||||
if (v.length == 2) return [ v[0], v[1], v[0], v[1] ];
|
||||
if (v.length == 3) v.push(v[1]);
|
||||
|
||||
return v;
|
||||
},
|
||||
_formatColor : function(color) {
|
||||
function hex(s) {
|
||||
s = parseInt(s,10).toString(16);
|
||||
return s.length<2?'0'+s:s;
|
||||
}
|
||||
|
||||
if (/rgb\(([0-9, ]+)\)/i.test(color)) {
|
||||
var rgb = RegExp.$1.replace(/\s+/g, '').split(',');
|
||||
|
||||
return '#'+hex(rgb[0])+hex(rgb[1])+hex(rgb[2]);
|
||||
}
|
||||
|
||||
return color;
|
||||
}
|
||||
};
|
||||
|
||||
var Overlay = {
|
||||
element : null,
|
||||
|
||||
create : function() {
|
||||
// create overlay
|
||||
this.element = $('<div /><div /><div /><div />').appendTo(document.body).attr('class', 'overlay').css('opacity', 0.75);
|
||||
|
||||
return this;
|
||||
},
|
||||
toggle : function(selectedElement) {
|
||||
if (this.element.is(':visible')) {
|
||||
this.show(selecetedElement);
|
||||
} else {
|
||||
this.hide();
|
||||
}
|
||||
},
|
||||
show : function(selectedElement) {
|
||||
this.paint(selectedElement);
|
||||
this.element.show();
|
||||
},
|
||||
hide : function() {
|
||||
this.element.hide();
|
||||
},
|
||||
paint : function(selectedElement) {
|
||||
var sel = selectedElement;
|
||||
var doc = $(document);
|
||||
var pos = sel.offset();
|
||||
var ovr = this.element;
|
||||
|
||||
// top
|
||||
ovr.eq(0).css({
|
||||
left : 0,
|
||||
top : 0,
|
||||
width : '100%',
|
||||
height : pos.top+'px'
|
||||
});
|
||||
|
||||
// left
|
||||
ovr.eq(1).css({
|
||||
left : 0,
|
||||
top : pos.top+'px',
|
||||
width : pos.left+'px',
|
||||
height : sel.get(0).offsetHeight+'px'
|
||||
});
|
||||
|
||||
// right
|
||||
ovr.eq(2).css({
|
||||
right : 0,
|
||||
top : pos.top+'px',
|
||||
width : doc.width()-pos.left-sel.get(0).offsetWidth+'px',
|
||||
height : sel.get(0).offsetHeight+'px'
|
||||
});
|
||||
|
||||
// bottom
|
||||
ovr.eq(3).css({
|
||||
left : 0,
|
||||
bottom : 0,
|
||||
width : '100%',
|
||||
height : doc.height()-pos.top-sel.get(0).offsetHeight+'px'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// bind a function as a method
|
||||
function method(func, thisObj) {
|
||||
return function() {
|
||||
return func.apply(thisObj,arguments);
|
||||
}
|
||||
}
|
||||
|
||||
// 특정한 값이 주어진 타입에 해당하는지 확인하고 그렇지 않다면 기본값으로 대체한다.
|
||||
function _enum(value, enums, defaultIndex) {
|
||||
if (!$.isArray(enums) || enums.length < 1) return value;
|
||||
if (typeof defaultIndex == "undefined") defaultIndex = 0;
|
||||
|
||||
return $.inArray(value, enums)?value:enums[defaultIndex];
|
||||
}
|
||||
|
||||
// 클래스 문자열에서 주어진 타입에 해당하는 클래스를 추출
|
||||
function findEnum(strClass, enums) {
|
||||
var regex = new RegExp(' (' + enums.join('|') + ') ');
|
||||
|
||||
return regex.test(' ' + strClass + ' ')?RegExp.$1:'';
|
||||
}
|
||||
|
||||
function capitalize(str) {
|
||||
return str.charAt(0).toUpperCase() + str.substr(1);
|
||||
}
|
||||
|
||||
// register objects as global
|
||||
window.FaceOff = FaceOff;
|
||||
window.doAddWidgetCode = function(widget_code){ FaceOff.doAddWidgetCode(widget_code) };
|
||||
FaceOff.init();
|
||||
|
||||
});
|
||||
|
||||
// overriding displayMultiMedia()
|
||||
window.displayMultimedia = function(src, width, height, options) {
|
||||
var html = _displayMultimedia(src, width, height, options);
|
||||
|
||||
if (jQuery.isReady) {
|
||||
|
||||
} else {
|
||||
document.write(html);
|
||||
}
|
||||
}
|
||||
|
||||
var selectedWidget =null;
|
||||
|
|
@ -1,44 +1,68 @@
|
|||
|
||||
/* 레이아웃 신규 생성시 완료 후 요청하는 함수 */
|
||||
function completeInsertLayout(ret_obj) {
|
||||
var layout_srl = ret_obj['layout_srl'];
|
||||
var url = current_url.setQuery('act','dispLayoutAdminModify').setQuery('layout_srl',layout_srl);
|
||||
location.href = url;
|
||||
}
|
||||
}
|
||||
|
||||
/* 레이아웃 삭제 */
|
||||
function doDeleteLayout(layout_srl) {
|
||||
var fo_obj = xGetElementById("fo_layout");
|
||||
if(!fo_obj) return;
|
||||
var fo_obj = jQuery('#fo_layout').get(0);
|
||||
fo_obj.layout_srl.value = layout_srl;
|
||||
|
||||
procFilter(fo_obj, delete_layout);
|
||||
}
|
||||
|
||||
/* 수정된 레이아웃을 원본으로 돌림 */
|
||||
function doResetLayoutCode(layout_srl) {
|
||||
var fo_obj = xGetElementById('fo_layout');
|
||||
var fo_obj = jQuery('#fo_layout').get(0);
|
||||
procFilter(fo_obj, reset_layout_code);
|
||||
return false;
|
||||
}
|
||||
|
||||
/* 수정중인 레이아웃 미리보기 */
|
||||
function doPreviewLayoutCode() {
|
||||
var fo_obj = xGetElementById('fo_layout');
|
||||
fo_obj.target = "_LayoutPreview";
|
||||
fo_obj.act.value = "dispLayoutAdminPreview";
|
||||
fo_obj.submit();
|
||||
fo_obj.act.value = "";
|
||||
fo_obj.target = "";
|
||||
function doPreviewLayoutCode(layout_srl) {
|
||||
|
||||
jQuery('#fo_layout').attr('target', "_LayoutPreview");
|
||||
jQuery('input[name=act]','#fo_layout').val("dispLayoutAdminPreview");
|
||||
jQuery('#fo_layout').submit();
|
||||
jQuery('#fo_layout').removeAttr('target');
|
||||
// .submit().removeAttr('target').find('input[name=act]').val('');
|
||||
}
|
||||
|
||||
|
||||
/* 메뉴 관리로 이동 */
|
||||
function doMenuManagement(menu_id) {
|
||||
var fo_obj = xGetElementById("fo_layout");
|
||||
var sel_obj = fo_obj[menu_id];
|
||||
if(sel_obj.selectedIndex == 0) return;
|
||||
var menu_srl = sel_obj.options[sel_obj.selectedIndex].value;
|
||||
var menu_srl = jQuery('#fo_layout select[name='+menu_id+'] option:selected').val();
|
||||
var url = '';
|
||||
// 선택된 메뉴가 없으면
|
||||
if(menu_srl == 0){
|
||||
url = current_url.setQuery('module','admin').setQuery('act','dispMenuAdminInsert');
|
||||
}else{
|
||||
url = current_url.setQuery('act','dispMenuAdminManagement').setQuery('menu_srl',menu_srl);
|
||||
}
|
||||
|
||||
var url = current_url.setQuery('act','dispMenuAdminManagement').setQuery('menu_srl',menu_srl);
|
||||
winopen(url,'MenuManage','width=850,height=800,resizable=yes,scrollbars=yes,toolbars=no');
|
||||
winopen(url);
|
||||
}
|
||||
|
||||
|
||||
function checkFile(f){
|
||||
var filename = jQuery('[name=user_layout_image]',f).val();
|
||||
if(/\.(gif|jpg|jpeg|gif|png|swf|flv)$/i.test(filename)){
|
||||
return true;
|
||||
}else{
|
||||
alert('only image and flash file');
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function deleteFile(layout_srl,filename){
|
||||
var params ={
|
||||
"layout_srl":layout_srl
|
||||
,"filename":filename
|
||||
};
|
||||
|
||||
jQuery.exec_json('layout.procLayoutAdminUserImageDelete', params, function(data){
|
||||
document.location.reload();
|
||||
});
|
||||
}
|
||||
|
|
|
|||
13
modules/layout/tpl/js/layout_image_list.js
Normal file
13
modules/layout/tpl/js/layout_image_list.js
Normal file
|
|
@ -0,0 +1,13 @@
|
|||
var input_image = null;
|
||||
|
||||
function popupLayoutImageList(layout_srl){
|
||||
input_image = jQuery('#background-image');
|
||||
if(!layout_srl) return;
|
||||
var url = request_uri.setQuery('module','layout').setQuery('act','dispLayoutAdminLayoutImageList').setQuery('layout_srl',layout_srl);
|
||||
popopen(url, "LayoutImageList");
|
||||
}
|
||||
|
||||
function selectLayoutImage(url){
|
||||
opener.input_image.val(url);
|
||||
window.close();
|
||||
}
|
||||
119
modules/layout/tpl/js/ui.hotkey.js
Normal file
119
modules/layout/tpl/js/ui.hotkey.js
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
/*
|
||||
* jQuery Hotkey Plug-in
|
||||
*
|
||||
* @author Kim Taegon(gonom9@nhncorp.com)
|
||||
*/
|
||||
|
||||
(function($){
|
||||
|
||||
// virtual keys
|
||||
var VKEY = {
|
||||
'TAB' : 9,
|
||||
'ESC' : 27,
|
||||
'ENTER,RETURN' : 13,
|
||||
'UP' : 38,
|
||||
'DOWN' : 40,
|
||||
'LEFT' : 37,
|
||||
'RIGHT' : 39,
|
||||
'BACKSPACE,BKSP' : 8,
|
||||
'DEL' : 46,
|
||||
'SPACE' : 32
|
||||
};
|
||||
|
||||
var Hotkey = new Object;
|
||||
|
||||
$.fn.hotkey = function(key, func) {
|
||||
if (typeof key == "object" && key.toString() == '[object Object]') {
|
||||
for(var x in key) $(this).hotkey(x, key[x]);
|
||||
return this;
|
||||
}
|
||||
|
||||
if (!$.isString(key)) return this;
|
||||
if (key == 'disable' || key == 'enable') {
|
||||
this.attr('hotkey_disabled', (key=='disable'));
|
||||
return this;
|
||||
}
|
||||
|
||||
if (!$.isFunction(func)) return this;
|
||||
if ($.isObject(key)) key = hk2str(key);
|
||||
|
||||
Hotkey[key] = func;
|
||||
|
||||
if (!this.attr('assign-hotkey')) {
|
||||
this.attr('assign-hotkey', true);
|
||||
|
||||
this.keydown(function(evt){
|
||||
if ($(this).attr('hotkey_disabled')) return;
|
||||
|
||||
var stroke = hk2str(evt).split(',');
|
||||
|
||||
for(var i=0; i < stroke.length; i++) {
|
||||
if (Hotkey[stroke[i]]) {
|
||||
if ($(evt.target).is(':input') && (evt.ctrlKey||evt.altKey||evt.metaKey)) break;
|
||||
|
||||
Hotkey[stroke[i]](evt, stroke[i]);
|
||||
|
||||
evt.stopPropagation();
|
||||
evt.preventDefault();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
$.extend({
|
||||
isObject : function(obj) {
|
||||
return (typeof obj == 'object' && obj.toString() == '[object Object]');
|
||||
},
|
||||
isArray : function(arr) {
|
||||
return (Object.prototype.toString.call(arr) == '[object Array]');
|
||||
},
|
||||
isString : function(str) {
|
||||
return (typeof str == 'string');
|
||||
}
|
||||
});
|
||||
|
||||
// hotkey to string
|
||||
function hk2str(key) {
|
||||
var str = [], vkey = false;
|
||||
var _ = null; // do nothing. It is just dummy.
|
||||
|
||||
for(var x in VKEY) {
|
||||
if (VKEY[x] == key.keyCode) {
|
||||
vkey = x;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (!vkey) {
|
||||
vkey = String.fromCharCode(key.keyCode).toUpperCase();
|
||||
if (vkey.length != 1) return '';
|
||||
}
|
||||
|
||||
key.altKey?str.push('Alt'):_;
|
||||
key.ctrlKey?str.push('Ctrl'):_;
|
||||
key.shiftKey?str.push('Shift'):_;
|
||||
|
||||
str.push(vkey);
|
||||
|
||||
return str.join('+');
|
||||
}
|
||||
|
||||
// string to hotkey
|
||||
function str2hk(str) {
|
||||
var key = {altKey:false,ctrlKey:false,shiftKey:false,keyCode:0};
|
||||
var lastKey = str.match(/\+([A-Z0-9]+)$/)[1];
|
||||
|
||||
if (!lastKey) return key;
|
||||
|
||||
str += '+';
|
||||
|
||||
key.altKey = str.indexOf('Alt+') > -1;
|
||||
key.ctrlKey = str.indexOf('Ctrl+') > -1;
|
||||
key.shiftKey = str.indexOf('Shift+') > -1;
|
||||
|
||||
key.keyCode = VKEY[lastKey] || lastKey.charCodeAt(0);
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
139
modules/layout/tpl/js/ui.toolbar.js
Normal file
139
modules/layout/tpl/js/ui.toolbar.js
Normal file
|
|
@ -0,0 +1,139 @@
|
|||
/*
|
||||
* jQuery Toolbar Plug-in
|
||||
*
|
||||
* @author Kim Taegon(gonom9@nhncorp.com)
|
||||
*/
|
||||
|
||||
(function($){
|
||||
|
||||
$.fn.toolbar = function(settings) {
|
||||
settings = $.extend({
|
||||
items : '.buttons button',
|
||||
fade : false,
|
||||
click : function(){},
|
||||
hover : function(){},
|
||||
show : function(){},
|
||||
hide : function(){}
|
||||
}, settings);
|
||||
|
||||
// get elements
|
||||
var items = this.find(settings.items);
|
||||
var menus = items.find('+ ul');
|
||||
var menuitems = menus.find('> li');
|
||||
|
||||
// hover action - submenu
|
||||
menus.mouseout(
|
||||
function(event) {
|
||||
var el = $(event.relatedTarget).parents().add(event.relatedTarget);
|
||||
|
||||
if ( el.index(this) < 0 && el.index($(this).prev()) < 0 ) hideMenu($(this), settings);
|
||||
}
|
||||
).click(
|
||||
function(event) {
|
||||
var item = $(event.target).parent();
|
||||
|
||||
var data = createData(item);
|
||||
|
||||
if ( !item.is('li') ) return;
|
||||
|
||||
// radio button
|
||||
selectItem(data);
|
||||
|
||||
// callback
|
||||
settings.click(data);
|
||||
}
|
||||
);
|
||||
|
||||
menuitems.mouseover(
|
||||
function(event){
|
||||
var item = $(this);
|
||||
|
||||
item.parent().find('> li').removeClass('tb-menu-item-hover');
|
||||
item.addClass('tb-menu-item-hover');
|
||||
|
||||
// callback
|
||||
settings.hover(createData(item));
|
||||
}
|
||||
);
|
||||
|
||||
// hover action - button
|
||||
items.hover(
|
||||
function(event) {
|
||||
showMenu($(this).find('+ ul'), settings);
|
||||
},
|
||||
function(event) {
|
||||
var menu = $(this).find('+ ul');
|
||||
var el = $(event.relatedTarget).parents().add(event.relatedTarget);
|
||||
|
||||
// hide menu
|
||||
if ( el.index(menu) < 0 && el.index(this) < 0 ) hideMenu(menu, settings);
|
||||
}
|
||||
);
|
||||
|
||||
return this;
|
||||
}
|
||||
|
||||
function hideMenu(menu, settings) {
|
||||
menu[settings.fade?'fadeOut':'hide'](settings.fade)
|
||||
.removeClass('tb-menu-active')
|
||||
.find('> li').removeClass('tb-menu-item-hover');
|
||||
|
||||
menu.prev().removeClass('tb-btn-active');
|
||||
|
||||
// hidemenu event
|
||||
settings.hide(menu);
|
||||
}
|
||||
|
||||
function showMenu(menu, settings) {
|
||||
menu[settings.fade?'fadeIn':'show'](settings.fade)
|
||||
.addClass('tb-menu-active')
|
||||
.css({position:'absolute',left:0,top:0});
|
||||
|
||||
menu.prev().addClass('tb-btn-active');
|
||||
|
||||
// positioning
|
||||
var btn = menu.prev();
|
||||
var btn_pos = btn.offset();
|
||||
var mnu_pos = menu.offset();
|
||||
|
||||
menu.css({
|
||||
left : btn_pos.left - mnu_pos.left,
|
||||
top : btn_pos.top - mnu_pos.top + btn.height()
|
||||
})
|
||||
|
||||
// showmenu event
|
||||
settings.show(menu);
|
||||
}
|
||||
|
||||
function selectItem(data) {
|
||||
var item = data.element;
|
||||
|
||||
switch(data.type){
|
||||
case 'radio':
|
||||
item.parent().find('> li').removeClass('tb-menu-item-selected');
|
||||
item.addClass('tb-menu-item-selected')
|
||||
data.checked = true;
|
||||
break;
|
||||
case 'checkbox':
|
||||
data.checked = !data.checked;
|
||||
if (data.checked) {
|
||||
item.addClass('tb-menu-item-selected');
|
||||
} else {
|
||||
item.removeClass('tb-menu-item-selected');
|
||||
}
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
};
|
||||
}
|
||||
|
||||
function createData(item) {
|
||||
return {
|
||||
element : item,
|
||||
type : item.attr('tb:type'),
|
||||
arg : item.attr('tb:arg'),
|
||||
checked : item.hasClass('tb-menu-item-selected')
|
||||
};
|
||||
}
|
||||
|
||||
})(jQuery);
|
||||
|
|
@ -1,9 +1,9 @@
|
|||
<div id="popHeadder">
|
||||
<h3>{$lang->layout_maker}</h3>
|
||||
<div id="popHeader">
|
||||
<h3 class="xeAdmin">{$lang->layout_maker}</h3>
|
||||
</div>
|
||||
|
||||
<div id="popBody">
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->title}</div></th>
|
||||
<td>{$layout_info->title} ver {$layout_info->version}</td>
|
||||
|
|
@ -46,11 +46,11 @@
|
|||
|
||||
<!--@if($layout_info->history)-->
|
||||
<div id="popHistoryHeadder">
|
||||
<h3>{$lang->layout_history}</h3>
|
||||
<h3 class="xeAdmin">{$lang->layout_history}</h3>
|
||||
</div>
|
||||
|
||||
<div id="popHistoryBody">
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<!--@foreach($layout_info->history as $history)-->
|
||||
<tr class="row{$cycle_idx}">
|
||||
<th scope="row"><div>
|
||||
|
|
@ -81,9 +81,3 @@
|
|||
</table>
|
||||
</div>
|
||||
<!--@endif-->
|
||||
|
||||
<div id="popFooter">
|
||||
<div class="tCenter gap1">
|
||||
<a href="#" onclick="window.close(); return false;" class="button"><span>{$lang->cmd_close}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,41 +2,118 @@
|
|||
<!--%import("filter/reset_layout_code.xml")-->
|
||||
|
||||
<!--#include("header.html")-->
|
||||
<h3 class="xeAdmin">{$selected_layout->layout_title}</h3>
|
||||
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<caption>{$selected_layout->title} ver {$selected_layout->version} ({$selected_layout->layout})</caption>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>{nl2br($lang->about_layout_code)}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="header4">
|
||||
<ul class="localNavigation">
|
||||
<li><a href="{getUrl('act','dispLayoutAdminModify')}">{$lang->cmd_layout_management}</a></li>
|
||||
<li class="on"><a href="#" onclick="return false;">{$lang->cmd_layout_edit}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<caption>{$lang->widget}</caption>
|
||||
<h4 class="xeAdmin">{$selected_layout->title} ver {$selected_layout->version} ({$selected_layout->layout})</h4>
|
||||
<p class="summary">{nl2br($lang->about_layout_code)}</p>
|
||||
|
||||
<h4 class="xeAdmin">{$lang->layout_image_repository}</h4>
|
||||
<p class="summary">{nl2br($lang->about_layout_image_repository)}</p>
|
||||
<form action="{Context::getRequestUri()}" target="hidden_iframe" method="post" onsubmit="return checkFile(this)" enctype="multipart/form-data">
|
||||
<input type="hidden" name="module" value="layout" />
|
||||
<input type="hidden" name="act" value="procLayoutAdminUserImageUpload" />
|
||||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
|
||||
<table cellspacing="0" class="crossTable">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<!--@foreach($layout_image_list as $no => $file)-->
|
||||
{@$ext=substr(strrchr($file,'.'),1)}
|
||||
<div class="preview_image" style="width:100px;height:100px;float:left; position:relative;margin-right:10px; ">
|
||||
<!--@if($ext=='swf'||$ext=='flv')-->
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
displayMultimedia('{getUrl('')}{$layout_image_path}{$file}', '100%', '100%');
|
||||
//]]></script>
|
||||
<!--@elseif(in_array($ext,array('gif','png','jpg','jpeg')))-->
|
||||
<img src="{getUrl('')}{$layout_image_path}{$file}" width="100%" height="100%" />
|
||||
<!--@end-->
|
||||
<a href="#" onclick="deleteFile({$layout_srl},'{$file}');return false" onmouseover="jQuery('div.imagePath').html('{$layout_image_path}{$file}')" style="position:absolute; left:3px; top:3px;" class="small button red"><span>{$lang->cmd_delete}</span></a>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td>
|
||||
<div class="imagePath"></div>
|
||||
<input name="user_layout_image" type="file" />
|
||||
<span class="button black strong"><button type="submit">{$lang->cmd_save}</button></span>
|
||||
{$lang->msg_layout_image_target}
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
|
||||
<!--@if($selected_layout->type=='faceoff')-->
|
||||
<h4 class="xeAdmin">{$lang->layout_migration}</h4>
|
||||
<p class="summary">{nl2br($lang->about_layout_migration)}</p>
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->layout_export}</div></th>
|
||||
<td>
|
||||
<!--@foreach($widget_list as $widget)-->
|
||||
<a href="{getUrl('','module','widget','act','dispWidgetGenerateCode','selected_widget',$widget->widget,'module_srl',$module_srl)}" onclick="popopen(this.href,'GenerateCodeInPage');return false;" class="button"><span>{$widget->title}</span></a>
|
||||
<!--@end-->
|
||||
<a href="{getUrl('','act','procLayoutAdminUserLayoutExport','layout_srl',$layout_srl)}" class="button black strong"><span>{$lang->layout_btn_export}</span></a>
|
||||
<p>{$lang->about_layout_export}</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->layout_import}</div></th>
|
||||
<td>
|
||||
<form action="{getUrl('')}" method="post" enctype="multipart/form-data" target="hidden_iframe">
|
||||
<input type="hidden" name="module" value="layout" />
|
||||
<input type="hidden" name="act" value="procLayoutAdminUserLayoutImport" />
|
||||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
<input type="file" name="file" />
|
||||
<span class="button black strong"><button type="submit">{$lang->cmd_submit}</button></span>
|
||||
</form>
|
||||
<p>{$lang->about_layout_import}</p>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--@end-->
|
||||
|
||||
<div class="gap1">
|
||||
<form id="fo_layout" action="./" method="post" onsubmit="return procFilter(this, update_layout_code);">
|
||||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
<input type="hidden" name="module" value="layout" />
|
||||
<input type="hidden" name="act" value="" />
|
||||
|
||||
<div class="layout_editor_box">
|
||||
<textarea name="code" class="layout_editor">{htmlspecialchars($layout_code)}</textarea>
|
||||
</div>
|
||||
<form id="fo_layout" action="./" method="post" onsubmit="return procFilter(this, update_layout_code);">
|
||||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
<input type="hidden" name="act" value="" />
|
||||
|
||||
<div class="tRight gap1">
|
||||
<span class="button"><input type="submit" value="{$lang->cmd_save}" /></span>
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<tbody>
|
||||
<tr><th class="title">HTML</th></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<textarea name="code" style="width:100%;height:300px;font-size:11px;">{htmlspecialchars($layout_code)}</textarea>
|
||||
<!--@foreach($widget_list as $widget)-->
|
||||
<a href="{getUrl('','module','widget','act','dispWidgetGenerateCode','selected_widget',$widget->widget,'module_srl',$module_srl)}" onclick="popopen(this.href,'GenerateCodeInPage');return false;" class="button"><span>{$widget->title}</span></a>
|
||||
<!--@end-->
|
||||
</td>
|
||||
</tr>
|
||||
<tr><th class="title">CSS</th></tr>
|
||||
<tr>
|
||||
<td>
|
||||
<textarea name="code_css" style="width:100%;height:300px;font-size:11px;">{htmlspecialchars($layout_code_css)}</textarea>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="button">
|
||||
<span class="button black strong"><button type="submit">{$lang->cmd_save}</button></span>
|
||||
<a href="#" onclick="doPreviewLayoutCode();return false" class="button"><span>{$lang->cmd_preview}</span></a>
|
||||
<a href="#" onclick="doResetLayoutCode('{$layout_srl}');return false" class="button"><span>{$lang->cmd_reset}</span></a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<a href="#" onclick="doResetLayoutCode('{$layout_srl}');return false" class="button red"><span>{$lang->cmd_reset}</span></a>
|
||||
</th>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
<iframe name="hidden_iframe" style="width:0;height:0;border:0" ></iframe>
|
||||
|
|
|
|||
34
modules/layout/tpl/layout_image_list.html
Normal file
34
modules/layout/tpl/layout_image_list.html
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
<!--%import("js/layout_image_list.js")-->
|
||||
<!--%import("js/layout_admin.js")-->
|
||||
<!--%import("../../admin/tpl/css/admin.css")-->
|
||||
|
||||
<div id="popHeader" class="wide">
|
||||
<h3 class="xeAdmin">레이아웃 이미지 목록</h3>
|
||||
</div>
|
||||
|
||||
<div id="popBody">
|
||||
<!--@foreach($layout_image_list as $no => $file)-->
|
||||
{@$ext=substr(strrchr($file,'.'),1)}
|
||||
<div class="filebox_preview_{$val->module_filebox_srl}" style="width:100px;height:100px;float:left; position:relative;margin-right:10px; ">
|
||||
<!--@if($ext=='swf'||$ext=='flv')-->
|
||||
<script type="text/javascript">//<![CDATA[
|
||||
displayMultimedia('{getUrl('')}{$layout_image_path}{$file}', '100%', '100%');
|
||||
//]]></script>
|
||||
<!--@elseif(in_array($ext,array('gif','png','jpg','jpeg')))-->
|
||||
<img src="{getUrl('')}{$layout_image_path}{$file}" width="100%" height="100%" />
|
||||
<!--@end-->
|
||||
<span class="small button" style="position:absolute;left:3px; top:3px;"><button type="button" onclick="selectLayoutImage(request_uri+'{$layout_image_path}{$file}');">{$lang->cmd_select}</button></span>
|
||||
</div>
|
||||
<!--@end-->
|
||||
|
||||
</div>
|
||||
<div id="popFooter">
|
||||
<form action="{Context::getRequestUri()}" target="hidden_iframe" method="post" onsubmit="return checkFile(this)" enctype="multipart/form-data">
|
||||
<input type="hidden" name="module" value="layout" />
|
||||
<input type="hidden" name="act" value="procLayoutAdminUserImageUpload" />
|
||||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
<input name="user_layout_image" type="file" />
|
||||
<span class="button black strong"><button type="submit">{$lang->cmd_save}</button></span>
|
||||
</form>
|
||||
</div>
|
||||
<iframe name="hidden_iframe" style="width:0;height:0;border:0"></iframe>
|
||||
|
|
@ -2,28 +2,14 @@
|
|||
|
||||
<!--#include("header.html")-->
|
||||
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->layout}</div></th>
|
||||
<td>{$selected_layout->title} ver {$selected_layout->version} ({$selected_layout->layout})</td>
|
||||
</tr>
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->path}</div></th>
|
||||
<td>{$selected_layout->path}</td>
|
||||
</tr>
|
||||
<!--@if($selected_layout->author->homepage)-->
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->author}</div></th>
|
||||
<td><a href="{$selected_layout->author->homepage}" onclick="window.open(this.href);return false;" class="blue">{$selected_layout->author->name}</a></td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
<!--@if($selected_layout->author->description)-->
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->description}</div></th>
|
||||
<td>{nl2br(trim($selected_layout->author->description))}</td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
</table>
|
||||
<h3 class="xeAdmin">{$selected_layout->layout_title}</h3>
|
||||
|
||||
<div class="header4">
|
||||
<ul class="localNavigation">
|
||||
<li class="on"><a href="#" onclick="return false;">{$lang->cmd_layout_management}</a></li>
|
||||
<li><a href="{getUrl('act','dispLayoutAdminEdit')}">{$lang->cmd_layout_edit}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<form id="fo_layout" action="./" method="post" enctype="multipart/form-data" target="hidden_iframe">
|
||||
<input type="hidden" name="module" value="layout" />
|
||||
|
|
@ -31,7 +17,34 @@
|
|||
<input type="hidden" name="layout_srl" value="{$layout_srl}" />
|
||||
<input type="hidden" name="layout" value="{$selected_layout->layout}" />
|
||||
|
||||
<table cellspacing="0" class="adminTable">
|
||||
|
||||
<table cellspacing="0" class="rowTable">
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->layout}</div></th>
|
||||
<td class="wide">{$selected_layout->title} ver {$selected_layout->version} ({$selected_layout->layout})</td>
|
||||
</tr>
|
||||
|
||||
<!--@if($selected_layout->path)-->
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->path}</div></th>
|
||||
<td>{$selected_layout->path}</td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($selected_layout->description)-->
|
||||
<tr class="row2">
|
||||
<th scope="row"><div>{$lang->description}</div></th>
|
||||
<td>{nl2br(trim($selected_layout->description))}</td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
|
||||
<!--@if($selected_layout->author->homepage)-->
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->author}</div></th>
|
||||
<td><a href="{$selected_layout->author->homepage}" onclick="window.open(this.href);return false;" class="blue">{$selected_layout->author->name}</a></td>
|
||||
</tr>
|
||||
<!--@end-->
|
||||
|
||||
<tr>
|
||||
<th scope="row"><div>{$lang->header_script}</div></th>
|
||||
<td>
|
||||
|
|
@ -46,20 +59,16 @@
|
|||
<p>{$lang->about_title}</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!--@foreach($selected_layout->extra_var as $name => $var)-->
|
||||
|
||||
<!--@if($var->group && ((!$group) || $group != $var->group))-->
|
||||
{@$group = $var->group}
|
||||
</table>
|
||||
<table cellspacing="0" class="adminTable">
|
||||
<col width="150" />
|
||||
<col width="*" />
|
||||
<caption>{$group}</caption>
|
||||
<tr><th colspan="2" class="title">{$group}</th></tr>
|
||||
<!--@end-->
|
||||
|
||||
<tr>
|
||||
<th scope="row"><div>{$var->title}</div></th>
|
||||
|
||||
<td>
|
||||
<!--@if($var->type == "text")-->
|
||||
<input type="text" name="{$name}" value="{htmlspecialchars($var->value)}" class="inputTypeText w400"/>
|
||||
|
|
@ -71,7 +80,7 @@
|
|||
|
||||
<!--@if($var->value)-->
|
||||
<div>
|
||||
<img src="{$var->value}" alt="image" /><br />
|
||||
<img src="../../../{$var->value}" alt="image" /><br />
|
||||
<input type="checkbox" name="del_{$name}" value="Y" id="del_{$name}" class="checkbox" />
|
||||
<label for="del_{$name}">{$lang->cmd_delete}</label>
|
||||
</div>
|
||||
|
|
@ -115,16 +124,16 @@
|
|||
{$lang->about_not_apply_menu}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr class="row2">
|
||||
<td colspan="2" class="right">
|
||||
<span class="button"><input type="submit" value="{$lang->cmd_save}" /></span>
|
||||
<th colspan="2" class="button">
|
||||
<span class="button black strong"><input type="submit" value="{$lang->cmd_save}" /></span>
|
||||
<!--@if($module=="admin")-->
|
||||
<a href="{getUrl('act','dispLayoutAdminContent')}" class="button"><span>{$lang->cmd_list}</span></a>
|
||||
<!--@else-->
|
||||
<a href="{getUrl('act','')}" class="button"><span>{$lang->cmd_back}</span></a>
|
||||
<!--@end-->
|
||||
</td>
|
||||
</th>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<iframe name="hidden_iframe" frameborder="0" style="display:none"></iframe>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue