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.
 
 
 
 
 
 

376 lines
8.5 KiB

  1. /*bar 工具*/
  2. html{
  3. height:100%;
  4. }
  5. body {
  6. padding-bottom: 0;
  7. height: 100%;
  8. background-color: #fff;
  9. min-height: 100%;
  10. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  11. font-size: 13px;
  12. color: #393939;
  13. line-height: 1.5;
  14. }
  15. .nav-list>li>a:hover {
  16. background-color: #FFF;
  17. color: #1963aa;
  18. }
  19. .nav-list>li .submenu>li.active>a {
  20. color: #2b7dbc;
  21. }
  22. .nav-list>li>.submenu li>.submenu li.open>a {
  23. color: #25639e;
  24. }
  25. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child, .nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
  26. display: inline-block;
  27. }
  28. .nav-list>li>.submenu li>.submenu>li a:hover {
  29. color: #316292;
  30. text-decoration: underline;
  31. }
  32. .nav-list>li .submenu>li>a:hover {
  33. text-decoration: none;
  34. color: #4b88b7;
  35. }
  36. .nav-list>li .submenu>li.active>a{
  37. color: #2b7dbc;
  38. }
  39. .text-center{text-align: center;}
  40. .fl{float: left;}
  41. .form-group select, .form-group textarea, .form-group input[type="text"], .form-group input[type="password"], .form-group input[type="datetime"], .form-group input[type="datetime-local"], .form-group input[type="date"], .form-group input[type="month"], .form-group input[type="time"], .form-group input[type="week"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="url"], .form-group input[type="search"], .form-group input[type="tel"], .form-group input[type="color"] {
  42. background: #FFF;
  43. }
  44. label, .lbl {
  45. vertical-align: middle;
  46. }
  47. textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  48. border-radius: 0!important;
  49. color: #858585;
  50. background-color: #fff;
  51. border: 1px solid #d5d5d5;
  52. padding: 5px 4px;
  53. line-height: 1.2;
  54. font-size: 14px;
  55. font-family: inherit;
  56. -webkit-box-shadow: none!important;
  57. box-shadow: none!important;
  58. -webkit-transition-duration: .1s;
  59. transition-duration: .1s;
  60. }
  61. ul{
  62. list-style: none;
  63. }
  64. label, .lbl {
  65. vertical-align: middle;
  66. }
  67. label {
  68. font-weight: normal;
  69. /*font-size: 14px;*/
  70. }
  71. /*navbar*/
  72. .navbar {
  73. margin-left: 0;
  74. margin-right: 0;
  75. box-shadow: none;
  76. margin: 0;
  77. padding-left: 0;
  78. padding-right: 0;
  79. background: #438eb9;
  80. width: 100%;
  81. }
  82. .navbar .navbar-brand {
  83. color: #fff;
  84. font-size: 24px;
  85. text-shadow: none;
  86. padding-top: 10px;
  87. padding-bottom: 10px;
  88. }
  89. /*navbar*/
  90. .warp{
  91. /*width: 1500px;*/
  92. }
  93. /*control-bar 页面左边菜单栏*/
  94. .warp .sidebar-shortcuts{
  95. text-align: center;
  96. }
  97. .warp .control-bar{
  98. width:195px;
  99. float: left;
  100. }
  101. .warp .control-bar .nav-list li.active>a:after {
  102. display: none;
  103. /*
  104. display: block;
  105. content: "";
  106. position: absolute!important;
  107. */
  108. right: 0;
  109. top: 4px;
  110. border: 8px solid transparent;
  111. border-width: 14px 10px;
  112. border-right-color: #2b7dbc;
  113. }
  114. .warp .control-bar .nav-list>li>a {
  115. display: block;
  116. height: 38px;
  117. line-height: 36px;
  118. padding: 0 16px 0 7px;
  119. background-color: #f9f9f9;
  120. color: #585858;
  121. text-shadow: none!important;
  122. font-size: 13px;
  123. text-decoration: none;
  124. }
  125. .warp .control-bar .nav-list>li.active:after {
  126. display: inline-block;
  127. content: "";
  128. position: absolute;
  129. right: -2px;
  130. top: -1px;
  131. bottom: 0;
  132. z-index: 1;
  133. border: 1px solid #abbac3;
  134. border-width: 0 1px 0 0;
  135. }
  136. .warp .control-bar .nav-list>li>a>[class*="icon-"]:first-child {
  137. display: inline-block;
  138. vertical-align: middle;
  139. min-width: 30px;
  140. text-align: center;
  141. font-size: 18px;
  142. font-weight: normal;
  143. margin-right: 2px;
  144. }
  145. .nav-list>li.active>a>[class*="icon-"] {
  146. font-weight: normal;
  147. }
  148. .nav-list>li .submenu {
  149. /*display: none;*/
  150. list-style: none;
  151. margin: 0;
  152. padding: 0;
  153. position: relative;
  154. background-color: #fff;
  155. border-top: 1px solid #e5e5e5;
  156. }
  157. .nav-list>li.active>.submenu>li:before {
  158. border-top-color: #8eb3d0;
  159. }
  160. .nav-list>li.active>.submenu:before {
  161. border-left-color: #8eb3d0;
  162. }
  163. .nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
  164. display: inline-block;
  165. }
  166. .icon-double-angle-right:before {
  167. content: "\f101";
  168. }
  169. .nav-list>li>.submenu:before {
  170. content: "";
  171. display: block;
  172. position: absolute;
  173. z-index: 1;
  174. left: 18px;
  175. top: 0;
  176. bottom: 0;
  177. border: 1px dotted #9dbdd6;
  178. border-width: 0 0 0 1px;
  179. }
  180. /*.nav-list>li>.submenu>li:before {
  181. content: "";
  182. display: inline-block;
  183. position: absolute;
  184. width: 7px;
  185. left: 20px;
  186. top: 17px;
  187. border-top: 1px dotted #9dbdd6;
  188. }*/
  189. .nav-list>li a>.arrow {
  190. display: inline-block;
  191. width: 14px!important;
  192. height: 14px;
  193. line-height: 14px;
  194. text-shadow: none;
  195. font-size: 18px;
  196. position: absolute;
  197. right: 11px;
  198. top: 11px;
  199. padding: 0;
  200. color: #666;
  201. }
  202. .nav-list>li .submenu>li {
  203. margin-left: 0;
  204. position: relative;
  205. }
  206. .nav-list>li>.submenu>li:first-child>a {
  207. border-top: 1px solid #fafafa;
  208. }
  209. .nav-list>li .submenu>li>a {
  210. display: block;
  211. position: relative;
  212. color: #616161;
  213. padding: 7px 0 9px 37px;
  214. margin: 0;
  215. border-top: 1px dotted #e4e4e4;
  216. }
  217. .nav-list>li .submenu>li a>[class*="icon-"]:first-child {
  218. display: none;
  219. font-size: 12px;
  220. font-weight: normal;
  221. width: 18px;
  222. height: auto;
  223. line-height: 12px;
  224. text-align: center;
  225. position: absolute;
  226. left: 10px;
  227. top: 11px;
  228. z-index: 1;
  229. background-color: #FFF;
  230. }
  231. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child {
  232. color: #c86139;
  233. }
  234. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child, .nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
  235. display: inline-block;
  236. }
  237. li [class^="icon-"], li [class*=" icon-"], .nav-list li [class^="icon-"], .nav-list li [class*=" icon-"] {
  238. width: auto;
  239. }
  240. .nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
  241. line-height: inherit;
  242. }
  243. .nav-list>li>.submenu li>.submenu>li a {
  244. font-size: 11px;
  245. color: #777;
  246. }
  247. .nav-list>li>.submenu li>.submenu>li>a {
  248. margin-left: 35px;
  249. padding-left: 22px;
  250. }
  251. .nav-list>li .submenu>li>a {
  252. display: block;
  253. position: relative;
  254. color: #616161;
  255. padding: 7px 0 9px 37px;
  256. margin: 0;
  257. border-top: 1px dotted #e4e4e4;
  258. }
  259. .nav-list>li>.submenu li>.submenu>li {
  260. line-height: 16px;
  261. }
  262. .nav-list>li .submenu>li {
  263. margin-left: 0;
  264. position: relative;
  265. }
  266. .nav-list>li>.submenu li>.submenu {
  267. border-top: 0;
  268. background-color: transparent;
  269. /*display: none;*/
  270. }
  271. .nav-list>li.active .submenu {
  272. display: block;
  273. }
  274. .nav-list li .submenu {
  275. overflow: hidden;
  276. }
  277. .nav-list>li .submenu {
  278. display: none;
  279. list-style: none;
  280. margin: 0;
  281. padding: 0;
  282. position: relative;
  283. background-color: #fff;
  284. border-top: 1px solid #e5e5e5;
  285. }
  286. li>ul, li>ol {
  287. margin-left: 18px;
  288. }
  289. .nav-list>li>.submenu li>.submenu>li a>[class*="icon-"]:first-child {
  290. display: inline-block;
  291. color: inherit;
  292. font-size: 14px;
  293. position: static;
  294. background-color: transparent;
  295. margin-right: 1px;
  296. }
  297. .nav-list>li>.submenu li>.submenu>li a {
  298. font-size: 11px;
  299. color: #777;
  300. }
  301. .nav-list>li>.submenu li>.submenu>li>a {
  302. margin-left: 35px;
  303. padding-left: 22px;
  304. }
  305. .nav-list>li .submenu>li>a {
  306. display: block;
  307. position: relative;
  308. color: #616161;
  309. padding: 7px 0 9px 37px;
  310. margin: 0;
  311. border-top: 1px dotted #e4e4e4;
  312. }
  313. /*control-bar 页面左边菜单栏*/
  314. /*control-show 页面右边功能*/
  315. .warp .control-show{
  316. width: 1200px;
  317. /*background: black;*/
  318. float: left;
  319. }
  320. .leftmenu_2level {
  321. height:30px;
  322. line-height:30px;
  323. }
  324. /*
  325. .btn-primary, .btn-primary:focus {
  326. background-color: #428bca!important;
  327. border-color: #428bca;
  328. }
  329. .btn, .btn-default, .btn:focus, .btn-default:focus {
  330. background-color: #abbac3!important;
  331. border-color: #abbac3;
  332. }
  333. .btn {
  334. display: inline-block;
  335. color: #FFF!important;
  336. text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
  337. background-image: none!important;
  338. border: 5px solid #FFF;
  339. border-radius: 0;
  340. box-shadow: none!important;
  341. -webkit-transition: all ease .15s;
  342. transition: all ease .15s;
  343. cursor: pointer;
  344. vertical-align: middle;
  345. margin: 0;
  346. position: relative;
  347. }
  348. .btn {
  349. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
  350. }*/
  351. /*control-show 页面右边功能*/