diff --git a/widgetstyles/colorbox/css/widgetBoxStyle.css b/widgetstyles/colorbox/css/widgetBoxStyle.css index d21dd7d66..d9688bd6e 100644 --- a/widgetstyles/colorbox/css/widgetBoxStyle.css +++ b/widgetstyles/colorbox/css/widgetBoxStyle.css @@ -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;} \ No newline at end of file +.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;} diff --git a/widgetstyles/colorbox/img/widgetBgJblue.gif b/widgetstyles/colorbox/img/widgetBgJblue.gif new file mode 100644 index 000000000..ffbd7de97 Binary files /dev/null and b/widgetstyles/colorbox/img/widgetBgJblue.gif differ diff --git a/widgetstyles/line/img/widgetBgJ.gif b/widgetstyles/colorbox/img/widgetBgJgray.gif similarity index 100% rename from widgetstyles/line/img/widgetBgJ.gif rename to widgetstyles/colorbox/img/widgetBgJgray.gif diff --git a/widgetstyles/colorbox/img/widgetBgJgreen.gif b/widgetstyles/colorbox/img/widgetBgJgreen.gif new file mode 100644 index 000000000..c20db7920 Binary files /dev/null and b/widgetstyles/colorbox/img/widgetBgJgreen.gif differ diff --git a/widgetstyles/colorbox/img/widgetBgJred.gif b/widgetstyles/colorbox/img/widgetBgJred.gif new file mode 100644 index 000000000..887f1027c Binary files /dev/null and b/widgetstyles/colorbox/img/widgetBgJred.gif differ diff --git a/widgetstyles/colorbox/skin.xml b/widgetstyles/colorbox/skin.xml index 4d27e5ecb..5a72815d1 100644 --- a/widgetstyles/colorbox/skin.xml +++ b/widgetstyles/colorbox/skin.xml @@ -1,91 +1,107 @@ - - - 칼라박스 위젯스타일 - 彩色框樣式 - 색상이 있는 박스로 꾸며진 위젯스타일 입니다. - 可變換多種色彩外框的控件樣式。 - 0.1 - 2009-03-10 - preview.gif - - sol - sol - sol - sol - sol - sol - - - - - 스타일 - 樣式 - - widgetBoxFblue - 파랑색 - 藍色 - - - widgetBoxFgreen - 녹색 - 綠色 - - - widgetBoxFred - 빨강색 - 紅色 - - - - 제목 - 栏目图片 - 標題圖片 - 제목 이미지를 등록합니다. - 栏目名可以使用图片。 - 可使用圖片取代標題。 - - - 제목 - 栏目名 - 標題 - 제목 텍스트 - 输入文本形式的栏目名。 - 請輸入標題文字。 - - - 제목 글자색 - 栏目字体色 - 標題顏色 - - - 아이콘 이미지 - 栏目图标 - 標題圖示 - 제목 앞 아이콘 이미지를 등록합니다. - 可以给栏目名指定个性图标。 - 可指定標題前方的圖示。 - - - - 더보기 URL - 查看更多(链接) - more URL - http:// 제외한 URL를 등록합니다. - 请输入除http://以外的URL地址。 - 請輸入http://以外的URL網址。 - - - 더보기 이미지 - 查看更多(图片) - more Image - - - 더보기 텍스트 - 查看更多(文本) - more TEXT - 더보기 텍스트 - 文本形式的"查看更多"。 - 純文字格式。 - - + + + 칼라박스 위젯스타일 + 彩色框樣式 + 색상이 있는 박스로 꾸며진 위젯스타일 입니다. + 可變換多種色彩外框的控件樣式。 + 0.1 + 2009-03-10 + preview.gif + + sol + sol + sol + sol + sol + sol + + + + + 스타일 + 樣式 + + widgetBoxFred + 빨강 + 紅色 + + + widgetBoxFgreen + 초록 + 綠色 + + + widgetBoxFblue + 파랑 + 藍色 + + + widgetBoxJgray + 회색 + + + widgetBoxJred + 빨강 + + + widgetBoxJgreen + 초록 + + + widgetBoxJblue + 파랑 + + + + 제목 + 栏目图片 + 標題圖片 + 제목 이미지를 등록합니다. + 栏目名可以使用图片。 + 可使用圖片取代標題。 + + + 제목 + 栏目名 + 標題 + 제목 텍스트 + 输入文本形式的栏目名。 + 請輸入標題文字。 + + + 제목 글자색 + 栏目字体色 + 標題顏色 + + + 아이콘 이미지 + 栏目图标 + 標題圖示 + 제목 앞 아이콘 이미지를 등록합니다. + 可以给栏目名指定个性图标。 + 可指定標題前方的圖示。 + + + + 더보기 URL + 查看更多(链接) + more URL + http:// 제외한 URL를 등록합니다. + 请输入除http://以外的URL地址。 + 請輸入http://以外的URL網址。 + + + 더보기 이미지 + 查看更多(图片) + more Image + + + 더보기 텍스트 + 查看更多(文本) + more TEXT + 더보기 텍스트 + 文本形式的"查看更多"。 + 純文字格式。 + + \ No newline at end of file diff --git a/widgetstyles/line/css/widgetBoxStyle.css b/widgetstyles/line/css/widgetBoxStyle.css index cfd7769c1..7b5788c3c 100644 --- a/widgetstyles/line/css/widgetBoxStyle.css +++ b/widgetstyles/line/css/widgetBoxStyle.css @@ -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;} diff --git a/widgetstyles/line/skin.xml b/widgetstyles/line/skin.xml index cc654a238..a737bce54 100644 --- a/widgetstyles/line/skin.xml +++ b/widgetstyles/line/skin.xml @@ -1,101 +1,96 @@ - - - 라인 위젯스타일 - 線條樣式 - 선으로 꾸며진 위젯스타일 입니다. - 可變換多種線條外框的控件樣式。 - 0.1 - 2009-03-10 - preview.gif - - sol - sol - sol - sol - sol - sol - - - - - 스타일 - 樣式 - - widgetBoxA - 구분선 - 分隔線 - - - widgetBoxB - 박스 - 外框 - - - widgetBoxC - 라운드 박스 - 圓角外框 - - - widgetBoxG - 제목 박스 - 標題框 - - - widgetBoxJ - 색상 박스 - 彩色框 - - - - 제목 - 栏目图片 - 標題圖片 - 제목 이미지를 등록합니다. - 栏目名可以使用图片。 - 可使用圖片取代標題。 - - - 제목 - 栏目名 - 標題 - 제목 텍스트 - 输入文本形式的栏目名。 - 請輸入標題文字。 - - - 제목 글자색 - 栏目字体色 - 標題顏色 - - - 아이콘 이미지 - 栏目图标 - 標題圖示 - 제목 앞 아이콘 이미지를 등록합니다. - 可以给栏目名指定个性图标。 - 可指定標題前方的圖示。 - - - - 더보기 URL - 查看更多(链接) - more URL - http:// 제외한 URL를 등록합니다. - 请输入除http://以外的URL地址。 - 請輸入http://以外的URL網址。 - - - 더보기 이미지 - 查看更多(图片) - more Image - - - 더보기 텍스트 - 查看更多(文本) - more TEXT - 더보기 텍스트 - 文本形式的"查看更多"。 - 純文字格式。 - - + + + 라인 위젯스타일 + 線條樣式 + 선으로 꾸며진 위젯스타일 입니다. + 可變換多種線條外框的控件樣式。 + 0.1 + 2009-03-10 + preview.gif + + sol + sol + sol + sol + sol + sol + + + + + 스타일 + 樣式 + + widgetBoxA + 구분선 + 分隔線 + + + widgetBoxB + 박스 + 外框 + + + widgetBoxC + 라운드 박스 + 圓角外框 + + + widgetBoxG + 제목 박스 + 標題框 + + + + 제목 + 栏目图片 + 標題圖片 + 제목 이미지를 등록합니다. + 栏目名可以使用图片。 + 可使用圖片取代標題。 + + + 제목 + 栏目名 + 標題 + 제목 텍스트 + 输入文本形式的栏目名。 + 請輸入標題文字。 + + + 제목 글자색 + 栏目字体色 + 標題顏色 + + + 아이콘 이미지 + 栏目图标 + 標題圖示 + 제목 앞 아이콘 이미지를 등록합니다. + 可以给栏目名指定个性图标。 + 可指定標題前方的圖示。 + + + + 더보기 URL + 查看更多(链接) + more URL + http:// 제외한 URL를 등록합니다. + 请输入除http://以外的URL地址。 + 請輸入http://以外的URL網址。 + + + 더보기 이미지 + 查看更多(图片) + more Image + + + 더보기 텍스트 + 查看更多(文本) + more TEXT + 더보기 텍스트 + 文本形式的"查看更多"。 + 純文字格式。 + + \ No newline at end of file diff --git a/widgetstyles/memo/css/widgetBoxStyle.css b/widgetstyles/memo/css/widgetBoxStyle.css index 7e3d6f408..2d20e0fae 100644 --- a/widgetstyles/memo/css/widgetBoxStyle.css +++ b/widgetstyles/memo/css/widgetBoxStyle.css @@ -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;} diff --git a/widgetstyles/memo/img/widgetBoxHblue.gif b/widgetstyles/memo/img/widgetBoxHblue.gif new file mode 100644 index 000000000..bc3a8c939 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHblue.gif differ diff --git a/widgetstyles/memo/img/widgetBoxHblue.png b/widgetstyles/memo/img/widgetBoxHblue.png new file mode 100644 index 000000000..cb50579e4 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHblue.png differ diff --git a/widgetstyles/memo/img/widgetBoxH.gif b/widgetstyles/memo/img/widgetBoxHgray.gif similarity index 100% rename from widgetstyles/memo/img/widgetBoxH.gif rename to widgetstyles/memo/img/widgetBoxHgray.gif diff --git a/widgetstyles/memo/img/widgetBoxH.png b/widgetstyles/memo/img/widgetBoxHgray.png similarity index 100% rename from widgetstyles/memo/img/widgetBoxH.png rename to widgetstyles/memo/img/widgetBoxHgray.png diff --git a/widgetstyles/memo/img/widgetBoxHgreen.gif b/widgetstyles/memo/img/widgetBoxHgreen.gif new file mode 100644 index 000000000..8ce2c8afd Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHgreen.gif differ diff --git a/widgetstyles/memo/img/widgetBoxHgreen.png b/widgetstyles/memo/img/widgetBoxHgreen.png new file mode 100644 index 000000000..7b2ee75eb Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHgreen.png differ diff --git a/widgetstyles/memo/img/widgetBoxHred.gif b/widgetstyles/memo/img/widgetBoxHred.gif new file mode 100644 index 000000000..074c94f11 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHred.gif differ diff --git a/widgetstyles/memo/img/widgetBoxHred.png b/widgetstyles/memo/img/widgetBoxHred.png new file mode 100644 index 000000000..817ae529d Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxHred.png differ diff --git a/widgetstyles/memo/img/widgetBoxIblue.gif b/widgetstyles/memo/img/widgetBoxIblue.gif new file mode 100644 index 000000000..f45bfdf38 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIblue.gif differ diff --git a/widgetstyles/memo/img/widgetBoxIblue.png b/widgetstyles/memo/img/widgetBoxIblue.png new file mode 100644 index 000000000..a80d4f3b3 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIblue.png differ diff --git a/widgetstyles/memo/img/widgetBoxIgreen.gif b/widgetstyles/memo/img/widgetBoxIgreen.gif new file mode 100644 index 000000000..b6354e7b6 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIgreen.gif differ diff --git a/widgetstyles/memo/img/widgetBoxIgreen.png b/widgetstyles/memo/img/widgetBoxIgreen.png new file mode 100644 index 000000000..5ede15e69 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIgreen.png differ diff --git a/widgetstyles/memo/img/widgetBoxIred.gif b/widgetstyles/memo/img/widgetBoxIred.gif new file mode 100644 index 000000000..5c5d514f0 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIred.gif differ diff --git a/widgetstyles/memo/img/widgetBoxIred.png b/widgetstyles/memo/img/widgetBoxIred.png new file mode 100644 index 000000000..4e1f83c02 Binary files /dev/null and b/widgetstyles/memo/img/widgetBoxIred.png differ diff --git a/widgetstyles/memo/img/widgetBoxI.gif b/widgetstyles/memo/img/widgetBoxIyellow.gif similarity index 100% rename from widgetstyles/memo/img/widgetBoxI.gif rename to widgetstyles/memo/img/widgetBoxIyellow.gif diff --git a/widgetstyles/memo/img/widgetBoxI.png b/widgetstyles/memo/img/widgetBoxIyellow.png similarity index 100% rename from widgetstyles/memo/img/widgetBoxI.png rename to widgetstyles/memo/img/widgetBoxIyellow.png diff --git a/widgetstyles/memo/skin.xml b/widgetstyles/memo/skin.xml index ee5c0f28f..401af734c 100644 --- a/widgetstyles/memo/skin.xml +++ b/widgetstyles/memo/skin.xml @@ -1,86 +1,110 @@ - - - 메모 위젯스타일 - 留言樣式 - 메모지 처럼 꾸며진 위젯스타일 입니다. - 可變換多種留言外框的控件樣式。 - 0.1 - 2009-03-10 - preview.gif - - sol - sol - sol - sol - sol - sol - - - - - 스타일 - 樣式 - - widgetBoxH - 흰색 - 白色 - - - widgetBoxI - 노랑 - 黃色 - - - - 제목 - 栏目图片 - 標題圖片 - 제목 이미지를 등록합니다. - 栏目名可以使用图片。 - 可使用圖片取代標題。 - - - 제목 - 栏目名 - 標題 - 제목 텍스트 - 输入文本形式的栏目名。 - 請輸入標題文字。 - - - 제목 글자색 - 栏目字体色 - 標題顏色 - - - 아이콘 이미지 - 栏目图标 - 標題圖示 - 제목 앞 아이콘 이미지를 등록합니다. - 可以给栏目名指定个性图标。 - 可指定標題前方的圖示。 - - - - 더보기 URL - 查看更多(链接) - more URL - http:// 제외한 URL를 등록합니다. - 请输入除http://以外的URL地址。 - 請輸入http://以外的URL網址。 - - - 더보기 이미지 - 查看更多(图片) - more Image - - - 더보기 텍스트 - 查看更多(文本) - more TEXT - 더보기 텍스트 - 文本形式的"查看更多"。 - 純文字格式。 - - + + + 메모 위젯스타일 + 留言樣式 + 메모지 처럼 꾸며진 위젯스타일 입니다. + 可變換多種留言外框的控件樣式。 + 0.1 + 2009-03-10 + preview.gif + + sol + sol + sol + sol + sol + sol + + + + + 스타일 + 樣式 + + widgetBoxHgray + 회색 + 白色 + + + widgetBoxHred + 빨강 + + + widgetBoxHgreen + 초록 + + + widgetBoxHblue + 파랑 + + + widgetBoxIyellow + 노랑 + 黃色 + + + widgetBoxIred + 빨강 + + + widgetBoxIgreen + 초록 + + + widgetBoxIblue + 파랑 + + + + 제목 + 栏目图片 + 標題圖片 + 제목 이미지를 등록합니다. + 栏目名可以使用图片。 + 可使用圖片取代標題。 + + + 제목 + 栏目名 + 標題 + 제목 텍스트 + 输入文本形式的栏目名。 + 請輸入標題文字。 + + + 제목 글자색 + 栏目字体色 + 標題顏色 + + + 아이콘 이미지 + 栏目图标 + 標題圖示 + 제목 앞 아이콘 이미지를 등록합니다. + 可以给栏目名指定个性图标。 + 可指定標題前方的圖示。 + + + + 더보기 URL + 查看更多(链接) + more URL + http:// 제외한 URL를 등록합니다. + 请输入除http://以外的URL地址。 + 請輸入http://以外的URL網址。 + + + 더보기 이미지 + 查看更多(图片) + more Image + + + 더보기 텍스트 + 查看更多(文本) + more TEXT + 더보기 텍스트 + 文本形式的"查看更多"。 + 純文字格式。 + + \ No newline at end of file diff --git a/widgetstyles/round/css/widgetBoxStyle.css b/widgetstyles/round/css/widgetBoxStyle.css index 7824cf38d..982f2065d 100644 --- a/widgetstyles/round/css/widgetBoxStyle.css +++ b/widgetstyles/round/css/widgetBoxStyle.css @@ -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%;}