Last active
August 29, 2015 14:16
-
-
Save rashedInt32/79646e7e8606d062d2c1 to your computer and use it in GitHub Desktop.
This file contains hidden or 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 */ | |
/* ====================================================== */ | |
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ | |
html { | |
font-family: sans-serif; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100%; | |
} | |
body { | |
margin: 0; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
nav, | |
section, | |
summary { | |
display: block; | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0; | |
} | |
[hidden], | |
template { | |
display: none; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
} | |
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: 1em 40px; | |
} | |
hr { | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
height: 0; | |
} | |
pre { | |
overflow: auto; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: monospace, monospace; | |
font-size: 1em; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
color: inherit; | |
font: inherit; | |
margin: 0; | |
} | |
button { | |
overflow: visible; | |
} | |
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; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
input { | |
line-height: normal; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
box-sizing: border-box; | |
padding: 0; | |
} | |
input[type="number"]::-webkit-inner-spin-button, | |
input[type="number"]::-webkit-outer-spin-button { | |
height: auto; | |
} | |
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; | |
} | |
fieldset { | |
border: 1px solid #c0c0c0; | |
margin: 0 2px; | |
padding: 0.35em 0.625em 0.75em; | |
} | |
legend { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
} | |
optgroup { | |
font-weight: bold; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
td, | |
th { | |
padding: 0; | |
} | |
@media print { | |
* { | |
background: transparent !important; | |
color: #000 !important; | |
box-shadow: none !important; | |
text-shadow: none !important; | |
} | |
a[href]:after { | |
content: " (" attr(href) ")"; | |
} | |
abbr[title]:after { | |
content: " (" attr(title) ")"; | |
} | |
a[href^="#"]:after, | |
a[href^="javascript:"]: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; | |
} | |
p, | |
h2, | |
h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, | |
h3 { | |
page-break-after: avoid; | |
} | |
select { | |
background: #fff !important; | |
} | |
.navbar { | |
display: none; | |
} | |
.btn > .caret, | |
.dropup > .btn > .caret { | |
border-top-color: #000 !important; | |
} | |
.label { | |
border: 1px solid #000; | |
} | |
.table { | |
border-collapse: collapse !important; | |
} | |
.table td, | |
.table th { | |
background-color: #fff !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; | |
} | |
*:before, | |
*:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 10px; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
} | |
body { | |
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #333333; | |
background-color: #ffffff; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
figure { | |
margin: 0; | |
} | |
img { | |
vertical-align: middle; | |
} | |
.img-responsive, | |
.thumbnail > img, | |
.thumbnail a > img, | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
display: block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-rounded { | |
border-radius: 6px; | |
} | |
.img-thumbnail { | |
padding: 4px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-transition: all 0.2s ease-in-out; | |
-o-transition: all 0.2s ease-in-out; | |
transition: all 0.2s ease-in-out; | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-circle { | |
border-radius: 50%; | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eeeeee; | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position: static; | |
width: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
clip: auto; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6, | |
.h1, | |
.h2, | |
.h3, | |
.h4, | |
.h5, | |
.h6 { | |
font-family: inherit; | |
font-weight: 500; | |
line-height: 1.1; | |
color: inherit; | |
} | |
h1 small, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small, | |
.h1 small, | |
.h2 small, | |
.h3 small, | |
.h4 small, | |
.h5 small, | |
.h6 small, | |
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: #777777; | |
} | |
h1, | |
.h1, | |
h2, | |
.h2, | |
h3, | |
.h3 { | |
margin-top: 20px; | |
margin-bottom: 10px; | |
} | |
h1 small, | |
.h1 small, | |
h2 small, | |
.h2 small, | |
h3 small, | |
.h3 small, | |
h1 .small, | |
.h1 .small, | |
h2 .small, | |
.h2 .small, | |
h3 .small, | |
.h3 .small { | |
font-size: 65%; | |
} | |
h4, | |
.h4, | |
h5, | |
.h5, | |
h6, | |
.h6 { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
h4 small, | |
.h4 small, | |
h5 small, | |
.h5 small, | |
h6 small, | |
.h6 small, | |
h4 .small, | |
.h4 .small, | |
h5 .small, | |
.h5 .small, | |
h6 .small, | |
.h6 .small { | |
font-size: 75%; | |
} | |
h1, | |
.h1 { | |
font-size: 36px; | |
} | |
h2, | |
.h2 { | |
font-size: 30px; | |
} | |
h3, | |
.h3 { | |
font-size: 24px; | |
} | |
h4, | |
.h4 { | |
font-size: 18px; | |
} | |
h5, | |
.h5 { | |
font-size: 14px; | |
} | |
h6, | |
.h6 { | |
font-size: 12px; | |
} | |
p { | |
margin: 0 0 10px; | |
} | |
.lead { | |
margin-bottom: 20px; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.4; | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 21px; | |
} | |
} | |
small, | |
.small { | |
font-size: 85%; | |
} | |
mark, | |
.mark { | |
background-color: #fcf8e3; | |
padding: .2em; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.text-center { | |
text-align: center; | |
} | |
.text-justify { | |
text-align: justify; | |
} | |
.text-nowrap { | |
white-space: nowrap; | |
} | |
.text-lowercase { | |
text-transform: lowercase; | |
} | |
.text-uppercase { | |
text-transform: uppercase; | |
} | |
.text-capitalize { | |
text-transform: capitalize; | |
} | |
.text-muted { | |
color: #777777; | |
} | |
.text-primary { | |
color: #428bca; | |
} | |
a.text-primary:hover { | |
color: #3071a9; | |
} | |
.text-success { | |
color: #3c763d; | |
} | |
a.text-success:hover { | |
color: #2b542c; | |
} | |
.text-info { | |
color: #31708f; | |
} | |
a.text-info:hover { | |
color: #245269; | |
} | |
.text-warning { | |
color: #8a6d3b; | |
} | |
a.text-warning:hover { | |
color: #66512c; | |
} | |
.text-danger { | |
color: #a94442; | |
} | |
a.text-danger:hover { | |
color: #843534; | |
} | |
.bg-primary { | |
color: #fff; | |
background-color: #428bca; | |
} | |
a.bg-primary:hover { | |
background-color: #3071a9; | |
} | |
.bg-success { | |
background-color: #dff0d8; | |
} | |
a.bg-success:hover { | |
background-color: #c1e2b3; | |
} | |
.bg-info { | |
background-color: #d9edf7; | |
} | |
a.bg-info:hover { | |
background-color: #afd9ee; | |
} | |
.bg-warning { | |
background-color: #fcf8e3; | |
} | |
a.bg-warning:hover { | |
background-color: #f7ecb5; | |
} | |
.bg-danger { | |
background-color: #f2dede; | |
} | |
a.bg-danger:hover { | |
background-color: #e4b9b9; | |
} | |
.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; | |
margin-left: -5px; | |
} | |
.list-inline > li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 20px; | |
} | |
dt, | |
dd { | |
line-height: 1.42857143; | |
} | |
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; | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #777777; | |
} | |
.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.5px; | |
border-left: 5px solid #eeeeee; | |
} | |
blockquote p:last-child, | |
blockquote ul:last-child, | |
blockquote ol:last-child { | |
margin-bottom: 0; | |
} | |
blockquote footer, | |
blockquote small, | |
blockquote .small { | |
display: block; | |
font-size: 80%; | |
line-height: 1.42857143; | |
color: #777777; | |
} | |
blockquote footer:before, | |
blockquote small:before, | |
blockquote .small:before { | |
content: '\2014 \00A0'; | |
} | |
.blockquote-reverse, | |
blockquote.pull-right { | |
padding-right: 15px; | |
padding-left: 0; | |
border-right: 5px solid #eeeeee; | |
border-left: 0; | |
text-align: right; | |
} | |
.blockquote-reverse footer:before, | |
blockquote.pull-right footer:before, | |
.blockquote-reverse small:before, | |
blockquote.pull-right small:before, | |
.blockquote-reverse .small:before, | |
blockquote.pull-right .small:before { | |
content: ''; | |
} | |
.blockquote-reverse footer:after, | |
blockquote.pull-right footer:after, | |
.blockquote-reverse small:after, | |
blockquote.pull-right small:after, | |
.blockquote-reverse .small:after, | |
blockquote.pull-right .small:after { | |
content: '\00A0 \2014'; | |
} | |
blockquote:before, | |
blockquote:after { | |
content: ""; | |
} | |
address { | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.42857143; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 4px; | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #ffffff; | |
background-color: #333333; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
kbd kbd { | |
padding: 0; | |
font-size: 100%; | |
font-weight: bold; | |
box-shadow: none; | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333333; | |
background-color: #f5f5f5; | |
border: 1px solid #cccccc; | |
border-radius: 4px; | |
} | |
pre code { | |
padding: 0; | |
font-size: inherit; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border-radius: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
table { | |
background-color: transparent; | |
} | |
caption { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
color: #777777; | |
text-align: left; | |
} | |
th { | |
text-align: left; | |
} | |
.table { | |
width: 100%; | |
max-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.42857143; | |
vertical-align: top; | |
border-top: 1px solid #dddddd; | |
} | |
.table > thead > tr > th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #dddddd; | |
} | |
.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-bordered > thead > tr > th, | |
.table-bordered > thead > tr > td { | |
border-bottom-width: 2px; | |
} | |
.table-striped > tbody > tr:nth-child(odd) { | |
background-color: #f9f9f9; | |
} | |
.table-hover > tbody > tr:hover { | |
background-color: #f5f5f5; | |
} | |
table col[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-column; | |
} | |
table td[class*="col-"], | |
table th[class*="col-"] { | |
position: static; | |
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-hover > tbody > tr > td.active:hover, | |
.table-hover > tbody > tr > th.active:hover, | |
.table-hover > tbody > tr.active:hover > td, | |
.table-hover > tbody > tr:hover > .active, | |
.table-hover > tbody > tr.active:hover > th { | |
background-color: #e8e8e8; | |
} | |
.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; | |
} | |
.table-hover > tbody > tr > td.success:hover, | |
.table-hover > tbody > tr > th.success:hover, | |
.table-hover > tbody > tr.success:hover > td, | |
.table-hover > tbody > tr:hover > .success, | |
.table-hover > tbody > tr.success:hover > th { | |
background-color: #d0e9c6; | |
} | |
.table > thead > tr > td.info, | |
.table > tbody > tr > td.info, | |
.table > tfoot > tr > td.info, | |
.table > thead > tr > th.info, | |
.table > tbody > tr > th.info, | |
.table > tfoot > tr > th.info, | |
.table > thead > tr.info > td, | |
.table > tbody > tr.info > td, | |
.table > tfoot > tr.info > td, | |
.table > thead > tr.info > th, | |
.table > tbody > tr.info > th, | |
.table > tfoot > tr.info > th { | |
background-color: #d9edf7; | |
} | |
.table-hover > tbody > tr > td.info:hover, | |
.table-hover > tbody > tr > th.info:hover, | |
.table-hover > tbody > tr.info:hover > td, | |
.table-hover > tbody > tr:hover > .info, | |
.table-hover > tbody > tr.info:hover > th { | |
background-color: #c4e3f3; | |
} | |
.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; | |
} | |
.table-hover > tbody > tr > td.warning:hover, | |
.table-hover > tbody > tr > th.warning:hover, | |
.table-hover > tbody > tr.warning:hover > td, | |
.table-hover > tbody > tr:hover > .warning, | |
.table-hover > tbody > tr.warning:hover > th { | |
background-color: #faf2cc; | |
} | |
.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; | |
} | |
.table-hover > tbody > tr > td.danger:hover, | |
.table-hover > tbody > tr > th.danger:hover, | |
.table-hover > tbody > tr.danger:hover > td, | |
.table-hover > tbody > tr:hover > .danger, | |
.table-hover > tbody > tr.danger:hover > th { | |
background-color: #ebcccc; | |
} | |
.table-responsive { | |
overflow-x: auto; | |
} | |
@media screen and (max-width: 767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 15px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #dddddd; | |
} | |
.table-responsive > .table { | |
margin-bottom: 0; | |
} | |
.table-responsive > .table > thead > tr > th, | |
.table-responsive > .table > tbody > tr > th, | |
.table-responsive > .table > tfoot > tr > th, | |
.table-responsive > .table > thead > tr > td, | |
.table-responsive > .table > tbody > tr > td, | |
.table-responsive > .table > tfoot > tr > td { | |
white-space: nowrap; | |
} | |
.table-responsive > .table-bordered { | |
border: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:first-child, | |
.table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.table-responsive > .table-bordered > thead > tr > td:first-child, | |
.table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
border-left: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:last-child, | |
.table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.table-responsive > .table-bordered > thead > tr > td:last-child, | |
.table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
border-right: 0; | |
} | |
.table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > th, | |
.table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
border-bottom: 0; | |
} | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
min-width: 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; | |
max-width: 100%; | |
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; | |
line-height: normal; | |
} | |
input[type="file"] { | |
display: block; | |
} | |
input[type="range"] { | |
display: block; | |
width: 100%; | |
} | |
select[multiple], | |
select[size] { | |
height: auto; | |
} | |
input[type="file"]:focus, | |
input[type="radio"]:focus, | |
input[type="checkbox"]:focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555555; | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857143; | |
color: #555555; | |
background-color: #ffffff; | |
background-image: none; | |
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; | |
-o-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::-moz-placeholder { | |
color: #999999; | |
opacity: 1; | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999999; | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed; | |
background-color: #eeeeee; | |
opacity: 1; | |
} | |
textarea.form-control { | |
height: auto; | |
} | |
input[type="search"] { | |
-webkit-appearance: none; | |
} | |
input[type="date"], | |
input[type="time"], | |
input[type="datetime-local"], | |
input[type="month"] { | |
line-height: 34px; | |
line-height: 1.42857143 \0; | |
} | |
input[type="date"].input-sm, | |
input[type="time"].input-sm, | |
input[type="datetime-local"].input-sm, | |
input[type="month"].input-sm { | |
line-height: 30px; | |
line-height: 1.5 \0; | |
} | |
input[type="date"].input-lg, | |
input[type="time"].input-lg, | |
input[type="datetime-local"].input-lg, | |
input[type="month"].input-lg { | |
line-height: 46px; | |
line-height: 1.33 \0; | |
} | |
_:-ms-fullscreen, | |
:root input[type="date"], | |
_:-ms-fullscreen, | |
:root input[type="time"], | |
_:-ms-fullscreen, | |
:root input[type="datetime-local"], | |
_:-ms-fullscreen, | |
:root input[type="month"] { | |
line-height: 1.42857143; | |
} | |
_:-ms-fullscreen.input-sm, | |
:root input[type="date"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="time"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="datetime-local"].input-sm, | |
_:-ms-fullscreen.input-sm, | |
:root input[type="month"].input-sm { | |
line-height: 1.5; | |
} | |
_:-ms-fullscreen.input-lg, | |
:root input[type="date"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="time"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="datetime-local"].input-lg, | |
_:-ms-fullscreen.input-lg, | |
:root input[type="month"].input-lg { | |
line-height: 1.33; | |
} | |
.form-group { | |
margin-bottom: 15px; | |
} | |
.radio, | |
.checkbox { | |
position: relative; | |
display: block; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.radio label, | |
.checkbox label { | |
min-height: 20px; | |
padding-left: 20px; | |
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"] { | |
position: absolute; | |
margin-left: -20px; | |
margin-top: 4px \9; | |
} | |
.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[type="radio"][disabled], | |
input[type="checkbox"][disabled], | |
input[type="radio"].disabled, | |
input[type="checkbox"].disabled, | |
fieldset[disabled] input[type="radio"], | |
fieldset[disabled] input[type="checkbox"] { | |
cursor: not-allowed; | |
} | |
.radio-inline.disabled, | |
.checkbox-inline.disabled, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] .checkbox-inline { | |
cursor: not-allowed; | |
} | |
.radio.disabled label, | |
.checkbox.disabled label, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .checkbox label { | |
cursor: not-allowed; | |
} | |
.form-control-static { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
} | |
.form-control-static.input-lg, | |
.form-control-static.input-sm { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-sm, | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-sm, | |
select.form-group-sm .form-control { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-sm, | |
textarea.form-group-sm .form-control, | |
select[multiple].input-sm, | |
select[multiple].form-group-sm .form-control { | |
height: auto; | |
} | |
.input-lg, | |
.form-group-lg .form-control { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
select.input-lg, | |
select.form-group-lg .form-control { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-lg, | |
textarea.form-group-lg .form-control, | |
select[multiple].input-lg, | |
select[multiple].form-group-lg .form-control { | |
height: auto; | |
} | |
.has-feedback { | |
position: relative; | |
} | |
.has-feedback .form-control { | |
padding-right: 42.5px; | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
pointer-events: none; | |
} | |
.input-lg + .form-control-feedback { | |
width: 46px; | |
height: 46px; | |
line-height: 46px; | |
} | |
.input-sm + .form-control-feedback { | |
width: 30px; | |
height: 30px; | |
line-height: 30px; | |
} | |
.has-success .help-block, | |
.has-success .control-label, | |
.has-success .radio, | |
.has-success .checkbox, | |
.has-success .radio-inline, | |
.has-success .checkbox-inline, | |
.has-success.radio label, | |
.has-success.checkbox label, | |
.has-success.radio-inline label, | |
.has-success.checkbox-inline label { | |
color: #3c763d; | |
} | |
.has-success .form-control { | |
border-color: #3c763d; | |
-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: #2b542c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | |
} | |
.has-success .input-group-addon { | |
color: #3c763d; | |
border-color: #3c763d; | |
background-color: #dff0d8; | |
} | |
.has-success .form-control-feedback { | |
color: #3c763d; | |
} | |
.has-warning .help-block, | |
.has-warning .control-label, | |
.has-warning .radio, | |
.has-warning .checkbox, | |
.has-warning .radio-inline, | |
.has-warning .checkbox-inline, | |
.has-warning.radio label, | |
.has-warning.checkbox label, | |
.has-warning.radio-inline label, | |
.has-warning.checkbox-inline label { | |
color: #8a6d3b; | |
} | |
.has-warning .form-control { | |
border-color: #8a6d3b; | |
-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: #66512c; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | |
} | |
.has-warning .input-group-addon { | |
color: #8a6d3b; | |
border-color: #8a6d3b; | |
background-color: #fcf8e3; | |
} | |
.has-warning .form-control-feedback { | |
color: #8a6d3b; | |
} | |
.has-error .help-block, | |
.has-error .control-label, | |
.has-error .radio, | |
.has-error .checkbox, | |
.has-error .radio-inline, | |
.has-error .checkbox-inline, | |
.has-error.radio label, | |
.has-error.checkbox label, | |
.has-error.radio-inline label, | |
.has-error.checkbox-inline label { | |
color: #a94442; | |
} | |
.has-error .form-control { | |
border-color: #a94442; | |
-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: #843534; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | |
} | |
.has-error .input-group-addon { | |
color: #a94442; | |
border-color: #a94442; | |
background-color: #f2dede; | |
} | |
.has-error .form-control-feedback { | |
color: #a94442; | |
} | |
.has-feedback label ~ .form-control-feedback { | |
top: 25px; | |
} | |
.has-feedback label.sr-only ~ .form-control-feedback { | |
top: 0; | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #737373; | |
} | |
@media (min-width: 768px) { | |
.form-inline .form-group { | |
display: inline-block; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle; | |
} | |
.form-inline .form-control-static { | |
display: inline-block; | |
} | |
.form-inline .input-group { | |
display: inline-table; | |
vertical-align: middle; | |
} | |
.form-inline .input-group .input-group-addon, | |
.form-inline .input-group .input-group-btn, | |
.form-inline .input-group .form-control { | |
width: auto; | |
} | |
.form-inline .input-group > .form-control { | |
width: 100%; | |
} | |
.form-inline .control-label { | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .radio, | |
.form-inline .checkbox { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.form-inline .radio label, | |
.form-inline .checkbox label { | |
padding-left: 0; | |
} | |
.form-inline .radio input[type="radio"], | |
.form-inline .checkbox input[type="checkbox"] { | |
position: relative; | |
margin-left: 0; | |
} | |
.form-inline .has-feedback .form-control-feedback { | |
top: 0; | |
} | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox, | |
.form-horizontal .radio-inline, | |
.form-horizontal .checkbox-inline { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding-top: 7px; | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox { | |
min-height: 27px; | |
} | |
.form-horizontal .form-group { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
text-align: right; | |
margin-bottom: 0; | |
padding-top: 7px; | |
} | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 14.3px; | |
} | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
} | |
} | |
.fade { | |
opacity: 0; | |
-webkit-transition: opacity 0.15s linear; | |
-o-transition: opacity 0.15s linear; | |
transition: opacity 0.15s linear; | |
} | |
.fade.in { | |
opacity: 1; | |
} | |
.collapse { | |
display: none; | |
} | |
.collapse.in { | |
display: block; | |
} | |
tr.collapse.in { | |
display: table-row; | |
} | |
tbody.collapse.in { | |
display: table-row-group; | |
} | |
.collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
-webkit-transition: height 0.35s ease; | |
-o-transition: height 0.35s ease; | |
transition: height 0.35s ease; | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
margin-left: 2px; | |
vertical-align: middle; | |
border-top: 4px solid; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent; | |
} | |
.dropdown { | |
position: relative; | |
} | |
.dropdown-toggle:focus { | |
outline: 0; | |
} | |
.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; | |
font-size: 14px; | |
text-align: left; | |
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.42857143; | |
color: #333333; | |
white-space: nowrap; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus { | |
text-decoration: none; | |
color: #262626; | |
background-color: #f5f5f5; | |
} | |
.dropdown-menu > .active > a, | |
.dropdown-menu > .active > a:hover, | |
.dropdown-menu > .active > a:focus { | |
color: #ffffff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #428bca; | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
color: #777777; | |
} | |
.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-menu-right { | |
left: auto; | |
right: 0; | |
} | |
.dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
color: #777777; | |
white-space: nowrap; | |
} | |
.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; | |
content: ""; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 1px; | |
} | |
@media (min-width: 768px) { | |
.navbar-right .dropdown-menu { | |
left: auto; | |
right: 0; | |
} | |
.navbar-right .dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
} | |
.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: 0; | |
} | |
.btn-group .btn + .btn, | |
.btn-group .btn + .btn-group, | |
.btn-group .btn-group + .btn, | |
.btn-group .btn-group + .btn-group { | |
margin-left: -1px; | |
} | |
.btn-toolbar { | |
margin-left: -5px; | |
} | |
.btn-toolbar .btn-group, | |
.btn-toolbar .input-group { | |
float: left; | |
} | |
.btn-toolbar > .btn, | |
.btn-toolbar > .btn-group, | |
.btn-toolbar > .input-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-group.open .dropdown-toggle.btn-link { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn .caret { | |
margin-left: 0; | |
} | |
.btn-lg .caret { | |
border-width: 5px 5px 0; | |
border-bottom-width: 0; | |
} | |
.dropup .btn-lg .caret { | |
border-width: 0 5px 5px; | |
} | |
.btn-group-vertical > .btn, | |
.btn-group-vertical > .btn-group, | |
.btn-group-vertical > .btn-group > .btn { | |
display: block; | |
float: none; | |
width: 100%; | |
max-width: 100%; | |
} | |
.btn-group-vertical > .btn-group > .btn { | |
float: none; | |
} | |
.btn-group-vertical > .btn + .btn, | |
.btn-group-vertical > .btn + .btn-group, | |
.btn-group-vertical > .btn-group + .btn, | |
.btn-group-vertical > .btn-group + .btn-group { | |
margin-top: -1px; | |
margin-left: 0; | |
} | |
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn:first-child:not(:last-child) { | |
border-top-right-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn:last-child:not(:first-child) { | |
border-bottom-left-radius: 4px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: separate; | |
} | |
.btn-group-justified > .btn, | |
.btn-group-justified > .btn-group { | |
float: none; | |
display: table-cell; | |
width: 1%; | |
} | |
.btn-group-justified > .btn-group .btn { | |
width: 100%; | |
} | |
.btn-group-justified > .btn-group .dropdown-menu { | |
left: auto; | |
} | |
[data-toggle="buttons"] > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn input[type="checkbox"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | |
position: absolute; | |
clip: rect(0, 0, 0, 0); | |
pointer-events: none; | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
border-collapse: separate; | |
} | |
.input-group[class*="col-"] { | |
float: none; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-group .form-control { | |
position: relative; | |
z-index: 2; | |
float: left; | |
width: 100%; | |
margin-bottom: 0; | |
} | |
.input-group-lg > .form-control, | |
.input-group-lg > .input-group-addon, | |
.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33; | |
border-radius: 6px; | |
} | |
select.input-group-lg > .form-control, | |
select.input-group-lg > .input-group-addon, | |
select.input-group-lg > .input-group-btn > .btn { | |
height: 46px; | |
line-height: 46px; | |
} | |
textarea.input-group-lg > .form-control, | |
textarea.input-group-lg > .input-group-addon, | |
textarea.input-group-lg > .input-group-btn > .btn, | |
select[multiple].input-group-lg > .form-control, | |
select[multiple].input-group-lg > .input-group-addon, | |
select[multiple].input-group-lg > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-sm > .form-control, | |
.input-group-sm > .input-group-addon, | |
.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px; | |
} | |
select.input-group-sm > .form-control, | |
select.input-group-sm > .input-group-addon, | |
select.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-group-sm > .form-control, | |
textarea.input-group-sm > .input-group-addon, | |
textarea.input-group-sm > .input-group-btn > .btn, | |
select[multiple].input-group-sm > .form-control, | |
select[multiple].input-group-sm > .input-group-addon, | |
select[multiple].input-group-sm > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-addon, | |
.input-group-btn, | |
.input-group .form-control { | |
display: table-cell; | |
} | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child), | |
.input-group .form-control:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: normal; | |
line-height: 1; | |
color: #555555; | |
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 > .btn-group > .btn, | |
.input-group-btn:first-child > .dropdown-toggle, | |
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | |
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | |
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 > .btn-group > .btn, | |
.input-group-btn:last-child > .dropdown-toggle, | |
.input-group-btn:first-child > .btn:not(:first-child), | |
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.input-group-addon:last-child { | |
border-left: 0; | |
} | |
.input-group-btn { | |
position: relative; | |
font-size: 0; | |
white-space: nowrap; | |
} | |
.input-group-btn > .btn { | |
position: relative; | |
} | |
.input-group-btn > .btn + .btn { | |
margin-left: -1px; | |
} | |
.input-group-btn > .btn:hover, | |
.input-group-btn > .btn:focus, | |
.input-group-btn > .btn:active { | |
z-index: 2; | |
} | |
.input-group-btn:first-child > .btn, | |
.input-group-btn:first-child > .btn-group { | |
margin-right: -1px; | |
} | |
.input-group-btn:last-child > .btn, | |
.input-group-btn:last-child > .btn-group { | |
margin-left: -1px; | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
} | |
.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: #777777; | |
} | |
.nav > li.disabled > a:hover, | |
.nav > li.disabled > a:focus { | |
color: #777777; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
.nav .open > a, | |
.nav .open > a:hover, | |
.nav .open > a:focus { | |
background-color: #eeeeee; | |
border-color: #428bca; | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.nav > li > a > img { | |
max-width: none; | |
} | |
.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.42857143; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs > li > a:hover { | |
border-color: #eeeeee #eeeeee #dddddd; | |
} | |
.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; | |
} | |
.nav-tabs.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-tabs.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border-bottom-color: #ffffff; | |
} | |
} | |
.nav-pills > li { | |
float: left; | |
} | |
.nav-pills > li > a { | |
border-radius: 4px; | |
} | |
.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; | |
} | |
.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs-justified { | |
border-bottom: 0; | |
} | |
.nav-tabs-justified > li > a { | |
margin-right: 0; | |
border-radius: 4px; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 4px 4px 0 0; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border-bottom-color: #ffffff; | |
} | |
} | |
.tab-content > .tab-pane { | |
display: none; | |
} | |
.tab-content > .active { | |
display: block; | |
} | |
.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; | |
border: 1px solid transparent; | |
} | |
@media (min-width: 768px) { | |
.navbar { | |
border-radius: 4px; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-header { | |
float: left; | |
} | |
} | |
.navbar-collapse { | |
overflow-x: visible; | |
padding-right: 15px; | |
padding-left: 15px; | |
border-top: 1px solid transparent; | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | |
-webkit-overflow-scrolling: touch; | |
} | |
.navbar-collapse.in { | |
overflow-y: auto; | |
} | |
@media (min-width: 768px) { | |
.navbar-collapse { | |
width: auto; | |
border-top: 0; | |
box-shadow: none; | |
} | |
.navbar-collapse.collapse { | |
display: block !important; | |
height: auto !important; | |
padding-bottom: 0; | |
overflow: visible !important; | |
} | |
.navbar-collapse.in { | |
overflow-y: visible; | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-static-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 340px; | |
} | |
@media (max-device-width: 480px) and (orientation: landscape) { | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 200px; | |
} | |
} | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
@media (min-width: 768px) { | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
} | |
.navbar-static-top { | |
z-index: 1000; | |
border-width: 0 0 1px; | |
} | |
@media (min-width: 768px) { | |
.navbar-static-top { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
} | |
@media (min-width: 768px) { | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top { | |
top: 0; | |
border-width: 0 0 1px; | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
margin-bottom: 0; | |
border-width: 1px 0 0; | |
} | |
.navbar-brand { | |
float: left; | |
padding: 15px 15px; | |
font-size: 18px; | |
line-height: 20px; | |
height: 50px; | |
} | |
.navbar-brand:hover, | |
.navbar-brand:focus { | |
text-decoration: none; | |
} | |
.navbar-brand > img { | |
display: block; | |
} | |
@media (min-width: 768px) { | |
.navbar > .container .navbar-brand, | |
.navbar > .container-fluid .navbar-brand { | |
margin-left: -15px; | |
} | |
} | |
.navbar-toggle { | |
position: relative; | |
float: right; | |
margin-right: 15px; | |
padding: 9px 10px; | |
margin-top: 8px; | |
margin-bottom: 8px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.navbar-toggle:focus { | |
outline: 0; | |
} | |
.navbar-toggle .icon-bar { | |
display: block; | |
width: 22px; | |
height: 2px; | |
border-radius: 1px; | |
} | |
.navbar-toggle .icon-bar + .icon-bar { | |
margin-top: 4px; | |
} | |
@media (min-width: 768px) { | |
.navbar-toggle { | |
display: none; | |
} | |
} | |
.navbar-nav { | |
margin: 7.5px -15px; | |
} | |
.navbar-nav > li > a { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 20px; | |
} | |
@media (max-width: 767px) { | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
box-shadow: none; | |
} | |
.navbar-nav .open .dropdown-menu > li > a, | |
.navbar-nav .open .dropdown-menu .dropdown-header { | |
padding: 5px 15px 5px 25px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a { | |
line-height: 20px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-nav .open .dropdown-menu > li > a:focus { | |
background-image: none; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-nav { | |
float: left; | |
margin: 0; | |
} | |
.navbar-nav > li { | |
float: left; | |
} | |
.navbar-nav > li > a { | |
padding-top: 15px; | |
padding-bottom: 15px; | |
} | |
} | |
.navbar-form { | |
margin-left: -15px; | |
margin-right: -15px; | |
padding: 10px 15px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
@media (min-width: 768px) { | |
.navbar-form .form-group { | |
display: inline-block; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .form-control { | |
display: inline-block; | |
width: auto; | |
vertical-align: middle; | |
} | |
.navbar-form .form-control-static { | |
display: inline-block; | |
} | |
.navbar-form .input-group { | |
display: inline-table; | |
vertical-align: middle; | |
} | |
.navbar-form .input-group .input-group-addon, | |
.navbar-form .input-group .input-group-btn, | |
.navbar-form .input-group .form-control { | |
width: auto; | |
} | |
.navbar-form .input-group > .form-control { | |
width: 100%; | |
} | |
.navbar-form .control-label { | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
display: inline-block; | |
margin-top: 0; | |
margin-bottom: 0; | |
vertical-align: middle; | |
} | |
.navbar-form .radio label, | |
.navbar-form .checkbox label { | |
padding-left: 0; | |
} | |
.navbar-form .radio input[type="radio"], | |
.navbar-form .checkbox input[type="checkbox"] { | |
position: relative; | |
margin-left: 0; | |
} | |
.navbar-form .has-feedback .form-control-feedback { | |
top: 0; | |
} | |
} | |
@media (max-width: 767px) { | |
.navbar-form .form-group { | |
margin-bottom: 5px; | |
} | |
.navbar-form .form-group:last-child { | |
margin-bottom: 0; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-form { | |
width: auto; | |
border: 0; | |
margin-left: 0; | |
margin-right: 0; | |
padding-top: 0; | |
padding-bottom: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
} | |
.navbar-nav > li > .dropdown-menu { | |
margin-top: 0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.navbar-btn { | |
margin-top: 8px; | |
margin-bottom: 8px; | |
} | |
.navbar-btn.btn-sm { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.navbar-btn.btn-xs { | |
margin-top: 14px; | |
margin-bottom: 14px; | |
} | |
.navbar-text { | |
margin-top: 15px; | |
margin-bottom: 15px; | |
} | |
@media (min-width: 768px) { | |
.navbar-text { | |
float: left; | |
margin-left: 15px; | |
margin-right: 15px; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-left { | |
float: left !important; | |
} | |
.navbar-right { | |
float: right !important; | |
margin-right: -15px; | |
} | |
.navbar-right ~ .navbar-right { | |
margin-right: 0; | |
} | |
} | |
.navbar-default { | |
background-color: #f8f8f8; | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-brand { | |
color: #777777; | |
} | |
.navbar-default .navbar-brand:hover, | |
.navbar-default .navbar-brand:focus { | |
color: #5e5e5e; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-text { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a:hover, | |
.navbar-default .navbar-nav > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav > .active > a, | |
.navbar-default .navbar-nav > .active > a:hover, | |
.navbar-default .navbar-nav > .active > a:focus { | |
color: #555555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .disabled > a, | |
.navbar-default .navbar-nav > .disabled > a:hover, | |
.navbar-default .navbar-nav > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle:hover, | |
.navbar-default .navbar-toggle:focus { | |
background-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888888; | |
} | |
.navbar-default .navbar-collapse, | |
.navbar-default .navbar-form { | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .open > a, | |
.navbar-default .navbar-nav > .open > a:hover, | |
.navbar-default .navbar-nav > .open > a:focus { | |
background-color: #e7e7e7; | |
color: #555555; | |
} | |
@media (max-width: 767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #555555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #777777; | |
} | |
.navbar-default .navbar-link:hover { | |
color: #333333; | |
} | |
.navbar-default .btn-link { | |
color: #777777; | |
} | |
.navbar-default .btn-link:hover, | |
.navbar-default .btn-link:focus { | |
color: #333333; | |
} | |
.navbar-default .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-default .btn-link:hover, | |
.navbar-default .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-default .btn-link:focus { | |
color: #cccccc; | |
} | |
.navbar-inverse { | |
background-color: #222222; | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-brand:hover, | |
.navbar-inverse .navbar-brand:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-text { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav > li > a { | |
color: #9d9d9d; | |
} | |
.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-collapse, | |
.navbar-inverse .navbar-form { | |
border-color: #101010; | |
} | |
.navbar-inverse .navbar-nav > .open > a, | |
.navbar-inverse .navbar-nav > .open > a:hover, | |
.navbar-inverse .navbar-nav > .open > a:focus { | |
background-color: #080808; | |
color: #ffffff; | |
} | |
@media (max-width: 767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link:focus { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-inverse .btn-link:focus { | |
color: #444444; | |
} | |
.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: #777777; | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 20px 0; | |
border-radius: 4px; | |
} | |
.pagination > li { | |
display: inline; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
position: relative; | |
float: left; | |
padding: 6px 12px; | |
line-height: 1.42857143; | |
text-decoration: none; | |
color: #428bca; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
margin-left: -1px; | |
} | |
.pagination > li:first-child > a, | |
.pagination > li:first-child > span { | |
margin-left: 0; | |
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 > span:hover, | |
.pagination > li > a:focus, | |
.pagination > li > span:focus { | |
color: #2a6496; | |
background-color: #eeeeee; | |
border-color: #dddddd; | |
} | |
.pagination > .active > a, | |
.pagination > .active > span, | |
.pagination > .active > a:hover, | |
.pagination > .active > span:hover, | |
.pagination > .active > a:focus, | |
.pagination > .active > span:focus { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
cursor: default; | |
} | |
.pagination > .disabled > span, | |
.pagination > .disabled > span:hover, | |
.pagination > .disabled > span:focus, | |
.pagination > .disabled > a, | |
.pagination > .disabled > a:hover, | |
.pagination > .disabled > a:focus { | |
color: #777777; | |
background-color: #ffffff; | |
border-color: #dddddd; | |
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 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: #eeeeee; | |
} | |
.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: #777777; | |
background-color: #ffffff; | |
cursor: not-allowed; | |
} | |
.label { | |
display: inline; | |
padding: .2em .6em .3em; | |
font-size: 75%; | |
font-weight: bold; | |
line-height: 1; | |
color: #ffffff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em; | |
} | |
a.label:hover, | |
a.label:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label:empty { | |
display: none; | |
} | |
.btn .label { | |
position: relative; | |
top: -1px; | |
} | |
.label-default { | |
background-color: #777777; | |
} | |
.label-default[href]:hover, | |
.label-default[href]:focus { | |
background-color: #5e5e5e; | |
} | |
.label-primary { | |
background-color: #428bca; | |
} | |
.label-primary[href]:hover, | |
.label-primary[href]:focus { | |
background-color: #3071a9; | |
} | |
.label-success { | |
background-color: #5cb85c; | |
} | |
.label-success[href]:hover, | |
.label-success[href]:focus { | |
background-color: #449d44; | |
} | |
.label-info { | |
background-color: #5bc0de; | |
} | |
.label-info[href]:hover, | |
.label-info[href]:focus { | |
background-color: #31b0d5; | |
} | |
.label-warning { | |
background-color: #f0ad4e; | |
} | |
.label-warning[href]:hover, | |
.label-warning[href]:focus { | |
background-color: #ec971f; | |
} | |
.label-danger { | |
background-color: #d9534f; | |
} | |
.label-danger[href]:hover, | |
.label-danger[href]:focus { | |
background-color: #c9302c; | |
} | |
.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: #777777; | |
border-radius: 10px; | |
} | |
.badge:empty { | |
display: none; | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px; | |
} | |
.btn-xs .badge { | |
top: 0; | |
padding: 1px 5px; | |
} | |
a.badge:hover, | |
a.badge:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
a.list-group-item.active > .badge, | |
.nav-pills > .active > a > .badge { | |
color: #428bca; | |
background-color: #ffffff; | |
} | |
.nav-pills > li > a > .badge { | |
margin-left: 3px; | |
} | |
.jumbotron { | |
padding: 30px 15px; | |
margin-bottom: 30px; | |
color: inherit; | |
background-color: #eeeeee; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
color: inherit; | |
} | |
.jumbotron p { | |
margin-bottom: 15px; | |
font-size: 21px; | |
font-weight: 200; | |
} | |
.jumbotron > hr { | |
border-top-color: #d5d5d5; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
border-radius: 6px; | |
} | |
.jumbotron .container { | |
max-width: 100%; | |
} | |
@media screen and (min-width: 768px) { | |
.jumbotron { | |
padding: 48px 0; | |
} | |
.container .jumbotron { | |
padding-left: 60px; | |
padding-right: 60px; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
font-size: 63px; | |
} | |
} | |
.thumbnail { | |
display: block; | |
padding: 4px; | |
margin-bottom: 20px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #dddddd; | |
border-radius: 4px; | |
-webkit-transition: border 0.2s ease-in-out; | |
-o-transition: border 0.2s ease-in-out; | |
transition: border 0.2s ease-in-out; | |
} | |
.thumbnail > img, | |
.thumbnail a > img { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus, | |
a.thumbnail.active { | |
border-color: #428bca; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #333333; | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit; | |
} | |
.alert .alert-link { | |
font-weight: bold; | |
} | |
.alert > p, | |
.alert > ul { | |
margin-bottom: 0; | |
} | |
.alert > p + p { | |
margin-top: 5px; | |
} | |
.alert-dismissable, | |
.alert-dismissible { | |
padding-right: 35px; | |
} | |
.alert-dismissable .close, | |
.alert-dismissible .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
color: inherit; | |
} | |
.alert-success { | |
background-color: #dff0d8; | |
border-color: #d6e9c6; | |
color: #3c763d; | |
} | |
.alert-success hr { | |
border-top-color: #c9e2b3; | |
} | |
.alert-success .alert-link { | |
color: #2b542c; | |
} | |
.alert-info { | |
background-color: #d9edf7; | |
border-color: #bce8f1; | |
color: #31708f; | |
} | |
.alert-info hr { | |
border-top-color: #a6e1ec; | |
} | |
.alert-info .alert-link { | |
color: #245269; | |
} | |
.alert-warning { | |
background-color: #fcf8e3; | |
border-color: #faebcc; | |
color: #8a6d3b; | |
} | |
.alert-warning hr { | |
border-top-color: #f7e1b5; | |
} | |
.alert-warning .alert-link { | |
color: #66512c; | |
} | |
.alert-danger { | |
background-color: #f2dede; | |
border-color: #ebccd1; | |
color: #a94442; | |
} | |
.alert-danger hr { | |
border-top-color: #e4b9c0; | |
} | |
.alert-danger .alert-link { | |
color: #843534; | |
} | |
@-webkit-keyframes progress-bar-stripes { | |
from { | |
background-position: 40px 0; | |
} | |
to { | |
background-position: 0 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; | |
line-height: 20px; | |
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; | |
-o-transition: width 0.6s ease; | |
transition: width 0.6s ease; | |
} | |
.progress-striped .progress-bar, | |
.progress-bar-striped { | |
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: -o-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, | |
.progress-bar.active { | |
-webkit-animation: progress-bar-stripes 2s linear infinite; | |
-o-animation: progress-bar-stripes 2s linear infinite; | |
animation: progress-bar-stripes 2s linear infinite; | |
} | |
.progress-bar[aria-valuenow="0"] { | |
color: #777777; | |
min-width: 30px; | |
background-color: transparent; | |
background-image: none; | |
box-shadow: none; | |
} | |
.progress-bar-success { | |
background-color: #5cb85c; | |
} | |
.progress-striped .progress-bar-success { | |
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: -o-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-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: -o-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-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: -o-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-danger { | |
background-color: #d9534f; | |
} | |
.progress-striped .progress-bar-danger { | |
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: -o-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); | |
} | |
.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; | |
} | |
.list-group { | |
margin-bottom: 20px; | |
padding-left: 0; | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 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; | |
} | |
.list-group-item > .badge + .badge { | |
margin-right: 5px; | |
} | |
a.list-group-item { | |
color: #555555; | |
} | |
a.list-group-item .list-group-item-heading { | |
color: #333333; | |
} | |
a.list-group-item:hover, | |
a.list-group-item:focus { | |
text-decoration: none; | |
color: #555555; | |
background-color: #f5f5f5; | |
} | |
.list-group-item.disabled, | |
.list-group-item.disabled:hover, | |
.list-group-item.disabled:focus { | |
background-color: #eeeeee; | |
color: #777777; | |
cursor: not-allowed; | |
} | |
.list-group-item.disabled .list-group-item-heading, | |
.list-group-item.disabled:hover .list-group-item-heading, | |
.list-group-item.disabled:focus .list-group-item-heading { | |
color: inherit; | |
} | |
.list-group-item.disabled .list-group-item-text, | |
.list-group-item.disabled:hover .list-group-item-text, | |
.list-group-item.disabled:focus .list-group-item-text { | |
color: #777777; | |
} | |
.list-group-item.active, | |
.list-group-item.active:hover, | |
.list-group-item.active:focus { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #428bca; | |
border-color: #428bca; | |
} | |
.list-group-item.active .list-group-item-heading, | |
.list-group-item.active:hover .list-group-item-heading, | |
.list-group-item.active:focus .list-group-item-heading, | |
.list-group-item.active .list-group-item-heading > small, | |
.list-group-item.active:hover .list-group-item-heading > small, | |
.list-group-item.active:focus .list-group-item-heading > small, | |
.list-group-item.active .list-group-item-heading > .small, | |
.list-group-item.active:hover .list-group-item-heading > .small, | |
.list-group-item.active:focus .list-group-item-heading > .small { | |
color: inherit; | |
} | |
.list-group-item.active .list-group-item-text, | |
.list-group-item.active:hover .list-group-item-text, | |
.list-group-item.active:focus .list-group-item-text { | |
color: #e1edf7; | |
} | |
.list-group-item-success { | |
color: #3c763d; | |
background-color: #dff0d8; | |
} | |
a.list-group-item-success { | |
color: #3c763d; | |
} | |
a.list-group-item-success .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-success:hover, | |
a.list-group-item-success:focus { | |
color: #3c763d; | |
background-color: #d0e9c6; | |
} | |
a.list-group-item-success.active, | |
a.list-group-item-success.active:hover, | |
a.list-group-item-success.active:focus { | |
color: #fff; | |
background-color: #3c763d; | |
border-color: #3c763d; | |
} | |
.list-group-item-info { | |
color: #31708f; | |
background-color: #d9edf7; | |
} | |
a.list-group-item-info { | |
color: #31708f; | |
} | |
a.list-group-item-info .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-info:hover, | |
a.list-group-item-info:focus { | |
color: #31708f; | |
background-color: #c4e3f3; | |
} | |
a.list-group-item-info.active, | |
a.list-group-item-info.active:hover, | |
a.list-group-item-info.active:focus { | |
color: #fff; | |
background-color: #31708f; | |
border-color: #31708f; | |
} | |
.list-group-item-warning { | |
color: #8a6d3b; | |
background-color: #fcf8e3; | |
} | |
a.list-group-item-warning { | |
color: #8a6d3b; | |
} | |
a.list-group-item-warning .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-warning:hover, | |
a.list-group-item-warning:focus { | |
color: #8a6d3b; | |
background-color: #faf2cc; | |
} | |
a.list-group-item-warning.active, | |
a.list-group-item-warning.active:hover, | |
a.list-group-item-warning.active:focus { | |
color: #fff; | |
background-color: #8a6d3b; | |
border-color: #8a6d3b; | |
} | |
.list-group-item-danger { | |
color: #a94442; | |
background-color: #f2dede; | |
} | |
a.list-group-item-danger { | |
color: #a94442; | |
} | |
a.list-group-item-danger .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-danger:hover, | |
a.list-group-item-danger:focus { | |
color: #a94442; | |
background-color: #ebcccc; | |
} | |
a.list-group-item-danger.active, | |
a.list-group-item-d | |
/* flexbox full height */ | |
.flexbox-parent { | |
width: 100%; | |
height: 100%; | |
display: flex; | |
flex-direction: row; | |
justify-content: flex-start; | |
align-items: stretch; | |
align-content: stretch; | |
} | |
.flexbox-sidbar { | |
flex: 1; | |
padding:30px; | |
} | |
.flexbox-content { | |
display: flex; | |
justify-content: flex-start; | |
align-items: stretch; | |
align-content: stretc; | |
flex: 4; | |
padding:30px; | |
} | |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment