| 1 |
- *{padding:0;margin:0}html{overflow:hidden;height:100%}body{overflow:hidden;margin:0;padding:0;width:100%;height:100%}#container{width:100%;height:100%;padding:0;margin:0 auto;-moz-box-shadow:0 2px 5px #6e6e6e;-webkit-box-shadow:0 2px 5px #6e6e6e;box-shadow:0 2px 5px #d6d6d6;box-sizing:border-box;border:1px solid #d6d6d6;border-top:0;border-bottom:0;overflow:hidden}#container .header{height:40px;width:100%;overflow:hidden;box-sizing:border-box;background-color:#1f2b2d;color:#fff;font-size:16px}#container .header>.logo{width:200px;float:left;height:40px;line-height:40px;font-size:16px;background-color:#000;text-align:center}.min-logo{width:50px !important}.min-logo>.logo-text{display:none}#container .header>.menu{float:left}#container .header>.menu>ul{list-style:none}#container .header>.menu>ul>li{padding:20px 15px;line-height:24px;text-align:center;height:100%;min-width:120px;float:left}#container .header>.menu>ul>li.active{background-color:#36a3ff}#container .header>.menu>ul>li>a{color:#fff;font-weight:400;cursor:pointer;height:100%;display:inline-block}#container .header>.info{float:right;height:100%;line-height:40px;padding-right:20px}#container .header>.info>.split{padding:0 8px}#container .header>.info>.user>.user-icon{height:38px;width:38px;border-radius:20px;margin-right:4px}#container .header>.info>.logout>a{cursor:pointer;margin-left:6px;color:#fff;text-underline:none}#container .header>.info{float:right;height:100%;line-height:40px;font-size:12px;padding-right:20px}#container .header>.info>.split{padding:0 8px}#container .header>.info>.user>.user-icon{height:38px;width:38px;border-radius:20px;margin-right:4px;cursor:pointer}#container .header>.info>.messages{margin-left:8px;margin-top:2px;position:relative}#container .header>.info>.messages>span{cursor:pointer}#container .header>.info>.logout>a{cursor:pointer;margin-left:6px;color:#fff;text-underline:none}#main{width:100%;height:calc(100% - 40px);overflow:hidden;position:relative}#main #accordian{width:200px;height:100%;box-sizing:border-box;margin:0;padding:0;color:#fff;box-shadow:0 5px 10px 1px rgba(0,0,0,0.2),0 0 200px 1px rgba(255,255,255,0.5);font-size:14px;background-color:#1f2b2d;overflow:auto;position:absolute;z-index:200;top:0;left:0}#main #accordian>.logo{height:40px;width:100%;line-height:40px;border-bottom:1px solid #f3f3f4;color:#fff;text-align:center;box-sizing:border-box}#main #accordian ul{padding-left:0;margin:0;height:100%}#main #accordianli{list-style-type:none;padding-left:20px}#main #accordian>ul>li:hover{background-color:#00b0b9}#main #accordian li a{padding-left:20px;height:50px;line-height:50px;font-size:14px;color:#fff;cursor:pointer;display:block}#main #accordian>ul>li.active{background-color:#00b0b9}#main #accordian>ul li.active>ul{background-color:#000}#main #accordian li a:hover{text-decoration:none}#main #accordian li a>.glyphicon{margin-right:10px}#main #accordian ul{position:relative}#main #accordian ul ul li a{color:#f3f3f4;text-decoration:none;line-height:30px;display:block;padding:0;transition:all .15s;white-space:nowrap;font-size:12px}#main #accordian li>ul{height:0;overflow:hidden}#main #accordian li.active>ul{height:auto;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}#main #accordian li.active>ul>li{padding-left:30px}#main #accordian li.active>ul>li>a{height:40px;line-height:40px;font-size:13px}#main #accordian li.active>ul>li>a.current .glyphicon{color:#ea3630}#main #accordian li.active>ul>li>a.current+ul{height:auto;list-style:none;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;padding-left:35px}#main #accordian li.active>ul>li>a.current+ul>li>a{height:40px;line-height:40px}#main #accordian li.active>ul>li>a.current+ul>li>a.now{color:#49d6c2}#main .content-iframe{height:100%;width:100%;padding-left:200px;margin-left:-200px;box-sizing:border-box;position:absolute;top:0;left:200px;z-index:100;-webkit-overflow-scrolling:touch;}#main>#accordian.showText+.content-iframe{left:50px;margin-left:-50px;padding-left:50px}#main .content-iframe>#tab{height:100%}#main .content-iframe iframe{border:0;height:100%;width:100%;margin:0;padding:0;overflow:hidden}.header>.logo>.glyphicon{display:none}#main #accordian.showText{width:50px}#main #accordian.showText>ul>li>a>span,#main #accordian.showText>ul>li>ul{display:none}
|
