mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-05-10 04:24:14 +09:00
set svn property - svn:eol-style LF
git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@8253 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
taggon
parent
9802eaa60a
commit
620b03d184
763 changed files with 114595 additions and 114595 deletions
|
|
@ -1,208 +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 { 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;}
|
||||
@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 { 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;}
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -1 +1 @@
|
|||
{$content}
|
||||
{$content}
|
||||
|
|
|
|||
|
|
@ -1,347 +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>
|
||||
<!--%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>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -1,13 +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();
|
||||
}
|
||||
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();
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,138 +1,138 @@
|
|||
/*
|
||||
* jQuery Toolbar Plug-in
|
||||
* @author NHN (developer@xpressengine.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 Toolbar Plug-in
|
||||
* @author NHN (developer@xpressengine.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,34 +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>
|
||||
<!--%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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue