Created
August 7, 2013 14:06
-
-
Save anonymous/6174366 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! | |
* Bootstrap v3.0.0 | |
* | |
* Copyright 2013 Twitter, Inc | |
* 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 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
hr { | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
height: 0; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
} | |
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 { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
border: 0; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 0; | |
} | |
fieldset { | |
border: 1px solid #c0c0c0; | |
margin: 0 2px; | |
padding: 0.35em 0.625em 0.75em; | |
} | |
legend { | |
border: 0; | |
padding: 0; | |
} | |
button, | |
input, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: 100%; | |
margin: 0; | |
} | |
button, | |
input { | |
line-height: normal; | |
} | |
button, | |
select { | |
text-transform: none; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
box-sizing: border-box; | |
padding: 0; | |
} | |
input[type="search"] { | |
-webkit-appearance: textfield; | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
vertical-align: top; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
@media print { | |
* { | |
text-shadow: none !important; | |
color: #000 !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 { | |
margin: 2cm .5cm; | |
} | |
p, | |
h2, | |
h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, | |
h3 { | |
page-break-after: avoid; | |
} | |
.navbar { | |
display: none; | |
} | |
.table td, | |
.table th { | |
background-color: #fff !important; | |
} | |
.btn > .caret, | |
.dropup > .btn > .caret { | |
border-top-color: #000 !important; | |
} | |
.label { | |
border: 1px solid #000; | |
} | |
.table { | |
border-collapse: collapse !important; | |
} | |
.table-bordered th, | |
.table-bordered td { | |
border: 1px solid #ddd !important; | |
} | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 62.5%; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
} | |
body { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 1.428571429; | |
color: #333333; | |
background-color: #ffffff; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
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 { | |
vertical-align: middle; | |
} | |
.img-responsive { | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-rounded { | |
border-radius: 6px; | |
} | |
.img-circle { | |
border-radius: 500px; | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eeeeee; | |
} | |
p { | |
margin: 0 0 10px; | |
} | |
.lead { | |
margin-bottom: 20px; | |
font-size: 16.099999999999998px; | |
font-weight: 200; | |
line-height: 1.4; | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 21px; | |
} | |
} | |
small { | |
font-size: 85%; | |
} | |
cite { | |
font-style: normal; | |
} | |
.text-muted { | |
color: #999999; | |
} | |
.text-primary { | |
color: #428bca; | |
} | |
.text-warning { | |
color: #c09853; | |
} | |
.text-danger { | |
color: #b94a48; | |
} | |
.text-success { | |
color: #468847; | |
} | |
.text-info { | |
color: #3a87ad; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.text-center { | |
text-align: center; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6 { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-weight: 500; | |
line-height: 1.1; | |
} | |
h1 small, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small, | |
.h1 small, | |
.h2 small, | |
.h3 small, | |
.h4 small, | |
.h5 small, | |
.h6 small { | |
font-weight: normal; | |
line-height: 1; | |
color: #999999; | |
} | |
h1, | |
h2, | |
h3 { | |
margin-top: 20px; | |
margin-bottom: 10px; | |
} | |
h4, | |
h5, | |
h6 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
h1, | |
.h1 { | |
font-size: 38px; | |
} | |
h2, | |
.h2 { | |
font-size: 32px; | |
} | |
h3, | |
.h3 { | |
font-size: 24px; | |
} | |
h4, | |
.h4 { | |
font-size: 18px; | |
} | |
h5, | |
.h5 { | |
font-size: 14px; | |
} | |
h6, | |
.h6 { | |
font-size: 12px; | |
} | |
h1 small, | |
.h1 small { | |
font-size: 24px; | |
} | |
h2 small, | |
.h2 small { | |
font-size: 18px; | |
} | |
h3 small, | |
.h3 small, | |
h4 small, | |
.h4 small { | |
font-size: 14px; | |
} | |
.page-header { | |
padding-bottom: 9px; | |
margin: 40px 0 20px; | |
border-bottom: 1px solid #eeeeee; | |
} | |
ul, | |
ol { | |
margin-top: 0; | |
margin-bottom: 10px; | |
} | |
ul ul, | |
ol ul, | |
ul ol, | |
ol ol { | |
margin-bottom: 0; | |
} | |
.list-unstyled { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-inline { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-inline > li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
dl { | |
margin-bottom: 20px; | |
} | |
dt, | |
dd { | |
line-height: 1.428571429; | |
} | |
dt { | |
font-weight: bold; | |
} | |
dd { | |
margin-left: 0; | |
} | |
@media (min-width: 768px) { | |
.dl-horizontal dt { | |
float: left; | |
width: 160px; | |
clear: left; | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.dl-horizontal dd { | |
margin-left: 180px; | |
} | |
.dl-horizontal dd:before, | |
.dl-horizontal dd:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.dl-horizontal dd:after { | |
clear: both; | |
} | |
.dl-horizontal dd:before, | |
.dl-horizontal dd:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.dl-horizontal dd:after { | |
clear: both; | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #999999; | |
} | |
abbr.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
border-left: 5px solid #eeeeee; | |
} | |
blockquote p { | |
font-size: 17.5px; | |
font-weight: 300; | |
line-height: 1.25; | |
} | |
blockquote p:last-child { | |
margin-bottom: 0; | |
} | |
blockquote small { | |
display: block; | |
line-height: 1.428571429; | |
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; | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.428571429; | |
} | |
code, | |
pre { | |
font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
white-space: nowrap; | |
border-radius: 4px; | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.428571429; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333333; | |
background-color: #f5f5f5; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
} | |
pre.prettyprint { | |
margin-bottom: 20px; | |
} | |
pre code { | |
padding: 0; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
.container { | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.container:before, | |
.container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after { | |
clear: both; | |
} | |
.container:before, | |
.container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after { | |
clear: both; | |
} | |
.row:before, | |
.row:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.row:after { | |
clear: both; | |
} | |
.row:before, | |
.row:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.row:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
.row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
.row .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.col-1, | |
.col-2, | |
.col-3, | |
.col-4, | |
.col-5, | |
.col-6, | |
.col-7, | |
.col-8, | |
.col-9, | |
.col-10, | |
.col-11, | |
.col-12, | |
.col-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, | |
.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, | |
.col-lg-11, | |
.col-lg-12 { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
.col-1, | |
.col-2, | |
.col-3, | |
.col-4, | |
.col-5, | |
.col-6, | |
.col-7, | |
.col-8, | |
.col-9, | |
.col-10, | |
.col-11, | |
.col-12 { | |
float: left; | |
} | |
.col-1 { | |
width: 8.333333333333332%; | |
} | |
.col-2 { | |
width: 16.666666666666664%; | |
} | |
.col-3 { | |
width: 25%; | |
} | |
.col-4 { | |
width: 33.33333333333333%; | |
} | |
.col-5 { | |
width: 41.66666666666667%; | |
} | |
.col-6 { | |
width: 50%; | |
} | |
.col-7 { | |
width: 58.333333333333336%; | |
} | |
.col-8 { | |
width: 66.66666666666666%; | |
} | |
.col-9 { | |
width: 75%; | |
} | |
.col-10 { | |
width: 83.33333333333334%; | |
} | |
.col-11 { | |
width: 91.66666666666666%; | |
} | |
.col-12 { | |
width: 100%; | |
} | |
@media (min-width: 768px) { | |
.container { | |
max-width: 728px; | |
} | |
.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 { | |
float: left; | |
} | |
.col-sm-1 { | |
width: 8.333333333333332%; | |
} | |
.col-sm-2 { | |
width: 16.666666666666664%; | |
} | |
.col-sm-3 { | |
width: 25%; | |
} | |
.col-sm-4 { | |
width: 33.33333333333333%; | |
} | |
.col-sm-5 { | |
width: 41.66666666666667%; | |
} | |
.col-sm-6 { | |
width: 50%; | |
} | |
.col-sm-7 { | |
width: 58.333333333333336%; | |
} | |
.col-sm-8 { | |
width: 66.66666666666666%; | |
} | |
.col-sm-9 { | |
width: 75%; | |
} | |
.col-sm-10 { | |
width: 83.33333333333334%; | |
} | |
.col-sm-11 { | |
width: 91.66666666666666%; | |
} | |
.col-sm-12 { | |
width: 100%; | |
} | |
.col-sm-push-1 { | |
left: 8.333333333333332%; | |
} | |
.col-sm-push-2 { | |
left: 16.666666666666664%; | |
} | |
.col-sm-push-3 { | |
left: 25%; | |
} | |
.col-sm-push-4 { | |
left: 33.33333333333333%; | |
} | |
.col-sm-push-5 { | |
left: 41.66666666666667%; | |
} | |
.col-sm-push-6 { | |
left: 50%; | |
} | |
.col-sm-push-7 { | |
left: 58.333333333333336%; | |
} | |
.col-sm-push-8 { | |
left: 66.66666666666666%; | |
} | |
.col-sm-push-9 { | |
left: 75%; | |
} | |
.col-sm-push-10 { | |
left: 83.33333333333334%; | |
} | |
.col-sm-push-11 { | |
left: 91.66666666666666%; | |
} | |
.col-sm-pull-1 { | |
right: 8.333333333333332%; | |
} | |
.col-sm-pull-2 { | |
right: 16.666666666666664%; | |
} | |
.col-sm-pull-3 { | |
right: 25%; | |
} | |
.col-sm-pull-4 { | |
right: 33.33333333333333%; | |
} | |
.col-sm-pull-5 { | |
right: 41.66666666666667%; | |
} | |
.col-sm-pull-6 { | |
right: 50%; | |
} | |
.col-sm-pull-7 { | |
right: 58.333333333333336%; | |
} | |
.col-sm-pull-8 { | |
right: 66.66666666666666%; | |
} | |
.col-sm-pull-9 { | |
right: 75%; | |
} | |
.col-sm-pull-10 { | |
right: 83.33333333333334%; | |
} | |
.col-sm-pull-11 { | |
right: 91.66666666666666%; | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.333333333333332%; | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.666666666666664%; | |
} | |
.col-sm-offset-3 { | |
margin-left: 25%; | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.33333333333333%; | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.66666666666667%; | |
} | |
.col-sm-offset-6 { | |
margin-left: 50%; | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.333333333333336%; | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.66666666666666%; | |
} | |
.col-sm-offset-9 { | |
margin-left: 75%; | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.33333333333334%; | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.66666666666666%; | |
} | |
} | |
@media (min-width: 992px) { | |
.container { | |
max-width: 940px; | |
} | |
.col-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, | |
.col-lg-11, | |
.col-lg-12 { | |
float: left; | |
} | |
.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%; | |
} | |
.col-lg-12 { | |
width: 100%; | |
} | |
.col-lg-push-1 { | |
left: 8.333333333333332%; | |
} | |
.col-lg-push-2 { | |
left: 16.666666666666664%; | |
} | |
.col-lg-push-3 { | |
left: 25%; | |
} | |
.col-lg-push-4 { | |
left: 33.33333333333333%; | |
} | |
.col-lg-push-5 { | |
left: 41.66666666666667%; | |
} | |
.col-lg-push-6 { | |
left: 50%; | |
} | |
.col-lg-push-7 { | |
left: 58.333333333333336%; | |
} | |
.col-lg-push-8 { | |
left: 66.66666666666666%; | |
} | |
.col-lg-push-9 { | |
left: 75%; | |
} | |
.col-lg-push-10 { | |
left: 83.33333333333334%; | |
} | |
.col-lg-push-11 { | |
left: 91.66666666666666%; | |
} | |
.col-lg-pull-1 { | |
right: 8.333333333333332%; | |
} | |
.col-lg-pull-2 { | |
right: 16.666666666666664%; | |
} | |
.col-lg-pull-3 { | |
right: 25%; | |
} | |
.col-lg-pull-4 { | |
right: 33.33333333333333%; | |
} | |
.col-lg-pull-5 { | |
right: 41.66666666666667%; | |
} | |
.col-lg-pull-6 { | |
right: 50%; | |
} | |
.col-lg-pull-7 { | |
right: 58.333333333333336%; | |
} | |
.col-lg-pull-8 { | |
right: 66.66666666666666%; | |
} | |
.col-lg-pull-9 { | |
right: 75%; | |
} | |
.col-lg-pull-10 { | |
right: 83.33333333333334%; | |
} | |
.col-lg-pull-11 { | |
right: 91.66666666666666%; | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.333333333333332%; | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.666666666666664%; | |
} | |
.col-lg-offset-3 { | |
margin-left: 25%; | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.33333333333333%; | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.66666666666667%; | |
} | |
.col-lg-offset-6 { | |
margin-left: 50%; | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.333333333333336%; | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.66666666666666%; | |
} | |
.col-lg-offset-9 { | |
margin-left: 75%; | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.33333333333334%; | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.66666666666666%; | |
} | |
} | |
@media (min-width: 1200px) { | |
.container { | |
max-width: 1170px; | |
} | |
} | |
table { | |
max-width: 100%; | |
background-color: transparent; | |
} | |
th { | |
text-align: left; | |
} | |
.table { | |
width: 100%; | |
margin-bottom: 20px; | |
} | |
.table thead > tr > th, | |
.table tbody > tr > th, | |
.table tfoot > tr > th, | |
.table thead > tr > td, | |
.table tbody > tr > td, | |
.table tfoot > tr > td { | |
padding: 8px; | |
line-height: 1.428571429; | |
vertical-align: top; | |
border-top: 1px solid #dddddd; | |
} | |
.table thead > tr > th { | |
vertical-align: bottom; | |
} | |
.table caption + thead tr:first-child th, | |
.table colgroup + thead tr:first-child th, | |
.table thead:first-child tr:first-child th, | |
.table caption + thead tr:first-child td, | |
.table colgroup + thead tr:first-child td, | |
.table thead:first-child tr:first-child td { | |
border-top: 0; | |
} | |
.table tbody + tbody { | |
border-top: 2px solid #dddddd; | |
} | |
.table .table { | |
background-color: #ffffff; | |
} | |
.table-condensed thead > tr > th, | |
.table-condensed tbody > tr > th, | |
.table-condensed tfoot > tr > th, | |
.table-condensed thead > tr > td, | |
.table-condensed tbody > tr > td, | |
.table-condensed tfoot > tr > td { | |
padding: 5px; | |
} | |
.table-bordered { | |
border: 1px solid #dddddd; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > tbody > tr > th, | |
.table-bordered > tfoot > tr > th, | |
.table-bordered > thead > tr > td, | |
.table-bordered > tbody > tr > td, | |
.table-bordered > tfoot > tr > td { | |
border: 1px solid #dddddd; | |
} | |
.table-striped > tbody > tr:nth-child(odd) > td, | |
.table-striped > tbody > tr:nth-child(odd) > th { | |
background-color: #f9f9f9; | |
} | |
.table-hover > tbody > tr:hover > td, | |
.table-hover > tbody > tr:hover > th { | |
background-color: #f5f5f5; | |
} | |
table col[class^="col-"] { | |
float: none; | |
display: table-column; | |
} | |
table td[class^="col-"], | |
table th[class^="col-"] { | |
float: none; | |
display: table-cell; | |
} | |
.table > thead > tr > td.active, | |
.table > tbody > tr > td.active, | |
.table > tfoot > tr > td.active, | |
.table > thead > tr > th.active, | |
.table > tbody > tr > th.active, | |
.table > tfoot > tr > th.active, | |
.table > thead > tr.active > td, | |
.table > tbody > tr.active > td, | |
.table > tfoot > tr.active > td, | |
.table > thead > tr.active > th, | |
.table > tbody > tr.active > th, | |
.table > tfoot > tr.active > th { | |
background-color: #f5f5f5; | |
} | |
.table > thead > tr > td.success, | |
.table > tbody > tr > td.success, | |
.table > tfoot > tr > td.success, | |
.table > thead > tr > th.success, | |
.table > tbody > tr > th.success, | |
.table > tfoot > tr > th.success, | |
.table > thead > tr.success > td, | |
.table > tbody > tr.success > td, | |
.table > tfoot > tr.success > td, | |
.table > thead > tr.success > th, | |
.table > tbody > tr.success > th, | |
.table > tfoot > tr.success > th { | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
} | |
.table > thead > tr > td.danger, | |
.table > tbody > tr > td.danger, | |
.table > tfoot > tr > td.danger, | |
.table > thead > tr > th.danger, | |
.table > tbody > tr > th.danger, | |
.table > tfoot > tr > th.danger, | |
.table > thead > tr.danger > td, | |
.table > tbody > tr.danger > td, | |
.table > tfoot > tr.danger > td, | |
.table > thead > tr.danger > th, | |
.table > tbody > tr.danger > th, | |
.table > tfoot > tr.danger > th { | |
background-color: #f2dede; | |
border-color: #eed3d7; | |
} | |
.table > thead > tr > td.warning, | |
.table > tbody > tr > td.warning, | |
.table > tfoot > tr > td.warning, | |
.table > thead > tr > th.warning, | |
.table > tbody > tr > th.warning, | |
.table > tfoot > tr > th.warning, | |
.table > thead > tr.warning > td, | |
.table > tbody > tr.warning > td, | |
.table > tfoot > tr.warning > td, | |
.table > thead > tr.warning > th, | |
.table > tbody > tr.warning > th, | |
.table > tfoot > tr.warning > th { | |
background-color: #fcf8e3; | |
border-color: #fbeed5; | |
} | |
.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; | |
} | |
.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; | |
} | |
.table-hover > tbody > tr > td.warning:hover, | |
.table-hover > tbody > tr > th.warning:hover, | |
.table-hover > tbody > tr.warning:hover > td { | |
background-color: #faf2cc; | |
border-color: #f8e5be; | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 20px; | |
font-size: 21px; | |
line-height: inherit; | |
color: #333333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
label { | |
display: inline-block; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
input[type="search"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
margin: 4px 0 0; | |
margin-top: 1px \9; | |
/* IE8-9 */ | |
line-height: normal; | |
} | |
input[type="file"] { | |
display: block; | |
} | |
select[multiple], | |
select[size] { | |
height: auto; | |
} | |
select optgroup { | |
font-size: inherit; | |
font-style: inherit; | |
font-family: inherit; | |
} | |
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; | |
} | |
input[type="number"]::-webkit-outer-spin-button, | |
input[type="number"]::-webkit-inner-spin-button { | |
height: auto; | |
} | |
.form-control:-moz-placeholder { | |
color: #999999; | |
} | |
.form-control::-moz-placeholder { | |
color: #999999; | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999999; | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
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 .15s, box-shadow ease-in-out .15s; | |
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
} | |
.form-control:focus { | |
border-color: #66afe9; | |
outline: 0; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | |
} | |
.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; | |
} | |
.radio, | |
.checkbox { | |
display: block; | |
min-height: 20px; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
padding-left: 20px; | |
vertical-align: middle; | |
} | |
.radio label, | |
.checkbox label { | |
display: inline; | |
margin-bottom: 0; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.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; | |
vertical-align: middle; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio-inline + .radio-inline, | |
.checkbox-inline + .checkbox-inline { | |
margin-top: 0; | |
margin-left: 10px; | |
} | |
.input-lg { | |
height: 45px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
.input-sm { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-lg { | |
height: 45px; | |
line-height: 45px; | |
} | |
select.input-sm { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-lg, | |
textarea.input-sm { | |
height: auto; | |
} | |
.has-warning .help-block, | |
.has-warning .control-label { | |
color: #c09853; | |
} | |
.has-warning .form-control { | |
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); | |
} | |
.has-warning .form-control:focus { | |
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; | |
} | |
.has-warning .input-group-addon { | |
color: #c09853; | |
border-color: #c09853; | |
background-color: #fcf8e3; | |
} | |
.has-error .help-block, | |
.has-error .control-label { | |
color: #b94a48; | |
} | |
.has-error .form-control { | |
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); | |
} | |
.has-error .form-control:focus { | |
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; | |
} | |
.has-error .input-group-addon { | |
color: #b94a48; | |
border-color: #b94a48; | |
background-color: #f2dede; | |
} | |
.has-success .help-block, | |
.has-success .control-label { | |
color: #468847; | |
} | |
.has-success .form-control { | |
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); | |
} | |
.has-success .form-control:focus { | |
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; | |
} | |
.has-success .input-group-addon { | |
color: #468847; | |
border-color: #468847; | |
background-color: #dff0d8; | |
} | |
.form-control-static { | |
margin-bottom: 0; | |
padding-top: 6px; | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #737373; | |
} | |
.form-inline .form-control, | |
.form-inline .radio, | |
.form-inline .checkbox { | |
display: inline-block; | |
} | |
.form-inline .radio, | |
.form-inline .checkbox { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding-left: 0; | |
} | |
.form-inline .radio input[type="radio"], | |
.form-inline .checkbox input[type="checkbox"] { | |
float: none; | |
margin-left: 0; | |
} | |
.form-horizontal .control-label, | |
.form-horizontal .radio-inline, | |
.form-horizontal .checkbox-inline { | |
padding-top: 6px; | |
} | |
.form-horizontal .form-group:before, | |
.form-horizontal .form-group:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.form-horizontal .form-group:after { | |
clear: both; | |
} | |
.form-horizontal .form-group:before, | |
.form-horizontal .form-group:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.form-horizontal .form-group:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
.form-horizontal .form-group .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
text-align: right; | |
} | |
} | |
.btn { | |
display: inline-block; | |
padding: 6px 12px; | |
margin-bottom: 0; | |
font-size: 14px; | |
font-weight: bold; | |
line-height: 1.428571429; | |
text-align: center; | |
vertical-align: middle; | |
cursor: pointer; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
white-space: nowrap; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
-o-user-select: none; | |
user-select: none; | |
} | |
.btn:focus { | |
outline: thin dotted #333; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
.btn:hover, | |
.btn:focus { | |
color: #333333; | |
text-decoration: none; | |
} | |
.btn:active, | |
.btn.active { | |
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 { | |
cursor: default; | |
pointer-events: none; | |
opacity: 0.65; | |
filter: alpha(opacity=65); | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn-default { | |
color: #333333; | |
background-color: #ffffff; | |
border-color: #cccccc; | |
} | |
.btn-default:hover, | |
.btn-default:focus, | |
.btn-default:active, | |
.btn-default.active { | |
color: #333333; | |
background-color: #ebebeb; | |
border-color: #adadad; | |
} | |
.btn-default.disabled, | |
.btn-default[disabled], | |
fieldset[disabled] .btn-default, | |
.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 { | |
background-color: #ffffff; | |
border-color: #cccccc; | |
} | |
.btn-primary { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #357ebd; | |
} | |
.btn-primary:hover, | |
.btn-primary:focus, | |
.btn-primary:active, | |
.btn-primary.active { | |
color: #ffffff; | |
background-color: #3276b1; | |
border-color: #285e8e; | |
} | |
.btn-primary.disabled, | |
.btn-primary[disabled], | |
fieldset[disabled] .btn-primary, | |
.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, | |
fieldset[disabled] .btn-primary:active, | |
.btn-primary.disabled.active, | |
.btn-primary[disabled].active, | |
fieldset[disabled] .btn-primary.active { | |
background-color: #428bca; | |
border-color: #357ebd; | |
} | |
.btn-warning { | |
color: #ffffff; | |
background-color: #f0ad4e; | |
border-color: #eea236; | |
} | |
.btn-warning:hover, | |
.btn-warning:focus, | |
.btn-warning:active, | |
.btn-warning.active { | |
color: #ffffff; | |
background-color: #ed9c28; | |
border-color: #d58512; | |
} | |
.btn-warning.disabled, | |
.btn-warning[disabled], | |
fieldset[disabled] .btn-warning, | |
.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, | |
fieldset[disabled] .btn-warning:active, | |
.btn-warning.disabled.active, | |
.btn-warning[disabled].active, | |
fieldset[disabled] .btn-warning.active { | |
background-color: #f0ad4e; | |
border-color: #eea236; | |
} | |
.btn-danger { | |
color: #ffffff; | |
background-color: #d9534f; | |
border-color: #d43f3a; | |
} | |
.btn-danger:hover, | |
.btn-danger:focus, | |
.btn-danger:active, | |
.btn-danger.active { | |
color: #ffffff; | |
background-color: #d2322d; | |
border-color: #ac2925; | |
} | |
.btn-danger.disabled, | |
.btn-danger[disabled], | |
fieldset[disabled] .btn-danger, | |
.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, | |
fieldset[disabled] .btn-danger:active, | |
.btn-danger.disabled.active, | |
.btn-danger[disabled].active, | |
fieldset[disabled] .btn-danger.active { | |
background-color: #d9534f; | |
border-color: #d43f3a; | |
} | |
.btn-success { | |
color: #ffffff; | |
background-color: #5cb85c; | |
border-color: #4cae4c; | |
} | |
.btn-success:hover, | |
.btn-success:focus, | |
.btn-success:active, | |
.btn-success.active { | |
color: #ffffff; | |
background-color: #47a447; | |
border-color: #398439; | |
} | |
.btn-success.disabled, | |
.btn-success[disabled], | |
fieldset[disabled] .btn-success, | |
.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, | |
fieldset[disabled] .btn-success:active, | |
.btn-success.disabled.active, | |
.btn-success[disabled].active, | |
fieldset[disabled] .btn-success.active { | |
background-color: #5cb85c; | |
border-color: #4cae4c; | |
} | |
.btn-info { | |
color: #ffffff; | |
background-color: #5bc0de; | |
border-color: #46b8da; | |
} | |
.btn-info:hover, | |
.btn-info:focus, | |
.btn-info:active, | |
.btn-info.active { | |
color: #ffffff; | |
background-color: #39b3d7; | |
border-color: #269abc; | |
} | |
.btn-info.disabled, | |
.btn-info[disabled], | |
fieldset[disabled] .btn-info, | |
.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, | |
fieldset[disabled] .btn-info:active, | |
.btn-info.disabled.active, | |
.btn-info[disabled].active, | |
fieldset[disabled] .btn-info.active { | |
background-color: #5bc0de; | |
border-color: #46b8da; | |
} | |
.btn-link { | |
color: #428bca; | |
font-weight: normal; | |
cursor: pointer; | |
border-radius: 0; | |
} | |
.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 { | |
color: #999999; | |
text-decoration: none; | |
} | |
.btn-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
.btn-sm, | |
.btn-xs { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
.btn-xs { | |
padding: 3px 5px; | |
} | |
.btn-block { | |
display: block; | |
width: 100%; | |
padding-left: 0; | |
padding-right: 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%; | |
} | |
.fade { | |
opacity: 0; | |
-webkit-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
} | |
.fade.in { | |
opacity: 1; | |
} | |
.collapse { | |
display: none; | |
} | |
.collapse.in { | |
display: block; | |
} | |
.collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition: height 0.35s ease; | |
transition: height 0.35s ease; | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
border-collapse: separate; | |
} | |
.input-group.col { | |
float: none; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-group .form-control { | |
width: 100%; | |
margin-bottom: 0; | |
} | |
.input-group-addon, | |
.input-group-btn, | |
.input-group .form-control { | |
display: table-cell; | |
} | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child), | |
.input-group .form-control:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1; | |
text-align: center; | |
background-color: #eeeeee; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
} | |
.input-group-addon.input-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 3px; | |
} | |
.input-group-addon.input-lg { | |
padding: 10px 16px; | |
font-size: 18px; | |
border-radius: 6px; | |
} | |
.input-group-addon input[type="radio"], | |
.input-group-addon input[type="checkbox"] { | |
margin-top: 0; | |
} | |
.input-group .form-control:first-child, | |
.input-group-addon:first-child, | |
.input-group-btn:first-child > .btn, | |
.input-group-btn:first-child > .dropdown-toggle, | |
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.input-group-addon:first-child { | |
border-right: 0; | |
} | |
.input-group .form-control:last-child, | |
.input-group-addon:last-child, | |
.input-group-btn:last-child > .btn, | |
.input-group-btn:last-child > .dropdown-toggle, | |
.input-group-btn:first-child > .btn:not(:first-child) { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.input-group-addon:last-child { | |
border-left: 0; | |
} | |
.input-group-btn { | |
position: relative; | |
white-space: nowrap; | |
} | |
.input-group-btn > .btn { | |
position: relative; | |
} | |
.input-group-btn > .btn + .btn { | |
margin-left: -4px; | |
} | |
.input-group-btn > .btn:hover, | |
.input-group-btn > .btn:active { | |
z-index: 2; | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
margin-left: 2px; | |
vertical-align: middle; | |
border-top: 4px solid #000000; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent; | |
content: ""; | |
} | |
.dropdown { | |
position: relative; | |
} | |
.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; | |
list-style: none; | |
background-color: #ffffff; | |
border: 1px solid #cccccc; | |
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); | |
background-clip: padding-box; | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.dropdown-menu > li > a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.428571429; | |
color: #333333; | |
white-space: nowrap; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus { | |
text-decoration: none; | |
color: #ffffff; | |
background-color: #357ebd; | |
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); | |
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); | |
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); | |
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); | |
} | |
.dropdown-menu > .active > a, | |
.dropdown-menu > .active > a:hover, | |
.dropdown-menu > .active > a:focus { | |
color: #ffffff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #357ebd; | |
background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); | |
background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); | |
background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); | |
background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=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; | |
background-color: transparent; | |
background-image: none; | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
cursor: not-allowed; | |
} | |
.open > .dropdown-menu { | |
display: block; | |
} | |
.open > a { | |
outline: 0; | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.428571429; | |
color: #999999; | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
top: 0; | |
z-index: 990; | |
} | |
.pull-right > .dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
border-top: 0; | |
border-bottom: 4px solid #000000; | |
content: ""; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 1px; | |
} | |
.list-group { | |
margin-bottom: 20px; | |
padding-left: 0; | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 10px 30px 10px 15px; | |
margin-bottom: -1px; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
} | |
.list-group-item:first-child { | |
border-top-right-radius: 4px; | |
border-top-left-radius: 4px; | |
} | |
.list-group-item:last-child { | |
margin-bottom: 0; | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px; | |
} | |
.list-group-item > .badge { | |
float: right; | |
margin-right: -15px; | |
} | |
.list-group-item-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.list-group-item-text { | |
margin-bottom: 0; | |
line-height: 1.3; | |
} | |
a.list-group-item .list-group-item-heading { | |
color: #333333; | |
} | |
a.list-group-item .list-group-item-text { | |
color: #555555; | |
} | |
a.list-group-item:hover, | |
a.list-group-item:focus { | |
text-decoration: none; | |
background-color: #f5f5f5; | |
} | |
a.list-group-item.active { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
a.list-group-item.active .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item.active .list-group-item-text { | |
color: #e1edf7; | |
} | |
.panel { | |
padding: 15px; | |
margin-bottom: 20px; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
} | |
.panel .list-group { | |
margin: 15px -15px -15px; | |
} | |
.panel .list-group .list-group-item { | |
border-width: 1px 0; | |
} | |
.panel .list-group .list-group-item:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.panel .list-group .list-group-item:last-child { | |
border-bottom: 0; | |
} | |
.panel-heading { | |
margin: -15px -15px 15px; | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-bottom: 1px solid #dddddd; | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.panel-title { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-size: 17.5px; | |
font-weight: 500; | |
} | |
.panel-title > a { | |
color: inherit; | |
} | |
.panel-footer { | |
margin: 15px -15px -15px; | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #dddddd; | |
border-bottom-left-radius: 3px; | |
border-bottom-right-radius: 3px; | |
} | |
.panel-primary { | |
border-color: #428bca; | |
} | |
.panel-primary .panel-heading { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
.panel-success { | |
border-color: #d6e9c6; | |
} | |
.panel-success .panel-heading { | |
color: #468847; | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
} | |
.panel-warning { | |
border-color: #fbeed5; | |
} | |
.panel-warning .panel-heading { | |
color: #c09853; | |
background-color: #fcf8e3; | |
border-color: #fbeed5; | |
} | |
.panel-danger { | |
border-color: #eed3d7; | |
} | |
.panel-danger .panel-heading { | |
color: #b94a48; | |
background-color: #f2dede; | |
border-color: #eed3d7; | |
} | |
.panel-info { | |
border-color: #bce8f1; | |
} | |
.panel-info .panel-heading { | |
color: #3a87ad; | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
} | |
.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); | |
} | |
.well blockquote { | |
border-color: #ddd; | |
border-color: rgba(0, 0, 0, 0.15); | |
} | |
.well-lg { | |
padding: 24px; | |
border-radius: 6px; | |
} | |
.well-sm { | |
padding: 9px; | |
border-radius: 3px; | |
} | |
.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); | |
} | |
.close:hover, | |
.close:focus { | |
color: #000000; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
button.close { | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
-webkit-appearance: none; | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
} | |
.nav:before, | |
.nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.nav:after { | |
clear: both; | |
} | |
.nav:before, | |
.nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.nav:after { | |
clear: both; | |
} | |
.nav > li { | |
position: relative; | |
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; | |
} | |
.nav > li.disabled > a { | |
color: #999999; | |
} | |
.nav > li.disabled > a:hover, | |
.nav > li.disabled > a:focus { | |
color: #999999; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
.nav.open > a, | |
.nav.open > a:hover, | |
.nav.open > a:focus { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
.nav.open > a .caret, | |
.nav.open > a:hover .caret, | |
.nav.open > a:focus .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #dddddd; | |
} | |
.nav-tabs > li { | |
float: left; | |
margin-bottom: -1px; | |
} | |
.nav-tabs > li > a { | |
margin-right: 2px; | |
line-height: 1.428571429; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs > li > a:hover { | |
border-color: #eeeeee; | |
} | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a:focus { | |
color: #555555; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-bottom-color: transparent; | |
cursor: default; | |
} | |
.nav-tabs.nav-justified { | |
width: 100%; | |
border-bottom: 0; | |
} | |
.nav-tabs.nav-justified > li { | |
float: none; | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-tabs.nav-justified > li > a { | |
text-align: center; | |
} | |
.nav-tabs.nav-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
margin-right: 0; | |
} | |
.nav-tabs.nav-justified > .active > a { | |
border-bottom-color: #ffffff; | |
} | |
.nav-pills > li { | |
float: left; | |
} | |
.nav-pills > li > a { | |
border-radius: 5px; | |
} | |
.nav-pills > li + li { | |
margin-left: 2px; | |
} | |
.nav-pills > li.active > a, | |
.nav-pills > li.active > a:hover, | |
.nav-pills > li.active > a:focus { | |
color: #ffffff; | |
background-color: #428bca; | |
} | |
.nav-stacked > li { | |
float: none; | |
} | |
.nav-stacked > li + li { | |
margin-top: 2px; | |
margin-left: 0; | |
} | |
.nav-justified { | |
width: 100%; | |
} | |
.nav-justified > li { | |
float: none; | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-justified > li > a { | |
text-align: center; | |
} | |
.nav-tabs-justified { | |
border-bottom: 0; | |
} | |
.nav-tabs-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
margin-right: 0; | |
} | |
.nav-tabs-justified > .active > a { | |
border-bottom-color: #ffffff; | |
} | |
.tabbable:before, | |
.tabbable:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.tabbable:after { | |
clear: both; | |
} | |
.tabbable:before, | |
.tabbable:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.tabbable:after { | |
clear: both; | |
} | |
.tab-content > .tab-pane, | |
.pill-content > .pill-pane { | |
display: none; | |
} | |
.tab-content > .active, | |
.pill-content > .active { | |
display: block; | |
} | |
.nav .caret { | |
border-top-color: #428bca; | |
border-bottom-color: #428bca; | |
} | |
.nav a:hover .caret { | |
border-top-color: #2a6496; | |
border-bottom-color: #2a6496; | |
} | |
.nav-tabs .dropdown-menu { | |
margin-top: -1px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
padding-left: 15px; | |
padding-right: 15px; | |
background-color: #eeeeee; | |
border-radius: 4px; | |
} | |
.navbar:before, | |
.navbar:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.navbar:after { | |
clear: both; | |
} | |
.navbar:before, | |
.navbar:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.navbar:after { | |
clear: both; | |
} | |
.navbar-nav { | |
margin-top: 10px; | |
margin-bottom: 15px; | |
} | |
.navbar-nav > li > a { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
color: #777777; | |
line-height: 20px; | |
border-radius: 4px; | |
} | |
.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; | |
background-color: #d5d5d5; | |
} | |
.navbar-nav > .disabled > a, | |
.navbar-nav > .disabled > a:hover, | |
.navbar-nav > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
.navbar-nav.pull-right { | |
width: 100%; | |
} | |
.navbar-static-top { | |
border-radius: 0; | |
} | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
border-radius: 0; | |
} | |
.navbar-fixed-top { | |
top: 0; | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
margin-bottom: 0; | |
} | |
@media (max-width: 768px) { | |
.nav-collapse-scrollable { | |
margin-bottom: 15px; | |
max-height: 360px; | |
overflow-y: scroll; | |
-webkit-overflow-scrolling: touch; | |
} | |
} | |
.navbar-brand { | |
display: block; | |
max-width: 200px; | |
margin-left: auto; | |
margin-right: auto; | |
padding: 15px 15px; | |
font-size: 18px; | |
font-weight: 500; | |
line-height: 20px; | |
color: #777777; | |
text-align: center; | |
} | |
.navbar-brand:hover, | |
.navbar-brand:focus { | |
color: #5e5e5e; | |
text-decoration: none; | |
background-color: transparent; | |
} | |
.navbar-toggle { | |
position: relative; | |
float: right; | |
height: 34px; | |
width: 48px; | |
margin-top: 8px; | |
margin-bottom: 8px; | |
padding: 6px 12px; | |
background-color: transparent; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
} | |
.navbar-toggle:hover, | |
.navbar-toggle:focus { | |
background-color: #dddddd; | |
} | |
.navbar-toggle .icon-bar { | |
display: block; | |
width: 22px; | |
height: 2px; | |
background-color: #cccccc; | |
border-radius: 1px; | |
} | |
.navbar-toggle .icon-bar + .icon-bar { | |
margin-top: 4px; | |
} | |
.navbar-form { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.navbar-form .form-control, | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
display: inline-block; | |
} | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding-left: 0; | |
} | |
.navbar-form .radio input[type="radio"], | |
.navbar-form .checkbox input[type="checkbox"] { | |
float: none; | |
margin-left: 0; | |
} | |
.navbar-nav > li > .dropdown-menu { | |
margin-top: 0; | |
border-top-left-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | |
border-bottom-left-radius: 0; | |
border-bottom-right-radius: 0; | |
} | |
.navbar-nav > .dropdown > a:hover .caret, | |
.navbar-nav > .dropdown > a:focus .caret { | |
border-top-color: #333333; | |
border-bottom-color: #333333; | |
} | |
.navbar-nav > .open > a, | |
.navbar-nav > .open > a:hover, | |
.navbar-nav > .open > a:focus { | |
background-color: #d5d5d5; | |
color: #555555; | |
} | |
.navbar-nav > .open > a .caret, | |
.navbar-nav > .open > a:hover .caret, | |
.navbar-nav > .open > a:focus .caret { | |
border-top-color: #555555; | |
border-bottom-color: #555555; | |
} | |
.navbar-nav > .dropdown > a .caret { | |
border-top-color: #777777; | |
border-bottom-color: #777777; | |
} | |
.navbar-nav.pull-right > li > .dropdown-menu, | |
.navbar-nav > li > .dropdown-menu.pull-right { | |
left: auto; | |
right: 0; | |
} | |
.navbar-inverse { | |
background-color: #222222; | |
} | |
.navbar-inverse .navbar-brand { | |
color: #999999; | |
} | |
.navbar-inverse .navbar-brand:hover, | |
.navbar-inverse .navbar-brand:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-text { | |
color: #999999; | |
} | |
.navbar-inverse .navbar-nav > li > a { | |
color: #999999; | |
} | |
.navbar-inverse .navbar-nav > li > a:hover, | |
.navbar-inverse .navbar-nav > li > a:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav > .active > a, | |
.navbar-inverse .navbar-nav > .active > a:hover, | |
.navbar-inverse .navbar-nav > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav > .disabled > a, | |
.navbar-inverse .navbar-nav > .disabled > a:hover, | |
.navbar-inverse .navbar-nav > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle:hover, | |
.navbar-inverse .navbar-toggle:focus { | |
background-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #ffffff; | |
} | |
.navbar-inverse .navbar-nav > .open > a, | |
.navbar-inverse .navbar-nav > .open > a:hover, | |
.navbar-inverse .navbar-nav > .open > a:focus { | |
background-color: #080808; | |
color: #ffffff; | |
} | |
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
.navbar-inverse .navbar-nav > .dropdown > a .caret { | |
border-top-color: #999999; | |
border-bottom-color: #999999; | |
} | |
.navbar-inverse .navbar-nav > .open > a .caret, | |
.navbar-inverse .navbar-nav > .open > a:hover .caret, | |
.navbar-inverse .navbar-nav > .open > a:focus .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
@media screen and (min-width: 768px) { | |
.navbar-brand { | |
float: left; | |
margin-left: -15px; | |
margin-right: 5px; | |
max-width: none; | |
} | |
.navbar-nav { | |
float: left; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.navbar-nav > li { | |
float: left; | |
} | |
.navbar-nav > li > a { | |
border-radius: 0; | |
} | |
.navbar-nav.pull-right { | |
width: auto; | |
} | |
.navbar-toggle { | |
position: relative; | |
top: auto; | |
left: auto; | |
display: none; | |
} | |
.nav-collapse.collapse { | |
display: block !important; | |
height: auto !important; | |
overflow: visible !important; | |
} | |
} | |
.navbar-btn { | |
margin-top: 8px; | |
} | |
.navbar-text { | |
float: left; | |
padding: 0 15px; | |
margin-top: 15px; | |
margin-bottom: 15px; | |
} | |
.navbar-link { | |
color: #777777; | |
} | |
.navbar-link:hover { | |
color: #333333; | |
} | |
.navbar-inverse .navbar-link { | |
color: #999999; | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #ffffff; | |
} | |
.btn-default .caret { | |
border-top-color: #333333; | |
} | |
.btn-primary .caret, | |
.btn-success .caret, | |
.btn-warning .caret, | |
.btn-danger .caret, | |
.btn-info .caret { | |
border-top-color: #fff; | |
} | |
.btn-default .dropup .caret { | |
border-bottom-color: #333333; | |
} | |
.btn-primary .dropup .caret, | |
.btn-success .dropup .caret, | |
.btn-warning .dropup .caret, | |
.btn-danger .dropup .caret, | |
.btn-info .dropup .caret { | |
border-bottom-color: #fff; | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position: relative; | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.btn-group > .btn, | |
.btn-group-vertical > .btn { | |
position: relative; | |
float: left; | |
} | |
.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; | |
} | |
.btn-group > .btn:focus, | |
.btn-group-vertical > .btn:focus { | |
outline: none; | |
} | |
.btn-group .btn + .btn { | |
margin-left: -1px; | |
} | |
.btn-toolbar:before, | |
.btn-toolbar:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.btn-toolbar:after { | |
clear: both; | |
} | |
.btn-toolbar:before, | |
.btn-toolbar:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.btn-toolbar:after { | |
clear: both; | |
} | |
.btn-toolbar .btn-group { | |
float: left; | |
} | |
.btn-toolbar > .btn + .btn, | |
.btn-toolbar > .btn-group + .btn, | |
.btn-toolbar > .btn + .btn-group, | |
.btn-toolbar > .btn-group + .btn-group { | |
margin-left: 5px; | |
} | |
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
border-radius: 0; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 0; | |
} | |
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.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; | |
} | |
.btn-group > .btn-group { | |
float: left; | |
} | |
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group > .btn-group:first-child > .btn:last-child, | |
.btn-group > .btn-group:first-child > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group > .btn-group:last-child > .btn:first-child { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
} | |
.btn-group > .btn-lg + .dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.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); | |
} | |
.btn .caret { | |
margin-left: 0; | |
} | |
.btn-lg .caret { | |
border-width: 5px; | |
} | |
.dropup .btn-lg .caret { | |
border-bottom-width: 5px; | |
} | |
.btn-group-vertical > .btn { | |
display: block; | |
float: none; | |
width: 100%; | |
max-width: 100%; | |
} | |
.btn-group-vertical > .btn + .btn { | |
margin-top: -1px; | |
} | |
.btn-group-vertical .btn:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.btn-group-vertical .btn:first-child:not(:last-child) { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical .btn:last-child:not(:first-child) { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
} | |
.btn-group-justified .btn { | |
float: none; | |
display: table-cell; | |
width: 1%; | |
} | |
.btn-group[data-toggle="buttons"] > .btn > input[type="radio"], | |
.btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] { | |
display: none; | |
} | |
.breadcrumb { | |
padding: 8px 15px; | |
margin-bottom: 20px; | |
list-style: none; | |
background-color: #f5f5f5; | |
border-radius: 4px; | |
} | |
.breadcrumb > li { | |
display: inline-block; | |
} | |
.breadcrumb > li + li:before { | |
content: "/\00a0"; | |
padding: 0 5px; | |
color: #cccccc; | |
} | |
.breadcrumb > .active { | |
color: #999999; | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 20px 0; | |
border-radius: 4px; | |
} | |
.pagination > li { | |
display: inline; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
float: left; | |
padding: 6px 12px; | |
line-height: 1.428571429; | |
text-decoration: none; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-left-width: 0; | |
} | |
.pagination > li:first-child > a, | |
.pagination > li:first-child > span { | |
border-left-width: 1px; | |
border-bottom-left-radius: 4px; | |
border-top-left-radius: 4px; | |
} | |
.pagination > li:last-child > a, | |
.pagination > li:last-child > span { | |
border-bottom-right-radius: 4px; | |
border-top-right-radius: 4px; | |
} | |
.pagination > li > a:hover, | |
.pagination > li > a:focus, | |
.pagination > .active > a, | |
.pagination > .active > span { | |
background-color: #f5f5f5; | |
} | |
.pagination > .active > a, | |
.pagination > .active > span { | |
color: #999999; | |
cursor: default; | |
} | |
.pagination > .disabled > span, | |
.pagination > .disabled > a, | |
.pagination > .disabled > a:hover, | |
.pagination > .disabled > a:focus { | |
color: #999999; | |
background-color: #ffffff; | |
cursor: not-allowed; | |
} | |
.pagination-lg > li > a, | |
.pagination-lg > li > span { | |
padding: 10px 16px; | |
font-size: 18px; | |
} | |
.pagination-lg > li:first-child > a, | |
.pagination-lg > li:first-child > span { | |
border-bottom-left-radius: 6px; | |
border-top-left-radius: 6px; | |
} | |
.pagination-lg > li:last-child > a, | |
.pagination-lg > li:last-child > span { | |
border-bottom-right-radius: 6px; | |
border-top-right-radius: 6px; | |
} | |
.pagination-sm > li > a, | |
.pagination-sm > li > span { | |
padding: 5px 10px; | |
font-size: 12px; | |
} | |
.pagination-sm > li:first-child > a, | |
.pagination-sm > li:first-child > span { | |
border-bottom-left-radius: 3px; | |
border-top-left-radius: 3px; | |
} | |
.pagination-sm > li:last-child > a, | |
.pagination-sm > li:last-child > span { | |
border-bottom-right-radius: 3px; | |
border-top-right-radius: 3px; | |
} | |
.pager { | |
padding-left: 0; | |
margin: 20px 0; | |
list-style: none; | |
text-align: center; | |
} | |
.pager:before, | |
.pager:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.pager:after { | |
clear: both; | |
} | |
.pager:before, | |
.pager:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.pager:after { | |
clear: both; | |
} | |
.pager li { | |
display: inline; | |
} | |
.pager li > a, | |
.pager li > span { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 15px; | |
} | |
.pager li > a:hover, | |
.pager li > a:focus { | |
text-decoration: none; | |
background-color: #f5f5f5; | |
} | |
.pager .next > a, | |
.pager .next > span { | |
float: right; | |
} | |
.pager .previous > a, | |
.pager .previous > span { | |
float: left; | |
} | |
.pager .disabled > a, | |
.pager .disabled > a:hover, | |
.pager .disabled > a:focus, | |
.pager .disabled > span { | |
color: #999999; | |
background-color: #ffffff; | |
cursor: not-allowed; | |
} | |
.modal-open { | |
overflow: hidden; | |
} | |
.modal { | |
display: none; | |
overflow: auto; | |
overflow-y: scroll; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1040; | |
} | |
.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); | |
} | |
.modal-dialog { | |
margin-left: auto; | |
margin-right: auto; | |
width: auto; | |
padding: 10px; | |
z-index: 1050; | |
} | |
.modal-content { | |
position: relative; | |
background-color: #ffffff; | |
border: 1px solid #999999; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
border-radius: 6px; | |
-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; | |
outline: none; | |
} | |
.modal-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1030; | |
background-color: #000000; | |
} | |
.modal-backdrop.fade { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.modal-backdrop.in { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
.modal-header { | |
padding: 15px; | |
border-bottom: 1px solid #e5e5e5; | |
min-height: 16.428571429px; | |
} | |
.modal-header .close { | |
margin-top: -2px; | |
} | |
.modal-title { | |
margin: 0; | |
line-height: 1.428571429; | |
} | |
.modal-body { | |
position: relative; | |
padding: 20px; | |
} | |
.modal-footer { | |
margin-top: 15px; | |
padding: 19px 20px 20px; | |
text-align: right; | |
border-top: 1px solid #e5e5e5; | |
} | |
.modal-footer:before, | |
.modal-footer:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.modal-footer:after { | |
clear: both; | |
} | |
.modal-footer:before, | |
.modal-footer:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.modal-footer:after { | |
clear: both; | |
} | |
.modal-footer .btn + .btn { | |
margin-left: 5px; | |
margin-bottom: 0; | |
} | |
.modal-footer .btn-group .btn + .btn { | |
margin-left: -1px; | |
} | |
.modal-footer .btn-block + .btn-block { | |
margin-left: 0; | |
} | |
@media screen and (min-width: 768px) { | |
.modal-dialog { | |
left: 50%; | |
right: auto; | |
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); | |
} | |
} | |
.tooltip { | |
position: absolute; | |
z-index: 1030; | |
display: block; | |
visibility: visible; | |
font-size: 12px; | |
line-height: 1.4; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.tooltip.in { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.tooltip.top { | |
margin-top: -3px; | |
padding: 5px 0; | |
} | |
.tooltip.right { | |
margin-left: 3px; | |
padding: 0 5px; | |
} | |
.tooltip.bottom { | |
margin-top: 3px; | |
padding: 5px 0; | |
} | |
.tooltip.left { | |
margin-left: -3px; | |
padding: 0 5px; | |
} | |
.tooltip-inner { | |
max-width: 200px; | |
padding: 3px 8px; | |
color: #ffffff; | |
text-align: center; | |
text-decoration: none; | |
background-color: rgba(0, 0, 0, 0.9); | |
border-radius: 4px; | |
} | |
.tooltip-arrow { | |
position: absolute; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid; | |
} | |
.tooltip.top .tooltip-arrow { | |
bottom: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
border-width: 5px 5px 0; | |
border-top-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
right: 5px; | |
border-width: 5px 5px 0; | |
border-top-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: rgba(0, 0, 0, 0.9); | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: rgba(0, 0, 0, 0.9); | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1010; | |
display: none; | |
max-width: 276px; | |
padding: 1px; | |
text-align: left; | |
background-color: #ffffff; | |
-webkit-bg-clip: padding-box; | |
-moz-bg-clip: padding; | |
background-clip: padding-box; | |
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); | |
white-space: normal; | |
} | |
.popover.top { | |
margin-top: -10px; | |
} | |
.popover.right { | |
margin-left: 10px; | |
} | |
.popover.bottom { | |
margin-top: 10px; | |
} | |
.popover.left { | |
margin-left: -10px; | |
} | |
.popover-title { | |
margin: 0; | |
padding: 8px 14px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 18px; | |
background-color: #f7f7f7; | |
border-bottom: 1px solid #ebebeb; | |
border-radius: 5px 5px 0 0; | |
} | |
.popover-content { | |
padding: 9px 14px; | |
} | |
.popover .arrow, | |
.popover .arrow:after { | |
position: absolute; | |
display: block; | |
width: 0; | |
height: 0; | |
border-color: transparent; | |
border-style: solid; | |
} | |
.popover .arrow { | |
border-width: 11px; | |
} | |
.popover .arrow:after { | |
border-width: 10px; | |
content: ""; | |
} | |
.popover.top .arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-bottom-width: 0; | |
border-top-color: #999999; | |
border-top-color: rgba(0, 0, 0, 0.25); | |
bottom: -11px; | |
} | |
.popover.top .arrow:after { | |
content: " "; | |
bottom: 1px; | |
margin-left: -10px; | |
border-bottom-width: 0; | |
border-top-color: #ffffff; | |
} | |
.popover.right .arrow { | |
top: 50%; | |
left: -11px; | |
margin-top: -11px; | |
border-left-width: 0; | |
border-right-color: #999999; | |
border-right-color: rgba(0, 0, 0, 0.25); | |
} | |
.popover.right .arrow:after { | |
content: " "; | |
left: 1px; | |
bottom: -10px; | |
border-left-width: 0; | |
border-right-color: #ffffff; | |
} | |
.popover.bottom .arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-top-width: 0; | |
border-bottom-color: #999999; | |
border-bottom-color: rgba(0, 0, 0, 0.25); | |
top: -11px; | |
} | |
.popover.bottom .arrow:after { | |
content: " "; | |
top: 1px; | |
margin-left: -10px; | |
border-top-width: 0; | |
border-bottom-color: #ffffff; | |
} | |
.popover.left .arrow { | |
top: 50%; | |
right: -11px; | |
margin-top: -11px; | |
border-right-width: 0; | |
border-left-color: #999999; | |
border-left-color: rgba(0, 0, 0, 0.25); | |
} | |
.popover.left .arrow:after { | |
content: " "; | |
right: 1px; | |
border-right-width: 0; | |
border-left-color: #ffffff; | |
bottom: -10px; | |
} | |
.alert { | |
padding: 15px 35px 15px 15px; | |
margin-bottom: 20px; | |
color: #c09853; | |
background-color: #fcf8e3; | |
border: 1px solid #fbeed5; | |
border-radius: 4px; | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit; | |
} | |
.alert hr { | |
border-top-color: #f8e5be; | |
} | |
.alert .alert-link { | |
font-weight: bold; | |
color: #a47e3c; | |
} | |
.alert .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
color: inherit; | |
} | |
.alert > p, | |
.alert > ul { | |
margin-bottom: 0; | |
} | |
.alert > p + p { | |
margin-top: 5px; | |
} | |
.alert-success { | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
color: #468847; | |
} | |
.alert-success hr { | |
border-top-color: #c9e2b3; | |
} | |
.alert-success .alert-link { | |
color: #356635; | |
} | |
.alert-danger { | |
background-color: #f2dede; | |
border-color: #eed3d7; | |
color: #b94a48; | |
} | |
.alert-danger hr { | |
border-top-color: #e6c1c7; | |
} | |
.alert-danger .alert-link { | |
color: #953b39; | |
} | |
.alert-info { | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
color: #3a87ad; | |
} | |
.alert-info hr { | |
border-top-color: #a6e1ec; | |
} | |
.alert-info .alert-link { | |
color: #2d6987; | |
} | |
.thumbnail, | |
.img-thumbnail { | |
padding: 4px; | |
line-height: 1.428571429; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-transition: all 0.2s ease-in-out; | |
transition: all 0.2s ease-in-out; | |
} | |
.thumbnail { | |
display: block; | |
} | |
.thumbnail > img, | |
.img-thumbnail { | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus { | |
border-color: #428bca; | |
} | |
.thumbnail > img { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #333333; | |
} | |
.media, | |
.media-body { | |
overflow: hidden; | |
zoom: 1; | |
} | |
.media, | |
.media .media { | |
margin-top: 15px; | |
} | |
.media:first-child { | |
margin-top: 0; | |
} | |
.media-object { | |
display: block; | |
} | |
.media-heading { | |
margin: 0 0 5px; | |
} | |
.media > .pull-left { | |
margin-right: 10px; | |
} | |
.media > .pull-right { | |
margin-left: 10px; | |
} | |
.media-list { | |
padding-left: 0; | |
list-style: none; | |
} | |
.label { | |
display: inline; | |
padding: .25em .6em; | |
font-size: 75%; | |
font-weight: 500; | |
line-height: 1; | |
color: #ffffff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em; | |
} | |
.label[href]:hover, | |
.label[href]:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label-default { | |
background-color: #999999; | |
} | |
.label-default[href]:hover, | |
.label-default[href]:focus { | |
background-color: #808080; | |
} | |
.label-danger { | |
background-color: #d9534f; | |
} | |
.label-danger[href]:hover, | |
.label-danger[href]:focus { | |
background-color: #c9302c; | |
} | |
.label-success { | |
background-color: #5cb85c; | |
} | |
.label-success[href]:hover, | |
.label-success[href]:focus { | |
background-color: #449d44; | |
} | |
.label-warning { | |
background-color: #f0ad4e; | |
} | |
.label-warning[href]:hover, | |
.label-warning[href]:focus { | |
background-color: #ec971f; | |
} | |
.label-info { | |
background-color: #5bc0de; | |
} | |
.label-info[href]:hover, | |
.label-info[href]:focus { | |
background-color: #31b0d5; | |
} | |
.badge { | |
display: inline-block; | |
min-width: 10px; | |
padding: 3px 7px; | |
font-size: 12px; | |
font-weight: bold; | |
color: #ffffff; | |
line-height: 1; | |
vertical-align: baseline; | |
white-space: nowrap; | |
text-align: center; | |
background-color: #999999; | |
border-radius: 10px; | |
} | |
.badge:empty { | |
display: none; | |
} | |
a.badge:hover, | |
a.badge:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px; | |
} | |
a.list-group-item.active > .badge, | |
.nav-pills > .active > a > .badge { | |
color: #428bca; | |
background-color: #ffffff; | |
} | |
.nav-pills > li > a > .badge { | |
margin-left: 3px; | |
} | |
@-webkit-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 0; | |
} | |
} | |
@-moz-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 0; | |
} | |
} | |
@-o-keyframes progress-bar-stripes { | |
from { | |
background-position: 0 0; | |
} | |
to { | |
background-position: 40px 0; | |
} | |
} | |
@keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 0; | |
} | |
} | |
.progress { | |
overflow: hidden; | |
height: 20px; | |
margin-bottom: 20px; | |
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); | |
} | |
.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; | |
} | |
.progress-striped .progress-bar { | |
background-color: #428bca; | |
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; | |
} | |
.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; | |
} | |
.progress-bar-danger { | |
background-color: #d9534f; | |
} | |
.progress-striped .progress-bar-danger { | |
background-color: #d9534f; | |
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-success { | |
background-color: #5cb85c; | |
} | |
.progress-striped .progress-bar-success { | |
background-color: #5cb85c; | |
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-warning { | |
background-color: #f0ad4e; | |
} | |
.progress-striped .progress-bar-warning { | |
background-color: #f0ad4e; | |
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.progress-bar-info { | |
background-color: #5bc0de; | |
} | |
.progress-striped .progress-bar-info { | |
background-color: #5bc0de; | |
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | |
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | |
} | |
.accordion { | |
margin-bottom: 20px; | |
} | |
.accordion-group { | |
margin-bottom: 2px; | |
border: 1px solid #e5e5e5; | |
border-radius: 4px; | |
} | |
.accordion-heading { | |
border-bottom: 0; | |
} | |
.accordion-heading .accordion-toggle { | |
display: block; | |
padding: 8px 15px; | |
cursor: pointer; | |
} | |
.accordion-inner { | |
padding: 9px 15px; | |
border-top: 1px solid #e5e5e5; | |
} | |
.carousel { | |
position: relative; | |
} | |
.carousel-inner { | |
position: relative; | |
overflow: hidden; | |
width: 100%; | |
} | |
.carousel-inner > .item { | |
display: none; | |
position: relative; | |
-webkit-transition: 0.6s ease-in-out left; | |
transition: 0.6s ease-in-out left; | |
} | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
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; | |
left: 0; | |
bottom: 0; | |
width: 15%; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
font-size: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.carousel-control.left { | |
background-color: rgba(0, 0, 0, 0.0001); | |
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%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | |
background-color: transparent; | |
} | |
.carousel-control.right { | |
left: auto; | |
right: 0; | |
background-color: rgba(0, 0, 0, 0.5); | |
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%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | |
background-color: transparent; | |
} | |
.carousel-control:hover, | |
.carousel-control:focus { | |
color: #ffffff; | |
text-decoration: none; | |
opacity: 0.9; | |
filter: alpha(opacity=90); | |
} | |
.carousel-control .glyphicon, | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
z-index: 5; | |
display: inline-block; | |
width: 20px; | |
height: 20px; | |
margin-top: -10px; | |
margin-left: -10px; | |
font-family: serif; | |
} | |
.carousel-control .icon-prev:before { | |
content: '\2039'; | |
} | |
.carousel-control .icon-next:before { | |
content: '\203a'; | |
} | |
.carousel-indicators { | |
position: absolute; | |
bottom: 10px; | |
left: 50%; | |
z-index: 15; | |
width: 60%; | |
margin-left: -30%; | |
padding-left: 0; | |
list-style: none; | |
text-align: center; | |
} | |
.carousel-indicators li { | |
display: inline-block; | |
width: 10px; | |
height: 10px; | |
margin: 1px; | |
text-indent: -999px; | |
border: 1px solid #ffffff; | |
border-radius: 10px; | |
cursor: pointer; | |
} | |
.carousel-indicators .active { | |
margin: 0; | |
width: 12px; | |
height: 12px; | |
background-color: #ffffff; | |
} | |
.carousel-caption { | |
position: absolute; | |
left: 15%; | |
right: 15%; | |
bottom: 20px; | |
z-index: 10; | |
padding-top: 20px; | |
padding-bottom: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.carousel-caption .btn { | |
text-shadow: none; | |
} | |
@media screen and (min-width: 768px) { | |
.carousel-control .glyphicon, | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
width: 30px; | |
height: 30px; | |
margin-top: -15px; | |
margin-left: -15px; | |
font-size: 30px; | |
} | |
.carousel-caption { | |
left: 20%; | |
right: 20%; | |
padding-bottom: 30px; | |
} | |
.carousel-indicators { | |
bottom: 20px; | |
} | |
} | |
.jumbotron { | |
padding: 30px; | |
margin-bottom: 30px; | |
font-size: 21px; | |
font-weight: 200; | |
line-height: 2.1428571435; | |
color: inherit; | |
background-color: #eeeeee; | |
} | |
.jumbotron h1 { | |
line-height: 1; | |
color: inherit; | |
} | |
.jumbotron p { | |
line-height: 1.4; | |
} | |
@media screen and (min-width: 768px) { | |
.jumbotron { | |
padding: 50px 60px; | |
border-radius: 6px; | |
} | |
.jumbotron h1 { | |
font-size: 63px; | |
} | |
} | |
.clearfix:before, | |
.clearfix:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.clearfix:after { | |
clear: both; | |
} | |
.pull-right { | |
float: right !important; | |
} | |
.pull-left { | |
float: left !important; | |
} | |
.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; | |
} | |
@media screen and (max-width: 400px) { | |
@-ms-viewport { | |
width: 320px; | |
} | |
} | |
.hidden { | |
display: none !important; | |
visibility: hidden !important; | |
} | |
.visible-sm { | |
display: block !important; | |
} | |
tr.visible-sm { | |
display: table-row !important; | |
} | |
th.visible-sm, | |
td.visible-sm { | |
display: table-cell !important; | |
} | |
.visible-md { | |
display: none !important; | |
} | |
tr.visible-md { | |
display: none !important; | |
} | |
th.visible-md, | |
td.visible-md { | |
display: none !important; | |
} | |
.visible-lg { | |
display: none !important; | |
} | |
tr.visible-lg { | |
display: none !important; | |
} | |
th.visible-lg, | |
td.visible-lg { | |
display: none !important; | |
} | |
.hidden-sm { | |
display: none !important; | |
} | |
tr.hidden-sm { | |
display: none !important; | |
} | |
th.hidden-sm, | |
td.hidden-sm { | |
display: none !important; | |
} | |
.hidden-md { | |
display: block !important; | |
} | |
tr.hidden-md { | |
display: table-row !important; | |
} | |
th.hidden-md, | |
td.hidden-md { | |
display: table-cell !important; | |
} | |
.hidden-lg { | |
display: block !important; | |
} | |
tr.hidden-lg { | |
display: table-row !important; | |
} | |
th.hidden-lg, | |
td.hidden-lg { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm { | |
display: none !important; | |
} | |
tr.visible-sm { | |
display: none !important; | |
} | |
th.visible-sm, | |
td.visible-sm { | |
display: none !important; | |
} | |
.visible-md { | |
display: block !important; | |
} | |
tr.visible-md { | |
display: table-row !important; | |
} | |
th.visible-md, | |
td.visible-md { | |
display: table-cell !important; | |
} | |
.visible-lg { | |
display: none !important; | |
} | |
tr.visible-lg { | |
display: none !important; | |
} | |
th.visible-lg, | |
td.visible-lg { | |
display: none !important; | |
} | |
.hidden-sm { | |
display: block !important; | |
} | |
tr.hidden-sm { | |
display: table-row !important; | |
} | |
th.hidden-sm, | |
td.hidden-sm { | |
display: table-cell !important; | |
} | |
.hidden-md { | |
display: none !important; | |
} | |
tr.hidden-md { | |
display: none !important; | |
} | |
th.hidden-md, | |
td.hidden-md { | |
display: none !important; | |
} | |
.hidden-lg { | |
display: block !important; | |
} | |
tr.hidden-lg { | |
display: table-row !important; | |
} | |
th.hidden-lg, | |
td.hidden-lg { | |
display: table-cell !important; | |
} | |
} | |
@media (min-width: 992px) { | |
.visible-sm { | |
display: none !important; | |
} | |
tr.visible-sm { | |
display: none !important; | |
} | |
th.visible-sm, | |
td.visible-sm { | |
display: none !important; | |
} | |
.visible-md { | |
display: none !important; | |
} | |
tr.visible-md { | |
display: none !important; | |
} | |
th.visible-md, | |
td.visible-md { | |
display: none !important; | |
} | |
.visible-lg { | |
display: block !important; | |
} | |
tr.visible-lg { | |
display: table-row !important; | |
} | |
th.visible-lg, | |
td.visible-lg { | |
display: table-cell !important; | |
} | |
.hidden-sm { | |
display: block !important; | |
} | |
tr.hidden-sm { | |
display: table-row !important; | |
} | |
th.hidden-sm, | |
td.hidden-sm { | |
display: table-cell !important; | |
} | |
.hidden-md { | |
display: block !important; | |
} | |
tr.hidden-md { | |
display: table-row !important; | |
} | |
th.hidden-md, | |
td.hidden-md { | |
display: table-cell !important; | |
} | |
.hidden-lg { | |
display: none !important; | |
} | |
tr.hidden-lg { | |
display: none !important; | |
} | |
th.hidden-lg, | |
td.hidden-lg { | |
display: none !important; | |
} | |
} | |
.visible-print { | |
display: none !important; | |
} | |
tr.visible-print { | |
display: none !important; | |
} | |
th.visible-print, | |
td.visible-print { | |
display: none !important; | |
} | |
@media print { | |
.visible-print { | |
display: block !important; | |
} | |
tr.visible-print { | |
display: table-row !important; | |
} | |
th.visible-print, | |
td.visible-print { | |
display: table-cell !important; | |
} | |
.hidden-print { | |
display: none !important; | |
} | |
tr.hidden-print { | |
display: none !important; | |
} | |
th.hidden-print, | |
td.hidden-print { | |
display: none !important; | |
} | |
} | |
/* ------- Theme styling ------- */ | |
header nav { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
padding-left: 15px; | |
padding-right: 15px; | |
background-color: #eeeeee; | |
border-radius: 4px; | |
background-color: #222222; | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
border-radius: 0; | |
top: 0; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav .navbar-brand { | |
color: #999999; | |
} | |
header nav .navbar-brand:hover, | |
header nav .navbar-brand:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
header nav .navbar-text { | |
color: #999999; | |
} | |
header nav .navbar-nav > li > a { | |
color: #999999; | |
} | |
header nav .navbar-nav > li > a:hover, | |
header nav .navbar-nav > li > a:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
header nav .navbar-nav > .active > a, | |
header nav .navbar-nav > .active > a:hover, | |
header nav .navbar-nav > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
header nav .navbar-nav > .disabled > a, | |
header nav .navbar-nav > .disabled > a:hover, | |
header nav .navbar-nav > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
header nav .navbar-toggle { | |
border-color: #333333; | |
} | |
header nav .navbar-toggle:hover, | |
header nav .navbar-toggle:focus { | |
background-color: #333333; | |
} | |
header nav .navbar-toggle .icon-bar { | |
background-color: #ffffff; | |
} | |
header nav .navbar-nav > .open > a, | |
header nav .navbar-nav > .open > a:hover, | |
header nav .navbar-nav > .open > a:focus { | |
background-color: #080808; | |
color: #ffffff; | |
} | |
header nav .navbar-nav > .dropdown > a:hover .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
header nav .navbar-nav > .dropdown > a .caret { | |
border-top-color: #999999; | |
border-bottom-color: #999999; | |
} | |
header nav .navbar-nav > .open > a .caret, | |
header nav .navbar-nav > .open > a:hover .caret, | |
header nav .navbar-nav > .open > a:focus .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
header nav { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
header nav .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
header nav .main.wrapper { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
header nav .main.wrapper { | |
float: left; | |
width: 100%; | |
} | |
} | |
header nav promo { | |
text-align: center; | |
border: 1px solid red; | |
display: block !important; | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
height: 202px; | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #ffffff; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
trheader nav promo { | |
display: table-row !important; | |
} | |
thheader nav promo, | |
tdheader nav promo { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) { | |
header nav promo { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
header nav article { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
header nav article { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
header nav article date { | |
float: left !important; | |
} | |
header nav article readmore { | |
float: right !important; | |
} | |
header nav ul { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
} | |
header nav ul:before, | |
header nav ul:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav ul:after { | |
clear: both; | |
} | |
header nav ul:before, | |
header nav ul:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav ul:after { | |
clear: both; | |
} | |
header nav ul > li { | |
position: relative; | |
display: block; | |
} | |
header nav ul > li > a { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
} | |
header nav ul > li > a:hover, | |
header nav ul > li > a:focus { | |
text-decoration: none; | |
background-color: #eeeeee; | |
} | |
header nav ul > li.disabled > a { | |
color: #999999; | |
} | |
header nav ul > li.disabled > a:hover, | |
header nav ul > li.disabled > a:focus { | |
color: #999999; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
header nav ul.open > a, | |
header nav ul.open > a:hover, | |
header nav ul.open > a:focus { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
header nav ul.open > a .caret, | |
header nav ul.open > a:hover .caret, | |
header nav ul.open > a:focus .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
header nav ul .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
box { | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #eeeeee; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
.main-container { | |
margin-right: auto; | |
margin-left: auto; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
.main-container { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
.main-container .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.main-container .main.wrapper { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.main-container .main.wrapper { | |
float: left; | |
width: 100%; | |
} | |
} | |
.main-container promo { | |
text-align: center; | |
border: 1px solid red; | |
display: block !important; | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
height: 202px; | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #ffffff; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
tr.main-container promo { | |
display: table-row !important; | |
} | |
th.main-container promo, | |
td.main-container promo { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) { | |
.main-container promo { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.main-container article { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.main-container article { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.main-container article date { | |
float: left !important; | |
} | |
.main-container article readmore { | |
float: right !important; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
.main-container:before, | |
.main-container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.main-container:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
.main-container { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
.main-container .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.main-container .main.wrapper { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.main-container .main.wrapper { | |
float: left; | |
width: 100%; | |
} | |
} | |
.main-container promo { | |
text-align: center; | |
border: 1px solid red; | |
display: block !important; | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
height: 202px; | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #ffffff; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
tr.main-container promo { | |
display: table-row !important; | |
} | |
th.main-container promo, | |
td.main-container promo { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) { | |
.main-container promo { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.main-container article { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.main-container article { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.main-container article date { | |
float: left !important; | |
} | |
.main-container article readmore { | |
float: right !important; | |
} | |
/* ------- Theme styling ------- */ | |
header nav { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 20px; | |
padding-left: 15px; | |
padding-right: 15px; | |
background-color: #eeeeee; | |
border-radius: 4px; | |
margin-right: auto; | |
margin-left: auto; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
header nav:before, | |
header nav:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
header nav { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
header nav .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
header nav .main.wrapper { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
header nav .main.wrapper { | |
float: left; | |
width: 100%; | |
} | |
} | |
header nav promo { | |
text-align: center; | |
border: 1px solid red; | |
display: block !important; | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
height: 202px; | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #ffffff; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
trheader nav promo { | |
display: table-row !important; | |
} | |
thheader nav promo, | |
tdheader nav promo { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) { | |
header nav promo { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
header nav article { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
header nav article { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
header nav article date { | |
float: left !important; | |
} | |
header nav article readmore { | |
float: right !important; | |
} | |
header nav ul { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
margin-top: 10px; | |
margin-bottom: 15px; | |
} | |
header nav ul:before, | |
header nav ul:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav ul:after { | |
clear: both; | |
} | |
header nav ul:before, | |
header nav ul:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
header nav ul:after { | |
clear: both; | |
} | |
header nav ul > li { | |
position: relative; | |
display: block; | |
} | |
header nav ul > li > a { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
} | |
header nav ul > li > a:hover, | |
header nav ul > li > a:focus { | |
text-decoration: none; | |
background-color: #eeeeee; | |
} | |
header nav ul > li.disabled > a { | |
color: #999999; | |
} | |
header nav ul > li.disabled > a:hover, | |
header nav ul > li.disabled > a:focus { | |
color: #999999; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
header nav ul.open > a, | |
header nav ul.open > a:hover, | |
header nav ul.open > a:focus { | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
header nav ul.open > a .caret, | |
header nav ul.open > a:hover .caret, | |
header nav ul.open > a:focus .caret { | |
border-top-color: #ffffff; | |
border-bottom-color: #ffffff; | |
} | |
header nav ul .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
header nav ul > li > a { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
color: #777777; | |
line-height: 20px; | |
border-radius: 4px; | |
} | |
header nav ul > li > a:hover, | |
header nav ul > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
header nav ul > .active > a, | |
header nav ul > .active > a:hover, | |
header nav ul > .active > a:focus { | |
color: #555555; | |
background-color: #d5d5d5; | |
} | |
header nav ul > .disabled > a, | |
header nav ul > .disabled > a:hover, | |
header nav ul > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
header nav ul.pull-right { | |
width: 100%; | |
} | |
header nav ul > .dropdown > a:hover .caret, | |
header nav ul > .dropdown > a:focus .caret { | |
border-top-color: #333333; | |
border-bottom-color: #333333; | |
} | |
header nav ul > .open > a, | |
header nav ul > .open > a:hover, | |
header nav ul > .open > a:focus { | |
background-color: #d5d5d5; | |
color: #555555; | |
} | |
header nav ul > .open > a .caret, | |
header nav ul > .open > a:hover .caret, | |
header nav ul > .open > a:focus .caret { | |
border-top-color: #555555; | |
border-bottom-color: #555555; | |
} | |
header nav ul > .dropdown > a .caret { | |
border-top-color: #777777; | |
border-bottom-color: #777777; | |
} | |
box { | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #eeeeee; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
.container:before, | |
.container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after { | |
clear: both; | |
} | |
.container:before, | |
.container:after { | |
content: " "; | |
/* 1 */ | |
display: table; | |
/* 2 */ | |
} | |
.container:after { | |
clear: both; | |
} | |
@media (min-width: 768px) { | |
.container { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
} | |
.container .row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.container .main.wrapper { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.container .main.wrapper { | |
float: left; | |
width: 100%; | |
} | |
} | |
.container promo { | |
text-align: center; | |
border: 1px solid red; | |
display: block !important; | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
height: 202px; | |
padding: 5px 10px; | |
border: 1px solid #cccccc; | |
background: #ffffff; | |
-webkit-border-top-left-radius: 10px; | |
/* top left corner */ | |
-webkit-border-top-right-radius: 10px; | |
/* top right corner */ | |
-webkit-border-bottom-left-radius: 10px; | |
/* bottom left corner */ | |
-webkit-border-bottom-right-radius: 10px; | |
/* bottom right corner */ | |
overflow: auto; | |
margin: 5px 0; | |
} | |
tr.container promo { | |
display: table-row !important; | |
} | |
th.container promo, | |
td.container promo { | |
display: table-cell !important; | |
} | |
@media (min-width: 768px) { | |
.container promo { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.container article { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.container article { | |
float: left; | |
width: 33.33333333333333%; | |
} | |
} | |
.container article date { | |
float: left !important; | |
} | |
.container article readmore { | |
float: right !important; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment