From d24701bde5500e309f5e893e2662ad21c81dacba Mon Sep 17 00:00:00 2001 From: msquare Date: Thu, 30 Nov 2017 21:17:37 +0100 Subject: add dark theme for 34c3 --- public/css/theme6.css | 222 +++++++++++++++++++++++++------------------------- 1 file changed, 111 insertions(+), 111 deletions(-) (limited to 'public') diff --git a/public/css/theme6.css b/public/css/theme6.css index 20ef41dd..585b4086 100644 --- a/public/css/theme6.css +++ b/public/css/theme6.css @@ -1145,8 +1145,8 @@ img { .img-thumbnail { padding: 4px; line-height: 1.42857143; - background-color: #383838; - border: 1px solid #383838; + background-color: #282828; + border: 1px solid #282828; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; @@ -1162,7 +1162,7 @@ hr { margin-top: 20px; margin-bottom: 20px; border: 0; - border-top: 1px solid #383838; + border-top: 1px solid #282828; } .sr-only { position: absolute; @@ -1425,7 +1425,7 @@ a.bg-danger:focus { .page-header { padding-bottom: 9px; margin: 40px 0 20px; - border-bottom: 1px solid #383838; + border-bottom: 1px solid #282828; } ul, ol { @@ -1493,7 +1493,7 @@ blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; - border-left: 5px solid #383838; + border-left: 5px solid #282828; } blockquote p:last-child, blockquote ul:last-child, @@ -1517,7 +1517,7 @@ blockquote .small:before { blockquote.pull-right { padding-right: 15px; padding-left: 0; - border-right: 5px solid #383838; + border-right: 5px solid #282828; border-left: 0; text-align: right; } @@ -1577,7 +1577,7 @@ pre { line-height: 1.42857143; word-break: break-all; word-wrap: break-word; - color: #383838; + color: #282828; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 4px; @@ -2262,7 +2262,7 @@ pre code { } } table { - background-color: #292929; + background-color: #181818; } caption { padding-top: 8px; @@ -2287,11 +2287,11 @@ th { padding: 8px; line-height: 1.42857143; vertical-align: top; - border-top: 1px solid #383838; + border-top: 1px solid #282828; } .table > thead > tr > th { vertical-align: bottom; - border-bottom: 2px solid #383838; + border-bottom: 2px solid #282828; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, @@ -2302,7 +2302,7 @@ th { border-top: 0; } .table > tbody + tbody { - border-top: 2px solid #383838; + border-top: 2px solid #282828; } .table .table { background-color: #060606; @@ -2316,7 +2316,7 @@ th { padding: 5px; } .table-bordered { - border: 1px solid #383838; + border: 1px solid #282828; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, @@ -2324,17 +2324,17 @@ th { .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { - border: 1px solid #383838; + border: 1px solid #282828; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { - background-color: #1a1a1a; + background-color: #080808; } .table-hover > tbody > tr:hover { - background-color: #383838; + background-color: #282828; } table col[class*="col-"] { position: static; @@ -2359,14 +2359,14 @@ table th[class*="col-"] { .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { - background-color: #383838; + background-color: #282828; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { - background-color: #2b2b2b; + background-color: #1b1b1b; } .table > thead > tr > td.success, .table > tbody > tr > td.success, @@ -2462,7 +2462,7 @@ table th[class*="col-"] { margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; - border: 1px solid #383838; + border: 1px solid #282828; } .table-responsive > .table { margin-bottom: 0; @@ -2516,7 +2516,7 @@ legend { line-height: inherit; color: #888888; border: 0; - border-bottom: 1px solid #383838; + border-bottom: 1px solid #282828; } label { display: inline-block; @@ -2567,9 +2567,9 @@ output { font-size: 14px; line-height: 1.42857143; color: #888888; - background-color: #333333; + background-color: #222222; background-image: none; - border: 1px solid #383838; + border: 1px solid #282828; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); @@ -3070,26 +3070,26 @@ fieldset[disabled] a.btn { } .btn-default { color: #ffffff; - background-color: #525252; - border-color: #383838; + background-color: #424242; + border-color: #282828; } .btn-default:focus, .btn-default.focus { color: #ffffff; - background-color: #383838; + background-color: #282828; border-color: #000000; } .btn-default:hover { color: #ffffff; - background-color: #383838; - border-color: #191919; + background-color: #282828; + border-color: #090909; } .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #ffffff; - background-color: #383838; - border-color: #191919; + background-color: #282828; + border-color: #090909; } .btn-default:active:hover, .btn-default.active:hover, @@ -3101,7 +3101,7 @@ fieldset[disabled] a.btn { .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus { color: #ffffff; - background-color: #262626; + background-color: #161616; border-color: #000000; } .btn-default:active, @@ -3118,17 +3118,17 @@ fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default.focus { - background-color: #525252; - border-color: #383838; + background-color: #424242; + border-color: #282828; } .btn-default .badge { - color: #525252; + color: #424242; background-color: #ffffff; } .btn-primary { color: #ffffff; background-color: #a41c31; - border-color: #383838; + border-color: #282828; } .btn-primary:focus, .btn-primary.focus { @@ -3139,14 +3139,14 @@ fieldset[disabled] .btn-default.focus { .btn-primary:hover { color: #ffffff; background-color: #781524; - border-color: #191919; + border-color: #090909; } .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #781524; - border-color: #191919; + border-color: #090909; } .btn-primary:active:hover, .btn-primary.active:hover, @@ -3176,7 +3176,7 @@ fieldset[disabled] .btn-primary:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus { background-color: #a41c31; - border-color: #383838; + border-color: #282828; } .btn-primary .badge { color: #a41c31; @@ -3185,7 +3185,7 @@ fieldset[disabled] .btn-primary.focus { .btn-success { color: #ffffff; background-color: #99cc00; - border-color: #383838; + border-color: #282828; } .btn-success:focus, .btn-success.focus { @@ -3196,14 +3196,14 @@ fieldset[disabled] .btn-primary.focus { .btn-success:hover { color: #ffffff; background-color: #739900; - border-color: #191919; + border-color: #090909; } .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #739900; - border-color: #191919; + border-color: #090909; } .btn-success:active:hover, .btn-success.active:hover, @@ -3233,7 +3233,7 @@ fieldset[disabled] .btn-success:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success.focus { background-color: #99cc00; - border-color: #383838; + border-color: #282828; } .btn-success .badge { color: #99cc00; @@ -3242,7 +3242,7 @@ fieldset[disabled] .btn-success.focus { .btn-info { color: #ffffff; background-color: #00ccff; - border-color: #383838; + border-color: #282828; } .btn-info:focus, .btn-info.focus { @@ -3253,14 +3253,14 @@ fieldset[disabled] .btn-success.focus { .btn-info:hover { color: #ffffff; background-color: #00a3cc; - border-color: #191919; + border-color: #090909; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #00a3cc; - border-color: #191919; + border-color: #090909; } .btn-info:active:hover, .btn-info.active:hover, @@ -3290,7 +3290,7 @@ fieldset[disabled] .btn-info:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus { background-color: #00ccff; - border-color: #383838; + border-color: #282828; } .btn-info .badge { color: #00ccff; @@ -3299,7 +3299,7 @@ fieldset[disabled] .btn-info.focus { .btn-warning { color: #ffffff; background-color: #ffff33; - border-color: #383838; + border-color: #282828; } .btn-warning:focus, .btn-warning.focus { @@ -3310,14 +3310,14 @@ fieldset[disabled] .btn-info.focus { .btn-warning:hover { color: #ffffff; background-color: #ffff00; - border-color: #191919; + border-color: #090909; } .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ffff00; - border-color: #191919; + border-color: #090909; } .btn-warning:active:hover, .btn-warning.active:hover, @@ -3347,7 +3347,7 @@ fieldset[disabled] .btn-warning:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning.focus { background-color: #ffff33; - border-color: #383838; + border-color: #282828; } .btn-warning .badge { color: #ffff33; @@ -3356,7 +3356,7 @@ fieldset[disabled] .btn-warning.focus { .btn-danger { color: #ffffff; background-color: #ff6600; - border-color: #383838; + border-color: #282828; } .btn-danger:focus, .btn-danger.focus { @@ -3367,14 +3367,14 @@ fieldset[disabled] .btn-warning.focus { .btn-danger:hover { color: #ffffff; background-color: #cc5200; - border-color: #191919; + border-color: #090909; } .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #cc5200; - border-color: #191919; + border-color: #090909; } .btn-danger:active:hover, .btn-danger.active:hover, @@ -3404,7 +3404,7 @@ fieldset[disabled] .btn-danger:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus { background-color: #ff6600; - border-color: #383838; + border-color: #282828; } .btn-danger .badge { color: #ff6600; @@ -3539,7 +3539,7 @@ tbody.collapse.in { list-style: none; font-size: 14px; text-align: left; - background-color: #333333; + background-color: #222222; border: 1px solid #444444; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; @@ -3911,7 +3911,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { color: #888888; text-align: center; background-color: #adafae; - border: 1px solid #383838; + border: 1px solid #282828; border-radius: 4px; } .input-group-addon.input-sm { @@ -3996,7 +3996,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; - background-color: #333333; + background-color: #222222; } .nav > li.disabled > a { color: #888888; @@ -4011,7 +4011,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { - background-color: #333333; + background-color: #222222; border-color: #a41c31; } .nav .nav-divider { @@ -4024,7 +4024,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { max-width: none; } .nav-tabs { - border-bottom: 1px solid #383838; + border-bottom: 1px solid #282828; } .nav-tabs > li { float: left; @@ -4037,14 +4037,14 @@ select[multiple].input-group-sm > .input-group-btn > .btn { border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { - border-color: transparent transparent #383838; + border-color: transparent transparent #282828; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #ffffff; background-color: #a41c31; - border: 1px solid #383838; + border: 1px solid #282828; border-bottom-color: transparent; cursor: default; } @@ -4499,7 +4499,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn { } .navbar-default { background-color: #060606; - border-color: #383838; + border-color: #282828; } .navbar-default .navbar-brand { color: #ffffff; @@ -4533,18 +4533,18 @@ select[multiple].input-group-sm > .input-group-btn > .btn { background-color: transparent; } .navbar-default .navbar-toggle { - border-color: #383838; + border-color: #282828; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { - background-color: #383838; + background-color: #282828; } .navbar-default .navbar-toggle .icon-bar { background-color: #cccccc; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { - border-color: #383838; + border-color: #282828; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, @@ -4594,8 +4594,8 @@ fieldset[disabled] .navbar-default .btn-link:focus { color: #888888; } .navbar-inverse { - background-color: #333333; - border-color: #1a1a1a; + background-color: #222222; + border-color: #080808; } .navbar-inverse .navbar-brand { color: #ffffff; @@ -4640,7 +4640,7 @@ fieldset[disabled] .navbar-default .btn-link:focus { } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: #212121; + border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, @@ -4650,10 +4650,10 @@ fieldset[disabled] .navbar-default .btn-link:focus { } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { - border-color: #1a1a1a; + border-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { - background-color: #1a1a1a; + background-color: #080808; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #888888; @@ -4699,7 +4699,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { padding: 8px 15px; margin-bottom: 20px; list-style: none; - background-color: #333333; + background-color: #222222; border-radius: 4px; } .breadcrumb > li { @@ -4730,8 +4730,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { line-height: 1.42857143; text-decoration: none; color: #ffffff; - background-color: #333333; - border: 1px solid #383838; + background-color: #222222; + border: 1px solid #282828; margin-left: -1px; } .pagination > li:first-child > a, @@ -4773,8 +4773,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #888888; - background-color: #333333; - border-color: #383838; + background-color: #222222; + border-color: #282828; cursor: not-allowed; } .pagination-lg > li > a, @@ -4822,8 +4822,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pager li > span { display: inline-block; padding: 5px 14px; - background-color: #333333; - border: 1px solid #383838; + background-color: #222222; + border: 1px solid #282828; border-radius: 15px; } .pager li > a:hover, @@ -4844,7 +4844,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus { .pager .disabled > a:focus, .pager .disabled > span { color: #888888; - background-color: #333333; + background-color: #222222; cursor: not-allowed; } .label { @@ -4873,11 +4873,11 @@ a.label:focus { top: -1px; } .label-default { - background-color: #525252; + background-color: #424242; } .label-default[href]:hover, .label-default[href]:focus { - background-color: #383838; + background-color: #282828; } .label-primary { background-color: #a41c31; @@ -4965,7 +4965,7 @@ a.badge:focus { padding-bottom: 30px; margin-bottom: 30px; color: inherit; - background-color: #262626; + background-color: #151515; } .jumbotron h1, .jumbotron .h1 { @@ -4977,7 +4977,7 @@ a.badge:focus { font-weight: 200; } .jumbotron > hr { - border-top-color: #0d0d0d; + border-top-color: #000000; } .container .jumbotron, .container-fluid .jumbotron { @@ -5008,8 +5008,8 @@ a.badge:focus { padding: 4px; margin-bottom: 20px; line-height: 1.42857143; - background-color: #383838; - border: 1px solid #383838; + background-color: #282828; + border: 1px solid #282828; border-radius: 4px; -webkit-transition: border 0.2s ease-in-out; -o-transition: border 0.2s ease-in-out; @@ -5124,7 +5124,7 @@ a.thumbnail.active { overflow: hidden; height: 20px; margin-bottom: 20px; - background-color: #333333; + background-color: #222222; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -5246,8 +5246,8 @@ a.thumbnail.active { display: block; padding: 10px 15px; margin-bottom: -1px; - background-color: #333333; - border: 1px solid #383838; + background-color: #080808; + border: 1px solid #282828; } .list-group-item:first-child { border-top-right-radius: 4px; @@ -5272,7 +5272,7 @@ a.list-group-item:focus, button.list-group-item:focus { text-decoration: none; color: #888888; - background-color: #595959; + background-color: #2f2f2f; } button.list-group-item { width: 100%; @@ -5445,7 +5445,7 @@ button.list-group-item-danger.active:focus { } .panel { margin-bottom: 20px; - background-color: #333333; + background-color: #080808; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); @@ -5478,8 +5478,8 @@ button.list-group-item-danger.active:focus { } .panel-footer { padding: 10px 15px; - background-color: #1a1a1a; - border-top: 1px solid #383838; + background-color: #151515; + border-top: 1px solid #282828; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -5593,7 +5593,7 @@ button.list-group-item-danger.active:focus { .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { - border-top: 1px solid #383838; + border-top: 1px solid #282828; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { @@ -5670,31 +5670,31 @@ button.list-group-item-danger.active:focus { } .panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group { - border-top: 1px solid #383838; + border-top: 1px solid #282828; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #383838; + border-bottom: 1px solid #282828; } .panel-default { - border-color: #383838; + border-color: #282828; } .panel-default > .panel-heading { color: #888888; - background-color: #1a1a1a; - border-color: #383838; + background-color: #151515; + border-color: #282828; } .panel-default > .panel-heading + .panel-collapse > .panel-body { - border-top-color: #383838; + border-top-color: #282828; } .panel-default > .panel-heading .badge { - color: #1a1a1a; + color: #151515; background-color: #888888; } .panel-default > .panel-footer + .panel-collapse > .panel-body { - border-bottom-color: #383838; + border-bottom-color: #282828; } .panel-primary { border-color: #a41c31; @@ -5816,8 +5816,8 @@ button.list-group-item-danger.active:focus { min-height: 20px; padding: 19px; margin-bottom: 20px; - background-color: #262626; - border: 1px solid #141414; + background-color: #151515; + border: 1px solid #030303; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); @@ -5929,7 +5929,7 @@ button.close { } .modal-header { padding: 15px; - border-bottom: 1px solid #383838; + border-bottom: 1px solid #282828; } .modal-header .close { margin-top: -2px; @@ -5945,7 +5945,7 @@ button.close { .modal-footer { padding: 20px; text-align: right; - border-top: 1px solid #383838; + border-top: 1px solid #282828; } .modal-footer .btn + .btn { margin-left: 5px; @@ -6788,24 +6788,24 @@ body { width: 100%; } .shift-calendar .lane { - background: #1a1a1a; + background: #080808; flex-grow: 1; min-width: 280px; width: 280px; flex-shrink: 1; } .shift-calendar .lane .header { - background: #333333; - border-bottom: 1px solid #383838; + background: #080808; + border-bottom: 1px solid #282828; height: 30px; padding: 5px 5px 5px 16px; } .shift-calendar .lane .tick { height: 30px; - border-top: 1px solid #141414; + border-top: 1px solid #030303; } .shift-calendar .lane .tick.hour { - border-top: 2px solid #383838; + border-top: 2px solid #282828; font-size: 0.9em; padding-left: 5px; } @@ -6815,7 +6815,7 @@ body { padding-left: 5px; } .shift-calendar .lane.time { - border-right: 1px solid #383838; + border-right: 1px solid #282828; flex-grow: 0; min-width: 50px; width: 50px; @@ -6951,7 +6951,7 @@ table .text-muted, color: #888888; } .table-responsive > .table { - background-color: #292929; + background-color: #181818; } .has-warning .help-block, .has-warning .control-label, @@ -6987,7 +6987,7 @@ legend { color: #fff; } .input-group-addon { - background-color: #525252; + background-color: #424242; } .nav-tabs a, .nav-pills a, @@ -7016,7 +7016,7 @@ legend { a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { - border-color: #383838; + border-color: #282828; } .jumbotron h1, .jumbotron h2, -- cgit v1.2.3-54-g00ecf