mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-04 01:01:41 +09:00
widgetStyle for widgetBox
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@5984 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
parent
c29d8f9d56
commit
127ef51046
15 changed files with 134 additions and 43 deletions
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,9 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,12 +3,13 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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 .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1; float:left; clear:both; }
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
|
|
@ -23,7 +24,7 @@
|
|||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEred .rcTop{ position:absolute; top:-3px; left:0; }
|
||||
.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;}
|
||||
|
|
@ -39,7 +40,7 @@
|
|||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEgreen .rcTop{ position:absolute; top:-3px; left:0; }
|
||||
.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;}
|
||||
|
|
@ -55,7 +56,7 @@
|
|||
.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{ position:absolute; top:-3px;}
|
||||
.widgetBoxEblue .rcTop{ position:absolute; top:-3px; left:0;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,12 +3,13 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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 .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1; float:left; clear:both; }
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
|
|
@ -21,7 +22,7 @@
|
|||
.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{ position:absolute; top:-8px;}
|
||||
.widgetBoxDred .rcTop{ position:absolute; top:-8px; left:0;}
|
||||
.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;}
|
||||
|
|
@ -35,7 +36,7 @@
|
|||
.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{ position:absolute; top:-8px;}
|
||||
.widgetBoxDgreen .rcTop{ position:absolute; top:-8px; left:0;}
|
||||
.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;}
|
||||
|
|
@ -49,7 +50,7 @@
|
|||
.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{ position:absolute; top:-8px;}
|
||||
.widgetBoxDblue .rcTop{ position:absolute; top:-8px; left:0;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,12 +3,13 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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 .rcContainer{ display:block; width:100%; font-size:0; line-height:0; z-index:1; *zoom:1; float:left; clear:both; }
|
||||
.widgetBox .rc{ position:absolute; display:block; font-size:0; line-height:0; overflow:hidden;}
|
||||
.widgetBox .rcTop .tl{ top:0;}
|
||||
.widgetBox .rcTop .tr{ top:0;}
|
||||
|
|
@ -21,7 +22,7 @@
|
|||
.widgetBoxC .widgetMore{ top:5px; right:15px;}
|
||||
.widgetBoxC .rcTop,
|
||||
.widgetBoxC .rcBottom{ height:3px;}
|
||||
.widgetBoxC .rcTop{ position:absolute; top:-3px;}
|
||||
.widgetBoxC .rcTop{ position:absolute; top:-3px; left:0; }
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,8 @@
|
|||
|
||||
.widgetBoxContainer{ position:relative;}
|
||||
|
||||
.widgetBox{ position:relative; *zoom:1;}
|
||||
.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;}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue