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.
 
 
 
 

383 lines
8.5 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: 14px;*/
  69. }
  70. /*navbar*/
  71. .navbar {
  72. margin-left: 0;
  73. margin-right: 0;
  74. box-shadow: none;
  75. margin: 0;
  76. padding-left: 0;
  77. padding-right: 0;
  78. background: #438eb9;
  79. width: 100%;
  80. }
  81. .navbar .navbar-brand {
  82. color: #fff;
  83. font-size: 24px;
  84. text-shadow: none;
  85. padding-top: 10px;
  86. padding-bottom: 10px;
  87. }
  88. /*navbar*/
  89. .warp{
  90. width: 1500px;
  91. }
  92. /*control-bar 页面左边菜单栏*/
  93. .warp .sidebar-shortcuts{
  94. text-align: center;
  95. }
  96. .warp .control-bar{
  97. width:195px;
  98. float: left;
  99. }
  100. .warp .control-bar .nav-list li.active>a:after {
  101. display: none;
  102. /*
  103. display: block;
  104. content: "";
  105. position: absolute!important;
  106. */
  107. right: 0;
  108. top: 4px;
  109. border: 8px solid transparent;
  110. border-width: 14px 10px;
  111. border-right-color: #2b7dbc;
  112. }
  113. .warp .control-bar .nav-list>li>a {
  114. display: block;
  115. height: 38px;
  116. line-height: 36px;
  117. padding: 0 16px 0 7px;
  118. background-color: #f9f9f9;
  119. color: #585858;
  120. text-shadow: none!important;
  121. font-size: 13px;
  122. text-decoration: none;
  123. }
  124. .warp .control-bar .nav-list>li.active:after {
  125. display: inline-block;
  126. content: "";
  127. position: absolute;
  128. right: -2px;
  129. top: -1px;
  130. bottom: 0;
  131. z-index: 1;
  132. border: 1px solid #abbac3;
  133. border-width: 0 1px 0 0;
  134. }
  135. .warp .control-bar .nav-list>li>a>[class*="icon-"]:first-child {
  136. display: inline-block;
  137. vertical-align: middle;
  138. min-width: 30px;
  139. text-align: center;
  140. font-size: 18px;
  141. font-weight: normal;
  142. margin-right: 2px;
  143. }
  144. .nav-list>li.active>a>[class*="icon-"] {
  145. font-weight: normal;
  146. }
  147. .nav-list>li .submenu {
  148. /*display: none;*/
  149. list-style: none;
  150. margin: 0;
  151. padding: 0;
  152. position: relative;
  153. background-color: #fff;
  154. border-top: 1px solid #e5e5e5;
  155. }
  156. .nav-list>li.active>.submenu>li:before {
  157. border-top-color: #8eb3d0;
  158. }
  159. .nav-list>li.active>.submenu:before {
  160. border-left-color: #8eb3d0;
  161. }
  162. .nav-list>li>.submenu li.open>a>[class*="icon-"]:first-child {
  163. display: inline-block;
  164. }
  165. .icon-double-angle-right:before {
  166. content: "\f101";
  167. }
  168. .nav-list>li>.submenu:before {
  169. content: "";
  170. display: block;
  171. position: absolute;
  172. z-index: 1;
  173. left: 18px;
  174. top: 0;
  175. bottom: 0;
  176. border: 1px dotted #9dbdd6;
  177. border-width: 0 0 0 1px;
  178. }
  179. /*.nav-list>li>.submenu>li:before {
  180. content: "";
  181. display: inline-block;
  182. position: absolute;
  183. width: 7px;
  184. left: 20px;
  185. top: 17px;
  186. border-top: 1px dotted #9dbdd6;
  187. }*/
  188. .nav-list>li a>.arrow {
  189. display: inline-block;
  190. width: 14px!important;
  191. height: 14px;
  192. line-height: 14px;
  193. text-shadow: none;
  194. font-size: 18px;
  195. position: absolute;
  196. right: 11px;
  197. top: 11px;
  198. padding: 0;
  199. color: #666;
  200. }
  201. .nav-list>li .submenu>li {
  202. margin-left: 0;
  203. position: relative;
  204. }
  205. .nav-list>li>.submenu>li:first-child>a {
  206. border-top: 1px solid #fafafa;
  207. }
  208. .nav-list>li .submenu>li>a {
  209. display: block;
  210. position: relative;
  211. color: #616161;
  212. padding: 7px 0 9px 37px;
  213. margin: 0;
  214. border-top: 1px dotted #e4e4e4;
  215. }
  216. .nav-list>li .submenu>li a>[class*="icon-"]:first-child {
  217. display: none;
  218. font-size: 12px;
  219. font-weight: normal;
  220. width: 18px;
  221. height: auto;
  222. line-height: 12px;
  223. text-align: center;
  224. position: absolute;
  225. left: 10px;
  226. top: 11px;
  227. z-index: 1;
  228. background-color: #FFF;
  229. }
  230. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child {
  231. color: #c86139;
  232. }
  233. .nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child, .nav-list>li .submenu>li:hover>a>[class*="icon-"]:first-child {
  234. display: inline-block;
  235. }
  236. li [class^="icon-"], li [class*=" icon-"], .nav-list li [class^="icon-"], .nav-list li [class*=" icon-"] {
  237. width: auto;
  238. }
  239. .nav-list [class^="icon-"], .nav-list [class*=" icon-"] {
  240. line-height: inherit;
  241. }
  242. .nav-list>li>.submenu li>.submenu>li a {
  243. font-size: 11px;
  244. color: #777;
  245. }
  246. .nav-list>li>.submenu li>.submenu>li>a {
  247. margin-left: 35px;
  248. padding-left: 22px;
  249. }
  250. .nav-list>li .submenu>li>a {
  251. display: block;
  252. position: relative;
  253. color: #616161;
  254. padding: 7px 0 9px 37px;
  255. margin: 0;
  256. border-top: 1px dotted #e4e4e4;
  257. }
  258. .nav-list>li>.submenu li>.submenu>li {
  259. line-height: 16px;
  260. }
  261. .nav-list>li .submenu>li {
  262. margin-left: 0;
  263. position: relative;
  264. }
  265. .nav-list>li>.submenu li>.submenu {
  266. border-top: 0;
  267. background-color: transparent;
  268. /*display: none;*/
  269. }
  270. .nav-list>li.active .submenu {
  271. display: block;
  272. }
  273. .nav-list li .submenu {
  274. overflow: hidden;
  275. }
  276. .nav-list>li .submenu {
  277. display: none;
  278. list-style: none;
  279. margin: 0;
  280. padding: 0;
  281. position: relative;
  282. background-color: #fff;
  283. border-top: 1px solid #e5e5e5;
  284. }
  285. li>ul, li>ol {
  286. margin-left: 18px;
  287. }
  288. .nav-list>li>.submenu li>.submenu>li a>[class*="icon-"]:first-child {
  289. display: inline-block;
  290. color: inherit;
  291. font-size: 14px;
  292. position: static;
  293. background-color: transparent;
  294. margin-right: 1px;
  295. }
  296. .nav-list>li>.submenu li>.submenu>li a {
  297. font-size: 11px;
  298. color: #777;
  299. }
  300. .nav-list>li>.submenu li>.submenu>li>a {
  301. margin-left: 35px;
  302. padding-left: 22px;
  303. }
  304. .nav-list>li .submenu>li>a {
  305. display: block;
  306. position: relative;
  307. color: #616161;
  308. padding: 7px 0 9px 37px;
  309. margin: 0;
  310. border-top: 1px dotted #e4e4e4;
  311. }
  312. /*control-bar 页面左边菜单栏*/
  313. /*control-show 页面右边功能*/
  314. .warp .control-show{
  315. width: 1200px;
  316. /*background: black;*/
  317. float: left;
  318. }
  319. .leftmenu_2level {
  320. height:30px;
  321. line-height:30px;
  322. }
  323. /*
  324. .btn-primary, .btn-primary:focus {
  325. background-color: #428bca!important;
  326. border-color: #428bca;
  327. }
  328. .btn, .btn-default, .btn:focus, .btn-default:focus {
  329. background-color: #abbac3!important;
  330. border-color: #abbac3;
  331. }
  332. .btn {
  333. display: inline-block;
  334. color: #FFF!important;
  335. text-shadow: 0 -1px 0 rgba(0,0,0,0.25)!important;
  336. background-image: none!important;
  337. border: 5px solid #FFF;
  338. border-radius: 0;
  339. box-shadow: none!important;
  340. -webkit-transition: all ease .15s;
  341. transition: all ease .15s;
  342. cursor: pointer;
  343. vertical-align: middle;
  344. margin: 0;
  345. position: relative;
  346. }
  347. .btn {
  348. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
  349. }*/
  350. /*control-show 页面右边功能*/
  351. /*变手型*/
  352. .mouse_hand{
  353. cursor: pointer;
  354. }
  355. .move_underline{
  356. text-decoration:underline;
  357. }
  358. .iframe_box{
  359. min-width: 1050px;
  360. margin: 30px;
  361. }