.mini-tabs-scrollCt { background: #f3f3f3; border-width:0; border-bottom-width:1px; border-color:#D3D3D3; } .mini-tabs-position-top .mini-tabs-header { margin-top:1px; } .mini-tabs-space div { width:4px; } .mini-tabs-space, .mini-tabs-space2 { border-bottom-color:#D3D3D3; } .mini-tabs .mini-tab { padding: 4px 14px 5px 14px; border-radius: 5px 5px 0 0; background: linear-gradient(to bottom,#F8F8F8 0,#eee 100%); border-color: #D3D3D3; color: #879098; } .mini-tab-text { line-height:13px; padding:3px 4px 3px 4px; } .mini-tabs-body, .mini-tab-text { font-size: 14px; font-weight: normal; } .mini-tab .mini-iconfont { font-size:13px; line-height: 16px; text-align:center; margin-right:2px; } .mini-tab-hover { background:#e2e2e2; color:#000; } .mini-tabs .mini-tab-active, .mini-tab-active.mini-tab-hover { position:relative; border-bottom-color:#fff; /*background: linear-gradient(to bottom,#F8F8F8 0,#fff 100%);*/ background:#fff; /*color:#444;*/ color:#000; border-top-color:transparent; } .mini-tab-active { /*font-weight:bold;*/ color:#000; } .mini-tab-close:before { display:none; } .mini-tab-close, .mini-tab-close-hover, .mini-tab-close:hover { margin-top:3px; background: url(images/tabs_icons.png) no-repeat -34px -2px; vertical-align:top; position:relative; left:2px; } .mini-tab-close:hover { background-color:transparent; } .mini-tab-active:before { content: ""; position: absolute; width: 100%; height: 3px; left: 0; top: 0px; background: #28333E; border-top-left-radius: 3px; border-top-right-radius: 3px; } .mini-tabs-nav, .mini-tabs-leftnav { top: 6px; } .mini-tabs .mini-tabs-space, .mini-tabs .mini-tabs-space2 { background:transparent; border-color:#D3D3D3; } /* arrow */ .mini-tabs-leftButton, .mini-tabs-rightButton { background:none; font: normal normal normal 16px/24px FontAwesome; width: 24px; height: 24px; border-color:transparent; color:#000; text-align:center; } a:hover.mini-tabs-leftButton,a:hover.mini-tabs-rightButton { background-color:#e2e2e2; } .mini-tabs-leftButton:before { content: "\f048"; } .mini-tabs-rightButton:before { content: "\f051"; } .mini-tabs-buttons { padding-top:0; } /** tabs-bodys ******************************************************************/ .mini-tabs-bodys { border-color:transparent; background:transparent; } /* tabsbuttons */ #tabsButtons { border-left:1px solid #D3D3D3; height:35px; padding:6px 7px 4px 7px; } .tabsBtn { font-size:16px; display:inline-block; width:24px; height:24px; text-align:center; cursor:pointer; vertical-align:middle; color:#575765; } .tabsBtn:hover { background:#e2e2e2; }