mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-26 06:39:56 +09:00
widgetContainer를 사용하는 XE 룰을 따르는 위젯들의 colorset이 한 페이지에 white/black2개가 모두 쓰일때 오동작하는 것을 수정
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5830 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
parent
5e81309067
commit
905fba6fa7
84 changed files with 1840 additions and 1939 deletions
|
|
@ -1,5 +1,4 @@
|
|||
<!--%import("./js/navigator.js")-->
|
||||
<!--%import("./css/widget.css")-->
|
||||
|
||||
<script type="text/javascript">
|
||||
if(typeof(widget_navigator) != 'Object') var widget_navigator={};
|
||||
|
|
@ -8,7 +7,9 @@ widget_navigator[{$widget_info->menu_srl}] = new WidgetNavigator({$widget_info->
|
|||
widget_navigator[{$widget_info->menu_srl}].load('{$widget_info->xml_file}');
|
||||
</script>
|
||||
|
||||
<div class="widgetContainer">
|
||||
<!--%import("./css/widget.css")-->
|
||||
|
||||
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
|
||||
<div class="widgetMenuC widgetMenuC{$colorset}">
|
||||
<ul class="widget_navigator_{$widget_info->menu_srl} navigator" menu_srl='{$widget_info->menu_srl}'>
|
||||
<!--@foreach($widget_info->arranged_menu as $key => $val)-->
|
||||
|
|
|
|||
|
|
@ -1,33 +0,0 @@
|
|||
@charset "utf-8";
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetTree { margin-top:10px;}
|
||||
.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 {text-decoration:none; }
|
||||
.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 -2px -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;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetTree{ color:#999;}
|
||||
.widgetTree a { color:#999;}
|
||||
|
||||
/* 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;}
|
||||
|
||||
|
|
@ -1,33 +0,0 @@
|
|||
@charset "utf-8";
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetTree { margin-top:10px;}
|
||||
.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 {text-decoration:none; }
|
||||
.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 -2px -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;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetTree{ color:#333;}
|
||||
.widgetTree 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;}
|
||||
|
||||
64
widgets/navigator/skins/tree/css/widget.css
Normal file
64
widgets/navigator/skins/tree/css/widget.css
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
@charset "utf-8";
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetTree { margin-top:10px;}
|
||||
.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 {text-decoration:none; }
|
||||
.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 -2px -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;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetTree{ color:#333;}
|
||||
.widgetTree 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;}
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetContainer.black .widgetTree { margin-top:10px;}
|
||||
.widgetContainer.black .widgetTree *{ margin:0; padding:0; font-size:12px;}
|
||||
.widgetContainer.black .widgetTree a strong{ letter-spacing:-1px; cursor:pointer; _cursor /**/:hand;}
|
||||
.widgetContainer.black .widgetTree ul{ position:relative; display:block; padding:3px 0 0 0 !important; zoom:1;}
|
||||
.widgetContainer.black .widgetTree ul li{ list-style:none; position:relative; padding:3px 0 2px 8px; white-space:nowrap;}
|
||||
.widgetContainer.black .widgetTree ul li a,
|
||||
.widgetContainer.black .widgetTree ul li span.nav_tree_label{ position:relative; left:16px; _left /**/:0; top:0;}
|
||||
.widgetContainer.black .widgetTree ul li a {text-decoration:none; }
|
||||
.widgetContainer.black .widgetTree ul li a.selected {font-weight:bold;}
|
||||
.widgetContainer.black .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 -2px -2px; text-indent:-10000px; *text-indent:0; *font:0/0 Sans-serif; border:none; cursor:pointer; _cursor /**/:hand;}
|
||||
.widgetContainer.black .widgetTree ul li ul{ display:none; padding:2px 0 0 0 !important; margin:0 0 -2px 6px; background-position:left top;}
|
||||
.widgetContainer.black .widgetTree ul li ul li{ display:none;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_on button{ background-position:0 -13px; *background-position:2px -11px;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_off button{ background-position:0 0; *background-position:2px 2px;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_on ul{ display:block;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_on ul li{ display:block;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_off ul{ display:none;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_off ul li{ display:none;}
|
||||
.widgetContainer.black .widgetTree .icon{ position:relative; left:16px;}
|
||||
|
||||
/* widgetTree */
|
||||
.widgetContainer.black .widgetTree{ color:#999;}
|
||||
.widgetContainer.black .widgetTree a { color:#999;}
|
||||
|
||||
/* Widget Tree */
|
||||
.widgetContainer.black .widgetTree ul{ background:url(../img/black/lineTreeVr.gif) repeat-y 0 -1px;}
|
||||
.widgetContainer.black .widgetTree ul li{ background:url(../img/black/lineTreeHr.gif) no-repeat 1px 5px !important;}
|
||||
.widgetContainer.black .widgetTree ul li button{ background:url(../img/black/buttonTreeCollapse.gif) no-repeat;}
|
||||
.widgetContainer.black .widgetTree ul li.nav_tree_last{ background:url(../img/black/lineTreeLastHr.gif) no-repeat 0 5px !important;}
|
||||
|
||||
|
|
@ -1,14 +1,12 @@
|
|||
<!--%import("./js/navigator.js")-->
|
||||
|
||||
<!--@if($colorset == "black")-->
|
||||
<!--%import("./css/black.css")-->
|
||||
<!--@elseif($colorset == "white")-->
|
||||
<!--%import("./css/white.css")-->
|
||||
<!--@end-->
|
||||
|
||||
{@ $_pDepth = 0;}
|
||||
|
||||
<div class="widgetContainer">
|
||||
<!--@if($colorset == "black" || $colorset == "white")-->
|
||||
<!--%import("./css/widget.css")-->
|
||||
<!--@end-->
|
||||
|
||||
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
|
||||
<div class="widgetTree">
|
||||
<ul>
|
||||
<!--@foreach($widget_info->arranged_menu as $key => $val)-->
|
||||
|
|
|
|||
|
|
@ -1,20 +0,0 @@
|
|||
@charset "utf-8";
|
||||
.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;}
|
||||
|
||||
.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);}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
@charset "utf-8";
|
||||
.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;}
|
||||
|
||||
.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);}
|
||||
39
widgets/navigator/skins/vertNavigator/css/widget.css
Normal file
39
widgets/navigator/skins/vertNavigator/css/widget.css
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
@charset "utf-8";
|
||||
.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;}
|
||||
|
||||
.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);}
|
||||
.widgetContainer.black .widgetMenuA{ position:relative; margin:0; padding:0; font-size:12px; line-height:1.2; border-top:1px solid;}
|
||||
.widgetContainer.black .widgetMenuA li{ position:relative; list-style:none; border-bottom:1px solid; *zoom:1;}
|
||||
.widgetContainer.black .widgetMenuA li sup{ font-size:10px; font-family:Tahoma; line-height:1; color:#888; font-weight:normal;}
|
||||
.widgetContainer.black .widgetMenuA li li.active sup{ color:#ff1a1a;}
|
||||
.widgetContainer.black .widgetMenuA li li{ padding:0; border:0;}
|
||||
.widgetContainer.black .widgetMenuA li ul{ display:none; margin:0 0 10px 20px; padding:0;}
|
||||
.widgetContainer.black .widgetMenuA li.active ul{ display:block;}
|
||||
.widgetContainer.black .widgetMenuA li a{ position:relative; display:block; padding:7px 0 7px 10px; background-repeat:no-repeat; background-position:0 center; text-decoration:none !important;}
|
||||
.widgetContainer.black .widgetMenuA li.active a{ font-weight:bold;}
|
||||
.widgetContainer.black .widgetMenuA li.active li a{ font-weight:normal; padding:1px 0; background:none !important;}
|
||||
.widgetContainer.black .widgetMenuA li li.active a{ color:#ff1a1a;}
|
||||
.widgetContainer.black .widgetMenuA li.active li a:hover,
|
||||
.widgetContainer.black .widgetMenuA li.active li a:active,
|
||||
.widgetContainer.black .widgetMenuA li.active li a:focus{ text-decoration:underline !important;}
|
||||
|
||||
.widgetContainer.black .widgetMenuA{ border-color:#7f7f7f;}
|
||||
.widgetContainer.black .widgetMenuA li{ border-color:#7f7f7f;}
|
||||
.widgetContainer.black .widgetMenuA li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
|
||||
.widgetContainer.black .widgetMenuA li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
|
||||
|
|
@ -1,11 +1,9 @@
|
|||
<!--@if($colorset == "black")-->
|
||||
<!--%import("./css/black.css")-->
|
||||
<!--@elseif($colorset == "white")-->
|
||||
<!--%import("./css/white.css")-->
|
||||
{@ $_pDepth = 0;}
|
||||
<!--@if($colorset == "black" || $colorset == "white")-->
|
||||
<!--%import("./css/widget.css")-->
|
||||
<!--@end-->
|
||||
|
||||
{@ $_pDepth = 0;}
|
||||
<div class="widgetContainer">
|
||||
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
|
||||
<ul class="widgetMenuA dhtml">
|
||||
<!--@foreach($widget_info->arranged_menu as $key => $val)-->
|
||||
<!--@if($val->text)-->
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue