旭捷内部项目管理系统
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

142 lines
3.1 KiB

10 months ago
  1. /* 设置一级菜单的宽度 */
  2. .navbar-left > li.first-li {
  3. width: 160px;
  4. /* margin-bottom: 3px; */
  5. position: relative;
  6. margin-left: 3px;
  7. list-style-type: none;
  8. display: block;
  9. float: left;
  10. }
  11. /*设置默认向下*/
  12. .navbar-left > li.first-li > a.collapsed > span.glyphicon-chevron-toggle:before{
  13. content: "\e114";
  14. }
  15. /*设置菜单点开向上*/
  16. .navbar-left > li.first-li > a:not(.collapsed) > span.glyphicon-chevron-toggle:before{
  17. content: "\e113";
  18. }
  19. /* 设置一级菜单的左右边距 */
  20. .navbar-left > li > a {
  21. padding: 9px 15px;
  22. font-size: 12px;
  23. font-weight: 600;
  24. color: #4A515B;
  25. background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%);
  26. border: 1px solid #D5D5D5;
  27. border-radius: 4px;
  28. }
  29. /* 一级菜单激活和悬浮事件 */
  30. .navbar-left > li.open > a , .navbar-left > li > a:hover {
  31. color: #FFF;
  32. background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
  33. border-color: #2B2E33;
  34. }
  35. /* 设置二级菜单的和一级菜单的间距样式 */
  36. .navbar-left > li.custom-style > ul.custom-style{
  37. margin-top: 1px;
  38. background-color: #0000000f;
  39. }
  40. /* 设置二级菜单的宽度 */
  41. .navbar-left > li.custom-style > ul.custom-style > li {
  42. width: 160px;
  43. float: none;
  44. display: block;
  45. }
  46. /* 设置二级菜单的激活和悬浮式样式 */
  47. .navbar-left > li.open > ul.custom-style > li.active > a,
  48. .navbar-left > li.open > ul.custom-style > li > a:hover{
  49. color: #FFF;
  50. background: -webkit-linear-gradient(top, #4A515B 0%,#3C4049 100%);
  51. border-color: #2B2E33;
  52. }
  53. .custom-style a {
  54. font-size: 12px;
  55. color: #4A515B;
  56. /* text-align: center; */
  57. border-radius: 4px;
  58. }
  59. .custom-style > li > a:hover {
  60. background-color: #6f7782;
  61. border-color: #428bca;
  62. color: #fff;
  63. }
  64. .custom-style li.active {
  65. background-color: #6f7782;
  66. border-color: #428bca;
  67. border-radius: 4px;
  68. }
  69. .custom-style li.active > a {
  70. color: #ffffff;
  71. }
  72. /* 图标的颜色设置 */
  73. .navbar-static-top {
  74. background-color: #21212100;
  75. margin-bottom: 15px;
  76. }
  77. .navbar-brand {
  78. display: inline-block;
  79. vertical-align: middle;
  80. padding-left: 50px;
  81. color: #fff;
  82. }
  83. .navbar-brand:hover {
  84. color: #fff;
  85. }
  86. .nav-stacked li{
  87. width: 120px;
  88. }
  89. /*设置二级菜单li的字体大小*/
  90. li.second-li {
  91. font-size: 11 !important;
  92. }
  93. /*展示区域的数据样式*/
  94. .main-show{
  95. width: 87% !important;
  96. margin-left: 160px !important;
  97. background-color: #fff;
  98. padding-left: 0px;
  99. position: absolute;
  100. overflow-y:auto;;
  101. margin-top: -80px;
  102. }
  103. /*过滤框内部样式*/
  104. .filterCSS{
  105. width:100%;
  106. height: 100%;
  107. text-align: center;
  108. text-align-last: center;
  109. border:0px;
  110. }
  111. .modal-filter {
  112. padding: 15px;
  113. text-align: right;
  114. border-top: 1px solid #e5e5e5;
  115. TEXT-ALIGN: center;
  116. margin-top: -2%;
  117. }
  118. .filterCSS-i {
  119. float:right;
  120. font-size: 12px;
  121. margin-top: 2%;
  122. padding: 5px;
  123. }
  124. .selectionCSS {
  125. background-color: #31b0d5;
  126. }
  127. .selection2CSS {
  128. background-color: #31b0d5;
  129. }