fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-14 00:39:57 +09:00
Code Issues Projects Releases Packages Wiki Activity

위젯 상자 스타일 컬러 베리에이션 추가/분류변경/디버깅

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5930 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2009-03-23 07:34:50 +00:00
parent 03c0ef4db4
commit b84bf44947
27 changed files with 472 additions and 336 deletions
Download patch file Download diff file Expand all files Collapse all files

25
widgetstyles/colorbox/css/widgetBoxStyle.css
View file

@ -9,8 +9,6 @@
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
@ -20,11 +18,34 @@
.widgetBoxFred .widgetBox{ border:1px solid #ffcccc; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFred .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #ffcccc; color:#ff3333;}
.widgetBoxFred .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFred .rcContainer{ display:none !important;;}
.widgetBoxFgreen .widgetBox{ border:1px solid #d9efb9; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFgreen .widgetBoxHeader{ padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d9efb9; color:#ff3333;}
.widgetBoxFgreen .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFgreen .rcContainer{ display:none !important;;}
.widgetBoxFblue .widgetBox{ border:1px solid #d8e6e7; border-top-width:5px; border-bottom-width:5px;}
.widgetBoxFblue .widgetBoxHeader{ position:relative; padding:4px 0; text-indent:15px; repeat-x 0 center; border-bottom:1px solid #d8e6e7; color:#55ccdd;}
.widgetBoxFblue .widgetMore{ top:7px; right:15px; color:#888;}
.widgetBoxFblue .rcContainer{ display:none !important;}
.widgetBoxJgray .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJgray.gif); background-repeat:repeat-x;}
.widgetBoxJgray .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJgray .widgetMore{ top:10px; right:15px;}
.widgetBoxJgray .rcContainer{ display:none !important;}
.widgetBoxJred .widgetBox{ background:#f9e3e0; padding-bottom:5px; background-image:url(../img/widgetBgJred.gif); background-repeat:repeat-x;}
.widgetBoxJred .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJred .widgetMore{ top:10px; right:15px;}
.widgetBoxJred .rcContainer{ display:none !important;}
.widgetBoxJgreen .widgetBox{ background:#d7fcd3; padding-bottom:5px; background-image:url(../img/widgetBgJgreen.gif); background-repeat:repeat-x;}
.widgetBoxJgreen .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJgreen .widgetMore{ top:10px; right:15px;}
.widgetBoxJgreen .rcContainer{ display:none !important;}
.widgetBoxJblue .widgetBox{ background:#e6e6f7; padding-bottom:5px; background-image:url(../img/widgetBgJblue.gif); background-repeat:repeat-x;}
.widgetBoxJblue .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJblue .widgetMore{ top:10px; right:15px;}
.widgetBoxJblue .rcContainer{ display:none !important;}

BIN
widgetstyles/colorbox/img/widgetBgJblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 169 B

0
widgetstyles/line/img/widgetBgJ.gif → widgetstyles/colorbox/img/widgetBgJgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 171 B

Before After
Before After

BIN
widgetstyles/colorbox/img/widgetBgJgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 169 B

BIN
widgetstyles/colorbox/img/widgetBgJred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 170 B

30
widgetstyles/colorbox/skin.xml
View file

@ -21,19 +21,35 @@
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxFblue</value>
<name xml:lang="ko">파랑색</name>
<name xml:lang="zh-TW">藍色</name>
<value>widgetBoxFred</value>
<name xml:lang="ko">빨강</name>
<name xml:lang="zh-TW">紅色</name>
</options>
<options>
<value>widgetBoxFgreen</value>
<name xml:lang="ko">녹색</name>
<name xml:lang="ko">초록</name>
<name xml:lang="zh-TW">綠色</name>
</options>
<options>
<value>widgetBoxFred</value>
<name xml:lang="ko">빨강색</name>
<name xml:lang="zh-TW">紅色</name>
<value>widgetBoxFblue</value>
<name xml:lang="ko">파랑</name>
<name xml:lang="zh-TW">藍色</name>
</options>
<options>
<value>widgetBoxJgray</value>
<name xml:lang="ko">회색</name>
</options>
<options>
<value>widgetBoxJred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxJgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxJblue</value>
<name xml:lang="ko">파랑</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">

17
widgetstyles/line/css/widgetBoxStyle.css
View file

@ -9,8 +9,6 @@
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
@ -19,12 +17,12 @@
.widgetBoxA .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; border-bottom:1px solid #ccc;}
.widgetBoxA .widgetMore{ top:10px; right:0; color:#888;}
.widgetBoxA .rcContainer{ display:none;}
.widgetBoxA .rcContainer{ display:none !important;}
.widgetBoxB .widgetBox{ border:1px solid #ccc;}
.widgetBoxB .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgB.gif) repeat-x;}
.widgetBoxB .widgetMore{ top:7px; right:15px;}
.widgetBoxB .rcContainer{ display:none;}
.widgetBoxB .rcContainer{ display:none !important;}
.widgetBoxC{ padding:3px 0;}
.widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
@ -32,8 +30,8 @@
.widgetBoxC .widgetMore{ top:5px; right:15px;}
.widgetBoxC .rcTop,
.widgetBoxC .rcBottom{ height:3px;}
.widgetBoxC .rcTop{ top:-3px;}
.widgetBoxC .rcBottom{ bottom:-3px;}
.widgetBoxC .rcTop{ position:absolute; top:-3px;}
.widgetBoxC .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxC .rc { width:50%; height:3px; background-image:url(../img/roundedCornerC.gif); background-repeat:no-repeat;}
.widgetBoxC .rcTop .tl{ background-position:0 0; left:0px;}
.widgetBoxC .rcTop .tr{ background-position:right 0; left:50%;}
@ -42,9 +40,4 @@
.widgetBoxG .widgetBoxHeader{ position:relative; border:1px solid #ccc; padding:4px 0; text-indent:15px; background:url(../img/headerBgG.gif) repeat-x 0 center;}
.widgetBoxG .widgetMore{ top:7px; right:15px;}
.widgetBoxJ .widgetBox{ background:#efefed; padding-bottom:5px; background-image:url(../img/widgetBgJ.gif); background-repeat:repeat-x;}
.widgetBoxJ .widgetBoxHeader{ position:relative; padding:7px 0; text-indent:15px; border-bottom:1px solid #fff;}
.widgetBoxJ .widgetMore{ top:10px; right:15px;}
.widgetBoxJ .rcTop,
.widgetBoxJ .rcBottom{ display:none;}
.widgetBoxG .rcContainer{ display:none !important;}

5
widgetstyles/line/skin.xml
View file

@ -40,11 +40,6 @@
<name xml:lang="ko">제목 박스</name>
<name xml:lang="zh-TW">標題框</name>
</options>
<options>
<value>widgetBoxJ</value>
<name xml:lang="ko">색상 박스</name>
<name xml:lang="zh-TW">彩色框</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>

139
widgetstyles/memo/css/widgetBoxStyle.css
View file

@ -9,35 +9,124 @@
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
.widgetBox .rcBottom .bl{ top:0;}
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxH{ padding:50px 0 4px 0;}
.widgetBoxH .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9;}
.widgetBoxH .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;}
.widgetBoxH .widgetMore{ top:-32px; right:50px;}
.widgetBoxH .rcTop{ top:-50px; height:50px;}
.widgetBoxH .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxH .rc { width:50%; background-image:url(../img/widgetBoxH.png); _background-image:url(../img/widgetBoxH.gif); background-repeat:no-repeat;}
.widgetBoxH .rcTop .rc{ height:50px;}
.widgetBoxH .rcBottom .rc{ height:4px;}
.widgetBoxH .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxH .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxH .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxH .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxHgray{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHgray .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHgray .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHgray .widgetContainer{ margin-top:-50px;}
.widgetBoxHgray .widgetMore{ top:-31px; right:50px;}
.widgetBoxHgray .rcContainer{ position:absolute;}
.widgetBoxHgray .rcTop{ top:-50px; height:50px;}
.widgetBoxHgray .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHgray .rc { width:50%; background-image:url(../img/widgetBoxHgray.png); _background-image:url(../img/widgetBoxHgray.gif); background-repeat:no-repeat;}
.widgetBoxHgray .rcTop .rc{ height:50px;}
.widgetBoxHgray .rcBottom .rc{ height:4px;}
.widgetBoxHgray .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHgray .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHgray .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHgray .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxI{ padding-top:50px;}
.widgetBoxI .widgetBox{ background:#fdf59b; padding-bottom:5px;}
.widgetBoxI .widgetBoxHeader{ position:absolute; width:100%; left:0; top:-40px; padding:3px 0; text-indent:15px;}
.widgetBoxI .widgetMore{ top:-32px; right:50px;}
.widgetBoxI .rcTop{ top:-50px; height:50px;}
.widgetBoxI .rcBottom{ display:none;}
.widgetBoxI .rc { width:50%; background-image:url(../img/widgetBoxI.png); _background-image:url(../img/widgetBoxI.gif); background-repeat:no-repeat;}
.widgetBoxI .rcTop .rc{ height:50px;}
.widgetBoxI .rcTop .tl{ background-position:0 0;}
.widgetBoxI .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxHred{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHred .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHred .widgetContainer{ margin-top:-50px;}
.widgetBoxHred .widgetMore{ top:-31px; right:50px;}
.widgetBoxHred .rcContainer{ position:absolute;}
.widgetBoxHred .rcTop{ top:-50px; height:50px;}
.widgetBoxHred .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHred .rc { width:50%; background-image:url(../img/widgetBoxHred.png); _background-image:url(../img/widgetBoxHred.gif); background-repeat:no-repeat;}
.widgetBoxHred .rcTop .rc{ height:50px;}
.widgetBoxHred .rcBottom .rc{ height:4px;}
.widgetBoxHred .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHred .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHred .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxHgreen{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHgreen .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxHgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxHgreen .rcContainer{ position:absolute;}
.widgetBoxHgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxHgreen .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHgreen .rc { width:50%; background-image:url(../img/widgetBoxHgreen.png); _background-image:url(../img/widgetBoxHgreen.gif); background-repeat:no-repeat;}
.widgetBoxHgreen .rcTop .rc{ height:50px;}
.widgetBoxHgreen .rcBottom .rc{ height:4px;}
.widgetBoxHgreen .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHgreen .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHgreen .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxHblue{ padding-top:50px; padding-bottom:4px;}
.widgetBoxHblue .widgetBox{ background:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:10px; padding-bottom:5px;}
.widgetBoxHblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxHblue .widgetContainer{ margin-top:-50px;}
.widgetBoxHblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxHblue .rcContainer{ position:absolute;}
.widgetBoxHblue .rcTop{ top:-50px; height:50px;}
.widgetBoxHblue .rcBottom{ bottom:-4px; height:4px;}
.widgetBoxHblue .rc { width:50%; background-image:url(../img/widgetBoxHblue.png); _background-image:url(../img/widgetBoxHblue.gif); background-repeat:no-repeat;}
.widgetBoxHblue .rcTop .rc{ height:50px;}
.widgetBoxHblue .rcBottom .rc{ height:4px;}
.widgetBoxHblue .rcTop .tl{ background-position:0 0; left:-1px !important; padding-right:1px;}
.widgetBoxHblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:-1px; _right:auto; padding-left:1px;}
.widgetBoxHblue .rcBottom .bl{ background-position:0 bottom; left:-1px; padding-right:1px;}
.widgetBoxHblue .rcBottom .br{ background-position:right bottom; left:50%; *left:auto; right:auto; *right:-1px; _right:auto; _left:50%; padding-left:1px;}
.widgetBoxIyellow{ padding-top:50px;}
.widgetBoxIyellow .widgetBox{ background:#fdf59b; padding-top:10px; padding-bottom:5px;}
.widgetBoxIyellow .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIyellow .widgetContainer{ margin-top:-50px;}
.widgetBoxIyellow .widgetMore{ top:-31px; right:50px;}
.widgetBoxIyellow .rcContainer{ position:absolute;}
.widgetBoxIyellow .rcTop{ top:-50px; height:50px;}
.widgetBoxIyellow .rcBottom{ display:none !important;}
.widgetBoxIyellow .rc { width:50%; background-image:url(../img/widgetBoxIyellow.png); _background-image:url(../img/widgetBoxIyellow.gif); background-repeat:no-repeat;}
.widgetBoxIyellow .rcTop .rc{ height:50px;}
.widgetBoxIyellow .rcTop .tl{ background-position:0 0;}
.widgetBoxIyellow .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIred{ padding-top:50px;}
.widgetBoxIred .widgetBox{ background:#fd9bda; padding-top:10px; padding-bottom:5px;}
.widgetBoxIred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIred .widgetContainer{ margin-top:-50px;}
.widgetBoxIred .widgetMore{ top:-31px; right:50px;}
.widgetBoxIred .rcContainer{ position:absolute;}
.widgetBoxIred .rcTop{ top:-50px; height:50px;}
.widgetBoxIred .rcBottom{ display:none !important;}
.widgetBoxIred .rc { width:50%; background-image:url(../img/widgetBoxIred.png); _background-image:url(../img/widgetBoxIred.gif); background-repeat:no-repeat;}
.widgetBoxIred .rcTop .rc{ height:50px;}
.widgetBoxIred .rcTop .tl{ background-position:0 0;}
.widgetBoxIred .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIgreen{ padding-top:50px;}
.widgetBoxIgreen .widgetBox{ background:#9bfda3; padding-top:10px; padding-bottom:5px;}
.widgetBoxIgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIgreen .widgetContainer{ margin-top:-50px;}
.widgetBoxIgreen .widgetMore{ top:-31px; right:50px;}
.widgetBoxIgreen .rcContainer{ position:absolute;}
.widgetBoxIgreen .rcTop{ top:-50px; height:50px;}
.widgetBoxIgreen .rcBottom{ display:none !important;}
.widgetBoxIgreen .rc { width:50%; background-image:url(../img/widgetBoxIgreen.png); _background-image:url(../img/widgetBoxIgreen.gif); background-repeat:no-repeat;}
.widgetBoxIgreen .rcTop .rc{ height:50px;}
.widgetBoxIgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxIgreen .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}
.widgetBoxIblue{ padding-top:50px;}
.widgetBoxIblue .widgetBox{ background:#9bf4fd; padding-top:10px; padding-bottom:5px;}
.widgetBoxIblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; margin-top:-50px !important; margin-bottom:60px !important;}
.widgetBoxIblue .widgetContainer{ margin-top:-50px;}
.widgetBoxIblue .widgetMore{ top:-31px; right:50px;}
.widgetBoxIblue .rcContainer{ position:absolute;}
.widgetBoxIblue .rcTop{ top:-50px; height:50px;}
.widgetBoxIblue .rcBottom{ display:none !important;}
.widgetBoxIblue .rc { width:50%; background-image:url(../img/widgetBoxIblue.png); _background-image:url(../img/widgetBoxIblue.gif); background-repeat:no-repeat;}
.widgetBoxIblue .rcTop .rc{ height:50px;}
.widgetBoxIblue .rcTop .tl{ background-position:0 0;}
.widgetBoxIblue .rcTop .tr{ background-position:right 0; left:50%; *left:auto; _left:50%; right:auto; *right:0; _right:auto;}

BIN
widgetstyles/memo/img/widgetBoxHblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
widgetstyles/memo/img/widgetBoxHblue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

0
widgetstyles/memo/img/widgetBoxH.gif → widgetstyles/memo/img/widgetBoxHgray.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxH.png → widgetstyles/memo/img/widgetBoxHgray.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After

BIN
widgetstyles/memo/img/widgetBoxHgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
widgetstyles/memo/img/widgetBoxHgreen.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.8 KiB

BIN
widgetstyles/memo/img/widgetBoxHred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
widgetstyles/memo/img/widgetBoxHred.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
widgetstyles/memo/img/widgetBoxIblue.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.5 KiB

BIN
widgetstyles/memo/img/widgetBoxIblue.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.6 KiB

BIN
widgetstyles/memo/img/widgetBoxIgreen.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
widgetstyles/memo/img/widgetBoxIgreen.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
widgetstyles/memo/img/widgetBoxIred.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
widgetstyles/memo/img/widgetBoxIred.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.8 KiB

0
widgetstyles/memo/img/widgetBoxI.gif → widgetstyles/memo/img/widgetBoxIyellow.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.5 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

Before After
Before After

0
widgetstyles/memo/img/widgetBoxI.png → widgetstyles/memo/img/widgetBoxIyellow.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 4.6 KiB

Before After
Before After

30
widgetstyles/memo/skin.xml
View file

@ -21,15 +21,39 @@
<name xml:lang="ko">스타일</name>
<name xml:lang="zh-TW">樣式</name>
<options>
<value>widgetBoxH</value>
<name xml:lang="ko">흰색</name>
<value>widgetBoxHgray</value>
<name xml:lang="ko">회색</name>
<name xml:lang="zh-TW">白色</name>
</options>
<options>
<value>widgetBoxI</value>
<value>widgetBoxHred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxHgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxHblue</value>
<name xml:lang="ko">파랑</name>
</options>
<options>
<value>widgetBoxIyellow</value>
<name xml:lang="ko">노랑</name>
<name xml:lang="zh-TW">黃色</name>
</options>
<options>
<value>widgetBoxIred</value>
<name xml:lang="ko">빨강</name>
</options>
<options>
<value>widgetBoxIgreen</value>
<name xml:lang="ko">초록</name>
</options>
<options>
<value>widgetBoxIblue</value>
<name xml:lang="ko">파랑</name>
</options>
</var>
<var name="ws_title_image" type="filebox" filter="jpg,jpeg,gif,png">
<name xml:lang="ko">제목</name>

40
widgetstyles/round/css/widgetBoxStyle.css
View file

@ -3,14 +3,12 @@
.widgetBoxContainer{ position:relative;}
.widgetBox{ position:relative; *zoom:1}
.widgetBox{ position:relative;}
.widgetBox .widgetBoxHeader{ font-size:16px; font-family:Tahoma; margin:0; z-index:10;}
.widgetBox .widgetContainer{ position:relative; z-index:10;}
.widgetBox .widgetMore{ position:absolute; display:block; text-decoration:none; font-size:11px !important; white-space:nowrap; font-family:Tahoma; color:#000; text-align:center; z-index:20;}
.widgetBox .widgetMore img{ border:0;}
.widgetBox .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1;}
.widgetBox .rcTop{ position:absolute;}
.widgetBox .rcBottom{ position:relative;}
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
.widgetBox .rcTop .tl{ top:0;}
.widgetBox .rcTop .tr{ top:0;}
@ -18,13 +16,13 @@
.widgetBox .rcBottom .br{ top:0;}
.widgetBoxDred{ padding:8px 0;}
.widgetBoxDred .widgetBox{ background:#fff; border-left:5px solid #ffcccc; border-right:5px solid #ffcccc;}
.widgetBoxDred .widgetBox{ background:#fff; border-left:5px solid #ffcccc; border-right:5px solid #ffcccc; *zoom:1}
.widgetBoxDred .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#ff3333;}
.widgetBoxDred .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDred.gif) no-repeat; color:#fff !important;}
.widgetBoxDred .rcTop,
.widgetBoxDred .rcBottom{ height:8px;}
.widgetBoxDred .rcTop{ top:-8px;}
.widgetBoxDred .rcBottom{ bottom:-8px;}
.widgetBoxDred .rcTop{ position:absolute; top:-8px;}
.widgetBoxDred .rcBottom{ position:relative; bottom:-8px;}
.widgetBoxDred .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDred.png); _background-image:url(../img/roundedCornerDred.gif); background-repeat:no-repeat;}
.widgetBoxDred .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDred .rcTop .tr{ background-position:right 0; left:5px;}
@ -32,13 +30,13 @@
.widgetBoxDred .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDgreen{ padding:8px 0;}
.widgetBoxDgreen .widgetBox{ background:#fff; border-left:5px solid #d9efb9; border-right:5px solid #d9efb9;}
.widgetBoxDgreen .widgetBox{ background:#fff; border-left:5px solid #d9efb9; border-right:5px solid #d9efb9; *zoom:1}
.widgetBoxDgreen .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#90d133;}
.widgetBoxDgreen .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDgreen.gif) no-repeat; color:#fff !important;}
.widgetBoxDgreen .rcTop,
.widgetBoxDgreen .rcBottom{ height:8px;}
.widgetBoxDgreen .rcTop{ top:-8px;}
.widgetBoxDgreen .rcBottom{ bottom:-8px;}
.widgetBoxDgreen .rcTop{ position:absolute; top:-8px;}
.widgetBoxDgreen .rcBottom{ position:relative; bottom:-8px;}
.widgetBoxDgreen .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDgreen.png); _background-image:url(../img/roundedCornerDgreen.gif); background-repeat:no-repeat;}
.widgetBoxDgreen .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDgreen .rcTop .tr{ background-position:right 0; left:5px;}
@ -46,13 +44,13 @@
.widgetBoxDgreen .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxDblue{ padding:8px 0;}
.widgetBoxDblue .widgetBox{ background:#fff; border-left:5px solid #d8e6e7; border-right:5px solid #d8e6e7;}
.widgetBoxDblue .widgetBox{ background:#fff; border-left:5px solid #d8e6e7; border-right:5px solid #d8e6e7; *zoom:1}
.widgetBoxDblue .widgetBoxHeader{ position:relative; padding:3px 0; text-indent:15px; color:#55ccdd;}
.widgetBoxDblue .widgetMore{ top:5px; right:15px; width:35px; background:url(../img/moreBgDblue.gif) no-repeat; color:#fff !important;}
.widgetBoxDblue .rcTop,
.widgetBoxDblue .rcBottom{ height:8px;}
.widgetBoxDblue .rcTop{ top:-8px;}
.widgetBoxDblue .rcBottom{ bottom:-8px;}
.widgetBoxDblue .rcTop{ position:absolute; top:-8px;}
.widgetBoxDblue .rcBottom{ position:relative; bottom:-8px;}
.widgetBoxDblue .rc { width:100%; height:8px; background-image:url(../img/roundedCornerDblue.png); _background-image:url(../img/roundedCornerDblue.gif); background-repeat:no-repeat;}
.widgetBoxDblue .rcTop .tl{ background-position:0 0; left:-5px;}
.widgetBoxDblue .rcTop .tr{ background-position:right 0; left:5px;}
@ -60,15 +58,15 @@
.widgetBoxDblue .rcBottom .br{ background-position:right bottom; left:5px;}
.widgetBoxEred{ padding:3px 0;}
.widgetBoxEred .widgetBox{ background:#ff3333;}
.widgetBoxEred .widgetBox{ background:#ff3333; *zoom:1}
.widgetBoxEred .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEred .widgetContainer,
.widgetBoxEred .widgetContainer a{ color:#fff;}
.widgetBoxEred .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEred.gif) no-repeat; color:#ff3333;}
.widgetBoxEred .rcTop,
.widgetBoxEred .rcBottom{ height:3px;}
.widgetBoxEred .rcTop{ top:-3px;}
.widgetBoxEred .rcBottom{ bottom:-3px;}
.widgetBoxEred .rcTop{ position:absolute; top:-3px;}
.widgetBoxEred .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEred .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEred.gif); background-repeat:no-repeat;}
.widgetBoxEred .rcTop .tl{ background-position:0 0;}
.widgetBoxEred .rcTop .tr{ background-position:right 0; left:50%;}
@ -76,15 +74,15 @@
.widgetBoxEred .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEgreen{ padding:3px 0;}
.widgetBoxEgreen .widgetBox{ background:#90d133;}
.widgetBoxEgreen .widgetBox{ background:#90d133; *zoom:1}
.widgetBoxEgreen .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEgreen .widgetContainer,
.widgetBoxEgreen .widgetContainer a{ color:#fff;}
.widgetBoxEgreen .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEgreen.gif) no-repeat; color:#90d133;}
.widgetBoxEgreen .rcTop,
.widgetBoxEgreen .rcBottom{ height:3px;}
.widgetBoxEgreen .rcTop{ top:-3px;}
.widgetBoxEgreen .rcBottom{ bottom:-3px;}
.widgetBoxEgreen .rcTop{ position:absolute; top:-3px;}
.widgetBoxEgreen .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEgreen .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEgreen.gif); background-repeat:no-repeat;}
.widgetBoxEgreen .rcTop .tl{ background-position:0 0;}
.widgetBoxEgreen .rcTop .tr{ background-position:right 0; left:50%;}
@ -92,15 +90,15 @@
.widgetBoxEgreen .rcBottom .br{ background-position:right bottom; left:50%;}
.widgetBoxEblue{ padding:3px 0;}
.widgetBoxEblue .widgetBox{ background:#55ccdd;}
.widgetBoxEblue .widgetBox{ background:#55ccdd; *zoom:1}
.widgetBoxEblue .widgetBoxHeader{ position:relative; padding:5px 0; text-indent:15px; color:#fff;}
.widgetBoxEblue .widgetContainer,
.widgetBoxEblue .widgetContainer a{ color:#fff;}
.widgetBoxEblue .widgetMore{ top:10px; right:15px; width:35px; background:url(../img/moreBgEblue.gif) no-repeat; color:#55ccdd;}
.widgetBoxEblue .rcTop,
.widgetBoxEblue .rcBottom{ height:3px;}
.widgetBoxEblue .rcTop{ top:-3px;}
.widgetBoxEblue .rcBottom{ bottom:-3px;}
.widgetBoxEblue .rcTop{ position:absolute; top:-3px;}
.widgetBoxEblue .rcBottom{ position:relative; bottom:-3px;}
.widgetBoxEblue .rc { width:50%; height:3px; background-image:url(../img/roundedCornerEblue.gif); background-repeat:no-repeat;}
.widgetBoxEblue .rcTop .tl{ background-position:0 0;}
.widgetBoxEblue .rcTop .tr{ background-position:right 0; left:50%;}