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;}