app.css 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. *{margin:0;padding:0;font-family: "Helvetica Neue","PingFang SC",微软雅黑,'Microsoft Yahei'}
  2. ul,ol{list-style: none}
  3. img,a{outline: none}
  4. a:hover{text-decoration: none}
  5. h3{color:#A2A9B4;}
  6. h3 span{cursor: pointer}
  7. h3 span.current{color:#282C34}
  8. .hide{display:none}
  9. .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle}
  10. .blue{color:#349EDC}
  11. .green{color:#5BB85C}
  12. .red{color:#CD1C20}
  13. .orange{color:#FFA600}
  14. .gray{color:#A2A9B4}
  15. .v-line{margin:0 8px;color:#999;font-size: 0.9em}
  16. label{font-weight:200}
  17. table.table>thead>tr>th{color:#337AB7;font-size:12px}
  18. table.table>tbody>tr>td{font-size:12px;border-bottom: 1px solid #ddd}
  19. .label{font-size:12px;}
  20. #login{margin-top:200px;}
  21. #login .box{background:rgba(255,255,255,0.3);
  22. filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF,endcolorstr=#7FFFFFFF);
  23. box-shadow:1px 1px 7px #777;
  24. -moz-box-shadow:1px 1px 7px #777;
  25. -webkit-box-shadow:1px 1px 7x #777;padding:30px 50px 20px 50px;border:1px solid #D5D5D5;border-radius: 3px}
  26. #login .logo{width:80px;margin:auto;height:80px;background: #337AB7;border-radius: 50%;margin-bottom:30px;padding:20px}
  27. #login .logo span{font-size: 3em;color:#000}
  28. .woody-prompt{color:#D9534F;display:none}
  29. #header{background:#fff}
  30. #header .logo{font-size:1.5em;padding:4px;}
  31. #header .nav{line-height: 60px}
  32. #header .nav>ul>li{float:right;margin-left:15px}
  33. #header .nav>ul>li>a{color:#263445}
  34. #top-nav{background:#4F94CD;}
  35. #top-nav li{float:left;margin-right:1px}
  36. #top-nav li a{display:block;color:#fff;line-height: 40px;padding:0 20px}
  37. #top-nav li a:hover{background: #4682B4}
  38. #top-nav li.current a{background: #4682B4}
  39. #top-nav .btn-config{line-height: 40px}
  40. #top-nav .btn-config a{color:#fff}
  41. #main>.container-fluid{background:#EAEDF4}
  42. #main .left-nav{margin-top:20px;padding-left:40px}
  43. #main .left-nav dl dt{font-size:1.1em;margin-bottom:10px;color:#263445}
  44. #main .left-nav dl dt span{color:#282C34}
  45. #main .left-nav dl dd a{display:block;line-height: 30px;padding-left:22px;color:#6B6D6E}
  46. #main .left-nav dl dd a:hover{color:#E43D40}
  47. #main .left-nav dl dd.current a{color:#E43D40}
  48. #main .right-content{min-height: 1000px;background: #fff;padding:20px 50px}
  49. #main>.container-fluid>.row{padding:0;}
  50. #main>.container-fluid>.row>div{padding:0;}
  51. #footer{border-top:1px solid #ddd;padding:30px;background: #EAEDF4;color:#6B6D6E;font-size: 0.9em;text-align:center}
  52. @media screen and (max-width:880px){
  53. #header{background:#eee}
  54. .left-nav{position:absolute;width:100%;z-index:99;background-color:#eee;opacity:.9;padding-top:30px;top:-20px;border-top:1px solid #ddd;padding-bottom:30px}
  55. .left-nav dl{float:left;margin:0 10px}
  56. }
  57. @media (max-width: 767px) {
  58. .table-responsive .dropdown-menu {
  59. position: static !important;
  60. }
  61. }
  62. @media (min-width: 768px) {
  63. .table-responsive {
  64. overflow: visible;
  65. }
  66. }