| | |
| | | */ |
| | | |
| | | * { |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | *:before, *:after { |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | html, body { |
| | | height: 100%; |
| | | width: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | border: none; |
| | | overflow: hidden; |
| | | font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; |
| | | font-size: 14px; |
| | | background-color:transparent!important; |
| | | height: 100%; |
| | | width: 100%; |
| | | margin: 0; |
| | | padding: 0; |
| | | border: none; |
| | | overflow: hidden; |
| | | font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, "Microsoft Yahei", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif; |
| | | font-size: 14px; |
| | | background-color: transparent!important; |
| | | } |
| | | |
| | | body { |
| | | padding:1px; |
| | | padding: 1px; |
| | | } |
| | | |
| | | input, button, select, textarea { |
| | | font-family: inherit; |
| | | font-size: inherit; |
| | | line-height: inherit; |
| | | font-family: inherit; |
| | | font-size: inherit; |
| | | line-height: inherit; |
| | | } |
| | | a { color: #62a8ea;text-decoration: none;} |
| | | |
| | | a { |
| | | color: #62a8ea; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | a:hover, a:focus { |
| | | color: #89bceb; |
| | | text-decoration: underline; |
| | | color: #89bceb; |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | a:focus { |
| | | outline: thin dotted; |
| | | outline: 5px auto -webkit-focus-ring-color; |
| | | outline: none; |
| | | outline-offset: -2px; |
| | | } |
| | | ul, li {list-style: none;} |
| | | |
| | | |
| | | |
| | | .dark { color: #ffffff; } |
| | | .dark a{color:#ffffff;text-decoration: none;} |
| | | .dark a:hover {color:#CC3300;text-decoration:underline;} |
| | | .dark .content{ |
| | | overflow: auto; |
| | | position: relative; |
| | | background: transparent; |
| | | height: 400px; |
| | | -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; |
| | | } |
| | | .dark .form-control,.dark .input-group-addon,.dark .btn-default,.dark input ,.dark .dropdown-menu { |
| | | color: #ffffff; |
| | | background-color: rgba(63, 72, 84, 0.6); |
| | | outline: thin dotted; |
| | | outline: 5px auto -webkit-focus-ring-color; |
| | | outline: none; |
| | | outline-offset: -2px; |
| | | } |
| | | |
| | | .input-group{ |
| | | width:100%; |
| | | ul, li { |
| | | list-style: none; |
| | | } |
| | | |
| | | .dark { |
| | | color: #ffffff; |
| | | } |
| | | |
| | | .dark a { |
| | | color: #ffffff; |
| | | text-decoration: none; |
| | | } |
| | | |
| | | .dark a:hover { |
| | | color: #CC3300; |
| | | text-decoration: underline; |
| | | } |
| | | |
| | | .dark .content { |
| | | overflow: auto; |
| | | position: relative; |
| | | background: transparent; |
| | | height: 400px; |
| | | -webkit-box-sizing: border-box; |
| | | -moz-box-sizing: border-box; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | .dark .form-control, .dark .input-group-addon, .dark .btn-default, .dark input, .dark .dropdown-menu { |
| | | color: #ffffff; |
| | | background-color: rgba(63, 72, 84, 0.6); |
| | | } |
| | | |
| | | .input-group { |
| | | width: 100%; |
| | | } |
| | | |
| | | .dark .btn-primary { |
| | | background-color: rgba(32, 160, 255, 0.2); |
| | | background-color: rgba(32, 160, 255, 0.2); |
| | | } |
| | | |
| | | .dark .btn-danger { |
| | | background-color: rgba(255, 109, 109, 0.2); |
| | | background-color: rgba(255, 109, 109, 0.2); |
| | | } |
| | | |
| | | .dark .btn-warning { |
| | | background-color: rgba(196, 188, 181, 0.2); |
| | | background-color: rgba(196, 188, 181, 0.2); |
| | | } |
| | | .dark .table-hover > tbody > tr:hover { |
| | | background-color: rgba(63, 72, 84, 1); |
| | | |
| | | .dark .table-hover>tbody>tr:hover { |
| | | background-color: rgba(63, 72, 84, 1); |
| | | } |
| | | .dark .dropdown-menu > li > a { |
| | | color: #ffffff; |
| | | |
| | | .dark .dropdown-menu>li>a { |
| | | color: #ffffff; |
| | | } |
| | | .dark .dropdown-menu > li > a:hover,.dark .dropdown-menu > li > a:focus { |
| | | background-color: #4db3ff; |
| | | |
| | | .dark .dropdown-menu>li>a:hover, .dark .dropdown-menu>li>a:focus { |
| | | background-color: #4db3ff; |
| | | } |
| | | |
| | | /*滚动条*/ |
| | | |
| | | body, html { |
| | | scrollbar-base-color:#f4f7fc; |
| | | scrollbar-track-color:#f4f7fc; |
| | | scrollbar-face-color:#797979; |
| | | scrollbar-arrow-color:#f4f7fc; |
| | | scrollbar-shadow-color:#f4f7fc; |
| | | scrollbar-3dlight-color:#f4f7fc; |
| | | scrollbar-highlight-color:#f4f7fc; |
| | | scrollbar-darkshadow-color:#f4f7fc; |
| | | scrollbar-base-color: #f4f7fc; |
| | | scrollbar-track-color: #f4f7fc; |
| | | scrollbar-face-color: #797979; |
| | | scrollbar-arrow-color: #f4f7fc; |
| | | scrollbar-shadow-color: #f4f7fc; |
| | | scrollbar-3dlight-color: #f4f7fc; |
| | | scrollbar-highlight-color: #f4f7fc; |
| | | scrollbar-darkshadow-color: #f4f7fc; |
| | | } |
| | | |
| | | ::-webkit-scrollbar-button { |
| | | height: 0; |
| | | width: 0; |
| | | display: none |
| | | height: 0; |
| | | width: 0; |
| | | display: none |
| | | } |
| | | |
| | | ::-webkit-scrollbar-track { |
| | | background: transparent |
| | | background: transparent |
| | | } |
| | | |
| | | ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { |
| | | border: 0 |
| | | border: 0 |
| | | } |
| | | |
| | | ::-webkit-scrollbar { |
| | | height: 10px; |
| | | width: 10px; |
| | | background: transparent; |
| | | border-radius: 5px |
| | | height: 10px; |
| | | width: 10px; |
| | | background: transparent; |
| | | border-radius: 5px |
| | | } |
| | | |
| | | ::-webkit-scrollbar-thumb { |
| | | padding-top: 100px; |
| | | -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07); |
| | | background-color: #797979; |
| | | min-height: 28px; |
| | | border-radius: 4px; |
| | | background-clip: |
| | | padding-box |
| | | padding-top: 100px; |
| | | -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset -1px -1px 0 rgba(0, 0, 0, .07); |
| | | background-color: #797979; |
| | | min-height: 28px; |
| | | border-radius: 4px; |
| | | background-clip: padding-box |
| | | } |
| | | |
| | | ::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb { |
| | | border: 0 |
| | | border: 0 |
| | | } |
| | | |
| | | ::-webkit-scrollbar-thumb:hover { |
| | | -webkit-box-shadow:inset 1px 1px 1px rgba(0, 0, 0, .25); |
| | | background-color:rgba(0, 0, 0, .4) |
| | | -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25); |
| | | background-color: rgba(0, 0, 0, .4) |
| | | } |
| | | |
| | | ::-webkit-scrollbar-thumb:active { |
| | | -webkit-box-shadow:inset 1px 1px 3px rgba(0, 0, 0, .35); |
| | | background-color:rgba(0, 0, 0, .5) |
| | | -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35); |
| | | background-color: rgba(0, 0, 0, .5) |
| | | } |