nizongfeng
/
ZZCX_yii
1
0
派生 0
代码 工单 0 合并请求 0 版本发布 0 百科 动态
您最多选择25个主题 主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
3 提交
1 分支
96 MiB
 
 
 
 
 
 
分支: master
分支列表 标签列表
${ item.name }
创建分支 ${ searchTerm }
从 'master'
${ noResults }
ZZCX_yii/backend/assets/zzcx/css/site.css

721 行
14 KiB
原始文件 永久链接 Blame 文件历史 

  1. html,

  2. body {

  3.     height: 100%;

  4.     font-family: '微软雅黑';

  5. }

  6. 

  7. .wrap {

  8.     min-height: 100%;

  9.     height: auto;

  10.     margin: 0 auto -60px;

  11.     padding: 0 0 60px;

  12. }

  13. 

  14. .wrap > .container {

  15.     padding: 70px 15px 20px;

  16. }

  17. 

  18. .footer {

  19.     height: 60px;

  20.     background-color: #f5f5f5;

  21.     border-top: 1px solid #ddd;

  22.     padding-top: 20px;

  23. }

  24. 

  25. .jumbotron {

  26.     text-align: center;

  27.     background-color: transparent;

  28. }

  29. 

  30. .jumbotron .btn {

  31.     font-size: 21px;

  32.     padding: 14px 24px;

  33. }

  34. 

  35. .not-set {

  36.     color: #c55;

  37.     font-style: italic;

  38. }

  39. 

  40. /* add sorting icons to gridview sort links */

  41. a.asc:after, a.desc:after {

  42.     position: relative;

  43.     top: 1px;

  44.     display: inline-block;

  45.     font-family: 'Glyphicons Halflings';

  46.     font-style: normal;

  47.     font-weight: normal;

  48.     line-height: 1;

  49.     padding-left: 5px;

  50. }

  51. 

  52. a.asc:after {

  53.     content: /*"\e113"*/ "\e151";

  54. }

  55. 

  56. a.desc:after {

  57.     content: /*"\e114"*/ "\e152";

  58. }

  59. 

  60. .sort-numerical a.asc:after {

  61.     content: "\e153";

  62. }

  63. 

  64. .sort-numerical a.desc:after {

  65.     content: "\e154";

  66. }

  67. 

  68. .sort-ordinal a.asc:after {

  69.     content: "\e155";

  70. }

  71. 

  72. .sort-ordinal a.desc:after {

  73.     content: "\e156";

  74. }

  75. 

  76. .grid-view .filters input,

  77. .grid-view .filters select {

  78.     min-width: 50px;

  79. }

  80. 

  81. .hint-block {

  82.     display: block;

  83.     margin-top: 5px;

  84.     color: #999;

  85. }

  86. 

  87. .error-summary {

  88.     color: #a94442;

  89.     background: #fdf7f7;

  90.     border-left: 3px solid #eed3d7;

  91.     padding: 10px 20px;

  92.     margin: 0 0 15px 0;

  93. }

  94. 

  95. /* align the logout "link" (button in form) of the navbar */

  96. .nav li > form > button.logout {

  97.     padding: 15px;

  98.     border: none;

  99. }

  100. 

  101. @media (max-width: 767px) {

  102.     .nav li > form > button.logout {

  103.         display: block;

  104.         text-align: left;

  105.         width: 100%;

  106.         padding: 10px 15px;

  107.     }

  108. }

  109. 

  110. .nav > li > form > button.logout:focus,

  111. .nav > li > form > button.logout:hover {

  112.     text-decoration: none;

  113. }

  114. 

  115. .nav > li > form > button.logout:focus {

  116.     outline: none;

  117. }

  118. 

  119. .left {

  120.     float: left;

  121. }

  122. 

  123. .right {

  124.     float: right;

  125. }

  126. 

  127. @charset "UTF-8";

  128. /* Cubic Bezier Transition */

  129. /***

  130. Page container

  131. ***/

  132. .page-container {

  133.     margin: 0px;

  134.     padding: 20px 20px 0 10px;

  135.     position: relative;

  136.     /* Fixed header */

  137.     /* Fixed footer for mobile */

  138. }

  139. 

  140. .page-container:before, .page-container:after {

  141.     content: " ";

  142.     display: table;

  143. }

  144. 

  145. .page-container:after {

  146.     clear: both;

  147. }

  148. 

  149. .page-header-fixed .page-container {

  150.     margin-top: 65px;

  151. }

  152. 

  153. .page-footer-fixed.page-footer-fixed-mobile .page-container {

  154.     margin-bottom: 20px !important;

  155. }

  156. 

  157. /***

  158. Page sidebar

  159. ***/

  160. /* IE8 fix */

  161. .ie8 .page-sidebar {

  162.     width: 235px;

  163.     float: left;

  164.     position: relative;

  165.     margin-right: -100%;

  166. }

  167. 

  168. /* Page Sidebar */

  169. .page-sidebar,

  170. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover {

  171.     -webkit-border-radius: 4px;

  172.     -moz-border-radius: 4px;

  173.     -ms-border-radius: 4px;

  174.     -o-border-radius: 4px;

  175.     border-radius: 4px;

  176.     /* Default sidebar menu */

  177. }

  178. 

  179. .page-sidebar.navbar-collapse,

  180. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {

  181.     padding: 0;

  182.     box-shadow: none;

  183. }

  184. 

  185. .page-md .page-sidebar.navbar-collapse, .page-md

  186. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover.navbar-collapse {

  187.     box-shadow: 0px 2px 3px 2px rgba(0, 0, 0, 0.03);

  188. }

  189. 

  190. .page-sidebar .page-sidebar-menu,

  191. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu {

  192.     -webkit-border-radius: 4px;

  193.     -moz-border-radius: 4px;

  194.     -ms-border-radius: 4px;

  195.     -o-border-radius: 4px;

  196.     border-radius: 4px;

  197.     list-style: none;

  198.     margin: 10px 0 0 0;

  199.     padding: 0;

  200.     /* 1st level links */

  201.     /* all links */

  202. }

  203. 

  204. .page-sidebar .page-sidebar-menu > li,

  205. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li {

  206.     display: block;

  207.     margin: 0;

  208.     padding: 0;

  209.     border: 0px;

  210. }

  211. 

  212. .page-sidebar .page-sidebar-menu > li.heading,

  213. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading {

  214.     height: 35px;

  215.     padding: 12px 15px 10px 20px;

  216. }

  217. 

  218. .page-sidebar .page-sidebar-menu > li.heading > h3,

  219. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3 {

  220.     font-size: 13px;

  221.     font-weight: 400;

  222.     padding: 0;

  223.     margin: 0;

  224.     font-weight: 600;

  225. }

  226. 

  227. .page-sidebar .page-sidebar-menu > li > a,

  228. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {

  229.     display: block;

  230.     position: relative;

  231.     margin: 0px 0 0 0;

  232.     border: 0px;

  233.     padding: 12px 15px;

  234.     text-decoration: none;

  235. }

  236. 

  237. .page-sidebar .page-sidebar-menu > li > a > .title,

  238. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {

  239.     font-size: 13px;

  240.     font-weight: 400;

  241. }

  242. 

  243. .page-sidebar .page-sidebar-menu > li > a > i,

  244. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {

  245.     font-size: 13px;

  246.     text-shadow: none;

  247.     font-weight: 300;

  248. }

  249. 

  250. .page-sidebar .page-sidebar-menu > li.open > a,

  251. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a {

  252.     font-size: 14px;

  253. }

  254. 

  255. .page-sidebar .page-sidebar-menu > li.active > a,

  256. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {

  257.     border: none;

  258.     text-shadow: none;

  259.     font-size: 14px;

  260. }

  261. 

  262. .page-sidebar .page-sidebar-menu .sub-menu,

  263. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu {

  264.     list-style: none;

  265.     display: none;

  266.     padding: 0;

  267.     margin: 8px 0px 8px 0px;

  268. }

  269. 

  270. .page-sidebar .page-sidebar-menu .sub-menu li,

  271. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li {

  272.     background: none;

  273.     margin: 0px;

  274.     padding: 0px;

  275.     margin-top: 1px !important;

  276.     /* 2nd level sub menu */

  277. }

  278. 

  279. .page-sidebar .page-sidebar-menu .sub-menu li > a,

  280. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {

  281.     display: block;

  282.     margin: 0;

  283.     padding: 8px 14px 8px 30px;

  284.     text-decoration: none;

  285.     font-size: 13px;

  286.     font-weight: 400;

  287.     background: none;

  288. }

  289. 

  290. .page-sidebar .page-sidebar-menu .sub-menu li > a > i,

  291. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {

  292.     font-size: 13px;

  293.     margin-right: 1px;

  294. }

  295. 

  296. .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow:before,

  297. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow:before {

  298.     margin-top: -4px;

  299. }

  300. 

  301. .page-sidebar .page-sidebar-menu .sub-menu li > a .arrow.open:before,

  302. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a .arrow.open:before {

  303.     margin-top: -2px;

  304. }

  305. 

  306. .page-sidebar .page-sidebar-menu .sub-menu li > .sub-menu,

  307. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > .sub-menu {

  308.     margin: 0;

  309. }

  310. 

  311. .page-sidebar .page-sidebar-menu .sub-menu.always-open,

  312. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu.always-open {

  313.     display: block;

  314. }

  315. 

  316. .page-sidebar .page-sidebar-menu li.active > .sub-menu,

  317. .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > .sub-menu {

  318.     display: block;

  319. }

  320. 

  321. @media (min-width: 992px) {

  322.     /* 992px */

  323.     .page-sidebar {

  324.         width: 215px;

  325.         float: left;

  326.         position: relative;

  327.         margin-right: -100%;

  328.         margin-bottom: 10px;

  329.     }

  330. }

  331. 

  332. @media (min-width: 992px) {

  333.     /* 992px */

  334.     /* Page content */

  335.     .page-content-wrapper {

  336.         float: left;

  337.         width: 100%;

  338.     }

  339. 

  340.     .page-content-wrapper .page-content {

  341.         margin-left: 215px;

  342.         margin-top: 0px;

  343.         min-height: 600px;

  344.         padding: 0px 0 0 20px;

  345.     }

  346. 

  347.     .logo-default {

  348.         background-image: url("../images/logo.png");

  349.         background-repeat: no-repeat;

  350.         margin: 9px 5px 5px 10px !important;

  351.         border-width: 0;

  352.         width: 50px;

  353.         height: 56px;

  354.         float: left;

  355.     }

  356. 

  357.     .page-logo a:hover {

  358.         text-decoration: none;

  359.     }

  360. 

  361.     .page-logo a span {

  362.         font-size: 24px;

  363.         font-weight: normal;

  364.         font-style: normal;

  365.         font-stretch: normal;

  366.         line-height: 68px;

  367.         color: #5bc0de;

  368.     }

  369. 

  370.     .numeric {

  371.         text-align: right;

  372.     }

  373. 

  374.     .table td, .table th {

  375.         font-size: 13px !important;

  376.     }

  377. }

  378. 

  379. .form-body .control-label {

  380.     padding-top: 4px;

  381. }

  382. 

  383. .select2-container--bootstrap .select2-selection--single {

  384.     height: 30px;

  385. }

  386. 

  387. .portlet > .portlet-title > .tools {

  388.     padding: 10px 5px 8px;

  389.     font-size: 18px;

  390. }

  391. 

  392. .portlet > .portlet-title > .tools > a > span {

  393.     padding: 0 3px;

  394.     color: white !important;

  395.     font-size: 14px;

  396. }

  397. 

  398. .select2-results__option {

  399.     font-size: 12px !important;

  400. }

  401. 

  402. .table > tbody + tbody {

  403.     border-top: inherit;

  404. }

  405. 

  406. .kv-page-summary {

  407.     border-top: inherit !important;

  408. }

  409. 

  410. .page-header.navbar .page-logo {

  411.     width: inherit !important;

  412. }

  413. 

  414. li.dropdown.dropdown-extended.quick-sidebar-toggler {

  415.     color: #99a8b5;

  416. }

  417. 

  418. .mt-element-step .step-line .mt-step-number {

  419.     width: 30px;

  420.     height: 30px;

  421. }

  422. 

  423. .mt-element-step .step-line .mt-step-title:after, .mt-element-step .step-line .mt-step-title:before {

  424.     top: -24px;

  425. }

  426. 

  427. .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {

  428.     width: 14.28%;

  429. }

  430. 

  431. @media (min-width: 992px) {

  432.     /* 992px */

  433.     /* Page content */

  434.     .page-content-wrapper {

  435.         float: left;

  436.         width: 100%;

  437.     }

  438. 

  439.     .page-content-wrapper .page-content {

  440.         margin-left: 215px;

  441.         margin-top: 0px;

  442.         min-height: 600px;

  443.         padding: 0px 0 0 20px;

  444.     }

  445. 

  446.     .logo-default {

  447.         background-image: url("../images/logo.png");

  448.         background-repeat: no-repeat;

  449.         margin: 9px 5px 5px 10px !important;

  450.         border-width: 0;

  451.         width: 50px;

  452.         height: 56px;

  453.         float: left;

  454.     }

  455. 

  456.     .page-logo a:hover {

  457.         text-decoration: none;

  458.     }

  459. 

  460.     .page-logo a span {

  461.         font-size: 24px;

  462.         font-weight: normal;

  463.         font-style: normal;

  464.         font-stretch: normal;

  465.         line-height: 68px;

  466.         color: #5bc0de;

  467.     }

  468. 

  469.     .numeric {

  470.         text-align: right;

  471.     }

  472. 

  473.     .table td, .table th {

  474.         font-size: 13px !important;

  475.     }

  476. }

  477. 

  478. .mt-element-step .step-line .mt-step-title {

  479.     font-size: 14px;

  480. }

  481. 

  482. .mt-element-step .step-line .mt-step-col {

  483.     padding-bottom: 10px;

  484. }

  485. 

  486. .portlet.box.table-grey > .portlet-title > .tools > a.collapse {

  487.     background-image: url(../../global/img/portlet-collapse-icon.png);

  488. }

  489. 

  490. .portlet.box.table-grey > .portlet-title > .tools > a.expand {

  491.     background-image: url(../../global/img/portlet-expand-icon.png);

  492. }

  493. 

  494. .col-wd-2 {

  495.     width: 16.66666667%;

  496. }

  497. 

  498. .col-wd-1 {

  499.     width: 10%;

  500. }

  501. 

  502. .label-margin {

  503.     padding: 0 15px;

  504. }

  505. 

  506. .label-footer {

  507.     margin: 15px 20px;

  508. }

  509. 

  510. .search .portlet .form-group {

  511.     margin-right: 20px;

  512.     display: inline-flex;

  513. }

  514. 

  515. .nav > li.disabled {

  516.     cursor: not-allowed;

  517. }

  518. 

  519. .nav > li.disabled > a {

  520.     color: #777;

  521.     pointer-events: none;

  522. }

  523. 

  524. .tabbable-custom > .nav-tabs > li.active {

  525.     border-top: 3px solid #36c6d3;

  526. }

  527. 

  528. .search .form-group > input, .search .form-group > select, .search .form-group > div, .modal-dialog .form-group > div {

  529.     display: inline-flex;

  530. }

  531. 

  532. .tabbable-custom .form-group {

  533.     display: flex;

  534. }

  535. 

  536. .tabbable-custom .main .form-group {

  537.     display: inline-block;

  538. }

  539. 

  540. .tab-content .form-group label {

  541.     width: 120px;

  542.     text-align: right;

  543. }

  544. 

  545. .tab-content .main > div > label {

  546.     width: 80px;

  547. }

  548. 

  549. .tab-content .main label.radio-inline {

  550.     width: 65px;

  551. }

  552. 

  553. .field-basebus-is_my label {

  554.     width: 65px !important;

  555. }

  556. 

  557. .portlet .tab-content {

  558.     padding-top: 30px

  559. }

  560. 

  561. .tab-content .form-group input {

  562.     width: auto;

  563. }

  564. 

  565. .input-group-addon, .input-group-btn {

  566.     width: auto

  567. }

  568. 

  569. .form-group .radio-top label {

  570.     width: 65px;

  571. }

  572. 

  573. .text-center {

  574.     text-align: center;

  575. }

  576. 

  577. .caption.text-center {

  578.     margin-top: 20px;

  579. }

  580. 

  581. .text-left > input, .text-left {

  582.     text-align: left !important;

  583. }

  584. 

  585. .document > img {

  586.     height: 200px;

  587.     margin: 10px 25px;

  588. }

  589. 

  590. .bs-modal-lg > .modal-dialog {

  591.     width: 900px !important;

  592. }

  593. 

  594. .document .fileinput {

  595.     margin: auto 20px;

  596. }

  597. 

  598. .panel-info .thumbnail > div > img, .panel-info .thumbnail a > img {

  599.     border: 1px solid lightgrey;

  600.     min-width: 30%;

  601. }

  602. 

  603. .panel-info div.fixed {

  604.     width: 248px;

  605.     height: 200px;

  606.     text-align: center;

  607.     border: 1px solid lightgrey;

  608. }

  609. 

  610. .thumbnail > img {

  611.     display: inline;

  612. }

  613. 

  614. .thumbnail > span.helper {

  615.     display: inline-block;

  616.     height: 100%;

  617.     vertical-align: middle;

  618. }

  619. 

  620. /*

  621. 点击图片弹出层 start

  622.  */

  623. .imageBack, .bigDivImage {

  624.     position: fixed;

  625.     background-color: rgba(51, 51, 51, 0.43);

  626.     text-align: center;

  627.     z-index: 99999;

  628.     top: 0;

  629.     height: 100%;

  630.     width: 100%;

  631.     overflow: auto !important;

  632. }

  633. 

  634. .bigImage {

  635.     width: 85%;

  636.     height: auto;

  637.     display: inline-block;

  638.     padding: 5px;

  639.     background-color: white;

  640.     margin-top: 3%;

  641. }

  642. 

  643. .bigImage img {

  644.     width: 100%;

  645. }

  646. 

  647. /*

  648. 点击图片弹出层 end

  649.  */

  650. 

  651. .radio-top {

  652.     margin-top: 4px;

  653. }

  654. 

  655. .base-driver-index .portlet .tab-content {

  656.     padding-top: 20px

  657. }

  658. 

  659. .warning-div .nav-tabs > li > a > .badge {

  660.     margin-top: -4px;

  661. }

  662. 

  663. .modal-content .form-group .input-group {

  664.     width: 223px !important;

  665. }

  666. 

  667. .modal-content .form-group .input-group > input {

  668.     width: 100% !important;

  669. }

  670. 

  671. div.required > label:before {

  672.     content: " * ";

  673.     color: red;

  674.     vertical-align: sub;

  675. }

  676. 

  677. div.required.no-star label:before {

  678.     content: '';

  679. }

  680. 

  681. .custom-label .form-group label:first-child {

  682.     line-height: 30px;

  683. }

  684. 

  685. .bg-light-pink {

  686.     background: #eac0c1 !important;

  687. }

  688. 

  689. .bg-font-light-pink {

  690.     color: #333 !important;

  691. }

  692. 

  693. .bg-light-sky-blue {

  694.     background: #F5FDFE !important;

  695. }

  696. 

  697. .modal-body {

  698.     min-height: 100px;

  699. }

  700. 

  701. .vertical-middle {

  702.     vertical-align: middle;

  703. }

  704. 

  705. .modal-body-icon {

  706.     margin: 15px;

  707. }

  708. 

  709. .form-group label:first-child {

  710.     margin-bottom: 0;

  711.     line-height: 26px;

  712. }

  713. 

  714. .margin-30 {

  715.     margin: 30px;

  716. }

  717. 

  718. .form-column2 .form-group {

  719.     width: 48%;

  720.     display: inline-table;

  721. }