index.css 7.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. body,html{background:#f1f1f1;min-height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:'Source Sans Pro','Helvetica Neue',微软雅黑,Helvetica,Arial,sans-serif;font-weight:400;font-size:12px}
  2. a:hover{text-decoration:none}
  3. .dropdown-menu>li>a:hover{color:#FEFEFD;text-decoration:none;background-color:#4c58a4}
  4. .dropdown-menu>li>a>.fa,.dropdown-menu>li>a>.glyphicon,.dropdown-menu>li>a>.ion{margin-right:10px}
  5. .lea-Head{width:100%;height:66px;background:#4c58a4}
  6. .lea-Head .logo{padding:23px 25px 0 15px;float:left}
  7. .lea-Head .logo img{height:20px}
  8. .lea-Head .left-bar{float:left}
  9. .lea-Head .right-bar{float:right}
  10. .lea-Head .right-bar .user-image{width:32px;height:32px;border-radius:50%;margin-right:5px}
  11. .lea-Head .right-bar>ul>li>a{cursor:pointer;display:inline;float:left;height:66px;text-decoration:none;color:rgba(255,255,255,.95);padding-top:17px;margin-right:15px}
  12. .lea-Head .left-bar .menu,.lea-Head .right-bar>ul{white-space:nowrap}
  13. .lea-Head .left-bar .menu>li,.lea-Head .right-bar>ul>li{position:relative;margin:0;padding:0;float:left;display:inline}
  14. .menu>.treeview>a{cursor:pointer;display:inline;float:left;width:88px;height:66px;text-align:center;text-decoration:none;color:rgba(255,255,255,.9);padding:14px 0;font-weight:100}
  15. .menu>.treeview.active>a{background-color:#323A82;color:#fff}
  16. .menu>.treeview>a>i{display:block;font-size:16px;margin-bottom:6px;color:rgba(255,255,255,.6)}
  17. .menu>.treeview.active>a>i{color:#fff}
  18. .lea-Head .right-bar>ul>li>a>span,.menu>.treeview>a>span{font-size:14px}
  19. .menu .popover-menu{position:absolute;top:66px;z-index:4;display:none}
  20. .menu .popover-menu .arrow{position:absolute;width:20px;height:20px;top:-20px;left:34px;z-index:4}
  21. .popover-moreMenu .arrow{position:absolute;width:20px;height:20px;top:-20px;left:326px;z-index:4}
  22. .menu .popover-menu .arrow *,.popover-moreMenu .arrow *{display:block;border-width:10px;position:absolute;border-style:dashed dashed solid dashed;font-size:0;line-height:0}
  23. .menu .popover-menu .arrow em,.popover-moreMenu .arrow em{border-color:transparent transparent #EDEDED transparent}
  24. .menu .popover-menu .arrow span,.popover-moreMenu .arrow span{border-color:transparent transparent #FCFCFC transparent;bottom:-2px}
  25. .menu .popover-menu>ul{position:relative;float:left;background:#FCFCFC;border:solid #EDEDED 2px;padding:8px 0}
  26. .menu .popover-menu .menuItem{overflow:hidden;display:block;text-align:left;text-decoration:none;cursor:pointer;color:rgba(0,0,0,.5);width:152px;font-size:14px;font-weight:100;padding:8px 0 8px 15px}
  27. .menu .popover-menu .active>.menuItem,.menu .popover-menu .menuItem:hover{color:#FEFEFD;background:#4c58a4}
  28. .menu .popover-menu .menuItem>.firstIcon{width:17px;font-size:15px;margin-right:8px;vertical-align:middle;margin-bottom:1px}
  29. .menu .popover-menu .menuItem>.pull-right{font-size:16px;vertical-align:middle;width:17px;line-height:20px;position:absolute;right:0}
  30. .menu .popover-menu .popover-menu-sub{position:absolute;left:152px;z-index:1;margin-top:-46px;display:none}
  31. .menu .popover-menu .popover-menu-sub>ul{position:relative;float:left;background:#FCFCFC;border:solid #EDEDED 2px;padding:8px 0}
  32. .lea-tabs{height:38px;width:100%;background:#fff;border-bottom:solid #ccc 1px;padding-left:15px}
  33. .menuTabs{width:100000px}
  34. .page-tabs-content{overflow:hidden;height:38px;float:left}
  35. .page-tabs-content>.menuTab{display:block;float:left;text-decoration:none;color:#878EC3;border:1px solid #ccc;height:30px;line-height:30px;margin-top:8px;font-size:14px;margin-right:8px;padding:0 10px}
  36. .page-tabs-content>.menuTab.active{border-bottom:0;background:#f1f1f1;font-weight:700;border-top:solid #4c58a4 2px;color:#4c58a4}
  37. .menuTab i{margin-right:4px;font-size:13px}
  38. .menuTab .tab_close{float:right;width:12px;height:13px;margin-right:-5px;margin-left:5px;margin-top:8px;display:block;background:url(../img/tab_close.png) no-repeat}
  39. .menuTab .tab_close:hover{background-position:0 -12px}
  40. .lea-tabs .tabs-right-tool{position:absolute;width:125px;height:37px;right:0}
  41. .lea-tabs .roll-nav{float:left;width:30px;height:37px;line-height:37px;text-align:center;color:#878EC3;z-index:2;background:#fff;border:0;outline:0;cursor:pointer}
  42. .lea-tabs .roll-nav:hover{color:#4c58a4}
  43. .lea-tabs .user-menu{float:left;padding-top:4px;margin-left:5px;cursor:pointer}
  44. .footer{color:#fff;background-color:#4c58a4;padding:0 5px;height:24px;line-height:24px}
  45. .popover-moreMenu{background:#fff;width:380px;height:450px;position:absolute;top:66px;z-index:4;margin-left:-292px;border-radius:1px 1px 3px 3px;box-shadow:rgba(0,0,0,.270588) 0 0 10px 1px;display:none}
  46. .popover-moreMenu>.title{height:36px;line-height:36px;border-bottom:solid #EDEDED 2px;color:#4c58a4;padding-left:15px;font-size:16px}
  47. .popover-moreMenu .popover-menu{top:36px;left:167px}
  48. .popover-moreMenu .popover-menu .arrow{display:none}
  49. .popover-moreMenu .popover-menu .menuItem{color:rgba(0,0,0,.7);width:200px}
  50. .popover-moreMenu .popover-menu>ul{border:0;width:213px;overflow-y:auto;height:414px;overflow-x:hidden;padding:0 8px;padding-top:10px}
  51. .popover-moreMenu .popover-menu .popover-menu-sub{position:inherit;left:inherit;margin:auto}
  52. .popover-moreMenu .popover-menu .popover-menu-sub>ul{border:0;padding:0;float:initial;position:initial}
  53. .popover-moreMenu .popover-menu .popover-menu-sub .menuItem{padding-left:40px}
  54. .moresubmenu{width:168px;float:left;height:414px;border-right:solid #EDEDED 2px;padding-top:8px;padding-left:8px}
  55. .moresubmenu>.treeview>a{overflow:hidden;display:block;text-align:left;text-decoration:none;cursor:pointer;color:rgba(0,0,0,.5);width:152px;font-size:14px;padding:8px 0 8px 15px;margin-bottom:2px}
  56. .moresubmenu>.treeview>a>span{font-size:14px}
  57. .moresubmenu .active>.menuItem,.moresubmenu .menuItem:hover,.moresubmenu>.treeview>a.active,.moresubmenu>.treeview>a:hover{color:#FEFEFD;background:#4c58a4}
  58. .moresubmenu>.treeview>a>i{width:17px;font-size:15px;margin-right:8px;vertical-align:middle;margin-bottom:1px}
  59. .message-window-header{background:#4c58a4!important}
  60. .message-nav ul li.active i{color:#7b93e0!important}
  61. .layui-layer-iframe{border-color:#fff;border-top-color:#4c58a4;border-right:0;border-left:0;border-radius:0 0 3px 3px}
  62. .layui-layer-dialog{border-color:#fff;border-top-color:#4c58a4;border-right:0;border-left:0;border-radius:0 0 3px 3px}
  63. .layui-layer-title{border-color:#4c58a4;border-radius:0;background:#4c58a4;color:#fff}
  64. .layui-layer-setwin .layui-layer-close1{text-shadow:none}
  65. .layui-layer-content{border-bottom:1px solid #f1f1f1}
  66. .layui-layer-dialog .layui-layer-content{border-bottom:0 solid #f1f1f1}
  67. .layui-layer-msg .layui-layer-content{border-bottom:1px solid #BBB}
  68. .layui-layer-msg{border-radius:8px}
  69. .layui-layer-iframe .layui-layer-btn{background-color:#FFF;padding-top:4px;color:#999}
  70. .layui-layer-btn a{border-radius:3px}
  71. .layui-layer-btn .layui-layer-btn0{background:#4C58A4;border:1px solid #4C58A4}
  72. .layui-layer-btn .layui-layer-btn0:hover{background:#5965B1;border:1px solid #5965B1}
  73. .layui-layer-btn .layui-layer-btn1{background:#FFF;border:1px solid #ccc;color:#666}
  74. .layui-layer-btn .layui-layer-btn1:hover{background:#FFF;border:1px solid #ccc;color:#666}
  75. .layui-layer-btn{border:0}
  76. .layui-layer-shade{opacity:.15!important}