.jimu-widget-sidebar-controller{
|
overflow: hidden;
|
}
|
.jimu-widget-sidebar-controller .title-list{
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
height: 44px;
|
border-top: 1px solid #3a3a3a;
|
border-top: 1px solid rgba(255,255,255,0.08);
|
}
|
.jimu-widget-sidebar-controller .title-node{
|
height: 44px;
|
cursor: pointer;
|
margin-top: -2px;
|
}
|
.jimu-widget-sidebar-controller .max-pane{
|
position: absolute;
|
top: 0;
|
left: 0;
|
right: 0;
|
bottom: 26px;
|
border: 1px solid #111111;
|
}
|
.jimu-widget-sidebar-controller .max-pane .title-node{
|
/*margin-left: 19px;*/
|
/*float: left;*/
|
}
|
.jimu-widget-sidebar-controller .min-pane .title-node:nth-child(1){
|
margin-top: -2px;
|
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
}
|
.jimu-widget-sidebar-controller .max-pane .title-node:nth-child(1){
|
margin-left: 0;
|
}
|
|
.jimu-widget-sidebar-controller .title-node img{
|
margin: 11px 29.62962962962963%;/*16/54*/
|
width: 40.74074074074074%; /*22/54*/
|
height: auto;
|
}
|
.jimu-widget-sidebar-controller .tab-indicator{
|
width: 0px;
|
height: 2px;
|
margin: auto;
|
}
|
.jimu-widget-sidebar-controller .title-node:nth-child(1) .tab-indicator{
|
background-color: #ec7655;
|
}
|
.jimu-widget-sidebar-controller .title-node:nth-child(2) .tab-indicator{
|
background-color: #fac15a;
|
}
|
.jimu-widget-sidebar-controller .title-node:nth-child(3) .tab-indicator{
|
background-color: #a3ca4b;
|
}
|
.jimu-widget-sidebar-controller .title-node:nth-child(4) .tab-indicator{
|
background-color: #5eb4e6;
|
}
|
.jimu-widget-sidebar-controller .title-node:nth-child(5) .tab-indicator{
|
background-color: #b996d5;
|
}
|
|
.jimu-widget-sidebar-controller .content-list{
|
position: absolute;
|
left: 0;
|
top: 45px;
|
right: 0;
|
bottom: 0;
|
}
|
.jimu-widget-sidebar-controller .content-node{
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
outline: 1px solid rgba(0,0,0, 0.3);
|
border-top: 1px solid rgba(255,255,255, 0.08);
|
}
|
.jimu-widget-sidebar-controller .content-title-bg{
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: -1px;
|
height: 18px;
|
opacity: 0.2;
|
}
|
.jimu-widget-sidebar-controller .content-title{
|
position: absolute;
|
left: 14px;
|
top: 2px;
|
color: #888;
|
font: 10px Arial;
|
}
|
.jimu-widget-sidebar-controller .content-pane{
|
position: absolute;
|
left: 0;
|
top: 18px;
|
right: 0;
|
bottom: 0;
|
overflow: hidden;
|
}
|
.jimu-widget-sidebar-controller .content-pane .more-group-pane{
|
position: absolute;
|
left: 0;
|
top: 0;
|
right: 0;
|
bottom: 0;
|
overflow: hidden;
|
}
|
|
.jimu-widget-sidebar-controller .tab-resizer{
|
left: 0;
|
right: 0;
|
bottom: 0;
|
height: 24px;
|
position: absolute;
|
border: 1px solid #111111;
|
border-top: 1px solid #333333;
|
border-top: 1px solid rgba(255,255,255,0.08);
|
}
|
|
.jimu-widget-sidebar-controller .tab-resizer .action-node{
|
width: 50px;
|
overflow: hidden;
|
height: 100%;
|
/*float: right; */
|
cursor: pointer;
|
}
|
|
.jimu-widget-sidebar-controller .tab-resizer .action-node div{
|
width: 11px;
|
height: 24px;
|
margin-left: auto;
|
margin-right: auto;
|
background-repeat: no-repeat;
|
background-position: center;
|
}
|
|
.jimu-widget-sidebar-controller .tab-resizer .left-arrow{
|
background-image: url(images/arrow_left.png);
|
}
|
.jimu-widget-sidebar-controller .tab-resizer .left-arrow:hover{
|
background-image: url(images/arrow_left_hover.png);
|
}
|
.jimu-widget-sidebar-controller .tab-resizer .right-arrow{
|
background-image: url(images/arrow_right.png);
|
}
|
.jimu-widget-sidebar-controller .tab-resizer .right-arrow:hover{
|
background-image: url(images/arrow_right_hover.png);
|
}
|
|
.jimu-widget-sidebar-controller .min-pane{
|
position: absolute;
|
top: 0;
|
bottom: 26px;
|
left: 0;
|
right: 0;
|
border: 1px solid #111111;
|
}
|
|
.jimu-widget-sidebar-controller .other-group-pane{
|
border: 1px solid #111111;
|
border-left: none;
|
position: absolute;
|
left: 365px;
|
top: 0;
|
right: 0;
|
bottom: 16px;
|
/*background-color: #222;*/
|
overflow-y: auto;
|
}
|
.jimu-widget-sidebar-controller .other-group:hover{
|
background-color: #333;
|
}
|
.jimu-widget-sidebar-controller .other-group-pane .jimu-state-active{
|
background-color: #292929;
|
}
|
.jimu-widget-sidebar-controller .other-group-pane-title{
|
width: 100%;
|
height: 18px;
|
position: relative;
|
}
|
.jimu-widget-sidebar-controller .other-group-pane-title .bg{
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
border-bottom: 1px solid rgba(255,255,255,0.7);
|
opacity: 0.3;
|
}
|
.jimu-widget-sidebar-controller .other-group-pane-title .text{
|
position: absolute;
|
left: 14px;
|
top: 1px;
|
color: white;
|
font: 10px Arial;
|
}
|
.jimu-widget-sidebar-controller .other-group-pane-title .close{
|
position: absolute;
|
right: 5px;
|
top: 3px;
|
height: 11px;
|
width: 35px;
|
cursor: pointer;
|
background: center center no-repeat url(images/close.png);
|
}
|
.jimu-widget-sidebar-controller .other-group{
|
cursor: pointer;
|
width: 100%;
|
height: 45px;
|
overflow: hidden;
|
}
|
.jimu-widget-sidebar-controller .other-group-icon{
|
margin: 11px 24px;
|
width: 22px;
|
height: 22px;
|
}
|
.jimu-widget-sidebar-controller .other-group-title{
|
margin: 15px 0;
|
color: white;
|
font: 12px Arial;
|
/*font-weight: bold;*/
|
}
|
.jimu-widget-sidebar-controller .other-group-choose{
|
margin: 15px 30px;
|
}
|
|
/*widget pane in the GroupTabContainer*/
|
.jimu-widget-sidebar-controller .wp{
|
border: 1px solid transparent;
|
}
|
.jimu-widget-sidebar-controller .wp-title{
|
overflow: hidden;
|
}
|
.jimu-widget-sidebar-controller .wp-title .title-text{
|
width: 57px;
|
height: 20px;
|
padding: 5px 13px;
|
background-color: white;
|
float: left;
|
border-top-left-radius: 4px;
|
color: #222;
|
font: 12px Arial;
|
/*font-weight: bold;*/
|
}
|
.jimu-widget-sidebar-controller .wp-title .title-angle{
|
width: 21px;
|
height: 20px;
|
background: url(images/tab_triangle.png);
|
float: left;
|
}
|
.jimu-widget-sidebar-controller .wp-pane{
|
background-color: white;
|
overflow: hidden;
|
border-bottom-left-radius: 4px;
|
border-bottom-right-radius: 4px;
|
border-top-right-radius: 4px;
|
position: relative;
|
}
|
|
/** for IE7/8, they don't support nth-child ***/
|
.jimu-widget-sidebar-controller .min-pane .title-node:first-child{
|
border-top: 1px solid #3a3a3a;
|
}
|
.jimu-widget-sidebar-controller .max-pane .title-node:first-child{
|
margin-left: 0;
|
}
|
|
.jimu-widget-sidebar-controller .title-node:first-child .tab-indicator{
|
background-color: #ec7655;
|
}
|
.jimu-widget-sidebar-controller .title-node:first-child+.title-node .tab-indicator{
|
background-color: #fac15a;
|
}
|
.jimu-widget-sidebar-controller .title-node:first-child+.title-node+.title-node .tab-indicator{
|
background-color: #a3ca4b;
|
}
|
.jimu-widget-sidebar-controller .title-node:first-child+.title-node+.title-node+.title-node .tab-indicator{
|
background-color: #5eb4e6;
|
}
|
.jimu-widget-sidebar-controller .title-node:first-child+.title-node+.title-node+.title-node+.title-node .tab-indicator{
|
background-color: #b996d5;
|
}
|
|
.jimu-widget-sidebar-controller .content-title-bg{
|
filter: alpha(opacity=12); /* IE 7 and Earlier */
|
/* Next 2 lines IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)";
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=12);
|
}
|
|
.jimu-widget-sidebar-controller .other-group-pane-title .bg{
|
filter: alpha(opacity=30); /* IE 7 and Earlier */
|
/* Next 2 lines IE8 */
|
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
|
}
|
|
.jimu-rtl .jimu-widget-sidebar-controller .other-group-pane-title .text{
|
right: 14px;
|
left: auto;
|
}
|
.jimu-rtl .jimu-widget-sidebar-controller .other-group-pane-title .close{
|
left: 5px;
|
right: auto;
|
}
|
