mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-06 18:21:39 +09:00
127ef51046
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5984 201d5d3c-b55e-5fd7-737f-ddc643e51545
70 lines
4.6 KiB
CSS
70 lines
4.6 KiB
CSS
@charset "utf-8";
|
|
/* NHN > UIT Center > Open UI Technology Team > Jeong Chan Myeong(dece24@nhncorp.com) */
|
|
|
|
.widgetBoxContainer{ position:relative;}
|
|
|
|
|
|
.widgetBox{ position:relative; *zoom:1; }
|
|
.widgetBox:after{content:""; display:block; clear:both; }
|
|
.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 .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;}
|
|
|
|
.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:50px !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:50px !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:50px !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:50px !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;}
|