frame.css 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @charset "utf-8";
  2. @import url(../base/base.css);
  3. @import url(../base/iconfont.css);
  4. @import url(../base/ui.css);
  5. /*公用*/
  6. html, body {background: #e9ecf3;overflow: inherit;}
  7. body,button,input,select,textarea{font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;}
  8. a{color:#4c5161}
  9. a:hover{color:#2486ff}
  10. i{margin-right: 5px}
  11. .mt5{margin-top: 5px}
  12. /*布局*/
  13. #header{position:relative;z-index:1;height:60px;background-color: #3080fe!important;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
  14. #header .logo{height:60px;width:180px;color: #FFF;background: url('./logo.png') no-repeat center center;float: left;display: block;}
  15. #nav{position:fixed;top:60px;bottom:0px;left:0px;width:180px;overflow-y:auto;overflow-x:hidden;background:#FFF;border-right: 1px #EEF0F6 solid;}
  16. #nav::-webkit-scrollbar {width: 10px;height: 10px;}
  17. #nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);}
  18. #nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);}
  19. #main{position:fixed;top:60px;bottom:0px;right:0px;left:180px;overflow:hidden;}
  20. /*顶部导航*/
  21. #header li{float:left;display: block;height:60px;line-height:50px;padding:5px 15px;overflow:hidden;cursor:pointer;color:#FFF;}
  22. #header a{color: #FFF}
  23. #header li:hover,#header li.focus{background: #1e74fb;}
  24. #header .spacer{float:right;line-height:20px;}
  25. /*左侧菜单*/
  26. #nav dl{width:100%;}
  27. #nav .iconfont {padding-right: 5px;}
  28. #nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 600;}
  29. #nav dt:hover{background: #EBEBEB; transition: all .4s;}
  30. #nav dt i.icon-arrowdown{float:right}
  31. #nav dd{width:100;line-height:40px;font-size:14px;border-left:4px #FFF solid}
  32. #nav dd a{color:#333;display: block;padding-left:20px;}
  33. #nav dd:hover,#nav dd.focus{background: #f2f6f9;color:#3399ff;border-left:4px #3399ff solid}
  34. #nav dd a:hover,#nav dd.focus a{color:#3399ff}
  35. /*嵌入框架*/
  36. #iframe{width: 100%;height: 100%;overflow:hidden;}
  37. /*弹出层*/
  38. #layer {display:none;background: #fff;width:150px;border-radius: 5px;box-shadow: 0 2px 8px rgba(0,0,0,.15);}
  39. #layer > .item {padding: 10px 20px;}
  40. #layer > .item:hover{background-color: #EDEDED;border-radius: 5px;}
  41. #layer > .item.divider{border-bottom:1px solid #e8e8e8;}