177 lines
14 KiB
CSS
Executable File
177 lines
14 KiB
CSS
Executable File
body,html{height:100%;overflow:hidden;}
|
|
.layout-boxed body,.layout-boxed html{height:100%}
|
|
body{font-family:'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;font-size:12px;}
|
|
.wrapper{height:100%;position:relative;overflow-x:hidden;overflow-y:auto}
|
|
.wrapper:after,.wrapper:before{content:" ";display:table}
|
|
.wrapper:after{clear:both}
|
|
.wrapper:after,.wrapper:before{content:" ";display:table}
|
|
.wrapper:after{clear:both}
|
|
.layout-boxed .wrapper{max-width:1250px;margin:0 auto;min-height:100%;box-shadow:0 0 8px rgba(0,0,0,.5);position:relative}
|
|
.layout-boxed{background:url(../img/boxed-bg.jpg) repeat fixed}
|
|
.content-wrapper,.main-footer{-webkit-transition:-webkit-transform .3s ease-in-out,margin .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,margin .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,margin .3s ease-in-out;transition:transform .3s ease-in-out,margin .3s ease-in-out;margin-left:170px;z-index:820}
|
|
.layout-top-nav .content-wrapper,.layout-top-nav .main-footer{margin-left:0}
|
|
@media (max-width:767px){.content-wrapper,.main-footer{margin-left:0}
|
|
}
|
|
@media (min-width:768px){.sidebar-collapse .content-wrapper,.sidebar-collapse .main-footer{margin-left:0}
|
|
}
|
|
@media (max-width:767px){.sidebar-open .content-wrapper,.sidebar-open .main-footer{-webkit-transform:translate(160px,0);-ms-transform:translate(160px,0);-o-transform:translate(160px,0);transform:translate(160px,0)}
|
|
}
|
|
.content-wrapper{min-height:100%;background-color:#ecf0f5;z-index:800}
|
|
.main-footer{background:#fff;padding:15px;color:#444;border-top:1px solid #d2d6de}
|
|
.fixed .left-side,.fixed .main-header,.fixed .main-sidebar{position:fixed}
|
|
.fixed .main-header{top:0;right:0;left:0}
|
|
.fixed .content-wrapper,.fixed .right-side{padding-top:50px}
|
|
@media (max-width:767px){.fixed .content-wrapper,.fixed .right-side{padding-top:100px}
|
|
}
|
|
.fixed.layout-boxed .wrapper{max-width:100%}
|
|
.fixed .wrapper{overflow:hidden}
|
|
.hold-transition .content-wrapper,.hold-transition .left-side,.hold-transition .main-footer,.hold-transition .main-header .logo,.hold-transition .main-header .navbar,.hold-transition .main-sidebar,.hold-transition .menu-open .fa-angle-left,.hold-transition .right-side{-webkit-transition:none;-o-transition:none;transition:none}
|
|
.content{height:100%;margin:0 auto;}
|
|
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:'Source Sans Pro',sans-serif}
|
|
a{color:#337ab7}
|
|
a:active,a:focus,a:hover{outline:0;text-decoration:none;color:#23527c}
|
|
.page-header{margin:10px 0 20px 0;font-size:22px}
|
|
.page-header>small{color:#666;display:block;margin-top:5px}
|
|
.main-header{position:relative;max-height:50px;z-index:1030}
|
|
.main-header .navbar{-webkit-transition:margin-left .3s ease-in-out;-o-transition:margin-left .3s ease-in-out;transition:margin-left .3s ease-in-out;margin-bottom:0;margin-left:170px;border:none;min-height:40px;border-radius:0}
|
|
.layout-top-nav .main-header .navbar{margin-left:0}
|
|
.main-header #navbar-search-input.form-control{background:rgba(255,255,255,.2);border-color:transparent}
|
|
.main-header #navbar-search-input.form-control:active,.main-header #navbar-search-input.form-control:focus{border-color:rgba(0,0,0,.1);background:rgba(255,255,255,.9)}
|
|
.main-header #navbar-search-input.form-control::-moz-placeholder{color:#ccc;opacity:1}
|
|
.main-header #navbar-search-input.form-control:-ms-input-placeholder{color:#ccc}
|
|
.main-header #navbar-search-input.form-control::-webkit-input-placeholder{color:#ccc}
|
|
.main-header .navbar-custom-menu,.main-header .navbar-right{float:right}
|
|
@media (max-width:991px){.main-header .navbar-custom-menu a,.main-header .navbar-right a{color:inherit;background:0 0}
|
|
}
|
|
@media (max-width:767px){.main-header .navbar-right{float:none}
|
|
.navbar-collapse .main-header .navbar-right{margin:7.5px -15px}
|
|
.main-header .navbar-right>li{color:inherit;border:0}
|
|
}
|
|
.main-header .sidebar-toggle{float:left;background-color:transparent;background-image:none;font-family:fontAwesome}
|
|
.main-header .sidebar-toggle:before{content:"\f0c9"}
|
|
.main-header .sidebar-toggle:hover{color:#fff}
|
|
.main-header .sidebar-toggle:active,.main-header .sidebar-toggle:focus{background:0 0}
|
|
.main-header .sidebar-toggle .icon-bar{display:none}
|
|
.main-header .navbar .nav>li.user>a>.fa,.main-header .navbar .nav>li.user>a>.glyphicon,.main-header .navbar .nav>li.user>a>.ion{margin-right:5px}
|
|
.main-header .navbar .nav>li>a>.label{position:absolute;top:9px;right:7px;text-align:center;font-size:9px;padding:2px 3px;line-height:.9}
|
|
.main-header .logo{-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out;display:block;float:left;height:50px;font-size:20px;line-height:50px;text-align:center;width:170px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;padding:0 15px;font-weight:300;overflow:hidden}
|
|
.main-header .logo .logo-lg{display:block;font-weight: bold;font-size: 25px;text-shadow: 3px 3px 7px #000;}
|
|
.main-header .logo .logo-lg .logo-txt{font-size:20px;margin-left:2px;height:50px;line-height:50px}
|
|
.main-header .logo .logo-mini{display:none;text-shadow: 3px 3px 7px #000;}
|
|
.main-header .navbar-brand{color:#fff}
|
|
.content-header{position:relative;}
|
|
.content-header>h1{margin:0;font-size:24px}
|
|
.content-header>h1>small{font-size:15px;display:inline-block;padding-left:4px;font-weight:300}
|
|
.content-header>.breadcrumb{border-bottom:solid 2px #222d32;height:40px;line-height:31px;background:0 0;margin-top:0;margin-bottom:0;font-size:12px;padding:5px 5px;border-radius:2px}
|
|
.content-header>.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}
|
|
.content-header>.breadcrumb>li>a>.fa,.content-header>.breadcrumb>li>a>.glyphicon,.content-header>.breadcrumb>li>a>.ion{margin-right:5px}
|
|
.content-header>.breadcrumb>li+li:before{content:'>\00a0'}
|
|
@media (max-width:991px){.content-header>.breadcrumb{position:relative;top:0;right:0;float:none;background:#d2d6de;padding-left:10px}
|
|
.content-header>.breadcrumb li:before{color:#97a0b3}
|
|
}
|
|
.navbar-toggle{color:#fff;border:0;margin:0;padding:15px 15px}
|
|
@media (max-width:991px){.navbar-custom-menu .navbar-nav>li{float:left}
|
|
.navbar-custom-menu .navbar-nav{margin:0;float:left}
|
|
.navbar-custom-menu .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
|
|
}
|
|
@media (max-width:767px){.main-header{position:relative}
|
|
.main-header .logo,.main-header .navbar{width:100%;float:none}
|
|
.main-header .navbar{margin:0}
|
|
.main-header .navbar-custom-menu{float:right}
|
|
.navbar .nav-top .top-menu span{display:none;}
|
|
}
|
|
@media (max-width:991px){.navbar-collapse.pull-left{float:none!important}
|
|
.navbar-collapse.pull-left+.navbar-custom-menu{display:block;position:absolute;top:0;right:40px}
|
|
}
|
|
.main-sidebar{position:absolute;top:0;left:0;padding-top:50px;min-height:100%;width:170px;z-index:810;-webkit-transition:-webkit-transform .3s ease-in-out,width .3s ease-in-out;-moz-transition:-moz-transform .3s ease-in-out,width .3s ease-in-out;-o-transition:-o-transform .3s ease-in-out,width .3s ease-in-out;transition:transform .3s ease-in-out,width .3s ease-in-out}
|
|
@media (max-width:767px){.main-sidebar{padding-top:100px}
|
|
}
|
|
@media (max-width:767px){.main-sidebar{-webkit-transform:translate(-160px,0);-ms-transform:translate(-160px,0);-o-transform:translate(-160px,0);transform:translate(-160px,0)}
|
|
}
|
|
@media (min-width:768px){.sidebar-collapse .main-sidebar{-webkit-transform:translate(-160px,0);-ms-transform:translate(-160px,0);-o-transform:translate(-160px,0);transform:translate(-160px,0)}
|
|
}
|
|
@media (max-width:767px){.navbar .nav-top .top-menu span{display:none;}.sidebar-open .main-sidebar{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}
|
|
}
|
|
.navbar-nav > .user-menu .user-image {float: left;width: 25px;height: 25px;border-radius: 50%;margin-right: 10px;margin-top: -2px;}
|
|
@media (max-width: 767px) {.navbar-nav > .user-menu .user-image {float: none;margin-right: 0;margin-top: -8px;line-height: 10px;}}
|
|
.sidebar{padding-bottom:10px}
|
|
.sidebar-form input:focus{border-color:transparent}
|
|
.user-panel{position:relative;width:100%;padding:20px 10px 20px 10px;overflow:hidden}
|
|
.user-panel:after,.user-panel:before{content:" ";display:table}
|
|
.user-panel:after{clear:both}
|
|
.user-panel:after,.user-panel:before{content:" ";display:table}
|
|
.user-panel:after{clear:both}
|
|
.user-panel>.image>img{width:100%;max-width:45px;height:auto}
|
|
.user-panel>.info{padding:5px 5px 5px 15px;line-height:1;position:absolute;left:55px}
|
|
.user-panel>.info>p{font-weight:600;margin-bottom:9px}
|
|
.user-panel>.info>a{text-decoration:none;padding-right:5px;margin-top:3px;font-size:11px}
|
|
.user-panel>.info>a>.fa,.user-panel>.info>a>.glyphicon,.user-panel>.info>a>.ion{margin-right:3px}
|
|
.user-panel>.button{margin-top:10px;}
|
|
.sidebar-menu{list-style:none;margin:0;padding:0}
|
|
.sidebar-menu>li{position:relative;margin:0;padding:0}
|
|
.sidebar-menu>li>a{padding:12px 5px 12px 15px;display:block;}
|
|
.sidebar-menu>li>a>.fa,.sidebar-menu>li>a>.glyphicon,.sidebar-menu>li>a>.ion{width:20px}
|
|
.sidebar-menu>li .badge,.sidebar-menu>li .label{margin-right:5px}
|
|
.sidebar-menu>li .badge{margin-top:3px}
|
|
.sidebar-menu li.header{padding:10px 25px 10px 15px;}
|
|
.sidebar-menu li>a>.fa-angle-left,.sidebar-menu li>a>.pull-right-container>.fa-angle-left{width:auto;height:auto;padding:0;margin-right:10px;-webkit-transition:transform .5s ease;-o-transition:transform .5s ease;transition:transform .5s ease}
|
|
.sidebar-menu li>a>.fa-angle-left{position:absolute;top:50%;right:10px;margin-top:-8px}
|
|
.sidebar-menu .menu-open>a>.fa-angle-left,.sidebar-menu .menu-open>a>.pull-right-container>.fa-angle-left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}
|
|
.sidebar-menu .active>.treeview-menu{display:block;}
|
|
@media (min-width:768px){.sidebar-mini.sidebar-collapse .content-wrapper,.sidebar-mini.sidebar-collapse .main-footer,.sidebar-mini.sidebar-collapse .right-side{margin-left:50px!important;z-index:840}
|
|
.sidebar-mini.sidebar-collapse .main-sidebar{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0);width:50px!important;z-index:850}
|
|
.sidebar-mini.sidebar-collapse .sidebar-menu>li{position:relative}
|
|
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a{margin-right:0}
|
|
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{border-top-right-radius:4px}
|
|
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span{border-bottom-right-radius:4px}
|
|
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{padding-top:5px;padding-bottom:5px;border-bottom-right-radius:4px}
|
|
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info,.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.button,.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.button,.sidebar-mini.sidebar-collapse .sidebar-form,.sidebar-mini.sidebar-collapse .sidebar-menu li.header,.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right,.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span{display:none!important;-webkit-transform:translateZ(0)}
|
|
.sidebar-mini.sidebar-collapse .main-header .logo{width:50px}
|
|
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini{display:block;margin-left:-15px;margin-right:-15px;font-size:18px}
|
|
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg{display:none}
|
|
.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:50px}
|
|
}
|
|
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){display:block!important;position:absolute;width:160px;left:50px}
|
|
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>span{top:0;margin-left:-3px;padding:12px 5px 12px 20px;background-color:inherit}
|
|
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container{position:relative!important;float:right;width:auto!important;left:160px!important;top:-22px!important;z-index:900}
|
|
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type){display:none}
|
|
.sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{top:40px;margin-left:0}
|
|
.sidebar-expanded-on-hover .content-wrapper,.sidebar-expanded-on-hover .main-footer{margin-left:50px}
|
|
.sidebar-expanded-on-hover .main-sidebar{box-shadow:3px 0 8px rgba(0,0,0,.125)}
|
|
.main-sidebar .user-panel,.sidebar-menu,.sidebar-menu>li.header{white-space:nowrap;overflow:hidden}
|
|
.sidebar-menu:hover{overflow:visible}
|
|
.sidebar-form,.sidebar-menu>li.header{overflow:hidden;text-overflow:clip}
|
|
.sidebar-menu li>a{position:relative}
|
|
.sidebar-menu li>a>.pull-right-container{position:absolute;right:10px;top:50%;margin-top:0px}
|
|
.treeview-menu{display:none;list-style:none;padding:0;margin:0;padding-left:5px}
|
|
.treeview-menu .treeview-menu{padding-left:20px}
|
|
.treeview-menu>li{margin:0}
|
|
.treeview-menu>li>a{padding:5px 5px 5px 25px;display:block;color:#b8c7ce;}
|
|
.treeview-menu>li>a>.fa,.treeview-menu>li>a>.glyphicon,.treeview-menu>li>a>.ion{width:20px}
|
|
.treeview-menu>li>a>.fa-angle-down,.treeview-menu>li>a>.fa-angle-left,.treeview-menu>li>a>.pull-right-container>.fa-angle-down,.treeview-menu>li>a>.pull-right-container>.fa-angle-left{width:auto}
|
|
|
|
.main-header>.navbar .nav-top{display:inline;margin-bottom:0px;margin-top:0px;}
|
|
.main-header>.navbar .nav-top li{line-height:50px;height:37px;overflow:hidden;list-style:none;display:inline-block;color:#fff;margin-right:20px;}
|
|
.main-header>.navbar .nav-top li a{color:#fff;}
|
|
.main-header>.navbar .nav-top>li>a>.fa{width:15px;}
|
|
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px;font-size: 14px;}
|
|
.content-wrapper .content-header button{padding:0px;position: absolute;right: 0px;top:0px;background:#fff;border:0;height:38px;line-height:40px;width:40px;outline:0}
|
|
.content-wrapper .content-header button:hover{background:#fafafa}
|
|
.content-wrapper .content-header button i{color: #999;}
|
|
.dropdown-menu{min-width:120px;box-shadow:#eee;border-color:#eee;}
|
|
.dropdown-menu>li>a{font-size:12px;}
|
|
.dropdown-menu>li>a>.fa{margin-right:10px;}
|
|
/***风格覆盖***/
|
|
.skin-blue .main-header .navbar{background:#2cabe3;}
|
|
.skin-blue .main-header .logo{background:#2cabe3;}
|
|
.wst-focus{background: rgba(0,0,0,0.1);color: #f6f6f6}
|
|
|
|
.edit-pass{display: inline-block;background:#F7FCFF;padding:3px 5px;margin-right:5px;color:#000000;border-radius:4px;}
|
|
.logout{display: inline-block;background:#F7FCFF;padding:3px 5px;color:#000000;border-radius:4px;}
|
|
.edit-pass:hover{background:#f5f5f5;}
|
|
.logout:hover{background:#f5f5f5;}
|
|
.edit-pass i,.logout i{color:#000000;margin-right:2px;}
|
|
.edit-pass span,.logout span{color:#000000;font-size:12px;}
|
|
|
|
|