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.
 
 
 
 

380 lines
8.4 KiB

  1. /*bar 工具*/
  2. body {
  3. padding-bottom: 0;
  4. background-color: #fff;
  5. min-height: 100%;
  6. font-family: '微软雅黑';
  7. font-size: 13px;
  8. color: #393939;
  9. line-height: 1.5;
  10. }
  11. a{
  12. cursor: pointer;
  13. }
  14. .nav-list>li>a:hover {
  15. background-color: #FFF;
  16. color: #1963aa;
  17. }
  18. .nav-list>li .submenu>li.active>a {
  19. color: #2b7dbc;
  20. }
  21. .nav-list>li>.submenu li>.submenu li.open>a {
  22. color: #25639e;
  23. }
  24. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child, .nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
  25. display: inline-block;
  26. }
  27. .nav-list>li>.submenu li>.submenu>li a:hover {
  28. color: #316292;
  29. text-decoration: underline;
  30. }
  31. .nav-list>li .submenu>li>a:hover {
  32. text-decoration: none;
  33. color: #4b88b7;
  34. }
  35. .nav-list>li .submenu>li.active>a{
  36. color: #2b7dbc;
  37. }
  38. .text-center{text-align: center;}
  39. .fl{float: left;}
  40. .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"] {
  41. background: #FFF;
  42. }
  43. label, .lbl {
  44. vertical-align: middle;
  45. }
  46. 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"] {
  47. border-radius: 0!important;
  48. color: #858585;
  49. background-color: #fff;
  50. border: 1px solid #d5d5d5;
  51. padding: 5px 4px;
  52. line-height: 1.2;
  53. font-size: 14px;
  54. font-family: inherit;
  55. -webkit-box-shadow: none!important;
  56. box-shadow: none!important;
  57. -webkit-transition-duration: .1s;
  58. transition-duration: .1s;
  59. }
  60. ul{
  61. list-style: none;
  62. }
  63. label, .lbl {
  64. vertical-align: middle;
  65. }
  66. label {
  67. font-weight: normal;
  68. font-size: 12px!important;
  69. margin-right: 4px;
  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. .iframe_box{
  325. min-width: 1100px;
  326. margin: 30px;
  327. }
  328. /*
  329. .btn-primary, .btn-primary:focus {
  330. background-color: #428bca!important;
  331. border-color: #428bca;
  332. }
  333. .btn, .btn-default, .btn:focus, .btn-default:focus {
  334. background-color: #abbac3!important;
  335. border-color: #abbac3;
  336. }
  337. .btn {
  338. display: inline-block;
  339. color: #FFF!important;
  340. text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
  341. background-image: none!important;
  342. border: 5px solid #FFF;
  343. border-radius: 0;
  344. box-shadow: none!important;
  345. -webkit-transition: all ease .15s;
  346. transition: all ease .15s;
  347. cursor: pointer;
  348. vertical-align: middle;
  349. margin: 0;
  350. position: relative;
  351. }
  352. .btn {
  353. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
  354. }*/
  355. /*control-show 页面右边功能*/