@charset "utf-8";
|
/* CSS Document */
|
html{overflow: hidden;}
|
body{background: #f0f1f5;}
|
|
/* -------------------------------------------------- */
|
.header{background:#3c8dbc; height:60px; position: relative; z-index: 10;}
|
.header .logo{position: absolute; top:0; left:0;}
|
.f_mid{position: absolute; color:#fff; background: #3c8dbc; border-radius: 2px; padding:8px; left:210px; top:14px; z-index:99; font-size: 16px;}
|
.f_mid:hover{background: #0375ad;}
|
|
|
.navbar-menu{position:absolute; top:20px; right:20px;}
|
.navbar-menu li{float: left; font-size:20px; color:#fff; margin-right: 20px; position: relative; cursor:pointer;}
|
.navbar-menu li.username img{width: 26px; height: 26px; border-radius: 50%;}
|
.navbar-menu li .username_link{position: absolute; top:40px; right:-110px; background: #fff; width:280px; text-align: center; z-index: 20; border-radius: 3px; display: none; box-shadow: 0px 5px 10px #e9ecee; border: 1px solid #f5f8fa; color:#333; padding-bottom:10px;}
|
.navbar-menu li .username_link .head_portrait{background:#3c8dbc; padding:10px 0 20px 0;}
|
.navbar-menu li.username .username_link img{z-index: 5; height: 90px; width: 90px; border: 3px solid; border-color: transparent; border-color: rgba(255,255,255,0.2);}
|
.navbar-menu li .username_link .username_info{padding:8px 20px 0;}
|
.navbar-menu li .username_link .username_info li{float: left; width:50%; height: 30px; line-height: 30px; color:#333; font-size: 14px; padding:0; margin:0; text-align: left;}
|
.navbar-menu li .username_link .username_info li span{font-weight: bold;}
|
.navbar-menu li .username_link .username_info p{line-height: 30px; color:#333; font-size: 14px; padding:0; margin:0; text-align: left;}
|
.navbar-menu li .username_link .username_info p span{font-weight: bold;}
|
.navbar-menu li .username_link .userinfo_link{background: #fafafa;
|
border:1px solid #dcdcdc; display: block; color:#666; font-size:14px; padding:4px 0 6px 0; width:80px; float: right; margin:8px 20px 0 0; }
|
.navbar-menu li i{color:#fff;font-weight: normal;}
|
.navbar-menu .badge-tip{display: inline-block; width: 8px; height: 8px; line-height: 8px; border-radius: 50px; font-weight: normal; background: #e65050; position: absolute; top:0; right:0px;}
|
.navbar-menu li .t_more_link{position: absolute; top:40px; right:-10px; background: #fff; width:80px; padding:10px 6px; text-align: center; z-index: 20; border-radius: 3px; display: none; box-shadow: 0px 5px 10px #e9ecee; border: 1px solid #f5f8fa; }
|
.navbar-menu li .t_more_link li{float: none; margin: 0;}
|
.navbar-menu li .t_more_link a{display: block; color:#048acb; width:100%; font-size: 12px; line-height: 26px; border-bottom: 1px solid #f5f8fa;}
|
.navbar-menu li .t_more_link a:hover{color:#f2a218;}
|
.navbar-menu li .t_more_menu{position: absolute; top:0; left:-100px; background: #fff; width:80px; padding:10px 6px; text-align: center; z-index: 20; border-radius: 3px; box-shadow: -5px 5px 10px #e9ecee; border: 1px solid #f5f8fa; color:#333;}
|
.navbar-menu li .t_more_menu a{display: block; font-size: 12px; line-height: 26px; }
|
.navbar-menu li .t_more_menu span{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 6px;}
|
.navbar-menu li .t_more_menu a.t_blue {color:#048acb;}
|
.navbar-menu li .t_more_menu .t_blue span{ background: #048acb;}
|
.navbar-menu li .t_more_menu a.t_green {color:#24b324;}
|
.navbar-menu li .t_more_menu .t_green span{ background: #24b324;}
|
.navbar-menu li .t_more_menu a.t_red {color:#cc1414;}
|
.navbar-menu li .t_more_menu .t_red span{ background: #cc1414;}
|
.navbar-menu li .t_more_menu a.t_inkblue {color:#2e404f;}
|
.navbar-menu li .t_more_menu .t_inkblue span{ background: #2e404f;}
|
|
|
|
.mainCnt{position:relative; z-index:0; zoom:1}
|
/* --------------------- f_left ------------------ */
|
.f_left{position:absolute; left:0px; top:0px; background: #222d32; width:210px;}
|
|
/*.f_left_bd{width:210px;}*/
|
|
#ul_menu{color:#fff;}
|
#ul_menu .tree-node .tree-icon, #ul_menu .tree-node .tree-folder{background: none; padding-top:2px; margin-right:4px;}
|
.tree-title {font-size: 14px; padding: 0 2px; margin: 0; height: 44px; line-height: 44px;}
|
.tree-node { padding:0 10px; height: 44px; line-height: 44px; /* border-bottom:1px solid #31a6e0; */}
|
.tree-node-hover{background: #171f22; color: #fff;}
|
.tree-node-selected{background: #33444b; color: #fff;}
|
.tree-expanded {background:url(../images/tree_icons_main.png) no-repeat -18px 0px;}
|
.tree-collapsed {background:url(../images/tree_icons_main.png) no-repeat 0px 0px;}
|
|
.accordion{background:none; border:none;}
|
.sidemenu .accordion .panel-title{color:#b8c7ce; font-size: 14px; margin-left: 10px;}
|
.sidemenu .accordion .accordion-header{background:#222d32;color:#b8c7ce;}
|
.sidemenu .accordion .accordion-body{background:#2c3b41;color:#8aa4af;}
|
.sidemenu .accordion .accordion-header-selected{background:#1e282c;}
|
.sidemenu .accordion .accordion-collapse{background:0 0;}
|
.sidemenu .tree-node-hover{background:#2c3b41;color:#fff;}
|
.sidemenu .tree-node-selected{background: #344a53; border-left:2px solid #0070a9;border-right:0 none;color:#fff;}
|
.sidemenu .accordion-header .panel-icon{font-size:14px;}
|
.panel-icon{left: 10px;}
|
.sidemenu .accordion-header .panel-tool{display:none;}
|
.sidemenu .accordion-header::after,.sidemenu .tree-node-nonleaf::after{display:inline-block;vertical-align:top;border-style:solid;transform:rotate(45deg);width:4px;height:4px;content:'';position:absolute;right:10px;top:50%;margin-top:-3px;border-width:0 1px 1px 0;}
|
.sidemenu .accordion-header-selected::after{transform:rotate(-135deg);}
|
.sidemenu .tree-node-nonleaf::after{transform:rotate(-135deg);}
|
.sidemenu .tree-node-nonleaf-collapsed::after{transform:rotate(45deg);}
|
.sidemenu-collapsed .accordion-header::after{display:none;}
|
.sidemenu-tooltip .accordion{border-color:#1e282c;}
|
|
|
|
/* ------------------- f_right ---------------------------- */
|
.f_right{padding-left: 210px; width:100%; box-sizing: border-box; /*padding:6px 0 0 6px;*/}
|
|
.fa-align-top{vertical-align: top;}
|
