backend-func.css 9.7 KB

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