summaryrefslogtreecommitdiff
path: root/cyborg/bootstrap.css
diff options
context:
space:
mode:
Diffstat (limited to 'cyborg/bootstrap.css')
-rw-r--r--cyborg/bootstrap.css2521
1 files changed, 1813 insertions, 708 deletions
diff --git a/cyborg/bootstrap.css b/cyborg/bootstrap.css
index f8c6c5db..86866210 100644
--- a/cyborg/bootstrap.css
+++ b/cyborg/bootstrap.css
@@ -288,7 +288,9 @@ table {
}
}
-* {
+*,
+*:before,
+*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@@ -316,6 +318,13 @@ textarea {
line-height: inherit;
}
+button,
+input,
+select[multiple],
+textarea {
+ background-image: none;
+}
+
a {
color: #2a9fd6;
text-decoration: none;
@@ -338,7 +347,7 @@ img {
}
.img-responsive {
- display: inline-block;
+ display: block;
height: auto;
max-width: 100%;
}
@@ -348,7 +357,7 @@ img {
}
.img-circle {
- border-radius: 500px;
+ border-radius: 50%;
}
hr {
@@ -358,6 +367,17 @@ hr {
border-top: 1px solid #adafae;
}
+.sr-only {
+ position: absolute;
+ width: 1px;
+ height: 1px;
+ padding: 0;
+ margin: -1px;
+ overflow: hidden;
+ clip: rect(0 0 0 0);
+ border: 0;
+}
+
p {
margin: 0 0 10px;
}
@@ -566,68 +586,59 @@ dd {
margin-left: 0;
}
-.dl-horizontal dt {
- float: left;
- width: 160px;
- overflow: hidden;
- clear: left;
- text-align: right;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.dl-horizontal dd {
- margin-left: 180px;
-}
-
-.dl-horizontal dd:before,
-.dl-horizontal dd:after {
- display: table;
- content: " ";
-}
-
-.dl-horizontal dd:after {
- clear: both;
-}
-
-.dl-horizontal dd:before,
-.dl-horizontal dd:after {
- display: table;
- content: " ";
-}
-
-.dl-horizontal dd:after {
- clear: both;
-}
-
-.dl-horizontal dd:before,
-.dl-horizontal dd:after {
- display: table;
- content: " ";
-}
-
-.dl-horizontal dd:after {
- clear: both;
-}
-
-.dl-horizontal dd:before,
-.dl-horizontal dd:after {
- display: table;
- content: " ";
-}
-
-.dl-horizontal dd:after {
- clear: both;
-}
-
-.dl-horizontal dd:before,
-.dl-horizontal dd:after {
- display: table;
- content: " ";
-}
-
-.dl-horizontal dd:after {
- clear: both;
+@media (min-width: 768px) {
+ .dl-horizontal dt {
+ float: left;
+ width: 160px;
+ overflow: hidden;
+ clear: left;
+ text-align: right;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ }
+ .dl-horizontal dd {
+ margin-left: 180px;
+ }
+ .dl-horizontal dd:before,
+ .dl-horizontal dd:after {
+ display: table;
+ content: " ";
+ }
+ .dl-horizontal dd:after {
+ clear: both;
+ }
+ .dl-horizontal dd:before,
+ .dl-horizontal dd:after {
+ display: table;
+ content: " ";
+ }
+ .dl-horizontal dd:after {
+ clear: both;
+ }
+ .dl-horizontal dd:before,
+ .dl-horizontal dd:after {
+ display: table;
+ content: " ";
+ }
+ .dl-horizontal dd:after {
+ clear: both;
+ }
+ .dl-horizontal dd:before,
+ .dl-horizontal dd:after {
+ display: table;
+ content: " ";
+ }
+ .dl-horizontal dd:after {
+ clear: both;
+ }
+ .dl-horizontal dd:before,
+ .dl-horizontal dd:after {
+ display: table;
+ content: " ";
+ }
+ .dl-horizontal dd:after {
+ clear: both;
+ }
}
abbr[title],
@@ -668,7 +679,6 @@ blockquote small:before {
}
blockquote.pull-right {
- float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #282828;
@@ -736,6 +746,7 @@ pre.prettyprint {
pre code {
padding: 0;
+ font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
@@ -853,7 +864,7 @@ pre code {
}
@media (min-width: 768px) {
- .row {
+ .container .row {
margin-right: -15px;
margin-left: -15px;
}
@@ -864,18 +875,18 @@ pre code {
margin-left: -15px;
}
-.col-1,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-10,
-.col-11,
-.col-12,
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11,
+.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
@@ -888,6 +899,18 @@ pre code {
.col-sm-10,
.col-sm-11,
.col-sm-12,
+.col-md-1,
+.col-md-2,
+.col-md-3,
+.col-md-4,
+.col-md-5,
+.col-md-6,
+.col-md-7,
+.col-md-8,
+.col-md-9,
+.col-md-10,
+.col-md-11,
+.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
@@ -906,66 +929,65 @@ pre code {
padding-left: 15px;
}
-.col-1,
-.col-2,
-.col-3,
-.col-4,
-.col-5,
-.col-6,
-.col-7,
-.col-8,
-.col-9,
-.col-10,
-.col-11,
-.col-12 {
+.col-xs-1,
+.col-xs-2,
+.col-xs-3,
+.col-xs-4,
+.col-xs-5,
+.col-xs-6,
+.col-xs-7,
+.col-xs-8,
+.col-xs-9,
+.col-xs-10,
+.col-xs-11 {
float: left;
}
-.col-1 {
+.col-xs-1 {
width: 8.333333333333332%;
}
-.col-2 {
+.col-xs-2 {
width: 16.666666666666664%;
}
-.col-3 {
+.col-xs-3 {
width: 25%;
}
-.col-4 {
+.col-xs-4 {
width: 33.33333333333333%;
}
-.col-5 {
+.col-xs-5 {
width: 41.66666666666667%;
}
-.col-6 {
+.col-xs-6 {
width: 50%;
}
-.col-7 {
+.col-xs-7 {
width: 58.333333333333336%;
}
-.col-8 {
+.col-xs-8 {
width: 66.66666666666666%;
}
-.col-9 {
+.col-xs-9 {
width: 75%;
}
-.col-10 {
+.col-xs-10 {
width: 83.33333333333334%;
}
-.col-11 {
+.col-xs-11 {
width: 91.66666666666666%;
}
-.col-12 {
+.col-xs-12 {
width: 100%;
}
@@ -983,8 +1005,7 @@ pre code {
.col-sm-8,
.col-sm-9,
.col-sm-10,
- .col-sm-11,
- .col-sm-12 {
+ .col-sm-11 {
float: left;
}
.col-sm-1 {
@@ -1023,78 +1044,274 @@ pre code {
.col-sm-12 {
width: 100%;
}
- .col-push-1 {
+ .col-sm-push-1 {
left: 8.333333333333332%;
}
- .col-push-2 {
+ .col-sm-push-2 {
left: 16.666666666666664%;
}
- .col-push-3 {
+ .col-sm-push-3 {
left: 25%;
}
- .col-push-4 {
+ .col-sm-push-4 {
left: 33.33333333333333%;
}
- .col-push-5 {
+ .col-sm-push-5 {
left: 41.66666666666667%;
}
- .col-push-6 {
+ .col-sm-push-6 {
left: 50%;
}
- .col-push-7 {
+ .col-sm-push-7 {
left: 58.333333333333336%;
}
- .col-push-8 {
+ .col-sm-push-8 {
left: 66.66666666666666%;
}
- .col-push-9 {
+ .col-sm-push-9 {
left: 75%;
}
- .col-push-10 {
+ .col-sm-push-10 {
left: 83.33333333333334%;
}
- .col-push-11 {
+ .col-sm-push-11 {
left: 91.66666666666666%;
}
- .col-pull-1 {
+ .col-sm-pull-1 {
right: 8.333333333333332%;
}
- .col-pull-2 {
+ .col-sm-pull-2 {
right: 16.666666666666664%;
}
- .col-pull-3 {
+ .col-sm-pull-3 {
right: 25%;
}
- .col-pull-4 {
+ .col-sm-pull-4 {
right: 33.33333333333333%;
}
- .col-pull-5 {
+ .col-sm-pull-5 {
right: 41.66666666666667%;
}
- .col-pull-6 {
+ .col-sm-pull-6 {
right: 50%;
}
- .col-pull-7 {
+ .col-sm-pull-7 {
right: 58.333333333333336%;
}
- .col-pull-8 {
+ .col-sm-pull-8 {
right: 66.66666666666666%;
}
- .col-pull-9 {
+ .col-sm-pull-9 {
right: 75%;
}
- .col-pull-10 {
+ .col-sm-pull-10 {
right: 83.33333333333334%;
}
- .col-pull-11 {
+ .col-sm-pull-11 {
right: 91.66666666666666%;
}
+ .col-sm-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-sm-offset-2 {
+ margin-left: 16.666666666666664%;
+ }
+ .col-sm-offset-3 {
+ margin-left: 25%;
+ }
+ .col-sm-offset-4 {
+ margin-left: 33.33333333333333%;
+ }
+ .col-sm-offset-5 {
+ margin-left: 41.66666666666667%;
+ }
+ .col-sm-offset-6 {
+ margin-left: 50%;
+ }
+ .col-sm-offset-7 {
+ margin-left: 58.333333333333336%;
+ }
+ .col-sm-offset-8 {
+ margin-left: 66.66666666666666%;
+ }
+ .col-sm-offset-9 {
+ margin-left: 75%;
+ }
+ .col-sm-offset-10 {
+ margin-left: 83.33333333333334%;
+ }
+ .col-sm-offset-11 {
+ margin-left: 91.66666666666666%;
+ }
}
@media (min-width: 992px) {
.container {
max-width: 940px;
}
+ .col-md-1,
+ .col-md-2,
+ .col-md-3,
+ .col-md-4,
+ .col-md-5,
+ .col-md-6,
+ .col-md-7,
+ .col-md-8,
+ .col-md-9,
+ .col-md-10,
+ .col-md-11 {
+ float: left;
+ }
+ .col-md-1 {
+ width: 8.333333333333332%;
+ }
+ .col-md-2 {
+ width: 16.666666666666664%;
+ }
+ .col-md-3 {
+ width: 25%;
+ }
+ .col-md-4 {
+ width: 33.33333333333333%;
+ }
+ .col-md-5 {
+ width: 41.66666666666667%;
+ }
+ .col-md-6 {
+ width: 50%;
+ }
+ .col-md-7 {
+ width: 58.333333333333336%;
+ }
+ .col-md-8 {
+ width: 66.66666666666666%;
+ }
+ .col-md-9 {
+ width: 75%;
+ }
+ .col-md-10 {
+ width: 83.33333333333334%;
+ }
+ .col-md-11 {
+ width: 91.66666666666666%;
+ }
+ .col-md-12 {
+ width: 100%;
+ }
+ .col-md-push-0 {
+ left: auto;
+ }
+ .col-md-push-1 {
+ left: 8.333333333333332%;
+ }
+ .col-md-push-2 {
+ left: 16.666666666666664%;
+ }
+ .col-md-push-3 {
+ left: 25%;
+ }
+ .col-md-push-4 {
+ left: 33.33333333333333%;
+ }
+ .col-md-push-5 {
+ left: 41.66666666666667%;
+ }
+ .col-md-push-6 {
+ left: 50%;
+ }
+ .col-md-push-7 {
+ left: 58.333333333333336%;
+ }
+ .col-md-push-8 {
+ left: 66.66666666666666%;
+ }
+ .col-md-push-9 {
+ left: 75%;
+ }
+ .col-md-push-10 {
+ left: 83.33333333333334%;
+ }
+ .col-md-push-11 {
+ left: 91.66666666666666%;
+ }
+ .col-md-pull-0 {
+ right: auto;
+ }
+ .col-md-pull-1 {
+ right: 8.333333333333332%;
+ }
+ .col-md-pull-2 {
+ right: 16.666666666666664%;
+ }
+ .col-md-pull-3 {
+ right: 25%;
+ }
+ .col-md-pull-4 {
+ right: 33.33333333333333%;
+ }
+ .col-md-pull-5 {
+ right: 41.66666666666667%;
+ }
+ .col-md-pull-6 {
+ right: 50%;
+ }
+ .col-md-pull-7 {
+ right: 58.333333333333336%;
+ }
+ .col-md-pull-8 {
+ right: 66.66666666666666%;
+ }
+ .col-md-pull-9 {
+ right: 75%;
+ }
+ .col-md-pull-10 {
+ right: 83.33333333333334%;
+ }
+ .col-md-pull-11 {
+ right: 91.66666666666666%;
+ }
+ .col-md-offset-0 {
+ margin-left: 0;
+ }
+ .col-md-offset-1 {
+ margin-left: 8.333333333333332%;
+ }
+ .col-md-offset-2 {
+ margin-left: 16.666666666666664%;
+ }
+ .col-md-offset-3 {
+ margin-left: 25%;
+ }
+ .col-md-offset-4 {
+ margin-left: 33.33333333333333%;
+ }
+ .col-md-offset-5 {
+ margin-left: 41.66666666666667%;
+ }
+ .col-md-offset-6 {
+ margin-left: 50%;
+ }
+ .col-md-offset-7 {
+ margin-left: 58.333333333333336%;
+ }
+ .col-md-offset-8 {
+ margin-left: 66.66666666666666%;
+ }
+ .col-md-offset-9 {
+ margin-left: 75%;
+ }
+ .col-md-offset-10 {
+ margin-left: 83.33333333333334%;
+ }
+ .col-md-offset-11 {
+ margin-left: 91.66666666666666%;
+ }
+}
+
+@media (min-width: 1200px) {
+ .container {
+ max-width: 1170px;
+ }
.col-lg-1,
.col-lg-2,
.col-lg-3,
@@ -1105,8 +1322,7 @@ pre code {
.col-lg-8,
.col-lg-9,
.col-lg-10,
- .col-lg-11,
- .col-lg-12 {
+ .col-lg-11 {
float: left;
}
.col-lg-1 {
@@ -1145,47 +1361,116 @@ pre code {
.col-lg-12 {
width: 100%;
}
- .col-offset-1 {
+ .col-lg-push-0 {
+ left: auto;
+ }
+ .col-lg-push-1 {
+ left: 8.333333333333332%;
+ }
+ .col-lg-push-2 {
+ left: 16.666666666666664%;
+ }
+ .col-lg-push-3 {
+ left: 25%;
+ }
+ .col-lg-push-4 {
+ left: 33.33333333333333%;
+ }
+ .col-lg-push-5 {
+ left: 41.66666666666667%;
+ }
+ .col-lg-push-6 {
+ left: 50%;
+ }
+ .col-lg-push-7 {
+ left: 58.333333333333336%;
+ }
+ .col-lg-push-8 {
+ left: 66.66666666666666%;
+ }
+ .col-lg-push-9 {
+ left: 75%;
+ }
+ .col-lg-push-10 {
+ left: 83.33333333333334%;
+ }
+ .col-lg-push-11 {
+ left: 91.66666666666666%;
+ }
+ .col-lg-pull-0 {
+ right: auto;
+ }
+ .col-lg-pull-1 {
+ right: 8.333333333333332%;
+ }
+ .col-lg-pull-2 {
+ right: 16.666666666666664%;
+ }
+ .col-lg-pull-3 {
+ right: 25%;
+ }
+ .col-lg-pull-4 {
+ right: 33.33333333333333%;
+ }
+ .col-lg-pull-5 {
+ right: 41.66666666666667%;
+ }
+ .col-lg-pull-6 {
+ right: 50%;
+ }
+ .col-lg-pull-7 {
+ right: 58.333333333333336%;
+ }
+ .col-lg-pull-8 {
+ right: 66.66666666666666%;
+ }
+ .col-lg-pull-9 {
+ right: 75%;
+ }
+ .col-lg-pull-10 {
+ right: 83.33333333333334%;
+ }
+ .col-lg-pull-11 {
+ right: 91.66666666666666%;
+ }
+ .col-lg-offset-0 {
+ margin-left: 0;
+ }
+ .col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
- .col-offset-2 {
+ .col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
- .col-offset-3 {
+ .col-lg-offset-3 {
margin-left: 25%;
}
- .col-offset-4 {
+ .col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
- .col-offset-5 {
+ .col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
- .col-offset-6 {
+ .col-lg-offset-6 {
margin-left: 50%;
}
- .col-offset-7 {
+ .col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
- .col-offset-8 {
+ .col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
- .col-offset-9 {
+ .col-lg-offset-9 {
margin-left: 75%;
}
- .col-offset-10 {
+ .col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
- .col-offset-11 {
+ .col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
}
-@media (min-width: 1200px) {
- .container {
- max-width: 1170px;
- }
-}
-
table {
max-width: 100%;
background-color: #181818;
@@ -1307,6 +1592,13 @@ table th[class^="col-"] {
border-color: #809a00;
}
+.table-hover > tbody > tr > td.success:hover,
+.table-hover > tbody > tr > th.success:hover,
+.table-hover > tbody > tr.success:hover > td {
+ background-color: #669a00;
+ border-color: #6a8000;
+}
+
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
@@ -1323,6 +1615,13 @@ table th[class^="col-"] {
border-color: #bd001f;
}
+.table-hover > tbody > tr > td.danger:hover,
+.table-hover > tbody > tr > th.danger:hover,
+.table-hover > tbody > tr.danger:hover > td {
+ background-color: #b30000;
+ border-color: #a3001b;
+}
+
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
@@ -1339,20 +1638,6 @@ table th[class^="col-"] {
border-color: #f05800;
}
-.table-hover > tbody > tr > td.success:hover,
-.table-hover > tbody > tr > th.success:hover,
-.table-hover > tbody > tr.success:hover > td {
- background-color: #669a00;
- border-color: #6a8000;
-}
-
-.table-hover > tbody > tr > td.danger:hover,
-.table-hover > tbody > tr > th.danger:hover,
-.table-hover > tbody > tr.danger:hover > td {
- background-color: #b30000;
- border-color: #a3001b;
-}
-
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
@@ -1373,7 +1658,7 @@ legend {
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
- color: #282828;
+ color: #888888;
border: 0;
border-bottom: 1px solid #282828;
}
@@ -1450,7 +1735,7 @@ input[type="number"]::-webkit-inner-spin-button {
padding: 8px 12px;
font-size: 14px;
line-height: 1.428571429;
- color: #555555;
+ color: #888888;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #282828;
@@ -1462,10 +1747,10 @@ input[type="number"]::-webkit-inner-spin-button {
}
.form-control:focus {
- border-color: rgba(82, 168, 236, 0.8);
+ border-color: #66afe9;
outline: 0;
- -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[disabled],
@@ -1530,28 +1815,53 @@ textarea.form-control {
margin-left: 10px;
}
-.form-control.input-large {
- height: 56px;
- padding: 14px 16px;
- font-size: 18px;
- border-radius: 6px;
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+.radio[disabled],
+.radio-inline[disabled],
+.checkbox[disabled],
+.checkbox-inline[disabled],
+fieldset[disabled] input[type="radio"],
+fieldset[disabled] input[type="checkbox"],
+fieldset[disabled] .radio,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox,
+fieldset[disabled] .checkbox-inline {
+ cursor: not-allowed;
}
-.form-control.input-small {
+.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
+ line-height: 1.5;
border-radius: 3px;
}
-select.input-large {
+select.input-sm {
+ height: 30px;
+ line-height: 30px;
+}
+
+textarea.input-sm {
+ height: auto;
+}
+
+.input-lg {
+ height: 56px;
+ padding: 14px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+
+select.input-lg {
height: 56px;
line-height: 56px;
}
-select.input-small {
- height: 30px;
- line-height: 30px;
+textarea.input-lg {
+ height: auto;
}
.has-warning .help-block,
@@ -1560,7 +1870,6 @@ select.input-small {
}
.has-warning .form-control {
- padding-right: 32px;
border-color: #ffffff;
-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);
@@ -1584,7 +1893,6 @@ select.input-small {
}
.has-error .form-control {
- padding-right: 32px;
border-color: #ffffff;
-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);
@@ -1608,7 +1916,6 @@ select.input-small {
}
.has-success .form-control {
- padding-right: 32px;
border-color: #ffffff;
-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);
@@ -1626,6 +1933,11 @@ select.input-small {
border-color: #ffffff;
}
+.form-control-static {
+ padding-top: 8px;
+ margin-bottom: 0;
+}
+
.help-block {
display: block;
margin-top: 5px;
@@ -1633,125 +1945,33 @@ select.input-small {
color: #c8c8c8;
}
-.input-group {
- display: table;
- border-collapse: separate;
-}
-
-.input-group.col {
- float: none;
- padding-right: 0;
- padding-left: 0;
-}
-
-.input-group .form-control {
- width: 100%;
- margin-bottom: 0;
-}
-
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
- display: table-cell;
-}
-
-.input-group-addon:not(:first-child):not(:last-child),
-.input-group-btn:not(:first-child):not(:last-child),
-.input-group .form-control:not(:first-child):not(:last-child) {
- border-radius: 0;
-}
-
-.input-group-addon,
-.input-group-btn {
- width: 1%;
- white-space: nowrap;
- vertical-align: middle;
-}
-
-.input-group-addon {
- padding: 8px 12px;
- font-size: 14px;
- font-weight: normal;
- line-height: 1.428571429;
- text-align: center;
- background-color: #adafae;
- border: 1px solid #282828;
- border-radius: 4px;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
-}
-
-.input-group-addon.input-small {
- padding: 5px 10px;
- font-size: 12px;
- border-radius: 3px;
-}
-
-.input-group-addon.input-large {
- padding: 14px 16px;
- font-size: 18px;
- border-radius: 6px;
-}
-
-.input-group .form-control:first-child,
-.input-group-addon:first-child,
-.input-group-btn:first-child > .btn,
-.input-group-btn:first-child > .dropdown-toggle,
-.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
-}
-
-.input-group-addon:first-child {
- border-right: 0;
-}
-
-.input-group .form-control:last-child,
-.input-group-addon:last-child,
-.input-group-btn:last-child > .btn,
-.input-group-btn:last-child > .dropdown-toggle,
-.input-group-btn:first-child > .btn:not(:first-child) {
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
-}
-
-.input-group-addon:last-child {
- border-left: 0;
-}
-
-.input-group-btn {
- position: relative;
- white-space: nowrap;
-}
-
-.input-group-btn > .btn {
- position: relative;
-}
-
-.input-group-btn > .btn + .btn {
- margin-left: -4px;
-}
-
-.input-group-btn > .btn:hover,
-.input-group-btn > .btn:active {
- z-index: 2;
-}
-
-.form-inline .form-control,
-.form-inline .radio,
-.form-inline .checkbox {
- display: inline-block;
-}
-
-.form-inline .radio,
-.form-inline .checkbox {
- margin-top: 0;
- margin-bottom: 0;
+@media (min-width: 768px) {
+ .form-inline .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .form-inline .form-control {
+ display: inline-block;
+ }
+ .form-inline .radio,
+ .form-inline .checkbox {
+ display: inline-block;
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .form-inline .radio input[type="radio"],
+ .form-inline .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
}
-.form-horizontal .control-label {
- padding-top: 6px;
+.form-horizontal .control-label,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+ padding-top: 8px;
}
.form-horizontal .form-group:before,
@@ -1805,7 +2025,7 @@ select.input-small {
}
@media (min-width: 768px) {
- .form-horizontal .form-group {
+ .container .form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@@ -1827,7 +2047,7 @@ select.input-small {
padding: 8px 12px;
margin-bottom: 0;
font-size: 14px;
- font-weight: 500;
+ font-weight: bold;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
@@ -1835,6 +2055,11 @@ select.input-small {
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ -o-user-select: none;
+ user-select: none;
}
.btn:focus {
@@ -1851,6 +2076,7 @@ select.input-small {
.btn:active,
.btn.active {
+ background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
@@ -1860,7 +2086,7 @@ select.input-small {
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
- cursor: default;
+ cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
@@ -1876,9 +2102,17 @@ fieldset[disabled] .btn {
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
-.btn-default.active {
- background-color: #353535;
- border-color: #282828;
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ color: #ffffff;
+ background-color: #2d2d2d;
+ border-color: #232323;
+}
+
+.btn-default:active,
+.btn-default.active,
+.open .dropdown-toggle.btn-default {
+ background-image: none;
}
.btn-default.disabled,
@@ -1909,9 +2143,17 @@ fieldset[disabled] .btn-default.active {
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
-.btn-primary.active {
- background-color: #258fc1;
- border-color: #2180ac;
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ color: #ffffff;
+ background-color: #2386b4;
+ border-color: #1f79a3;
+}
+
+.btn-primary:active,
+.btn-primary.active,
+.open .dropdown-toggle.btn-primary {
+ background-image: none;
}
.btn-primary.disabled,
@@ -1942,9 +2184,17 @@ fieldset[disabled] .btn-primary.active {
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
-.btn-warning.active {
- background-color: #e67a00;
- border-color: #cc6d00;
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ color: #ffffff;
+ background-color: #d67200;
+ border-color: #c26700;
+}
+
+.btn-warning:active,
+.btn-warning.active,
+.open .dropdown-toggle.btn-warning {
+ background-image: none;
}
.btn-warning.disabled,
@@ -1975,9 +2225,17 @@ fieldset[disabled] .btn-warning.active {
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
-.btn-danger.active {
- background-color: #b30000;
- border-color: #990000;
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ color: #ffffff;
+ background-color: #a30000;
+ border-color: #8f0000;
+}
+
+.btn-danger:active,
+.btn-danger.active,
+.open .dropdown-toggle.btn-danger {
+ background-image: none;
}
.btn-danger.disabled,
@@ -2008,9 +2266,17 @@ fieldset[disabled] .btn-danger.active {
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
-.btn-success.active {
- background-color: #669a00;
- border-color: #558000;
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ color: #ffffff;
+ background-color: #5c8a00;
+ border-color: #4e7600;
+}
+
+.btn-success:active,
+.btn-success.active,
+.open .dropdown-toggle.btn-success {
+ background-image: none;
}
.btn-success.disabled,
@@ -2041,9 +2307,17 @@ fieldset[disabled] .btn-success.active {
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
-.btn-info.active {
- background-color: #8a2eb8;
- border-color: #7a29a3;
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ color: #ffffff;
+ background-color: #812bab;
+ border-color: #74279b;
+}
+
+.btn-info:active,
+.btn-info.active,
+.open .dropdown-toggle.btn-info {
+ background-image: none;
}
.btn-info.disabled,
@@ -2099,23 +2373,29 @@ fieldset[disabled] .btn-link {
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
- color: #282828;
+ color: #888888;
text-decoration: none;
}
-.btn-large {
+.btn-lg {
padding: 14px 16px;
font-size: 18px;
+ line-height: 1.33;
border-radius: 6px;
}
-.btn-small {
+.btn-sm,
+.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
+.btn-xs {
+ padding: 1px 5px;
+}
+
.btn-block {
display: block;
width: 100%;
@@ -2159,6 +2439,160 @@ input[type="button"].btn-block {
transition: height 0.35s ease;
}
+.input-group {
+ position: relative;
+ display: table;
+ border-collapse: separate;
+}
+
+.input-group.col {
+ float: none;
+ padding-right: 0;
+ padding-left: 0;
+}
+
+.input-group .form-control {
+ width: 100%;
+ margin-bottom: 0;
+}
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+ height: 56px;
+ padding: 14px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn > .btn {
+ height: 56px;
+ line-height: 56px;
+}
+
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn > .btn {
+ height: auto;
+}
+
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon,
+select.input-group-sm > .input-group-btn > .btn {
+ height: 30px;
+ line-height: 30px;
+}
+
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+textarea.input-group-sm > .input-group-btn > .btn {
+ height: auto;
+}
+
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+ display: table-cell;
+}
+
+.input-group-addon:not(:first-child):not(:last-child),
+.input-group-btn:not(:first-child):not(:last-child),
+.input-group .form-control:not(:first-child):not(:last-child) {
+ border-radius: 0;
+}
+
+.input-group-addon,
+.input-group-btn {
+ width: 1%;
+ white-space: nowrap;
+ vertical-align: middle;
+}
+
+.input-group-addon {
+ padding: 8px 12px;
+ font-size: 14px;
+ font-weight: normal;
+ line-height: 1;
+ text-align: center;
+ background-color: #adafae;
+ border: 1px solid #282828;
+ border-radius: 4px;
+}
+
+.input-group-addon.input-sm {
+ padding: 5px 10px;
+ font-size: 12px;
+ border-radius: 3px;
+}
+
+.input-group-addon.input-lg {
+ padding: 14px 16px;
+ font-size: 18px;
+ border-radius: 6px;
+}
+
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+ margin-top: 0;
+}
+
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.input-group-addon:first-child {
+ border-right: 0;
+}
+
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child) {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.input-group-addon:last-child {
+ border-left: 0;
+}
+
+.input-group-btn {
+ position: relative;
+ white-space: nowrap;
+}
+
+.input-group-btn > .btn {
+ position: relative;
+}
+
+.input-group-btn > .btn + .btn {
+ margin-left: -4px;
+}
+
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:active {
+ z-index: 2;
+}
+
.caret {
display: inline-block;
width: 0;
@@ -2171,6 +2605,14 @@ input[type="button"].btn-block {
content: "";
}
+.dropdown {
+ position: relative;
+}
+
+.dropdown-toggle:focus {
+ outline: 0;
+}
+
.dropdown-menu {
position: absolute;
top: 100%;
@@ -2181,6 +2623,7 @@ input[type="button"].btn-block {
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
+ font-size: 14px;
list-style: none;
background-color: #222222;
border: 1px solid #444444;
@@ -2217,13 +2660,7 @@ input[type="button"].btn-block {
.dropdown-menu > li > a:focus {
color: #ffffff;
text-decoration: none;
- background-color: #258fc1;
- background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2a9fd6), to(#258fc1));
- background-image: -webkit-linear-gradient(top, #2a9fd6, 0%, #258fc1, 100%);
- background-image: -moz-linear-gradient(top, #2a9fd6 0%, #258fc1 100%);
- background-image: linear-gradient(to bottom, #2a9fd6 0%, #258fc1 100%);
- background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a9fd6', endColorstr='#ff258fc1', GradientType=0);
+ background-color: #2a9fd6;
}
.dropdown-menu > .active > a,
@@ -2231,14 +2668,8 @@ input[type="button"].btn-block {
.dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
- background-color: #258fc1;
- background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2a9fd6), to(#258fc1));
- background-image: -webkit-linear-gradient(top, #2a9fd6, 0%, #258fc1, 100%);
- background-image: -moz-linear-gradient(top, #2a9fd6 0%, #258fc1 100%);
- background-image: linear-gradient(to bottom, #2a9fd6 0%, #258fc1 100%);
- background-repeat: repeat-x;
+ background-color: #2a9fd6;
outline: 0;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2a9fd6', endColorstr='#ff258fc1', GradientType=0);
}
.dropdown-menu > .disabled > a,
@@ -2303,14 +2734,14 @@ input[type="button"].btn-block {
.list-group {
padding-left: 0;
margin-bottom: 20px;
- background-color: #222222;
}
.list-group-item {
position: relative;
display: block;
- padding: 10px 30px 10px 15px;
+ padding: 10px 15px;
margin-bottom: -1px;
+ background-color: #222222;
border: 1px solid #282828;
}
@@ -2327,50 +2758,58 @@ input[type="button"].btn-block {
.list-group-item > .badge {
float: right;
- margin-right: -15px;
}
-.list-group-item-heading {
- margin-top: 0;
- margin-bottom: 5px;
+.list-group-item > .badge + .badge {
+ margin-right: 5px;
}
-.list-group-item-text {
- margin-bottom: 0;
- line-height: 1.3;
+a.list-group-item {
+ color: #888888;
}
a.list-group-item .list-group-item-heading {
color: #ffffff;
}
-a.list-group-item .list-group-item-text {
- color: #888888;
-}
-
a.list-group-item:hover,
a.list-group-item:focus {
text-decoration: none;
background-color: #484848;
}
-a.list-group-item.active {
+.list-group-item.active,
+.list-group-item.active:hover,
+.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #2a9fd6;
border-color: #2a9fd6;
}
-a.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:focus .list-group-item-heading {
color: inherit;
}
-a.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:focus .list-group-item-text {
color: #d5ecf7;
}
+.list-group-item-heading {
+ margin-top: 0;
+ margin-bottom: 5px;
+}
+
+.list-group-item-text {
+ margin-bottom: 0;
+ line-height: 1.3;
+}
+
.panel {
- padding: 15px;
margin-bottom: 20px;
background-color: #222222;
border: 1px solid #282828;
@@ -2379,9 +2818,33 @@ a.list-group-item.active .list-group-item-text {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
+.panel-body {
+ padding: 15px;
+}
+
+.panel > .list-group {
+ margin-bottom: 0;
+}
+
+.panel > .list-group .list-group-item {
+ border-width: 1px 0;
+}
+
+.panel > .list-group .list-group-item:first-child {
+ border-top-right-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.panel > .list-group .list-group-item:last-child {
+ border-bottom: 0;
+}
+
+.panel-heading + .list-group .list-group-item:first-child {
+ border-top-width: 0;
+}
+
.panel-heading {
padding: 10px 15px;
- margin: -15px -15px 15px;
background-color: #3c3c3c;
border-bottom: 1px solid #282828;
border-top-right-radius: 3px;
@@ -2392,83 +2855,134 @@ a.list-group-item.active .list-group-item-text {
margin-top: 0;
margin-bottom: 0;
font-size: 17.5px;
- font-weight: 500;
+}
+
+.panel-title > a {
+ color: inherit;
}
.panel-footer {
padding: 10px 15px;
- margin: 15px -15px -15px;
background-color: #3c3c3c;
border-top: 1px solid #282828;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
+.panel-group .panel {
+ margin-bottom: 0;
+ overflow: hidden;
+ border-radius: 4px;
+}
+
+.panel-group .panel + .panel {
+ margin-top: 5px;
+}
+
+.panel-group .panel-heading {
+ border-bottom: 0;
+}
+
+.panel-group .panel-heading + .panel-collapse .panel-body {
+ border-top: 1px solid #282828;
+}
+
+.panel-group .panel-footer {
+ border-top: 0;
+}
+
+.panel-group .panel-footer + .panel-collapse .panel-body {
+ border-bottom: 1px solid #282828;
+}
+
.panel-primary {
border-color: #2a9fd6;
}
-.panel-primary .panel-heading {
+.panel-primary > .panel-heading {
color: #ffffff;
background-color: #2a9fd6;
border-color: #2a9fd6;
}
+.panel-primary > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #2a9fd6;
+}
+
+.panel-primary > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #2a9fd6;
+}
+
.panel-success {
border-color: #809a00;
}
-.panel-success .panel-heading {
+.panel-success > .panel-heading {
color: #ffffff;
background-color: #77b300;
border-color: #809a00;
}
+.panel-success > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #809a00;
+}
+
+.panel-success > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #809a00;
+}
+
.panel-warning {
border-color: #f05800;
}
-.panel-warning .panel-heading {
+.panel-warning > .panel-heading {
color: #ffffff;
background-color: #ff8800;
border-color: #f05800;
}
+.panel-warning > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #f05800;
+}
+
+.panel-warning > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #f05800;
+}
+
.panel-danger {
border-color: #bd001f;
}
-.panel-danger .panel-heading {
+.panel-danger > .panel-heading {
color: #ffffff;
background-color: #cc0000;
border-color: #bd001f;
}
+.panel-danger > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #bd001f;
+}
+
+.panel-danger > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #bd001f;
+}
+
.panel-info {
border-color: #6e2caf;
}
-.panel-info .panel-heading {
+.panel-info > .panel-heading {
color: #ffffff;
background-color: #9933cc;
border-color: #6e2caf;
}
-.list-group-flush {
- margin: 15px -15px -15px;
+.panel-info > .panel-heading + .panel-collapse .panel-body {
+ border-top-color: #6e2caf;
}
-.list-group-flush .list-group-item {
- border-width: 1px 0;
-}
-
-.list-group-flush .list-group-item:first-child {
- border-top-right-radius: 0;
- border-top-left-radius: 0;
-}
-
-.list-group-flush .list-group-item:last-child {
- border-bottom: 0;
+.panel-info > .panel-footer + .panel-collapse .panel-body {
+ border-bottom-color: #6e2caf;
}
.well {
@@ -2487,12 +3001,12 @@ a.list-group-item.active .list-group-item-text {
border-color: rgba(0, 0, 0, 0.15);
}
-.well-large {
+.well-lg {
padding: 24px;
border-radius: 6px;
}
-.well-small {
+.well-sm {
padding: 9px;
border-radius: 3px;
}
@@ -2610,29 +3124,13 @@ button.close {
background-color: transparent;
}
-.nav > li + .nav-header {
- margin-top: 9px;
-}
-
-.nav.open > a,
-.nav.open > a:hover,
-.nav.open > a:focus {
- color: #222222;
- background-color: #2a9fd6;
+.nav .open > a,
+.nav .open > a:hover,
+.nav .open > a:focus {
+ background-color: #222222;
border-color: #2a9fd6;
}
-.nav.open > a .caret,
-.nav.open > a:hover .caret,
-.nav.open > a:focus .caret {
- border-top-color: #ffffff;
- border-bottom-color: #ffffff;
-}
-
-.nav > .pull-right {
- float: right;
-}
-
.nav .nav-divider {
height: 1px;
margin: 9px 0;
@@ -2640,6 +3138,10 @@ button.close {
background-color: #e5e5e5;
}
+.nav > li > a > img {
+ max-width: none;
+}
+
.nav-tabs {
border-bottom: 1px solid #282828;
}
@@ -2657,7 +3159,7 @@ button.close {
}
.nav-tabs > li > a:hover {
- border-color: transparent;
+ border-color: transparent transparent #282828;
}
.nav-tabs > li.active > a,
@@ -2676,15 +3178,20 @@ button.close {
}
.nav-tabs.nav-justified > li {
- display: table-cell;
float: none;
- width: 1%;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
}
+@media (min-width: 768px) {
+ .nav-tabs.nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+}
+
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-bottom: 1px solid #dddddd;
@@ -2717,7 +3224,7 @@ button.close {
float: none;
}
-.nav-stacked > li + li > a {
+.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
@@ -2727,15 +3234,20 @@ button.close {
}
.nav-justified > li {
- display: table-cell;
float: none;
- width: 1%;
}
.nav-justified > li > a {
text-align: center;
}
+@media (min-width: 768px) {
+ .nav-justified > li {
+ display: table-cell;
+ width: 1%;
+ }
+}
+
.nav-tabs-justified {
border-bottom: 0;
}
@@ -2828,11 +3340,9 @@ button.close {
.navbar {
position: relative;
min-height: 50px;
- padding-right: 15px;
- padding-left: 15px;
margin-bottom: 20px;
background-color: #060606;
- border-radius: 4px;
+ border: 1px solid #000000;
}
.navbar:before,
@@ -2885,45 +3395,164 @@ button.close {
clear: both;
}
-.navbar-nav {
- margin-top: 10px;
- margin-bottom: 15px;
+@media (min-width: 768px) {
+ .navbar {
+ border-radius: 4px;
+ }
}
-.navbar-nav > li > a {
- padding-top: 15px;
- padding-bottom: 15px;
- line-height: 20px;
- color: #888888;
- border-radius: 4px;
+.navbar-header {
+ padding-right: 15px;
+ padding-left: 15px;
}
-.navbar-nav > li > a:hover,
-.navbar-nav > li > a:focus {
- color: #ffffff;
- background-color: transparent;
+.navbar-header:before,
+.navbar-header:after {
+ display: table;
+ content: " ";
}
-.navbar-nav > .active > a,
-.navbar-nav > .active > a:hover,
-.navbar-nav > .active > a:focus {
- color: #ffffff;
- background-color: transparent;
+.navbar-header:after {
+ clear: both;
}
-.navbar-nav > .disabled > a,
-.navbar-nav > .disabled > a:hover,
-.navbar-nav > .disabled > a:focus {
- color: #888888;
- background-color: transparent;
+.navbar-header:before,
+.navbar-header:after {
+ display: table;
+ content: " ";
}
-.navbar-nav.pull-right {
- width: 100%;
+.navbar-header:after {
+ clear: both;
+}
+
+.navbar-header:before,
+.navbar-header:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-header:after {
+ clear: both;
+}
+
+.navbar-header:before,
+.navbar-header:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-header:after {
+ clear: both;
+}
+
+.navbar-header:before,
+.navbar-header:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-header:after {
+ clear: both;
+}
+
+@media (min-width: 768px) {
+ .navbar-header {
+ float: left;
+ }
+}
+
+.navbar-collapse {
+ max-height: 340px;
+ padding-right: 15px;
+ padding-left: 15px;
+ overflow-x: visible;
+ border-top: 1px solid #000000;
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+ -webkit-overflow-scrolling: touch;
+}
+
+.navbar-collapse:before,
+.navbar-collapse:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-collapse:after {
+ clear: both;
+}
+
+.navbar-collapse:before,
+.navbar-collapse:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-collapse:after {
+ clear: both;
+}
+
+.navbar-collapse:before,
+.navbar-collapse:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-collapse:after {
+ clear: both;
+}
+
+.navbar-collapse:before,
+.navbar-collapse:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-collapse:after {
+ clear: both;
+}
+
+.navbar-collapse:before,
+.navbar-collapse:after {
+ display: table;
+ content: " ";
+}
+
+.navbar-collapse:after {
+ clear: both;
+}
+
+.navbar-collapse.in {
+ overflow-y: auto;
+}
+
+@media (min-width: 768px) {
+ .navbar-collapse {
+ width: auto;
+ padding-right: 0;
+ padding-left: 0;
+ border-top: 0;
+ box-shadow: none;
+ }
+ .navbar-collapse.collapse {
+ display: block !important;
+ height: auto !important;
+ padding-bottom: 0;
+ overflow: visible !important;
+ }
+ .navbar-collapse.in {
+ overflow-y: visible;
+ }
}
.navbar-static-top {
- border-radius: 0;
+ border-width: 0 0 1px;
+}
+
+@media (min-width: 768px) {
+ .navbar-static-top {
+ border-radius: 0;
+ }
}
.navbar-fixed-top,
@@ -2932,7 +3561,14 @@ button.close {
right: 0;
left: 0;
z-index: 1030;
- border-radius: 0;
+ border-width: 0 0 1px;
+}
+
+@media (min-width: 768px) {
+ .navbar-fixed-top,
+ .navbar-fixed-bottom {
+ border-radius: 0;
+ }
}
.navbar-fixed-top {
@@ -2945,16 +3581,12 @@ button.close {
}
.navbar-brand {
- display: block;
- max-width: 200px;
- padding: 15px 15px;
- margin-right: auto;
- margin-left: auto;
+ float: left;
+ padding-top: 15px;
+ padding-bottom: 15px;
font-size: 18px;
- font-weight: 500;
line-height: 20px;
color: #ffffff;
- text-align: center;
}
.navbar-brand:hover,
@@ -2965,12 +3597,11 @@ button.close {
}
.navbar-toggle {
- position: absolute;
- top: 9px;
- right: 10px;
- width: 48px;
- height: 32px;
- padding: 8px 12px;
+ position: relative;
+ float: right;
+ padding: 9px 10px;
+ margin-top: 8px;
+ margin-bottom: 8px;
background-color: transparent;
border: 1px solid #555555;
border-radius: 4px;
@@ -2993,21 +3624,163 @@ button.close {
margin-top: 4px;
}
+@media (min-width: 768px) {
+ .navbar-toggle {
+ position: relative;
+ top: auto;
+ left: auto;
+ display: none;
+ }
+}
+
+.navbar-nav {
+ margin: 7.5px -15px;
+}
+
+.navbar-nav > li > a {
+ padding-top: 10px;
+ padding-bottom: 10px;
+ line-height: 20px;
+ color: #888888;
+}
+
+.navbar-nav > li > a:hover,
+.navbar-nav > li > a:focus {
+ color: #ffffff;
+ background-color: transparent;
+}
+
+.navbar-nav > .active > a,
+.navbar-nav > .active > a:hover,
+.navbar-nav > .active > a:focus {
+ color: #ffffff;
+ background-color: transparent;
+}
+
+.navbar-nav > .disabled > a,
+.navbar-nav > .disabled > a:hover,
+.navbar-nav > .disabled > a:focus {
+ color: #888888;
+ background-color: transparent;
+}
+
+@media (max-width: 767px) {
+ .navbar-nav .open .dropdown-menu {
+ position: static;
+ float: none;
+ width: auto;
+ margin-top: 0;
+ background-color: transparent;
+ border: 0;
+ box-shadow: none;
+ }
+ .navbar-nav .open .dropdown-menu > li > a,
+ .navbar-nav .open .dropdown-menu .dropdown-header {
+ padding: 5px 15px 5px 25px;
+ }
+ .navbar-nav .open .dropdown-menu > li > a {
+ line-height: 20px;
+ color: #888888;
+ }
+ .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #ffffff;
+ background-color: transparent;
+ background-image: none;
+ }
+ .navbar-nav .open .dropdown-menu > .active > a,
+ .navbar-nav .open .dropdown-menu > .active > a:hover,
+ .navbar-nav .open .dropdown-menu > .active > a:focus {
+ color: #ffffff;
+ background-color: transparent;
+ }
+ .navbar-nav .open .dropdown-menu > .disabled > a,
+ .navbar-nav .open .dropdown-menu > .disabled > a:hover,
+ .navbar-nav .open .dropdown-menu > .disabled > a:focus {
+ color: #888888;
+ background-color: transparent;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-nav {
+ float: left;
+ margin: 0;
+ }
+ .navbar-nav > li {
+ float: left;
+ }
+ .navbar-nav > li > a {
+ padding-top: 15px;
+ padding-bottom: 15px;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-left {
+ float: left !important;
+ }
+ .navbar-right {
+ float: right !important;
+ }
+ .navbar-right .dropdown-menu {
+ right: 0;
+ left: auto;
+ }
+}
+
.navbar-form {
+ padding: 10px 15px;
margin-top: 6px;
+ margin-right: -15px;
margin-bottom: 6px;
+ margin-left: -15px;
+ border-top: 1px solid #000000;
+ border-bottom: 1px solid #000000;
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
}
-.navbar-form .form-control,
-.navbar-form .radio,
-.navbar-form .checkbox {
- display: inline-block;
+@media (min-width: 768px) {
+ .navbar-form .form-group {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: middle;
+ }
+ .navbar-form .form-control {
+ display: inline-block;
+ }
+ .navbar-form .radio,
+ .navbar-form .checkbox {
+ display: inline-block;
+ padding-left: 0;
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .navbar-form .radio input[type="radio"],
+ .navbar-form .checkbox input[type="checkbox"] {
+ float: none;
+ margin-left: 0;
+ }
}
-.navbar-form .radio,
-.navbar-form .checkbox {
- margin-top: 0;
- margin-bottom: 0;
+@media (max-width: 767px) {
+ .navbar-form .form-group {
+ margin-bottom: 5px;
+ }
+}
+
+@media (min-width: 768px) {
+ .navbar-form {
+ width: auto;
+ padding-top: 0;
+ padding-bottom: 0;
+ margin-right: 0;
+ margin-left: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
}
.navbar-nav > li > .dropdown-menu {
@@ -3052,8 +3825,36 @@ button.close {
left: auto;
}
+.navbar-btn {
+ margin-top: 6px;
+ margin-bottom: 6px;
+}
+
+.navbar-text {
+ float: left;
+ margin-top: 15px;
+ margin-bottom: 15px;
+ color: #888888;
+}
+
+@media (min-width: 768px) {
+ .navbar-text {
+ margin-right: 15px;
+ margin-left: 15px;
+ }
+}
+
+.navbar-link {
+ color: #888888;
+}
+
+.navbar-link:hover {
+ color: #ffffff;
+}
+
.navbar-inverse {
background-color: #222222;
+ border-color: #080808;
}
.navbar-inverse .navbar-brand {
@@ -3107,6 +3908,11 @@ button.close {
background-color: #ffffff;
}
+.navbar-inverse .navbar-collapse,
+.navbar-inverse .navbar-form {
+ border-color: #101010;
+}
+
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
@@ -3131,57 +3937,32 @@ button.close {
border-bottom-color: #ffffff;
}
-@media screen and (min-width: 768px) {
- .navbar-brand {
- float: left;
- margin-right: 5px;
- margin-left: -15px;
+@media (max-width: 767px) {
+ .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
+ border-color: #080808;
}
- .navbar-nav {
- float: left;
- margin-top: 0;
- margin-bottom: 0;
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
+ color: #888888;
}
- .navbar-nav > li {
- float: left;
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
+ .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
+ color: #ffffff;
+ background-color: transparent;
}
- .navbar-nav > li > a {
- border-radius: 0;
- }
- .navbar-nav.pull-right {
- float: right;
- width: auto;
- }
- .navbar-toggle {
- position: relative;
- top: auto;
- left: auto;
- display: none;
+ .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:focus {
+ color: #ffffff;
+ background-color: transparent;
}
- .nav-collapse.collapse {
- display: block !important;
- height: auto !important;
- overflow: visible !important;
+ .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:focus {
+ color: #aaaaaa;
+ background-color: transparent;
}
}
-.navbar-btn {
- margin-top: 6px;
-}
-
-.navbar-text {
- margin-top: 15px;
- margin-bottom: 15px;
-}
-
-.navbar-link {
- color: #888888;
-}
-
-.navbar-link:hover {
- color: #ffffff;
-}
-
.navbar-inverse .navbar-link {
color: #888888;
}
@@ -3190,14 +3971,30 @@ button.close {
color: #ffffff;
}
-.btn .caret {
+.btn-default .caret {
border-top-color: #ffffff;
}
-.dropup .btn .caret {
+.btn-primary .caret,
+.btn-success .caret,
+.btn-warning .caret,
+.btn-danger .caret,
+.btn-info .caret {
+ border-top-color: #fff;
+}
+
+.dropup .btn-default .caret {
border-bottom-color: #ffffff;
}
+.dropup .btn-primary .caret,
+.dropup .btn-success .caret,
+.dropup .btn-warning .caret,
+.dropup .btn-danger .caret,
+.dropup .btn-info .caret {
+ border-bottom-color: #fff;
+}
+
.btn-group,
.btn-group-vertical {
position: relative;
@@ -3213,12 +4010,24 @@ button.close {
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
-.btn-group-vertical > .btn:active {
+.btn-group-vertical > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn.active {
z-index: 2;
}
-.btn-group .btn + .btn {
+.btn-group > .btn:focus,
+.btn-group-vertical > .btn:focus {
+ outline: none;
+}
+
+.btn-group .btn + .btn,
+.btn-group .btn + .btn-group,
+.btn-group .btn-group + .btn,
+.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
@@ -3326,12 +4135,34 @@ button.close {
outline: 0;
}
+.btn-group-xs > .btn {
+ padding: 5px 10px;
+ padding: 1px 5px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+
+.btn-group-sm > .btn {
+ padding: 5px 10px;
+ font-size: 12px;
+ line-height: 1.5;
+ border-radius: 3px;
+}
+
+.btn-group-lg > .btn {
+ padding: 14px 16px;
+ font-size: 18px;
+ line-height: 1.33;
+ border-radius: 6px;
+}
+
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
-.btn-group > .btn-large + .dropdown-toggle {
+.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
@@ -3345,35 +4176,111 @@ button.close {
margin-left: 0;
}
-.btn-large .caret {
+.btn-lg .caret {
border-width: 5px;
}
-.dropup .btn-large .caret {
+.dropup .btn-lg .caret {
border-bottom-width: 5px;
}
-.btn-group-vertical > .btn {
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
-.btn-group-vertical > .btn + .btn {
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
+ display: table;
+ content: " ";
+}
+
+.btn-group-vertical > .btn-group:after {
+ clear: both;
+}
+
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
+ display: table;
+ content: " ";
+}
+
+.btn-group-vertical > .btn-group:after {
+ clear: both;
+}
+
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
+ display: table;
+ content: " ";
+}
+
+.btn-group-vertical > .btn-group:after {
+ clear: both;
+}
+
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
+ display: table;
+ content: " ";
+}
+
+.btn-group-vertical > .btn-group:after {
+ clear: both;
+}
+
+.btn-group-vertical > .btn-group:before,
+.btn-group-vertical > .btn-group:after {
+ display: table;
+ content: " ";
+}
+
+.btn-group-vertical > .btn-group:after {
+ clear: both;
+}
+
+.btn-group-vertical > .btn-group > .btn {
+ float: none;
+}
+
+.btn-group-vertical > .btn + .btn,
+.btn-group-vertical > .btn + .btn-group,
+.btn-group-vertical > .btn-group + .btn,
+.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
+ margin-left: 0;
}
-.btn-group-vertical .btn:not(:first-child):not(:last-child) {
+.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
-.btn-group-vertical .btn:first-child {
+.btn-group-vertical > .btn:first-child:not(:last-child) {
+ border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
-.btn-group-vertical .btn:last-child {
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+ border-top-right-radius: 0;
+ border-bottom-left-radius: 4px;
+ border-top-left-radius: 0;
+}
+
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+ border-radius: 0;
+}
+
+.btn-group-vertical > .btn-group:first-child > .btn:last-child,
+.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.btn-group-vertical > .btn-group:last-child > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
@@ -3381,6 +4288,8 @@ button.close {
.btn-group-justified {
display: table;
width: 100%;
+ border-collapse: separate;
+ table-layout: fixed;
}
.btn-group-justified .btn {
@@ -3389,8 +4298,8 @@ button.close {
width: 1%;
}
-.btn-group[data-toggle="buttons"] > .btn > input[type="radio"],
-.btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
@@ -3429,18 +4338,19 @@ button.close {
.pagination > li > a,
.pagination > li > span {
+ position: relative;
float: left;
- padding: 4px 12px;
+ padding: 8px 12px;
+ margin-left: -1px;
line-height: 1.428571429;
text-decoration: none;
background-color: #222222;
border: 1px solid #282828;
- border-left-width: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
- border-left-width: 1px;
+ margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
@@ -3452,16 +4362,23 @@ button.close {
}
.pagination > li > a:hover,
+.pagination > li > span:hover,
.pagination > li > a:focus,
-.pagination > .active > a,
-.pagination > .active > span {
- background-color: #2a9fd6;
+.pagination > li > span:focus {
+ background-color: #adafae;
}
.pagination > .active > a,
-.pagination > .active > span {
+.pagination > .active > span,
+.pagination > .active > a:hover,
+.pagination > .active > span:hover,
+.pagination > .active > a:focus,
+.pagination > .active > span:focus {
+ z-index: 2;
color: #ffffff;
cursor: default;
+ background-color: #2a9fd6;
+ border-color: #2a9fd6;
}
.pagination > .disabled > span,
@@ -3471,40 +4388,41 @@ button.close {
color: #888888;
cursor: not-allowed;
background-color: #222222;
+ border-color: #282828;
}
-.pagination-large > li > a,
-.pagination-large > li > span {
+.pagination-lg > li > a,
+.pagination-lg > li > span {
padding: 14px 16px;
font-size: 18px;
}
-.pagination-large > li:first-child > a,
-.pagination-large > li:first-child > span {
+.pagination-lg > li:first-child > a,
+.pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
-.pagination-large > li:last-child > a,
-.pagination-large > li:last-child > span {
+.pagination-lg > li:last-child > a,
+.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
-.pagination-small > li > a,
-.pagination-small > li > span {
+.pagination-sm > li > a,
+.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
-.pagination-small > li:first-child > a,
-.pagination-small > li:first-child > span {
+.pagination-sm > li:first-child > a,
+.pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
-.pagination-small > li:last-child > a,
-.pagination-small > li:last-child > span {
+.pagination-sm > li:last-child > a,
+.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
@@ -3630,20 +4548,18 @@ button.close {
transition: transform 0.3s ease-out;
}
-.modal.fade.in .modal-dialog {
+.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
- position: relative;
- top: 0;
- right: 0;
- left: 0;
z-index: 1050;
width: auto;
padding: 10px;
+ margin-right: auto;
+ margin-left: auto;
}
.modal-content {
@@ -3673,7 +4589,7 @@ button.close {
filter: alpha(opacity=0);
}
-.modal-backdrop.fade.in {
+.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
@@ -3772,10 +4688,9 @@ button.close {
.modal-dialog {
right: auto;
left: 50%;
- width: 560px;
+ width: 600px;
padding-top: 30px;
padding-bottom: 30px;
- margin-left: -280px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
@@ -3795,8 +4710,8 @@ button.close {
}
.tooltip.in {
- opacity: 1;
- filter: alpha(opacity=100);
+ opacity: 0.9;
+ filter: alpha(opacity=90);
}
.tooltip.top {
@@ -3914,8 +4829,6 @@ button.close {
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
background-clip: padding-box;
- -webkit-bg-clip: padding-box;
- -moz-bg-clip: padding;
}
.popover.top {
@@ -4037,7 +4950,7 @@ button.close {
}
.alert {
- padding: 10px 35px 10px 15px;
+ padding: 15px;
margin-bottom: 20px;
color: #ffffff;
background-color: #ff8800;
@@ -4055,11 +4968,24 @@ button.close {
}
.alert .alert-link {
- font-weight: 500;
+ font-weight: bold;
color: #e6e6e6;
}
-.alert .close {
+.alert > p,
+.alert > ul {
+ margin-bottom: 0;
+}
+
+.alert > p + p {
+ margin-top: 5px;
+}
+
+.alert-dismissable {
+ padding-right: 35px;
+}
+
+.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
@@ -4108,20 +5034,6 @@ button.close {
color: #e6e6e6;
}
-.alert-block {
- padding-top: 15px;
- padding-bottom: 15px;
-}
-
-.alert-block > p,
-.alert-block > ul {
- margin-bottom: 0;
-}
-
-.alert-block p + p {
- margin-top: 5px;
-}
-
.thumbnail,
.img-thumbnail {
padding: 4px;
@@ -4137,7 +5049,12 @@ button.close {
display: block;
}
-.thumbnail > img,
+.thumbnail > img {
+ display: block;
+ height: auto;
+ max-width: 100%;
+}
+
.img-thumbnail {
display: inline-block;
height: auto;
@@ -4199,13 +5116,12 @@ a.thumbnail:focus {
display: inline;
padding: .25em .6em;
font-size: 75%;
- font-weight: 500;
+ font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
- vertical-align: middle;
- background-color: #888888;
+ vertical-align: baseline;
border-radius: .25em;
}
@@ -4214,16 +5130,28 @@ a.thumbnail:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
- background-color: #6f6f6f;
}
-.label-danger {
- background-color: #cc0000;
+.label:empty {
+ display: none;
}
-.label-danger[href]:hover,
-.label-danger[href]:focus {
- background-color: #990000;
+.label-default {
+ background-color: #424242;
+}
+
+.label-default[href]:hover,
+.label-default[href]:focus {
+ background-color: #282828;
+}
+
+.label-primary {
+ background-color: #2a9fd6;
+}
+
+.label-primary[href]:hover,
+.label-primary[href]:focus {
+ background-color: #2180ac;
}
.label-success {
@@ -4235,6 +5163,15 @@ a.thumbnail:focus {
background-color: #558000;
}
+.label-info {
+ background-color: #9933cc;
+}
+
+.label-info[href]:hover,
+.label-info[href]:focus {
+ background-color: #7a29a3;
+}
+
.label-warning {
background-color: #ff8800;
}
@@ -4244,13 +5181,13 @@ a.thumbnail:focus {
background-color: #cc6d00;
}
-.label-info {
- background-color: #9933cc;
+.label-danger {
+ background-color: #cc0000;
}
-.label-info[href]:hover,
-.label-info[href]:focus {
- background-color: #7a29a3;
+.label-danger[href]:hover,
+.label-danger[href]:focus {
+ background-color: #990000;
}
.badge {
@@ -4263,7 +5200,7 @@ a.thumbnail:focus {
color: #ffffff;
text-align: center;
white-space: nowrap;
- vertical-align: middle;
+ vertical-align: baseline;
background-color: #2a9fd6;
border-radius: 10px;
}
@@ -4312,15 +5249,6 @@ a.list-group-item.active > .badge,
}
}
-@-ms-keyframes progress-bar-stripes {
- from {
- background-position: 40px 0;
- }
- to {
- background-position: 0 0;
- }
-}
-
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
@@ -4364,7 +5292,6 @@ a.list-group-item.active > .badge,
}
.progress-striped .progress-bar {
- background-color: #2a9fd6;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4380,24 +5307,22 @@ a.list-group-item.active > .badge,
animation: progress-bar-stripes 2s linear infinite;
}
-.progress-bar-danger {
- background-color: #cc0000;
+.progress-bar-success {
+ background-color: #77b300;
}
-.progress-striped .progress-bar-danger {
- background-color: #cc0000;
+.progress-striped .progress-bar-success {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.progress-bar-success {
- background-color: #77b300;
+.progress-bar-info {
+ background-color: #9933cc;
}
-.progress-striped .progress-bar-success {
- background-color: #77b300;
+.progress-striped .progress-bar-info {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -4409,50 +5334,23 @@ a.list-group-item.active > .badge,
}
.progress-striped .progress-bar-warning {
- background-color: #ff8800;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.progress-bar-info {
- background-color: #9933cc;
+.progress-bar-danger {
+ background-color: #cc0000;
}
-.progress-striped .progress-bar-info {
- background-color: #9933cc;
+.progress-striped .progress-bar-danger {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
-.accordion {
- margin-bottom: 20px;
-}
-
-.accordion-group {
- margin-bottom: 2px;
- border: 1px solid #e5e5e5;
- border-radius: 4px;
-}
-
-.accordion-heading {
- border-bottom: 0;
-}
-
-.accordion-heading .accordion-toggle {
- display: block;
- padding: 8px 15px;
- cursor: pointer;
-}
-
-.accordion-inner {
- padding: 9px 15px;
- border-top: 1px solid #e5e5e5;
-}
-
.carousel {
position: relative;
}
@@ -4472,7 +5370,7 @@ a.list-group-item.active > .badge,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
- display: inline-block;
+ display: block;
height: auto;
max-width: 100%;
line-height: 1;
@@ -4531,8 +5429,6 @@ a.list-group-item.active > .badge,
}
.carousel-control.left {
- background-color: rgba(0, 0, 0, 0.0001);
- background-color: transparent;
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
@@ -4544,8 +5440,6 @@ a.list-group-item.active > .badge,
.carousel-control.right {
right: 0;
left: auto;
- background-color: rgba(0, 0, 0, 0.5);
- background-color: transparent;
background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
@@ -4562,7 +5456,6 @@ a.list-group-item.active > .badge,
filter: alpha(opacity=90);
}
-.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
position: absolute;
@@ -4590,9 +5483,9 @@ a.list-group-item.active > .badge,
bottom: 10px;
left: 50%;
z-index: 15;
- width: 120px;
+ width: 60%;
padding-left: 0;
- margin-left: -60px;
+ margin-left: -30%;
text-align: center;
list-style: none;
}
@@ -4633,7 +5526,6 @@ a.list-group-item.active > .badge,
}
@media screen and (min-width: 768px) {
- .carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
@@ -4702,11 +5594,11 @@ a.list-group-item.active > .badge,
}
.pull-right {
- float: right;
+ float: right !important;
}
.pull-left {
- float: left;
+ float: left !important;
}
.hide {
@@ -4748,17 +5640,108 @@ a.list-group-item.active > .badge,
visibility: hidden !important;
}
-.visible-sm {
+.visible-xs {
display: block !important;
}
-tr.visible-sm {
+tr.visible-xs {
display: table-row !important;
}
+th.visible-xs,
+td.visible-xs {
+ display: table-cell !important;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-xs {
+ display: none !important;
+ }
+ tr.visible-xs {
+ display: none !important;
+ }
+ th.visible-xs,
+ td.visible-xs {
+ display: none !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-xs {
+ display: none !important;
+ }
+ tr.visible-xs {
+ display: none !important;
+ }
+ th.visible-xs,
+ td.visible-xs {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-xs {
+ display: none !important;
+ }
+ tr.visible-xs {
+ display: none !important;
+ }
+ th.visible-xs,
+ td.visible-xs {
+ display: none !important;
+ }
+}
+
+.visible-sm {
+ display: none !important;
+}
+
+tr.visible-sm {
+ display: none !important;
+}
+
th.visible-sm,
td.visible-sm {
- display: table-cell !important;
+ display: none !important;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-sm {
+ display: block !important;
+ }
+ tr.visible-sm {
+ display: table-row !important;
+ }
+ th.visible-sm,
+ td.visible-sm {
+ display: table-cell !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-sm {
+ display: none !important;
+ }
+ tr.visible-sm {
+ display: none !important;
+ }
+ th.visible-sm,
+ td.visible-sm {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-sm {
+ display: none !important;
+ }
+ tr.visible-sm {
+ display: none !important;
+ }
+ th.visible-sm,
+ td.visible-sm {
+ display: none !important;
+ }
}
.visible-md {
@@ -4774,6 +5757,45 @@ td.visible-md {
display: none !important;
}
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-md {
+ display: none !important;
+ }
+ tr.visible-md {
+ display: none !important;
+ }
+ th.visible-md,
+ td.visible-md {
+ display: none !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-md {
+ display: block !important;
+ }
+ tr.visible-md {
+ display: table-row !important;
+ }
+ th.visible-md,
+ td.visible-md {
+ display: table-cell !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-md {
+ display: none !important;
+ }
+ tr.visible-md {
+ display: none !important;
+ }
+ th.visible-md,
+ td.visible-md {
+ display: none !important;
+ }
+}
+
.visible-lg {
display: none !important;
}
@@ -4787,76 +5809,137 @@ td.visible-lg {
display: none !important;
}
-.hidden-sm {
+@media (min-width: 768px) and (max-width: 991px) {
+ .visible-lg {
+ display: none !important;
+ }
+ tr.visible-lg {
+ display: none !important;
+ }
+ th.visible-lg,
+ td.visible-lg {
+ display: none !important;
+ }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .visible-lg {
+ display: none !important;
+ }
+ tr.visible-lg {
+ display: none !important;
+ }
+ th.visible-lg,
+ td.visible-lg {
+ display: none !important;
+ }
+}
+
+@media (min-width: 1200px) {
+ .visible-lg {
+ display: block !important;
+ }
+ tr.visible-lg {
+ display: table-row !important;
+ }
+ th.visible-lg,
+ td.visible-lg {
+ display: table-cell !important;
+ }
+}
+
+.hidden-xs {
display: none !important;
}
-tr.hidden-sm {
+tr.hidden-xs {
display: none !important;
}
-th.hidden-sm,
-td.hidden-sm {
+th.hidden-xs,
+td.hidden-xs {
display: none !important;
}
-.hidden-md {
- display: block !important;
+@media (min-width: 768px) and (max-width: 991px) {
+ .hidden-xs {
+ display: block !important;
+ }
+ tr.hidden-xs {
+ display: table-row !important;
+ }
+ th.hidden-xs,
+ td.hidden-xs {
+ display: table-cell !important;
+ }
}
-tr.hidden-md {
- display: table-row !important;
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-xs {
+ display: block !important;
+ }
+ tr.hidden-xs {
+ display: table-row !important;
+ }
+ th.hidden-xs,
+ td.hidden-xs {
+ display: table-cell !important;
+ }
}
-th.hidden-md,
-td.hidden-md {
- display: table-cell !important;
+@media (min-width: 1200px) {
+ .hidden-xs {
+ display: block !important;
+ }
+ tr.hidden-xs {
+ display: table-row !important;
+ }
+ th.hidden-xs,
+ td.hidden-xs {
+ display: table-cell !important;
+ }
}
-.hidden-lg {
+.hidden-sm {
display: block !important;
}
-tr.hidden-lg {
+tr.hidden-sm {
display: table-row !important;
}
-th.hidden-lg,
-td.hidden-lg {
+th.hidden-sm,
+td.hidden-sm {
display: table-cell !important;
}
@media (min-width: 768px) and (max-width: 991px) {
- .visible-sm {
+ .hidden-sm {
display: none !important;
}
- tr.visible-sm {
+ tr.hidden-sm {
display: none !important;
}
- th.visible-sm,
- td.visible-sm {
+ th.hidden-sm,
+ td.hidden-sm {
display: none !important;
}
- .visible-md {
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-sm {
display: block !important;
}
- tr.visible-md {
+ tr.hidden-sm {
display: table-row !important;
}
- th.visible-md,
- td.visible-md {
+ th.hidden-sm,
+ td.hidden-sm {
display: table-cell !important;
}
- .visible-lg {
- display: none !important;
- }
- tr.visible-lg {
- display: none !important;
- }
- th.visible-lg,
- td.visible-lg {
- display: none !important;
- }
+}
+
+@media (min-width: 1200px) {
.hidden-sm {
display: block !important;
}
@@ -4867,79 +5950,100 @@ td.hidden-lg {
td.hidden-sm {
display: table-cell !important;
}
+}
+
+.hidden-md {
+ display: block !important;
+}
+
+tr.hidden-md {
+ display: table-row !important;
+}
+
+th.hidden-md,
+td.hidden-md {
+ display: table-cell !important;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
.hidden-md {
- display: none !important;
+ display: block !important;
}
tr.hidden-md {
- display: none !important;
+ display: table-row !important;
}
th.hidden-md,
td.hidden-md {
- display: none !important;
- }
- .hidden-lg {
- display: block !important;
- }
- tr.hidden-lg {
- display: table-row !important;
- }
- th.hidden-lg,
- td.hidden-lg {
display: table-cell !important;
}
}
-@media (min-width: 992px) {
- .visible-sm {
- display: none !important;
- }
- tr.visible-sm {
- display: none !important;
- }
- th.visible-sm,
- td.visible-sm {
- display: none !important;
- }
- .visible-md {
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-md {
display: none !important;
}
- tr.visible-md {
+ tr.hidden-md {
display: none !important;
}
- th.visible-md,
- td.visible-md {
+ th.hidden-md,
+ td.hidden-md {
display: none !important;
}
- .visible-lg {
+}
+
+@media (min-width: 1200px) {
+ .hidden-md {
display: block !important;
}
- tr.visible-lg {
+ tr.hidden-md {
display: table-row !important;
}
- th.visible-lg,
- td.visible-lg {
+ th.hidden-md,
+ td.hidden-md {
display: table-cell !important;
}
- .hidden-sm {
+}
+
+.hidden-lg {
+ display: block !important;
+}
+
+tr.hidden-lg {
+ display: table-row !important;
+}
+
+th.hidden-lg,
+td.hidden-lg {
+ display: table-cell !important;
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .hidden-lg {
display: block !important;
}
- tr.hidden-sm {
+ tr.hidden-lg {
display: table-row !important;
}
- th.hidden-sm,
- td.hidden-sm {
+ th.hidden-lg,
+ td.hidden-lg {
display: table-cell !important;
}
- .hidden-md {
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+ .hidden-lg {
display: block !important;
}
- tr.hidden-md {
+ tr.hidden-lg {
display: table-row !important;
}
- th.hidden-md,
- td.hidden-md {
+ th.hidden-lg,
+ td.hidden-lg {
display: table-cell !important;
}
+}
+
+@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
@@ -5079,6 +6183,7 @@ legend {
color: #fff;
}
+.alert .alert-link,
.alert a {
color: #ffffff;
text-decoration: underline;
@@ -5114,11 +6219,11 @@ legend {
}
.pull-right {
- float: right;
+ float: right !important;
}
.pull-left {
- float: left;
+ float: left !important;
}
.hide {