.collapse {
|
margin-bottom: 8px;
|
}
|
.collapse .collapse-header-content a{
|
position: relative;
|
display: block;
|
height: 32px;
|
line-height: 32px;
|
text-indent: 32px;
|
background-image: url("../image/up_bg.gif");
|
background-repeat: no-repeat;
|
background-position: 6px;
|
background-color: #B5B2B2;
|
-webkit-border-radius: 4px 4px 0 0;
|
-moz-border-radius: 4px 4px 0 0;
|
-ms-border-radius: 4px 4px 0 0;
|
-o-border-radius: 4px 4px 0 0;
|
border-radius: 4px 4px 0 0;
|
border: 1px solid #bbb;
|
}
|
.collapse.collapsed .collapse-header-content a {
|
background-image: url("../image/down_bg.gif");
|
}
|
|
.collapse .collapse-content {
|
display: none;
|
overflow:hidden;
|
}
|
.collapse .collapse-content .content {
|
padding: 10px 6px;
|
border-left: 1px solid #bbb;
|
border-right: 1px solid #bbb;
|
border-bottom: 1px solid #bbb;
|
}
|
.collapse.collapsed .collapse-content{
|
display: block;
|
}
|
.collapse .collapse-content .content a {
|
display: block;
|
line-height: 32px;
|
}
|
.collapse .collapse-content .content>ul>li>a {
|
text-indent: .5em;
|
}
|
.collapse .collapse-content .content>ul>li>a:hover {
|
background-color: #D3D3D6;
|
}
|
.collapse .collapse-content .content>ul>li>a.active {
|
background-color: #8691F6;
|
}
|
|
.collapse .collapse-content .content>ul>li>a.active-thir {
|
background-color: #D3D3D6;
|
}
|
.collapse .collapse-content .content a i.fa {
|
margin-left: .5em;
|
font-size: 20px;
|
vertical-align: middle;
|
}
|
.collapse .collapse-content .content a.show i.fa {
|
transform: rotate(180deg);
|
-ms-transform: rotate(180deg); /* IE 9 */
|
-webkit-transform: rotate(180deg); /* Safari and Chrome */
|
}
|
.collapse .collapse-content .content a.show {
|
background-color: #D3D3D6;
|
}
|
|
.collapse .collapse-content .content>ul>li>a.show+ul {
|
display: block;
|
}
|
.collapse .collapse-content .content ul ul {
|
display: none;
|
border-left: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
border-bottom: 1px solid #ccc;
|
margin-bottom: .5em;
|
}
|
.collapse .collapse-content .content ul ul a{
|
text-indent: 1em;
|
}
|
.collapse .collapse-content .content ul ul a:hover {
|
background-color: #e7e7ee;
|
}
|
.collapse .collapse-content .content ul ul a.active {
|
background-color: #8691F6;
|
color: #FFFFFF;
|
}
|
/* 徽章计数 */
|
.badge {
|
display: inline-block;
|
padding: 2px 12px;
|
font-size: 12px;
|
line-height: 18px;
|
font-weight: bold;
|
color: #fff;
|
text-indent: 0;
|
text-align: center;
|
white-space: nowrap;
|
vertical-align: middle;
|
background-color: #777;
|
border-radius: 10px;
|
text-decoration: none;
|
}
|
|
.badge.default {
|
color: #333;
|
background-color: #fff;
|
border-color: #97A597;
|
}
|
.badge.default:hover {
|
color: #627EF0;
|
border-color: #9DBA9D;
|
text-decoration: underline;
|
}
|
|
.badge.position-right {
|
position: absolute;
|
top: 50%;
|
margin-top: -11px;
|
right: 1em;
|
}
|