Inicio Explorar Ayuda
Registro Iniciar sesión
zhengwentao
/
game-box
1
0
Fork 0
Archivos Incidencias 0 Pull Requests 0 Wiki
Árbol: be081947ca
Ramas Etiquetas
game-box
/
public
/
common
/
manage
/
frame.css

frame.css 7.3 KB
Histórico Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 
  1. @charset "utf-8"; 
    2. 

  2. @import url(../base/base.css);
    3. 

  3. @import url(../base/iconfont.css);
    4. 

  4. @import url(../base/ui.css);
    5. 

  5. /*公用*/
    6. 

  6. html, body {font-family: "Source Sans Pro","Helvetica Neue", Helvetica, Arial,sans-serif, "Microsoft YaHei";font-size: 14px;color: #58666e;line-height: 1.42857143;}
    7. 

  7. a{color:#4c5161}
    8. 

  8. a:hover{color:#3370ff}
    9. 

  9. i{margin-right: 5px}
    10. 

  10. /*布局*/
    11. 

  11. #app-navbar {position: absolute;top:0px;left: 0;right: 0;bottom: 0;z-index:100;width:70px;background-color:#333744;z-index:4;}
    12. 

  12. #app-navbar li{display: block;overflow:hidden;cursor:pointer;text-align: center;padding: 12px 0px;}
    13. 

  13. #app-navbar li p{color: #FFF}
    14. 

  14. #app-navbar li .icon{font-size:24px}
    15. 

  15. #app-navbar li:hover,#app-navbar li.focus{background: #282B35;}
    16. 

  16. #app-navbar .user{position:absolute;bottom:2px;right:0px;left:0px;}
    17. 

  17. #app-navbar a{display: block;color: #FFF}
    18. 

  18. #app-title{position:fixed;z-index:3;top:0px;bottom:0px;left:70px;right: 0px;background: #fff;height: 50px;border-bottom:1px #dadfe6 solid;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
    19. 

  19. #app-title .appname{display: block;font-weight: 600;float: left;text-align: center;line-height:49px;height: 49px;background-color: #F2F6FF;width:140px;font-size: 16px;padding:0px 10px;border-right: 1px solid #dadfe6;color: #3370ff;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
    20. 

  20. #app-title .breadcrumb{float: left;height: 50px;font-size: 14px;line-height:50px;padding:0px 10px;color: rgba(0, 0, 0, 0.45);;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
    21. 

  21. #app-title .breadcrumb ul{display: inline-block;}
    22. 

  22. #app-title .breadcrumb li {display: inline-block;padding-right: 5px;}
    23. 

  23. #app-title .breadcrumb li a {color:rgba(0, 0, 0, 0.45);} 
    24. 

  24. #app-title .appuser{float:right;line-height: 50px;cursor:pointer;line-height:49px;height: 49px;background-color: #F2F6FF;color: #646a73;padding: 0px 10px;text-align: center;}
    25. 

  25. #app-title .appuser span{padding-right: 10px;}
    26. 

  26. #nav{position:fixed;top:50px;bottom:0px;left:70px;width:140px;z-index:2;overflow-y:auto;overflow-x:hidden;border: 1px solid #dadfe6;border-width: 0px 1px;background: #FFF;color: #1b212e;}
    27. 

  27. #nav::-webkit-scrollbar {width: 10px;height: 10px;}
    28. 

  28. #nav::-webkit-scrollbar-thumb {border-radius: 5px;background: rgba(0,0,0,0.2);}
    29. 

  29. #nav::-webkit-scrollbar-track {border-radius: 0;background: rgba(0,0,0,0.1);}
    30. 

  30. #main{position:fixed;top:50px;bottom:0px;right:0px;left:214px;overflow:hidden;background: #FfF;z-index:1;}
    31. 

  31. /*子菜单 */
    32. 

  32. #subnav{position:fixed;top:50px;bottom:0px;left:214px;z-index:2;display: none;border:1px solid #dadfe6;border-width:0px 1px 0px 0px;width:100px;}
    33. 

  33. #subnav a{width:99px;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px #ebf2fe solid;color:#333;display: block;padding-left:20px;}
    34. 

  34. #subnav a:hover,#subnav a.focus{background: #F2F6FF;color:#333744;}
    35. 

  35. /*左侧菜单*/
    36. 

  36. #homeLink{position: relative;;height: 60px;background: #3399ff;}
    37. 

  37. #homeLink:before {position: absolute;top: 0;right: 0;left: 0;display: block;height: 60px;content: ' ';
    38. 

  38. background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJQAAAB2CAMAAAAZbkpvAAAAulBMVEUAAAAAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAAAAAD///////////////8AAAD///////////8AAAAAAAD////////IjkQBAAAAPXRSTlMAM9qBBUVo09Ctx26Xcb39YxsSjjcZ37OqLx/1e1VCCD0j+UxIFuOhhwztlCy4qaQpGMt3Xicg58SbEQnqY7/VNwAAA1BJREFUeNrt1mlT4kAQgOFeCQQQCCSQINGEU5ZLFPFg1/7/f2t7ZmAjORRGqqTKfj5YExV9M0cAGGOMMcYYY4wxxhhj7GcwLhD9YXTdLhIHInX31h1AbTp9K8A+B+ml3d3VYFGrLUM4iSaSCg1aV5KDQkEMOwaQIl3mbCS16E7sCX0tI7kEpefTRd+O/u5gEIAeZ+UjsRZ2x8KElzrARHy/7MnfqrXJLITeG+ImFlVDcg07T0hyoAV3hk1MYTVhiHFduBQ/2o9ai3HRiObSFGvb+1rUQEb1F6Udz1f3+pgSVUWyFzWaqluIdJF4oGNj9lEwWzLKgchAbbZeZUxMOW93FZIzUqLuYq8mS3mvoEPd0Zjm22m3x++nu9EmdVDmSMqgJKLUDfj7R6+BxNU7jp13G3RNE+HY4g86NLpRp8gRyh/O1ORW/rief0+t+/VXo67kAczTqC43mJy3xQF7aoaZ/I52lAP///+FIW79RQzv1FGPC+JRTQuzlbSjrNcAII+CWrSCeiCkzUK/F496xY8MNaPI43ZOytGbz/YuRy0iI2+vGmSS2OhBIYsvVkE7qt+g2fE8rzQHpVmiq/V+lPs0GqWdvmzzIAhC7agNjZ7ycU/J5ZvOwkTU9cUHStpRFh00O7ldrVbKRh8noi4wi+7zs7k7Zz1MmqedvtZxUTcaUXe751Qr5WB3VJSv3mbcioskSI9yi3G+blTPUlEkqAtLFJZynAcVNVOfREpqNoepUR4kXOlGbeJvBiMURqCoqN/QUFFGdlQFEkaaUa1+PMpGwT5FlK0ZVcczjGrlZhpRa/HA0lg+nU8J0SMCm+lRoYoycu1lAHN5ugrbqJVtxISP2lE3SKo0KLmS2mT9W+k13IsyLpF01YxOUQpUVLYuHMswre0LJ5hmvheVk70TEGgsuOEnUS+h3odhWpfDol7VrEpv6l+KdS5itmkAR2ssVqta1RDDsZnkGVA3zVWXFtc0izfVYrE9AOXR87xl1ZbbMJdpPQLGGGOMMcZYil9bcE44iqM46kA/I4odu3xntaQcxVEcdaCfEcWOXb7DR0kcxVEcxVHsHHy+aPf3zw+g7/RRD3/+gp7TR90/a9ecPopqaKm+37bpXi3Vmfj2pUrxD9iHU+Cb4oPPAAAAAElFTkSuQmCC) no-repeat bottom left;
    39. 

  39. -webkit-background-size: 100% 100%;background-size: 100%;-webkit-transition: background-color .2s;-o-transition: background-color .2s;transition: background-color .2s;}
    40. 

  40. #homeLink:after {position: absolute;top: 48px;right: 0;left: 0;display: block;width: 0;height: 0;content: ' ';border-color: transparent transparent #3a3c4f transparent;border-style: solid;border-width: 0 0 12px 70px;}
    41. 

  41. #nav h1{box-shadow: 0px 1px 3px 1px rgba(2,2,2,.11);display: inline-block;text-align: center;width:140px;height: 50px;font-size: 16px;line-height:50px;padding:0px 10px;background: #fff;color: #3f4a56;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
    42. 

  42. #nav h1 a{color: #3f4a56;padding:5px 0px}
    43. 

  43. #nav h1 .icon{font-size:25px;vertical-align:-20%}
    44. 

  44. #nav dl{width:100%;border-bottom: 1px #ebf2fe solid;}
    45. 

  45. #nav dt{line-height:50px;padding:0px 10px;font-size:16px;cursor:pointer;font-size: 14px;cursor: pointer;font-weight: 500;}
    46. 

  46. #nav dt:hover{background: #F2F6FF;}
    47. 

  47. #nav dt i.right-icon{float:right;font-size: 12px;}
    48. 

  48. #nav dd{width:100;line-height:40px;font-size:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    49. 

  49. #nav dd a{color:#333;display: block;padding-left:20px;}
    50. 

  50. #nav dd:hover,#nav dd.focus{background: #F2F6FF;color:#333744;}
    51. 

  51. #nav dd a:hover,#nav dd.focus a{color:#333744}
    52. 

  52. #nav dd.focus{font-weight: 600;}
    53. 

  53. /*嵌入框架*/
    54. 

  54. #iframe{width: 100%;height: 100%;overflow:hidden;}
    55. 

  55. /*弹出层*/
    56. 

  56. #layer {display:none;background: #fff;width:140px;border: 1px #dadfe6 solid;border-width:0px 1px 1px 1px;box-shadow: 0 1px 4px rgba(0,21,41,.08);}
    57. 

  57. #layer > .item {padding: 10px 20px;}
    58. 

  58. #layer > .item:hover{background-color: #ebf2fe}
    59. 

  59. #layer > .item.divider{border-bottom:1px solid #ebf2fe;}
    60. 

  60. #layer a:hover{color:#4c5161}
    61. 

  61. /*浮动*/
    62. 

  62. .leftlayer{background-color: #ffffff;display: none;}
    63. 

  63. .leftlayer .title{padding: 0 20px;padding-top: 10px;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row nowrap;-webkit-box-align: center;align-items: center;height: 65px;box-sizing: border-box;-webkit-box-pack: justify;justify-content: space-between;}
    64. 

  64. .leftlayer .title span{font-size: 22px;font-weight: 100;}
    65. 

  65. .leftlayer .title .iconfont{font-size: 18px;padding: 5px 10px;justify-content: flex-end;}
    66. 

  66. .leftlayer .title .iconfont:hover{background: #F7F9FA}
    67. 

  67. .leftlayer .bodys{display: flex;flex-flow: row wrap;margin:5px 0px 0px 23px;}
    68. 

  68. .leftlayer .bodys a{background: #FAF9F8;margin: 0 10px 10px 0;font-size: 14px;font-weight: 400;width: 130px;height: 130px;line-height: 30px;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;text-decoration: none;}
    69. 

  69. .leftlayer .bodys a:hover{background-color: #efefef;color: #444}
    70. 

  70. .leftlayer .bodys img{width: 80px;height: 80px;border-radius:5px}
    71. 

  71. .leftlayer .bodys .icon{font-size: 47px;}
    72.