Modified the styling of the datatracker bootstrap facelift by editing the source .less variables and changing the top navbar to use navbar-inverse with our primary palette colour.

- Legacy-Id: 9381
This commit is contained in:
Henrik Levkowetz 2015-04-03 21:22:17 +00:00
parent 1c92a4737a
commit 4cb1d30bf1
12 changed files with 237 additions and 315 deletions

3
bootstrap/.gitignore vendored Normal file
View file

@ -0,0 +1,3 @@
/README-DATATRACKER.pdf
/dist
/node_modules

View file

@ -70,133 +70,133 @@
background-image: none; background-image: none;
} }
.btn-primary { .btn-primary {
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #141121 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #141121 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#141121));
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #141121 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff141121', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #245580; border-color: #100d1a;
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:focus { .btn-primary:focus {
background-color: #265a88; background-color: #141121;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-primary:active, .btn-primary:active,
.btn-primary.active { .btn-primary.active {
background-color: #265a88; background-color: #141121;
border-color: #245580; border-color: #100d1a;
} }
.btn-primary.disabled, .btn-primary.disabled,
.btn-primary:disabled, .btn-primary:disabled,
.btn-primary[disabled] { .btn-primary[disabled] {
background-color: #265a88; background-color: #141121;
background-image: none; background-image: none;
} }
.btn-success { .btn-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-linear-gradient(top, #3abf03 0%, #288302 100%);
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #3abf03 0%, #288302 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: -webkit-gradient(linear, left top, left bottom, from(#3abf03), to(#288302));
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); background-image: linear-gradient(to bottom, #3abf03 0%, #288302 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abf03', endColorstr='#ff288302', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #3e8f3e; border-color: #257902;
} }
.btn-success:hover, .btn-success:hover,
.btn-success:focus { .btn-success:focus {
background-color: #419641; background-color: #288302;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-success:active, .btn-success:active,
.btn-success.active { .btn-success.active {
background-color: #419641; background-color: #288302;
border-color: #3e8f3e; border-color: #257902;
} }
.btn-success.disabled, .btn-success.disabled,
.btn-success:disabled, .btn-success:disabled,
.btn-success[disabled] { .btn-success[disabled] {
background-color: #419641; background-color: #288302;
background-image: none; background-image: none;
} }
.btn-info { .btn-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-linear-gradient(top, #615205 0%, #272102 100%);
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #615205 0%, #272102 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: -webkit-gradient(linear, left top, left bottom, from(#615205), to(#272102));
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); background-image: linear-gradient(to bottom, #615205 0%, #272102 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff615205', endColorstr='#ff272102', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #28a4c9; border-color: #1d1901;
} }
.btn-info:hover, .btn-info:hover,
.btn-info:focus { .btn-info:focus {
background-color: #2aabd2; background-color: #272102;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-info:active, .btn-info:active,
.btn-info.active { .btn-info.active {
background-color: #2aabd2; background-color: #272102;
border-color: #28a4c9; border-color: #1d1901;
} }
.btn-info.disabled, .btn-info.disabled,
.btn-info:disabled, .btn-info:disabled,
.btn-info[disabled] { .btn-info[disabled] {
background-color: #2aabd2; background-color: #272102;
background-image: none; background-image: none;
} }
.btn-warning { .btn-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -webkit-linear-gradient(top, #f69f74 0%, #f2773b 100%);
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f69f74 0%, #f2773b 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: -webkit-gradient(linear, left top, left bottom, from(#f69f74), to(#f2773b));
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); background-image: linear-gradient(to bottom, #f69f74 0%, #f2773b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff69f74', endColorstr='#fff2773b', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #e38d13; border-color: #f27131;
} }
.btn-warning:hover, .btn-warning:hover,
.btn-warning:focus { .btn-warning:focus {
background-color: #eb9316; background-color: #f2773b;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-warning:active, .btn-warning:active,
.btn-warning.active { .btn-warning.active {
background-color: #eb9316; background-color: #f2773b;
border-color: #e38d13; border-color: #f27131;
} }
.btn-warning.disabled, .btn-warning.disabled,
.btn-warning:disabled, .btn-warning:disabled,
.btn-warning[disabled] { .btn-warning[disabled] {
background-color: #eb9316; background-color: #f2773b;
background-image: none; background-image: none;
} }
.btn-danger { .btn-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-linear-gradient(top, #d4584d 0%, #b7382c 100%);
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d4584d 0%, #b7382c 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#b7382c));
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); background-image: linear-gradient(to bottom, #d4584d 0%, #b7382c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffb7382c', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #b92c28; border-color: #af352a;
} }
.btn-danger:hover, .btn-danger:hover,
.btn-danger:focus { .btn-danger:focus {
background-color: #c12e2a; background-color: #b7382c;
background-position: 0 -15px; background-position: 0 -15px;
} }
.btn-danger:active, .btn-danger:active,
.btn-danger.active { .btn-danger.active {
background-color: #c12e2a; background-color: #b7382c;
border-color: #b92c28; border-color: #af352a;
} }
.btn-danger.disabled, .btn-danger.disabled,
.btn-danger:disabled, .btn-danger:disabled,
.btn-danger[disabled] { .btn-danger[disabled] {
background-color: #c12e2a; background-color: #b7382c;
background-image: none; background-image: none;
} }
.thumbnail, .thumbnail,
@ -217,12 +217,12 @@
.dropdown-menu > .active > a, .dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
background-color: #2e6da4; background-color: #221c39;
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#221c39));
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #221c39 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff221c39', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.navbar-default { .navbar-default {
@ -253,21 +253,21 @@
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
} }
.navbar-inverse { .navbar-inverse {
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -webkit-linear-gradient(top, #40366c 0%, #2c254a 100%);
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); background-image: -o-linear-gradient(top, #40366c 0%, #2c254a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); background-image: -webkit-gradient(linear, left top, left bottom, from(#40366c), to(#2c254a));
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); background-image: linear-gradient(to bottom, #40366c 0%, #2c254a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff40366c', endColorstr='#ff2c254a', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a { .navbar-inverse .navbar-nav > .active > a {
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -webkit-linear-gradient(top, #1c172f 0%, #211c37 100%);
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); background-image: -o-linear-gradient(top, #1c172f 0%, #211c37 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); background-image: -webkit-gradient(linear, left top, left bottom, from(#1c172f), to(#211c37));
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); background-image: linear-gradient(to bottom, #1c172f 0%, #211c37 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c172f', endColorstr='#ff211c37', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
@ -286,11 +286,11 @@
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff; color: #fff;
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#221c39));
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #221c39 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff221c39', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
} }
@ -344,43 +344,43 @@
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar { .progress-bar {
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #181428 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #181428 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#181428));
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #181428 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff181428', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-success { .progress-bar-success {
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -webkit-linear-gradient(top, #3abf03 0%, #2b8d02 100%);
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); background-image: -o-linear-gradient(top, #3abf03 0%, #2b8d02 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); background-image: -webkit-gradient(linear, left top, left bottom, from(#3abf03), to(#2b8d02));
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); background-image: linear-gradient(to bottom, #3abf03 0%, #2b8d02 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3abf03', endColorstr='#ff2b8d02', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-info { .progress-bar-info {
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -webkit-linear-gradient(top, #615205 0%, #312902 100%);
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); background-image: -o-linear-gradient(top, #615205 0%, #312902 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); background-image: -webkit-gradient(linear, left top, left bottom, from(#615205), to(#312902));
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); background-image: linear-gradient(to bottom, #615205 0%, #312902 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff615205', endColorstr='#ff312902', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-warning { .progress-bar-warning {
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -webkit-linear-gradient(top, #f69f74 0%, #f37e44 100%);
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); background-image: -o-linear-gradient(top, #f69f74 0%, #f37e44 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); background-image: -webkit-gradient(linear, left top, left bottom, from(#f69f74), to(#f37e44));
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); background-image: linear-gradient(to bottom, #f69f74 0%, #f37e44 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff69f74', endColorstr='#fff37e44', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-danger { .progress-bar-danger {
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -webkit-linear-gradient(top, #d4584d 0%, #c03a2e 100%);
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); background-image: -o-linear-gradient(top, #d4584d 0%, #c03a2e 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); background-image: -webkit-gradient(linear, left top, left bottom, from(#d4584d), to(#c03a2e));
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); background-image: linear-gradient(to bottom, #d4584d 0%, #c03a2e 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd4584d', endColorstr='#ffc03a2e', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.progress-bar-striped { .progress-bar-striped {
@ -396,14 +396,14 @@
.list-group-item.active, .list-group-item.active,
.list-group-item.active:hover, .list-group-item.active:hover,
.list-group-item.active:focus { .list-group-item.active:focus {
text-shadow: 0 -1px 0 #286090; text-shadow: 0 -1px 0 #181428;
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #1d1831 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #1d1831 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#1d1831));
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #1d1831 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff1d1831', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
border-color: #2b669a; border-color: #1d1831;
} }
.list-group-item.active .badge, .list-group-item.active .badge,
.list-group-item.active:hover .badge, .list-group-item.active:hover .badge,
@ -423,11 +423,11 @@
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-primary > .panel-heading { .panel-primary > .panel-heading {
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -webkit-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #2c254a 0%, #221c39 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); background-image: -webkit-gradient(linear, left top, left bottom, from(#2c254a), to(#221c39));
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #2c254a 0%, #221c39 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c254a', endColorstr='#ff221c39', GradientType=0);
background-repeat: repeat-x; background-repeat: repeat-x;
} }
.panel-success > .panel-heading { .panel-success > .panel-heading {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1101,12 +1101,12 @@ textarea {
line-height: inherit; line-height: inherit;
} }
a { a {
color: #337ab7; color: #5f4f9f;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
color: #23527c; color: #40366c;
text-decoration: underline; text-decoration: underline;
} }
a:focus { a:focus {
@ -1342,10 +1342,10 @@ mark,
color: #777; color: #777;
} }
.text-primary { .text-primary {
color: #337ab7; color: #2c254a;
} }
a.text-primary:hover { a.text-primary:hover {
color: #286090; color: #181428;
} }
.text-success { .text-success {
color: #3c763d; color: #3c763d;
@ -1373,10 +1373,10 @@ a.text-danger:hover {
} }
.bg-primary { .bg-primary {
color: #fff; color: #fff;
background-color: #337ab7; background-color: #2c254a;
} }
a.bg-primary:hover { a.bg-primary:hover {
background-color: #286090; background-color: #181428;
} }
.bg-success { .bg-success {
background-color: #dff0d8; background-color: #dff0d8;
@ -3087,8 +3087,8 @@ fieldset[disabled] .btn-default.active {
} }
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #337ab7; background-color: #2c254a;
border-color: #2e6da4; border-color: #221c39;
} }
.btn-primary:hover, .btn-primary:hover,
.btn-primary:focus, .btn-primary:focus,
@ -3097,8 +3097,8 @@ fieldset[disabled] .btn-default.active {
.btn-primary.active, .btn-primary.active,
.open > .dropdown-toggle.btn-primary { .open > .dropdown-toggle.btn-primary {
color: #fff; color: #fff;
background-color: #286090; background-color: #181428;
border-color: #204d74; border-color: #0a0810;
} }
.btn-primary:active, .btn-primary:active,
.btn-primary.active, .btn-primary.active,
@ -3123,17 +3123,17 @@ fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active, .btn-primary.disabled.active,
.btn-primary[disabled].active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { fieldset[disabled] .btn-primary.active {
background-color: #337ab7; background-color: #2c254a;
border-color: #2e6da4; border-color: #221c39;
} }
.btn-primary .badge { .btn-primary .badge {
color: #337ab7; color: #2c254a;
background-color: #fff; background-color: #fff;
} }
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #5cb85c; background-color: #3abf03;
border-color: #4cae4c; border-color: #32a602;
} }
.btn-success:hover, .btn-success:hover,
.btn-success:focus, .btn-success:focus,
@ -3142,8 +3142,8 @@ fieldset[disabled] .btn-primary.active {
.btn-success.active, .btn-success.active,
.open > .dropdown-toggle.btn-success { .open > .dropdown-toggle.btn-success {
color: #fff; color: #fff;
background-color: #449d44; background-color: #2b8d02;
border-color: #398439; border-color: #206a02;
} }
.btn-success:active, .btn-success:active,
.btn-success.active, .btn-success.active,
@ -3168,17 +3168,17 @@ fieldset[disabled] .btn-success:active,
.btn-success.disabled.active, .btn-success.disabled.active,
.btn-success[disabled].active, .btn-success[disabled].active,
fieldset[disabled] .btn-success.active { fieldset[disabled] .btn-success.active {
background-color: #5cb85c; background-color: #3abf03;
border-color: #4cae4c; border-color: #32a602;
} }
.btn-success .badge { .btn-success .badge {
color: #5cb85c; color: #3abf03;
background-color: #fff; background-color: #fff;
} }
.btn-info { .btn-info {
color: #fff; color: #fff;
background-color: #5bc0de; background-color: #615205;
border-color: #46b8da; border-color: #493d03;
} }
.btn-info:hover, .btn-info:hover,
.btn-info:focus, .btn-info:focus,
@ -3187,8 +3187,8 @@ fieldset[disabled] .btn-success.active {
.btn-info.active, .btn-info.active,
.open > .dropdown-toggle.btn-info { .open > .dropdown-toggle.btn-info {
color: #fff; color: #fff;
background-color: #31b0d5; background-color: #312902;
border-color: #269abc; border-color: #0f0c01;
} }
.btn-info:active, .btn-info:active,
.btn-info.active, .btn-info.active,
@ -3213,17 +3213,17 @@ fieldset[disabled] .btn-info:active,
.btn-info.disabled.active, .btn-info.disabled.active,
.btn-info[disabled].active, .btn-info[disabled].active,
fieldset[disabled] .btn-info.active { fieldset[disabled] .btn-info.active {
background-color: #5bc0de; background-color: #615205;
border-color: #46b8da; border-color: #493d03;
} }
.btn-info .badge { .btn-info .badge {
color: #5bc0de; color: #615205;
background-color: #fff; background-color: #fff;
} }
.btn-warning { .btn-warning {
color: #fff; color: #fff;
background-color: #f0ad4e; background-color: #f69f74;
border-color: #eea236; border-color: #f48e5c;
} }
.btn-warning:hover, .btn-warning:hover,
.btn-warning:focus, .btn-warning:focus,
@ -3232,8 +3232,8 @@ fieldset[disabled] .btn-info.active {
.btn-warning.active, .btn-warning.active,
.open > .dropdown-toggle.btn-warning { .open > .dropdown-toggle.btn-warning {
color: #fff; color: #fff;
background-color: #ec971f; background-color: #f37e44;
border-color: #d58512; border-color: #f16723;
} }
.btn-warning:active, .btn-warning:active,
.btn-warning.active, .btn-warning.active,
@ -3258,17 +3258,17 @@ fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active, .btn-warning.disabled.active,
.btn-warning[disabled].active, .btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e; background-color: #f69f74;
border-color: #eea236; border-color: #f48e5c;
} }
.btn-warning .badge { .btn-warning .badge {
color: #f0ad4e; color: #f69f74;
background-color: #fff; background-color: #fff;
} }
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #d9534f; background-color: #d4584d;
border-color: #d43f3a; border-color: #cf4538;
} }
.btn-danger:hover, .btn-danger:hover,
.btn-danger:focus, .btn-danger:focus,
@ -3277,8 +3277,8 @@ fieldset[disabled] .btn-warning.active {
.btn-danger.active, .btn-danger.active,
.open > .dropdown-toggle.btn-danger { .open > .dropdown-toggle.btn-danger {
color: #fff; color: #fff;
background-color: #c9302c; background-color: #c03a2e;
border-color: #ac2925; border-color: #a33127;
} }
.btn-danger:active, .btn-danger:active,
.btn-danger.active, .btn-danger.active,
@ -3303,16 +3303,16 @@ fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active, .btn-danger.disabled.active,
.btn-danger[disabled].active, .btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { fieldset[disabled] .btn-danger.active {
background-color: #d9534f; background-color: #d4584d;
border-color: #d43f3a; border-color: #cf4538;
} }
.btn-danger .badge { .btn-danger .badge {
color: #d9534f; color: #d4584d;
background-color: #fff; background-color: #fff;
} }
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #337ab7; color: #5f4f9f;
border-radius: 0; border-radius: 0;
} }
.btn-link, .btn-link,
@ -3332,7 +3332,7 @@ fieldset[disabled] .btn-link {
} }
.btn-link:hover, .btn-link:hover,
.btn-link:focus { .btn-link:focus {
color: #23527c; color: #40366c;
text-decoration: underline; text-decoration: underline;
background-color: transparent; background-color: transparent;
} }
@ -3480,7 +3480,7 @@ tbody.collapse.in {
.dropdown-menu > .active > a:focus { .dropdown-menu > .active > a:focus {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #337ab7; background-color: #2c254a;
outline: 0; outline: 0;
} }
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a,
@ -3907,7 +3907,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav .open > a:hover, .nav .open > a:hover,
.nav .open > a:focus { .nav .open > a:focus {
background-color: #eee; background-color: #eee;
border-color: #337ab7; border-color: #5f4f9f;
} }
.nav .nav-divider { .nav .nav-divider {
height: 1px; height: 1px;
@ -4000,7 +4000,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav-pills > li.active > a:hover, .nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { .nav-pills > li.active > a:focus {
color: #fff; color: #fff;
background-color: #337ab7; background-color: #2c254a;
} }
.nav-stacked > li { .nav-stacked > li {
float: none; float: none;
@ -4492,11 +4492,11 @@ fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc; color: #ccc;
} }
.navbar-inverse { .navbar-inverse {
background-color: #222; background-color: #2c254a;
border-color: #080808; border-color: #181428;
} }
.navbar-inverse .navbar-brand { .navbar-inverse .navbar-brand {
color: #9d9d9d; color: #eee;
} }
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus { .navbar-inverse .navbar-brand:focus {
@ -4504,21 +4504,21 @@ fieldset[disabled] .navbar-default .btn-link:focus {
background-color: transparent; background-color: transparent;
} }
.navbar-inverse .navbar-text { .navbar-inverse .navbar-text {
color: #9d9d9d; color: #848484;
} }
.navbar-inverse .navbar-nav > li > a { .navbar-inverse .navbar-nav > li > a {
color: #9d9d9d; color: #eee;
} }
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus { .navbar-inverse .navbar-nav > li > a:focus {
color: #fff; color: #fff;
background-color: transparent; background-color: #241e3c;
} }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus { .navbar-inverse .navbar-nav > .active > a:focus {
color: #fff; color: #fff;
background-color: #080808; background-color: #1c172f;
} }
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:hover,
@ -4538,34 +4538,34 @@ fieldset[disabled] .navbar-default .btn-link:focus {
} }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form { .navbar-inverse .navbar-form {
border-color: #101010; border-color: #1e1932;
} }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus { .navbar-inverse .navbar-nav > .open > a:focus {
color: #fff; color: #fff;
background-color: #080808; background-color: #1c172f;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808; border-color: #181428;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808; background-color: #181428;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d; color: #eee;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff; color: #fff;
background-color: transparent; background-color: #241e3c;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff; color: #fff;
background-color: #080808; background-color: #1c172f;
} }
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@ -4575,13 +4575,13 @@ fieldset[disabled] .navbar-default .btn-link:focus {
} }
} }
.navbar-inverse .navbar-link { .navbar-inverse .navbar-link {
color: #9d9d9d; color: #eee;
} }
.navbar-inverse .navbar-link:hover { .navbar-inverse .navbar-link:hover {
color: #fff; color: #fff;
} }
.navbar-inverse .btn-link { .navbar-inverse .btn-link {
color: #9d9d9d; color: #eee;
} }
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus { .navbar-inverse .btn-link:focus {
@ -4627,7 +4627,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
padding: 6px 12px; padding: 6px 12px;
margin-left: -1px; margin-left: -1px;
line-height: 1.42857143; line-height: 1.42857143;
color: #337ab7; color: #5f4f9f;
text-decoration: none; text-decoration: none;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
@ -4647,7 +4647,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover, .pagination > li > span:hover,
.pagination > li > a:focus, .pagination > li > a:focus,
.pagination > li > span:focus { .pagination > li > span:focus {
color: #23527c; color: #40366c;
background-color: #eee; background-color: #eee;
border-color: #ddd; border-color: #ddd;
} }
@ -4660,8 +4660,8 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #337ab7; background-color: #2c254a;
border-color: #337ab7; border-color: #2c254a;
} }
.pagination > .disabled > span, .pagination > .disabled > span,
.pagination > .disabled > span:hover, .pagination > .disabled > span:hover,
@ -4775,39 +4775,39 @@ a.label:focus {
background-color: #5e5e5e; background-color: #5e5e5e;
} }
.label-primary { .label-primary {
background-color: #337ab7; background-color: #2c254a;
} }
.label-primary[href]:hover, .label-primary[href]:hover,
.label-primary[href]:focus { .label-primary[href]:focus {
background-color: #286090; background-color: #181428;
} }
.label-success { .label-success {
background-color: #5cb85c; background-color: #3abf03;
} }
.label-success[href]:hover, .label-success[href]:hover,
.label-success[href]:focus { .label-success[href]:focus {
background-color: #449d44; background-color: #2b8d02;
} }
.label-info { .label-info {
background-color: #5bc0de; background-color: #615205;
} }
.label-info[href]:hover, .label-info[href]:hover,
.label-info[href]:focus { .label-info[href]:focus {
background-color: #31b0d5; background-color: #312902;
} }
.label-warning { .label-warning {
background-color: #f0ad4e; background-color: #f69f74;
} }
.label-warning[href]:hover, .label-warning[href]:hover,
.label-warning[href]:focus { .label-warning[href]:focus {
background-color: #ec971f; background-color: #f37e44;
} }
.label-danger { .label-danger {
background-color: #d9534f; background-color: #d4584d;
} }
.label-danger[href]:hover, .label-danger[href]:hover,
.label-danger[href]:focus { .label-danger[href]:focus {
background-color: #c9302c; background-color: #c03a2e;
} }
.badge { .badge {
display: inline-block; display: inline-block;
@ -4843,7 +4843,7 @@ a.badge:focus {
} }
.list-group-item.active > .badge, .list-group-item.active > .badge,
.nav-pills > .active > a > .badge { .nav-pills > .active > a > .badge {
color: #337ab7; color: #5f4f9f;
background-color: #fff; background-color: #fff;
} }
.list-group-item > .badge { .list-group-item > .badge {
@ -4914,7 +4914,7 @@ a.badge:focus {
a.thumbnail:hover, a.thumbnail:hover,
a.thumbnail:focus, a.thumbnail:focus,
a.thumbnail.active { a.thumbnail.active {
border-color: #337ab7; border-color: #5f4f9f;
} }
.thumbnail .caption { .thumbnail .caption {
padding: 9px; padding: 9px;
@ -5036,7 +5036,7 @@ a.thumbnail.active {
line-height: 20px; line-height: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
background-color: #337ab7; background-color: #2c254a;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease; -webkit-transition: width .6s ease;
@ -5058,7 +5058,7 @@ a.thumbnail.active {
animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite;
} }
.progress-bar-success { .progress-bar-success {
background-color: #5cb85c; background-color: #3abf03;
} }
.progress-striped .progress-bar-success { .progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
@ -5066,7 +5066,7 @@ a.thumbnail.active {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
} }
.progress-bar-info { .progress-bar-info {
background-color: #5bc0de; background-color: #615205;
} }
.progress-striped .progress-bar-info { .progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
@ -5074,7 +5074,7 @@ a.thumbnail.active {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
} }
.progress-bar-warning { .progress-bar-warning {
background-color: #f0ad4e; background-color: #f69f74;
} }
.progress-striped .progress-bar-warning { .progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
@ -5082,7 +5082,7 @@ a.thumbnail.active {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
} }
.progress-bar-danger { .progress-bar-danger {
background-color: #d9534f; background-color: #d4584d;
} }
.progress-striped .progress-bar-danger { .progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
@ -5189,8 +5189,8 @@ a.list-group-item:focus {
.list-group-item.active:focus { .list-group-item.active:focus {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #337ab7; background-color: #2c254a;
border-color: #337ab7; border-color: #2c254a;
} }
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading,
@ -5206,7 +5206,7 @@ a.list-group-item:focus {
.list-group-item.active .list-group-item-text, .list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text, .list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text { .list-group-item.active:focus .list-group-item-text {
color: #c7ddef; color: #897dbe;
} }
.list-group-item-success { .list-group-item-success {
color: #3c763d; color: #3c763d;
@ -5554,22 +5554,22 @@ a.list-group-item-danger.active:focus {
border-bottom-color: #ddd; border-bottom-color: #ddd;
} }
.panel-primary { .panel-primary {
border-color: #337ab7; border-color: #2c254a;
} }
.panel-primary > .panel-heading { .panel-primary > .panel-heading {
color: #fff; color: #fff;
background-color: #337ab7; background-color: #2c254a;
border-color: #337ab7; border-color: #2c254a;
} }
.panel-primary > .panel-heading + .panel-collapse > .panel-body { .panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7; border-top-color: #2c254a;
} }
.panel-primary > .panel-heading .badge { .panel-primary > .panel-heading .badge {
color: #337ab7; color: #2c254a;
background-color: #fff; background-color: #fff;
} }
.panel-primary > .panel-footer + .panel-collapse > .panel-body { .panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7; border-bottom-color: #2c254a;
} }
.panel-success { .panel-success {
border-color: #d6e9c6; border-color: #d6e9c6;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -14,11 +14,24 @@
@gray-light: lighten(@gray-base, 46.7%); // #777 @gray-light: lighten(@gray-base, 46.7%); // #777
@gray-lighter: lighten(@gray-base, 93.5%); // #eee @gray-lighter: lighten(@gray-base, 93.5%); // #eee
@brand-primary: darken(#428bca, 6.5%); // #337ab7 // Brand palette
@brand-success: #5cb85c; // http://www.colourlovers.com/palette/3702908/Key_West_Sunset
@brand-info: #5bc0de; //
@brand-warning: #f0ad4e; // blue #2c254a;
@brand-danger: #d9534f; // purple #59356b;
// mauve #b05683;
// orange #f69f74;
// yellow #f8e16d;
//
// Secondary colours, not part of the primary palette
// green #69fc2c;
// red #d4584d;
@brand-primary: #2c254a; // darken(#428bca, 6.5%); // #337ab7
@brand-success: darken(#69fc2c, 20%); //#5cb85c;
@brand-info: darken(#f8e16d, 50%); // #5bc0de;
@brand-warning: #f69f74; // #f0ad4e;
@brand-danger: #d4584d; // #d9534f;
//== Scaffolding //== Scaffolding
@ -31,7 +44,7 @@
@text-color: @gray-dark; @text-color: @gray-dark;
//** Global textual link color. //** Global textual link color.
@link-color: @brand-primary; @link-color: lighten(@brand-primary, 25%);
//** Link hover color set via `darken()` function. //** Link hover color set via `darken()` function.
@link-hover-color: darken(@link-color, 15%); @link-hover-color: darken(@link-color, 15%);
//** Link hover decoration. //** Link hover decoration.
@ -385,16 +398,16 @@
// Inverted navbar // Inverted navbar
// Reset inverted navbar basics // Reset inverted navbar basics
@navbar-inverse-color: lighten(@gray-light, 15%); @navbar-inverse-color: lighten(@gray-light, 5%);
@navbar-inverse-bg: #222; @navbar-inverse-bg: @brand-primary;
@navbar-inverse-border: darken(@navbar-inverse-bg, 10%); @navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
// Inverted navbar links // Inverted navbar links
@navbar-inverse-link-color: lighten(@gray-light, 15%); @navbar-inverse-link-color: #eee; // lighten(@gray-light, 30%);
@navbar-inverse-link-hover-color: #fff; @navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-hover-bg: transparent; @navbar-inverse-link-hover-bg: darken(@navbar-inverse-bg, 4%);
@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color; @navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%); @navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 8%);
@navbar-inverse-link-disabled-color: #444; @navbar-inverse-link-disabled-color: #444;
@navbar-inverse-link-disabled-bg: transparent; @navbar-inverse-link-disabled-bg: transparent;

View file

@ -16,13 +16,13 @@
{% block pagehead %}{% endblock %} {% block pagehead %}{% endblock %}
<link rel="shortcut icon" href="/images/ietf-icon-blue.png"> <link rel="shortcut icon" href="/images/ietf-icon-blue3.png">
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png"> <link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
</head> </head>
<body {% block bodyAttrs %}{%endblock%} data-group-menu-data-url="{% url "group_menu_data" %}"> <body {% block bodyAttrs %}{%endblock%} data-group-menu-data-url="{% url "group_menu_data" %}">
{% filter amp|smartypants %}
<nav class="navbar {% if server_mode and server_mode != "production" %}navbar-dev{% else %}navbar-prod{% endif %} navbar-fixed-top" role="navigation"> <nav class="navbar {% if server_mode and server_mode != "production" %}navbar-inverse{% else %}navbar-inverse{% endif %} navbar-fixed-top" role="navigation">
<div class="container-fluid"> <div class="container-fluid">
<div class="navbar-header"> <div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
@ -32,7 +32,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img alt="IETF Logo" src="/images/ietflogo-blue-small.png"></img> <img alt="IETF Logo" src="/images/ietflogo-blue3-small.png"></img>
</a> </a>
</div> </div>
@ -91,7 +91,7 @@
{% endif %} {% endif %}
<footer class="row"> <footer class="row">
<div class="col-md-12 hidden-xs"> <div class="col-sm-12">
<div class="text-center"> <div class="text-center">
<hr> <hr>
<ul class="nav nav-pills center-pills"> <ul class="nav nav-pills center-pills">
@ -137,7 +137,7 @@
$(".leftmenu").removeClass("col-xs-3 col-md-2").addClass("col-lg-2 hidden-md hidden-sm hidden-xs ").next().removeClass("col-xs-9 col-md-10").addClass("col-lg-10"); $(".leftmenu").removeClass("col-xs-3 col-md-2").addClass("col-lg-2 hidden-md hidden-sm hidden-xs ").next().removeClass("col-xs-9 col-md-10").addClass("col-lg-10");
$(".hidden-nojs, .in-nojs").removeClass("hidden-nojs in-nojs"); $(".hidden-nojs, .in-nojs").removeClass("hidden-nojs in-nojs");
</script> </script>
{% endfilter %}
</body> </body>
</html> </html>

View file

@ -187,100 +187,6 @@ ampersand you get is dependent on which fonts are available in the browser. Hac
padding-top: 0; padding-top: 0;
} }
/* Production Mode tool bar */
.navbar-prod {
background-color: #303060;
border-color: #202040;
}
.navbar-prod a {
color: #fff;
}
/*
.navbar-prod .nav .open>a,.navbar-prod .nav .open>a:focus,.navbar-prod .nav .open>a:hover {
background-color: #404080;
border-color: #101020;
color: #ffffff;
text-shadow: #fff;
}
*/
.navbar-prod .navbar-brand {
color: #ecf0f1;
}
.navbar-prod .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #eeeeff;
}
.navbar-prod .navbar-text {
color: #ecf0f1;
}
.navbar-prod .navbar-nav > li > a {
color: #ecf0f1;
}
.navbar-prod .navbar-nav > li > a:hover, .navbar-prod .navbar-nav > li > a:focus {
color: #eeeeff;
background-color: #404080;
}
.navbar-prod .navbar-nav > .active > a, .navbar-prod .navbar-nav > .active > a:hover, .navbar-prod .navbar-nav > .active > a:focus {
color: #eeeeff;
background-color: #404080;
}
.navbar-prod .dropdown-menu > li > a {
color: #000040;
}
.navbar-prod .dropdown-menu > li > a:focus, .navbar-prod .dropdown-menu > li > a:hover {
color: #000040;
background-color: #404080;
}
.navbar-prod .navbar-nav > .open > a, .navbar-prod .navbar-nav > .open > a:hover, .navbar-prod .navbar-nav > .open > a:focus {
color: #eeeeff;
background-color: #404080;
}
@media (max-width: 767px) {
.navbar-prod .navbar-nav > li > a:hover, .navbar-prod .navbar-nav > li > a:focus {
color: #eeeeff;
background-color: #404080;
}
.navbar-prod .navbar-nav > .active > a, .navbar-prod .navbar-nav > .active > a:hover, .navbar-prod .navbar-nav > .active > a:focus {
color: #eeeeff;
background-color: #404080;
}
.navbar-prod .dropdown-menu > li > a {
color: #eeeeff;
}
.navbar-prod .dropdown-menu > li > a:focus, .navbar-prod .dropdown-menu > li > a:hover {
color: #eeeeff;
background-color: #404080;
}
.navbar-prod .navbar-nav > .open > a, .navbar-prod .navbar-nav > .open > a:hover, .navbar-prod .navbar-nav > .open > a:focus {
color: #eeeeff;
background-color: #404080;
}
}
.navbar-prod .navbar-toggle {
border-color: #404080;
}
.navbar-prod .navbar-toggle:hover, .navbar-prod .navbar-toggle:focus {
background-color: #404080;
}
.navbar-prod .navbar-toggle .icon-bar {
background-color: #ecf0f1;
}
.navbar-prod .navbar-collapse,
.navbar-prod .navbar-form {
border-color: #ecf0f1;
}
.navbar-prod .navbar-link {
color: #ecf0f1;
}
.navbar-prod .navbar-link:hover {
color: #eeeeff;
}
/* Development Mode tool bar */ /* Development Mode tool bar */
.navbar-dev { .navbar-dev {

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB