backend-func.css 9.7 KB

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