You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
4.6 KiB
CSS
101 lines
4.6 KiB
CSS
11 months ago
|
.tabpanel{border:solid 1px #8db2e3;width:100%;height:100%}
|
||
|
|
.tabpanel_tab_content {
|
||
|
|
margin:12px 8px 0px 8px;
|
||
|
|
height: 28px;
|
||
|
|
line-height: 28px;
|
||
|
|
/* background-color: #f9f9f9;
|
||
|
|
border-bottom: 1px solid #e5e5e5;*/
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.tabpanel_tab_content .tabpanel_move_content{width:0;overflow:hidden}.tabpanel_move_content_scroll{margin-left:18px;margin-right:18px}
|
||
|
|
.tabpanel_mover {
|
||
|
|
width: 5000px;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
position: relative
|
||
|
|
}
|
||
|
|
.tabpanel_mover li {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
margin: 0 7px;
|
||
|
|
padding: 0 20px;
|
||
|
|
height: 26px;
|
||
|
|
line-height: 25px;
|
||
|
|
background-color: #fff;
|
||
|
|
float: left;
|
||
|
|
position: relative;
|
||
|
|
list-style-type: none;
|
||
|
|
cursor: pointer;
|
||
|
|
border-radius: 1vh;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li:hover {
|
||
|
|
/*background: #316ee6;
|
||
|
|
color: #fff !important;*/
|
||
|
|
background:#fff;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li .refresher {
|
||
|
|
display: none
|
||
|
|
}
|
||
|
|
.tabpanel_mover li .closer {
|
||
|
|
font: 11px/1 FontAwesome;
|
||
|
|
top: 6px;
|
||
|
|
right: 4px;
|
||
|
|
opacity: .7;
|
||
|
|
background: transparent url(../image/tab-close.png) no-repeat;
|
||
|
|
background: 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 11px;
|
||
|
|
height: 11px;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li.active .closer:hover {
|
||
|
|
background: 0 !important;
|
||
|
|
color: #fff;
|
||
|
|
opacity: .9;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li .closer:hover {
|
||
|
|
background: 0;
|
||
|
|
-moz-transform: scale(1.2);
|
||
|
|
-webkit-transform: scale(1.2);
|
||
|
|
-o-transform: scale(1.2);
|
||
|
|
-ms-transform: scale(1.2);
|
||
|
|
transform: scale(1.2);
|
||
|
|
color: #d30606;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li .closer:before {
|
||
|
|
content: "\f00d";
|
||
|
|
}
|
||
|
|
|
||
|
|
/*.tabpanel_mover li .closer:hover{background:transparent url(../image/tab-close.gif) no-repeat}*/
|
||
|
|
.tabpanel_mover li .title {
|
||
|
|
margin-left:-10px;
|
||
|
|
font-size: 14px;
|
||
|
|
overflow: hidden;
|
||
|
|
float: left;
|
||
|
|
*height: 20px;
|
||
|
|
*line-height: 20px;
|
||
|
|
*margin-top: 2px
|
||
|
|
}
|
||
|
|
.tabpanel_mover li .title i{font-size:18px;vertical-align:middle;margin-top:-2px}
|
||
|
|
.tabpanel_mover li div{color:#23508e}
|
||
|
|
.tabpanel_mover li .icon_title{font-size:12px;color:#23508e;padding-left:25px;background-repeat:no-repeat;background-position:5px 4px;overflow:hidden;float:left;*height:20px;*line-height:20px;*margin-top:2px;*background-position:5px 1px}
|
||
|
|
.tabpanel_mover li.active {
|
||
|
|
background: #316ee6;
|
||
|
|
color: #fff;
|
||
|
|
}
|
||
|
|
.tabpanel_mover li.active div{
|
||
|
|
color:#fff;
|
||
|
|
}
|
||
|
|
.tabpanel_tab_content .tabpanel_left_scroll {
|
||
|
|
background: transparent url(../image/scroll-left.gif) no-repeat 0 0;
|
||
|
|
position: absolute;
|
||
|
|
width: 18px;
|
||
|
|
height: 24px;
|
||
|
|
left: 0;
|
||
|
|
top: 8px;
|
||
|
|
cursor: pointer;
|
||
|
|
z-index: 10
|
||
|
|
}.tabpanel_tab_content .tabpanel_right_scroll{background:transparent url(../image/scroll-right.gif) no-repeat 0 0;position:absolute;width:18px;height:24px;right:0;top:8px;cursor:pointer;z-index:10}.tabpanel_tab_content .tabpanel_scroll_over{background-position:-18px 1px}.tabpanel_tab_content .tabpanel_left_scroll_disabled{background-position:0 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);cursor:default}.tabpanel_right_scroll_disabled{background-position:-36px 0;opacity:.5;-moz-opacity:.5;filter:alpha(opacity = 50);cursor:default}.display_none{display:none}.disabled{color:gray}.tabpanel_tab_content .tabpanel_tab_spacer{font-size:1px;line-height:1px;margin-top:-1px}.tabpanel_content{background-color:#FFF;overflow:hidden;position:relative;transition:all 50ms;margin:14px;}.tabpanel_content .html_content{width:100%;height:100%;background-color:#FFF;position:absolute;z-index:0;left:0;top:0}.div_RightMenu{position:absolute;list-style:none;width:100px;z-index:999999;display:none}.div_RightMenu div{background:#eee;position:relative;font-size:13px}.div_RightMenu ul{position:relative;background:#fff;border:1px solid #ddd;left:-2px;top:-2px;margin:0;padding:1px 0;border-radius:3px}.div_RightMenu ul li{list-style:none;padding:4px 12px;cursor:pointer;text-align:left}.div_RightMenu ul li.RM_mouseover{background-color:#e1e3e9}
|