mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-08 03:01:43 +09:00
ab5eaf4e70
UI 디버깅. 위젯 스타일 '라운드 박스'에 대한 IE7, IE6 디버깅. git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5892 201d5d3c-b55e-5fd7-737f-ddc643e51545
53 lines
3 KiB
CSS
53 lines
3 KiB
CSS
@charset "utf-8";
|
|
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
|
|
|
.widgetBoxContainer{ position:relative;}
|
|
|
|
.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;}
|
|
.widgetBox .rcBottom .bl{ top:0;}
|
|
.widgetBox .rcBottom .br{ top:0;}
|
|
|
|
.widgetBoxA .widgetBox{ background:#fff;}
|
|
.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;}
|
|
|
|
.widgetBoxB .widgetBox{ background:#fff;}
|
|
.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;}
|
|
|
|
.widgetBoxC{ padding:3px 0; background:#fff;}
|
|
.widgetBoxC .widgetBox{ border-left:1px solid #ccc; border-right:1px solid #ccc;}
|
|
.widgetBoxC .widgetBoxHeader{ position:relative; padding:4px 0; margin:1px; text-indent:15px; border-bottom:1px solid #ddd; background:url(../img/headerBgC.gif) repeat-x;}
|
|
.widgetBoxC .widgetMore{ top:5px; right:15px;}
|
|
.widgetBoxC .rcTop,
|
|
.widgetBoxC .rcBottom{ height:3px;}
|
|
.widgetBoxC .rcTop{ top:-3px;}
|
|
.widgetBoxC .rcBottom{ 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%;}
|
|
.widgetBoxC .rcBottom .bl{ background-position:0 bottom; left:0px;}
|
|
.widgetBoxC .rcBottom .br{ background-position:right bottom; left:50%;}
|
|
|
|
.widgetBoxG .widgetBox{ background:#fff;}
|
|
.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;}
|