176 lines
3.1 KiB
CSS
176 lines
3.1 KiB
CSS
.tabs-container{
|
|
overflow:hidden;
|
|
background:#fff;
|
|
}
|
|
.tabs-header{
|
|
border:1px solid #8DB2E3;
|
|
background:#E0ECFF;
|
|
border-bottom:0px;
|
|
position:relative;
|
|
overflow:hidden;
|
|
padding:0px;
|
|
padding-top:2px;
|
|
overflow:hidden;
|
|
}
|
|
.tabs-header-noborder{
|
|
border:0px;
|
|
}
|
|
.tabs-header-plain{
|
|
border:0px;
|
|
background:transparent;
|
|
}
|
|
.tabs-scroller-left{
|
|
position:absolute;
|
|
left:0px;
|
|
top:-1px;
|
|
width:18px;
|
|
height:28px!important;
|
|
height:30px;
|
|
border:1px solid #8DB2E3;
|
|
font-size:1px;
|
|
display:none;
|
|
cursor:pointer;
|
|
background:#E0ECFF url('images/tabs_leftarrow.png') no-repeat 1px 5px;
|
|
}
|
|
.tabs-scroller-right{
|
|
position:absolute;
|
|
right:0;
|
|
top:-1px;
|
|
width:18px;
|
|
height:28px!important;
|
|
height:30px;
|
|
border:1px solid #8DB2E3;
|
|
font-size:1px;
|
|
display:none;
|
|
cursor:pointer;
|
|
background:#E0ECFF url('images/tabs_rightarrow.png') no-repeat 2px 5px;
|
|
}
|
|
.tabs-header-plain .tabs-scroller-left{
|
|
top:2px;
|
|
height:25px!important;
|
|
height:27px;
|
|
}
|
|
.tabs-header-plain .tabs-scroller-right{
|
|
top:2px;
|
|
height:25px!important;
|
|
height:27px;
|
|
}
|
|
.tabs-scroller-over{
|
|
background-color:#ECF9F9;
|
|
}
|
|
.tabs-wrap{
|
|
position:relative;
|
|
left:0px;
|
|
overflow:hidden;
|
|
width:100%;
|
|
margin:0px;
|
|
padding:0px;
|
|
}
|
|
.tabs-scrolling{
|
|
margin-left:18px;
|
|
margin-right:18px;
|
|
}
|
|
.tabs{
|
|
list-style-type:none;
|
|
height:26px;
|
|
margin:0px;
|
|
padding:0px;
|
|
padding-left:4px;
|
|
font-size:12px;
|
|
width:5000px;
|
|
border-bottom:1px solid #8DB2E3;
|
|
}
|
|
.tabs li{
|
|
float:left;
|
|
display:inline-block;
|
|
margin1:0px 1px;
|
|
margin-right:4px;
|
|
margin-bottom:-1px;
|
|
padding:0;
|
|
position:relative;
|
|
border:1px solid #8DB2E3;
|
|
-moz-border-radius-topleft:5px;
|
|
-moz-border-radius-topright:5px;
|
|
-webkit-border-top-left-radius:5px;
|
|
-webkit-border-top-right-radius:5px;
|
|
}
|
|
.tabs li a.tabs-inner{
|
|
display:inline-block;
|
|
text-decoration:none;
|
|
color:#416AA3;
|
|
background:url('images/tabs_enabled.png') repeat-x left top;
|
|
margin:0px;
|
|
padding:0px 10px;
|
|
height:25px;
|
|
line-height:25px;
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
-moz-border-radius-topleft:5px;
|
|
-moz-border-radius-topright:5px;
|
|
-webkit-border-top-left-radius:5px;
|
|
-webkit-border-top-right-radius:5px;
|
|
}
|
|
.tabs li a.tabs-inner:hover{
|
|
background:url('images/tabs_active.png') repeat-x left bottom;
|
|
}
|
|
.tabs li.tabs-selected{
|
|
border:1px solid #8DB2E3;
|
|
border-bottom:1px solid #fff;
|
|
border-top1:2px solid #8DB2E3;
|
|
}
|
|
.tabs li.tabs-selected a{
|
|
color:#416AA3;
|
|
font-weight:bold;
|
|
background:#fff;
|
|
background:#7eabcd url('images/tabs_active.png') repeat-x left bottom;
|
|
outline: none;
|
|
}
|
|
.tabs li.tabs-selected a:hover{
|
|
cursor:default;
|
|
pointer:default;
|
|
}
|
|
.tabs-with-icon{
|
|
padding-left:20px;
|
|
}
|
|
.tabs-icon{
|
|
position:absolute;
|
|
width:16px;
|
|
height:16px;
|
|
left:10px;
|
|
top:5px;
|
|
}
|
|
.tabs-closable{
|
|
padding-right:8px;
|
|
}
|
|
.tabs li a.tabs-close{
|
|
position:absolute;
|
|
font-size:1px;
|
|
display:block;
|
|
padding:0px;
|
|
width:11px;
|
|
height:11px;
|
|
top:3px;
|
|
right:3px;
|
|
opacity:0.6;
|
|
filter:alpha(opacity=60);
|
|
background:url('images/tabs_close.gif') no-repeat;
|
|
}
|
|
.tabs li a:hover.tabs-close{
|
|
opacity:1;
|
|
filter:alpha(opacity=100);
|
|
cursor:hand;
|
|
cursor:pointer;
|
|
}
|
|
|
|
|
|
.tabs-panels{
|
|
margin:0px;
|
|
padding:0px;
|
|
border:1px solid #8DB2E3;
|
|
border-top:0px;
|
|
overflow:auto;
|
|
}
|
|
.tabs-panels-noborder{
|
|
border:0px;
|
|
}
|