2013-02-12 21:16:32 +01:00
|
|
|
/*!
|
|
|
|
* Bootstrap v3.0.0
|
|
|
|
*
|
2013-03-01 04:42:51 +01:00
|
|
|
* Copyright 2013 Twitter, Inc
|
2013-02-12 21:16:32 +01:00
|
|
|
* Licensed under the Apache License v2.0
|
|
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
*
|
|
|
|
* Designed and built with all the love in the world by @mdo and @fat.
|
|
|
|
*/
|
|
|
|
|
|
|
|
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
|
|
|
|
|
|
|
|
article,
|
|
|
|
aside,
|
|
|
|
details,
|
|
|
|
figcaption,
|
|
|
|
figure,
|
|
|
|
footer,
|
|
|
|
header,
|
|
|
|
hgroup,
|
|
|
|
main,
|
|
|
|
nav,
|
|
|
|
section,
|
|
|
|
summary {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
audio,
|
|
|
|
canvas,
|
|
|
|
video {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
|
|
|
|
|
|
|
audio:not([controls]) {
|
|
|
|
display: none;
|
|
|
|
height: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
[hidden] {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
html {
|
|
|
|
font-family: sans-serif;
|
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
|
-ms-text-size-adjust: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
outline: thin dotted;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:active,
|
|
|
|
a:hover {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1 {
|
|
|
|
margin: 0.67em 0;
|
|
|
|
font-size: 2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
abbr[title] {
|
|
|
|
border-bottom: 1px dotted;
|
|
|
|
}
|
|
|
|
|
|
|
|
b,
|
|
|
|
strong {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
dfn {
|
|
|
|
font-style: italic;
|
|
|
|
}
|
|
|
|
|
|
|
|
hr {
|
|
|
|
height: 0;
|
|
|
|
-moz-box-sizing: content-box;
|
|
|
|
box-sizing: content-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
mark {
|
|
|
|
color: #000;
|
|
|
|
background: #ff0;
|
|
|
|
}
|
|
|
|
|
|
|
|
code,
|
|
|
|
kbd,
|
|
|
|
pre,
|
|
|
|
samp {
|
|
|
|
font-family: monospace, serif;
|
|
|
|
font-size: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
white-space: pre-wrap;
|
|
|
|
}
|
|
|
|
|
|
|
|
q {
|
|
|
|
quotes: "\201C" "\201D" "\2018" "\2019";
|
|
|
|
}
|
|
|
|
|
|
|
|
small {
|
|
|
|
font-size: 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
sub,
|
|
|
|
sup {
|
|
|
|
position: relative;
|
|
|
|
font-size: 75%;
|
|
|
|
line-height: 0;
|
|
|
|
vertical-align: baseline;
|
|
|
|
}
|
|
|
|
|
|
|
|
sup {
|
|
|
|
top: -0.5em;
|
|
|
|
}
|
|
|
|
|
|
|
|
sub {
|
|
|
|
bottom: -0.25em;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
svg:not(:root) {
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
figure {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
padding: 0.35em 0.625em 0.75em;
|
|
|
|
margin: 0 2px;
|
|
|
|
border: 1px solid #c0c0c0;
|
|
|
|
}
|
|
|
|
|
|
|
|
legend {
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
button,
|
|
|
|
input,
|
|
|
|
select,
|
|
|
|
textarea {
|
|
|
|
margin: 0;
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
button,
|
|
|
|
input {
|
|
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
button,
|
|
|
|
select {
|
|
|
|
text-transform: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
button,
|
|
|
|
html input[type="button"],
|
|
|
|
input[type="reset"],
|
|
|
|
input[type="submit"] {
|
|
|
|
cursor: pointer;
|
|
|
|
-webkit-appearance: button;
|
|
|
|
}
|
|
|
|
|
|
|
|
button[disabled],
|
|
|
|
html input[disabled] {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="checkbox"],
|
|
|
|
input[type="radio"] {
|
|
|
|
padding: 0;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="search"] {
|
|
|
|
-webkit-box-sizing: content-box;
|
|
|
|
-moz-box-sizing: content-box;
|
|
|
|
box-sizing: content-box;
|
|
|
|
-webkit-appearance: textfield;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="search"]::-webkit-search-cancel-button,
|
|
|
|
input[type="search"]::-webkit-search-decoration {
|
|
|
|
-webkit-appearance: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
button::-moz-focus-inner,
|
|
|
|
input::-moz-focus-inner {
|
|
|
|
padding: 0;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea {
|
|
|
|
overflow: auto;
|
|
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
|
|
|
|
table {
|
|
|
|
border-collapse: collapse;
|
|
|
|
border-spacing: 0;
|
|
|
|
}
|
|
|
|
|
2013-03-01 04:42:51 +01:00
|
|
|
@media print {
|
|
|
|
* {
|
|
|
|
color: #000 !important;
|
|
|
|
text-shadow: none !important;
|
|
|
|
background: transparent !important;
|
|
|
|
box-shadow: none !important;
|
|
|
|
}
|
|
|
|
a,
|
|
|
|
a:visited {
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
a[href]:after {
|
|
|
|
content: " (" attr(href) ")";
|
|
|
|
}
|
|
|
|
abbr[title]:after {
|
|
|
|
content: " (" attr(title) ")";
|
|
|
|
}
|
|
|
|
.ir a:after,
|
|
|
|
a[href^="javascript:"]:after,
|
|
|
|
a[href^="#"]:after {
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
pre,
|
|
|
|
blockquote {
|
|
|
|
border: 1px solid #999;
|
|
|
|
page-break-inside: avoid;
|
|
|
|
}
|
|
|
|
thead {
|
|
|
|
display: table-header-group;
|
|
|
|
}
|
|
|
|
tr,
|
|
|
|
img {
|
|
|
|
page-break-inside: avoid;
|
|
|
|
}
|
|
|
|
img {
|
|
|
|
max-width: 100% !important;
|
|
|
|
}
|
|
|
|
@page {
|
2013-05-09 04:57:42 +02:00
|
|
|
margin: 2cm .5cm;
|
2013-03-01 04:42:51 +01:00
|
|
|
}
|
|
|
|
p,
|
|
|
|
h2,
|
|
|
|
h3 {
|
|
|
|
orphans: 3;
|
|
|
|
widows: 3;
|
|
|
|
}
|
|
|
|
h2,
|
|
|
|
h3 {
|
|
|
|
page-break-after: avoid;
|
|
|
|
}
|
2013-05-09 04:57:42 +02:00
|
|
|
.navbar {
|
2013-03-17 00:17:32 +01:00
|
|
|
display: none;
|
|
|
|
}
|
2013-06-18 05:56:02 +02:00
|
|
|
.table td,
|
|
|
|
.table th {
|
|
|
|
background-color: #fff !important;
|
|
|
|
}
|
|
|
|
.btn > .caret,
|
|
|
|
.dropup > .btn > .caret {
|
|
|
|
border-top-color: #000 !important;
|
|
|
|
}
|
|
|
|
.label {
|
|
|
|
border: 1px solid #000;
|
|
|
|
}
|
2013-07-20 01:49:38 +02:00
|
|
|
.table {
|
|
|
|
border-collapse: collapse !important;
|
|
|
|
}
|
|
|
|
.table-bordered th,
|
|
|
|
.table-bordered td {
|
|
|
|
border: 1px solid #ddd !important;
|
|
|
|
}
|
2013-03-01 04:42:51 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:26:43 +02:00
|
|
|
*,
|
|
|
|
*:before,
|
|
|
|
*:after {
|
2013-03-10 19:24:07 +01:00
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
html {
|
|
|
|
font-size: 62.5%;
|
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
|
}
|
|
|
|
|
|
|
|
body {
|
2013-03-27 01:12:17 +01:00
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
font-size: 14px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #333333;
|
|
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
|
|
|
input,
|
|
|
|
button,
|
|
|
|
select,
|
|
|
|
textarea {
|
2013-03-27 01:12:17 +01:00
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
line-height: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-15 01:06:51 +02:00
|
|
|
button,
|
|
|
|
input,
|
|
|
|
select[multiple],
|
|
|
|
textarea {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
a {
|
|
|
|
color: #428bca;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover,
|
|
|
|
a:focus {
|
|
|
|
color: #2a6496;
|
|
|
|
text-decoration: underline;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:focus {
|
|
|
|
outline: thin dotted #333;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
2013-06-28 09:09:10 +02:00
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
|
2013-08-15 09:46:18 +02:00
|
|
|
.img-responsive {
|
|
|
|
display: block;
|
|
|
|
height: auto;
|
|
|
|
max-width: 100%;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.img-rounded {
|
|
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.img-circle {
|
2013-08-12 00:41:06 +02:00
|
|
|
border-radius: 50%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-07-05 21:21:05 +02:00
|
|
|
hr {
|
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
border: 0;
|
|
|
|
border-top: 1px solid #eeeeee;
|
|
|
|
}
|
|
|
|
|
Improve accessibility (Section 508, WCAG)
This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices.
What was done
- Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria)
- Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users.
- Advised users to always use label elements. For inline forms, they can hide them with `.sr-only`
- Added 'Skip navigation' link
- Added "Accessibility" section to getting-started.html.
What *wasn't* done
- Contrast issues (twbs#3572)
- Tooltips (twbs#8469)
- Documentation re: usage of icons, since they now live in a separate repo
Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out.
2013-08-07 06:25:36 +02:00
|
|
|
.sr-only {
|
|
|
|
position: absolute;
|
|
|
|
width: 1px;
|
|
|
|
height: 1px;
|
|
|
|
padding: 0;
|
|
|
|
margin: -1px;
|
|
|
|
overflow: hidden;
|
|
|
|
clip: rect(0 0 0 0);
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
p {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin: 0 0 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.lead {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-07-27 06:12:48 +02:00
|
|
|
font-size: 16.099999999999998px;
|
2013-02-12 21:16:32 +01:00
|
|
|
font-weight: 200;
|
2013-03-31 20:26:13 +02:00
|
|
|
line-height: 1.4;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-07-27 06:12:48 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.lead {
|
|
|
|
font-size: 21px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
small {
|
|
|
|
font-size: 85%;
|
|
|
|
}
|
|
|
|
|
|
|
|
cite {
|
|
|
|
font-style: normal;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.text-muted {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-07-26 09:18:18 +02:00
|
|
|
.text-primary {
|
|
|
|
color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-warning {
|
|
|
|
color: #c09853;
|
|
|
|
}
|
|
|
|
|
2013-03-30 22:15:18 +01:00
|
|
|
.text-danger {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #b94a48;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-success {
|
|
|
|
color: #468847;
|
|
|
|
}
|
|
|
|
|
2013-07-26 09:18:18 +02:00
|
|
|
.text-info {
|
|
|
|
color: #3a87ad;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.text-left {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-right {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-center {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3,
|
|
|
|
h4,
|
|
|
|
h5,
|
2013-03-15 07:01:23 +01:00
|
|
|
h6,
|
|
|
|
.h1,
|
|
|
|
.h2,
|
|
|
|
.h3,
|
|
|
|
.h4,
|
|
|
|
.h5,
|
|
|
|
.h6 {
|
2013-06-21 01:00:38 +02:00
|
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
2013-02-12 21:16:32 +01:00
|
|
|
font-weight: 500;
|
2013-05-10 02:20:46 +02:00
|
|
|
line-height: 1.1;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h1 small,
|
|
|
|
h2 small,
|
|
|
|
h3 small,
|
|
|
|
h4 small,
|
|
|
|
h5 small,
|
2013-03-15 07:01:23 +01:00
|
|
|
h6 small,
|
|
|
|
.h1 small,
|
|
|
|
.h2 small,
|
|
|
|
.h3 small,
|
|
|
|
.h4 small,
|
|
|
|
.h5 small,
|
|
|
|
.h6 small {
|
2013-02-12 21:16:32 +01:00
|
|
|
font-weight: normal;
|
|
|
|
line-height: 1;
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
h1,
|
|
|
|
h2,
|
|
|
|
h3 {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-top: 20px;
|
|
|
|
margin-bottom: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
h4,
|
|
|
|
h5,
|
|
|
|
h6 {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-top: 10px;
|
|
|
|
margin-bottom: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h1,
|
|
|
|
.h1 {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 38px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h2,
|
|
|
|
.h2 {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 32px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h3,
|
|
|
|
.h3 {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 24px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h4,
|
|
|
|
.h4 {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 18px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h5,
|
|
|
|
.h5 {
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 14px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h6,
|
|
|
|
.h6 {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 12px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h1 small,
|
|
|
|
.h1 small {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 24px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h2 small,
|
|
|
|
.h2 small {
|
2013-05-10 02:20:46 +02:00
|
|
|
font-size: 18px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-15 07:01:23 +01:00
|
|
|
h3 small,
|
2013-05-10 02:20:46 +02:00
|
|
|
.h3 small,
|
2013-03-15 07:01:23 +01:00
|
|
|
h4 small,
|
|
|
|
.h4 small {
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 14px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.page-header {
|
2013-05-10 19:33:35 +02:00
|
|
|
padding-bottom: 9px;
|
|
|
|
margin: 40px 0 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-bottom: 1px solid #eeeeee;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul,
|
|
|
|
ol {
|
2013-06-17 22:35:50 +02:00
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
ul ul,
|
2013-07-09 03:22:36 +02:00
|
|
|
ol ul,
|
2013-02-12 21:16:32 +01:00
|
|
|
ul ol,
|
2013-07-09 03:22:36 +02:00
|
|
|
ol ol {
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2013-03-27 23:42:11 +01:00
|
|
|
.list-unstyled {
|
2013-06-17 22:49:22 +02:00
|
|
|
padding-left: 0;
|
2013-03-27 23:42:11 +01:00
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.list-inline {
|
2013-06-17 22:49:22 +02:00
|
|
|
padding-left: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-inline > li {
|
|
|
|
display: inline-block;
|
|
|
|
padding-right: 5px;
|
|
|
|
padding-left: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
dl {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
dt,
|
|
|
|
dd {
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
dt {
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
dd {
|
2013-07-23 19:18:34 +02:00
|
|
|
margin-left: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-05 18:10:52 +02:00
|
|
|
@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;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
abbr[title],
|
|
|
|
abbr[data-original-title] {
|
|
|
|
cursor: help;
|
|
|
|
border-bottom: 1px dotted #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
abbr.initialism {
|
|
|
|
font-size: 90%;
|
|
|
|
text-transform: uppercase;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote {
|
2013-05-10 19:33:35 +02:00
|
|
|
padding: 10px 20px;
|
|
|
|
margin: 0 0 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-left: 5px solid #eeeeee;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote p {
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 17.5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
font-weight: 300;
|
|
|
|
line-height: 1.25;
|
|
|
|
}
|
|
|
|
|
2013-04-20 21:09:08 +02:00
|
|
|
blockquote p:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
blockquote small {
|
|
|
|
display: block;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote small:before {
|
|
|
|
content: '\2014 \00A0';
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote.pull-right {
|
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 0;
|
|
|
|
border-right: 5px solid #eeeeee;
|
|
|
|
border-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote.pull-right p,
|
|
|
|
blockquote.pull-right small {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote.pull-right small:before {
|
|
|
|
content: '';
|
|
|
|
}
|
|
|
|
|
|
|
|
blockquote.pull-right small:after {
|
|
|
|
content: '\00A0 \2014';
|
|
|
|
}
|
|
|
|
|
|
|
|
q:before,
|
|
|
|
q:after,
|
|
|
|
blockquote:before,
|
|
|
|
blockquote:after {
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
|
|
|
|
address {
|
|
|
|
display: block;
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
font-style: normal;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
code,
|
|
|
|
pre {
|
|
|
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
|
|
}
|
|
|
|
|
|
|
|
code {
|
|
|
|
padding: 2px 4px;
|
|
|
|
font-size: 90%;
|
|
|
|
color: #c7254e;
|
|
|
|
white-space: nowrap;
|
|
|
|
background-color: #f9f2f4;
|
2013-07-07 07:24:03 +02:00
|
|
|
border-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
display: block;
|
2013-05-10 19:33:35 +02:00
|
|
|
padding: 9.5px;
|
|
|
|
margin: 0 0 10px;
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 13px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-07-07 07:24:03 +02:00
|
|
|
color: #333333;
|
2013-02-12 21:16:32 +01:00
|
|
|
word-break: break-all;
|
|
|
|
word-wrap: break-word;
|
|
|
|
background-color: #f5f5f5;
|
2013-07-24 08:48:17 +02:00
|
|
|
border: 1px solid #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre.prettyprint {
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
pre code {
|
|
|
|
padding: 0;
|
2013-08-12 20:34:28 +02:00
|
|
|
font-size: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: inherit;
|
|
|
|
white-space: pre-wrap;
|
|
|
|
background-color: transparent;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pre-scrollable {
|
|
|
|
max-height: 340px;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container {
|
2013-08-17 07:37:02 +02:00
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 15px;
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.container:before,
|
|
|
|
.container:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.container:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.container:before,
|
|
|
|
.container:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.container:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-08-17 00:16:03 +02:00
|
|
|
.row {
|
|
|
|
margin-right: -15px;
|
|
|
|
margin-left: -15px;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.row:before,
|
|
|
|
.row:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.row:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.row:before,
|
|
|
|
.row:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.row:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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,
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-1,
|
|
|
|
.col-sm-2,
|
|
|
|
.col-sm-3,
|
|
|
|
.col-sm-4,
|
|
|
|
.col-sm-5,
|
|
|
|
.col-sm-6,
|
|
|
|
.col-sm-7,
|
|
|
|
.col-sm-8,
|
|
|
|
.col-sm-9,
|
|
|
|
.col-sm-10,
|
|
|
|
.col-sm-11,
|
|
|
|
.col-sm-12,
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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,
|
2013-06-02 22:38:45 +02:00
|
|
|
.col-lg-1,
|
|
|
|
.col-lg-2,
|
|
|
|
.col-lg-3,
|
|
|
|
.col-lg-4,
|
|
|
|
.col-lg-5,
|
|
|
|
.col-lg-6,
|
|
|
|
.col-lg-7,
|
|
|
|
.col-lg-8,
|
|
|
|
.col-lg-9,
|
|
|
|
.col-lg-10,
|
2013-06-04 06:51:35 +02:00
|
|
|
.col-lg-11,
|
|
|
|
.col-lg-12 {
|
2013-03-16 07:21:10 +01:00
|
|
|
position: relative;
|
2013-02-12 21:16:32 +01:00
|
|
|
min-height: 1px;
|
2013-03-16 07:21:10 +01:00
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 15px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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,
|
2013-08-13 01:02:27 +02:00
|
|
|
.col-xs-11 {
|
2013-06-24 00:05:58 +02:00
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-1 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 8.333333333333332%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-2 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 16.666666666666664%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-3 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 25%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-4 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 33.33333333333333%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-5 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 41.66666666666667%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-6 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 50%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-7 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 58.333333333333336%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-8 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 66.66666666666666%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-9 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 75%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-10 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 83.33333333333334%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-11 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 91.66666666666666%;
|
2013-04-03 04:40:43 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.col-xs-12 {
|
2013-06-04 06:51:35 +02:00
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 768px) {
|
2013-06-08 23:04:16 +02:00
|
|
|
.container {
|
2013-08-17 07:37:02 +02:00
|
|
|
max-width: 750px;
|
2013-06-08 23:04:16 +02:00
|
|
|
}
|
2013-06-24 00:05:58 +02:00
|
|
|
.col-sm-1,
|
|
|
|
.col-sm-2,
|
|
|
|
.col-sm-3,
|
|
|
|
.col-sm-4,
|
|
|
|
.col-sm-5,
|
|
|
|
.col-sm-6,
|
|
|
|
.col-sm-7,
|
|
|
|
.col-sm-8,
|
|
|
|
.col-sm-9,
|
|
|
|
.col-sm-10,
|
2013-08-13 01:02:27 +02:00
|
|
|
.col-sm-11 {
|
2013-06-24 00:05:58 +02:00
|
|
|
float: left;
|
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-1 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 8.333333333333332%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-2 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 16.666666666666664%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-3 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 25%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-4 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 33.33333333333333%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-5 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 41.66666666666667%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-6 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 50%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-7 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 58.333333333333336%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-8 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 66.66666666666666%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-9 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 75%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-10 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 83.33333333333334%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-11 {
|
2013-06-03 20:58:38 +02:00
|
|
|
width: 91.66666666666666%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-08 23:04:16 +02:00
|
|
|
.col-sm-12 {
|
2013-06-04 06:51:35 +02:00
|
|
|
width: 100%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-1 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 8.333333333333332%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-2 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 16.666666666666664%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-3 {
|
2013-03-16 07:21:10 +01:00
|
|
|
left: 25%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-4 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 33.33333333333333%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-5 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 41.66666666666667%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-6 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 50%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-7 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 58.333333333333336%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-8 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 66.66666666666666%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-9 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 75%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-10 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 83.33333333333334%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-push-11 {
|
2013-06-02 22:38:45 +02:00
|
|
|
left: 91.66666666666666%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-1 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 8.333333333333332%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-2 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 16.666666666666664%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-3 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 25%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-4 {
|
2013-03-16 07:21:10 +01:00
|
|
|
right: 33.33333333333333%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-5 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 41.66666666666667%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-6 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 50%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-7 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 58.333333333333336%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-8 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 66.66666666666666%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-9 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 75%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-10 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 83.33333333333334%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-sm-pull-11 {
|
2013-06-02 22:38:45 +02:00
|
|
|
right: 91.66666666666666%;
|
2013-03-16 07:21:10 +01:00
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.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%;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-06-03 00:33:42 +02:00
|
|
|
@media (min-width: 992px) {
|
2013-06-08 23:04:16 +02:00
|
|
|
.container {
|
2013-08-17 07:37:02 +02:00
|
|
|
max-width: 970px;
|
2013-06-08 23:04:16 +02:00
|
|
|
}
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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,
|
2013-08-13 01:02:27 +02:00
|
|
|
.col-md-11 {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
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%;
|
|
|
|
}
|
2013-08-16 05:31:11 +02:00
|
|
|
.col-md-push-0 {
|
|
|
|
left: auto;
|
|
|
|
}
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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%;
|
|
|
|
}
|
2013-08-16 05:31:11 +02:00
|
|
|
.col-md-pull-0 {
|
|
|
|
right: auto;
|
|
|
|
}
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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%;
|
|
|
|
}
|
2013-08-16 05:25:20 +02:00
|
|
|
.col-md-offset-0 {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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 {
|
2013-08-17 07:37:02 +02:00
|
|
|
max-width: 1170px;
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
}
|
2013-06-24 00:05:58 +02:00
|
|
|
.col-lg-1,
|
|
|
|
.col-lg-2,
|
|
|
|
.col-lg-3,
|
|
|
|
.col-lg-4,
|
|
|
|
.col-lg-5,
|
|
|
|
.col-lg-6,
|
|
|
|
.col-lg-7,
|
|
|
|
.col-lg-8,
|
|
|
|
.col-lg-9,
|
|
|
|
.col-lg-10,
|
2013-08-13 01:02:27 +02:00
|
|
|
.col-lg-11 {
|
2013-06-24 00:05:58 +02:00
|
|
|
float: left;
|
|
|
|
}
|
2013-06-03 00:33:42 +02:00
|
|
|
.col-lg-1 {
|
|
|
|
width: 8.333333333333332%;
|
|
|
|
}
|
|
|
|
.col-lg-2 {
|
|
|
|
width: 16.666666666666664%;
|
|
|
|
}
|
|
|
|
.col-lg-3 {
|
|
|
|
width: 25%;
|
|
|
|
}
|
|
|
|
.col-lg-4 {
|
|
|
|
width: 33.33333333333333%;
|
|
|
|
}
|
|
|
|
.col-lg-5 {
|
|
|
|
width: 41.66666666666667%;
|
|
|
|
}
|
|
|
|
.col-lg-6 {
|
|
|
|
width: 50%;
|
|
|
|
}
|
|
|
|
.col-lg-7 {
|
|
|
|
width: 58.333333333333336%;
|
|
|
|
}
|
|
|
|
.col-lg-8 {
|
|
|
|
width: 66.66666666666666%;
|
|
|
|
}
|
|
|
|
.col-lg-9 {
|
|
|
|
width: 75%;
|
|
|
|
}
|
|
|
|
.col-lg-10 {
|
|
|
|
width: 83.33333333333334%;
|
|
|
|
}
|
|
|
|
.col-lg-11 {
|
|
|
|
width: 91.66666666666666%;
|
|
|
|
}
|
2013-06-04 06:51:35 +02:00
|
|
|
.col-lg-12 {
|
|
|
|
width: 100%;
|
|
|
|
}
|
2013-08-16 05:31:11 +02:00
|
|
|
.col-lg-push-0 {
|
|
|
|
left: auto;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.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%;
|
|
|
|
}
|
2013-08-16 05:31:11 +02:00
|
|
|
.col-lg-pull-0 {
|
|
|
|
right: auto;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.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%;
|
|
|
|
}
|
2013-08-16 05:25:20 +02:00
|
|
|
.col-lg-offset-0 {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-1 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 8.333333333333332%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-2 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 16.666666666666664%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-3 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 25%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-4 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 33.33333333333333%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-5 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 41.66666666666667%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-6 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 50%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-7 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 58.333333333333336%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-8 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 66.66666666666666%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-9 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 75%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-10 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 83.33333333333334%;
|
|
|
|
}
|
2013-08-01 17:49:16 +02:00
|
|
|
.col-lg-offset-11 {
|
2013-06-24 00:15:42 +02:00
|
|
|
margin-left: 91.66666666666666%;
|
|
|
|
}
|
2013-06-03 00:33:42 +02:00
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
table {
|
|
|
|
max-width: 100%;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
th {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table {
|
|
|
|
width: 100%;
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-04-15 05:33:10 +02:00
|
|
|
.table thead > tr > th,
|
|
|
|
.table tbody > tr > th,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table tfoot > tr > th,
|
2013-04-15 05:33:10 +02:00
|
|
|
.table thead > tr > td,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table tbody > tr > td,
|
|
|
|
.table tfoot > tr > td {
|
2013-02-12 21:16:32 +01:00
|
|
|
padding: 8px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
vertical-align: top;
|
|
|
|
border-top: 1px solid #dddddd;
|
|
|
|
}
|
|
|
|
|
2013-04-15 05:33:10 +02:00
|
|
|
.table thead > tr > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
vertical-align: bottom;
|
2013-08-17 23:15:33 +02:00
|
|
|
border-bottom: 2px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.table caption + thead tr:first-child th,
|
|
|
|
.table colgroup + thead tr:first-child th,
|
|
|
|
.table thead:first-child tr:first-child th,
|
2013-07-02 20:25:57 +02:00
|
|
|
.table caption + thead tr:first-child td,
|
|
|
|
.table colgroup + thead tr:first-child td,
|
2013-02-12 21:16:32 +01:00
|
|
|
.table thead:first-child tr:first-child td {
|
|
|
|
border-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table tbody + tbody {
|
|
|
|
border-top: 2px solid #dddddd;
|
|
|
|
}
|
|
|
|
|
|
|
|
.table .table {
|
|
|
|
background-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2013-04-15 05:33:10 +02:00
|
|
|
.table-condensed thead > tr > th,
|
|
|
|
.table-condensed tbody > tr > th,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table-condensed tfoot > tr > th,
|
2013-04-15 05:33:10 +02:00
|
|
|
.table-condensed thead > tr > td,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table-condensed tbody > tr > td,
|
|
|
|
.table-condensed tfoot > tr > td {
|
2013-07-18 08:34:04 +02:00
|
|
|
padding: 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.table-bordered {
|
|
|
|
border: 1px solid #dddddd;
|
|
|
|
}
|
|
|
|
|
2013-05-03 23:56:57 +02:00
|
|
|
.table-bordered > thead > tr > th,
|
|
|
|
.table-bordered > tbody > tr > th,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table-bordered > tfoot > tr > th,
|
2013-05-03 23:56:57 +02:00
|
|
|
.table-bordered > thead > tr > td,
|
2013-07-05 21:15:00 +02:00
|
|
|
.table-bordered > tbody > tr > td,
|
|
|
|
.table-bordered > tfoot > tr > td {
|
2013-07-23 19:48:30 +02:00
|
|
|
border: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-17 23:15:33 +02:00
|
|
|
.table-bordered > thead > tr > th,
|
|
|
|
.table-bordered > thead > tr > td {
|
|
|
|
border-bottom-width: 2px;
|
|
|
|
}
|
|
|
|
|
2013-03-14 21:29:43 +01:00
|
|
|
.table-striped > tbody > tr:nth-child(odd) > td,
|
|
|
|
.table-striped > tbody > tr:nth-child(odd) > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #f9f9f9;
|
|
|
|
}
|
|
|
|
|
2013-03-14 21:29:43 +01:00
|
|
|
.table-hover > tbody > tr:hover > td,
|
|
|
|
.table-hover > tbody > tr:hover > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
2013-06-24 00:05:58 +02:00
|
|
|
table col[class^="col-"] {
|
2013-03-01 07:47:32 +01:00
|
|
|
display: table-column;
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
2013-06-24 00:05:58 +02:00
|
|
|
table td[class^="col-"],
|
|
|
|
table th[class^="col-"] {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: table-cell;
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > thead > tr > td.active,
|
2013-07-18 09:10:22 +02:00
|
|
|
.table > tbody > tr > td.active,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > td.active,
|
|
|
|
.table > thead > tr > th.active,
|
2013-07-18 09:10:22 +02:00
|
|
|
.table > tbody > tr > th.active,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > th.active,
|
|
|
|
.table > thead > tr.active > td,
|
|
|
|
.table > tbody > tr.active > td,
|
2013-07-25 19:01:42 +02:00
|
|
|
.table > tfoot > tr.active > td,
|
|
|
|
.table > thead > tr.active > th,
|
|
|
|
.table > tbody > tr.active > th,
|
|
|
|
.table > tfoot > tr.active > th {
|
2013-07-18 09:10:22 +02:00
|
|
|
background-color: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > thead > tr > td.success,
|
2013-03-17 20:10:58 +01:00
|
|
|
.table > tbody > tr > td.success,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > td.success,
|
|
|
|
.table > thead > tr > th.success,
|
2013-03-17 20:10:58 +01:00
|
|
|
.table > tbody > tr > th.success,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > th.success,
|
|
|
|
.table > thead > tr.success > td,
|
|
|
|
.table > tbody > tr.success > td,
|
2013-07-25 19:01:42 +02:00
|
|
|
.table > tfoot > tr.success > td,
|
|
|
|
.table > thead > tr.success > th,
|
|
|
|
.table > tbody > tr.success > th,
|
|
|
|
.table > tfoot > tr.success > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #dff0d8;
|
2013-03-18 01:26:02 +01:00
|
|
|
border-color: #d6e9c6;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-15 00:19:57 +02:00
|
|
|
.table-hover > tbody > tr > td.success:hover,
|
|
|
|
.table-hover > tbody > tr > th.success:hover,
|
|
|
|
.table-hover > tbody > tr.success:hover > td {
|
|
|
|
background-color: #d0e9c6;
|
|
|
|
border-color: #c9e2b3;
|
|
|
|
}
|
|
|
|
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > thead > tr > td.danger,
|
2013-03-30 22:15:18 +01:00
|
|
|
.table > tbody > tr > td.danger,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > td.danger,
|
|
|
|
.table > thead > tr > th.danger,
|
2013-03-30 22:15:18 +01:00
|
|
|
.table > tbody > tr > th.danger,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > th.danger,
|
|
|
|
.table > thead > tr.danger > td,
|
|
|
|
.table > tbody > tr.danger > td,
|
2013-07-25 19:01:42 +02:00
|
|
|
.table > tfoot > tr.danger > td,
|
|
|
|
.table > thead > tr.danger > th,
|
|
|
|
.table > tbody > tr.danger > th,
|
|
|
|
.table > tfoot > tr.danger > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #f2dede;
|
2013-03-18 01:26:02 +01:00
|
|
|
border-color: #eed3d7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-15 00:19:57 +02:00
|
|
|
.table-hover > tbody > tr > td.danger:hover,
|
|
|
|
.table-hover > tbody > tr > th.danger:hover,
|
|
|
|
.table-hover > tbody > tr.danger:hover > td {
|
|
|
|
background-color: #ebcccc;
|
|
|
|
border-color: #e6c1c7;
|
|
|
|
}
|
|
|
|
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > thead > tr > td.warning,
|
2013-03-17 20:10:58 +01:00
|
|
|
.table > tbody > tr > td.warning,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > td.warning,
|
|
|
|
.table > thead > tr > th.warning,
|
2013-03-17 20:10:58 +01:00
|
|
|
.table > tbody > tr > th.warning,
|
2013-07-24 07:27:49 +02:00
|
|
|
.table > tfoot > tr > th.warning,
|
|
|
|
.table > thead > tr.warning > td,
|
|
|
|
.table > tbody > tr.warning > td,
|
2013-07-25 19:01:42 +02:00
|
|
|
.table > tfoot > tr.warning > td,
|
|
|
|
.table > thead > tr.warning > th,
|
|
|
|
.table > tbody > tr.warning > th,
|
|
|
|
.table > tfoot > tr.warning > th {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #fcf8e3;
|
2013-03-18 01:26:02 +01:00
|
|
|
border-color: #fbeed5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-17 20:10:58 +01:00
|
|
|
.table-hover > tbody > tr > td.warning:hover,
|
|
|
|
.table-hover > tbody > tr > th.warning:hover,
|
2013-03-14 21:29:43 +01:00
|
|
|
.table-hover > tbody > tr.warning:hover > td {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #faf2cc;
|
2013-03-18 01:26:02 +01:00
|
|
|
border-color: #f8e5be;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
legend {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
padding: 0;
|
2013-05-10 19:33:35 +02:00
|
|
|
margin-bottom: 20px;
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 21px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #333333;
|
|
|
|
border: 0;
|
|
|
|
border-bottom: 1px solid #e5e5e5;
|
|
|
|
}
|
|
|
|
|
|
|
|
label {
|
|
|
|
display: inline-block;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
2013-04-14 08:17:39 +02:00
|
|
|
input[type="search"] {
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
input[type="radio"],
|
|
|
|
input[type="checkbox"] {
|
|
|
|
margin: 4px 0 0;
|
|
|
|
margin-top: 1px \9;
|
|
|
|
/* IE8-9 */
|
|
|
|
|
|
|
|
line-height: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="file"] {
|
2013-07-21 06:09:03 +02:00
|
|
|
display: block;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
select[multiple],
|
|
|
|
select[size] {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
2013-05-20 07:06:10 +02:00
|
|
|
select optgroup {
|
|
|
|
font-family: inherit;
|
|
|
|
font-size: inherit;
|
|
|
|
font-style: inherit;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
input[type="file"]:focus,
|
|
|
|
input[type="radio"]:focus,
|
|
|
|
input[type="checkbox"]:focus {
|
|
|
|
outline: thin dotted #333;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
2013-07-02 05:18:44 +02:00
|
|
|
input[type="number"]::-webkit-outer-spin-button,
|
|
|
|
input[type="number"]::-webkit-inner-spin-button {
|
2013-07-02 04:49:29 +02:00
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
2013-07-26 03:29:51 +02:00
|
|
|
.form-control:-moz-placeholder {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-07-26 03:29:51 +02:00
|
|
|
.form-control::-moz-placeholder {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-07-26 03:29:51 +02:00
|
|
|
.form-control:-ms-input-placeholder {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-07-26 03:29:51 +02:00
|
|
|
.form-control::-webkit-input-placeholder {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-07-26 03:29:51 +02:00
|
|
|
.form-control {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
2013-08-03 00:09:48 +02:00
|
|
|
height: 34px;
|
|
|
|
padding: 6px 12px;
|
2013-07-26 03:29:51 +02:00
|
|
|
font-size: 14px;
|
|
|
|
line-height: 1.428571429;
|
|
|
|
color: #555555;
|
|
|
|
vertical-align: middle;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #cccccc;
|
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
|
|
|
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
|
|
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-control:focus {
|
2013-08-05 08:05:54 +02:00
|
|
|
border-color: #66afe9;
|
2013-07-26 03:29:51 +02:00
|
|
|
outline: 0;
|
2013-08-05 08:05:54 +02:00
|
|
|
-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);
|
2013-07-26 03:29:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-control[disabled],
|
|
|
|
.form-control[readonly],
|
|
|
|
fieldset[disabled] .form-control {
|
|
|
|
cursor: not-allowed;
|
|
|
|
background-color: #eeeeee;
|
|
|
|
}
|
|
|
|
|
|
|
|
textarea.form-control {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-group {
|
|
|
|
margin-bottom: 15px;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.radio,
|
|
|
|
.checkbox {
|
|
|
|
display: block;
|
2013-05-10 19:33:35 +02:00
|
|
|
min-height: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
padding-left: 20px;
|
2013-05-10 00:05:06 +02:00
|
|
|
margin-top: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-bottom: 10px;
|
2013-05-08 06:56:55 +02:00
|
|
|
vertical-align: middle;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.radio label,
|
|
|
|
.checkbox label {
|
|
|
|
display: inline;
|
|
|
|
margin-bottom: 0;
|
|
|
|
font-weight: normal;
|
2013-05-03 20:56:00 +02:00
|
|
|
cursor: pointer;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.radio input[type="radio"],
|
|
|
|
.radio-inline input[type="radio"],
|
|
|
|
.checkbox input[type="checkbox"],
|
|
|
|
.checkbox-inline input[type="checkbox"] {
|
|
|
|
float: left;
|
|
|
|
margin-left: -20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.radio + .radio,
|
|
|
|
.checkbox + .checkbox {
|
|
|
|
margin-top: -5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.radio-inline,
|
|
|
|
.checkbox-inline {
|
|
|
|
display: inline-block;
|
|
|
|
padding-left: 20px;
|
|
|
|
margin-bottom: 0;
|
|
|
|
font-weight: normal;
|
|
|
|
vertical-align: middle;
|
2013-05-03 20:56:00 +02:00
|
|
|
cursor: pointer;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.radio-inline + .radio-inline,
|
|
|
|
.checkbox-inline + .checkbox-inline {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
2013-08-15 20:52:22 +02:00
|
|
|
input[type="radio"][disabled],
|
|
|
|
input[type="checkbox"][disabled],
|
2013-08-15 03:20:28 +02:00
|
|
|
.radio[disabled],
|
|
|
|
.radio-inline[disabled],
|
|
|
|
.checkbox[disabled],
|
|
|
|
.checkbox-inline[disabled],
|
2013-08-15 20:52:22 +02:00
|
|
|
fieldset[disabled] input[type="radio"],
|
|
|
|
fieldset[disabled] input[type="checkbox"],
|
2013-08-15 03:20:28 +02:00
|
|
|
fieldset[disabled] .radio,
|
|
|
|
fieldset[disabled] .radio-inline,
|
|
|
|
fieldset[disabled] .checkbox,
|
|
|
|
fieldset[disabled] .checkbox-inline {
|
|
|
|
cursor: not-allowed;
|
|
|
|
}
|
|
|
|
|
2013-08-13 19:36:38 +02:00
|
|
|
.input-sm {
|
2013-08-13 23:56:58 +02:00
|
|
|
height: 30px;
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.5;
|
|
|
|
border-radius: 3px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 19:36:38 +02:00
|
|
|
select.input-sm {
|
2013-08-13 23:56:58 +02:00
|
|
|
height: 30px;
|
|
|
|
line-height: 30px;
|
2013-08-13 19:36:38 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
textarea.input-sm {
|
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.input-lg {
|
2013-08-13 23:56:58 +02:00
|
|
|
height: 45px;
|
|
|
|
padding: 10px 16px;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 1.33;
|
|
|
|
border-radius: 6px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-04 06:39:57 +02:00
|
|
|
select.input-lg {
|
2013-08-13 23:56:58 +02:00
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
2013-07-19 00:36:41 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 19:36:38 +02:00
|
|
|
textarea.input-lg {
|
2013-07-30 02:30:36 +02:00
|
|
|
height: auto;
|
|
|
|
}
|
|
|
|
|
2013-07-02 03:21:19 +02:00
|
|
|
.has-warning .help-block,
|
2013-02-12 21:16:32 +01:00
|
|
|
.has-warning .control-label {
|
|
|
|
color: #c09853;
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-warning .form-control {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #c09853;
|
|
|
|
-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);
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-warning .form-control:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #a47e3c;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
|
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
|
|
|
|
}
|
|
|
|
|
2013-06-05 22:14:58 +02:00
|
|
|
.has-warning .input-group-addon {
|
|
|
|
color: #c09853;
|
|
|
|
background-color: #fcf8e3;
|
|
|
|
border-color: #c09853;
|
|
|
|
}
|
|
|
|
|
2013-07-02 03:21:19 +02:00
|
|
|
.has-error .help-block,
|
2013-02-12 21:16:32 +01:00
|
|
|
.has-error .control-label {
|
|
|
|
color: #b94a48;
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-error .form-control {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #b94a48;
|
|
|
|
-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);
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-error .form-control:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #953b39;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
|
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
|
|
|
|
}
|
|
|
|
|
2013-06-05 22:14:58 +02:00
|
|
|
.has-error .input-group-addon {
|
|
|
|
color: #b94a48;
|
|
|
|
background-color: #f2dede;
|
|
|
|
border-color: #b94a48;
|
|
|
|
}
|
|
|
|
|
2013-07-02 03:21:19 +02:00
|
|
|
.has-success .help-block,
|
2013-02-12 21:16:32 +01:00
|
|
|
.has-success .control-label {
|
|
|
|
color: #468847;
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-success .form-control {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #468847;
|
|
|
|
-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);
|
|
|
|
}
|
|
|
|
|
2013-07-26 04:45:14 +02:00
|
|
|
.has-success .form-control:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-color: #356635;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
|
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
|
|
|
|
}
|
|
|
|
|
2013-06-05 22:14:58 +02:00
|
|
|
.has-success .input-group-addon {
|
|
|
|
color: #468847;
|
|
|
|
background-color: #dff0d8;
|
|
|
|
border-color: #468847;
|
|
|
|
}
|
|
|
|
|
2013-08-05 21:17:09 +02:00
|
|
|
.form-control-static {
|
|
|
|
padding-top: 6px;
|
2013-08-05 21:20:52 +02:00
|
|
|
margin-bottom: 0;
|
2013-08-05 21:17:09 +02:00
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.help-block {
|
|
|
|
display: block;
|
2013-05-10 00:05:06 +02:00
|
|
|
margin-top: 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-bottom: 10px;
|
2013-05-10 00:05:06 +02:00
|
|
|
color: #737373;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-12 20:07:23 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.form-inline .form-group {
|
|
|
|
display: inline-block;
|
|
|
|
margin-bottom: 0;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
2013-08-13 01:09:21 +02:00
|
|
|
.form-inline .form-control {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2013-08-12 20:07:23 +02:00
|
|
|
.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;
|
|
|
|
}
|
2013-08-05 20:47:12 +02:00
|
|
|
}
|
|
|
|
|
2013-08-03 03:48:44 +02:00
|
|
|
.form-horizontal .control-label,
|
|
|
|
.form-horizontal .radio-inline,
|
|
|
|
.form-horizontal .checkbox-inline {
|
2013-08-05 21:17:09 +02:00
|
|
|
padding-top: 6px;
|
2013-08-03 03:48:44 +02:00
|
|
|
}
|
|
|
|
|
2013-08-17 00:16:03 +02:00
|
|
|
.form-horizontal .form-group {
|
|
|
|
margin-right: -15px;
|
|
|
|
margin-left: -15px;
|
|
|
|
}
|
|
|
|
|
2013-08-03 03:48:44 +02:00
|
|
|
.form-horizontal .form-group:before,
|
|
|
|
.form-horizontal .form-group:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-horizontal .form-group:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-horizontal .form-group:before,
|
|
|
|
.form-horizontal .form-group:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-horizontal .form-group:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.form-horizontal .control-label {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn {
|
|
|
|
display: inline-block;
|
2013-08-03 00:09:48 +02:00
|
|
|
padding: 6px 12px;
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-bottom: 0;
|
2013-03-31 21:00:04 +02:00
|
|
|
font-size: 14px;
|
2013-08-06 01:03:10 +02:00
|
|
|
font-weight: bold;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
text-align: center;
|
2013-03-01 06:19:02 +01:00
|
|
|
white-space: nowrap;
|
2013-02-12 21:16:32 +01:00
|
|
|
vertical-align: middle;
|
|
|
|
cursor: pointer;
|
2013-05-08 03:07:06 +02:00
|
|
|
border: 1px solid transparent;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 4px;
|
2013-07-29 08:09:41 +02:00
|
|
|
-webkit-user-select: none;
|
|
|
|
-moz-user-select: none;
|
|
|
|
-ms-user-select: none;
|
|
|
|
-o-user-select: none;
|
|
|
|
user-select: none;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn:focus {
|
|
|
|
outline: thin dotted #333;
|
|
|
|
outline: 5px auto -webkit-focus-ring-color;
|
|
|
|
outline-offset: -2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn:hover,
|
|
|
|
.btn:focus {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #333333;
|
2013-02-12 21:16:32 +01:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn:active,
|
|
|
|
.btn.active {
|
2013-08-16 01:17:44 +02:00
|
|
|
background-image: none;
|
2013-02-12 21:16:32 +01:00
|
|
|
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);
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn.disabled,
|
|
|
|
.btn[disabled],
|
|
|
|
fieldset[disabled] .btn {
|
2013-03-16 23:31:03 +01:00
|
|
|
pointer-events: none;
|
2013-08-15 03:20:28 +02:00
|
|
|
cursor: not-allowed;
|
2013-02-12 21:16:32 +01:00
|
|
|
opacity: 0.65;
|
|
|
|
filter: alpha(opacity=65);
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
2013-05-08 03:07:06 +02:00
|
|
|
.btn-default {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #333333;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border-color: #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-05-08 03:07:06 +02:00
|
|
|
.btn-default:hover,
|
|
|
|
.btn-default:focus,
|
|
|
|
.btn-default:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-default.active,
|
|
|
|
.open .dropdown-toggle.btn-default {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #333333;
|
|
|
|
background-color: #ebebeb;
|
|
|
|
border-color: #adadad;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-default:active,
|
|
|
|
.btn-default.active,
|
|
|
|
.open .dropdown-toggle.btn-default {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-default.disabled,
|
|
|
|
.btn-default[disabled],
|
|
|
|
fieldset[disabled] .btn-default,
|
2013-05-08 03:07:06 +02:00
|
|
|
.btn-default.disabled:hover,
|
|
|
|
.btn-default[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-default:hover,
|
|
|
|
.btn-default.disabled:focus,
|
|
|
|
.btn-default[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-default:focus,
|
|
|
|
.btn-default.disabled:active,
|
|
|
|
.btn-default[disabled]:active,
|
|
|
|
fieldset[disabled] .btn-default:active,
|
|
|
|
.btn-default.disabled.active,
|
|
|
|
.btn-default[disabled].active,
|
|
|
|
fieldset[disabled] .btn-default.active {
|
2013-08-05 18:02:59 +02:00
|
|
|
background-color: #ffffff;
|
|
|
|
border-color: #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-primary {
|
2013-05-08 03:07:06 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #428bca;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #357ebd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-primary:hover,
|
|
|
|
.btn-primary:focus,
|
2013-03-16 20:34:07 +01:00
|
|
|
.btn-primary:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-primary.active,
|
|
|
|
.open .dropdown-toggle.btn-primary {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #ffffff;
|
2013-08-05 17:52:22 +02:00
|
|
|
background-color: #3276b1;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #285e8e;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-primary:active,
|
|
|
|
.btn-primary.active,
|
|
|
|
.open .dropdown-toggle.btn-primary {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-primary.disabled,
|
|
|
|
.btn-primary[disabled],
|
|
|
|
fieldset[disabled] .btn-primary,
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-primary.disabled:hover,
|
|
|
|
.btn-primary[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-primary:hover,
|
|
|
|
.btn-primary.disabled:focus,
|
|
|
|
.btn-primary[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-primary:focus,
|
|
|
|
.btn-primary.disabled:active,
|
|
|
|
.btn-primary[disabled]:active,
|
2013-03-16 20:34:07 +01:00
|
|
|
fieldset[disabled] .btn-primary:active,
|
|
|
|
.btn-primary.disabled.active,
|
|
|
|
.btn-primary[disabled].active,
|
|
|
|
fieldset[disabled] .btn-primary.active {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #428bca;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #357ebd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-warning {
|
2013-05-08 03:07:06 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #f0ad4e;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #eea236;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-warning:hover,
|
|
|
|
.btn-warning:focus,
|
2013-03-16 20:34:07 +01:00
|
|
|
.btn-warning:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-warning.active,
|
|
|
|
.open .dropdown-toggle.btn-warning {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #ffffff;
|
2013-08-05 17:52:22 +02:00
|
|
|
background-color: #ed9c28;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #d58512;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-warning:active,
|
|
|
|
.btn-warning.active,
|
|
|
|
.open .dropdown-toggle.btn-warning {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-warning.disabled,
|
|
|
|
.btn-warning[disabled],
|
|
|
|
fieldset[disabled] .btn-warning,
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-warning.disabled:hover,
|
|
|
|
.btn-warning[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-warning:hover,
|
|
|
|
.btn-warning.disabled:focus,
|
|
|
|
.btn-warning[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-warning:focus,
|
|
|
|
.btn-warning.disabled:active,
|
|
|
|
.btn-warning[disabled]:active,
|
2013-03-16 20:34:07 +01:00
|
|
|
fieldset[disabled] .btn-warning:active,
|
|
|
|
.btn-warning.disabled.active,
|
|
|
|
.btn-warning[disabled].active,
|
|
|
|
fieldset[disabled] .btn-warning.active {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #f0ad4e;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #eea236;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-danger {
|
2013-05-08 03:07:06 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #d9534f;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #d43f3a;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-danger:hover,
|
|
|
|
.btn-danger:focus,
|
2013-03-16 20:34:07 +01:00
|
|
|
.btn-danger:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-danger.active,
|
|
|
|
.open .dropdown-toggle.btn-danger {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #ffffff;
|
2013-08-05 17:52:22 +02:00
|
|
|
background-color: #d2322d;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #ac2925;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-danger:active,
|
|
|
|
.btn-danger.active,
|
|
|
|
.open .dropdown-toggle.btn-danger {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-danger.disabled,
|
|
|
|
.btn-danger[disabled],
|
|
|
|
fieldset[disabled] .btn-danger,
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-danger.disabled:hover,
|
|
|
|
.btn-danger[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-danger:hover,
|
|
|
|
.btn-danger.disabled:focus,
|
|
|
|
.btn-danger[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-danger:focus,
|
|
|
|
.btn-danger.disabled:active,
|
|
|
|
.btn-danger[disabled]:active,
|
2013-03-16 20:34:07 +01:00
|
|
|
fieldset[disabled] .btn-danger:active,
|
|
|
|
.btn-danger.disabled.active,
|
|
|
|
.btn-danger[disabled].active,
|
|
|
|
fieldset[disabled] .btn-danger.active {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #d9534f;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #d43f3a;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success {
|
2013-05-08 03:07:06 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #5cb85c;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #4cae4c;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-success:hover,
|
|
|
|
.btn-success:focus,
|
2013-03-16 20:34:07 +01:00
|
|
|
.btn-success:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-success.active,
|
|
|
|
.open .dropdown-toggle.btn-success {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #ffffff;
|
2013-08-05 17:52:22 +02:00
|
|
|
background-color: #47a447;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #398439;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-success:active,
|
|
|
|
.btn-success.active,
|
|
|
|
.open .dropdown-toggle.btn-success {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-success.disabled,
|
|
|
|
.btn-success[disabled],
|
|
|
|
fieldset[disabled] .btn-success,
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-success.disabled:hover,
|
|
|
|
.btn-success[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-success:hover,
|
|
|
|
.btn-success.disabled:focus,
|
|
|
|
.btn-success[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-success:focus,
|
|
|
|
.btn-success.disabled:active,
|
|
|
|
.btn-success[disabled]:active,
|
2013-03-16 20:34:07 +01:00
|
|
|
fieldset[disabled] .btn-success:active,
|
|
|
|
.btn-success.disabled.active,
|
|
|
|
.btn-success[disabled].active,
|
|
|
|
fieldset[disabled] .btn-success.active {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #5cb85c;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #4cae4c;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-info {
|
2013-05-08 03:07:06 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #5bc0de;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #46b8da;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.btn-info:hover,
|
|
|
|
.btn-info:focus,
|
2013-03-16 20:34:07 +01:00
|
|
|
.btn-info:active,
|
2013-08-16 00:16:46 +02:00
|
|
|
.btn-info.active,
|
|
|
|
.open .dropdown-toggle.btn-info {
|
2013-08-05 18:02:59 +02:00
|
|
|
color: #ffffff;
|
2013-08-05 17:52:22 +02:00
|
|
|
background-color: #39b3d7;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #269abc;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-16 01:17:44 +02:00
|
|
|
.btn-info:active,
|
|
|
|
.btn-info.active,
|
|
|
|
.open .dropdown-toggle.btn-info {
|
|
|
|
background-image: none;
|
|
|
|
}
|
|
|
|
|
2013-06-28 05:18:16 +02:00
|
|
|
.btn-info.disabled,
|
|
|
|
.btn-info[disabled],
|
|
|
|
fieldset[disabled] .btn-info,
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-info.disabled:hover,
|
|
|
|
.btn-info[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-info:hover,
|
|
|
|
.btn-info.disabled:focus,
|
|
|
|
.btn-info[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-info:focus,
|
|
|
|
.btn-info.disabled:active,
|
|
|
|
.btn-info[disabled]:active,
|
2013-03-16 20:34:07 +01:00
|
|
|
fieldset[disabled] .btn-info:active,
|
|
|
|
.btn-info.disabled.active,
|
|
|
|
.btn-info[disabled].active,
|
|
|
|
fieldset[disabled] .btn-info.active {
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #5bc0de;
|
2013-08-05 20:30:50 +02:00
|
|
|
border-color: #46b8da;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-07-07 07:13:37 +02:00
|
|
|
.btn-link {
|
|
|
|
font-weight: normal;
|
|
|
|
color: #428bca;
|
|
|
|
cursor: pointer;
|
|
|
|
border-radius: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.btn-link,
|
|
|
|
.btn-link:active,
|
|
|
|
.btn-link[disabled],
|
|
|
|
fieldset[disabled] .btn-link {
|
|
|
|
background-color: transparent;
|
|
|
|
-webkit-box-shadow: none;
|
|
|
|
box-shadow: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-link,
|
|
|
|
.btn-link:hover,
|
|
|
|
.btn-link:focus,
|
|
|
|
.btn-link:active {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-link:hover,
|
|
|
|
.btn-link:focus {
|
|
|
|
color: #2a6496;
|
|
|
|
text-decoration: underline;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-link[disabled]:hover,
|
|
|
|
fieldset[disabled] .btn-link:hover,
|
|
|
|
.btn-link[disabled]:focus,
|
|
|
|
fieldset[disabled] .btn-link:focus {
|
2013-08-06 01:03:10 +02:00
|
|
|
color: #999999;
|
2013-02-12 21:16:32 +01:00
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
|
2013-08-04 06:39:57 +02:00
|
|
|
.btn-lg {
|
2013-08-03 00:09:48 +02:00
|
|
|
padding: 10px 16px;
|
2013-05-10 19:33:35 +02:00
|
|
|
font-size: 18px;
|
2013-08-03 00:09:48 +02:00
|
|
|
line-height: 1.33;
|
2013-05-08 03:07:06 +02:00
|
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
|
2013-08-04 06:39:57 +02:00
|
|
|
.btn-sm,
|
|
|
|
.btn-xs {
|
2013-05-15 08:21:30 +02:00
|
|
|
padding: 5px 10px;
|
2013-05-10 19:33:35 +02:00
|
|
|
font-size: 12px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.5;
|
2013-05-08 03:07:06 +02:00
|
|
|
border-radius: 3px;
|
|
|
|
}
|
|
|
|
|
2013-08-04 06:39:57 +02:00
|
|
|
.btn-xs {
|
2013-08-16 20:08:29 +02:00
|
|
|
padding: 1px 5px;
|
2013-07-30 02:08:04 +02:00
|
|
|
}
|
|
|
|
|
2013-05-08 03:07:06 +02:00
|
|
|
.btn-block {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
padding-right: 0;
|
|
|
|
padding-left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-block + .btn-block {
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input[type="submit"].btn-block,
|
|
|
|
input[type="reset"].btn-block,
|
|
|
|
input[type="button"].btn-block {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.fade {
|
|
|
|
opacity: 0;
|
|
|
|
-webkit-transition: opacity 0.15s linear;
|
|
|
|
transition: opacity 0.15s linear;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fade.in {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collapse {
|
2013-07-27 05:34:39 +02:00
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collapse.in {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.collapsing {
|
2013-02-12 21:16:32 +01:00
|
|
|
position: relative;
|
|
|
|
height: 0;
|
|
|
|
overflow: hidden;
|
|
|
|
-webkit-transition: height 0.35s ease;
|
|
|
|
transition: height 0.35s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
.caret {
|
|
|
|
display: inline-block;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
2013-05-13 00:47:18 +02:00
|
|
|
margin-left: 2px;
|
|
|
|
vertical-align: middle;
|
2013-07-24 08:48:17 +02:00
|
|
|
border-top: 4px solid #000000;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-right: 4px solid transparent;
|
2013-08-17 22:33:53 +02:00
|
|
|
border-bottom: 0 dotted;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-left: 4px solid transparent;
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
|
2013-08-02 19:11:39 +02:00
|
|
|
.dropdown {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.dropdown-toggle:focus {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.dropdown-menu {
|
|
|
|
position: absolute;
|
|
|
|
top: 100%;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1000;
|
|
|
|
display: none;
|
|
|
|
float: left;
|
|
|
|
min-width: 160px;
|
|
|
|
padding: 5px 0;
|
|
|
|
margin: 2px 0 0;
|
2013-08-13 22:16:56 +02:00
|
|
|
font-size: 14px;
|
2013-02-12 21:16:32 +01:00
|
|
|
list-style: none;
|
|
|
|
background-color: #ffffff;
|
2013-07-24 08:48:17 +02:00
|
|
|
border: 1px solid #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
border: 1px solid rgba(0, 0, 0, 0.15);
|
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
|
|
|
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
|
2013-07-18 09:50:57 +02:00
|
|
|
background-clip: padding-box;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu.pull-right {
|
|
|
|
right: 0;
|
|
|
|
left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu .divider {
|
2013-07-24 08:48:17 +02:00
|
|
|
height: 1px;
|
2013-05-10 19:33:35 +02:00
|
|
|
margin: 9px 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
overflow: hidden;
|
|
|
|
background-color: #e5e5e5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu > li > a {
|
|
|
|
display: block;
|
|
|
|
padding: 3px 20px;
|
|
|
|
clear: both;
|
|
|
|
font-weight: normal;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #333333;
|
2013-04-14 08:54:51 +02:00
|
|
|
white-space: nowrap;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-02-17 22:35:14 +01:00
|
|
|
.dropdown-menu > li > a:hover,
|
2013-06-28 05:49:29 +02:00
|
|
|
.dropdown-menu > li > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: none;
|
2013-08-15 06:24:48 +02:00
|
|
|
background-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu > .active > a,
|
|
|
|
.dropdown-menu > .active > a:hover,
|
|
|
|
.dropdown-menu > .active > a:focus {
|
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: none;
|
2013-08-15 06:24:48 +02:00
|
|
|
background-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu > .disabled > a,
|
|
|
|
.dropdown-menu > .disabled > a:hover,
|
|
|
|
.dropdown-menu > .disabled > a:focus {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropdown-menu > .disabled > a:hover,
|
|
|
|
.dropdown-menu > .disabled > a:focus {
|
|
|
|
text-decoration: none;
|
2013-07-24 11:10:27 +02:00
|
|
|
cursor: not-allowed;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: transparent;
|
|
|
|
background-image: none;
|
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
|
|
}
|
|
|
|
|
|
|
|
.open > .dropdown-menu {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:03:56 +02:00
|
|
|
.open > a {
|
|
|
|
outline: 0;
|
|
|
|
}
|
|
|
|
|
2013-07-18 08:54:09 +02:00
|
|
|
.dropdown-header {
|
|
|
|
display: block;
|
|
|
|
padding: 3px 20px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.428571429;
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-05-16 21:50:06 +02:00
|
|
|
.dropdown-backdrop {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 990;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.pull-right > .dropdown-menu {
|
|
|
|
right: 0;
|
|
|
|
left: auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropup .caret,
|
|
|
|
.navbar-fixed-bottom .dropdown .caret {
|
2013-08-17 22:33:53 +02:00
|
|
|
border-top: 0 dotted;
|
2013-07-24 08:48:17 +02:00
|
|
|
border-bottom: 4px solid #000000;
|
2013-02-12 21:16:32 +01:00
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
|
|
|
|
.dropup .dropdown-menu,
|
|
|
|
.navbar-fixed-bottom .dropdown .dropdown-menu {
|
|
|
|
top: auto;
|
|
|
|
bottom: 100%;
|
|
|
|
margin-bottom: 1px;
|
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-default .caret {
|
|
|
|
border-top-color: #333333;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-primary .caret,
|
|
|
|
.btn-success .caret,
|
|
|
|
.btn-warning .caret,
|
|
|
|
.btn-danger .caret,
|
|
|
|
.btn-info .caret {
|
|
|
|
border-top-color: #fff;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.dropup .btn-default .caret {
|
|
|
|
border-bottom-color: #333333;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.dropup .btn-primary .caret,
|
|
|
|
.dropup .btn-success .caret,
|
|
|
|
.dropup .btn-warning .caret,
|
|
|
|
.dropup .btn-danger .caret,
|
|
|
|
.dropup .btn-info .caret {
|
|
|
|
border-bottom-color: #fff;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group,
|
|
|
|
.btn-group-vertical {
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
vertical-align: middle;
|
2013-07-02 02:32:07 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn,
|
|
|
|
.btn-group-vertical > .btn {
|
|
|
|
position: relative;
|
|
|
|
float: left;
|
2013-08-07 01:02:07 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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 > .btn.active,
|
|
|
|
.btn-group-vertical > .btn.active {
|
|
|
|
z-index: 2;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn:focus,
|
|
|
|
.btn-group-vertical > .btn:focus {
|
|
|
|
outline: none;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group .btn + .btn,
|
|
|
|
.btn-group .btn + .btn-group,
|
|
|
|
.btn-group .btn-group + .btn,
|
|
|
|
.btn-group .btn-group + .btn-group {
|
|
|
|
margin-left: -1px;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar:before,
|
|
|
|
.btn-toolbar:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar:after {
|
|
|
|
clear: both;
|
2013-03-31 00:07:50 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar:before,
|
|
|
|
.btn-toolbar:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-08-12 10:38:06 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar:after {
|
|
|
|
clear: both;
|
2013-08-12 10:38:06 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar .btn-group {
|
|
|
|
float: left;
|
2013-03-31 01:00:11 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-toolbar > .btn + .btn,
|
|
|
|
.btn-toolbar > .btn-group + .btn,
|
|
|
|
.btn-toolbar > .btn + .btn-group,
|
|
|
|
.btn-toolbar > .btn-group + .btn-group {
|
|
|
|
margin-left: 5px;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
|
|
|
|
border-radius: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn:first-child {
|
|
|
|
margin-left: 0;
|
2013-08-18 00:46:42 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-bottom-right-radius: 0;
|
2013-08-18 00:46:42 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn:last-child:not(:first-child),
|
|
|
|
.btn-group > .dropdown-toggle:not(:first-child) {
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
2013-08-18 00:46:42 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn-group {
|
|
|
|
float: left;
|
2013-08-18 00:46:42 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
|
|
|
|
border-radius: 0;
|
2013-08-03 02:57:19 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn-group:first-child > .btn:last-child,
|
|
|
|
.btn-group > .btn-group:first-child > .dropdown-toggle {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-bottom-right-radius: 0;
|
2013-08-03 02:57:19 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn-group:last-child > .btn:first-child {
|
|
|
|
border-bottom-left-radius: 0;
|
2013-08-03 02:57:19 +02:00
|
|
|
border-top-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group .dropdown-toggle:active,
|
|
|
|
.btn-group.open .dropdown-toggle {
|
|
|
|
outline: 0;
|
2013-08-03 02:57:19 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-xs > .btn {
|
|
|
|
padding: 5px 10px;
|
|
|
|
padding: 1px 5px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.5;
|
|
|
|
border-radius: 3px;
|
2013-08-12 00:01:16 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-sm > .btn {
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.5;
|
|
|
|
border-radius: 3px;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-lg > .btn {
|
|
|
|
padding: 10px 16px;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 1.33;
|
|
|
|
border-radius: 6px;
|
2013-07-26 06:16:43 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn + .dropdown-toggle {
|
|
|
|
padding-right: 8px;
|
|
|
|
padding-left: 8px;
|
2013-08-05 08:44:02 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group > .btn-lg + .dropdown-toggle {
|
|
|
|
padding-right: 12px;
|
|
|
|
padding-left: 12px;
|
2013-05-15 03:55:37 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group.open .dropdown-toggle {
|
|
|
|
-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);
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn .caret {
|
|
|
|
margin-left: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-lg .caret {
|
|
|
|
border-width: 5px;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.dropup .btn-lg .caret {
|
|
|
|
border-bottom-width: 5px;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn,
|
|
|
|
.btn-group-vertical > .btn-group {
|
|
|
|
display: block;
|
|
|
|
float: none;
|
|
|
|
width: 100%;
|
|
|
|
max-width: 100%;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:before,
|
|
|
|
.btn-group-vertical > .btn-group:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:after {
|
|
|
|
clear: both;
|
2013-04-01 07:22:52 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:before,
|
|
|
|
.btn-group-vertical > .btn-group:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-04-01 07:22:52 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:after {
|
|
|
|
clear: both;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group > .btn {
|
|
|
|
float: none;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
|
|
|
|
border-radius: 0;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn:first-child:not(:last-child) {
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
border-bottom-left-radius: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn:last-child:not(:first-child) {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
border-top-left-radius: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
|
|
|
|
border-radius: 0;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-justified {
|
|
|
|
display: table;
|
|
|
|
width: 100%;
|
|
|
|
border-collapse: separate;
|
|
|
|
table-layout: fixed;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn-group-justified .btn {
|
|
|
|
display: table-cell;
|
|
|
|
float: none;
|
|
|
|
width: 1%;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
[data-toggle="buttons"] > .btn > input[type="radio"],
|
|
|
|
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
|
|
|
|
display: none;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group {
|
|
|
|
position: relative;
|
|
|
|
display: table;
|
|
|
|
border-collapse: separate;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group.col {
|
|
|
|
float: none;
|
|
|
|
padding-right: 0;
|
|
|
|
padding-left: 0;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group .form-control {
|
|
|
|
width: 100%;
|
|
|
|
margin-bottom: 0;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group-lg > .form-control,
|
|
|
|
.input-group-lg > .input-group-addon,
|
|
|
|
.input-group-lg > .input-group-btn > .btn {
|
|
|
|
height: 45px;
|
|
|
|
padding: 10px 16px;
|
|
|
|
font-size: 18px;
|
|
|
|
line-height: 1.33;
|
|
|
|
border-radius: 6px;
|
2013-03-30 22:15:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
select.input-group-lg > .form-control,
|
|
|
|
select.input-group-lg > .input-group-addon,
|
|
|
|
select.input-group-lg > .input-group-btn > .btn {
|
|
|
|
height: 45px;
|
|
|
|
line-height: 45px;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
textarea.input-group-lg > .form-control,
|
|
|
|
textarea.input-group-lg > .input-group-addon,
|
|
|
|
textarea.input-group-lg > .input-group-btn > .btn {
|
|
|
|
height: auto;
|
2013-08-13 08:36:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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: 6px 12px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 1;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #eeeeee;
|
|
|
|
border: 1px solid #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group-addon.input-sm {
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
|
|
|
border-radius: 3px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group-addon.input-lg {
|
|
|
|
padding: 10px 16px;
|
|
|
|
font-size: 18px;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 6px;
|
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group-addon input[type="radio"],
|
|
|
|
.input-group-addon input[type="checkbox"] {
|
|
|
|
margin-top: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.input-group-addon:first-child {
|
|
|
|
border-right: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav {
|
|
|
|
padding-left: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav:before,
|
|
|
|
.nav:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.nav:before,
|
|
|
|
.nav:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.nav > li {
|
2013-05-13 00:47:18 +02:00
|
|
|
position: relative;
|
2013-02-12 21:16:32 +01:00
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav > li > a {
|
|
|
|
position: relative;
|
|
|
|
display: block;
|
|
|
|
padding: 10px 15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav > li > a:hover,
|
|
|
|
.nav > li > a:focus {
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #eeeeee;
|
|
|
|
}
|
|
|
|
|
2013-04-16 16:45:51 +02:00
|
|
|
.nav > li.disabled > a {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav > li.disabled > a:hover,
|
|
|
|
.nav > li.disabled > a:focus {
|
|
|
|
color: #999999;
|
|
|
|
text-decoration: none;
|
2013-07-24 11:10:27 +02:00
|
|
|
cursor: not-allowed;
|
2013-04-16 16:45:51 +02:00
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
2013-08-16 20:16:32 +02:00
|
|
|
.nav .open > a,
|
|
|
|
.nav .open > a:hover,
|
|
|
|
.nav .open > a:focus {
|
|
|
|
background-color: #eeeeee;
|
2013-05-13 01:03:56 +02:00
|
|
|
border-color: #428bca;
|
|
|
|
}
|
|
|
|
|
2013-05-09 06:56:08 +02:00
|
|
|
.nav .nav-divider {
|
2013-07-24 08:48:17 +02:00
|
|
|
height: 1px;
|
2013-05-10 19:33:35 +02:00
|
|
|
margin: 9px 0;
|
2013-04-16 16:45:51 +02:00
|
|
|
overflow: hidden;
|
|
|
|
background-color: #e5e5e5;
|
|
|
|
}
|
|
|
|
|
2013-08-12 10:56:38 +02:00
|
|
|
.nav > li > a > img {
|
|
|
|
max-width: none;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.nav-tabs {
|
2013-07-25 19:12:51 +02:00
|
|
|
border-bottom: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs > li {
|
|
|
|
float: left;
|
|
|
|
margin-bottom: -1px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs > li > a {
|
|
|
|
margin-right: 2px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
border: 1px solid transparent;
|
|
|
|
border-radius: 4px 4px 0 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs > li > a:hover {
|
2013-08-15 19:30:37 +02:00
|
|
|
border-color: #eeeeee #eeeeee #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-04-16 16:45:51 +02:00
|
|
|
.nav-tabs > li.active > a,
|
|
|
|
.nav-tabs > li.active > a:hover,
|
|
|
|
.nav-tabs > li.active > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #555555;
|
|
|
|
cursor: default;
|
|
|
|
background-color: #ffffff;
|
2013-07-25 19:12:51 +02:00
|
|
|
border: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-bottom-color: transparent;
|
|
|
|
}
|
|
|
|
|
2013-04-16 16:45:51 +02:00
|
|
|
.nav-tabs.nav-justified {
|
|
|
|
width: 100%;
|
|
|
|
border-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs.nav-justified > li {
|
|
|
|
float: none;
|
2013-05-04 00:29:10 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs.nav-justified > li > a {
|
2013-04-16 16:45:51 +02:00
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2013-08-16 23:01:32 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.nav-tabs.nav-justified > li {
|
|
|
|
display: table-cell;
|
|
|
|
width: 1%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-04-16 16:45:51 +02:00
|
|
|
.nav-tabs.nav-justified > li > a {
|
|
|
|
margin-right: 0;
|
2013-07-25 19:12:51 +02:00
|
|
|
border-bottom: 1px solid #dddddd;
|
2013-04-16 16:45:51 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs.nav-justified > .active > a {
|
|
|
|
border-bottom-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.nav-pills > li {
|
|
|
|
float: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-pills > li > a {
|
|
|
|
border-radius: 5px;
|
|
|
|
}
|
|
|
|
|
2013-07-27 07:11:58 +02:00
|
|
|
.nav-pills > li + li {
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-left: 2px;
|
|
|
|
}
|
|
|
|
|
2013-04-16 16:45:51 +02:00
|
|
|
.nav-pills > li.active > a,
|
|
|
|
.nav-pills > li.active > a:hover,
|
|
|
|
.nav-pills > li.active > a:focus {
|
2013-07-25 19:12:51 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #428bca;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-stacked > li {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
2013-07-28 18:37:10 +02:00
|
|
|
.nav-stacked > li + li {
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-top: 2px;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
|
2013-08-02 18:42:50 +02:00
|
|
|
.nav-justified {
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-justified > li {
|
|
|
|
float: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-justified > li > a {
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
2013-08-16 23:01:32 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.nav-justified > li {
|
|
|
|
display: table-cell;
|
|
|
|
width: 1%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-02 18:42:50 +02:00
|
|
|
.nav-tabs-justified {
|
|
|
|
border-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs-justified > li > a {
|
|
|
|
margin-right: 0;
|
|
|
|
border-bottom: 1px solid #dddddd;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav-tabs-justified > .active > a {
|
|
|
|
border-bottom-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2013-02-18 05:18:29 +01:00
|
|
|
.tabbable:before,
|
|
|
|
.tabbable:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.tabbable:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.tabbable:before,
|
|
|
|
.tabbable:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.tabbable:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-02-18 05:18:29 +01:00
|
|
|
.tab-content > .tab-pane,
|
|
|
|
.pill-content > .pill-pane {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tab-content > .active,
|
|
|
|
.pill-content > .active {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:03:56 +02:00
|
|
|
.nav .caret {
|
|
|
|
border-top-color: #428bca;
|
|
|
|
border-bottom-color: #428bca;
|
|
|
|
}
|
|
|
|
|
|
|
|
.nav a:hover .caret {
|
|
|
|
border-top-color: #2a6496;
|
|
|
|
border-bottom-color: #2a6496;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.nav-tabs .dropdown-menu {
|
2013-05-13 01:12:13 +02:00
|
|
|
margin-top: -1px;
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar {
|
2013-02-18 10:28:35 +01:00
|
|
|
position: relative;
|
2013-07-18 10:25:08 +02:00
|
|
|
min-height: 50px;
|
2013-05-01 04:12:48 +02:00
|
|
|
margin-bottom: 20px;
|
2013-08-13 22:39:21 +02:00
|
|
|
background-color: #f8f8f8;
|
|
|
|
border: 1px solid #e7e7e7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar:before,
|
|
|
|
.navbar:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-03-30 21:23:18 +01:00
|
|
|
.navbar:before,
|
|
|
|
.navbar:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar {
|
|
|
|
border-radius: 4px;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-header:before,
|
|
|
|
.navbar-header:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-header:after {
|
|
|
|
clear: both;
|
2013-03-01 08:20:25 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-header:before,
|
|
|
|
.navbar-header:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-06-21 02:15:09 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-header:after {
|
|
|
|
clear: both;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-header {
|
|
|
|
float: left;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-collapse {
|
2013-08-14 00:22:05 +02:00
|
|
|
max-height: 340px;
|
2013-08-15 09:07:23 +02:00
|
|
|
padding-right: 15px;
|
|
|
|
padding-left: 15px;
|
2013-08-13 06:23:28 +02:00
|
|
|
overflow-x: visible;
|
2013-08-13 22:39:21 +02:00
|
|
|
border-top: 1px solid #e6e6e6;
|
2013-08-13 06:23:28 +02:00
|
|
|
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
|
|
|
-webkit-overflow-scrolling: touch;
|
2013-02-18 03:33:55 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-collapse:before,
|
|
|
|
.navbar-collapse:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-02-18 03:33:55 +01:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-collapse:after {
|
2013-08-12 04:06:26 +02:00
|
|
|
clear: both;
|
2013-08-07 01:39:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-collapse:before,
|
|
|
|
.navbar-collapse:after {
|
2013-08-07 01:39:18 +02:00
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-collapse:after {
|
2013-08-07 01:39:18 +02:00
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
2013-08-17 00:07:45 +02:00
|
|
|
.navbar-collapse.in {
|
|
|
|
overflow-y: auto;
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-collapse {
|
|
|
|
width: auto;
|
|
|
|
border-top: 0;
|
2013-08-13 23:46:34 +02:00
|
|
|
box-shadow: none;
|
2013-08-13 06:23:28 +02:00
|
|
|
}
|
2013-08-15 06:32:23 +02:00
|
|
|
.navbar-collapse.collapse {
|
|
|
|
display: block !important;
|
|
|
|
height: auto !important;
|
|
|
|
padding-bottom: 0;
|
|
|
|
overflow: visible !important;
|
|
|
|
}
|
2013-08-15 22:29:45 +02:00
|
|
|
.navbar-collapse.in {
|
|
|
|
overflow-y: visible;
|
|
|
|
}
|
2013-08-07 01:39:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:00:13 +02:00
|
|
|
.container > .navbar-header,
|
|
|
|
.container > .navbar-collapse {
|
|
|
|
margin-right: -15px;
|
|
|
|
margin-left: -15px;
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 768px) {
|
|
|
|
.container > .navbar-header,
|
|
|
|
.container > .navbar-collapse {
|
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-16 20:34:30 +02:00
|
|
|
.navbar-static-top {
|
|
|
|
border-width: 0 0 1px;
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-static-top {
|
|
|
|
border-radius: 0;
|
|
|
|
}
|
2013-08-07 01:39:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-fixed-top,
|
|
|
|
.navbar-fixed-bottom {
|
|
|
|
position: fixed;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1030;
|
2013-08-13 22:39:21 +02:00
|
|
|
border-width: 0 0 1px;
|
2013-08-07 02:28:02 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-fixed-top,
|
|
|
|
.navbar-fixed-bottom {
|
|
|
|
border-radius: 0;
|
2013-08-05 23:19:32 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-fixed-top {
|
|
|
|
top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-fixed-bottom {
|
|
|
|
bottom: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-brand {
|
2013-08-12 04:06:26 +02:00
|
|
|
float: left;
|
2013-08-18 06:00:13 +02:00
|
|
|
padding: 15px 15px;
|
2013-05-10 19:33:35 +02:00
|
|
|
font-size: 18px;
|
|
|
|
line-height: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #777777;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-brand:hover,
|
|
|
|
.navbar-brand:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #5e5e5e;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
2013-08-18 06:00:13 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar > .container .navbar-brand {
|
|
|
|
margin-left: -15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-toggle {
|
2013-08-05 09:39:03 +02:00
|
|
|
position: relative;
|
|
|
|
float: right;
|
2013-08-12 04:06:26 +02:00
|
|
|
padding: 9px 10px;
|
2013-08-05 09:39:03 +02:00
|
|
|
margin-top: 8px;
|
2013-08-18 06:00:13 +02:00
|
|
|
margin-right: 15px;
|
2013-08-05 09:39:03 +02:00
|
|
|
margin-bottom: 8px;
|
2013-02-18 10:28:35 +01:00
|
|
|
background-color: transparent;
|
2013-07-25 19:12:51 +02:00
|
|
|
border: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 4px;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-toggle:hover,
|
|
|
|
.navbar-toggle:focus {
|
2013-07-25 19:12:51 +02:00
|
|
|
background-color: #dddddd;
|
2013-02-18 10:28:35 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-toggle .icon-bar {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: block;
|
2013-02-18 10:28:35 +01:00
|
|
|
width: 22px;
|
2013-02-12 21:16:32 +01:00
|
|
|
height: 2px;
|
2013-07-25 19:12:51 +02:00
|
|
|
background-color: #cccccc;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 1px;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-toggle .icon-bar + .icon-bar {
|
|
|
|
margin-top: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-15 06:32:23 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-toggle {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-13 22:39:21 +02:00
|
|
|
.navbar-nav {
|
2013-08-16 21:38:41 +02:00
|
|
|
margin: 7.5px -15px;
|
2013-08-13 22:39:21 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
.navbar-nav > li > a {
|
|
|
|
padding-top: 10px;
|
|
|
|
padding-bottom: 10px;
|
|
|
|
line-height: 20px;
|
|
|
|
color: #777777;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-nav > li > a:hover,
|
|
|
|
.navbar-nav > li > a:focus {
|
|
|
|
color: #333333;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-nav > .active > a,
|
|
|
|
.navbar-nav > .active > a:hover,
|
|
|
|
.navbar-nav > .active > a:focus {
|
|
|
|
color: #555555;
|
2013-08-13 22:39:21 +02:00
|
|
|
background-color: #e7e7e7;
|
2013-08-13 06:23:28 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-nav > .disabled > a,
|
|
|
|
.navbar-nav > .disabled > a:hover,
|
|
|
|
.navbar-nav > .disabled > a:focus {
|
|
|
|
color: #cccccc;
|
|
|
|
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: #777777;
|
|
|
|
}
|
|
|
|
.navbar-nav .open .dropdown-menu > li > a:hover,
|
|
|
|
.navbar-nav .open .dropdown-menu > li > a:focus {
|
|
|
|
color: #333333;
|
|
|
|
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: #555555;
|
2013-08-13 22:39:21 +02:00
|
|
|
background-color: #e7e7e7;
|
2013-08-13 06:23:28 +02:00
|
|
|
}
|
|
|
|
.navbar-nav .open .dropdown-menu > .disabled > a,
|
|
|
|
.navbar-nav .open .dropdown-menu > .disabled > a:hover,
|
|
|
|
.navbar-nav .open .dropdown-menu > .disabled > a:focus {
|
|
|
|
color: #cccccc;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-15 06:32:23 +02:00
|
|
|
@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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-14 00:19:59 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-left {
|
|
|
|
float: left !important;
|
|
|
|
}
|
|
|
|
.navbar-right {
|
2013-08-14 04:53:23 +02:00
|
|
|
float: right !important;
|
|
|
|
}
|
|
|
|
.navbar-right .dropdown-menu {
|
2013-08-14 04:30:02 +02:00
|
|
|
right: 0;
|
|
|
|
left: auto;
|
2013-08-14 00:19:59 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.navbar-form {
|
2013-08-13 06:23:28 +02:00
|
|
|
padding: 10px 15px;
|
2013-08-03 00:09:48 +02:00
|
|
|
margin-top: 8px;
|
2013-08-14 00:19:59 +02:00
|
|
|
margin-right: -15px;
|
2013-08-03 00:09:48 +02:00
|
|
|
margin-bottom: 8px;
|
2013-08-14 00:19:59 +02:00
|
|
|
margin-left: -15px;
|
2013-08-13 22:39:21 +02:00
|
|
|
border-top: 1px solid #e6e6e6;
|
|
|
|
border-bottom: 1px solid #e6e6e6;
|
2013-08-15 20:47:56 +02:00
|
|
|
-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);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-12 20:07:23 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-form .form-group {
|
|
|
|
display: inline-block;
|
|
|
|
margin-bottom: 0;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
2013-08-13 01:09:21 +02:00
|
|
|
.navbar-form .form-control {
|
|
|
|
display: inline-block;
|
|
|
|
}
|
2013-08-12 20:07:23 +02:00
|
|
|
.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;
|
|
|
|
}
|
2013-08-05 20:47:12 +02:00
|
|
|
}
|
|
|
|
|
2013-08-13 06:23:28 +02:00
|
|
|
@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;
|
2013-08-14 00:19:59 +02:00
|
|
|
margin-right: 0;
|
|
|
|
margin-left: 0;
|
2013-08-13 06:23:28 +02:00
|
|
|
border: 0;
|
2013-08-15 20:47:56 +02:00
|
|
|
-webkit-box-shadow: none;
|
|
|
|
box-shadow: none;
|
2013-08-13 06:23:28 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-nav > li > .dropdown-menu {
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-top: 0;
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-bottom-right-radius: 0;
|
|
|
|
border-bottom-left-radius: 0;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-nav > .dropdown > a:hover .caret,
|
|
|
|
.navbar-nav > .dropdown > a:focus .caret {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-top-color: #333333;
|
|
|
|
border-bottom-color: #333333;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-nav > .open > a,
|
|
|
|
.navbar-nav > .open > a:hover,
|
|
|
|
.navbar-nav > .open > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #555555;
|
2013-08-13 22:39:21 +02:00
|
|
|
background-color: #e7e7e7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-nav > .open > a .caret,
|
|
|
|
.navbar-nav > .open > a:hover .caret,
|
|
|
|
.navbar-nav > .open > a:focus .caret {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-top-color: #555555;
|
|
|
|
border-bottom-color: #555555;
|
|
|
|
}
|
|
|
|
|
2013-07-07 23:40:18 +02:00
|
|
|
.navbar-nav > .dropdown > a .caret {
|
|
|
|
border-top-color: #777777;
|
|
|
|
border-bottom-color: #777777;
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-nav.pull-right > li > .dropdown-menu,
|
|
|
|
.navbar-nav > li > .dropdown-menu.pull-right {
|
2013-02-12 21:16:32 +01:00
|
|
|
right: 0;
|
|
|
|
left: auto;
|
|
|
|
}
|
|
|
|
|
2013-08-15 06:32:23 +02:00
|
|
|
.navbar-btn {
|
|
|
|
margin-top: 8px;
|
2013-08-15 08:02:58 +02:00
|
|
|
margin-bottom: 8px;
|
2013-08-15 06:32:23 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-text {
|
|
|
|
float: left;
|
|
|
|
margin-top: 15px;
|
|
|
|
margin-bottom: 15px;
|
|
|
|
color: #777777;
|
|
|
|
}
|
|
|
|
|
2013-08-15 22:54:47 +02:00
|
|
|
@media (min-width: 768px) {
|
|
|
|
.navbar-text {
|
|
|
|
margin-right: 15px;
|
|
|
|
margin-left: 15px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-08-15 06:32:23 +02:00
|
|
|
.navbar-link {
|
|
|
|
color: #777777;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-link:hover {
|
|
|
|
color: #333333;
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.navbar-inverse {
|
|
|
|
background-color: #222222;
|
2013-08-13 22:39:21 +02:00
|
|
|
border-color: #080808;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-inverse .navbar-brand {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-inverse .navbar-brand:hover,
|
|
|
|
.navbar-inverse .navbar-brand:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #ffffff;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-inverse .navbar-text {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-inverse .navbar-nav > li > a {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-inverse .navbar-nav > li > a:hover,
|
|
|
|
.navbar-inverse .navbar-nav > li > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #ffffff;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-inverse .navbar-nav > .active > a,
|
|
|
|
.navbar-inverse .navbar-nav > .active > a:hover,
|
|
|
|
.navbar-inverse .navbar-nav > .active > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #ffffff;
|
2013-02-13 21:30:56 +01:00
|
|
|
background-color: #080808;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-04-28 03:28:39 +02:00
|
|
|
.navbar-inverse .navbar-nav > .disabled > a,
|
|
|
|
.navbar-inverse .navbar-nav > .disabled > a:hover,
|
|
|
|
.navbar-inverse .navbar-nav > .disabled > a:focus {
|
2013-03-01 08:20:25 +01:00
|
|
|
color: #444444;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
2013-02-18 10:28:35 +01:00
|
|
|
.navbar-inverse .navbar-toggle {
|
2013-07-25 19:12:51 +02:00
|
|
|
border-color: #333333;
|
2013-02-18 10:28:35 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.navbar-inverse .navbar-toggle:hover,
|
|
|
|
.navbar-inverse .navbar-toggle:focus {
|
2013-07-25 19:12:51 +02:00
|
|
|
background-color: #333333;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-03-01 09:18:10 +01:00
|
|
|
.navbar-inverse .navbar-toggle .icon-bar {
|
2013-07-25 19:12:51 +02:00
|
|
|
background-color: #ffffff;
|
2013-03-01 09:18:10 +01:00
|
|
|
}
|
|
|
|
|
2013-08-15 20:47:56 +02:00
|
|
|
.navbar-inverse .navbar-collapse,
|
|
|
|
.navbar-inverse .navbar-form {
|
|
|
|
border-color: #101010;
|
2013-08-13 06:23:28 +02:00
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-inverse .navbar-nav > .open > a,
|
|
|
|
.navbar-inverse .navbar-nav > .open > a:hover,
|
|
|
|
.navbar-inverse .navbar-nav > .open > a:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
color: #ffffff;
|
2013-02-13 21:30:56 +01:00
|
|
|
background-color: #080808;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-top-color: #ffffff;
|
|
|
|
border-bottom-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-inverse .navbar-nav > .dropdown > a .caret {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-top-color: #999999;
|
|
|
|
border-bottom-color: #999999;
|
|
|
|
}
|
|
|
|
|
2013-05-13 01:30:54 +02:00
|
|
|
.navbar-inverse .navbar-nav > .open > a .caret,
|
|
|
|
.navbar-inverse .navbar-nav > .open > a:hover .caret,
|
|
|
|
.navbar-inverse .navbar-nav > .open > a:focus .caret {
|
2013-02-12 21:16:32 +01:00
|
|
|
border-top-color: #ffffff;
|
|
|
|
border-bottom-color: #ffffff;
|
|
|
|
}
|
|
|
|
|
2013-08-13 06:43:59 +02:00
|
|
|
@media (max-width: 767px) {
|
2013-08-14 00:19:59 +02:00
|
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
|
|
|
|
border-color: #080808;
|
|
|
|
}
|
2013-08-13 06:43:59 +02:00
|
|
|
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.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-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: #080808;
|
|
|
|
}
|
|
|
|
.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: #444444;
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-05-03 19:53:26 +02:00
|
|
|
.navbar-inverse .navbar-link {
|
|
|
|
color: #999999;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-05-03 19:53:26 +02:00
|
|
|
.navbar-inverse .navbar-link:hover {
|
|
|
|
color: #ffffff;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.breadcrumb {
|
|
|
|
padding: 8px 15px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
list-style: none;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.breadcrumb > li {
|
|
|
|
display: inline-block;
|
2013-08-05 20:30:50 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.breadcrumb > li + li:before {
|
|
|
|
padding: 0 5px;
|
|
|
|
color: #cccccc;
|
|
|
|
content: "/\00a0";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.breadcrumb > .active {
|
|
|
|
color: #999999;
|
2013-08-05 20:30:50 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: inline-block;
|
2013-08-18 06:18:00 +02:00
|
|
|
padding-left: 0;
|
|
|
|
margin: 20px 0;
|
|
|
|
border-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > li {
|
|
|
|
display: inline;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > li > a,
|
|
|
|
.pagination > li > span {
|
|
|
|
position: relative;
|
|
|
|
float: left;
|
|
|
|
padding: 6px 12px;
|
|
|
|
margin-left: -1px;
|
|
|
|
line-height: 1.428571429;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #dddddd;
|
2013-03-01 06:19:02 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > li:first-child > a,
|
|
|
|
.pagination > li:first-child > span {
|
|
|
|
margin-left: 0;
|
|
|
|
border-bottom-left-radius: 4px;
|
|
|
|
border-top-left-radius: 4px;
|
2013-08-06 01:16:58 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > li:last-child > a,
|
|
|
|
.pagination > li:last-child > span {
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
border-bottom-right-radius: 4px;
|
2013-05-10 01:26:35 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > li > a:hover,
|
|
|
|
.pagination > li > span:hover,
|
|
|
|
.pagination > li > a:focus,
|
|
|
|
.pagination > li > span:focus {
|
|
|
|
background-color: #eeeeee;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > .active > a,
|
|
|
|
.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: #428bca;
|
|
|
|
border-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination > .disabled > span,
|
|
|
|
.pagination > .disabled > a,
|
|
|
|
.pagination > .disabled > a:hover,
|
|
|
|
.pagination > .disabled > a:focus {
|
|
|
|
color: #999999;
|
|
|
|
cursor: not-allowed;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border-color: #dddddd;
|
2013-03-30 21:23:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-lg > li > a,
|
|
|
|
.pagination-lg > li > span {
|
|
|
|
padding: 10px 16px;
|
|
|
|
font-size: 18px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-lg > li:first-child > a,
|
|
|
|
.pagination-lg > li:first-child > span {
|
|
|
|
border-bottom-left-radius: 6px;
|
|
|
|
border-top-left-radius: 6px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-lg > li:last-child > a,
|
|
|
|
.pagination-lg > li:last-child > span {
|
|
|
|
border-top-right-radius: 6px;
|
|
|
|
border-bottom-right-radius: 6px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-sm > li > a,
|
|
|
|
.pagination-sm > li > span {
|
|
|
|
padding: 5px 10px;
|
|
|
|
font-size: 12px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-sm > li:first-child > a,
|
|
|
|
.pagination-sm > li:first-child > span {
|
|
|
|
border-bottom-left-radius: 3px;
|
|
|
|
border-top-left-radius: 3px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pagination-sm > li:last-child > a,
|
|
|
|
.pagination-sm > li:last-child > span {
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
border-bottom-right-radius: 3px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager {
|
|
|
|
padding-left: 0;
|
|
|
|
margin: 20px 0;
|
|
|
|
text-align: center;
|
|
|
|
list-style: none;
|
2013-05-04 01:16:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager:before,
|
|
|
|
.pager:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-05-04 01:16:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager:after {
|
|
|
|
clear: both;
|
2013-05-04 01:16:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager:before,
|
|
|
|
.pager:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-05-04 01:16:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager:after {
|
|
|
|
clear: both;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager li {
|
|
|
|
display: inline;
|
2013-08-12 23:03:57 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager li > a,
|
|
|
|
.pager li > span {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 5px 14px;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #dddddd;
|
|
|
|
border-radius: 15px;
|
2013-08-12 23:03:57 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager li > a:hover,
|
|
|
|
.pager li > a:focus {
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #eeeeee;
|
2013-08-12 23:03:57 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager .next > a,
|
|
|
|
.pager .next > span {
|
|
|
|
float: right;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager .previous > a,
|
|
|
|
.pager .previous > span {
|
|
|
|
float: left;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.pager .disabled > a,
|
|
|
|
.pager .disabled > a:hover,
|
|
|
|
.pager .disabled > a:focus,
|
|
|
|
.pager .disabled > span {
|
|
|
|
color: #999999;
|
|
|
|
cursor: not-allowed;
|
|
|
|
background-color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label {
|
|
|
|
display: inline;
|
|
|
|
padding: .25em .6em;
|
|
|
|
font-size: 75%;
|
|
|
|
font-weight: bold;
|
|
|
|
line-height: 1;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
vertical-align: baseline;
|
|
|
|
border-radius: .25em;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label[href]:hover,
|
|
|
|
.label[href]:focus {
|
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label:empty {
|
|
|
|
display: none;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-default {
|
|
|
|
background-color: #999999;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-default[href]:hover,
|
|
|
|
.label-default[href]:focus {
|
|
|
|
background-color: #808080;
|
2013-08-13 19:24:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-primary {
|
|
|
|
background-color: #428bca;
|
2013-08-13 19:24:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-primary[href]:hover,
|
|
|
|
.label-primary[href]:focus {
|
|
|
|
background-color: #3071a9;
|
2013-08-13 19:24:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-success {
|
|
|
|
background-color: #5cb85c;
|
2013-08-13 19:24:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-success[href]:hover,
|
|
|
|
.label-success[href]:focus {
|
|
|
|
background-color: #449d44;
|
2013-08-13 19:24:18 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-info {
|
|
|
|
background-color: #5bc0de;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-info[href]:hover,
|
|
|
|
.label-info[href]:focus {
|
|
|
|
background-color: #31b0d5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-warning {
|
|
|
|
background-color: #f0ad4e;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-warning[href]:hover,
|
|
|
|
.label-warning[href]:focus {
|
|
|
|
background-color: #ec971f;
|
2013-08-13 18:59:38 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-danger {
|
|
|
|
background-color: #d9534f;
|
2013-08-13 18:59:38 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.label-danger[href]:hover,
|
|
|
|
.label-danger[href]:focus {
|
|
|
|
background-color: #c9302c;
|
2013-08-13 18:59:38 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.badge {
|
|
|
|
display: inline-block;
|
|
|
|
min-width: 10px;
|
|
|
|
padding: 3px 7px;
|
|
|
|
font-size: 12px;
|
|
|
|
font-weight: bold;
|
|
|
|
line-height: 1;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
white-space: nowrap;
|
|
|
|
vertical-align: baseline;
|
|
|
|
background-color: #999999;
|
|
|
|
border-radius: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.badge:empty {
|
|
|
|
display: none;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
a.badge:hover,
|
|
|
|
a.badge:focus {
|
|
|
|
color: #ffffff;
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.btn .badge {
|
|
|
|
position: relative;
|
|
|
|
top: -1px;
|
2013-03-16 20:34:07 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
a.list-group-item.active > .badge,
|
|
|
|
.nav-pills > .active > a > .badge {
|
|
|
|
color: #428bca;
|
|
|
|
background-color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.nav-pills > li > a > .badge {
|
|
|
|
margin-left: 3px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.jumbotron {
|
|
|
|
padding: 30px;
|
|
|
|
margin-bottom: 30px;
|
|
|
|
font-size: 21px;
|
|
|
|
font-weight: 200;
|
|
|
|
line-height: 2.1428571435;
|
|
|
|
color: inherit;
|
|
|
|
background-color: #eeeeee;
|
2013-03-31 20:58:25 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.jumbotron h1 {
|
|
|
|
line-height: 1;
|
|
|
|
color: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.jumbotron p {
|
|
|
|
line-height: 1.4;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.container .jumbotron {
|
|
|
|
border-radius: 6px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.jumbotron {
|
|
|
|
padding-top: 50px;
|
|
|
|
padding-bottom: 50px;
|
|
|
|
}
|
|
|
|
.container .jumbotron {
|
|
|
|
padding-right: 60px;
|
|
|
|
padding-left: 60px;
|
|
|
|
}
|
|
|
|
.jumbotron h1 {
|
|
|
|
font-size: 63px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.thumbnail,
|
|
|
|
.img-thumbnail {
|
|
|
|
padding: 4px;
|
2013-05-15 08:21:30 +02:00
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #dddddd;
|
2013-08-18 06:18:00 +02:00
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-transition: all 0.2s ease-in-out;
|
|
|
|
transition: all 0.2s ease-in-out;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.thumbnail {
|
|
|
|
display: block;
|
2013-07-07 23:52:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.thumbnail > img {
|
|
|
|
display: block;
|
|
|
|
height: auto;
|
|
|
|
max-width: 100%;
|
2013-07-07 23:52:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.img-thumbnail {
|
|
|
|
display: inline-block;
|
|
|
|
height: auto;
|
|
|
|
max-width: 100%;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
a.thumbnail:hover,
|
|
|
|
a.thumbnail:focus {
|
2013-08-15 22:16:06 +02:00
|
|
|
border-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.thumbnail > img {
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.thumbnail .caption {
|
|
|
|
padding: 9px;
|
|
|
|
color: #333333;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert {
|
|
|
|
padding: 15px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
color: #c09853;
|
|
|
|
background-color: #fcf8e3;
|
|
|
|
border: 1px solid #fbeed5;
|
|
|
|
border-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert h4 {
|
|
|
|
margin-top: 0;
|
|
|
|
color: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert hr {
|
|
|
|
border-top-color: #f8e5be;
|
2013-05-15 08:21:30 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert .alert-link {
|
|
|
|
font-weight: bold;
|
|
|
|
color: #a47e3c;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert > p,
|
|
|
|
.alert > ul {
|
|
|
|
margin-bottom: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert > p + p {
|
|
|
|
margin-top: 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-dismissable {
|
|
|
|
padding-right: 35px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-dismissable .close {
|
|
|
|
position: relative;
|
|
|
|
top: -2px;
|
|
|
|
right: -21px;
|
|
|
|
color: inherit;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-success {
|
|
|
|
color: #468847;
|
|
|
|
background-color: #dff0d8;
|
|
|
|
border-color: #d6e9c6;
|
2013-03-30 21:23:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-success hr {
|
|
|
|
border-top-color: #c9e2b3;
|
2013-03-30 21:23:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-success .alert-link {
|
|
|
|
color: #356635;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-danger {
|
|
|
|
color: #b94a48;
|
|
|
|
background-color: #f2dede;
|
|
|
|
border-color: #eed3d7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-danger hr {
|
|
|
|
border-top-color: #e6c1c7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-danger .alert-link {
|
|
|
|
color: #953b39;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-info {
|
|
|
|
color: #3a87ad;
|
|
|
|
background-color: #d9edf7;
|
|
|
|
border-color: #bce8f1;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-info hr {
|
|
|
|
border-top-color: #a6e1ec;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.alert-info .alert-link {
|
|
|
|
color: #2d6987;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
|
|
from {
|
|
|
|
background-position: 40px 0;
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@-moz-keyframes progress-bar-stripes {
|
|
|
|
from {
|
|
|
|
background-position: 40px 0;
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
2013-07-27 07:09:31 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@-o-keyframes progress-bar-stripes {
|
|
|
|
from {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
background-position: 40px 0;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@keyframes progress-bar-stripes {
|
|
|
|
from {
|
|
|
|
background-position: 40px 0;
|
|
|
|
}
|
|
|
|
to {
|
|
|
|
background-position: 0 0;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress {
|
|
|
|
height: 20px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
overflow: hidden;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
|
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-bar {
|
|
|
|
float: left;
|
|
|
|
width: 0;
|
|
|
|
height: 100%;
|
|
|
|
font-size: 12px;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
background-color: #428bca;
|
|
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
|
|
|
|
-webkit-transition: width 0.6s ease;
|
|
|
|
transition: width 0.6s ease;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-striped .progress-bar {
|
|
|
|
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);
|
|
|
|
background-size: 40px 40px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress.active .progress-bar {
|
|
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
|
|
-moz-animation: progress-bar-stripes 2s linear infinite;
|
|
|
|
-ms-animation: progress-bar-stripes 2s linear infinite;
|
|
|
|
-o-animation: progress-bar-stripes 2s linear infinite;
|
|
|
|
animation: progress-bar-stripes 2s linear infinite;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-bar-success {
|
|
|
|
background-color: #5cb85c;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-bar-info {
|
|
|
|
background-color: #5bc0de;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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);
|
|
|
|
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);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-bar-warning {
|
|
|
|
background-color: #f0ad4e;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-striped .progress-bar-warning {
|
|
|
|
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);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.progress-bar-danger {
|
|
|
|
background-color: #d9534f;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.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);
|
2013-03-30 21:23:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media,
|
|
|
|
.media-body {
|
|
|
|
overflow: hidden;
|
|
|
|
zoom: 1;
|
2013-03-30 21:23:18 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media,
|
|
|
|
.media .media {
|
|
|
|
margin-top: 15px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media:first-child {
|
|
|
|
margin-top: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media-object {
|
|
|
|
display: block;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media-heading {
|
|
|
|
margin: 0 0 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.media > .pull-left {
|
|
|
|
margin-right: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media > .pull-right {
|
|
|
|
margin-left: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.media-list {
|
|
|
|
padding-left: 0;
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group {
|
|
|
|
padding-left: 0;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item {
|
|
|
|
position: relative;
|
2013-02-12 21:16:32 +01:00
|
|
|
display: block;
|
2013-08-18 06:18:00 +02:00
|
|
|
padding: 10px 15px;
|
|
|
|
margin-bottom: -1px;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.list-group-item:first-child {
|
|
|
|
border-top-right-radius: 4px;
|
|
|
|
border-top-left-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.list-group-item:last-child {
|
|
|
|
margin-bottom: 0;
|
|
|
|
border-bottom-right-radius: 4px;
|
|
|
|
border-bottom-left-radius: 4px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.list-group-item > .badge {
|
|
|
|
float: right;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.list-group-item > .badge + .badge {
|
|
|
|
margin-right: 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
a.list-group-item {
|
|
|
|
color: #555555;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
a.list-group-item .list-group-item-heading {
|
|
|
|
color: #333333;
|
|
|
|
}
|
|
|
|
|
|
|
|
a.list-group-item:hover,
|
|
|
|
a.list-group-item:focus {
|
2013-02-12 21:16:32 +01:00
|
|
|
text-decoration: none;
|
2013-08-18 06:18:00 +02:00
|
|
|
background-color: #f5f5f5;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item.active,
|
|
|
|
.list-group-item.active:hover,
|
|
|
|
.list-group-item.active:focus {
|
|
|
|
z-index: 2;
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #428bca;
|
|
|
|
border-color: #428bca;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
|
|
|
}
|
|
|
|
|
|
|
|
.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: #e1edf7;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item-heading {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.list-group-item-text {
|
|
|
|
margin-bottom: 0;
|
|
|
|
line-height: 1.3;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel {
|
|
|
|
margin-bottom: 20px;
|
|
|
|
background-color: #ffffff;
|
|
|
|
border: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
border-radius: 4px;
|
2013-08-18 06:18:00 +02:00
|
|
|
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-body {
|
|
|
|
padding: 15px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-body:before,
|
|
|
|
.panel-body:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-body:after {
|
|
|
|
clear: both;
|
2013-06-28 05:50:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-body:before,
|
|
|
|
.panel-body:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-06-28 05:50:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-body:after {
|
|
|
|
clear: both;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel > .list-group {
|
|
|
|
margin-bottom: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel > .list-group .list-group-item {
|
|
|
|
border-width: 1px 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel > .list-group .list-group-item:first-child {
|
|
|
|
border-top-right-radius: 0;
|
|
|
|
border-top-left-radius: 0;
|
2013-06-28 05:50:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel > .list-group .list-group-item:last-child {
|
|
|
|
border-bottom: 0;
|
2013-06-28 05:50:00 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-heading + .list-group .list-group-item:first-child {
|
|
|
|
border-top-width: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-heading {
|
|
|
|
padding: 10px 15px;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border-bottom: 1px solid #dddddd;
|
|
|
|
border-top-right-radius: 3px;
|
|
|
|
border-top-left-radius: 3px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-title {
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
font-size: 16px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-title > a {
|
|
|
|
color: inherit;
|
|
|
|
}
|
|
|
|
|
|
|
|
.panel-footer {
|
|
|
|
padding: 10px 15px;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border-top: 1px solid #dddddd;
|
|
|
|
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;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-group .panel-heading {
|
|
|
|
border-bottom: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-group .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-group .panel-footer {
|
|
|
|
border-top: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-group .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom: 1px solid #dddddd;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-primary {
|
|
|
|
border-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-primary > .panel-heading {
|
|
|
|
color: #ffffff;
|
|
|
|
background-color: #428bca;
|
|
|
|
border-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-primary > .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-primary > .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom-color: #428bca;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-success {
|
|
|
|
border-color: #d6e9c6;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-success > .panel-heading {
|
|
|
|
color: #468847;
|
|
|
|
background-color: #dff0d8;
|
|
|
|
border-color: #d6e9c6;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-success > .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top-color: #d6e9c6;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-success > .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom-color: #d6e9c6;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-warning {
|
|
|
|
border-color: #fbeed5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-warning > .panel-heading {
|
|
|
|
color: #c09853;
|
|
|
|
background-color: #fcf8e3;
|
|
|
|
border-color: #fbeed5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-warning > .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top-color: #fbeed5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-warning > .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom-color: #fbeed5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-danger {
|
|
|
|
border-color: #eed3d7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-danger > .panel-heading {
|
|
|
|
color: #b94a48;
|
|
|
|
background-color: #f2dede;
|
|
|
|
border-color: #eed3d7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-danger > .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top-color: #eed3d7;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-danger > .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom-color: #eed3d7;
|
2013-03-15 07:01:23 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-info {
|
|
|
|
border-color: #bce8f1;
|
2013-03-16 23:31:03 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-info > .panel-heading {
|
|
|
|
color: #3a87ad;
|
|
|
|
background-color: #d9edf7;
|
|
|
|
border-color: #bce8f1;
|
2013-08-02 18:32:58 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-info > .panel-heading + .panel-collapse .panel-body {
|
|
|
|
border-top-color: #bce8f1;
|
2013-08-02 18:32:58 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.panel-info > .panel-footer + .panel-collapse .panel-body {
|
|
|
|
border-bottom-color: #bce8f1;
|
2013-08-12 10:20:22 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.well {
|
|
|
|
min-height: 20px;
|
|
|
|
padding: 19px;
|
|
|
|
margin-bottom: 20px;
|
|
|
|
background-color: #f5f5f5;
|
|
|
|
border: 1px solid #e3e3e3;
|
|
|
|
border-radius: 4px;
|
|
|
|
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
|
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
|
2013-08-12 10:20:22 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.well blockquote {
|
|
|
|
border-color: #ddd;
|
|
|
|
border-color: rgba(0, 0, 0, 0.15);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.well-lg {
|
|
|
|
padding: 24px;
|
|
|
|
border-radius: 6px;
|
2013-03-15 07:01:23 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.well-sm {
|
|
|
|
padding: 9px;
|
|
|
|
border-radius: 3px;
|
2013-03-16 23:31:03 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.close {
|
|
|
|
float: right;
|
|
|
|
font-size: 21px;
|
|
|
|
font-weight: bold;
|
|
|
|
line-height: 1;
|
|
|
|
color: #000000;
|
|
|
|
text-shadow: 0 1px 0 #ffffff;
|
|
|
|
opacity: 0.2;
|
|
|
|
filter: alpha(opacity=20);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.close:hover,
|
|
|
|
.close:focus {
|
|
|
|
color: #000000;
|
|
|
|
text-decoration: none;
|
|
|
|
cursor: pointer;
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
2013-03-15 07:01:23 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
button.close {
|
|
|
|
padding: 0;
|
|
|
|
cursor: pointer;
|
|
|
|
background: transparent;
|
|
|
|
border: 0;
|
|
|
|
-webkit-appearance: none;
|
2013-03-16 23:31:03 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-open {
|
|
|
|
overflow: hidden;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1040;
|
|
|
|
display: none;
|
|
|
|
overflow: auto;
|
|
|
|
overflow-y: scroll;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal.fade .modal-dialog {
|
|
|
|
-webkit-transform: translate(0, -25%);
|
|
|
|
-ms-transform: translate(0, -25%);
|
|
|
|
transform: translate(0, -25%);
|
|
|
|
-webkit-transition: -webkit-transform 0.3s ease-out;
|
|
|
|
-moz-transition: -moz-transform 0.3s ease-out;
|
|
|
|
-o-transition: -o-transform 0.3s ease-out;
|
|
|
|
transition: transform 0.3s ease-out;
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal.in .modal-dialog {
|
|
|
|
-webkit-transform: translate(0, 0);
|
|
|
|
-ms-transform: translate(0, 0);
|
|
|
|
transform: translate(0, 0);
|
2013-03-15 07:01:23 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-dialog {
|
|
|
|
z-index: 1050;
|
|
|
|
width: auto;
|
|
|
|
padding: 10px;
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
2013-03-16 23:31:03 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-content {
|
|
|
|
position: relative;
|
2013-04-22 03:29:06 +02:00
|
|
|
background-color: #ffffff;
|
2013-08-18 06:18:00 +02:00
|
|
|
border: 1px solid #999999;
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-radius: 6px;
|
|
|
|
outline: none;
|
|
|
|
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
|
|
|
background-clip: padding-box;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-backdrop {
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1030;
|
|
|
|
background-color: #000000;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-backdrop.fade {
|
|
|
|
opacity: 0;
|
|
|
|
filter: alpha(opacity=0);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-backdrop.in {
|
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
2013-08-15 22:40:21 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-header {
|
|
|
|
min-height: 16.428571429px;
|
|
|
|
padding: 15px;
|
|
|
|
border-bottom: 1px solid #e5e5e5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-header .close {
|
|
|
|
margin-top: -2px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-title {
|
|
|
|
margin: 0;
|
|
|
|
line-height: 1.428571429;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-body {
|
|
|
|
position: relative;
|
|
|
|
padding: 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer {
|
|
|
|
padding: 19px 20px 20px;
|
2013-02-12 21:16:32 +01:00
|
|
|
margin-top: 15px;
|
2013-08-18 06:18:00 +02:00
|
|
|
text-align: right;
|
|
|
|
border-top: 1px solid #e5e5e5;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer:before,
|
|
|
|
.modal-footer:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer:after {
|
|
|
|
clear: both;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer:before,
|
|
|
|
.modal-footer:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer:after {
|
|
|
|
clear: both;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer .btn + .btn {
|
|
|
|
margin-bottom: 0;
|
|
|
|
margin-left: 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer .btn-group .btn + .btn {
|
|
|
|
margin-left: -1px;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.modal-footer .btn-block + .btn-block {
|
|
|
|
margin-left: 0;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
@media screen and (min-width: 768px) {
|
|
|
|
.modal-dialog {
|
|
|
|
right: auto;
|
|
|
|
left: 50%;
|
|
|
|
width: 600px;
|
|
|
|
padding-top: 30px;
|
|
|
|
padding-bottom: 30px;
|
|
|
|
}
|
|
|
|
.modal-content {
|
|
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
|
|
|
|
}
|
2013-08-11 21:43:43 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip {
|
|
|
|
position: absolute;
|
|
|
|
z-index: 1030;
|
|
|
|
display: block;
|
|
|
|
font-size: 12px;
|
|
|
|
line-height: 1.4;
|
|
|
|
opacity: 0;
|
|
|
|
filter: alpha(opacity=0);
|
|
|
|
visibility: visible;
|
2013-08-06 00:30:28 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.in {
|
|
|
|
opacity: 0.9;
|
|
|
|
filter: alpha(opacity=90);
|
2013-08-06 00:30:28 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.top {
|
|
|
|
padding: 5px 0;
|
|
|
|
margin-top: -3px;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.right {
|
|
|
|
padding: 0 5px;
|
|
|
|
margin-left: 3px;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.bottom {
|
|
|
|
padding: 5px 0;
|
|
|
|
margin-top: 3px;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.left {
|
|
|
|
padding: 0 5px;
|
|
|
|
margin-left: -3px;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip-inner {
|
|
|
|
max-width: 200px;
|
|
|
|
padding: 3px 8px;
|
|
|
|
color: #ffffff;
|
|
|
|
text-align: center;
|
|
|
|
text-decoration: none;
|
|
|
|
background-color: #000000;
|
|
|
|
border-radius: 4px;
|
2013-08-15 20:31:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip-arrow {
|
|
|
|
position: absolute;
|
|
|
|
width: 0;
|
|
|
|
height: 0;
|
|
|
|
border-color: transparent;
|
|
|
|
border-style: solid;
|
2013-08-15 20:31:26 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.top .tooltip-arrow {
|
|
|
|
bottom: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-top-color: #000000;
|
|
|
|
border-width: 5px 5px 0;
|
2013-04-22 15:34:23 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.top-left .tooltip-arrow {
|
|
|
|
bottom: 0;
|
|
|
|
left: 5px;
|
|
|
|
border-top-color: #000000;
|
|
|
|
border-width: 5px 5px 0;
|
2013-04-22 15:34:23 +02:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.top-right .tooltip-arrow {
|
|
|
|
right: 5px;
|
|
|
|
bottom: 0;
|
|
|
|
border-top-color: #000000;
|
|
|
|
border-width: 5px 5px 0;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.right .tooltip-arrow {
|
|
|
|
top: 50%;
|
|
|
|
left: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-right-color: #000000;
|
|
|
|
border-width: 5px 5px 5px 0;
|
2013-02-18 07:20:49 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.left .tooltip-arrow {
|
|
|
|
top: 50%;
|
|
|
|
right: 0;
|
|
|
|
margin-top: -5px;
|
|
|
|
border-left-color: #000000;
|
|
|
|
border-width: 5px 0 5px 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.bottom .tooltip-arrow {
|
|
|
|
top: 0;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -5px;
|
|
|
|
border-bottom-color: #000000;
|
|
|
|
border-width: 0 5px 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.bottom-left .tooltip-arrow {
|
|
|
|
top: 0;
|
|
|
|
left: 5px;
|
|
|
|
border-bottom-color: #000000;
|
|
|
|
border-width: 0 5px 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.tooltip.bottom-right .tooltip-arrow {
|
|
|
|
top: 0;
|
|
|
|
right: 5px;
|
|
|
|
border-bottom-color: #000000;
|
|
|
|
border-width: 0 5px 5px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
z-index: 1010;
|
|
|
|
display: none;
|
|
|
|
max-width: 276px;
|
|
|
|
padding: 1px;
|
|
|
|
text-align: left;
|
|
|
|
white-space: normal;
|
2013-07-19 20:44:35 +02:00
|
|
|
background-color: #ffffff;
|
2013-08-18 06:18:00 +02:00
|
|
|
border: 1px solid #cccccc;
|
|
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
|
|
border-radius: 6px;
|
|
|
|
-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;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.top {
|
|
|
|
margin-top: -10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.right {
|
|
|
|
margin-left: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.bottom {
|
|
|
|
margin-top: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.left {
|
|
|
|
margin-left: -10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover-title {
|
|
|
|
padding: 8px 14px;
|
|
|
|
margin: 0;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: normal;
|
|
|
|
line-height: 18px;
|
|
|
|
background-color: #f7f7f7;
|
|
|
|
border-bottom: 1px solid #ebebeb;
|
|
|
|
border-radius: 5px 5px 0 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover-content {
|
|
|
|
padding: 9px 14px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover .arrow,
|
|
|
|
.popover .arrow:after {
|
|
|
|
position: absolute;
|
|
|
|
display: block;
|
2013-02-12 21:16:32 +01:00
|
|
|
width: 0;
|
2013-08-18 06:18:00 +02:00
|
|
|
height: 0;
|
|
|
|
border-color: transparent;
|
|
|
|
border-style: solid;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover .arrow {
|
|
|
|
border-width: 11px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover .arrow:after {
|
|
|
|
border-width: 10px;
|
|
|
|
content: "";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.top .arrow {
|
|
|
|
bottom: -11px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -11px;
|
|
|
|
border-top-color: #999999;
|
|
|
|
border-top-color: rgba(0, 0, 0, 0.25);
|
|
|
|
border-bottom-width: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.top .arrow:after {
|
|
|
|
bottom: 1px;
|
|
|
|
margin-left: -10px;
|
|
|
|
border-top-color: #ffffff;
|
|
|
|
border-bottom-width: 0;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.right .arrow {
|
|
|
|
top: 50%;
|
|
|
|
left: -11px;
|
|
|
|
margin-top: -11px;
|
|
|
|
border-right-color: #999999;
|
|
|
|
border-right-color: rgba(0, 0, 0, 0.25);
|
|
|
|
border-left-width: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.right .arrow:after {
|
|
|
|
bottom: -10px;
|
|
|
|
left: 1px;
|
|
|
|
border-right-color: #ffffff;
|
|
|
|
border-left-width: 0;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.bottom .arrow {
|
|
|
|
top: -11px;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -11px;
|
|
|
|
border-bottom-color: #999999;
|
|
|
|
border-bottom-color: rgba(0, 0, 0, 0.25);
|
|
|
|
border-top-width: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.bottom .arrow:after {
|
|
|
|
top: 1px;
|
|
|
|
margin-left: -10px;
|
|
|
|
border-bottom-color: #ffffff;
|
|
|
|
border-top-width: 0;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.left .arrow {
|
|
|
|
top: 50%;
|
|
|
|
right: -11px;
|
|
|
|
margin-top: -11px;
|
|
|
|
border-left-color: #999999;
|
|
|
|
border-left-color: rgba(0, 0, 0, 0.25);
|
|
|
|
border-right-width: 0;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-08-18 06:18:00 +02:00
|
|
|
.popover.left .arrow:after {
|
|
|
|
right: 1px;
|
|
|
|
bottom: -10px;
|
|
|
|
border-left-color: #ffffff;
|
|
|
|
border-right-width: 0;
|
|
|
|
content: " ";
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.carousel {
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner {
|
|
|
|
position: relative;
|
|
|
|
width: 100%;
|
|
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .item {
|
|
|
|
position: relative;
|
|
|
|
display: none;
|
|
|
|
-webkit-transition: 0.6s ease-in-out left;
|
|
|
|
transition: 0.6s ease-in-out left;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .item > img,
|
|
|
|
.carousel-inner > .item > a > img {
|
2013-08-15 08:06:37 +02:00
|
|
|
display: block;
|
2013-06-28 18:24:46 +02:00
|
|
|
height: auto;
|
|
|
|
max-width: 100%;
|
2013-02-12 21:16:32 +01:00
|
|
|
line-height: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .active,
|
|
|
|
.carousel-inner > .next,
|
|
|
|
.carousel-inner > .prev {
|
|
|
|
display: block;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .active {
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .next,
|
|
|
|
.carousel-inner > .prev {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .next {
|
|
|
|
left: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .prev {
|
|
|
|
left: -100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .next.left,
|
|
|
|
.carousel-inner > .prev.right {
|
|
|
|
left: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .active.left {
|
|
|
|
left: -100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-inner > .active.right {
|
|
|
|
left: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-control {
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
2013-02-16 11:47:15 +01:00
|
|
|
width: 15%;
|
|
|
|
font-size: 20px;
|
2013-07-24 08:48:17 +02:00
|
|
|
color: #ffffff;
|
2013-02-16 11:47:15 +01:00
|
|
|
text-align: center;
|
|
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
2013-02-12 21:16:32 +01:00
|
|
|
opacity: 0.5;
|
|
|
|
filter: alpha(opacity=50);
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-control.left {
|
2013-05-25 22:16:15 +02:00
|
|
|
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%);
|
|
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
|
2013-02-12 21:16:32 +01:00
|
|
|
background-repeat: repeat-x;
|
2013-02-16 10:22:15 +01:00
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-control.right {
|
|
|
|
right: 0;
|
|
|
|
left: auto;
|
2013-05-25 22:16:15 +02:00
|
|
|
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%);
|
|
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
|
2013-02-12 21:16:32 +01:00
|
|
|
background-repeat: repeat-x;
|
2013-02-16 10:22:15 +01:00
|
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-control:hover,
|
|
|
|
.carousel-control:focus {
|
2013-07-24 08:48:17 +02:00
|
|
|
color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
text-decoration: none;
|
|
|
|
opacity: 0.9;
|
|
|
|
filter: alpha(opacity=90);
|
|
|
|
}
|
|
|
|
|
2013-07-06 20:20:56 +02:00
|
|
|
.carousel-control .icon-prev,
|
|
|
|
.carousel-control .icon-next {
|
2013-02-12 21:16:32 +01:00
|
|
|
position: absolute;
|
|
|
|
top: 50%;
|
2013-02-16 11:47:15 +01:00
|
|
|
left: 50%;
|
2013-02-12 21:16:32 +01:00
|
|
|
z-index: 5;
|
2013-02-16 10:22:15 +01:00
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: 20px;
|
|
|
|
margin-top: -10px;
|
2013-02-16 11:47:15 +01:00
|
|
|
margin-left: -10px;
|
2013-07-27 07:59:21 +02:00
|
|
|
font-family: serif;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-07-06 20:20:56 +02:00
|
|
|
.carousel-control .icon-prev:before {
|
2013-07-18 09:48:02 +02:00
|
|
|
content: '\2039';
|
2013-07-06 20:20:56 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-control .icon-next:before {
|
2013-07-18 09:48:02 +02:00
|
|
|
content: '\203a';
|
2013-07-06 20:20:56 +02:00
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.carousel-indicators {
|
|
|
|
position: absolute;
|
2013-07-20 02:36:03 +02:00
|
|
|
bottom: 10px;
|
2013-02-16 10:22:15 +01:00
|
|
|
left: 50%;
|
2013-05-17 03:29:53 +02:00
|
|
|
z-index: 15;
|
2013-08-05 20:59:32 +02:00
|
|
|
width: 60%;
|
2013-06-23 03:56:55 +02:00
|
|
|
padding-left: 0;
|
2013-08-05 20:59:32 +02:00
|
|
|
margin-left: -30%;
|
2013-02-16 10:22:15 +01:00
|
|
|
text-align: center;
|
2013-02-12 21:16:32 +01:00
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-indicators li {
|
2013-02-16 10:22:15 +01:00
|
|
|
display: inline-block;
|
2013-07-02 03:16:59 +02:00
|
|
|
width: 10px;
|
|
|
|
height: 10px;
|
|
|
|
margin: 1px;
|
2013-02-12 21:16:32 +01:00
|
|
|
text-indent: -999px;
|
|
|
|
cursor: pointer;
|
2013-07-24 08:48:17 +02:00
|
|
|
border: 1px solid #ffffff;
|
2013-07-02 03:16:59 +02:00
|
|
|
border-radius: 10px;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.carousel-indicators .active {
|
2013-07-02 03:16:59 +02:00
|
|
|
width: 12px;
|
|
|
|
height: 12px;
|
|
|
|
margin: 0;
|
2013-07-24 08:48:17 +02:00
|
|
|
background-color: #ffffff;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
2013-02-16 11:47:15 +01:00
|
|
|
.carousel-caption {
|
|
|
|
position: absolute;
|
2013-04-03 01:17:04 +02:00
|
|
|
right: 15%;
|
2013-02-16 11:47:15 +01:00
|
|
|
bottom: 20px;
|
2013-04-03 01:17:04 +02:00
|
|
|
left: 15%;
|
|
|
|
z-index: 10;
|
2013-02-16 11:47:15 +01:00
|
|
|
padding-top: 20px;
|
|
|
|
padding-bottom: 20px;
|
2013-07-24 08:48:17 +02:00
|
|
|
color: #ffffff;
|
2013-04-03 01:17:04 +02:00
|
|
|
text-align: center;
|
2013-02-16 11:47:15 +01:00
|
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
|
|
|
|
}
|
|
|
|
|
2013-04-01 22:25:51 +02:00
|
|
|
.carousel-caption .btn {
|
|
|
|
text-shadow: none;
|
|
|
|
}
|
|
|
|
|
2013-02-16 10:22:15 +01:00
|
|
|
@media screen and (min-width: 768px) {
|
2013-07-06 20:20:56 +02:00
|
|
|
.carousel-control .icon-prev,
|
|
|
|
.carousel-control .icon-next {
|
2013-02-16 10:22:15 +01:00
|
|
|
width: 30px;
|
|
|
|
height: 30px;
|
|
|
|
margin-top: -15px;
|
2013-02-16 11:47:15 +01:00
|
|
|
margin-left: -15px;
|
2013-02-16 10:22:15 +01:00
|
|
|
font-size: 30px;
|
|
|
|
}
|
2013-02-16 11:47:15 +01:00
|
|
|
.carousel-caption {
|
2013-04-03 04:40:43 +02:00
|
|
|
right: 20%;
|
|
|
|
left: 20%;
|
2013-04-03 01:17:04 +02:00
|
|
|
padding-bottom: 30px;
|
2013-02-16 10:22:15 +01:00
|
|
|
}
|
2013-07-20 02:36:03 +02:00
|
|
|
.carousel-indicators {
|
|
|
|
bottom: 20px;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.clearfix:before,
|
|
|
|
.clearfix:after {
|
|
|
|
display: table;
|
|
|
|
content: " ";
|
|
|
|
}
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
clear: both;
|
|
|
|
}
|
|
|
|
|
|
|
|
.pull-right {
|
2013-07-28 08:05:47 +02:00
|
|
|
float: right !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.pull-left {
|
2013-07-28 08:05:47 +02:00
|
|
|
float: left !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.hide {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.show {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
.invisible {
|
|
|
|
visibility: hidden;
|
|
|
|
}
|
|
|
|
|
|
|
|
.text-hide {
|
|
|
|
font: 0/0 a;
|
|
|
|
color: transparent;
|
|
|
|
text-shadow: none;
|
|
|
|
background-color: transparent;
|
|
|
|
border: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.affix {
|
|
|
|
position: fixed;
|
|
|
|
}
|
|
|
|
|
|
|
|
@-ms-viewport {
|
|
|
|
width: device-width;
|
|
|
|
}
|
|
|
|
|
2013-04-21 23:50:44 +02:00
|
|
|
@media screen and (max-width: 400px) {
|
|
|
|
@-ms-viewport {
|
|
|
|
width: 320px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-02-12 21:16:32 +01:00
|
|
|
.hidden {
|
2013-06-28 04:36:09 +02:00
|
|
|
display: none !important;
|
|
|
|
visibility: hidden !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.visible-xs {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
tr.visible-xs {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
|
2013-06-19 04:16:42 +02:00
|
|
|
th.visible-sm,
|
|
|
|
td.visible-sm {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
display: none !important;
|
2013-06-19 04:16:42 +02:00
|
|
|
}
|
|
|
|
|
2013-08-12 03:42:13 +02:00
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
tr.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.visible-sm,
|
|
|
|
td.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 1200px) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
tr.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.visible-sm,
|
|
|
|
td.visible-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-05-11 15:58:59 +02:00
|
|
|
.visible-md {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2013-07-01 21:13:57 +02:00
|
|
|
tr.visible-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
th.visible-md,
|
|
|
|
td.visible-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2013-08-12 03:42:13 +02:00
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.visible-md {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
tr.visible-md {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
th.visible-md,
|
|
|
|
td.visible-md {
|
|
|
|
display: table-cell !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 1200px) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.visible-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
tr.visible-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.visible-md,
|
|
|
|
td.visible-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-05-11 15:58:59 +02:00
|
|
|
.visible-lg {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2013-07-01 21:13:57 +02:00
|
|
|
tr.visible-lg {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
th.visible-lg,
|
|
|
|
td.visible-lg {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2013-08-12 03:42:13 +02:00
|
|
|
@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 query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@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) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.visible-lg {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
tr.visible-lg {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
th.visible-lg,
|
|
|
|
td.visible-lg {
|
|
|
|
display: table-cell !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.hidden-xs {
|
2013-04-20 21:33:09 +02:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
tr.hidden-xs {
|
2013-07-01 21:13:57 +02:00
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
th.hidden-xs,
|
|
|
|
td.hidden-xs {
|
|
|
|
display: none !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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@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-sm {
|
|
|
|
display: block !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
tr.hidden-sm {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
|
2013-07-01 21:13:57 +02:00
|
|
|
th.hidden-sm,
|
|
|
|
td.hidden-sm {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
display: table-cell !important;
|
2013-07-01 21:13:57 +02:00
|
|
|
}
|
|
|
|
|
2013-04-27 20:55:45 +02:00
|
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.hidden-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
tr.hidden-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.hidden-sm,
|
|
|
|
td.hidden-sm {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.hidden-sm {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
tr.hidden-sm {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-row !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
th.hidden-sm,
|
|
|
|
td.hidden-sm {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-cell !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 1200px) {
|
2013-05-11 15:58:59 +02:00
|
|
|
.hidden-sm {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-19 04:16:42 +02:00
|
|
|
tr.hidden-sm {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
th.hidden-sm,
|
|
|
|
td.hidden-sm {
|
|
|
|
display: table-cell !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.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) {
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
.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: 992px) and (max-width: 1199px) {
|
2013-05-11 15:58:59 +02:00
|
|
|
.hidden-md {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: none !important;
|
|
|
|
}
|
2013-07-01 21:13:57 +02:00
|
|
|
tr.hidden-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.hidden-md,
|
|
|
|
td.hidden-md {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-04-20 21:33:09 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 1200px) {
|
2013-08-12 03:42:13 +02:00
|
|
|
.hidden-md {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-04-20 21:33:09 +02:00
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
tr.hidden-md {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-row !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
th.hidden-md,
|
|
|
|
td.hidden-md {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-cell !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.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 {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-04-20 21:33:09 +02:00
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
tr.hidden-lg {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-row !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
th.hidden-lg,
|
|
|
|
td.hidden-lg {
|
2013-06-19 04:16:42 +02:00
|
|
|
display: table-cell !important;
|
|
|
|
}
|
2013-08-12 03:42:13 +02:00
|
|
|
}
|
|
|
|
|
Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:
* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up
Alongside that, we've updated our media queries to better handle
advanced grid layouts:
* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)
We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).
Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:
* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range
-----
Fixes the following:
* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 09:28:50 +02:00
|
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
|
|
.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: 1200px) {
|
2013-05-11 15:58:59 +02:00
|
|
|
.hidden-lg {
|
2013-02-12 21:16:32 +01:00
|
|
|
display: none !important;
|
|
|
|
}
|
2013-07-01 21:13:57 +02:00
|
|
|
tr.hidden-lg {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.hidden-lg,
|
|
|
|
td.hidden-lg {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.visible-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
|
2013-07-01 21:13:57 +02:00
|
|
|
tr.visible-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-07-02 05:06:16 +02:00
|
|
|
|
2013-07-01 21:13:57 +02:00
|
|
|
th.visible-print,
|
|
|
|
td.visible-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
|
|
|
|
@media print {
|
|
|
|
.visible-print {
|
2013-05-17 04:13:58 +02:00
|
|
|
display: block !important;
|
2013-02-12 21:16:32 +01:00
|
|
|
}
|
2013-06-19 04:16:42 +02:00
|
|
|
tr.visible-print {
|
|
|
|
display: table-row !important;
|
|
|
|
}
|
|
|
|
th.visible-print,
|
|
|
|
td.visible-print {
|
|
|
|
display: table-cell !important;
|
|
|
|
}
|
2013-02-12 21:16:32 +01:00
|
|
|
.hidden-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-07-02 05:06:16 +02:00
|
|
|
tr.hidden-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
|
|
|
th.hidden-print,
|
|
|
|
td.hidden-print {
|
|
|
|
display: none !important;
|
|
|
|
}
|
2013-05-04 16:55:52 +02:00
|
|
|
}
|