dolphin.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700
  1. /*!
  2. * Dolphin CSS - v1.0.2
  3. * @author caiweiming
  4. */
  5. body,
  6. h1,
  7. h2,
  8. h3,
  9. h4,
  10. h5,
  11. h6,
  12. .h1,
  13. .h2,
  14. .h3,
  15. .h4,
  16. .h5,
  17. .h6,
  18. .select2-container--default .select2-search--inline .select2-search__field{
  19. font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  20. }
  21. .css-input input + span {
  22. margin-top: -3px;
  23. }
  24. #main-container{
  25. overflow: visible;
  26. }
  27. /* 后台logo */
  28. .logo, .logo-text {
  29. max-height: 24px;
  30. }
  31. .logo{
  32. max-width:;
  33. }
  34. .dolphin-header {
  35. padding: 8px 10px 1px 6px;
  36. }
  37. .text-modern {
  38. color: #1F98CA;
  39. }
  40. /* 顶部导航 */
  41. #header-navbar {
  42. min-height: 50px;
  43. }
  44. .content-mini.content-mini-full {
  45. padding: 0 10px 0 0;
  46. }
  47. .nav-header {
  48. margin-top: 6px;
  49. }
  50. .nav-pills > li > a {
  51. font-weight: normal;;
  52. padding: 15px 17px;
  53. border-radius: 0;
  54. }
  55. .side-header{
  56. min-height: 50px;
  57. }
  58. .header-navbar-fixed #main-container{
  59. padding-top: 50px;
  60. background: #f1f1f1;
  61. }
  62. #page-footer{
  63. padding: 13px 30px 13px;
  64. }
  65. .btn,
  66. .form-control{
  67. border-radius: 0;
  68. }
  69. .notice-circle {
  70. position: absolute;
  71. right: 25px;
  72. top: -2px;
  73. font-size: 12px;
  74. }
  75. /* 表单元素 */
  76. .form-group .css-checkbox {
  77. margin-right: 10px;
  78. }
  79. .help-block {
  80. font-size: 12px;
  81. font-style: normal;
  82. }
  83. div.tagsinput {
  84. padding: 6px 12px 1px 6px;
  85. }
  86. /* 文件上传 */
  87. .file-item.thumbnail{
  88. display: inline-block;
  89. position: relative;
  90. margin-right:15px;
  91. float: left;
  92. }
  93. .file-item.thumbnail .info{
  94. display: none;
  95. }
  96. .file-item.thumbnail .remove-picture{
  97. position: absolute;
  98. right: -5px;
  99. top: -5px;
  100. font-size: 18px;
  101. color: #CA4949;
  102. cursor: pointer;
  103. display: none;
  104. z-index: 5;
  105. }
  106. .file-item.thumbnail .remove-picture:hover{
  107. color: #EC6969;
  108. }
  109. .file-item.thumbnail .move-picture{
  110. background: gainsboro;
  111. padding: 2px;
  112. cursor: move;
  113. color: #ABABAB;
  114. position: absolute;
  115. left: -6px;
  116. top: -5px;
  117. border-radius: 50%;
  118. display: none;
  119. z-index: 5;
  120. }
  121. .file-item.thumbnail:hover .remove-picture,
  122. .file-item.thumbnail:hover .move-picture{
  123. display: block;
  124. }
  125. .file-item .progress.progress-xs{
  126. margin-bottom: 5px;
  127. margin-top: 5px;
  128. }
  129. .file-item .error,
  130. .file-item .img-state{
  131. position: absolute;
  132. top: 4px;
  133. left: 4px;
  134. right: 4px;
  135. color: white;
  136. text-align: center;
  137. height: 20px;
  138. font-size: 14px;
  139. line-height: 20px;
  140. }
  141. .file-item .error{
  142. background: rgba(255, 0, 0, 0.67);
  143. }
  144. .file-item .success{
  145. background: rgba(25, 167, 75, 0.78);
  146. }
  147. .uploader-list .list-group-item img{
  148. width: 40px;
  149. height: 40px;
  150. }
  151. .file-item .remove-file{
  152. color: #CA4949;
  153. cursor: pointer;
  154. }
  155. .file-item .remove-file:hover{
  156. color: #EC6969;
  157. }
  158. .file-item .fa-check {
  159. color: #68C39F;
  160. margin-top: 3px;
  161. }
  162. /* 图标选择 */
  163. .js-icon-picker .input-group-addon {
  164. cursor: pointer;
  165. }
  166. #icon_search {
  167. padding: 15px;
  168. }
  169. #icon_tab .nav-tabs {
  170. margin-top: 20px;
  171. margin-bottom: 20px;
  172. padding: 0 15px;
  173. }
  174. #icon_tab i {
  175. font-size: 2em;
  176. }
  177. .js-icon-list {
  178. padding-left: 0;
  179. padding-bottom: 1px;
  180. margin-bottom: 20px;
  181. list-style: none;
  182. overflow: hidden;
  183. }
  184. .js-icon-list li{
  185. float: left;
  186. width: 5%;
  187. padding: 15px;
  188. margin: 0 -1px -1px 0;
  189. font-size: 12px;
  190. line-height: 1.4;
  191. text-align: center;
  192. border: 1px solid #ddd;
  193. cursor: pointer;
  194. }
  195. .js-icon-list li:hover {
  196. background-color: #F5F5F5;
  197. }
  198. .js-icon-list li code {
  199. display: none;
  200. }
  201. /* 加载层 */
  202. #loading {
  203. position: fixed;
  204. width: 100%;
  205. height:100%;
  206. z-index: 20180101;
  207. background: rgba(255, 255, 255, 0.16);
  208. }
  209. #loading .loading-box {
  210. background-color: rgba(0, 0, 0, 0.62);
  211. z-index: 20180102;
  212. position: fixed;
  213. padding: 10px;
  214. border-radius: 4px;
  215. margin-left: -50px;
  216. margin-top: -24px;
  217. color: #FFF;
  218. left: 50%;
  219. top: 50%;
  220. }
  221. #loading i {
  222. float: left;
  223. margin-right: 5px;
  224. }
  225. #loading .loding-text {
  226. margin-top: 3px;
  227. display: inline-block;
  228. }
  229. /* markdown编辑器 */
  230. .editormd-fullscreen {
  231. z-index: 9999;
  232. }
  233. /* 联动下拉 */
  234. .select-box {
  235. float: left;
  236. padding: 0 0 0 15px;
  237. }
  238. /* 分组 */
  239. .block .block-content.block-group {
  240. overflow: visible;
  241. }
  242. /* 表格 */
  243. .table{
  244. margin-bottom: 0;
  245. }
  246. .table-cell{
  247. overflow: hidden;
  248. text-overflow: ellipsis;
  249. word-break: break-all;
  250. box-sizing: border-box;
  251. min-height: 22px;
  252. }
  253. .data-table-toolbar {
  254. margin-bottom: 10px;
  255. }
  256. .builder-table-wrapper{
  257. position: relative;
  258. border: 1px solid #E9E9E9;
  259. border-bottom: 0;
  260. border-right: 0;
  261. margin-bottom: 20px;
  262. }
  263. .builder-table{
  264. width: inherit;
  265. height: 100%;
  266. max-width: 100%;
  267. overflow: inherit;
  268. border-right: 1px solid #E9E9E9;
  269. border-bottom: 1px solid #E9E9E9;
  270. position: relative;
  271. }
  272. .builder-table:before{
  273. width: 100%;
  274. height: 1px;
  275. left: 0;
  276. bottom: 0;
  277. z-index: 1;
  278. }
  279. .builder-table-head{
  280. overflow: hidden;
  281. position: relative;
  282. z-index: 1;
  283. }
  284. .builder-table-body{
  285. overflow: auto;
  286. margin-top: -1px;
  287. }
  288. #builder-table-main {
  289. margin-bottom: -1px;
  290. }
  291. .builder-table-left{
  292. position: absolute;
  293. left: 0;
  294. top: 0;
  295. box-shadow: 2px 0 6px -2px rgba(0,0,0,.2);
  296. }
  297. .builder-table-left:before,
  298. .builder-table-right:before{
  299. content: "";
  300. width: 100%;
  301. height: 1px;
  302. background-color: #dddee1;
  303. position: absolute;
  304. left: 0;
  305. bottom: 0;
  306. z-index: 4;
  307. }
  308. .builder-table-left-head,
  309. .builder-table-right-head{
  310. overflow: hidden;
  311. }
  312. .builder-table-left-body{
  313. overflow: hidden;
  314. position: relative;
  315. z-index: 3;
  316. }
  317. .builder-table-right{
  318. position: absolute;
  319. right: 0;
  320. left: auto;
  321. top: 0;
  322. box-shadow: -2px 0 6px -2px rgba(0,0,0,.2);
  323. overflow: hidden;
  324. height: 50px;
  325. }
  326. .builder-table-head table,
  327. .builder-table-left-head table,
  328. .builder-table-left-body table,
  329. .builder-table-right-head table,
  330. .builder-table-right-body-inner table,
  331. #builder-table-main{
  332. table-layout: fixed;
  333. }
  334. .builder-table-right-head{
  335. position: absolute;
  336. right: 0;
  337. }
  338. .builder-table-right-body{
  339. overflow: hidden;
  340. position: relative;
  341. z-index: 3;
  342. margin-top: 50px;
  343. }
  344. .builder-table-right-body-inner{
  345. position: absolute;
  346. right: 0;
  347. }
  348. .builder-table-right-header{
  349. position: absolute;
  350. top: -1px;
  351. right: 0;
  352. background-color: #f8f8f9;
  353. width: 17px;
  354. height: 52px;
  355. border-top: 1px solid #E9E9E9;
  356. }
  357. .table>caption+thead>tr:first-child>td,
  358. .table>caption+thead>tr:first-child>th,
  359. .table>colgroup+thead>tr:first-child>td,
  360. .table>colgroup+thead>tr:first-child>th,
  361. .table>thead:first-child>tr:first-child>td,
  362. .table>thead:first-child>tr:first-child>th{
  363. border-left: 0;
  364. border-top: 0;
  365. }
  366. .table>colgroup+thead>tr:first-child>th:last-child{
  367. border-right: 0;
  368. }
  369. .table-bordered > tbody > tr > td:first-child{
  370. border-left: 0;
  371. }
  372. .table-bordered > tbody > tr > td:last-child{
  373. border-right: 0;
  374. }
  375. .table>thead:first-child>tr:first-child>th:last-child{
  376. border-right: 0;
  377. }
  378. .table-hover > tbody > tr > td.active:hover,
  379. .table-hover > tbody > tr > th.active:hover,
  380. .table-hover > tbody > tr.active:hover > td,
  381. .table-hover > tbody > tr:hover > .active,
  382. .table-hover > tbody > tr.active:hover > th,
  383. .table-hover > tbody > tr:hover {
  384. background-color: #FFFCEF;
  385. }
  386. .js-table-checkable tbody tr, .js-table-sections-header > tr {
  387. cursor: default;
  388. }
  389. .table > thead > tr > th,
  390. .table > tbody > tr > th,
  391. .table > tfoot > tr > th {
  392. font-family: "Microsoft Yahei", "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  393. white-space: nowrap;
  394. }
  395. .table > thead > tr > th > .pull-right {
  396. margin-right: -40px;
  397. }
  398. .table-builder{
  399. border-left: 0;
  400. border-right: 0;
  401. border-top:0;
  402. background: #fff;
  403. }
  404. .table-builder .css-checkbox {
  405. margin: 2px 0;
  406. }
  407. .table-builder .switch.switch-sm {
  408. margin: 0;
  409. }
  410. .table-builder thead .fa {
  411. padding-left: 5px;
  412. }
  413. .table-builder > tbody > tr > td {
  414. vertical-align: middle;
  415. padding: 10px;
  416. min-width: 0;
  417. height: 48px;
  418. box-sizing: border-box;
  419. text-overflow: ellipsis;
  420. }
  421. .table-builder > tbody > tr > td .image {
  422. height: 40px;
  423. }
  424. .table-empty .empty-info{
  425. background: #fff;
  426. padding: 100px 0;
  427. font-size: 20px;
  428. color: #C7C7C7;
  429. }
  430. .table-hover > tbody > tr.hover{
  431. background-color: #FFFCEF;
  432. }
  433. .pagination {
  434. margin: 0;
  435. }
  436. .pagination-info {
  437. line-height: 30px;
  438. }
  439. .data-table-toolbar .go-page{
  440. width: 45px;
  441. text-align: center;
  442. float: left;
  443. margin-right: 5px;
  444. }
  445. .data-table-toolbar .nums {
  446. float: right;
  447. width: 45px;
  448. text-align: center;
  449. margin-left: 5px;
  450. }
  451. .data-table-toolbar .nums-info {
  452. margin-top: 6px;
  453. margin-right: 5px;
  454. }
  455. .search-bar {
  456. width: 280px;
  457. }
  458. @media screen and (max-width: 425px){
  459. .search-bar {
  460. width: 100%;
  461. margin-bottom: 10px;
  462. float: none!important;
  463. }
  464. }
  465. .btn-group-vertical>.btn,
  466. .btn-group>.btn{
  467. float: none;
  468. }
  469. /* 菜单页面 */
  470. #menu_list {
  471. margin-bottom: 20px;
  472. }
  473. .dd3-handle {
  474. background: #ECECEC;
  475. cursor: move;
  476. }
  477. .dd3-handle:before {
  478. color: #A0A0A0;
  479. }
  480. .dd3-content {
  481. background: #f9f9f9;
  482. color: #5A5A5A;
  483. }
  484. .dd3-content:hover {
  485. background: #ECECEC;
  486. color: #5A5A5A;
  487. }
  488. .dd3-content .link {
  489. margin-left: 10px;
  490. font-weight: normal;
  491. }
  492. .dd3-content .action {
  493. display: inline-block;
  494. margin-left: 10px;
  495. }
  496. .dd3-content .list-icon{
  497. color: #5A5A5A;
  498. margin-left: 10px;
  499. display: none;
  500. }
  501. .dd3-content .list-icon:hover,
  502. .dd-disable .list-icon:hover{
  503. color: #9A9A9A;
  504. }
  505. .dd-disable .dd3-content{
  506. background: #FFD5D0;
  507. color: #D2847B;
  508. }
  509. .dd-disable .dd3-content:hover{
  510. background: #FDC7C1;
  511. }
  512. .dd3-content:hover .list-icon{
  513. display: inline;
  514. }
  515. .dd-disable .dd3-handle{
  516. background: #FDC7C1;
  517. }
  518. .dd-disable .dd3-handle:hover{
  519. background: #E49D9D;
  520. }
  521. .dd3-item > button[data-action="collapse"],
  522. .dd3-item > button[data-action="expand"] {
  523. color: #5A5A5A;
  524. }
  525. .dd-placeholder,
  526. .dd-empty {
  527. background: #FFFFF3;
  528. border: 1px dashed #F3DDC6;
  529. }
  530. .connectedSortable {
  531. overflow: hidden;
  532. }
  533. .connectedSortable .sortable-item {
  534. border: 1px solid #DADADA;
  535. margin-right: 10px;
  536. padding: 8px 10px;
  537. background: #F7F7F7;
  538. cursor: move;
  539. }
  540. .connectedSortable .sortable-item:hover {
  541. background: #EFEFEF;
  542. }
  543. /* 模块、插件 */
  544. .module-list h3 {
  545. font-weight: 300;
  546. font-size: 24px;
  547. }
  548. /* 访问授权 */
  549. .auth-node {}
  550. .auth-node-top {
  551. padding: 8px 20px;
  552. }
  553. .auth-node-parent {
  554. margin-bottom: 20px;
  555. }
  556. .auth-node-child {
  557. margin-left: 20px;
  558. }
  559. .auth-node-child .auth-node-child {
  560. margin-left: 20px;
  561. margin-bottom: 10px;
  562. }
  563. /* 数据授权 */
  564. table.treetable {
  565. border: none;
  566. }
  567. table.treetable tr.branch {
  568. background: none;
  569. }
  570. /* select2 */
  571. .select2-selection__rendered {
  572. min-width: 200px;
  573. }
  574. .select2-container--open {
  575. z-index: 1100;
  576. }
  577. .select2-container--default .select2-results__option[aria-selected=true] {
  578. display: none;
  579. }
  580. .select2-container .select2-dropdown {
  581. margin-top: -1px;
  582. }
  583. .select2-container--default .select2-selection--multiple .select2-selection__rendered,
  584. .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__rendered{
  585. padding-left: 5px;
  586. }
  587. .select2-container--default .select2-search--inline .select2-search__field{
  588. margin-left: 6px;
  589. }
  590. .uploader-list .danger {
  591. color: #d26a5c;
  592. }
  593. /* sweetalert */
  594. .sweet-alert p {
  595. color: #BB2C2C;
  596. font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  597. }
  598. /* 隐藏表单项 */
  599. .form_group_hide {
  600. height: 0;
  601. overflow: hidden;
  602. margin: 0;
  603. }
  604. .form_group_hide .btn{
  605. height:0;
  606. }
  607. /* 百度地图 */
  608. .bmap{
  609. width:100%;
  610. height:500px;
  611. border: 1px solid #ccc;
  612. }
  613. .searchResultPanel{
  614. border:1px solid #C0C0C0;
  615. width:150px;
  616. height:auto;
  617. display:none;
  618. }
  619. /* 图片裁剪 */
  620. .jcrop-active,
  621. .jcrop-preview-parent{
  622. display: inline-block;
  623. }
  624. .jcrop-img {
  625. width: 750px;
  626. background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
  627. text-align: center;
  628. line-height: 0;
  629. }
  630. .jcrop-preview-parent{
  631. width:100px;
  632. height:100px;
  633. overflow:hidden;
  634. float: right;
  635. }
  636. /* 图片上传 */
  637. .img-link{
  638. display: inline;
  639. }
  640. /* 时间段搜索 */
  641. .toolbar-btn-action .time-filter {
  642. display: inline-block;
  643. }
  644. .toolbar-btn-action .input-daterange {
  645. width: 250px;
  646. }
  647. /* 表单按钮 */
  648. .form-btn-parent {
  649. margin-top: 22px;
  650. }
  651. .form-btn {
  652. margin-bottom: 23px;
  653. }
  654. .col-md-12 > .form-btn-parent,
  655. .col-md-12 > .form-btn-parent > .form-btn{
  656. margin: 0;
  657. }
  658. .breadcrumb {
  659. padding:10px 14px;
  660. font-weight: normal;
  661. border-radius: 0;
  662. }
  663. @media screen and (min-width: 768px){
  664. /* 面包屑导航 */
  665. .breadcrumb {
  666. padding: 10px 30px;
  667. font-weight: normal;
  668. border-radius: 0;
  669. }
  670. }
  671. .js-gallery>img,
  672. .gallery-list .thumbnail>img,
  673. .uploader-list .thumbnail>img {
  674. cursor: zoom-in;
  675. }