add dark theme for 34c3

This commit is contained in:
msquare 2017-11-30 21:17:37 +01:00
parent fc9dc7de19
commit d24701bde5
2 changed files with 116 additions and 116 deletions

View File

@ -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,

View File

@ -32,8 +32,8 @@ THE SOFTWARE.
//
//## Gray and brand colors for use across Bootstrap.
@gray-darker: #333; // #222
@gray-dark: #383838; // #333
@gray-darker: #222; // #222
@gray-dark: #282828; // #333
@gray: #555; // #555
@gray-light: #888; // #999
@gray-lighter: #ADAFAE; // #eee
@ -674,7 +674,7 @@ THE SOFTWARE.
//##
//** Background color on `.list-group-item`
@list-group-bg: @gray-darker;
@list-group-bg: darken(@gray-darker, 10%);
//** `.list-group-item` border color
@list-group-border: @gray-dark;
//** List group border radius
@ -707,7 +707,7 @@ THE SOFTWARE.
//
//##
@panel-bg: @gray-darker;
@panel-bg: darken(@gray-darker, 10%);
@panel-body-padding: 15px;
@panel-heading-padding: 10px 15px;
@panel-footer-padding: @panel-heading-padding;
@ -718,7 +718,7 @@ THE SOFTWARE.
@panel-default-text: @text-color;
@panel-default-border: @panel-inner-border;
@panel-default-heading-bg: darken(@gray-darker, 10%);
@panel-default-heading-bg: darken(@gray-darker, 5%);
@panel-footer-bg: @panel-default-heading-bg;