issue 1348 fixed. Make enough widget's width/height.

git-svn-id: http://xe-core.googlecode.com/svn/branches/1.5.0@10273 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-02-29 13:56:58 +00:00
parent 13402bfc76
commit 4a81dd4c09
17 changed files with 513 additions and 663 deletions

View file

@ -12,15 +12,15 @@
.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;}
/* wgContainer */
.wgContainer a{ text-decoration:none;}
.wgContainer a:hover,
.wgContainer a:active,
.wgContainer a:focus{ text-decoration:underline;}
.wgContainer img{ border:0;}
.wgContainer sup{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px;}
.wgContainer form{ margin:0; padding:0;}
.wgContainer fieldset{ border:0; margin:0; padding:0;}
/* widgetDivider */
dl.widgetDivider{ margin:0;}
@ -257,9 +257,9 @@ dl.widgetDivider dd{ display:none; margin:0;}
.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;}
/* wgContainer */
.wgContainer{ *zoom:1;}
.wgContainer:after{ content:""; display:block; clear:both;}
/* widgetNavigator */
.widgetNavigator{ margin:0; padding:0; text-align:right; clear:both;}
@ -368,434 +368,434 @@ dl.widgetDivider dd{ display:none; margin:0;}
address.period { font-style:normal; font-size:10px; font-family:tahoma; text-align:right;}
/* white coloset */
.widgetContainer .widgetXeInputText{ border-color:#ccc; background:#f4f4f4; color:#000;}
.wgContainer .widgetXeInputText{ border-color:#ccc; background:#f4f4f4; color:#000;}
/* widgetTableA */
.widgetContainer .widgetTableA td.title a{ color:#333;}
.widgetContainer .widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableA td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableA td .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetTableA td .trackbackNum a{ color:#66c;}
.widgetContainer .widgetTableA td .author { color:#333;}
.widgetContainer .widgetTableA td .date{ color:#333;}
.widgetContainer .widgetTableA td .hour{ color:#888;}
.wgContainer .widgetTableA td.title a{ color:#333;}
.wgContainer .widgetTableA td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableA td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableA td .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetTableA td .trackbackNum a{ color:#66c;}
.wgContainer .widgetTableA td .author { color:#333;}
.wgContainer .widgetTableA td .date{ color:#333;}
.wgContainer .widgetTableA td .hour{ color:#888;}
/* widgetTableB */
.widgetContainer .widgetTableB,
.widgetContainer .widgetTableB td{ border-color:#e5e5e5;}
.widgetContainer .widgetTableB td.title a{ color:#333;}
.widgetContainer .widgetTableB td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableB td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableB td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetTableB td .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetTableB td .trackbackNum a{ color:#66c;}
.widgetContainer .widgetTableB td .author { color:#333;}
.widgetContainer .widgetTableB td .date{ color:#333;}
.widgetContainer .widgetTableB td .hour{ color:#888;}
.wgContainer .widgetTableB,
.wgContainer .widgetTableB td{ border-color:#e5e5e5;}
.wgContainer .widgetTableB td.title a{ color:#333;}
.wgContainer .widgetTableB td .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableB td .notice{ color:#ff1a1a; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableB td .category{ color:#888; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetTableB td .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetTableB td .trackbackNum a{ color:#66c;}
.wgContainer .widgetTableB td .author { color:#333;}
.wgContainer .widgetTableB td .date{ color:#333;}
.wgContainer .widgetTableB td .hour{ color:#888;}
/* widgetTableC */
.widgetContainer .widgetTableC{ border-color:#e5e5e5;}
.widgetContainer .widgetTableC td{ border-color:#e5e5e5;}
.widgetContainer .widgetTableC td.title a{ color:#333;}
.widgetContainer .widgetTableC td.title dd{ color:#888;}
.widgetContainer .widgetTableC td.lastDoc p a{ color:#333;}
.widgetContainer .widgetTableC td.lastDoc .author{ color:#888;}
.widgetContainer .widgetTableC td.lastDoc .time{ color:#888;}
.wgContainer .widgetTableC{ border-color:#e5e5e5;}
.wgContainer .widgetTableC td{ border-color:#e5e5e5;}
.wgContainer .widgetTableC td.title a{ color:#333;}
.wgContainer .widgetTableC td.title dd{ color:#888;}
.wgContainer .widgetTableC td.lastDoc p a{ color:#333;}
.wgContainer .widgetTableC td.lastDoc .author{ color:#888;}
.wgContainer .widgetTableC td.lastDoc .time{ color:#888;}
/* widgetUlistA */
.widgetContainer .widgetUlistA li a{ color:#666;}
.wgContainer .widgetUlistA li a{ color:#666;}
/* widgetUlistB */
.widgetContainer .widgetUlistB li .author img{ border-color:#ccc;}
.widgetContainer .widgetUlistB li .title{ border-color:#eee; color:#333; background:#fff;}
.widgetContainer .widgetUlistB li .title a{ color:#0066ff;}
.widgetContainer .widgetUlistB li .title .arrow{ background:url(../img/white/arrowUlistB.gif) no-repeat;}
.widgetContainer .widgetUlistB li .title .deco{ background:#fff;}
.widgetContainer .widgetUlistB li .title .date{ color:#333;}
.widgetContainer .widgetUlistB li .title .hour{ color:#888;}
.wgContainer .widgetUlistB li .author img{ border-color:#ccc;}
.wgContainer .widgetUlistB li .title{ border-color:#eee; color:#333; background:#fff;}
.wgContainer .widgetUlistB li .title a{ color:#0066ff;}
.wgContainer .widgetUlistB li .title .arrow{ background:url(../img/white/arrowUlistB.gif) no-repeat;}
.wgContainer .widgetUlistB li .title .deco{ background:#fff;}
.wgContainer .widgetUlistB li .title .date{ color:#333;}
.wgContainer .widgetUlistB li .title .hour{ color:#888;}
/* widgetOlistA */
.widgetContainer .widgetOlistA li,
.widgetContainer .widgetOlistA li a{ color:#666;}
.widgetContainer .widgetOlistA li sup{ color:#AAA;}
.wgContainer .widgetOlistA li,
.wgContainer .widgetOlistA li a{ color:#666;}
.wgContainer .widgetOlistA li sup{ color:#AAA;}
/* widgetDlistA */
.widgetContainer .widgetDlistA dt{ color:#333;}
.widgetContainer .widgetDlistA dd,
.widgetContainer .widgetDlistA dd a{ color:#888;}
.wgContainer .widgetDlistA dt{ color:#333;}
.wgContainer .widgetDlistA dd,
.wgContainer .widgetDlistA dd a{ color:#888;}
/* widgetGalleryA */
.widgetContainer .widgetGalleryA li .title{ color:#333;}
.widgetContainer .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer .widgetGalleryA li .author{ color:#333;}
.widgetContainer .widgetGalleryA li .date{ color:#333;}
.widgetContainer .widgetGalleryA li .hour{ color:#888;}
.wgContainer .widgetGalleryA li .title{ color:#333;}
.wgContainer .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetGalleryA li .trackbackNum a{ color:#66c;}
.wgContainer .widgetGalleryA li .author{ color:#333;}
.wgContainer .widgetGalleryA li .date{ color:#333;}
.wgContainer .widgetGalleryA li .hour{ color:#888;}
/* widgetGalleryB */
.widgetContainer .widgetGalleryB li{ border-color:#e5e5e5;}
.widgetContainer .widgetGalleryB li .title{ color:#333;}
.widgetContainer .widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetGalleryB li .trackbackNum a{ color:#66c;}
.widgetContainer .widgetGalleryB li .author{ color:#333;}
.widgetContainer .widgetGalleryB li .date{ color:#333;}
.widgetContainer .widgetGalleryB li .hour{ color:#888;}
.wgContainer .widgetGalleryB li{ border-color:#e5e5e5;}
.wgContainer .widgetGalleryB li .title{ color:#333;}
.wgContainer .widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetGalleryB li .trackbackNum a{ color:#66c;}
.wgContainer .widgetGalleryB li .author{ color:#333;}
.wgContainer .widgetGalleryB li .date{ color:#333;}
.wgContainer .widgetGalleryB li .hour{ color:#888;}
/* widgetZineA */
.widgetContainer .widgetZineA li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetZineA li .title{ color:#666;}
.widgetContainer .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer .widgetZineA li .author{ color:#333;}
.widgetContainer .widgetZineA li .date{ color:#333;}
.widgetContainer .widgetZineA li .hour{ color:#888;}
.widgetContainer .widgetZineA li .text{ color:#888;}
.wgContainer .widgetZineA li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetZineA li .title{ color:#666;}
.wgContainer .widgetZineA li .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetZineA li .trackbackNum a{ color:#66c;}
.wgContainer .widgetZineA li .author{ color:#333;}
.wgContainer .widgetZineA li .date{ color:#333;}
.wgContainer .widgetZineA li .hour{ color:#888;}
.wgContainer .widgetZineA li .text{ color:#888;}
/* widgetZineB */
.widgetContainer .widgetZineB li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.widgetContainer .widgetZineB li{ border-color:#e5e5e5;}
.widgetContainer .widgetZineB li .title{ color:#666;}
.widgetContainer .widgetZineB li .replyNum a{ color:#ff1a1a;}
.widgetContainer .widgetZineB li .trackbackNum a{ color:#66c;}
.widgetContainer .widgetZineB li .author{ color:#333;}
.widgetContainer .widgetZineB li .date{ color:#333;}
.widgetContainer .widgetZineB li .hour{ color:#888;}
.widgetContainer .widgetZineB li .text{ color:#888;}
.wgContainer .widgetZineB li .board{ color:#333; background:url(../img/white/lineTextDiv.gif) no-repeat right center;}
.wgContainer .widgetZineB li{ border-color:#e5e5e5;}
.wgContainer .widgetZineB li .title{ color:#666;}
.wgContainer .widgetZineB li .replyNum a{ color:#ff1a1a;}
.wgContainer .widgetZineB li .trackbackNum a{ color:#66c;}
.wgContainer .widgetZineB li .author{ color:#333;}
.wgContainer .widgetZineB li .date{ color:#333;}
.wgContainer .widgetZineB li .hour{ color:#888;}
.wgContainer .widgetZineB li .text{ color:#888;}
/* widgetLogin */
.widgetContainer .widgetLogin label{ color:#333;}
.widgetContainer .widgetLogin .help a{ color:#333;}
.widgetContainer .widgetLogin .help li{ background:url(../img/white/lineTextDiv.gif) no-repeat left center;}
.wgContainer .widgetLogin label{ color:#333;}
.wgContainer .widgetLogin .help a{ color:#333;}
.wgContainer .widgetLogin .help li{ background:url(../img/white/lineTextDiv.gif) no-repeat left center;}
/* widgetLastLogin */
.widgetContainer .widgetLastLogin dt{ color:#333;}
.widgetContainer .widgetLastLogin dd{ color:#888;}
.widgetContainer .widgetLastLogin a{ color:#333;}
.widgetContainer .widgetLastLogin li{ background:url(../img/white/iconInfoMine.gif) no-repeat left center;}
.wgContainer .widgetLastLogin dt{ color:#333;}
.wgContainer .widgetLastLogin dd{ color:#888;}
.wgContainer .widgetLastLogin a{ color:#333;}
.wgContainer .widgetLastLogin li{ background:url(../img/white/iconInfoMine.gif) no-repeat left center;}
/* widgetMyInfo */
.widgetContainer .widgetMyInfo li a{ color:#666;}
.widgetContainer .widgetMyInfo li{ background:url(../img/white/iconMyInfo.gif) no-repeat left 1px;}
.wgContainer .widgetMyInfo li a{ color:#666;}
.wgContainer .widgetMyInfo li{ background:url(../img/white/iconMyInfo.gif) no-repeat left 1px;}
/* widgetTree */
.widgetContainer .widgetTree{ color:#333;}
.widgetContainer .widgetTree a{ color:#333;}
.wgContainer .widgetTree{ color:#333;}
.wgContainer .widgetTree a{ color:#333;}
/* widgetCounter */
.widgetContainer .widgetCounter dt{ color:#333;}
.widgetContainer .widgetCounter dd{ color:#888;}
.wgContainer .widgetCounter dt{ color:#333;}
.wgContainer .widgetCounter dd{ color:#888;}
/* widgetLanguage */
.widgetContainer .widgetLanguage p a{ color:#b3b3b3;}
.widgetContainer .widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.widgetContainer .widgetLanguage .langList a{ color:#333;}
.wgContainer .widgetLanguage p a{ color:#b3b3b3;}
.wgContainer .widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.wgContainer .widgetLanguage .langList a{ color:#333;}
/* Widget Tree */
.widgetContainer .widgetTree ul{ background:url(../img/white/lineTreeVr.gif) repeat-y 0 -1px;}
.widgetContainer .widgetTree ul li{ background:url(../img/white/lineTreeHr.gif) no-repeat 1px 5px !important;}
.widgetContainer .widgetTree ul li button{ background:url(../img/white/buttonTreeCollapse.gif) no-repeat;}
.widgetContainer .widgetTree ul li.nav_tree_last{ background:url(../img/white/lineTreeLastHr.gif) no-repeat 0 5px !important;}
.wgContainer .widgetTree ul{ background:url(../img/white/lineTreeVr.gif) repeat-y 0 -1px;}
.wgContainer .widgetTree ul li{ background:url(../img/white/lineTreeHr.gif) no-repeat 1px 5px !important;}
.wgContainer .widgetTree ul li button{ background:url(../img/white/buttonTreeCollapse.gif) no-repeat;}
.wgContainer .widgetTree ul li.nav_tree_last{ background:url(../img/white/lineTreeLastHr.gif) no-repeat 0 5px !important;}
/* widgetTabA */
.widgetContainer .widgetTabA{ border-color:#666;}
.widgetContainer .widgetTabA li,
.widgetContainer .widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.widgetContainer .widgetTabA li a{ color:#333;}
.wgContainer .widgetTabA{ border-color:#666;}
.wgContainer .widgetTabA li,
.wgContainer .widgetTabA li a{ background-image:url(../img/white/buttonWidgetTab.gif);}
.wgContainer .widgetTabA li a{ color:#333;}
/* widgetTabB */
.widgetContainer .widgetTabB li a{ color:#333;}
.wgContainer .widgetTabB li a{ color:#333;}
/* widgetTabC */
.widgetContainer .widgetTabC{ border-color:#e5e5e5;}
.widgetContainer .widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.widgetContainer .widgetTabC li a{ color:#333;}
.widgetContainer .widgetTabC li a:hover,
.widgetContainer .widgetTabC li a:active,
.widgetContainer .widgetTabC li a:focus{ background:#eee;}
.wgContainer .widgetTabC{ border-color:#e5e5e5;}
.wgContainer .widgetTabC li{ border-color:#e5e5e5; background:#f8f8f8;}
.wgContainer .widgetTabC li a{ color:#333;}
.wgContainer .widgetTabC li a:hover,
.wgContainer .widgetTabC li a:active,
.wgContainer .widgetTabC li a:focus{ background:#eee;}
/* widgetThumb */
.widgetContainer .widgetThumb{ color:#333;}
.widgetContainer .widgetThumb a{ color:#333;}
.widgetContainer .widgetThumb .hour{ color:#888;}
.wgContainer .widgetThumb{ color:#333;}
.wgContainer .widgetThumb a{ color:#333;}
.wgContainer .widgetThumb .hour{ color:#888;}
/* widgetTagCloud */
.widgetContainer .widgetTagCloud li a{ color:#666;}
.widgetContainer .widgetTagCloud li.level1 a{ color:#999;}
.widgetContainer .widgetTagCloud li.level2 a{ color:#666;}
.widgetContainer .widgetTagCloud li.level3 a{ color:#333;}
.widgetContainer .widgetTagCloud li.level4 a{ color:#000;}
.wgContainer .widgetTagCloud li a{ color:#666;}
.wgContainer .widgetTagCloud li.level1 a{ color:#999;}
.wgContainer .widgetTagCloud li.level2 a{ color:#666;}
.wgContainer .widgetTagCloud li.level3 a{ color:#333;}
.wgContainer .widgetTagCloud li.level4 a{ color:#000;}
/* widgetCalendar */
.widgetContainer .widgetCalendarNavigation button{ color:#333;}
.widgetContainer .widgetCalendar caption{ color:#333;}
.widgetContainer .widgetCalendar th{ background:#eee; color:#333;}
.widgetContainer .widgetCalendar th.sun,
.widgetContainer .widgetCalendar td.sun,
.widgetContainer .widgetCalendar td em{ color:#ff1a1a;}
.widgetContainer .widgetCalendar td,
.widgetContainer .widgetCalendar td a{ color:#666;}
.widgetContainer .widgetCalendar td.sun a{ color:#ff1a1a;}
.wgContainer .widgetCalendarNavigation button{ color:#333;}
.wgContainer .widgetCalendar caption{ color:#333;}
.wgContainer .widgetCalendar th{ background:#eee; color:#333;}
.wgContainer .widgetCalendar th.sun,
.wgContainer .widgetCalendar td.sun,
.wgContainer .widgetCalendar td em{ color:#ff1a1a;}
.wgContainer .widgetCalendar td,
.wgContainer .widgetCalendar td a{ color:#666;}
.wgContainer .widgetCalendar td.sun a{ color:#ff1a1a;}
/* widgetPoint */
.widgetContainer .widgetPoint dt{ color:#333;}
.wgContainer .widgetPoint dt{ color:#333;}
/* widgetMenuA */
.widgetContainer .widgetMenuA{ border-color:#e5e5e5;}
.widgetContainer .widgetMenuA li{ border-color:#e5e5e5;}
.widgetContainer .widgetMenuA li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.widgetContainer .widgetMenuA li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
.wgContainer .widgetMenuA{ border-color:#e5e5e5;}
.wgContainer .widgetMenuA li{ border-color:#e5e5e5;}
.wgContainer .widgetMenuA li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.wgContainer .widgetMenuA li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
/* widgetMenuB */
.widgetContainer .widgetMenuB{ border-color:#e5e5e5;}
.widgetContainer .widgetMenuB li{ border-color:#e5e5e5;}
.widgetContainer .widgetMenuB li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.widgetContainer .widgetMenuB li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
.widgetContainer .widgetMenuB li ul{ border-color:#ddd; background:#fff;}
.widgetContainer .widgetMenuB li li.first{ background-image:url(../img/white/arrowMenuB.gif);}
.wgContainer .widgetMenuB{ border-color:#e5e5e5;}
.wgContainer .widgetMenuB li{ border-color:#e5e5e5;}
.wgContainer .widgetMenuB li a{ color:#333; background-image:url(../img/white/iconMenuAnormal.gif);}
.wgContainer .widgetMenuB li.active a{ background-image:url(../img/white/iconMenuAactive.gif);}
.wgContainer .widgetMenuB li ul{ border-color:#ddd; background:#fff;}
.wgContainer .widgetMenuB li li.first{ background-image:url(../img/white/arrowMenuB.gif);}
/* widgetMenuCgreen */
.widgetContainer .widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetContainer .widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
.widgetContainer .widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetContainer .widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetContainer .widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetContainer .widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.widgetContainer .widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen{ background-image:url(../img/white/bgMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen ul li ul{ background:#35ad06; border-color:#027a00;}
.wgContainer .widgetMenuCgreen li{ background-image:url(../img/white/bgMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen li.first a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen li.active{ background-image:url(../img/white/bgMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen li.active a{ background-image:url(../img/white/bgMenuCgreen.gif);}
.wgContainer .widgetMenuCgreen li.active li.first{ background-image:url(../img/white/arrowMenuCgreen.gif);}
/* widgetMenuCblue */
.widgetContainer .widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetContainer .widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
.widgetContainer .widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetContainer .widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetContainer .widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetContainer .widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
.widgetContainer .widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
.wgContainer .widgetMenuCblue{ background-image:url(../img/white/bgMenuCblue.gif);}
.wgContainer .widgetMenuCblue ul li ul{ background:#0688ad; border-color:#00557a;}
.wgContainer .widgetMenuCblue li{ background-image:url(../img/white/bgMenuCblue.gif);}
.wgContainer .widgetMenuCblue li.first a{ background-image:url(../img/white/bgMenuCblue.gif);}
.wgContainer .widgetMenuCblue li.active{ background-image:url(../img/white/bgMenuCblue.gif);}
.wgContainer .widgetMenuCblue li.active a{ background-image:url(../img/white/bgMenuCblue.gif);}
.wgContainer .widgetMenuCblue li.active li.first{ background-image:url(../img/white/arrowMenuCblue.gif);}
/* widgetMenuCcyan */
.widgetContainer .widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetContainer .widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
.widgetContainer .widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetContainer .widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetContainer .widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetContainer .widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.widgetContainer .widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan{ background-image:url(../img/white/bgMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan ul li ul{ background:#06a4ad; border-color:#00717a;}
.wgContainer .widgetMenuCcyan li{ background-image:url(../img/white/bgMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan li.first a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan li.active{ background-image:url(../img/white/bgMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan li.active a{ background-image:url(../img/white/bgMenuCcyan.gif);}
.wgContainer .widgetMenuCcyan li.active li.first{ background-image:url(../img/white/arrowMenuCcyan.gif);}
/* widgetMenuCorange */
.widgetContainer .widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetContainer .widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
.widgetContainer .widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetContainer .widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetContainer .widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetContainer .widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
.widgetContainer .widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
.wgContainer .widgetMenuCorange{ background-image:url(../img/white/bgMenuCorange.gif);}
.wgContainer .widgetMenuCorange ul li ul{ background:#ad9906; border-color:#7a6600;}
.wgContainer .widgetMenuCorange li{ background-image:url(../img/white/bgMenuCorange.gif);}
.wgContainer .widgetMenuCorange li.first a{ background-image:url(../img/white/bgMenuCorange.gif);}
.wgContainer .widgetMenuCorange li.active{ background-image:url(../img/white/bgMenuCorange.gif);}
.wgContainer .widgetMenuCorange li.active a{ background-image:url(../img/white/bgMenuCorange.gif);}
.wgContainer .widgetMenuCorange li.active li.first{ background-image:url(../img/white/arrowMenuCorange.gif);}
/* widgetMenuCred */
.widgetContainer .widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetContainer .widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
.widgetContainer .widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetContainer .widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetContainer .widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetContainer .widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
.widgetContainer .widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
.wgContainer .widgetMenuCred{ background-image:url(../img/white/bgMenuCred.gif);}
.wgContainer .widgetMenuCred ul li ul{ background:#ad4606; border-color:#7a1300;}
.wgContainer .widgetMenuCred li{ background-image:url(../img/white/bgMenuCred.gif);}
.wgContainer .widgetMenuCred li.first a{ background-image:url(../img/white/bgMenuCred.gif);}
.wgContainer .widgetMenuCred li.active{ background-image:url(../img/white/bgMenuCred.gif);}
.wgContainer .widgetMenuCred li.active a{ background-image:url(../img/white/bgMenuCred.gif);}
.wgContainer .widgetMenuCred li.active li.first{ background-image:url(../img/white/arrowMenuCred.gif);}
/* widgetMenuCgray */
.widgetContainer .widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetContainer .widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
.widgetContainer .widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetContainer .widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetContainer .widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetContainer .widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
.widgetContainer .widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
.wgContainer .widgetMenuCgray{ background-image:url(../img/white/bgMenuCgray.gif);}
.wgContainer .widgetMenuCgray ul li ul{ background:#595959; border-color:#7a1300;}
.wgContainer .widgetMenuCgray li{ background-image:url(../img/white/bgMenuCgray.gif);}
.wgContainer .widgetMenuCgray li.first a{ background-image:url(../img/white/bgMenuCgray.gif);}
.wgContainer .widgetMenuCgray li.active{ background-image:url(../img/white/bgMenuCgray.gif);}
.wgContainer .widgetMenuCgray li.active a{ background-image:url(../img/white/bgMenuCgray.gif);}
.wgContainer .widgetMenuCgray li.active li.first{ background-image:url(../img/white/arrowMenuCgray.gif);}
.widgetContainer address.period { color:#AAA; }
.wgContainer address.period { color:#AAA; }
/* black colorset Class */
.widgetContainer.black .widgetXeInputText{ border-color:#666; background:#333; color:#ccc;}
.wgContainer.black .widgetXeInputText{ border-color:#666; background:#333; color:#ccc;}
/* widgetTableA */
.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}
.wgContainer.black .widgetTableA td.title a{ color:#999;}
.wgContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.wgContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.wgContainer.black .widgetTableA td .author { color:#999;}
.wgContainer.black .widgetTableA td .date{ color:#999;}
.wgContainer.black .widgetTableA td .hour{ color:#888;}
/* widgetTableB */
.widgetContainer.black .widgetTableB,
.widgetContainer.black .widgetTableB td{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTableB td.title a{ color:#999;}
.widgetContainer.black .widgetTableB td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableB td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableB td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableB td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableB td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableB td .author { color:#999;}
.widgetContainer.black .widgetTableB td .date{ color:#999;}
.widgetContainer.black .widgetTableB td .hour{ color:#888;}
.wgContainer.black .widgetTableB,
.wgContainer.black .widgetTableB td{ border-color:#7f7f7f;}
.wgContainer.black .widgetTableB td.title a{ color:#999;}
.wgContainer.black .widgetTableB td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableB td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableB td .category{ color:#666; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableB td .replyNum{ color:#ff1a1a;}
.wgContainer.black .widgetTableB td .trackbackNum{ color:#66c;}
.wgContainer.black .widgetTableB td .author { color:#999;}
.wgContainer.black .widgetTableB td .date{ color:#999;}
.wgContainer.black .widgetTableB td .hour{ color:#888;}
/* widgetTableC */
.widgetContainer.black .widgetTableC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTableC td{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTableC td.title a{ color:#ccc;}
.widgetContainer.black .widgetTableC td.title dd{ color:#888;}
.widgetContainer.black .widgetTableC td.lastDoc p a{ color:#ccc;}
.widgetContainer.black .widgetTableC td.lastDoc .author{ color:#888;}
.widgetContainer.black .widgetTableC td.lastDoc .time{ color:#888;}
.wgContainer.black .widgetTableC{ border-color:#7f7f7f;}
.wgContainer.black .widgetTableC td{ border-color:#7f7f7f;}
.wgContainer.black .widgetTableC td.title a{ color:#ccc;}
.wgContainer.black .widgetTableC td.title dd{ color:#888;}
.wgContainer.black .widgetTableC td.lastDoc p a{ color:#ccc;}
.wgContainer.black .widgetTableC td.lastDoc .author{ color:#888;}
.wgContainer.black .widgetTableC td.lastDoc .time{ color:#888;}
/* widgetUlistA */
.widgetContainer.black .widgetUlistA li a{ color:#999;}
.wgContainer.black .widgetUlistA li a{ color:#999;}
/* widgetUlistB */
.widgetContainer.black .widgetUlistB li .author img{ border-color:#666;}
.widgetContainer.black .widgetUlistB li .title{ border-color:#333; color:#999; background:#000;}
.widgetContainer.black .widgetUlistB li .title a{ color:#3399ff;}
.widgetContainer.black .widgetUlistB li .title .arrow{ background:url(../img/black/arrowUlistB.gif) no-repeat;}
.widgetContainer.black .widgetUlistB li .title .deco{ background:#000;}
.widgetContainer.black .widgetUlistB li .title .date{ color:#999;}
.widgetContainer.black .widgetUlistB li .title .hour{ color:#888;}
.wgContainer.black .widgetUlistB li .author img{ border-color:#666;}
.wgContainer.black .widgetUlistB li .title{ border-color:#333; color:#999; background:#000;}
.wgContainer.black .widgetUlistB li .title a{ color:#3399ff;}
.wgContainer.black .widgetUlistB li .title .arrow{ background:url(../img/black/arrowUlistB.gif) no-repeat;}
.wgContainer.black .widgetUlistB li .title .deco{ background:#000;}
.wgContainer.black .widgetUlistB li .title .date{ color:#999;}
.wgContainer.black .widgetUlistB li .title .hour{ color:#888;}
/* widgetOlistA */
.widgetContainer.black .widgetOlistA li,
.widgetContainer.black .widgetOlistA li a{ color:#999;}
.widgetContainer.black .widgetOlistA li sup{ color:#666;}
.wgContainer.black .widgetOlistA li,
.wgContainer.black .widgetOlistA li a{ color:#999;}
.wgContainer.black .widgetOlistA li sup{ color:#666;}
/* widgetDlistA */
.widgetContainer.black .widgetDlistA dt{ color:#999;}
.widgetContainer.black .widgetDlistA dd,
.widgetContainer.black .widgetDlistA dd a{ color:#888;}
.wgContainer.black .widgetDlistA dt{ color:#999;}
.wgContainer.black .widgetDlistA dd,
.wgContainer.black .widgetDlistA dd a{ color:#888;}
/* widgetGalleryA */
.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}
.wgContainer.black .widgetGalleryA li .title{ color:#999;}
.wgContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetGalleryA li .author{ color:#999;}
.wgContainer.black .widgetGalleryA li .date{ color:#999;}
.wgContainer.black .widgetGalleryA li .hour{ color:#888;}
/* widgetGalleryB */
.widgetContainer.black .widgetGalleryB li{ border-color:#7f7f7f;}
.widgetContainer.black .widgetGalleryB li .title{ color:#999;}
.widgetContainer.black .widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryB li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryB li .author{ color:#999;}
.widgetContainer.black .widgetGalleryB li .date{ color:#999;}
.widgetContainer.black .widgetGalleryB li .hour{ color:#888;}
.wgContainer.black .widgetGalleryB li{ border-color:#7f7f7f;}
.wgContainer.black .widgetGalleryB li .title{ color:#999;}
.wgContainer.black .widgetGalleryB li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetGalleryB li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetGalleryB li .author{ color:#999;}
.wgContainer.black .widgetGalleryB li .date{ color:#999;}
.wgContainer.black .widgetGalleryB li .hour{ color:#888;}
/* widgetZineA */
.widgetContainer.black .widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}
.wgContainer.black .widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetZineA li .title{ color:#999;}
.wgContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetZineA li .author{ color:#999;}
.wgContainer.black .widgetZineA li .date{ color:#999;}
.wgContainer.black .widgetZineA li .hour{ color:#888;}
.wgContainer.black .widgetZineA li .text{ color:#888;}
/* widgetZineB */
.widgetContainer.black .widgetZineB li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineB li{ border-color:#7f7f7f;}
.widgetContainer.black .widgetZineB li .title{ color:#999;}
.widgetContainer.black .widgetZineB li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineB li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineB li .author{ color:#999;}
.widgetContainer.black .widgetZineB li .date{ color:#999;}
.widgetContainer.black .widgetZineB li .hour{ color:#888;}
.widgetContainer.black .widgetZineB li .text{ color:#888;}
.wgContainer.black .widgetZineB li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetZineB li{ border-color:#7f7f7f;}
.wgContainer.black .widgetZineB li .title{ color:#999;}
.wgContainer.black .widgetZineB li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetZineB li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetZineB li .author{ color:#999;}
.wgContainer.black .widgetZineB li .date{ color:#999;}
.wgContainer.black .widgetZineB li .hour{ color:#888;}
.wgContainer.black .widgetZineB li .text{ color:#888;}
/* widgetLogin */
.widgetContainer.black .widgetLogin label{ color:#999;}
.widgetContainer.black .widgetLogin .help a{ color:#ccc;}
.widgetContainer.black .widgetLogin .help li{ background:url(../img/black/lineTextDiv.gif) no-repeat left center;}
.wgContainer.black .widgetLogin label{ color:#999;}
.wgContainer.black .widgetLogin .help a{ color:#ccc;}
.wgContainer.black .widgetLogin .help li{ background:url(../img/black/lineTextDiv.gif) no-repeat left center;}
/* widgetLastLogin */
.widgetContainer.black .widgetLastLogin dt{ color:#999;}
.widgetContainer.black .widgetLastLogin dd{ color:#888;}
.widgetContainer.black .widgetLastLogin a{ color:#333;}
.widgetContainer.black .widgetLastLogin li{ background:url(../img/black/iconInfoMine.gif) no-repeat left center;}
.wgContainer.black .widgetLastLogin dt{ color:#999;}
.wgContainer.black .widgetLastLogin dd{ color:#888;}
.wgContainer.black .widgetLastLogin a{ color:#333;}
.wgContainer.black .widgetLastLogin li{ background:url(../img/black/iconInfoMine.gif) no-repeat left center;}
/* widgetMyInfo */
.widgetContainer.black .widgetMyInfo li a{ color:#999;}
.widgetContainer.black .widgetMyInfo li{ background:url(../img/black/iconMyInfo.gif) no-repeat left 1px;}
.wgContainer.black .widgetMyInfo li a{ color:#999;}
.wgContainer.black .widgetMyInfo li{ background:url(../img/black/iconMyInfo.gif) no-repeat left 1px;}
/* widgetTree */
.widgetContainer.black .widgetTree{ color:#999;}
.widgetContainer.black .widgetTree a{ color:#999;}
.wgContainer.black .widgetTree{ color:#999;}
.wgContainer.black .widgetTree a{ color:#999;}
/* widgetCounter */
.widgetContainer.black .widgetCounter dt{ color:#999;}
.widgetContainer.black .widgetCounter dd{ color:#888;}
.wgContainer.black .widgetCounter dt{ color:#999;}
.wgContainer.black .widgetCounter dd{ color:#888;}
/* widgetLanguage */
.widgetContainer.black .widgetLanguage p a{ color:#b3b3b3;}
.widgetContainer.black .widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.widgetContainer.black .widgetLanguage .langList a{ color:#333;}
.wgContainer.black .widgetLanguage p a{ color:#b3b3b3;}
.wgContainer.black .widgetLanguage .langList{ background:#fff; border:1px solid #ccc;}
.wgContainer.black .widgetLanguage .langList a{ color:#333;}
/* 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;}
.wgContainer.black .widgetTree ul{ background:url(../img/black/lineTreeVr.gif) repeat-y 0 -1px;}
.wgContainer.black .widgetTree ul li{ background:url(../img/black/lineTreeHr.gif) no-repeat 1px 5px !important;}
.wgContainer.black .widgetTree ul li button{ background:url(../img/black/buttonTreeCollapse.gif) no-repeat;}
.wgContainer.black .widgetTree ul li.nav_tree_last{ background:url(../img/black/lineTreeLastHr.gif) no-repeat 0 5px !important;}
/* widgetTabA */
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li,
.widgetContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer.black .widgetTabA li a{ color:#999;}
.wgContainer.black .widgetTabA{ border-color:#999;}
.wgContainer.black .widgetTabA li,
.wgContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.wgContainer.black .widgetTabA li a{ color:#999;}
/* widgetTabB */
.widgetContainer.black .widgetTabB li a{ color:#999;}
.wgContainer.black .widgetTabB li a{ color:#999;}
/* widgetTabC */
.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.wgContainer.black .widgetTabC{ border-color:#7f7f7f;}
.wgContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.wgContainer.black .widgetTabC li a{ color:#999;}
.wgContainer.black .widgetTabC li a:hover,
.wgContainer.black .widgetTabC li a:active,
.wgContainer.black .widgetTabC li a:focus{ background:#333;}
/* widgetThumb */
.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}
.wgContainer.black .widgetThumb{ color:#999;}
.wgContainer.black .widgetThumb a{ color:#999;}
.wgContainer.black .widgetThumb .hour{ color:#888;}
/* widgetTagCloud */
.widgetContainer.black .widgetTagCloud li a{ color:#999;}
.widgetContainer.black .widgetTagCloud li.level1 a{ color:#333;}
.widgetContainer.black .widgetTagCloud li.level2 a{ color:#666;}
.widgetContainer.black .widgetTagCloud li.level3 a{ color:#999;}
.widgetContainer.black .widgetTagCloud li.level4 a{ color:#fff;}
.wgContainer.black .widgetTagCloud li a{ color:#999;}
.wgContainer.black .widgetTagCloud li.level1 a{ color:#333;}
.wgContainer.black .widgetTagCloud li.level2 a{ color:#666;}
.wgContainer.black .widgetTagCloud li.level3 a{ color:#999;}
.wgContainer.black .widgetTagCloud li.level4 a{ color:#fff;}
/* widgetCalendar */
.widgetContainer.black .widgetCalendarNavigation button{ color:#999;}
.widgetContainer.black .widgetCalendar caption{ color:#999;}
.widgetContainer.black .widgetCalendar th{ background:#333; color:#fff;}
.widgetContainer.black .widgetCalendar th.sun,
.widgetContainer.black .widgetCalendar td.sun,
.widgetContainer.black .widgetCalendar td em{ color:#ff1a1a;}
.widgetContainer.black .widgetCalendar td,
.widgetContainer.black .widgetCalendar td a{ color:#999;}
.widgetContainer.black .widgetCalendar td.sun a{ color:#ff1a1a;}
.wgContainer.black .widgetCalendarNavigation button{ color:#999;}
.wgContainer.black .widgetCalendar caption{ color:#999;}
.wgContainer.black .widgetCalendar th{ background:#333; color:#fff;}
.wgContainer.black .widgetCalendar th.sun,
.wgContainer.black .widgetCalendar td.sun,
.wgContainer.black .widgetCalendar td em{ color:#ff1a1a;}
.wgContainer.black .widgetCalendar td,
.wgContainer.black .widgetCalendar td a{ color:#999;}
.wgContainer.black .widgetCalendar td.sun a{ color:#ff1a1a;}
/* widgetPoint */
.widgetContainer.black .widgetPoint dt{ color:#999;}
.wgContainer.black .widgetPoint dt{ color:#999;}
/* widgetMenuA */
.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);}
.wgContainer.black .widgetMenuA{ border-color:#7f7f7f;}
.wgContainer.black .widgetMenuA li{ border-color:#7f7f7f;}
.wgContainer.black .widgetMenuA li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
.wgContainer.black .widgetMenuA li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
/* widgetMenuB */
.widgetContainer.black .widgetMenuB{ border-color:#7f7f7f;}
.widgetContainer.black .widgetMenuB li{ border-color:#7f7f7f;}
.widgetContainer.black .widgetMenuB li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
.widgetContainer.black .widgetMenuB li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
.widgetContainer.black .widgetMenuB li ul{ border-color:#777; background:#000;}
.widgetContainer.black .widgetMenuB li li.first{ background-image:url(../img/black/arrowMenuB.gif);}
.wgContainer.black .widgetMenuB{ border-color:#7f7f7f;}
.wgContainer.black .widgetMenuB li{ border-color:#7f7f7f;}
.wgContainer.black .widgetMenuB li a{ color:#999; background-image:url(../img/black/iconMenuAnormal.gif);}
.wgContainer.black .widgetMenuB li.active a{ background-image:url(../img/black/iconMenuAactive.gif);}
.wgContainer.black .widgetMenuB li ul{ border-color:#777; background:#000;}
.wgContainer.black .widgetMenuB li li.first{ background-image:url(../img/black/arrowMenuB.gif);}
address.period { color:#333; }

View file

@ -65,7 +65,7 @@ class pageMobile extends pageView {
preg_match_all('!(<img)([^\>]*)(widget=)([^\>]*?)(\>)!is', $this->module_info->content, $matches);
$page_content = '';
for($i=0,$c=count($matches[0]);$i<$c;$i++) {
$page_content .= preg_replace('/ style\=\"([^\"]+)\" /i',' style="overflow:hidden;clear:both;margin:0 0 20px 0; _margin-right:10px;" ',$matches[0][$i])."\n\n";
$page_content .= preg_replace('/ style\=\"([^\"]+)\" /i',$matches[0][$i])."\n\n";
}
}
return $page_content;

View file

@ -4,7 +4,7 @@
<load target="../../widget/tpl/js/widget.js" usecdn="true" />
<load target="../../widget/tpl/css/widget.css" usecdn="true" />
<div id="zonePageContent">{$page_content}</div>
<div id="wgArea">{$page_content}</div>
<form action="./" method="post" id="pageFo" onsubmit="return doSubmitPageContent(this);">
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module" value="page" />
@ -28,22 +28,22 @@
</div>
</form>
<div id="widgetButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetSetup"></div>
<div class="widgetCopy"></div>
<div class="widgetSize"></div>
<div class="widgetRemove"></div>
<div id="wgBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgSetup" title="Setup"></button>
<button type="button" class="wgCopy" title="Copy"></button>
<button type="button" class="wgSize" title="Size"></button>
<button type="button" class="wgRemove" title="Remove"></button>
</div>
<div id="widgetBoxButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetBoxSize"></div>
<div class="widgetBoxRemove"></div>
<div id="wgBoxBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgBoxSize" title="Size"></button>
<button type="button" class="wgBoxRemove" title="Remove"></button>
</div>
<script type="text/javascript">
var confirm_delete_msg = "{$lang->confirm_delete}";
xAddEventListener(window,"load",function() { doStartPageModify('zonePageContent', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
xAddEventListener(window,"load",function() { doStartPageModify('wgArea', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
</script>
<!--#include("../../widget/tpl/widget_layer.html")-->

View file

@ -5,7 +5,7 @@
<load target="../../widget/tpl/js/widget.js" usecdn="true" />
<load target="../../widget/tpl/css/widget.css" usecdn="true" />
<div id="zonePageContent">{$page_content}</div>
<div id="wgArea">{$page_content}</div>
<div class="adminLayer">
<form action="./" method="post" id="pageFo" onsubmit="return doSubmitMPageContent(this);">
<input type="hidden" name="mid" value="{$module_info->mid}" />
@ -31,22 +31,22 @@
</form>
</div>
<div id="widgetButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetSetup"></div>
<div class="widgetCopy"></div>
<div class="widgetSize"></div>
<div class="widgetRemove"></div>
<div id="wgBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgSetup" title="Setup"></button>
<button type="button" class="wgCopy" title="Copy"></button>
<button type="button" class="wgSize" title="Size"></button>
<button type="button" class="wgRemove" title="Remove"></button>
</div>
<div id="widgetBoxButton" class="widgetButtons">
<div class="widgetStyle"></div>
<div class="widgetBoxSize"></div>
<div class="widgetBoxRemove"></div>
<div id="wgBoxBtnArea" class="wgBtnArea">
<button type="button" class="wgStyle" title="Style"></button>
<button type="button" class="wgBoxSize" title="Size"></button>
<button type="button" class="wgBoxRemove" title="Remove"></button>
</div>
<script type="text/javascript">
var confirm_delete_msg = "{$lang->confirm_delete}";
xAddEventListener(window,"load",function() { doStartPageModify('zonePageContent', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
xAddEventListener(window,"load",function() { doStartPageModify('wgArea', '{$module_info->module_srl}'); jQuery('div.admin').css('background-color','transparent');});
</script>
<!--#include("../../widget/tpl/widget_layer.html")-->

View file

@ -10,7 +10,6 @@
<input type="hidden" name="mid" value="{$module_info->mid}" />
<input type="hidden" name="module_srl" value="{$module_srl}" />
<input type="hidden" name="document_srl" value="{$document_srl}" />
<input type="hidden" name="style" value="float:left;padding:none;margin:none;width:100%;" />
<input type="hidden" name="widget_padding_left" value="" />
<input type="hidden" name="widget_padding_right" value="" />
<input type="hidden" name="widget_padding_top" value="" />

View file

@ -5,46 +5,41 @@
#colorset_area{margin-top:.5em}
#colorset_area .header{float:left;margin-right:.5em;padding-top:.2em}
#colorset_area .footer{float:left}
#zonePageContent{overflow:hidden;width:100%;padding:none !important;margin:none !important}
.pageAddContent{width:700px}
.widgetOutput{float:left;cursor:move;z-index:998;overflow:hidden;position:relative;width:100%}
.widgetOutput .widgetBorder{border:1px dashed #ccc;z-index:999}
.widgetOutput .widgetBoxBorder{border:1px dashed #ccc;z-index:999}
.widgetOutput .widgetResize {border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetResizeLeft {border:0;background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:0;left:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetBoxResize {border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:1000}
.widgetOutput .widgetBoxResizeLeft{border:0;background:transparent url("../images/btn_resize_left.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:0;left:1px;cursor:pointer;z-index:1000}
.widgetButtons{z-index:9999;overflow:hidden;*zoom:1;float:left;padding:3px;position:absolute;visibility:hidden}
#widgetButton{background-color:#C7DBE9;left:0;top:0}
#widgetBoxButton{background-color:#D2E9C7;right:0;top:0}
.widgetButtons div{float:left}
.widgetButtons .widgetStyle{background:transparent url("../images/widgetstyle_setup.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetSetup{background:transparent url("../images/widget_setup.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetCopy{background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetSize{background:transparent url("../images/widget_size.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetRemove{background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px;width:14px;height:14px; cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxCopy{background:transparent url("../images/widget_copy.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxSize{background:transparent url("../images/widget_size.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
.widgetButtons .widgetBoxRemove{background:transparent url("../images/widget_remove.gif") no-repeat 1px 1px;width:14px;height:14px;cursor:pointer;z-index:1000}
#pageSizeLayer{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:2000;position:absolute}
#pageSizeLayer table{border:0;width:100%;table-layout:fixed}
#pageSizeLayer table th{padding:4px 0 4px 0;background-color:#DEDEDE;text-align:center;color:#888}
#pageSizeLayer table th.line {border-top:1px dotted #eee}
#pageSizeLayer table td{padding:4px 10px 4px 10px;background-color:#EFEFEF}
#pageSizeLayer table td div{margin-bottom:5px}
#pageSizeLayer table td.line {border-top:1px dotted #999}
#pageSizeLayer table td.buttonBox{background-color:#fff;white-space:nowrap;overflow:hidden;vertical-align:top;text-align:center;border-top:1px solid #888;color:#ddd}
#pageSizeLayer .input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:60px}
#pageSizeLayer .full_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:90%}
#pageSizeLayer .small_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:20px}
#pageSizeLayer .color_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:44px}
#pageSizeLayer .submit{width:90%;border:1px solid #DEDEDE;background-color:#fff}
.wgWrap{_display:inline;_zoom:1;display:inline-block;vertical-align:top;cursor:move;z-index:99;position:relative}
.wgWrap .wgRight,
.wgWrap .wgBoxRight {border:0;background:transparent url("../images/btn_resize.gif") no-repeat left bottom;width:12px;height:12px;position:absolute;bottom:1px;right:1px;cursor:pointer;z-index:99}
.wgWrap .wgBorder,
.wgWrap .wgBoxBorder{border:1px dotted #ccc; margin:0 0 -1px -1px; height:100%}
.wgBtnArea{z-index:99;overflow:hidden;*zoom:1;padding:3px;position:absolute;visibility:hidden;background-color:#D2E9C7;left:0;top:0}
.wgBtnArea button{border:0;margin:0;padding:0;width:14px;height:14px; cursor:pointer;z-index:99;background-color:transparent; background-repeat:no-repeat; background-position:1px 1px}
.wgBtnArea .wgStyle{background-image:url("../images/widgetstyle_setup.gif")}
.wgBtnArea .wgSetup{background-image:url("../images/widget_setup.gif")}
.wgBtnArea .wgCopy{background-image:url("../images/widget_copy.gif")}
.wgBtnArea .wgSize{background-image:url("../images/widget_size.gif")}
.wgBtnArea .wgRemove{background-image:url("../images/widget_remove.gif")}
.wgBtnArea .wgBoxCopy{background-image:url("../images/widget_copy.gif")}
.wgBtnArea .wgBoxSize{background-image:url("../images/widget_size.gif")}
.wgBtnArea .wgBoxRemove{background-image:url("../images/widget_remove.gif")}
#wgCSS{width:500px;overflow:hidden;border:1px solid #888;background:#fff;z-index:99;position:absolute}
#wgCSS table{border:0;width:100%;table-layout:fixed}
#wgCSS table th{padding:4px 0 4px 0;background-color:#DEDEDE;text-align:center;color:#888}
#wgCSS table th.line {border-top:1px dotted #eee}
#wgCSS table td{padding:4px 10px 4px 10px;background-color:#EFEFEF}
#wgCSS table td div{margin-bottom:5px}
#wgCSS table td.line {border-top:1px dotted #999}
#wgCSS table td.buttonBox{background-color:#fff;white-space:nowrap;overflow:hidden;vertical-align:top;text-align:center;border-top:1px solid #888;color:#ddd}
#wgCSS .input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:60px}
#wgCSS .full_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:90%}
#wgCSS .small_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:20px}
#wgCSS .color_input{background:#fff;border:1px solid #aaa;padding:1px;font:8pt verdana;width:44px}
#wgCSS .submit{width:90%;border:1px solid #DEDEDE;background-color:#fff}
.help{padding:5px 0;background-color:#EFEFEF;border-top:1px solid #ccc}
ul.midCommand{float:left;margin:0 0 0 10px;;padding:0;*zoom:1}
ul.midCommand li{display:block;margin-bottom:5px;list-style:none}
a.widgetStyle{display:inline-block;margin:0 10px 10px 0;border:1px solid #fff;overflow:hidden;*zoom:1; width:96px;height:96px;position:relative;text-decoration:none}
a.widgetStyle:hover{border:1px dashed #ccc}
a.widgetStyle:hover span{display:none}
a.widgetStyle.selected{border:1px dashed #999}
a.widgetStyle img {width:96px;height:96px;margin:1px}
a.widgetStyle span{position:absolute;left:0;bottom:0;display:block;width:96px;background-color:#888;color:#fff;padding:4px 3px 3px 3px;opacity:.8;filter:alpha(opacity=80);text-align:center;font-family:tahoma}
a.wgStyle{display:inline-block;margin:0 10px 10px 0;border:1px solid #fff;overflow:hidden;*zoom:1; width:96px;height:96px;position:relative;text-decoration:none}
a.wgStyle:hover{border:1px dashed #ccc}
a.wgStyle:hover span{display:none}
a.wgStyle.selected{border:1px dashed #999}
a.wgStyle img {width:96px;height:96px;margin:1px}
a.wgStyle span{position:absolute;left:0;bottom:0;display:block;width:96px;background-color:#888;color:#fff;padding:4px 3px 3px 3px;opacity:.8;filter:alpha(opacity=80);text-align:center;font-family:tahoma}

View file

@ -17,14 +17,6 @@ function getStyle(obj) {
return style;
}
// float: 값을 구하는게 IE랑 그외가 다름
function getFloat(obj) {
return jQuery(obj).css('float');
}
function setFloat(obj, fl) {
jQuery(obj).css('float', fl);
}
// padding값을 구하는 함수 (없을 경우 0으로 세팅), zbxe의 위젯에서만 사용
function getPadding(obj, direct) {
var padding = obj.getAttribute("widget_padding_"+direct);
@ -41,17 +33,13 @@ function doStartPageModify(zoneID, module_srl) {
zoneModuleSrl = module_srl;
// 위젯 크기/여백 조절 레이어를 가장 밖으로 뺌
jQuery('#tmpPageSizeLayer')
.attr('id', 'pageSizeLayer')
jQuery('#wgCSS')
.css({position:'absolute',left:0,top:0})
.hide()
.appendTo('body')
.find('>form')
.submit(function(){ doApplyWidgetSize(this); return false; });
// 모든 위젯들의 크기를 정해진 크기로 맞춤
doFitBorderSize();
// 드래그와 리사이즈와 관련된 이벤트 리스너 생성
xAddEventListener(document,"click",doCheckWidget);
xAddEventListener(document,"mousedown",doCheckWidgetDrag);
@ -62,7 +50,7 @@ function doStartPageModify(zoneID, module_srl) {
// 내용 모두 삭제
function removeAllWidget() {
if(!confirm(confirm_delete_msg)) return;
restoreWidgetButtons();
restoreWgBtn();
jQuery(zonePageObj).html('');
}
@ -74,7 +62,7 @@ function getWidgetContent(obj) {
if(typeof(obj)=='undefined' || !obj) obj = zonePageObj;
var widget = null;
jQuery('div.widgetOutput',obj).each(function(){
jQuery('div.wgWrap',obj).each(function(){
if(jQuery(this).parent().get(0) != obj) return;
widget = jQuery(this).attr('widget');
switch(widget) {
@ -213,9 +201,6 @@ function doSyncPageContent() {
}
if(typeof(editorStart)!='undefined') editorStart(1, "module_srl", "content", false, 400 );
//editor_upload_start(1);
//setFixedPopupSize();
}
// 부모창에 위젯을 추가
@ -252,20 +237,19 @@ function addContentWidget(fo_obj) {
if(!ret_obj || ret_obj.error != '0') return;
var document_srl = ret_obj.document_srl;
var contentWidget = opener.jQuery('div.widgetOutput[widget=widgetContent][document_srl='+document_srl+']'), attr = [];
var contentWidget = opener.jQuery('div.wgWrap[widget=widgetContent][document_srl='+document_srl+']'), attr = [];
if(contentWidget.size() > 0) {
attr = contentWidget.get(0).attributes;
}
var tpl = ''+
'<div class="widgetOutput" style="'+fo_obj.style.value+'" widget_padding_left="'+fo_obj.widget_padding_left.value+'" widget_padding_right="'+fo_obj.widget_padding_right.value+'" widget_padding_top="'+fo_obj.widget_padding_top.value+'" widget_padding_bottom="'+fo_obj.widget_padding_bottom.value+'" document_srl="'+document_srl+'" widget="widgetContent">'+
'<button type="button" class="widgetResize"></button>'+
'<button type="button" class="widgetResizeLeft"></button>'+
'<div class="widgetBorder">'+
'<div class="wgWrap" style="width:100px;height:100px;'+fo_obj.style.value+'" widget_padding_left="'+fo_obj.widget_padding_left.value+'" widget_padding_right="'+fo_obj.widget_padding_right.value+'" widget_padding_top="'+fo_obj.widget_padding_top.value+'" widget_padding_bottom="'+fo_obj.widget_padding_bottom.value+'" document_srl="'+document_srl+'" widget="widgetContent">'+
'<button type="button" class="wgRight"></button>'+
'<div class="wgBorder">'+
'<div style="padding:'+fo_obj.widget_padding_top.value+'px '+fo_obj.widget_padding_right.value+'px'+fo_obj.widget_padding_bottom.value+'px'+fo_obj.widget_padding_left.value+'px"></div>'+content+
'</div>'+
'<div class="widgetContent" style="display:none;width:1px;height:1px;overflow:hidden;"></div>'+
'<div class="widgetContent" style="display:none"></div>'+
'</div>';
var $tpl = jQuery(tpl);
@ -286,15 +270,13 @@ function addContentWidget(fo_obj) {
/* 박스 위젯 추가 */
function doAddWidgetBox() {
var tpl = ''+
'<div class="widgetOutput" style="float:left;width:100%;height:20px;" widget="widgetBox" >'+
'<button type="button" class="widgetBoxResize"></button>'+
'<button type="button" class="widgetBoxResizeLeft"></button>'+
'<div class="widgetBoxBorder">'+
'<div class="nullWidget" style="width:100%;height:100px;"></div>'+
'<div class="wgWrap" widget="widgetBox" style="width:100px;height:100px">'+
'<button type="button" class="wgBoxRight"></button>'+
'<div class="wgBoxBorder">'+
'<div class="nullWidget"></div>'+
'</div>'+
'</div>';
zonePageObj.innerHTML += tpl;
doFitBorderSize();
}
@ -309,26 +291,6 @@ function doAddWidget(fo) {
popopen(url,'GenerateWidgetCode');
}
// widgetBorder에 height를 widgetOutput와 맞춰줌
function doFitBorderSize() {
var obj_list = jQuery('.widgetBorer', zonePageObj).get();
for(var i=0;i<obj_list.length;i++) {
var obj = obj_list[i];
var height = xHeight(obj.parentNode);
if(height<3) height = 20;
xHeight(obj, height);
obj.parentNode.style.clear = '';
}
var obj_list = jQuery('.widgetBoxBorder', zonePageObj).get();
for(var i=0;i<obj_list.length;i++) {
var obj = obj_list[i];
xHeight(obj, xHeight(obj.parentNode));
obj.parentNode.style.clear = '';
}
}
var selectedWidget = null;
var writedText = null;
var checkDocumentWrite = false;
@ -357,7 +319,7 @@ window.document.write = window.document.writeln = function(str){
// 위젯 추가
function doAddWidgetCode(widget_code) {
restoreWidgetButtons();
restoreWgBtn();
// css 추가
var tmp = widget_code;
@ -425,24 +387,11 @@ function doAddWidgetCode(widget_code) {
selectedWidget.parentNode.insertBefore(obj, selectedWidget);
selectedWidget.parentNode.removeChild(selectedWidget);
} else {
get_by_id('zonePageContent').appendChild(obj);
get_by_id('wgArea').appendChild(obj);
}
checkDocumentWrite = false;
selectedWidget = null;
/*
//zoneObj.style.visibility = 'hidden';
zoneObj.style.opacity = 0.2;
zoneObj.style.filter = "alpha(opacity=20)";
// 위젯 추가후 페이지 리로딩
var tpl = getWidgetContent();
var fo_obj = get_by_id('pageFo');
fo_obj.content.value = tpl;
fo_obj.mid.value = current_mid;
fo_obj.submit();
*/
}
// 클릭 이벤트시 위젯의 수정/제거/이벤트 무효화 처리
@ -454,13 +403,13 @@ function doCheckWidget(e) {
var pObj = obj.parentNode;
while(pObj) {
if(pObj.id == "pageSizeLayer") return;
if(pObj.id == "wgCSS") return;
pObj = pObj.parentNode;
}
doHideWidgetSizeSetup();
// 위젯 설정
if(obj.className == 'widgetSetup') {
if(obj.className == 'wgSetup') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(!widget) return;
@ -470,7 +419,7 @@ function doCheckWidget(e) {
return;
// 위젯 스타일
} else if(obj.className == 'widgetStyle') {
} else if(obj.className == 'wgStyle') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
var widgetstyle = p_obj.getAttribute("widgetstyle");
@ -480,9 +429,9 @@ function doCheckWidget(e) {
return;
// 위젯 복사
} else if(obj.className == 'widgetCopy' && obj.parentNode.parentNode.className == 'widgetOutput') {
} else if(obj.className == 'wgCopy' && obj.parentNode.parentNode.className == 'wgWrap') {
p_obj = obj.parentNode.parentNode;
restoreWidgetButtons();
restoreWgBtn();
if(p_obj.getAttribute('widget')=='widgetContent' && p_obj.getAttribute('document_srl') ) {
var response_tags = new Array('error','message','document_srl');
@ -495,7 +444,7 @@ function doCheckWidget(e) {
xInnerHtml(dummy,xInnerHtml(p_obj));
dummy.widget_sequence = '';
dummy.className = "widgetOutput";
dummy.className = "wgWrap";
for(var i=0;i<p_obj.attributes.length;i++) {
if(!p_obj.attributes[i].nodeName || !p_obj.attributes[i].nodeValue) continue;
var name = p_obj.attributes[i].nodeName.toLowerCase();
@ -514,7 +463,7 @@ function doCheckWidget(e) {
return;
// 위젯 사이트/ 여백 조절
} else if(obj.className == 'widgetSize' || obj.className == 'widgetBoxSize') {
} else if(obj.className == 'wgSize' || obj.className == 'wgBoxSize') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(!widget) return;
@ -523,11 +472,11 @@ function doCheckWidget(e) {
return;
// 위젯 제거
} else if(obj.className == 'widgetRemove' || obj.className == 'widgetBoxRemove') {
} else if(obj.className == 'wgRemove' || obj.className == 'wgBoxRemove') {
var p_obj = obj.parentNode.parentNode;
var widget = p_obj.getAttribute("widget");
if(confirm(confirm_delete_msg)) {
restoreWidgetButtons();
restoreWgBtn();
p_obj.parentNode.removeChild(p_obj);
}
return;
@ -536,7 +485,7 @@ function doCheckWidget(e) {
// 내용 클릭 무효화
var p_obj = obj;
while(p_obj) {
if(p_obj.className == 'widgetOutput') {
if(p_obj.className == 'wgWrap') {
evt.cancelBubble = true;
evt.returnValue = false;
xPreventDefault(e);
@ -555,7 +504,7 @@ function completeCopyWidgetContent(ret_obj, response_tags, params, p_obj) {
dummy.widget_sequence = '';
dummy.className = "widgetOutput";
dummy.className = "wgWrap";
for(var i=0;i<p_obj.attributes.length;i++) {
if(!p_obj.attributes[i].nodeName || !p_obj.attributes[i].nodeValue) continue;
var name = p_obj.attributes[i].nodeName.toLowerCase();
@ -575,7 +524,7 @@ function completeCopyWidgetContent(ret_obj, response_tags, params, p_obj) {
// content widget 제거
function completeDeleteWidgetContent(ret_obj, response_tags, params, p_obj) {
restoreWidgetButtons();
restoreWgBtn();
p_obj.parentNode.removeChild(p_obj);
}
@ -585,15 +534,15 @@ function doCheckWidgetDrag(e) {
var evt = new xEvent(e); if(!evt.target) return;
var obj = evt.target;
if(jQuery(obj).parents('#pageSizeLayer').size() > 0) return;
if(jQuery(obj).parents('#wgCSS').size() > 0) return;
doHideWidgetSizeSetup();
if(obj.className == 'widgetSetup' || obj.className == 'widgetStyle' || obj.className == 'widgetCopy' || obj.className == 'widgetBoxCopy' || obj.className == 'widgetSize' || obj.className == 'widgetBoxSize' || obj.className == 'widgetRemove' || obj.className == 'widgetBoxRemove') return;
if(obj.className == 'wgSetup' || obj.className == 'wgStyle' || obj.className == 'wgCopy' || obj.className == 'wgBoxCopy' || obj.className == 'wgSize' || obj.className == 'wgBoxSize' || obj.className == 'wgRemove' || obj.className == 'wgBoxRemove') return;
p_obj = obj;
while(p_obj) {
if(p_obj.className == 'widgetOutput' || p_obj.className == 'widgetResize' || p_obj.className == 'widgetResizeLeft' || p_obj.className == 'widgetBoxResize' || p_obj.className == 'widgetBoxResizeLeft') {
if(p_obj.className == 'wgWrap' || p_obj.className == 'wgRight' || p_obj.className == 'wgBoxRight') {
widgetDragEnable(p_obj, widgetDragStart, widgetDrag, widgetDragEnd);
widgetMouseDown(e);
return;
@ -611,7 +560,7 @@ function _getInt(val) {
// 위젯 크기 조절 레이어를 보여줌
var selectedSizeWidget = null;
function doShowWidgetSizeSetup(px, py, obj) {
var layer = jQuery('#pageSizeLayer');
var layer = jQuery('#wgCSS');
var form = layer.find('>form:first');
var obj = jQuery(obj);
@ -620,8 +569,6 @@ function doShowWidgetSizeSetup(px, py, obj) {
selectedSizeWidget = obj[0];
var opts = {
widget_align : obj.css('float'),
width : obj[0].style.width,
height : obj[0].style.height,
@ -692,10 +639,7 @@ function doShowWidgetSizeSetup(px, py, obj) {
}
function doHideWidgetSizeSetup() {
jQuery('#pageSizeLayer').hide();
//var layer = get_by_id("pageSizeLayer");
//layer.style.visibility = "hidden";
//layer.style.display = "none";
jQuery('#wgCSS').hide();
}
function _getSize(value) {
@ -732,9 +676,6 @@ function _getBGColorStyle(fld_color) {
function doApplyWidgetSize(fo_obj) {
if(selectedSizeWidget) {
if(fo_obj.widget_align.selectedIndex == 1) setFloat(selectedSizeWidget, 'right');
else setFloat(selectedSizeWidget, 'left');
var width = _getSize(fo_obj.width.value);
if(width) selectedSizeWidget.style.width = width;
@ -742,9 +683,9 @@ function doApplyWidgetSize(fo_obj) {
if(height && height != "100%") selectedSizeWidget.style.height = height;
else {
selectedSizeWidget.style.height = '';
var widgetBorder = xGetElementsByClassName('widgetBorder',selectedSizeWidget);
for(var i=0;i<widgetBorder.length;i++) {
var obj = widgetBorder[i];
var wgBorder = xGetElementsByClassName('wgBorder',selectedSizeWidget);
for(var i=0;i<wgBorder.length;i++) {
var obj = wgBorder[i];
obj.style.height = '';
}
}
@ -777,7 +718,7 @@ function doApplyWidgetSize(fo_obj) {
var borderObj = selectedSizeWidget.firstChild;
while(borderObj) {
if(borderObj.nodeName == "DIV" && (borderObj.className == "widgetBorder" || borderObj.className == "widgetBoxBorder")) {
if(borderObj.nodeName == "DIV" && (borderObj.className == "wgBorder" || borderObj.className == "wgBoxBorder")) {
var contentObj = borderObj.firstChild;
while(contentObj) {
if(contentObj.nodeName == "DIV") {
@ -852,15 +793,15 @@ function doApplyWidgetSize(fo_obj) {
}
var hideElements = new Array();
function restoreWidgetButtons() {
var widgetButton = get_by_id('widgetButton');
var boxWidgetButton = get_by_id('widgetBoxButton');
if(!widgetButton || !boxWidgetButton) return;
function restoreWgBtn() {
var wgBtnArea = get_by_id('wgBtnArea');
var wgBoxBtnArea = get_by_id('wgBoxBtnArea');
if(!wgBtnArea || !wgBoxBtnArea) return;
widgetButton.style.visibility = 'hidden';
get_by_id("zonePageContent").parentNode.appendChild(widgetButton);
boxWidgetButton.style.visibility = 'hidden';
get_by_id("zonePageContent").parentNode.appendChild(boxWidgetButton);
wgBtnArea.style.visibility = 'hidden';
get_by_id("wgArea").parentNode.appendChild(wgBtnArea);
wgBoxBtnArea.style.visibility = 'hidden';
get_by_id("wgArea").parentNode.appendChild(wgBoxBtnArea);
for(var i=0;i<hideElements.length;i++) {
var obj = hideElements[0];
@ -869,57 +810,39 @@ function restoreWidgetButtons() {
hideElements = new Array();
}
function showWidgetButton(name, obj) {
var widgetButton = get_by_id(name);
if(!widgetButton) return;
widgetButton.style.visibility = 'visible';
obj.insertBefore(widgetButton, obj.firstChild);
/*
var cobj = obj.firstChild;
while(cobj) {
cobj = cobj.nextSibling;
}
obj.appendChild(widgetButton);
*/
function showWgBtn(name, obj) {
var wgBtnArea = get_by_id(name);
if(!wgBtnArea) return;
wgBtnArea.style.visibility = 'visible';
obj.insertBefore(wgBtnArea, obj.firstChild);
}
function widgetSetup(evt) {
var e = new xEvent(evt);
var obj = e.target;
if(jQuery(obj).is('.widgetButtons') || jQuery(obj).parents('.widgetButtons').size() > 0) return;
if(jQuery(obj).is('.buttonBox') || jQuery(obj).parents('.buttonBox').size() > 0) return;
var o = jQuery(obj).parents('.widgetOutput');
var o = jQuery(obj).parents('.wgWrap');
if(o.size() == 0){
restoreWidgetButtons();
restoreWgBtn();
return;
}
/*
if(!obj || typeof(obj.className)=='undefined' || obj.className != 'widgetOutput') {
restoreWidgetButtons();
return;
}
*/
obj = o.get(0);
var widget = o.attr('widget');
if(!widget) return;
if(widget == 'widgetBox') {
restoreWidgetButtons();
showWidgetButton('widgetBoxButton', obj);
restoreWgBtn();
showWgBtn('wgBoxBtnArea', obj);
} else {
restoreWidgetButtons();
showWidgetButton('widgetButton', obj);
restoreWgBtn();
showWgBtn('wgBtnArea', obj);
var p_obj = obj.parentNode;
if(p_obj) {
while(p_obj) {
if(p_obj.nodeName == 'DIV' && p_obj.getAttribute('widget')=='widgetBox') {
showWidgetButton('widgetBoxButton', p_obj);
showWgBtn('wgBoxBtnArea', p_obj);
break;
}
p_obj = p_obj.parentNode;
@ -985,7 +908,7 @@ function widgetDragEnable(obj, funcDragStart, funcDrag, funcDragEnd) {
// 드래그를 시작할때 호출되는 함수 (이동되는 형태를 보여주기 위한 작업을 함)
function widgetDragStart(tobj, px, py) {
if(tobj.className == 'widgetResize' || tobj.className == 'widgetResizeLeft' || tobj.className == 'widgetBoxResize' || tobj.className == 'widgetBoxResizeLeft') return;
if(tobj.className == 'wgRight' || tobj.className == 'wgBoxRight') return;
var obj = widgetGetTmpObject(tobj);
xInnerHtml(obj, xInnerHtml(tobj));
@ -1015,16 +938,11 @@ function widgetDrag(tobj, dx, dy) {
var pWidth = xWidth(tobj.parentNode);
var cssFloat = getFloat(tobj.parentNode);
if(!cssFloat) cssFloat = 'left';
// 위젯 리사이즈 (우측)
if(tobj.className == 'widgetResize' || tobj.className == 'widgetBoxResize') {
if(tobj.className == 'wgRight' || tobj.className == 'wgBoxRight') {
if(nx < sx+minWidth) nx = sx+minWidth;
if(nx > zoneRight) nx = zoneRight;
if(cssFloat == 'right') nx = sx + pWidth;
var new_width = nx - sx;
if(new_width < minWidth) new_width = minWidth;
@ -1040,27 +958,6 @@ function widgetDrag(tobj, dx, dy) {
xWidth(tobj.parentNode, new_width);
xHeight(tobj.parentNode, new_height);
// 위젯 리사이즈 (좌측)
} else if(tobj.className == 'widgetResizeLeft' || tobj.className == 'widgetBoxResizeLeft') {
if(nx < zoneLeft) nx = zoneLeft;
if(cssFloat == 'left') nx = sx;
var new_width = pWidth + (sx - nx);
if(new_width < minWidth) new_width = minWidth;
var new_height = ny - sy;
if(new_height < minHeight) new_height = minHeight;
// 위젯의 크기 조절
xWidth(tobj.nextSibling, new_width);
xHeight(tobj.nextSibling, new_height);
xWidth(tobj.parentNode, new_width);
xHeight(tobj.parentNode, new_height);
// 위젯 드래그
} else {
var obj = widgetGetTmpObject(tobj);
@ -1070,7 +967,7 @@ function widgetDrag(tobj, dx, dy) {
// 박스 안에 있을 경우에는 박스내의 위젯하고 자리를 바꾸고 그 외의 경우에는 박스를 빠져 나간다
if(tobj.parentNode != zonePageObj) {
// 박스내에 있는 위젯들을 구함
var widgetList = xGetElementsByClassName("widgetOutput",tobj.parentNode);
var widgetList = xGetElementsByClassName("wgWrap",tobj.parentNode);
for(var i=0;i<widgetList.length;i++) {
var target_obj = widgetList[i];
@ -1093,7 +990,6 @@ function widgetDrag(tobj, dx, dy) {
if(next1) next1.parentNode.insertBefore(tobj, next1);
if(next2) next2.parentNode.insertBefore(target_obj, next2);
doFitBorderSize();
widgetList = null;
return;
}
@ -1107,11 +1003,7 @@ function widgetDrag(tobj, dx, dy) {
var ll = parseInt(l,10) + parseInt(xWidth(p_tobj),10);
var tt = parseInt(t,10) + parseInt(xHeight(p_tobj),10);
if( (tobj.xDPX < l || tobj.xDPX > ll) || (tobj.xDPY < t || tobj.xDPY > tt) ) {
// zonePageObj.insertBefore(tobj, tobj.parentNode.parentNode.parentNode);
zonePageObj.insertBefore(tobj, jQuery(tobj).parents('div.widgetOutput[widget=widgetBox]').get(0));
doFitBorderSize();
zonePageObj.insertBefore(tobj, jQuery(tobj).parents('div.wgWrap[widget=widgetBox]').get(0));
return;
}
@ -1149,8 +1041,6 @@ function widgetDrag(tobj, dx, dy) {
// 이동을 멈춤
widgetManualEnd();
doFitBorderSize();
boxList = null;
return;
}
@ -1160,7 +1050,7 @@ function widgetDrag(tobj, dx, dy) {
}
// 다른 위젯들을 구해서 자리를 바꿈
var widgetList = xGetElementsByClassName("widgetOutput",zonePageObj);
var widgetList = xGetElementsByClassName("wgWrap",zonePageObj);
for(var i=0;i<widgetList.length;i++) {
var target_obj = widgetList[i];
var widget = target_obj.getAttribute("widget");
@ -1185,7 +1075,6 @@ function widgetDrag(tobj, dx, dy) {
if(next1) next1.parentNode.insertBefore(tobj, next1);
if(next2) next2.parentNode.insertBefore(target_obj, next2);
doFitBorderSize();
widgetList = null;
return;
}
@ -1210,33 +1099,6 @@ function widgetDisapearObject(obj, tobj) {
obj.parentNode.removeChild(obj);
widgetTmpObject[tobj.id] = null;
return;
/*
var it = 5;
var ib = 1;
var x = parseInt(xPageX(obj),10);
var y = parseInt(xPageY(obj),10);
var ldt = (x - parseInt(xPageX(tobj),10)) / ib;
var tdt = (y - parseInt(xPageY(tobj),10)) / ib;
return setInterval(function() {
if(ib < 1) {
clearInterval(widgetDisapear);
xInnerHtml(tobj,xInnerHtml(obj));
xInnerHtml(obj,'');
xDisplay(obj, 'none');
obj.parentNode.removeChild(obj);
widgetTmpObject[tobj.id] = null;
return;
}
ib -= 5;
x-=ldt;
y-=tdt;
xLeft(obj, x);
xTop(obj, y);
}, it/ib);
*/
}
// 마우스다운 이벤트 발생시 호출됨
@ -1302,8 +1164,6 @@ function widgetDragDisable(id) {
obj.dragStart = null;
obj.drag = null;
obj.dragEnd = null;
//obj.style.backgroundColor = obj.getAttribute('source_color');
xRemoveEventListener(obj, 'mousedown', widgetMouseDown, false);
return;
@ -1323,4 +1183,4 @@ function widgetManualEnd() {
widgetDragManager.obj = null;
widgetDragManager.isDrag = false;
}
}

View file

@ -43,7 +43,6 @@
<input type="hidden" name="module" value="widget" />
<input type="hidden" name="module_srl" value="{$module_srl}" />
<input type="hidden" name="widget_sequence" value="" />
<input type="hidden" name="style" value="float:left;width:100%;margin:none;padding:none;" />
<input type="hidden" name="widget_padding_left" value="" />
<input type="hidden" name="widget_padding_right" value="" />
<input type="hidden" name="widget_padding_top" value="" />

View file

@ -1,4 +1,4 @@
<div id="tmpPageSizeLayer" class="layer x">
<div id="wgCSS" class="layer x">
<form action="index.php">
<div class="table">
<table width="100%" border="1" cellspacing="0">

View file

@ -28,7 +28,7 @@
<input type="hidden" name="widgetstyle" value="{$widgetstyle}" />
<input type="hidden" name="selected_widget" value="{$selected_widget}" />
<a href="{getUrl('widgetstyle','none')}" class="widgetStyle"><img src="images/widgetstyle_none.gif" title="{$lang->notuse}" /></a>
<a href="{getUrl('widgetstyle','none')}" class="wgStyle"><img src="images/widgetstyle_none.gif" title="{$lang->notuse}" /></a>
<a loop="$widgetStyle_list => $key, $widgetStyle" cond="$widgetStyle->preview" href="{getUrl('widgetstyle',$widgetStyle->widgetStyle)}" class="widgetStyle <!--@if($widgetStyle->widgetStyle==$widgetstyle)-->selected<!--@end-->"><img src="{getUrl()}{$widgetStyle->preview}" title="{$widgetStyle->title}" /><span>{$widgetStyle->title}</span></a>
<block cond="$widgetstyle_info">

View file

@ -408,7 +408,7 @@
$widget_padding_right = $args->widget_padding_right;
$widget_padding_top = $args->widget_padding_top;
$widget_padding_bottom = $args->widget_padding_bottom;
$inner_style = sprintf("padding:%dpx %dpx %dpx %dpx !important; padding:none !important;", $widget_padding_top, $widget_padding_right, $widget_padding_bottom, $widget_padding_left);
$inner_style = sprintf($widget_padding_top, $widget_padding_right, $widget_padding_bottom, $widget_padding_left);
/**
* Wanted widget output
@ -434,21 +434,21 @@
$oEditorController = &getController('editor');
$body = $oEditorController->transComponent($body);
$widget_content_header = sprintf('<div %sstyle="overflow:hidden;%s"><div style="%s">', $args->id, $style, $inner_style);
$widget_content_header = sprintf('%s<div class="wgWrap" style="_display:inline;_zoom:1;display:inline-block;vertical-align:top;%s">', $args->id, $style, $inner_style);
$widget_content_body = $body;
$widget_content_footer = '</div></div>';
$widget_content_footer = '</div>';
break;
// If the widget box; it could
case 'widgetBox' :
$widget_content_header = sprintf('<div %sstyle="overflow:hidden;%s;"><div style="%s"><div>', $args->id, $style, $inner_style);
$widget_content_header = sprintf('%s<div class="wgWrap" style="_display:inline;_zoom:1;display:inline-block;vertical-align:top;%s"><div class="deprecated"><div class="deprecated">', $args->id, $style, $inner_style);
$widget_content_body = $widgetbox_content;
break;
// If the General wijetil
default :
$widget_content_header = sprintf('<div %sstyle="overflow:hidden;%s">',$args->id,$style);
$widget_content_body = sprintf('<div style="*zoom:1;%s">%s</div>', $inner_style,$widget_content);
$widget_content_header = sprintf('%s<div class="wgWrap" style="_display:inline;_zoom:1;display:inline-block;vertical-align:top;%s">',$args->id,$style);
$widget_content_body = sprintf('%s<div class="deprecated">%s</div>', $inner_style,$widget_content);
$widget_content_footer = '</div>';
break;
}
@ -477,10 +477,9 @@
$oWidgetController = &getController('widget');
$widget_content_header = sprintf(
'<div class="widgetOutput" widgetstyle="%s" style="%s" widget_padding_left="%s" widget_padding_right="%s" widget_padding_top="%s" widget_padding_bottom="%s" widget="widgetContent" document_srl="%d" %s>'.
'<div class="widgetResize"></div>'.
'<div class="widgetResizeLeft"></div>'.
'<div class="widgetBorder">'.
'<div class="wgWrap" widgetstyle="%s" style="%s" widget_padding_left="%s" widget_padding_right="%s" widget_padding_top="%s" widget_padding_bottom="%s" widget="widgetContent" document_srl="%d" %s>'.
'<button type="button" class="wgRight"></button>'.
'<div class="wgBorder">'.
'<div style="%s">',$args->widgetstyle,
$style,
$args->widget_padding_left, $args->widget_padding_right, $args->widget_padding_top, $args->widget_padding_bottom,
@ -491,7 +490,7 @@
$widget_content_body = $body;
$widget_content_footer = sprintf('</div>'.
'</div>'.
'<div class="widgetContent" style="display:none;width:1px;height:1px;overflow:hidden;">%s</div>'.
'<div class="widgetContent" style="display:none">%s</div>'.
'</div>',base64_encode($body));
break;
@ -509,10 +508,9 @@
}
$widget_content_header = sprintf(
'<div class="widgetOutput" widgetstyle="%s" widget="widgetBox" style="%s;" widget_padding_top="%s" widget_padding_right="%s" widget_padding_bottom="%s" widget_padding_left="%s" %s >'.
'<div class="widgetBoxResize"></div>'.
'<div class="widgetBoxResizeLeft"></div>'.
'<div class="widgetBoxBorder"><div class="nullWidget" style="%s">',$args->widgetstyle,$style, $widget_padding_top, $widget_padding_right, $widget_padding_bottom, $widget_padding_left,implode(' ',$attribute),$inner_style);
'<div class="wgWrap" widgetstyle="%s" widget="widgetBox" style="%s" widget_padding_top="%s" widget_padding_right="%s" widget_padding_bottom="%s" widget_padding_left="%s" %s >'.
'<button type="button" class="wgBoxRight"></button>'.
'<div class="wgBoxBorder"><div class="nullWidget">',$args->widgetstyle,$style, $widget_padding_top, $widget_padding_right, $widget_padding_bottom, $widget_padding_left,implode(' ',$attribute),$inner_style);
$widget_content_body = $widgetbox_content;
@ -531,10 +529,9 @@
}
}
$widget_content_header = sprintf('<div class="widgetOutput" widgetstyle="%s" style="%s" widget_padding_top="%s" widget_padding_right="%s" widget_padding_bottom="%s" widget_padding_left="%s" widget="%s" %s >'.
'<div class="widgetResize"></div>'.
'<div class="widgetResizeLeft"></div>'.
'<div class="widgetBorder">',$args->widgetstyle,$style,
$widget_content_header = sprintf('<div class="wgWrap" widgetstyle="%s" style="%s" widget_padding_top="%s" widget_padding_right="%s" widget_padding_bottom="%s" widget_padding_left="%s" widget="%s" %s >'.
'<button type="button" class="wgRight"></button>'.
'<div class="wgBorder">',$args->widgetstyle,$style,
$widget_padding_top, $widget_padding_right, $widget_padding_bottom, $widget_padding_left,
$widget, implode(' ',$attribute));

View file

@ -1,7 +1,7 @@
<load target="./js/content_widget.js" cond="$widget_info->page_count || count($widget_info->tab)" />
<load target="./css/widget.css" cond="$colorset == 'black' || $colorset == 'white'" />
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
<div class="wgContainer<!--@if($colorset=="black")--> black<!--@end-->">
<!--@if($widget_info->tab_type == "tab_left")-->
<!--#include("./_tab_left.html")-->
<!--@elseif($widget_info->tab_type == "tab_top")-->

View file

@ -5,15 +5,15 @@
.clearLeft{ clear:left;}
.clearRight{ clear:right;}
.widgetContainer .open{ display:block !important;}
.widgetContainer a{ text-decoration:none;}
.widgetContainer a:hover,
.widgetContainer a:active,
.widgetContainer a:focus{ text-decoration:underline;}
.widgetContainer img{ border:0;}
.widgetContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.widgetContainer form{ margin:0; padding:0;}
.widgetContainer fieldset{ border:0; margin:0; padding:0;}
.wgContainer .open{ display:block !important;}
.wgContainer a{ text-decoration:none;}
.wgContainer a:hover,
.wgContainer a:active,
.wgContainer a:focus{ text-decoration:underline;}
.wgContainer img{ border:0;}
.wgContainer em{ position:relative; line-height:1; display:inline-block; margin:-5px 0; *padding:0 1px; font-style:normal;}
.wgContainer form{ margin:0; padding:0;}
.wgContainer fieldset{ border:0; margin:0; padding:0;}
.widgetTabA{ position:relative; margin:0 0 10px 0; padding:0; *zoom:1; border-bottom:2px solid;}
.widgetTabA:after{ content:""; display:block; clear:both;}
@ -149,45 +149,45 @@ dl.widgetDivider dd{ display:none; margin:0;}
.widgetZineA li .hour{ color:#888;}
.widgetZineA li .text{ color:#888;}
.widgetContainer.black .widgetTabC{ border-color:#7f7f7f;}
.widgetContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.widgetContainer.black .widgetTabC li a{ color:#999;}
.widgetContainer.black .widgetTabC li a:hover,
.widgetContainer.black .widgetTabC li a:active,
.widgetContainer.black .widgetTabC li a:focus{ background:#333;}
.widgetContainer.black .widgetTabA{ border-color:#999;}
.widgetContainer.black .widgetTabA li,
.widgetContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.widgetContainer.black .widgetTabA li a{ color:#999;}
.wgContainer.black .widgetTabC{ border-color:#7f7f7f;}
.wgContainer.black .widgetTabC li{ border-color:#7f7f7f; background:#222;}
.wgContainer.black .widgetTabC li a{ color:#999;}
.wgContainer.black .widgetTabC li a:hover,
.wgContainer.black .widgetTabC li a:active,
.wgContainer.black .widgetTabC li a:focus{ background:#333;}
.wgContainer.black .widgetTabA{ border-color:#999;}
.wgContainer.black .widgetTabA li,
.wgContainer.black .widgetTabA li a{ background-image:url(../img/black/buttonWidgetTab.gif);}
.wgContainer.black .widgetTabA li a{ color:#999;}
.widgetContainer.black .widgetTableA td.title a{ color:#999;}
.widgetContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.widgetContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.widgetContainer.black .widgetTableA td .author { color:#999;}
.widgetContainer.black .widgetTableA td .date{ color:#999;}
.widgetContainer.black .widgetTableA td .hour{ color:#888;}
.wgContainer.black .widgetTableA td.title a{ color:#999;}
.wgContainer.black .widgetTableA td .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .notice{ color:#ff1a1a; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetTableA td .replyNum{ color:#ff1a1a;}
.wgContainer.black .widgetTableA td .trackbackNum{ color:#66c;}
.wgContainer.black .widgetTableA td .author { color:#999;}
.wgContainer.black .widgetTableA td .date{ color:#999;}
.wgContainer.black .widgetTableA td .hour{ color:#888;}
.widgetContainer.black .widgetGalleryA li .title{ color:#999;}
.widgetContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetGalleryA li .author{ color:#999;}
.widgetContainer.black .widgetGalleryA li .date{ color:#999;}
.widgetContainer.black .widgetGalleryA li .hour{ color:#888;}
.wgContainer.black .widgetGalleryA li .title{ color:#999;}
.wgContainer.black .widgetGalleryA li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetGalleryA li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetGalleryA li .author{ color:#999;}
.wgContainer.black .widgetGalleryA li .date{ color:#999;}
.wgContainer.black .widgetGalleryA li .hour{ color:#888;}
.widgetContainer.black .widgetThumb{ color:#999;}
.widgetContainer.black .widgetThumb a{ color:#999;}
.widgetContainer.black .widgetThumb .hour{ color:#888;}
.wgContainer.black .widgetThumb{ color:#999;}
.wgContainer.black .widgetThumb a{ color:#999;}
.wgContainer.black .widgetThumb .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .title{ color:#999;}
.widgetContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.widgetContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.widgetContainer.black .widgetZineA li .author{ color:#999;}
.widgetContainer.black .widgetZineA li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.widgetContainer.black .widgetZineA li .date{ color:#999;}
.widgetContainer.black .widgetZineA li .hour{ color:#888;}
.widgetContainer.black .widgetZineA li .text{ color:#888;}
.wgContainer.black .widgetZineA li .board{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetZineA li .title{ color:#999;}
.wgContainer.black .widgetZineA li .replyNum a{ color:#ff1a1a;}
.wgContainer.black .widgetZineA li .trackbackNum a{ color:#66c;}
.wgContainer.black .widgetZineA li .author{ color:#999;}
.wgContainer.black .widgetZineA li .category{ color:#999; background:url(../img/black/lineTextDiv.gif) no-repeat right center;}
.wgContainer.black .widgetZineA li .date{ color:#999;}
.wgContainer.black .widgetZineA li .hour{ color:#888;}
.wgContainer.black .widgetZineA li .text{ color:#888;}

View file

@ -1,5 +1,5 @@
<load target="./css/widget.css" />
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
<div class="wgContainer<!--@if($colorset=="black")--> black<!--@end-->">
<dl class="widgetCounter">
<dt>{$lang->today}:</dt>
<dd>{number_format($today_counter->unique_visitor)}</dd>

View file

@ -9,10 +9,10 @@
.widgetLanguage .langList { background:#fff; border:1px solid #ccc;}
.widgetLanguage .langList a{ color:#333;}
.widgetContainer.black .widgetLanguage p{ float:right; margin:0;}
.widgetContainer.black .widgetLanguage .langList { display:none; position:absolute; margin:0; padding:0; z-index:999;}
.widgetContainer.black .widgetLanguage .langList li{ list-style:none;}
.widgetContainer.black .widgetLanguage .langList li a{ font-size:12px; display:block; padding:2px 5px;}
.widgetContainer.black .widgetLanguage p a{ color:#b3b3b3;}
.widgetContainer.black .widgetLanguage .langList { background:#fff; border:1px solid #ccc;}
.widgetContainer.black .widgetLanguage .langList a{ color:#333;}
.wgContainer.black .widgetLanguage p{ float:right; margin:0;}
.wgContainer.black .widgetLanguage .langList { display:none; position:absolute; margin:0; padding:0; z-index:999;}
.wgContainer.black .widgetLanguage .langList li{ list-style:none;}
.wgContainer.black .widgetLanguage .langList li a{ font-size:12px; display:block; padding:2px 5px;}
.wgContainer.black .widgetLanguage p a{ color:#b3b3b3;}
.wgContainer.black .widgetLanguage .langList { background:#fff; border:1px solid #ccc;}
.wgContainer.black .widgetLanguage .langList a{ color:#333;}

View file

@ -3,7 +3,7 @@
<!--%import("./css/widget.css")-->
<!--@end-->
<div class="widgetContainer<!--@if($colorset=="black")--> black<!--@end-->">
<div class="wgContainer<!--@if($colorset=="black")--> black<!--@end-->">
<div class="widgetLanguage">
<p><a href="#" class="cafeXeA language_selector">Language:{$lang_supported[$lang_type]}</a></p>
<ul class="langList" style="right: 3px;">

View file

@ -7,7 +7,7 @@
<legend>{$lang->cmd_login}</legend>
<div id="sign_box">
<div class="txt sign_state1"><span class="label">{$logged_info->nick_name}</span></div>
<div class="mbInfo_window" style="overflow:hidden;">
<div class="mbInfo_window">
<span class="head"></span>
<div class="body" style="z-index:1000">
<ul>