frontend-func.css 9.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451
  1. body {
  2. background: #f1f4f6;
  3. }
  4. .selection {
  5. position: absolute;
  6. border: 1px solid #8B9;
  7. background-color: #BEC;
  8. }
  9. .note-dialog .modal {
  10. z-index: 1060;
  11. }
  12. .bootstrap-dialog .modal-dialog {
  13. /*width: 70%;*/
  14. max-width: 885px;
  15. }
  16. #header {
  17. background: #fff;
  18. box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
  19. }
  20. .content-wrapper {
  21. position: relative;
  22. }
  23. .tab-addtabs {
  24. overflow: hidden;
  25. }
  26. .tab-addtabs .tab-pane {
  27. height: 100%;
  28. width: 100%;
  29. }
  30. /*
  31. * RIBBON
  32. */
  33. #ribbon {
  34. overflow: hidden;
  35. padding: 15px 15px 0 15px;
  36. position: relative;
  37. }
  38. #ribbon a {
  39. color: #777 !important;
  40. text-decoration: none !important;
  41. }
  42. #ribbon .breadcrumb {
  43. display: inline-block;
  44. margin: 0;
  45. padding: 0;
  46. background: none;
  47. vertical-align: top;
  48. }
  49. #ribbon .breadcrumb > .active,
  50. #ribbon .breadcrumb li:last-child {
  51. color: #aaa;
  52. }
  53. #ribbon .shortcut a {
  54. margin-left: 10px;
  55. }
  56. .is-dialog #main {
  57. background: #fff;
  58. }
  59. .is-dialog form label {
  60. font-weight: normal;
  61. }
  62. /*panel扩展描述样式*/
  63. .panel-intro {
  64. margin-bottom: 0;
  65. border: none;
  66. }
  67. .panel-intro .panel-heading {
  68. padding: 15px;
  69. padding-bottom: 0;
  70. background: #e8edf0;
  71. border-color: #e8edf0;
  72. position: relative;
  73. }
  74. .panel-intro .panel-heading .panel-lead {
  75. margin-bottom: 15px;
  76. }
  77. .panel-intro .panel-heading .panel-lead em {
  78. display: block;
  79. font-weight: bold;
  80. font-style: normal;
  81. }
  82. .panel-intro .panel-heading .panel-title {
  83. height: 25px;
  84. font-weight: normal;
  85. white-space: nowrap;
  86. overflow: hidden;
  87. text-overflow: ellipsis;
  88. }
  89. .panel-intro .panel-heading .panel-control {
  90. height: 42px;
  91. position: absolute;
  92. top: 8px;
  93. right: 8px;
  94. }
  95. .panel-intro .panel-heading .panel-control .fa {
  96. font-size: 14px;
  97. }
  98. .panel-intro .panel-heading .nav-tabs {
  99. border-bottom: 0;
  100. margin-bottom: 0;
  101. }
  102. .panel-intro .panel-heading .nav-tabs > li > a {
  103. margin-right: 4px;
  104. color: #95a5a6;
  105. background-color: #d8e0e6;
  106. border: 1px solid #e8edf0;
  107. border-bottom-color: transparent;
  108. }
  109. .panel-intro .panel-heading .nav-tabs > li > a:hover,
  110. .panel-intro .panel-heading .nav-tabs > li > a:focus {
  111. border: 1px solid #e8edf0;
  112. color: #7b8a8b;
  113. background-color: #c9d4dc;
  114. }
  115. .panel-intro .panel-heading .nav-tabs > li.active > a,
  116. .panel-intro .panel-heading .nav-tabs > li.active > a:hover,
  117. .panel-intro .panel-heading .nav-tabs > li.active > a:focus {
  118. color: #7b8a8b;
  119. background-color: #ffffff;
  120. border-bottom-color: transparent;
  121. cursor: default;
  122. }
  123. /*单表格*/
  124. .panel-tabs .panel-heading {
  125. padding: 12px 15px 12px 15px;
  126. }
  127. .panel-tabs .panel-heading .panel-lead {
  128. margin-bottom: 0px;
  129. }
  130. /*选项卡*/
  131. .panel-nav .panel-heading {
  132. padding: 0px;
  133. padding-bottom: 0;
  134. background: #f1f4f6;
  135. border-color: #f1f4f6;
  136. }
  137. .panel-nav .nav-tabs > li > a {
  138. padding: 12px 15px;
  139. background-color: #e8edf0;
  140. border: 1px solid #f1f4f6;
  141. }
  142. .panel-nav .nav-tabs > li > a:hover,
  143. .panel-nav .nav-tabs > li > a:focus {
  144. border: 1px solid #e8edf0;
  145. background-color: #e8edf0;
  146. }
  147. .panel-nav .nav-tabs > li.active > a,
  148. .panel-nav .nav-tabs > li.active > a:hover,
  149. .panel-nav .nav-tabs > li.active > a:focus {
  150. border-color: #f1f4f6;
  151. border-bottom-color: transparent;
  152. }
  153. /*顶栏addtabs*/
  154. .nav-addtabs {
  155. border: none;
  156. }
  157. .nav-addtabs > li {
  158. margin: 0;
  159. }
  160. .nav-addtabs > li > a {
  161. height: 49px;
  162. line-height: 49px;
  163. padding: 0 15px;
  164. border-radius: 0;
  165. border: none;
  166. border-right: 1px solid rgba(0, 0, 0, 0.05);
  167. margin: 0;
  168. color: #95a5a6;
  169. }
  170. .nav-addtabs > li > a:hover,
  171. .nav-addtabs > li > a:focus {
  172. border: none;
  173. color: #2c3e50;
  174. border-right: 1px solid rgba(0, 0, 0, 0.05);
  175. }
  176. .nav-addtabs > li > a i {
  177. margin-right: 3px;
  178. }
  179. .nav-addtabs > li.active > a {
  180. height: 49px;
  181. line-height: 49px;
  182. padding: 0 15px;
  183. border-radius: 0;
  184. border: none;
  185. border-right: 1px solid rgba(0, 0, 0, 0.05);
  186. background: #f1f4f6;
  187. color: #2c3e50;
  188. overflow: hidden;
  189. }
  190. .nav-addtabs > li.active > a:hover,
  191. .nav-addtabs > li.active > a:focus {
  192. border: none;
  193. color: #2c3e50;
  194. border-right: 1px solid rgba(0, 0, 0, 0.05);
  195. background: #f1f4f6;
  196. }
  197. .nav-addtabs > li .close-tab {
  198. font-size: 10px;
  199. position: absolute;
  200. right: 5px;
  201. top: 50%;
  202. margin-top: -7px;
  203. z-index: 100;
  204. cursor: hand;
  205. cursor: pointer;
  206. color: #fff;
  207. display: none;
  208. }
  209. .nav-addtabs .open > a:hover,
  210. .nav-addtabs .open > a:focus {
  211. border-right: 1px solid rgba(0, 0, 0, 0.05);
  212. }
  213. .nav-addtabs ul li {
  214. position: relative;
  215. }
  216. .nav-addtabs li:hover > .close-tab {
  217. display: block;
  218. }
  219. #treeview .jstree-container-ul .jstree-node {
  220. display: block;
  221. clear: both;
  222. }
  223. #treeview .jstree-leaf:not(:first-child) {
  224. float: left;
  225. background: none;
  226. margin-left: 0;
  227. width: 80px;
  228. clear: none;
  229. color: #BBBDC3;
  230. }
  231. #treeview .jstree-leaf {
  232. float: left;
  233. margin-left: 0;
  234. padding-left: 24px;
  235. width: 80px;
  236. clear: none;
  237. color: #ccc;
  238. }
  239. #treeview .jstree-leaf > .jstree-icon,
  240. #treeview .jstree-leaf .jstree-themeicon {
  241. display: none;
  242. }
  243. #treeview .jstree-last {
  244. background-image: url("../img/32px.png");
  245. background-position: -292px -4px;
  246. background-repeat: repeat-y;
  247. }
  248. #treeview .jstree-children:before,
  249. #treeview .jstree-children:after {
  250. content: " ";
  251. display: table;
  252. }
  253. #treeview .jstree-children:after {
  254. clear: both;
  255. }
  256. #treeview .jstree-children:before,
  257. #treeview .jstree-children:after {
  258. content: " ";
  259. display: table;
  260. }
  261. #treeview .jstree-children:after {
  262. clear: both;
  263. }
  264. #treeview .jstree-themeicon {
  265. display: none;
  266. }
  267. /*去除bootstrap-table的边框*/
  268. .fixed-table-container {
  269. border: none!important;
  270. }
  271. .pjax-loader-bar .progress {
  272. position: fixed;
  273. top: 0;
  274. left: 0;
  275. height: 2px;
  276. background: #77b6ff;
  277. box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
  278. -webkit-transition: width 0.4s ease;
  279. transition: width 0.4s ease;
  280. }
  281. .dropdown-menu.text-left a,
  282. .dropdown-menu.text-left li {
  283. text-align: left!important;
  284. }
  285. .bootstrap-table .fixed-table-toolbar .dropdown-menu {
  286. overflow: visible;
  287. }
  288. .bootstrap-table table tbody tr:first-child td .bs-checkbox {
  289. vertical-align: middle;
  290. }
  291. .dropdown-submenu {
  292. position: relative;
  293. }
  294. .dropdown-submenu > .dropdown-menu {
  295. overflow: auto;
  296. top: 0;
  297. left: 100%;
  298. margin-top: -6px;
  299. margin-left: -1px;
  300. -webkit-border-radius: 0 6px 6px 6px;
  301. -webkit-background-clip: padding-box;
  302. -moz-border-radius: 0 6px 6px 6px;
  303. -moz-background-clip: padding;
  304. border-radius: 0 6px 6px 6px;
  305. background-clip: padding-box;
  306. }
  307. .dropdown-submenu:hover > .dropdown-menu {
  308. display: block;
  309. }
  310. .dropdown-submenu:hover > a:after {
  311. border-left-color: #fff;
  312. }
  313. .dropdown-submenu > a:after {
  314. display: block;
  315. content: " ";
  316. float: right;
  317. width: 0;
  318. height: 0;
  319. border-color: transparent;
  320. border-style: solid;
  321. border-width: 5px 0 5px 5px;
  322. border-left-color: #ccc;
  323. margin-top: 5px;
  324. margin-right: -10px;
  325. }
  326. .dropdown-submenu.pull-left {
  327. float: none;
  328. }
  329. .dropdown-submenu.pull-left > .dropdown-menu {
  330. left: -100%;
  331. margin-left: 10px;
  332. -webkit-border-radius: 6px 0 6px 6px;
  333. -webkit-background-clip: padding-box;
  334. -moz-border-radius: 6px 0 6px 6px;
  335. -moz-background-clip: padding;
  336. border-radius: 6px 0 6px 6px;
  337. background-clip: padding-box;
  338. }
  339. /*重写toast的几个背景色*/
  340. .toast-primary {
  341. background-color: #48c9b0!important;
  342. }
  343. .toast-success {
  344. background-color: #2ecc71!important;
  345. }
  346. .toast-error {
  347. background-color: #e74c3c!important;
  348. }
  349. .toast-info {
  350. background-color: #5dade2!important;
  351. }
  352. .toast-warning {
  353. background-color: #f1c40f!important;
  354. }
  355. .toast-inverse {
  356. background-color: #34495e!important;
  357. }
  358. .toast-default {
  359. background-color: #bdc3c7!important;
  360. }
  361. .layui-layer-title {
  362. background: #2c3e50!important;
  363. color: #fff!important;
  364. }
  365. /*避免出现多滚动条*/
  366. .layui-layer-noborder {
  367. border: none!important;
  368. box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important;
  369. }
  370. .layui-layer-moves {
  371. -webkit-box-sizing: content-box;
  372. -moz-box-sizing: content-box;
  373. box-sizing: content-box;
  374. }
  375. .layui-layer-iframe {
  376. overflow: hidden!important;
  377. }
  378. .layui-layer-iframe .layui-layer-content {
  379. -webkit-overflow-scrolling: touch;
  380. overflow-y: hidden!important;
  381. overflow: hidden;
  382. }
  383. /*自定义底部灰色操作区*/
  384. .layui-layer-btn {
  385. text-align: center!important;
  386. padding: 10px!important;
  387. background: #ecf0f1;
  388. }
  389. .layui-layer-footer {
  390. padding: 8px 20px;
  391. background-color: #ecf0f1;
  392. height: auto;
  393. text-align: inherit!important;
  394. }
  395. .layui-layer-btn a {
  396. background-color: #95a5a6!important;
  397. border-color: #95a5a6!important;
  398. color: #fff!important;
  399. }
  400. .layui-layer-btn .layui-layer-btn0 {
  401. background-color: #18bc9c!important;
  402. border-color: #18bc9c!important;
  403. }
  404. .layui-layer-setwin {
  405. top: 10px!important;
  406. }
  407. .layui-layer-setwin > a {
  408. background: none!important;
  409. }
  410. .layui-layer-setwin > a cite {
  411. display: none;
  412. }
  413. .layui-layer-setwin > a:after {
  414. content: "\e625";
  415. font-family: iconfont;
  416. font-style: normal;
  417. font-weight: normal;
  418. text-decoration: inherit;
  419. position: absolute;
  420. font-size: 18px;
  421. color: #fff;
  422. margin: 0;
  423. z-index: 1;
  424. }
  425. .layui-layer-setwin > a:hover {
  426. text-decoration: none!important;
  427. background: none!important;
  428. }
  429. .layui-layer-setwin > a:focus {
  430. text-decoration: none!important;
  431. }
  432. .layui-layer-setwin .layui-layer-min:after {
  433. content: "\e625";
  434. }
  435. .layui-layer-setwin .layui-layer-max:after {
  436. content: "\e623";
  437. }
  438. .layui-layer-setwin .layui-layer-maxmin:after {
  439. content: "\e624";
  440. }
  441. .layui-layer-setwin .layui-layer-close1:after {
  442. content: "\e626";
  443. }
  444. /*手机版样式*/
  445. @media (max-width: 480px) {
  446. .nav-addtabs {
  447. display: none;
  448. }
  449. }
  450. /*平板样式*/
  451. /*# sourceMappingURL=frontend-func.css.map */