applause-button {
cursor: pointer;
position: relative
}
applause-button .style-root,
applause-button .style-root:after {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
applause-button .style-root:after {
border: 1px solid;
border-radius: 50%;
content: " ";
display: block
}
applause-button .style-root:hover:after:not(.clap-limit-exceeded) {
border-color: inherit
}
applause-button.loading {
opacity: .5
}
applause-button .shockwave {
border-radius: 50%
}
applause-button .shockwave,
applause-button svg {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
applause-button svg {
stroke: none;
height: 60%;
margin-left: 20%;
margin-top: 20%;
opacity: .8;
overflow: visible !important;
width: 60%
}
applause-button svg g.flat {
visibility: hidden
}
applause-button.clapped svg g.flat,
applause-button svg g.outline {
visibility: visible
}
applause-button.clapped svg g.outline {
visibility: hidden
}
applause-button .count-container {
color: grey;
position: absolute;
top: -40%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%
}
applause-button .count-container .count {
margin-left: 50%;
text-align: center;
transform: translateX(-50%);
width: 1000px
}
applause-button g.sparkle circle {
stroke-width: 0;
opacity: 0
}
applause-button g.sparkle g:first-child {
transform: rotate(0deg) translateX(10px)
}
applause-button g.sparkle g:nth-child(2) {
transform: rotate(72deg) translateX(10px)
}
applause-button g.sparkle g:nth-child(3) {
transform: rotate(144deg) translateX(10px)
}
applause-button g.sparkle g:nth-child(4) {
transform: rotate(216deg) translateX(10px)
}
applause-button g.sparkle g:nth-child(5) {
transform: rotate(288deg) translateX(10px)
}
applause-button:hover:not(.clapped) .shockwave {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: shockwave;
animation-name: shockwave;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
applause-button.clap {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: pulse;
animation-name: pulse
}
applause-button.clap .sparkle circle {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: explode;
animation-name: explode
}
applause-button.clap .count {
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-name: hideThenShow;
animation-name: hideThenShow
}
@-webkit-keyframes explode {
0% {
opacity: 0;
transform: translateX(10px)
}
20% {
opacity: 1
}
50% {
opacity: 1
}
to {
opacity: 0;
transform: translateX(25px)
}
}
@keyframes explode {
0% {
opacity: 0;
transform: translateX(10px)
}
20% {
opacity: 1
}
50% {
opacity: 1
}
to {
opacity: 0;
transform: translateX(25px)
}
}
@-webkit-keyframes shockwave {
0% {
box-shadow: 0 0 2px;
opacity: 1;
transform: scale(1)
}
to {
box-shadow: 0 0 50px, inset 0 0 10px;
opacity: 0;
transform: scale(1)
}
}
@keyframes shockwave {
0% {
box-shadow: 0 0 2px;
opacity: 1;
transform: scale(1)
}
to {
box-shadow: 0 0 50px, inset 0 0 10px;
opacity: 0;
transform: scale(1)
}
}
@-webkit-keyframes pulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
to {
transform: scale(1)
}
}
@keyframes pulse {
0% {
transform: scale(1)
}
50% {
transform: scale(1.1)
}
to {
transform: scale(1)
}
}
@-webkit-keyframes hideThenShow {
0% {
opacity: 1;
transform: translateY(0)
}
20% {
opacity: 0;
transform: translateY(-10px)
}
50% {
transform: translateY(10px)
}
80% {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
@keyframes hideThenShow {
0% {
opacity: 1;
transform: translateY(0)
}
20% {
opacity: 0;
transform: translateY(-10px)
}
50% {
transform: translateY(10px)
}
80% {
opacity: 0;
transform: translateY(10px)
}
to {
opacity: 1;
transform: translateY(0)
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: hidden;
position: absolute;
-webkit-text-size-adjust: 100%;
top: 0;
-ms-touch-action: none;
touch-action: none;
width: 100%;
z-index: 1500
}
.pswp * {
box-sizing: border-box
}
.pswp img {
max-width: none
}
.pswp--animate_opacity {
opacity: .001;
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
will-change: opacity
}
.pswp--open {
display: block
}
.pswp--zoom-allowed .pswp__img {
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in
}
.pswp--zoomed-in .pswp__img {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.pswp--dragging .pswp__img {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing
}
.pswp__bg {
-webkit-backface-visibility: hidden;
background: #000;
opacity: 0;
transform: translateZ(0)
}
.pswp__bg,
.pswp__scroll-wrap {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.pswp__scroll-wrap {
overflow: hidden
}
.pswp__container,
.pswp__zoom-wrap {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-ms-touch-action: none;
touch-action: none
}
.pswp__container,
.pswp__img {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__zoom-wrap {
position: absolute;
transform-origin: left top;
transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
width: 100%
}
.pswp__bg {
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
will-change: opacity
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
transition: none
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden
}
.pswp__item {
bottom: 0;
overflow: hidden;
right: 0
}
.pswp__img,
.pswp__item {
left: 0;
position: absolute;
top: 0
}
.pswp__img {
height: auto;
width: auto
}
.pswp__img--placeholder {
-webkit-backface-visibility: hidden
}
.pswp__img--placeholder--blank {
background: #222
}
.pswp--ie .pswp__img {
height: auto !important;
left: 0;
top: 0;
width: 100% !important
}
.pswp__error-msg {
color: #ccc;
font-size: 14px;
left: 0;
line-height: 16px;
margin-top: -8px;
position: absolute;
text-align: center;
top: 50%;
width: 100%
}
.pswp__error-msg a {
color: #ccc;
text-decoration: underline
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
-webkit-appearance: none;
background: none;
border: 0;
box-shadow: none;
cursor: pointer;
display: block;
float: right;
height: 44px;
margin: 0;
opacity: .75;
overflow: visible;
padding: 0;
position: relative;
transition: opacity .2s;
width: 44px
}
.pswp__button:focus,
.pswp__button:hover {
opacity: 1
}
.pswp__button:active {
opacity: .9;
outline: none
}
.pswp__button::-moz-focus-inner {
border: 0;
padding: 0
}
.pswp__ui--over-close .pswp__button--close {
opacity: 1
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
height: 44px;
width: 44px
}
@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(default-skin.svg)
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none
}
}
.pswp__button--close {
background-position: 0 -44px
}
.pswp__button--share {
background-position: -44px -44px
}
.pswp__button--fs {
display: none
}
.pswp--supports-fs .pswp__button--fs {
display: block
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0
}
.pswp__button--zoom {
background-position: -88px 0;
display: none
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
height: 100px;
margin-top: -50px;
position: absolute;
top: 50%;
width: 70px
}
.pswp__button--arrow--left {
left: 0
}
.pswp__button--arrow--right {
right: 0
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background-color: rgba(0, 0, 0, .3);
content: "";
height: 30px;
position: absolute;
top: 35px;
width: 32px
}
.pswp__button--arrow--left:before {
background-position: -138px -44px;
left: 6px
}
.pswp__button--arrow--right:before {
background-position: -94px -44px;
right: 6px
}
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.pswp__share-modal {
-webkit-backface-visibility: hidden;
background: rgba(0, 0, 0, .5);
display: block;
height: 100%;
left: 0;
opacity: 0;
padding: 10px;
position: absolute;
top: 0;
transition: opacity .25s ease-out;
width: 100%;
will-change: opacity;
z-index: 1600
}
.pswp__share-modal--hidden {
display: none
}
.pswp__share-tooltip {
-webkit-backface-visibility: hidden;
background: #fff;
border-radius: 2px;
box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
display: block;
position: absolute;
right: 44px;
top: 56px;
transform: translateY(6px);
transition: transform .25s;
width: auto;
will-change: transform;
z-index: 1620
}
.pswp__share-tooltip a {
display: block;
font-size: 14px;
line-height: 18px;
padding: 8px 12px
}
.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
color: #000;
text-decoration: none
}
.pswp__share-tooltip a:first-child {
border-radius: 2px 2px 0 0
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px
}
.pswp__share-modal--fade-in {
opacity: 1
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
transform: translateY(0)
}
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px
}
a.pswp__share--facebook:before {
border: 6px solid transparent;
border-bottom-color: #fff;
content: "";
display: block;
height: 0;
-webkit-pointer-events: none;
-moz-pointer-events: none;
pointer-events: none;
position: absolute;
right: 15px;
top: -12px;
width: 0
}
a.pswp__share--facebook:hover {
background: #3e5c9a;
color: #fff
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3e5c9a
}
a.pswp__share--twitter:hover {
background: #55acee;
color: #fff
}
a.pswp__share--pinterest:hover {
background: #ccc;
color: #ce272d
}
a.pswp__share--download:hover {
background: #ddd
}
.pswp__counter {
color: #fff;
font-size: 13px;
height: 44px;
left: 0;
line-height: 44px;
opacity: .75;
padding: 0 10px;
position: absolute;
top: 0
}
.pswp__caption {
bottom: 0;
left: 0;
min-height: 44px;
position: absolute;
width: 100%
}
.pswp__caption small {
color: #bbb;
font-size: 11px
}
.pswp__caption__center {
color: #ccc;
font-size: 13px;
line-height: 20px;
margin: 0 auto;
max-width: 420px;
padding: 10px;
text-align: left
}
.pswp__caption--empty {
display: none
}
.pswp__caption--fake {
visibility: hidden
}
.pswp__preloader {
direction: ltr;
height: 44px;
left: 50%;
margin-left: -22px;
opacity: 0;
position: absolute;
top: 0;
transition: opacity .25s ease-out;
width: 44px;
will-change: opacity
}
.pswp__preloader__icn {
height: 20px;
margin: 12px;
width: 20px
}
.pswp__preloader--active {
opacity: 1
}
.pswp__preloader--active .pswp__preloader__icn {
background: url(preloader.gif) 0 0 no-repeat
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise .5s linear infinite;
animation: clockwise .5s linear infinite
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
height: 14px;
left: 15px;
margin: 0;
opacity: .75;
position: absolute;
top: 15px;
width: 14px
}
.pswp--css_animation .pswp__preloader__cut {
height: 14px;
overflow: hidden;
position: relative;
width: 7px
}
.pswp--css_animation .pswp__preloader__donut {
background: none;
border-color: #fff #fff transparent transparent;
border-radius: 50%;
border-style: solid;
border-width: 2px;
box-sizing: border-box;
height: 14px;
left: 0;
margin: 0;
position: absolute;
top: 0;
width: 14px
}
@media screen and (max-width:1024px) {
.pswp__preloader {
float: right;
left: auto;
margin: 0;
position: relative;
top: auto
}
}
@-webkit-keyframes clockwise {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@keyframes clockwise {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(1turn)
}
}
@-webkit-keyframes donut-rotate {
0% {
transform: rotate(0)
}
50% {
transform: rotate(-140deg)
}
to {
transform: rotate(0)
}
}
@keyframes donut-rotate {
0% {
transform: rotate(0)
}
50% {
transform: rotate(-140deg)
}
to {
transform: rotate(0)
}
}
.pswp__ui {
-webkit-font-smoothing: auto;
opacity: 1;
visibility: visible;
z-index: 1550
}
.pswp__top-bar {
height: 44px;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
-webkit-backface-visibility: hidden;
transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
will-change: opacity
}
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible
}
.pswp__caption,
.pswp__top-bar {
background-color: rgba(0, 0, 0, .5)
}
.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
background-color: rgba(0, 0, 0, .3)
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
opacity: 0
}
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
opacity: .001
}
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none
}
.pswp__element--disabled {
display: none !important
}
.pswp--minimal--dark .pswp__top-bar {
background: none
}
div.admonition {
background-color: #fcf8e3;
border: 1px solid;
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
margin-bottom: 20px;
padding: 0
}
div.admonition p {
margin: .5em 1em;
padding: 0
}
div.admonition p a {
color: inherit !important
}
div.admonition div.highlight {
margin-left: 1em;
margin-right: 1em
}
div.admonition table.highlighttable {
padding-left: 1em;
padding-right: 1em
}
div.admonition table.highlighttable div.highlight {
margin-left: 0;
margin-right: 0
}
div.admonition p.admonition-title {
color: #fff;
font-weight: 700;
margin: 0;
padding: .1em 0 .1em .5em
}
div.admonition ol,
div.admonition ul {
margin: .1em .5em .5em 3em;
padding: 0
}
div.danger,
div.error {
background-color: #f2dede;
color: #b94a48
}
div.danger p.admonition-title,
div.error p.admonition-title {
background-color: #b94a48
}
div.attention,
div.caution,
div.warning {
color: #c09853
}
div.attention p.admonition-title,
div.caution p.admonition-title,
div.warning p.admonition-title {
background-color: #c09853
}
div.important,
div.note {
background-color: #dff0d8;
color: #468847
}
div.important p.admonition-title,
div.note p.admonition-title {
background-color: #468847
}
div.hint,
div.tip {
background-color: #d9edf7;
color: #3a87ad
}
div.hint p.admonition-title,
div.tip p.admonition-title {
background-color: #3a87ad
}
div.attention p.admonition-title:before,
div.caution p.admonition-title:before,
div.danger p.admonition-title:before,
div.error p.admonition-title:before,
div.hint p.admonition-title:before,
div.important p.admonition-title:before,
div.note p.admonition-title:before,
div.tip p.admonition-title:before,
div.warning p.admonition-title:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 1
}
div.danger p.admonition-title:before,
div.error p.admonition-title:before {
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 20px 20px;
content: "";
height: 20px;
vertical-align: -20%;
width: 23px
}
div.attention p.admonition-title:before,
div.caution p.admonition-title:before,
div.warning p.admonition-title:before {
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 20px 20px;
content: "";
height: 20px;
vertical-align: -20%;
width: 23px
}
div.important p.admonition-title:before,
div.note p.admonition-title:before {
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 20px 20px;
content: "";
height: 20px;
vertical-align: -20%;
width: 23px
}
div.hint p.admonition-title:before,
div.tip p.admonition-title:before {
background-image: url('data:image/svg+xml; utf8, ');
background-repeat: no-repeat;
background-size: 20px 20px;
content: "";
height: 20px;
vertical-align: -20%;
width: 23px
}
div.applause_button {
-ms-flex-pack: end;
display: -ms-flexbox;
display: flex;
justify-content: flex-end
}
div.applause_button applause-button {
height: 50px;
width: 50px
}
div.applause_button applause-button div.style-root {
fill: maroon !important;
stroke: maroon !important;
color: maroon !important
}
.article-content blockquote {
--quotes-margin: 13px;
background: #fff8dc;
border-left: 5px solid #daa520;
border-radius: var(--border-radius);
box-sizing: border-box;
margin: 1rem auto 2rem;
padding: .1rem 1.2rem;
position: relative;
width: 80%
}
.article-content blockquote:after,
.article-content blockquote:before {
color: #696969;
font-size: 4rem;
line-height: 0;
margin: 0;
padding: 0;
position: absolute
}
.article-content blockquote:before {
content: open-quote;
margin-right: var(--quotes-margin);
right: 100%;
top: 30px
}
.article-content blockquote:after {
bottom: 0;
content: close-quote;
left: 100%;
margin-left: var(--quotes-margin);
top: auto
}
.article-content blockquote p {
margin: 20px 0
}
/*!
* Bootstrap v2.3.2
*
* 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.
*/
.clearfix {
*zoom: 1
}
.clearfix:after,
.clearfix:before {
content: "";
display: table;
line-height: 0
}
.clearfix:after {
clear: both
}
.hide-text {
background-color: transparent;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none
}
.input-block-level {
box-sizing: border-box;
display: block;
min-height: 30px;
width: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block
}
audio,
canvas,
video {
*zoom: 1;
display: inline-block;
*display: inline
}
audio:not([controls]) {
display: none
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
a:active,
a:hover {
outline: 0
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
-ms-interpolation-mode: bicubic;
border: 0;
height: auto;
max-width: 100%;
min-width: 30%;
vertical-align: middle;
float: left;
padding: 0px 10px 10px 0px;
width: auto\9
}
#map_canvas img,
.google-maps img {
max-width: none
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: middle
}
button,
input {
line-height: normal;
*overflow: visible
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button;
cursor: pointer
}
button,
input[type=button],
input[type=checkbox],
input[type=radio],
input[type=reset],
input[type=submit],
label,
select {
cursor: pointer
}
input[type=search] {
-webkit-appearance: textfield;
box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
vertical-align: top
}
@media print {
* {
background: transparent !important;
box-shadow: none !important;
color: #000 !important;
text-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^="#"]:after,
a[href^="javascript:"]:after {
content: ""
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100% !important
}
@page {
margin: .5cm
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
}
body {
background-color: #fff;
color: #333;
font-size: 14px;
line-height: 20px
}
a {
color: #08c;
text-decoration: none
}
a:focus,
a:hover {
color: #005580;
text-decoration: underline
}
.img-rounded {
border-radius: 6px
}
.img-polaroid {
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
padding: 4px
}
.img-circle {
border-radius: 500px
}
.row {
*zoom: 1;
margin-left: -20px
}
.row:after,
.row:before {
content: "";
display: table;
line-height: 0
}
.row:after {
clear: both
}
[class*=span] {
float: left;
margin-left: 20px;
min-height: 1px
}
.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container,
.span12 {
width: 100%
}
.span11 {
width: 860px
}
.span10 {
width: 780px
}
.span9 {
width: 700px
}
.span8 {
width: 620px
}
.span7 {
width: 540px
}
.span6 {
width: 460px
}
.span5 {
width: 380px
}
.span4 {
width: 300px
}
.span3 {
width: 220px
}
.span2 {
width: 140px
}
.span1 {
width: 60px
}
.offset12 {
margin-left: 980px
}
.offset11 {
margin-left: 900px
}
.offset10 {
margin-left: 820px
}
.offset9 {
margin-left: 740px
}
.offset8 {
margin-left: 660px
}
.offset7 {
margin-left: 580px
}
.offset6 {
margin-left: 500px
}
.offset5 {
margin-left: 420px
}
.offset4 {
margin-left: 340px
}
.offset3 {
margin-left: 260px
}
.offset2 {
margin-left: 180px
}
.offset1 {
margin-left: 100px
}
.row-fluid {
*zoom: 1;
width: 100%
}
.row-fluid:after,
.row-fluid:before {
content: "";
display: table;
line-height: 0
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
box-sizing: border-box;
display: block;
float: right;
margin-left: 2.127659574468085%;
*margin-left: 2.074468085106383%;
min-height: 30px;
width: 100%
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=span]+[class*=span] {
margin-left: 2.127659574468085%
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%
}
.row-fluid .span11 {
width: 91.48936170212765%;
*width: 91.43617021276594%
}
.row-fluid .span10 {
width: 82.97872340425532%;
*width: 82.92553191489361%
}
.row-fluid .span9 {
width: 74.46808510638297%;
*width: 74.41489361702126%
}
.row-fluid .span8 {
width: 65.95744680851064%;
*width: 65.90425531914893%
}
.row-fluid .span7 {
width: 57.44680851063829%;
*width: 57.39361702127659%
}
.row-fluid .span6 {
width: 48.93617021276595%;
*width: 48.88297872340425%
}
.row-fluid .span5 {
width: 40.42553191489362%;
*width: 40.37234042553192%
}
.row-fluid .span4 {
width: 31.914893617021278%;
*width: 31.861702127659576%
}
.row-fluid .span3 {
width: 23.404255319148934%;
*width: 23.351063829787233%
}
.row-fluid .span2 {
width: 14.893617021276595%;
*width: 14.840425531914894%
}
.row-fluid .span1 {
width: 6.382978723404255%;
*width: 6.329787234042553%
}
.row-fluid .offset12 {
margin-left: 104.25531914893617%;
*margin-left: 104.14893617021275%
}
.row-fluid .offset12:first-child {
margin-left: 102.12765957446808%;
*margin-left: 102.02127659574467%
}
.row-fluid .offset11 {
margin-left: 95.74468085106382%;
*margin-left: 95.6382978723404%
}
.row-fluid .offset11:first-child {
margin-left: 93.61702127659574%;
*margin-left: 93.51063829787232%
}
.row-fluid .offset10 {
margin-left: 87.23404255319149%;
*margin-left: 87.12765957446807%
}
.row-fluid .offset10:first-child {
margin-left: 85.1063829787234%;
*margin-left: 84.99999999999999%
}
.row-fluid .offset9 {
margin-left: 78.72340425531914%;
*margin-left: 78.61702127659572%
}
.row-fluid .offset9:first-child {
margin-left: 76.59574468085106%;
*margin-left: 76.48936170212764%
}
.row-fluid .offset8 {
margin-left: 70.2127659574468%;
*margin-left: 70.10638297872339%
}
.row-fluid .offset8:first-child {
margin-left: 68.08510638297872%;
*margin-left: 67.9787234042553%
}
.row-fluid .offset7 {
margin-left: 61.70212765957446%;
*margin-left: 61.59574468085106%
}
.row-fluid .offset7:first-child {
margin-left: 59.574468085106375%;
*margin-left: 59.46808510638297%
}
.row-fluid .offset6 {
margin-left: 53.191489361702125%;
*margin-left: 53.085106382978715%
}
.row-fluid .offset6:first-child {
margin-left: 51.063829787234035%;
*margin-left: 50.95744680851063%
}
.row-fluid .offset5 {
margin-left: 44.68085106382979%;
*margin-left: 44.57446808510638%
}
.row-fluid .offset5:first-child {
margin-left: 42.5531914893617%;
*margin-left: 42.4468085106383%
}
.row-fluid .offset4 {
margin-left: 36.170212765957444%;
*margin-left: 36.06382978723405%
}
.row-fluid .offset4:first-child {
margin-left: 34.04255319148936%;
*margin-left: 33.93617021276596%
}
.row-fluid .offset3 {
margin-left: 27.659574468085104%;
*margin-left: 27.5531914893617%
}
.row-fluid .offset3:first-child {
margin-left: 25.53191489361702%;
*margin-left: 25.425531914893618%
}
.row-fluid .offset2 {
margin-left: 19.148936170212764%;
*margin-left: 19.04255319148936%
}
.row-fluid .offset2:first-child {
margin-left: 17.02127659574468%;
*margin-left: 16.914893617021278%
}
.row-fluid .offset1 {
margin-left: 10.638297872340425%;
*margin-left: 10.53191489361702%
}
.row-fluid .offset1:first-child {
margin-left: 8.51063829787234%;
*margin-left: 8.404255319148938%
}
.row-fluid [class*=span].hide,
[class*=span].hide {
display: none
}
.row-fluid [class*=span].pull-right,
[class*=span].pull-right {
float: right
}
.container {
*zoom: 1;
margin-left: auto;
margin-right: auto
}
.container:after,
.container:before {
content: "";
display: table;
line-height: 0
}
.container:after {
clear: both
}
.container-fluid {
*zoom: 1;
padding-left: 20px;
padding-right: 20px
}
.container-fluid:after,
.container-fluid:before {
content: "";
display: table;
line-height: 0
}
.container-fluid:after {
clear: both
}
p {
margin: 0 0 10px
}
p.english {
background-color: rgb(240, 240, 240);
}
.lead {
font-size: 21px;
font-weight: 200;
line-height: 30px;
margin-bottom: 20px
}
small {
font-size: 85%
}
strong {
font-weight: 700
}
em {
font-style: italic
}
cite {
font-style: normal
}
.muted {
color: #999
}
a.muted:focus,
a.muted:hover {
color: grey
}
.text-warning {
color: #c09853
}
a.text-warning:focus,
a.text-warning:hover {
color: #a47e3c
}
.text-error {
color: #b94a48
}
a.text-error:focus,
a.text-error:hover {
color: #953b39
}
.text-info {
color: #3a87ad
}
a.text-info:focus,
a.text-info:hover {
color: #2d6987
}
.text-success {
color: #468847
}
a.text-success:focus,
a.text-success:hover {
color: #356635
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
ol,
ul {
margin: 0 0 10px 25px;
padding: 0
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
li {
line-height: 20px
}
ol.inline,
ol.unstyled,
ul.inline,
ul.unstyled {
list-style: none;
margin-left: 0
}
ol.inline>li,
ul.inline>li {
*zoom: 1;
display: inline-block;
*display: inline;
padding-left: 5px;
padding-right: 5px
}
dl {
margin-bottom: 20px
}
dd,
dt {
line-height: 20px
}
dt {
font-weight: 700
}
dd {
margin-left: 10px
}
.dl-horizontal {
*zoom: 1
}
.dl-horizontal:after,
.dl-horizontal:before {
content: "";
display: table;
line-height: 0
}
.dl-horizontal:after {
clear: both
}
.dl-horizontal dt {
clear: left;
float: left;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
width: 160px
}
.dl-horizontal dd {
margin-left: 180px
}
hr {
border: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #eee;
margin: 20px 0
}
abbr[data-original-title],
abbr[title] {
border-bottom: 1px dotted #999;
cursor: help
}
abbr.initialism {
font-size: 90%;
text-transform: uppercase
}
address {
display: block;
font-style: normal;
line-height: 20px;
margin-bottom: 20px
}
code,
pre {
border-radius: 3px;
color: #333;
font-size: 12px;
padding: 0 3px 2px
}
code {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
color: #d14;
padding: 2px 4px;
white-space: nowrap
}
pre {
word-wrap: break-word;
display: block;
font-size: 13px;
line-height: 20px;
margin: 0 0 10px;
padding: 9.5px;
white-space: pre;
white-space: pre-wrap;
word-break: break-all
}
pre.prettyprint {
margin-bottom: 20px
}
pre code {
background-color: transparent;
border: 0;
color: inherit;
padding: 0;
white-space: pre;
white-space: pre-wrap
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
form {
margin: 0 0 20px
}
fieldset {
margin: 0
}
fieldset,
legend {
border: 0;
padding: 0
}
legend {
border-bottom: 1px solid #e5e5e5;
color: #333;
display: block;
font-size: 21px;
line-height: 40px;
margin-bottom: 20px;
width: 100%
}
legend small {
color: #999;
font-size: 15px
}
button,
input,
label,
select,
textarea {
font-size: 14px;
font-weight: 400;
line-height: 20px
}
button,
input,
select,
textarea {
font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}
label {
display: block;
margin-bottom: 5px
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
border-radius: 4px;
color: #555;
display: inline-block;
font-size: 14px;
height: 20px;
line-height: 20px;
margin-bottom: 10px;
padding: 4px 6px;
vertical-align: middle
}
.uneditable-input,
input,
textarea {
width: 206px
}
textarea {
height: auto
}
.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
transition: border .2s linear, box-shadow .2s linear
}
.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
border-color: rgba(82, 168, 236, .8);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
outline: 0;
outline: thin dotted\9
}
input[type=checkbox],
input[type=radio] {
line-height: normal;
margin: 4px 0 0;
margin-top: 1px\9;
*margin-top: 0
}
input[type=button],
input[type=checkbox],
input[type=file],
input[type=image],
input[type=radio],
input[type=reset],
input[type=submit] {
width: auto
}
input[type=file],
select {
height: 30px;
line-height: 30px;
*margin-top: 4px
}
select {
background-color: #fff;
border: 1px solid #ccc;
width: 220px
}
select[multiple],
select[size] {
height: auto
}
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
select:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.uneditable-input,
.uneditable-textarea {
background-color: #fcfcfc;
border-color: #ccc;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025);
color: #999;
cursor: not-allowed
}
.uneditable-input {
overflow: hidden;
white-space: nowrap
}
.uneditable-textarea {
height: auto;
width: auto
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999
}
.checkbox,
.radio {
min-height: 20px;
padding-left: 20px
}
.checkbox input[type=checkbox],
.radio input[type=radio] {
float: left;
margin-left: -20px
}
.controls>.checkbox:first-child,
.controls>.radio:first-child {
padding-top: 5px
}
.checkbox.inline,
.radio.inline {
display: inline-block;
margin-bottom: 0;
padding-top: 5px;
vertical-align: middle
}
.checkbox.inline+.checkbox.inline,
.radio.inline+.radio.inline {
margin-left: 10px
}
.input-mini {
width: 60px
}
.input-small {
width: 90px
}
.input-medium {
width: 150px
}
.input-large {
width: 210px
}
.input-xlarge {
width: 270px
}
.input-xxlarge {
width: 530px
}
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span],
.uneditable-input[class*=span],
input[class*=span],
select[class*=span],
textarea[class*=span] {
float: none;
margin-left: 0
}
.input-append .uneditable-input[class*=span],
.input-append input[class*=span],
.input-prepend .uneditable-input[class*=span],
.input-prepend input[class*=span],
.row-fluid .input-append [class*=span],
.row-fluid .input-prepend [class*=span],
.row-fluid .uneditable-input[class*=span],
.row-fluid input[class*=span],
.row-fluid select[class*=span],
.row-fluid textarea[class*=span] {
display: inline-block
}
.uneditable-input,
input,
textarea {
margin-left: 0
}
.controls-row [class*=span]+[class*=span] {
margin-left: 20px
}
.uneditable-input.span12,
input.span12,
textarea.span12 {
width: 926px
}
.uneditable-input.span11,
input.span11,
textarea.span11 {
width: 846px
}
.uneditable-input.span10,
input.span10,
textarea.span10 {
width: 766px
}
.uneditable-input.span9,
input.span9,
textarea.span9 {
width: 686px
}
.uneditable-input.span8,
input.span8,
textarea.span8 {
width: 606px
}
.uneditable-input.span7,
input.span7,
textarea.span7 {
width: 526px
}
.uneditable-input.span6,
input.span6,
textarea.span6 {
width: 446px
}
.uneditable-input.span5,
input.span5,
textarea.span5 {
width: 366px
}
.uneditable-input.span4,
input.span4,
textarea.span4 {
width: 286px
}
.uneditable-input.span3,
input.span3,
textarea.span3 {
width: 206px
}
.uneditable-input.span2,
input.span2,
textarea.span2 {
width: 126px
}
.uneditable-input.span1,
input.span1,
textarea.span1 {
width: 46px
}
.controls-row {
*zoom: 1
}
.controls-row:after,
.controls-row:before {
content: "";
display: table;
line-height: 0
}
.controls-row:after {
clear: both
}
.controls-row [class*=span],
.row-fluid .controls-row [class*=span] {
float: left
}
.controls-row .checkbox[class*=span],
.controls-row .radio[class*=span] {
padding-top: 5px
}
input[disabled],
input[readonly],
select[disabled],
select[readonly],
textarea[disabled],
textarea[readonly] {
background-color: #eee;
cursor: not-allowed
}
input[type=checkbox][disabled],
input[type=checkbox][readonly],
input[type=radio][disabled],
input[type=radio][readonly] {
background-color: transparent
}
.control-group.warning .checkbox,
.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
border-color: #c09853;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #a47e3c;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #dbc59e
}
.control-group.warning .input-append .add-on,
.control-group.warning .input-prepend .add-on {
background-color: #fcf8e3;
border-color: #c09853;
color: #c09853
}
.control-group.error .checkbox,
.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
border-color: #b94a48;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #d59392
}
.control-group.error .input-append .add-on,
.control-group.error .input-prepend .add-on {
background-color: #f2dede;
border-color: #b94a48;
color: #b94a48
}
.control-group.success .checkbox,
.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
border-color: #468847;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7aba7b
}
.control-group.success .input-append .add-on,
.control-group.success .input-prepend .add-on {
background-color: #dff0d8;
border-color: #468847;
color: #468847
}
.control-group.info .checkbox,
.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
border-color: #3a87ad;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #7ab5d3
}
.control-group.info .input-append .add-on,
.control-group.info .input-prepend .add-on {
background-color: #d9edf7;
border-color: #3a87ad;
color: #3a87ad
}
input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
border-color: #ee5f5b;
color: #b94a48
}
input:focus:invalid:focus,
select:focus:invalid:focus,
textarea:focus:invalid:focus {
border-color: #e9322d;
box-shadow: 0 0 6px #f8b9b7
}
.form-actions {
*zoom: 1;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
margin-bottom: 20px;
margin-top: 20px;
padding: 19px 20px 20px
}
.form-actions:after,
.form-actions:before {
content: "";
display: table;
line-height: 0
}
.form-actions:after {
clear: both
}
.help-block,
.help-inline {
color: #595959
}
.help-block {
display: block;
margin-bottom: 10px
}
.help-inline {
*zoom: 1;
display: inline-block;
*display: inline;
padding-left: 5px;
vertical-align: middle
}
.input-append,
.input-prepend {
display: inline-block;
font-size: 0;
margin-bottom: 10px;
vertical-align: middle;
white-space: nowrap
}
.input-append .dropdown-menu,
.input-append .popover,
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .dropdown-menu,
.input-prepend .popover,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
font-size: 14px
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .uneditable-input,
.input-prepend input,
.input-prepend select {
border-radius: 0 4px 4px 0;
margin-bottom: 0;
*margin-left: 0;
position: relative;
vertical-align: top
}
.input-append .uneditable-input:focus,
.input-append input:focus,
.input-append select:focus,
.input-prepend .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus {
z-index: 2
}
.input-append .add-on,
.input-prepend .add-on {
background-color: #eee;
border: 1px solid #ccc;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 20px;
line-height: 20px;
min-width: 16px;
padding: 4px 5px;
text-align: center;
text-shadow: 0 1px 0 #fff;
width: auto
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group>.dropdown-toggle,
.input-prepend .add-on,
.input-prepend .btn,
.input-prepend .btn-group>.dropdown-toggle {
border-radius: 0;
vertical-align: top
}
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546
}
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px
}
.input-append .uneditable-input,
.input-append input,
.input-append select,
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
border-radius: 4px 0 0 4px
}
.input-append .uneditable-input+.btn-group .btn:last-child,
.input-append input+.btn-group .btn:last-child,
.input-append select+.btn-group .btn:last-child {
border-radius: 0 4px 4px 0
}
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -1px
}
.input-append .add-on:last-child,
.input-append .btn-group:last-child>.dropdown-toggle,
.input-append .btn:last-child {
border-radius: 0 4px 4px 0
}
.input-prepend.input-append .uneditable-input,
.input-prepend.input-append input,
.input-prepend.input-append select {
border-radius: 0
}
.input-prepend.input-append .uneditable-input+.btn-group .btn,
.input-prepend.input-append input+.btn-group .btn,
.input-prepend.input-append select+.btn-group .btn {
border-radius: 0 4px 4px 0
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
border-radius: 4px 0 0 4px;
margin-right: -1px
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
border-radius: 0 4px 4px 0;
margin-left: -1px
}
.input-prepend.input-append .btn-group:first-child {
margin-left: 0
}
input.search-query {
border-radius: 15px;
margin-bottom: 0;
padding-left: 14px;
padding-left: 4px\9;
padding-right: 14px;
padding-right: 4px\9
}
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
border-radius: 0
}
.form-search .input-append .search-query {
border-radius: 14px 0 0 14px
}
.form-search .input-append .btn,
.form-search .input-prepend .search-query {
border-radius: 0 14px 14px 0
}
.form-search .input-prepend .btn {
border-radius: 14px 0 0 14px
}
.form-horizontal .help-inline,
.form-horizontal .input-append,
.form-horizontal .input-prepend,
.form-horizontal .uneditable-input,
.form-horizontal input,
.form-horizontal select,
.form-horizontal textarea,
.form-inline .help-inline,
.form-inline .input-append,
.form-inline .input-prepend,
.form-inline .uneditable-input,
.form-inline input,
.form-inline select,
.form-inline textarea,
.form-search .help-inline,
.form-search .input-append,
.form-search .input-prepend,
.form-search .uneditable-input,
.form-search input,
.form-search select,
.form-search textarea {
*zoom: 1;
display: inline-block;
*display: inline;
margin-bottom: 0;
vertical-align: middle
}
.form-horizontal .hide,
.form-inline .hide,
.form-search .hide {
display: none
}
.form-inline .btn-group,
.form-inline label,
.form-search .btn-group,
.form-search label {
display: inline-block
}
.form-inline .input-append,
.form-inline .input-prepend,
.form-search .input-append,
.form-search .input-prepend {
margin-bottom: 0
}
.form-inline .checkbox,
.form-inline .radio,
.form-search .checkbox,
.form-search .radio {
margin-bottom: 0;
padding-left: 0;
vertical-align: middle
}
.form-inline .checkbox input[type=checkbox],
.form-inline .radio input[type=radio],
.form-search .checkbox input[type=checkbox],
.form-search .radio input[type=radio] {
float: left;
margin-left: 0;
margin-right: 3px
}
.control-group {
margin-bottom: 10px
}
legend+.control-group {
-webkit-margin-top-collapse: separate;
margin-top: 20px
}
.form-horizontal .control-group {
*zoom: 1;
margin-bottom: 20px
}
.form-horizontal .control-group:after,
.form-horizontal .control-group:before {
content: "";
display: table;
line-height: 0
}
.form-horizontal .control-group:after {
clear: both
}
.form-horizontal .control-label {
float: left;
padding-top: 5px;
text-align: right;
width: 160px
}
.form-horizontal .controls {
*display: inline-block;
margin-left: 180px;
*margin-left: 0;
*padding-left: 20px
}
.form-horizontal .controls:first-child {
*padding-left: 180px
}
.form-horizontal .help-block {
margin-bottom: 0
}
.form-horizontal .input-append+.help-block,
.form-horizontal .input-prepend+.help-block,
.form-horizontal .uneditable-input+.help-block,
.form-horizontal input+.help-block,
.form-horizontal select+.help-block,
.form-horizontal textarea+.help-block {
margin-top: 10px
}
.form-horizontal .form-actions {
padding-left: 180px
}
table {
background-color: transparent;
border-collapse: collapse;
border-spacing: 0;
max-width: 100%
}
.table {
margin-bottom: 20px;
width: 100%
}
.table td,
.table th {
border-top: 1px solid #ddd;
line-height: 20px;
padding: 8px;
text-align: left;
vertical-align: top
}
.table th {
font-weight: 700
}
.table thead th {
vertical-align: bottom
}
.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
border-top: 0
}
.table tbody+tbody {
border-top: 2px solid #ddd
}
.table .table {
background-color: #fff
}
.table-condensed td,
.table-condensed th {
padding: 4px 5px
}
.table-bordered {
border: 1px solid #ddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
border-radius: 4px
}
.table-bordered td,
.table-bordered th {
border-left: 1px solid #ddd
}
.table-bordered caption+tbody tr:first-child td,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered tbody:first-child tr:first-child td,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered thead:first-child tr:first-child th {
border-top: 0
}
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child,
.table-bordered thead:first-child tr:first-child>th:first-child {
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px
}
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child,
.table-bordered thead:first-child tr:first-child>th:last-child {
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px
}
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>th:first-child,
.table-bordered thead:last-child tr:last-child>th:first-child {
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px
}
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child,
.table-bordered thead:last-child tr:last-child>th:last-child {
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px
}
.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0
}
.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0
}
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child {
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px
}
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child {
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px
}
.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
}
.row-fluid table td[class*=span],
.row-fluid table th[class*=span],
table td[class*=span],
table th[class*=span] {
display: table-cell;
float: none;
margin-left: 0
}
.table td.span1,
.table th.span1 {
float: none;
margin-left: 0;
width: 44px
}
.table td.span2,
.table th.span2 {
float: none;
margin-left: 0;
width: 124px
}
.table td.span3,
.table th.span3 {
float: none;
margin-left: 0;
width: 204px
}
.table td.span4,
.table th.span4 {
float: none;
margin-left: 0;
width: 284px
}
.table td.span5,
.table th.span5 {
float: none;
margin-left: 0;
width: 364px
}
.table td.span6,
.table th.span6 {
float: none;
margin-left: 0;
width: 444px
}
.table td.span7,
.table th.span7 {
float: none;
margin-left: 0;
width: 524px
}
.table td.span8,
.table th.span8 {
float: none;
margin-left: 0;
width: 604px
}
.table td.span9,
.table th.span9 {
float: none;
margin-left: 0;
width: 684px
}
.table td.span10,
.table th.span10 {
float: none;
margin-left: 0;
width: 764px
}
.table td.span11,
.table th.span11 {
float: none;
margin-left: 0;
width: 844px
}
.table td.span12,
.table th.span12 {
float: none;
margin-left: 0;
width: 924px
}
.table tbody tr.success>td {
background-color: #dff0d8
}
.table tbody tr.error>td {
background-color: #f2dede
}
.table tbody tr.warning>td {
background-color: #fcf8e3
}
.table tbody tr.info>td {
background-color: #d9edf7
}
.table-hover tbody tr.success:hover>td {
background-color: #d0e9c6
}
.table-hover tbody tr.error:hover>td {
background-color: #ebcccc
}
.table-hover tbody tr.warning:hover>td {
background-color: #faf2cc
}
.table-hover tbody tr.info:hover>td {
background-color: #c4e3f3
}
[class*=" icon-"],
[class^=icon-] {
background-image: url(../img/glyphicons-halflings.png);
background-position: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
line-height: 14px;
*margin-right: .3em;
margin-top: 1px;
vertical-align: text-top;
width: 14px
}
.dropdown-menu>.active>a>[class*=" icon-"],
.dropdown-menu>.active>a>[class^=icon-],
.dropdown-menu>li>a:focus>[class*=" icon-"],
.dropdown-menu>li>a:focus>[class^=icon-],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^=icon-],
.dropdown-submenu:focus>a>[class*=" icon-"],
.dropdown-submenu:focus>a>[class^=icon-],
.dropdown-submenu:hover>a>[class*=" icon-"],
.dropdown-submenu:hover>a>[class^=icon-],
.icon-white,
.nav-list>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^=icon-],
.nav-pills>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^=icon-],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^=icon-] {
background-image: url(../img/glyphicons-halflings-white.png)
}
.icon-glass {
background-position: 0 0
}
.icon-music {
background-position: -24px 0
}
.icon-search {
background-position: -48px 0
}
.icon-envelope {
background-position: -72px 0
}
.icon-heart {
background-position: -96px 0
}
.icon-star {
background-position: -120px 0
}
.icon-star-empty {
background-position: -144px 0
}
.icon-user {
background-position: -168px 0
}
.icon-film {
background-position: -192px 0
}
.icon-th-large {
background-position: -216px 0
}
.icon-th {
background-position: -240px 0
}
.icon-th-list {
background-position: -264px 0
}
.icon-ok {
background-position: -288px 0
}
.icon-remove {
background-position: -312px 0
}
.icon-zoom-in {
background-position: -336px 0
}
.icon-zoom-out {
background-position: -360px 0
}
.icon-off {
background-position: -384px 0
}
.icon-signal {
background-position: -408px 0
}
.icon-cog {
background-position: -432px 0
}
.icon-trash {
background-position: -456px 0
}
.icon-home {
background-position: 0 -24px
}
.icon-file {
background-position: -24px -24px
}
.icon-time {
background-position: -48px -24px
}
.icon-road {
background-position: -72px -24px
}
.icon-download-alt {
background-position: -96px -24px
}
.icon-download {
background-position: -120px -24px
}
.icon-upload {
background-position: -144px -24px
}
.icon-inbox {
background-position: -168px -24px
}
.icon-play-circle {
background-position: -192px -24px
}
.icon-repeat {
background-position: -216px -24px
}
.icon-refresh {
background-position: -240px -24px
}
.icon-list-alt {
background-position: -264px -24px
}
.icon-lock {
background-position: -287px -24px
}
.icon-flag {
background-position: -312px -24px
}
.icon-headphones {
background-position: -336px -24px
}
.icon-volume-off {
background-position: -360px -24px
}
.icon-volume-down {
background-position: -384px -24px
}
.icon-volume-up {
background-position: -408px -24px
}
.icon-qrcode {
background-position: -432px -24px
}
.icon-barcode {
background-position: -456px -24px
}
.icon-tag {
background-position: 0 -48px
}
.icon-tags {
background-position: -25px -48px
}
.icon-book {
background-position: -48px -48px
}
.icon-bookmark {
background-position: -72px -48px
}
.icon-print {
background-position: -96px -48px
}
.icon-camera {
background-position: -120px -48px
}
.icon-font {
background-position: -144px -48px
}
.icon-bold {
background-position: -167px -48px
}
.icon-italic {
background-position: -192px -48px
}
.icon-text-height {
background-position: -216px -48px
}
.icon-text-width {
background-position: -240px -48px
}
.icon-align-left {
background-position: -264px -48px
}
.icon-align-center {
background-position: -288px -48px
}
.icon-align-right {
background-position: -312px -48px
}
.icon-align-justify {
background-position: -336px -48px
}
.icon-list {
background-position: -360px -48px
}
.icon-indent-left {
background-position: -384px -48px
}
.icon-indent-right {
background-position: -408px -48px
}
.icon-facetime-video {
background-position: -432px -48px
}
.icon-picture {
background-position: -456px -48px
}
.icon-pencil {
background-position: 0 -72px
}
.icon-map-marker {
background-position: -24px -72px
}
.icon-adjust {
background-position: -48px -72px
}
.icon-tint {
background-position: -72px -72px
}
.icon-edit {
background-position: -96px -72px
}
.icon-share {
background-position: -120px -72px
}
.icon-check {
background-position: -144px -72px
}
.icon-move {
background-position: -168px -72px
}
.icon-step-backward {
background-position: -192px -72px
}
.icon-fast-backward {
background-position: -216px -72px
}
.icon-backward {
background-position: -240px -72px
}
.icon-play {
background-position: -264px -72px
}
.icon-pause {
background-position: -288px -72px
}
.icon-stop {
background-position: -312px -72px
}
.icon-forward {
background-position: -336px -72px
}
.icon-fast-forward {
background-position: -360px -72px
}
.icon-step-forward {
background-position: -384px -72px
}
.icon-eject {
background-position: -408px -72px
}
.icon-chevron-left {
background-position: -432px -72px
}
.icon-chevron-right {
background-position: -456px -72px
}
.icon-plus-sign {
background-position: 0 -96px
}
.icon-minus-sign {
background-position: -24px -96px
}
.icon-remove-sign {
background-position: -48px -96px
}
.icon-ok-sign {
background-position: -72px -96px
}
.icon-question-sign {
background-position: -96px -96px
}
.icon-info-sign {
background-position: -120px -96px
}
.icon-screenshot {
background-position: -144px -96px
}
.icon-remove-circle {
background-position: -168px -96px
}
.icon-ok-circle {
background-position: -192px -96px
}
.icon-ban-circle {
background-position: -216px -96px
}
.icon-arrow-left {
background-position: -240px -96px
}
.icon-arrow-right {
background-position: -264px -96px
}
.icon-arrow-up {
background-position: -289px -96px
}
.icon-arrow-down {
background-position: -312px -96px
}
.icon-share-alt {
background-position: -336px -96px
}
.icon-resize-full {
background-position: -360px -96px
}
.icon-resize-small {
background-position: -384px -96px
}
.icon-plus {
background-position: -408px -96px
}
.icon-minus {
background-position: -433px -96px
}
.icon-asterisk {
background-position: -456px -96px
}
.icon-exclamation-sign {
background-position: 0 -120px
}
.icon-gift {
background-position: -24px -120px
}
.icon-leaf {
background-position: -48px -120px
}
.icon-fire {
background-position: -72px -120px
}
.icon-eye-open {
background-position: -96px -120px
}
.icon-eye-close {
background-position: -120px -120px
}
.icon-warning-sign {
background-position: -144px -120px
}
.icon-plane {
background-position: -168px -120px
}
.icon-calendar {
background-position: -192px -120px
}
.icon-random {
background-position: -216px -120px;
width: 16px
}
.icon-comment {
background-position: -240px -120px
}
.icon-magnet {
background-position: -264px -120px
}
.icon-chevron-up {
background-position: -288px -120px
}
.icon-chevron-down {
background-position: -313px -119px
}
.icon-retweet {
background-position: -336px -120px
}
.icon-shopping-cart {
background-position: -360px -120px
}
.icon-folder-close {
background-position: -384px -120px;
width: 16px
}
.icon-folder-open {
background-position: -408px -120px;
width: 16px
}
.icon-resize-vertical {
background-position: -432px -119px
}
.icon-resize-horizontal {
background-position: -456px -118px
}
.icon-hdd {
background-position: 0 -144px
}
.icon-bullhorn {
background-position: -24px -144px
}
.icon-bell {
background-position: -48px -144px
}
.icon-certificate {
background-position: -72px -144px
}
.icon-thumbs-up {
background-position: -96px -144px
}
.icon-thumbs-down {
background-position: -120px -144px
}
.icon-hand-right {
background-position: -144px -144px
}
.icon-hand-left {
background-position: -168px -144px
}
.icon-hand-up {
background-position: -192px -144px
}
.icon-hand-down {
background-position: -216px -144px
}
.icon-circle-arrow-right {
background-position: -240px -144px
}
.icon-circle-arrow-left {
background-position: -264px -144px
}
.icon-circle-arrow-up {
background-position: -288px -144px
}
.icon-circle-arrow-down {
background-position: -312px -144px
}
.icon-globe {
background-position: -336px -144px
}
.icon-wrench {
background-position: -360px -144px
}
.icon-tasks {
background-position: -384px -144px
}
.icon-filter {
background-position: -408px -144px
}
.icon-briefcase {
background-position: -432px -144px
}
.icon-fullscreen {
background-position: -456px -144px
}
.dropdown,
.dropup {
position: relative
}
.dropdown-toggle {
*margin-bottom: -3px
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0
}
.caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #000;
content: "";
display: inline-block;
height: 0;
vertical-align: top;
width: 0
}
.dropdown .caret {
margin-left: 2px;
margin-top: 8px
}
.dropdown-menu {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
*border-bottom-width: 2px;
border-radius: 6px;
*border-right-width: 2px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
display: none;
float: left;
left: 0;
list-style: none;
margin: 2px 0 0;
min-width: 160px;
padding: 5px 0;
position: absolute;
top: 100%;
z-index: 1000
}
.dropdown-menu.pull-right {
left: auto;
right: 0
}
.dropdown-menu .divider {
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
*width: 100%
}
.dropdown-menu>li>a {
clear: both;
color: #333;
display: block;
font-weight: 400;
line-height: 20px;
padding: 3px 20px;
white-space: nowrap
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-submenu:focus>a,
.dropdown-submenu:hover>a {
background-color: #0081c2;
background-image: linear-gradient(180deg, #08c, #0077b3);
background-repeat: repeat-x;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0077b3", GradientType=0);
text-decoration: none
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
outline: 0
}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
color: #999
}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
background-color: transparent;
background-image: none;
cursor: default;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-decoration: none
}
.open {
*z-index: 1000
}
.open>.dropdown-menu {
display: block
}
.dropdown-backdrop {
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 990
}
.pull-right>.dropdown-menu {
left: auto;
right: 0
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-bottom: 4px solid #000;
border-top: 0;
content: ""
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
bottom: 100%;
margin-bottom: 1px;
top: auto
}
.dropdown-submenu {
position: relative
}
.dropdown-submenu>.dropdown-menu {
border-radius: 0 6px 6px 6px;
left: 100%;
margin-left: -1px;
margin-top: -6px;
top: 0
}
.dropdown-submenu:hover>.dropdown-menu {
display: block
}
.dropup .dropdown-submenu>.dropdown-menu {
border-radius: 5px 5px 5px 0;
bottom: 0;
margin-bottom: -2px;
margin-top: 0;
top: auto
}
.dropdown-submenu>a:after {
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
display: block;
float: right;
height: 0;
margin-right: -10px;
margin-top: 5px;
width: 0
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff
}
.dropdown-submenu.pull-left {
float: none
}
.dropdown-submenu.pull-left>.dropdown-menu {
border-radius: 6px 0 6px 6px;
left: -100%;
margin-left: 10px
}
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px
}
.typeahead {
border-radius: 4px;
margin-top: 2px;
z-index: 1051
}
.well {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
margin-bottom: 20px;
min-height: 20px;
padding: 19px
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15)
}
.well-large {
border-radius: 6px;
padding: 24px
}
.well-small {
border-radius: 3px;
padding: 9px
}
.fade {
opacity: 0;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
height: 0;
overflow: hidden;
position: relative;
transition: height .35s ease
}
.collapse.in {
height: auto
}
.close {
color: #000;
filter: alpha(opacity=20);
float: right;
font-size: 20px;
font-weight: 700;
line-height: 20px;
opacity: .2;
text-shadow: 0 1px 0 #fff
}
.close:focus,
.close:hover {
color: #000;
cursor: pointer;
filter: alpha(opacity=40);
opacity: .4;
text-decoration: none
}
button.close {
-webkit-appearance: none;
background: transparent;
border: 0;
cursor: pointer;
padding: 0
}
.btn {
*zoom: 1;
background-color: #f5f5f5;
*background-color: #e6e6e6;
background-image: linear-gradient(180deg, #fff, #e6e6e6);
background-repeat: repeat-x;
border: 1px solid #ccc;
*border: 0;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) #b3b3b3;
border-radius: 4px;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
color: #333;
cursor: pointer;
display: inline-block;
*display: inline;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#ffe6e6e6", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
font-size: 14px;
line-height: 20px;
margin-bottom: 0;
*margin-left: .3em;
padding: 4px 12px;
text-align: center;
text-shadow: 0 1px 1px hsla(0, 0%, 100%, .75);
vertical-align: middle
}
.btn.active,
.btn.disabled,
.btn:active,
.btn:focus,
.btn:hover,
.btn[disabled] {
background-color: #e6e6e6;
*background-color: #d9d9d9;
color: #333
}
.btn.active,
.btn:active {
background-color: #ccc\9
}
.btn:first-child {
*margin-left: 0
}
.btn:focus,
.btn:hover {
background-position: 0 -15px;
color: #333;
text-decoration: none;
transition: background-position .1s linear
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px
}
.btn.active,
.btn:active {
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
outline: 0
}
.btn.disabled,
.btn[disabled] {
background-image: none;
box-shadow: none;
cursor: default;
filter: alpha(opacity=65);
opacity: .65
}
.btn-large {
border-radius: 6px;
font-size: 17.5px;
padding: 11px 19px
}
.btn-large [class*=" icon-"],
.btn-large [class^=icon-] {
margin-top: 4px
}
.btn-small {
border-radius: 3px;
font-size: 11.9px;
padding: 2px 10px
}
.btn-small [class*=" icon-"],
.btn-small [class^=icon-] {
margin-top: 0
}
.btn-mini [class*=" icon-"],
.btn-mini [class^=icon-] {
margin-top: -1px
}
.btn-mini {
border-radius: 3px;
font-size: 10.5px;
padding: 0 6px
}
.btn-block {
box-sizing: border-box;
display: block;
padding-left: 0;
padding-right: 0;
width: 100%
}
.btn-block+.btn-block {
margin-top: 5px
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.btn-danger.active,
.btn-info.active,
.btn-inverse.active,
.btn-primary.active,
.btn-success.active,
.btn-warning.active {
color: hsla(0, 0%, 100%, .75)
}
.btn-primary {
background-color: #006dcc;
*background-color: #04c;
background-image: linear-gradient(180deg, #08c, #04c);
background-repeat: repeat-x;
border-color: #04c #04c #002a80;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0088cc", endColorstr="#ff0044cc", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled] {
background-color: #04c;
*background-color: #003bb3;
color: #fff
}
.btn-primary.active,
.btn-primary:active {
background-color: #039\9
}
.btn-warning {
background-color: #faa732;
*background-color: #f89406;
background-image: linear-gradient(180deg, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450", endColorstr="#fff89406", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-warning.active,
.btn-warning.disabled,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.btn-warning[disabled] {
background-color: #f89406;
*background-color: #df8505;
color: #fff
}
.btn-warning.active,
.btn-warning:active {
background-color: #c67605\9
}
.btn-danger {
background-color: #da4f49;
*background-color: #bd362f;
background-image: linear-gradient(180deg, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffbd362f", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-danger.active,
.btn-danger.disabled,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.btn-danger[disabled] {
background-color: #bd362f;
*background-color: #a9302a;
color: #fff
}
.btn-danger.active,
.btn-danger:active {
background-color: #942a25\9
}
.btn-success {
background-color: #5bb75b;
*background-color: #51a351;
background-image: linear-gradient(180deg, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff51a351", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-success.active,
.btn-success.disabled,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.btn-success[disabled] {
background-color: #51a351;
*background-color: #499249;
color: #fff
}
.btn-success.active,
.btn-success:active {
background-color: #408140\9
}
.btn-info {
background-color: #49afcd;
*background-color: #2f96b4;
background-image: linear-gradient(180deg, #5bc0de, #2f96b4);
background-repeat: repeat-x;
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff2f96b4", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-info.active,
.btn-info.disabled,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.btn-info[disabled] {
background-color: #2f96b4;
*background-color: #2a85a0;
color: #fff
}
.btn-info.active,
.btn-info:active {
background-color: #24748c\9
}
.btn-inverse {
background-color: #363636;
*background-color: #222;
background-image: linear-gradient(180deg, #444, #222);
background-repeat: repeat-x;
border-color: #222 #222 #000;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff444444", endColorstr="#ff222222", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse:hover,
.btn-inverse[disabled] {
background-color: #222;
*background-color: #151515;
color: #fff
}
.btn-inverse.active,
.btn-inverse:active {
background-color: #080808\9
}
button.btn,
input[type=submit].btn {
*padding-bottom: 3px;
*padding-top: 3px
}
button.btn::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
border: 0;
padding: 0
}
button.btn.btn-large,
input[type=submit].btn.btn-large {
*padding-bottom: 7px;
*padding-top: 7px
}
button.btn.btn-small,
input[type=submit].btn.btn-small {
*padding-bottom: 3px;
*padding-top: 3px
}
button.btn.btn-mini,
input[type=submit].btn.btn-mini {
*padding-bottom: 1px;
*padding-top: 1px
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
box-shadow: none
}
.btn-link {
border-color: transparent;
border-radius: 0;
color: #08c;
cursor: pointer
}
.btn-link:focus,
.btn-link:hover {
background-color: transparent;
color: #005580;
text-decoration: underline
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover {
color: #333;
text-decoration: none
}
.btn-group {
*zoom: 1;
display: inline-block;
*display: inline;
font-size: 0;
*margin-left: .3em;
position: relative;
vertical-align: middle;
white-space: nowrap
}
.btn-group:first-child {
*margin-left: 0
}
.btn-group+.btn-group {
margin-left: 5px
}
.btn-toolbar {
font-size: 0;
margin-bottom: 10px;
margin-top: 10px
}
.btn-toolbar>.btn+.btn,
.btn-toolbar>.btn+.btn-group,
.btn-toolbar>.btn-group+.btn {
margin-left: 5px
}
.btn-group>.btn {
border-radius: 0;
position: relative
}
.btn-group>.btn+.btn {
margin-left: -1px
}
.btn-group>.btn,
.btn-group>.dropdown-menu,
.btn-group>.popover {
font-size: 14px
}
.btn-group>.btn-mini {
font-size: 10.5px
}
.btn-group>.btn-small {
font-size: 11.9px
}
.btn-group>.btn-large {
font-size: 17.5px
}
.btn-group>.btn:first-child {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
margin-left: 0
}
.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.btn-group>.btn.large:first-child {
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
margin-left: 0
}
.btn-group>.btn.large:last-child,
.btn-group>.large.dropdown-toggle {
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
z-index: 2
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0
}
.btn-group>.btn+.dropdown-toggle {
box-shadow: inset 1px 0 0 hsla(0, 0%, 100%, .125), inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05);
*padding-bottom: 5px;
padding-left: 8px;
padding-right: 8px;
*padding-top: 5px
}
.btn-group>.btn-mini+.dropdown-toggle {
*padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px
}
.btn-group>.btn-small+.dropdown-toggle {
*padding-bottom: 4px;
*padding-top: 5px
}
.btn-group>.btn-large+.dropdown-toggle {
*padding-bottom: 7px;
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px
}
.btn-group.open .dropdown-toggle {
background-image: none;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05)
}
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6
}
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #04c
}
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406
}
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f
}
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351
}
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4
}
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #222
}
.btn .caret {
margin-left: 0;
margin-top: 8px
}
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
margin-top: 6px
}
.btn-mini .caret,
.btn-small .caret {
margin-top: 8px
}
.dropup .btn-large .caret {
border-bottom-width: 5px
}
.btn-danger .caret,
.btn-info .caret,
.btn-inverse .caret,
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret {
border-bottom-color: #fff;
border-top-color: #fff
}
.btn-group-vertical {
*zoom: 1;
display: inline-block;
*display: inline
}
.btn-group-vertical>.btn {
border-radius: 0;
display: block;
float: none;
max-width: 100%
}
.btn-group-vertical>.btn+.btn {
margin-left: 0;
margin-top: -1px
}
.btn-group-vertical>.btn:first-child {
border-radius: 4px 4px 0 0
}
.btn-group-vertical>.btn:last-child {
border-radius: 0 0 4px 4px
}
.btn-group-vertical>.btn-large:first-child {
border-radius: 6px 6px 0 0
}
.btn-group-vertical>.btn-large:last-child {
border-radius: 0 0 6px 6px
}
.alert {
background-color: #fcf8e3;
border: 1px solid #fbeed5;
border-radius: 4px;
margin-bottom: 20px;
padding: 8px 35px 8px 14px;
text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5)
}
.alert,
.alert h4 {
color: #c09853
}
.alert h4 {
margin: 0
}
.alert .close {
line-height: 20px;
position: relative;
right: -21px;
top: -2px
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847
}
.alert-success h4 {
color: #468847
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48
}
.alert-danger h4,
.alert-error h4 {
color: #b94a48
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1
}
.alert-info,
.alert-info h4 {
color: #3a87ad
}
.alert-block {
padding-bottom: 14px;
padding-top: 14px
}
.alert-block>p,
.alert-block>ul {
margin-bottom: 0
}
.alert-block p+p {
margin-top: 5px
}
.nav {
list-style: none;
margin-top: 20px !important;
margin-left: 0;
float: right !important;
}
.nav>li>a {
display: block
}
.nav>li>a:focus,
.nav>li>a:hover {
background-color: #eee;
text-decoration: none
}
.nav>li>a>img {
max-width: none
}
.nav>.pull-right {
float: right
}
.nav-header {
color: #999;
display: block;
font-size: 11px;
font-weight: 700;
line-height: 20px;
padding: 3px 15px;
text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5);
text-transform: uppercase
}
.nav li+.nav-header {
margin-top: 9px
}
.nav-list {
margin-bottom: 0;
padding-left: 15px;
padding-right: 15px
}
.nav-list .nav-header,
.nav-list>li>a {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 hsla(0, 0%, 100%, .5)
}
.nav-list>li>a {
padding: 3px 15px
}
.nav-list>.active>a,
.nav-list>.active>a:focus,
.nav-list>.active>a:hover {
background-color: #08c;
color: #fff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2)
}
.nav-list [class*=" icon-"],
.nav-list [class^=icon-] {
margin-right: 2px
}
.nav-list .divider {
background-color: #e5e5e5;
border-bottom: 1px solid #fff;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
*width: 100%
}
.nav-pills,
.nav-tabs {
*zoom: 1
}
.nav-pills:after,
.nav-pills:before,
.nav-tabs:after,
.nav-tabs:before {
content: "";
display: table;
line-height: 0
}
.nav-pills:after,
.nav-tabs:after {
clear: both
}
.nav-pills>li,
.nav-tabs>li {
float: left
}
.nav-pills>li>a,
.nav-tabs>li>a {
line-height: 14px;
margin-right: 2px;
padding-left: 12px;
padding-right: 12px
}
.nav-tabs {
border-bottom: 1px solid #ddd
}
.nav-tabs>li {
margin-bottom: -1px
}
.nav-tabs>li>a {
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
line-height: 20px;
padding-bottom: 8px;
padding-top: 8px
}
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd
}
.nav-tabs>.active>a,
.nav-tabs>.active>a:focus,
.nav-tabs>.active>a:hover {
background-color: #fff;
border: 1px solid;
border-color: #ddd #ddd transparent;
color: #555;
cursor: default
}
.nav-pills>li>a {
border-radius: 5px;
margin-bottom: 2px;
margin-top: 2px;
padding-bottom: 8px;
padding-top: 8px
}
.nav-pills>.active>a,
.nav-pills>.active>a:focus,
.nav-pills>.active>a:hover {
background-color: #08c;
color: #fff
}
.nav-stacked>li {
float: none
}
.nav-stacked>li>a {
margin-right: 0
}
.nav-tabs.nav-stacked {
border-bottom: 0
}
.nav-tabs.nav-stacked>li>a {
border: 1px solid #ddd;
border-radius: 0
}
.nav-tabs.nav-stacked>li:first-child>a {
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.nav-tabs.nav-stacked>li:last-child>a {
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.nav-tabs.nav-stacked>li>a:focus,
.nav-tabs.nav-stacked>li>a:hover {
border-color: #ddd;
z-index: 2
}
.nav-pills.nav-stacked>li>a {
margin-bottom: 3px
}
.nav-pills.nav-stacked>li:last-child>a {
margin-bottom: 1px
}
.nav-tabs .dropdown-menu {
border-radius: 0 0 6px 6px
}
.nav-pills .dropdown-menu {
border-radius: 6px
}
.nav .dropdown-toggle .caret {
border-bottom-color: #08c;
border-top-color: #08c;
margin-top: 6px
}
.nav .dropdown-toggle:focus .caret,
.nav .dropdown-toggle:hover .caret {
border-bottom-color: #005580;
border-top-color: #005580
}
.nav-tabs .dropdown-toggle .caret {
margin-top: 8px
}
.nav .active .dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color: #fff
}
.nav-tabs .active .dropdown-toggle .caret {
border-bottom-color: #555;
border-top-color: #555
}
.nav>.dropdown.active>a:focus,
.nav>.dropdown.active>a:hover {
cursor: pointer
}
.nav-pills .open .dropdown-toggle,
.nav-tabs .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:focus,
.nav>li.dropdown.open.active>a:hover {
background-color: #999;
border-color: #999;
color: #fff
}
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open .caret,
.nav li.dropdown.open a:focus .caret,
.nav li.dropdown.open a:hover .caret {
border-bottom-color: #fff;
border-top-color: #fff;
filter: alpha(opacity=100);
opacity: 1
}
.tabs-stacked .open>a:focus,
.tabs-stacked .open>a:hover {
border-color: #999
}
.tabbable {
*zoom: 1
}
.tabbable:after,
.tabbable:before {
content: "";
display: table;
line-height: 0
}
.tabbable:after {
clear: both
}
.tab-content {
overflow: auto
}
.tabs-below>.nav-tabs,
.tabs-left>.nav-tabs,
.tabs-right>.nav-tabs {
border-bottom: 0
}
.pill-content>.pill-pane,
.tab-content>.tab-pane {
display: none
}
.pill-content>.active,
.tab-content>.active {
display: block
}
.tabs-below>.nav-tabs {
border-top: 1px solid #ddd
}
.tabs-below>.nav-tabs>li {
margin-bottom: 0;
margin-top: -1px
}
.tabs-below>.nav-tabs>li>a {
border-radius: 0 0 4px 4px
}
.tabs-below>.nav-tabs>li>a:focus,
.tabs-below>.nav-tabs>li>a:hover {
border-bottom-color: transparent;
border-top-color: #ddd
}
.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:focus,
.tabs-below>.nav-tabs>.active>a:hover {
border-color: transparent #ddd #ddd
}
.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
float: none
}
.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
margin-bottom: 3px;
margin-right: 0;
min-width: 74px
}
.tabs-left>.nav-tabs {
border-right: 1px solid #ddd;
float: left;
margin-right: 19px
}
.tabs-left>.nav-tabs>li>a {
border-radius: 4px 0 0 4px;
margin-right: -1px
}
.tabs-left>.nav-tabs>li>a:focus,
.tabs-left>.nav-tabs>li>a:hover {
border-color: #eee #ddd #eee #eee
}
.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:focus,
.tabs-left>.nav-tabs .active>a:hover {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #fff
}
.tabs-right>.nav-tabs {
border-left: 1px solid #ddd;
float: right;
margin-left: 19px
}
.tabs-right>.nav-tabs>li>a {
border-radius: 0 4px 4px 0;
margin-left: -1px
}
.tabs-right>.nav-tabs>li>a:focus,
.tabs-right>.nav-tabs>li>a:hover {
border-color: #eee #eee #eee #ddd
}
.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:focus,
.tabs-right>.nav-tabs .active>a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #fff
}
.nav>.disabled>a {
color: #999
}
.nav>.disabled>a:focus,
.nav>.disabled>a:hover {
background-color: transparent;
cursor: default;
text-decoration: none
}
.navbar {
margin-bottom: 20px;
overflow: visible;
*position: relative;
*z-index: 2
}
.navbar-inner {
*zoom: 1;
width: 100%;
background-color: #d70000;
background-image: linear-gradient(180deg, #fff, #f2f2f2);
background-repeat: repeat-x;
border: 1px solid #d4d4d4;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#fff2f2f2", GradientType=0);
min-height: 40px;
padding-left: 20px;
padding-right: 20px
}
.navbar-inner:after,
.navbar-inner:before {
content: "";
display: table;
line-height: 0
}
.navbar-inner:after {
clear: both
}
.navbar .container {
width: auto
}
.nav-collapse.collapse {
height: auto;
overflow: visible
}
.navbar .brand {
color: #777;
display: block;
float: left;
font-size: 20px;
font-weight: 200;
margin-left: -20px;
padding: 10px 20px;
text-shadow: 0 1px 0 #fff
}
.navbar .brand:focus,
.navbar .brand:hover {
text-decoration: none
}
.navbar-text {
color: #777;
line-height: 40px;
margin-bottom: 0
}
.navbar-link {
color: #777
}
.navbar-link:focus,
.navbar-link:hover {
color: #333
}
.navbar .divider-vertical {
border-left: 1px solid #f2f2f2;
border-right: 1px solid #fff;
height: 40px;
margin: 0 9px
}
.navbar .btn,
.navbar .btn-group {
margin-top: 5px
}
.navbar .btn-group .btn,
.navbar .input-append .btn,
.navbar .input-append .btn-group,
.navbar .input-prepend .btn,
.navbar .input-prepend .btn-group {
margin-top: 0
}
.navbar-form {
*zoom: 1;
margin-bottom: 0
}
.navbar-form:after,
.navbar-form:before {
content: "";
display: table;
line-height: 0
}
.navbar-form:after {
clear: both
}
.navbar-form .checkbox,
.navbar-form .radio,
.navbar-form input,
.navbar-form select {
margin-top: 5px
}
.navbar-form .btn,
.navbar-form input,
.navbar-form select {
display: inline-block;
margin-bottom: 0
}
.navbar-form input[type=checkbox],
.navbar-form input[type=image],
.navbar-form input[type=radio] {
margin-top: 3px
}
.navbar-form .input-append,
.navbar-form .input-prepend {
margin-top: 5px;
white-space: nowrap
}
.navbar-form .input-append input,
.navbar-form .input-prepend input {
margin-top: 0
}
.navbar-search {
float: left;
margin-bottom: 0;
margin-top: 5px;
position: relative
}
.navbar-search .search-query {
border-radius: 15px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1;
margin-bottom: 0;
padding: 4px 14px
}
.navbar-static-top {
margin-bottom: 0;
position: static;
}
.navbar-static-top .navbar-inner {
border-radius: 0
}
.navbar-fixed-bottom,
.navbar-fixed-top {
left: 0;
margin-bottom: 0;
position: fixed;
right: 0;
z-index: 1030
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
border-width: 0 0 1px
}
.navbar-fixed-bottom .navbar-inner {
border-width: 1px 0 0
}
.navbar-fixed-bottom .navbar-inner,
.navbar-fixed-top .navbar-inner {
border-radius: 0;
padding-left: 0;
padding-right: 0
}
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container {
width: 940px
}
.navbar-fixed-top {
top: 0
}
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
box-shadow: 0 1px 10px rgba(0, 0, 0, .1)
}
.navbar-fixed-bottom {
bottom: 0
}
.navbar-fixed-bottom .navbar-inner {
box-shadow: 0 -1px 10px rgba(0, 0, 0, .1)
}
.navbar .nav {
display: block;
float: left;
left: 0;
margin: 0 10px 0 0;
position: relative
}
.navbar .nav.pull-right {
float: right;
margin-right: 0
}
.navbar .nav>li {
float: left
}
.navbar .nav>li>a {
color: #777;
text-decoration: none;
text-shadow: 0 1px 0 #fff
}
.navbar .nav .dropdown-toggle .caret {
margin-top: 8px
}
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover {
background-color: transparent;
color: #333;
text-decoration: none
}
.navbar .nav>.active>a,
.navbar .nav>.active>a:focus,
.navbar .nav>.active>a:hover {
background-color: #e5e5e5;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, .125);
color: #555;
text-decoration: none
}
.navbar .btn-navbar {
background-color: #ededed;
*background-color: #e5e5e5;
background-image: linear-gradient(180deg, #f2f2f2, #e5e5e5);
background-repeat: repeat-x;
border-color: #e5e5e5 #e5e5e5 #bfbfbf;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .075);
color: #fff;
display: none;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff2f2f2", endColorstr="#ffe5e5e5", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
float: right;
margin-left: 5px;
margin-right: 5px;
padding: 7px 10px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar:active,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:hover,
.navbar .btn-navbar[disabled] {
background-color: #e5e5e5;
*background-color: #d9d9d9;
color: #fff
}
.navbar .btn-navbar.active,
.navbar .btn-navbar:active {
background-color: #ccc\9
}
.navbar .btn-navbar .icon-bar {
background-color: #f5f5f5;
border-radius: 1px;
box-shadow: 0 1px 0 rgba(0, 0, 0, .25);
display: block;
height: 2px;
width: 18px
}
.btn-navbar .icon-bar+.icon-bar {
margin-top: 3px
}
.navbar .nav>li>.dropdown-menu:before {
border-bottom: 7px solid rgba(0, 0, 0, .2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: "";
display: inline-block;
left: 9px;
position: absolute;
top: -7px
}
.navbar .nav>li>.dropdown-menu:after {
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: "";
display: inline-block;
left: 10px;
position: absolute;
top: -6px
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
border-bottom: 0;
border-top: 7px solid rgba(0, 0, 0, .2);
bottom: -7px;
top: auto
}
.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
border-bottom: 0;
border-top: 6px solid #fff;
bottom: -6px;
top: auto
}
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown>a:hover .caret {
border-bottom-color: #333;
border-top-color: #333
}
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle {
background-color: #e5e5e5;
color: #555
}
.navbar .nav li.dropdown>.dropdown-toggle .caret {
border-bottom-color: #777;
border-top-color: #777
}
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret {
border-bottom-color: #555;
border-top-color: #555
}
.navbar .nav>li>.dropdown-menu.pull-right,
.navbar .pull-right>li>.dropdown-menu {
left: auto;
right: 0
}
.navbar .nav>li>.dropdown-menu.pull-right:before,
.navbar .pull-right>li>.dropdown-menu:before {
left: auto;
right: 12px
}
.navbar .nav>li>.dropdown-menu.pull-right:after,
.navbar .pull-right>li>.dropdown-menu:after {
left: auto;
right: 13px
}
.navbar .nav>li>.dropdown-menu.pull-right .dropdown-menu,
.navbar .pull-right>li>.dropdown-menu .dropdown-menu {
border-radius: 6px 0 6px 6px;
left: auto;
margin-left: 0;
margin-right: -1px;
right: 100%
}
.navbar-inverse .navbar-inner {
background-color: #1b1b1b;
background-image: linear-gradient(180deg, #222, #111);
background-repeat: repeat-x;
border-color: #252525;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff222222", endColorstr="#ff111111", GradientType=0)
}
.navbar-inverse .brand,
.navbar-inverse .nav>li>a {
color: #999;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.navbar-inverse .brand:focus,
.navbar-inverse .brand:hover,
.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
color: #fff
}
.navbar-inverse .brand,
.navbar-inverse .navbar-text {
color: #999
}
.navbar-inverse .nav>li>a:focus,
.navbar-inverse .nav>li>a:hover {
background-color: transparent;
color: #fff
}
.navbar-inverse .nav .active>a,
.navbar-inverse .nav .active>a:focus,
.navbar-inverse .nav .active>a:hover {
background-color: #111;
color: #fff
}
.navbar-inverse .navbar-link {
color: #999
}
.navbar-inverse .navbar-link:focus,
.navbar-inverse .navbar-link:hover {
color: #fff
}
.navbar-inverse .divider-vertical {
border-left-color: #111;
border-right-color: #222
}
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle {
background-color: #111;
color: #fff
}
.navbar-inverse .nav li.dropdown>a:focus .caret,
.navbar-inverse .nav li.dropdown>a:hover .caret {
border-bottom-color: #fff;
border-top-color: #fff
}
.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
border-bottom-color: #999;
border-top-color: #999
}
.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color: #fff
}
.navbar-inverse .navbar-search .search-query {
background-color: #515151;
border-color: #111;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 0 hsla(0, 0%, 100%, .15);
color: #fff;
transition: none
}
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color: #ccc
}
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color: #ccc
}
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color: #ccc
}
.navbar-inverse .navbar-search .search-query.focused,
.navbar-inverse .navbar-search .search-query:focus {
background-color: #fff;
border: 0;
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
color: #333;
outline: 0;
padding: 5px 15px;
text-shadow: 0 1px 0 #fff
}
.navbar-inverse .btn-navbar {
background-color: #0e0e0e;
*background-color: #040404;
background-image: linear-gradient(180deg, #151515, #040404);
background-repeat: repeat-x;
border-color: #040404 #040404 #000;
border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff151515", endColorstr="#ff040404", GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar.disabled,
.navbar-inverse .btn-navbar:active,
.navbar-inverse .btn-navbar:focus,
.navbar-inverse .btn-navbar:hover,
.navbar-inverse .btn-navbar[disabled] {
background-color: #040404;
*background-color: #000;
color: #fff
}
.navbar-inverse .btn-navbar.active,
.navbar-inverse .btn-navbar:active {
background-color: #000\9
}
.breadcrumb {
background-color: #f5f5f5;
border-radius: 4px;
list-style: none;
margin: 0 0 20px;
padding: 8px 15px
}
.breadcrumb>li {
*zoom: 1;
display: inline-block;
*display: inline;
text-shadow: 0 1px 0 #fff
}
.breadcrumb>li>.divider {
color: #ccc;
padding: 0 5px
}
.breadcrumb>.active {
color: #999
}
.pagination {
margin: 20px 0
}
.pagination ul {
*zoom: 1;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
display: inline-block;
*display: inline;
margin-bottom: 0;
margin-left: 0
}
.pagination ul>li {
display: inline
}
.pagination ul>li>a,
.pagination ul>li>span {
background-color: #fff;
border: 1px solid #ddd;
border-left-width: 0;
float: left;
line-height: 20px;
padding: 4px 12px;
text-decoration: none
}
.pagination ul>.active>a,
.pagination ul>.active>span,
.pagination ul>li>a:focus,
.pagination ul>li>a:hover {
background-color: #f5f5f5
}
.pagination ul>.active>a,
.pagination ul>.active>span {
color: #999;
cursor: default
}
.pagination ul>.disabled>a,
.pagination ul>.disabled>a:focus,
.pagination ul>.disabled>a:hover,
.pagination ul>.disabled>span {
background-color: transparent;
color: #999;
cursor: default
}
.pagination ul>li:first-child>a,
.pagination ul>li:first-child>span {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-topleft: 4px;
border-bottom-left-radius: 4px;
border-left-width: 1px;
border-top-left-radius: 4px
}
.pagination ul>li:last-child>a,
.pagination ul>li:last-child>span {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.pagination-centered {
text-align: center
}
.pagination-right {
text-align: right
}
.pagination-large ul>li>a,
.pagination-large ul>li>span {
font-size: 17.5px;
padding: 11px 19px
}
.pagination-large ul>li:first-child>a,
.pagination-large ul>li:first-child>span {
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topleft: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px
}
.pagination-large ul>li:last-child>a,
.pagination-large ul>li:last-child>span {
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
border-top-right-radius: 6px
}
.pagination-mini ul>li:first-child>a,
.pagination-mini ul>li:first-child>span,
.pagination-small ul>li:first-child>a,
.pagination-small ul>li:first-child>span {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.pagination-mini ul>li:last-child>a,
.pagination-mini ul>li:last-child>span,
.pagination-small ul>li:last-child>a,
.pagination-small ul>li:last-child>span {
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.pagination-small ul>li>a,
.pagination-small ul>li>span {
font-size: 11.9px;
padding: 2px 10px
}
.pagination-mini ul>li>a,
.pagination-mini ul>li>span {
font-size: 10.5px;
padding: 0 6px
}
.pager {
*zoom: 1;
list-style: none;
margin: 20px 0;
text-align: center
}
.pager:after,
.pager:before {
content: "";
display: table;
line-height: 0
}
.pager:after {
clear: both
}
.pager li {
display: inline
}
.pager li>a,
.pager li>span {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
display: inline-block;
padding: 5px 14px
}
.pager li>a:focus,
.pager li>a:hover {
background-color: #f5f5f5;
text-decoration: none
}
.pager .next>a,
.pager .next>span {
float: right
}
.pager .previous>a,
.pager .previous>span {
float: left
}
.pager .disabled>a,
.pager .disabled>a:focus,
.pager .disabled>a:hover,
.pager .disabled>span {
background-color: #fff;
color: #999;
cursor: default
}
.modal-backdrop {
background-color: #000;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 1040
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop,
.modal-backdrop.fade.in {
filter: alpha(opacity=80);
opacity: .8
}
.modal {
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .3);
*border: 1px solid #999;
border-radius: 6px;
box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
left: 50%;
margin-left: -280px;
outline: none;
position: fixed;
top: 10%;
width: 560px;
z-index: 1050
}
.modal.fade {
top: -25%;
transition: opacity .3s linear, top .3s ease-out
}
.modal.fade.in {
top: 10%
}
.modal-header {
border-bottom: 1px solid #eee;
padding: 9px 15px
}
.modal-header .close {
margin-top: 2px
}
.modal-header h3 {
line-height: 30px;
margin: 0
}
.modal-body {
max-height: 400px;
overflow-y: auto;
padding: 15px;
position: relative
}
.modal-footer,
.modal-form {
margin-bottom: 0
}
.modal-footer {
*zoom: 1;
background-color: #f5f5f5;
border-radius: 0 0 6px 6px;
border-top: 1px solid #ddd;
box-shadow: inset 0 1px 0 #fff;
padding: 14px 15px 15px;
text-align: right
}
.modal-footer:after,
.modal-footer:before {
content: "";
display: table;
line-height: 0
}
.modal-footer:after {
clear: both
}
.modal-footer .btn+.btn {
margin-bottom: 0;
margin-left: 5px
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px
}
.modal-footer .btn-block+.btn-block {
margin-left: 0
}
.tooltip {
display: block;
filter: alpha(opacity=0);
font-size: 11px;
line-height: 1.4;
opacity: 0;
position: absolute;
visibility: visible;
z-index: 1030
}
.tooltip.in {
filter: alpha(opacity=80);
opacity: .8
}
.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 {
background-color: #000;
border-radius: 4px;
color: #fff;
max-width: 200px;
padding: 8px;
text-align: center;
text-decoration: none
}
.tooltip-arrow {
border-color: transparent;
border-style: solid;
height: 0;
position: absolute;
width: 0
}
.tooltip.top .tooltip-arrow {
border-top-color: #000;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px
}
.tooltip.right .tooltip-arrow {
border-right-color: #000;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%
}
.tooltip.left .tooltip-arrow {
border-left-color: #000;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #000;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0
}
.popover {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
display: none;
left: 0;
max-width: 276px;
padding: 1px;
position: absolute;
text-align: left;
top: 0;
white-space: normal;
z-index: 1010
}
.popover.top {
margin-top: -10px
}
.popover.right {
margin-left: 10px
}
.popover.bottom {
margin-top: 10px
}
.popover.left {
margin-left: -10px
}
.popover-title {
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: 0;
padding: 8px 14px
}
.popover-title:empty {
display: none
}
.popover-content {
padding: 9px 14px
}
.popover .arrow,
.popover .arrow:after {
border-color: transparent;
border-style: solid;
display: block;
height: 0;
position: absolute;
width: 0
}
.popover .arrow {
border-width: 11px
}
.popover .arrow:after {
border-width: 10px;
content: ""
}
.popover.top .arrow {
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
bottom: -11px;
left: 50%;
margin-left: -11px
}
.popover.top .arrow:after {
border-bottom-width: 0;
border-top-color: #fff;
bottom: 1px;
margin-left: -10px
}
.popover.right .arrow {
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
left: -11px;
margin-top: -11px;
top: 50%
}
.popover.right .arrow:after {
border-left-width: 0;
border-right-color: #fff;
bottom: -10px;
left: 1px
}
.popover.bottom .arrow {
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
border-top-width: 0;
left: 50%;
margin-left: -11px;
top: -11px
}
.popover.bottom .arrow:after {
border-bottom-color: #fff;
border-top-width: 0;
margin-left: -10px;
top: 1px
}
.popover.left .arrow {
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
border-right-width: 0;
margin-top: -11px;
right: -11px;
top: 50%
}
.popover.left .arrow:after {
border-left-color: #fff;
border-right-width: 0;
bottom: -10px;
right: 1px
}
.thumbnails {
*zoom: 1;
list-style: none;
margin-left: -20px
}
.thumbnails:after,
.thumbnails:before {
content: "";
display: table;
line-height: 0
}
.thumbnails:after {
clear: both
}
.row-fluid .thumbnails {
margin-left: 0
}
.thumbnails>li {
float: left;
margin-bottom: 20px;
margin-left: 20px
}
.thumbnail {
border: 1px solid #ddd;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, .055);
display: block;
line-height: 20px;
padding: 4px;
transition: all .2s ease-in-out
}
a.thumbnail:focus,
a.thumbnail:hover {
border-color: #08c;
box-shadow: 0 1px 4px rgba(0, 105, 214, .25)
}
.thumbnail>img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%
}
.thumbnail .caption {
color: #555;
padding: 9px
}
.media,
.media-body {
zoom: 1;
overflow: hidden;
*overflow: visible
}
.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 {
list-style: none;
margin-left: 0
}
.badge,
.label {
background-color: #999;
color: #fff;
display: inline-block;
font-size: 11.844px;
font-weight: 700;
line-height: 14px;
padding: 2px 4px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
vertical-align: baseline;
white-space: nowrap
}
.label {
border-radius: 3px
}
.badge {
border-radius: 9px;
padding-left: 9px;
padding-right: 9px
}
.badge:empty,
.label:empty {
display: none
}
a.badge:focus,
a.badge:hover,
a.label:focus,
a.label:hover {
color: #fff;
cursor: pointer;
text-decoration: none
}
.badge-important,
.label-important {
background-color: #b94a48
}
.badge-important[href],
.label-important[href] {
background-color: #953b39
}
.badge-warning,
.label-warning {
background-color: #f89406
}
.badge-warning[href],
.label-warning[href] {
background-color: #c67605
}
.badge-success,
.label-success {
background-color: #468847
}
.badge-success[href],
.label-success[href] {
background-color: #356635
}
.badge-info,
.label-info {
background-color: #3a87ad
}
.badge-info[href],
.label-info[href] {
background-color: #2d6987
}
.badge-inverse,
.label-inverse {
background-color: #333
}
.badge-inverse[href],
.label-inverse[href] {
background-color: #1a1a1a
}
.btn .badge,
.btn .label {
position: relative;
top: -1px
}
.btn-mini .badge,
.btn-mini .label {
top: 0
}
@-webkit-keyframes progress-bar-stripes {
0% {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
0% {
background-position: 40px 0
}
to {
background-position: 0 0
}
}
.progress {
background-color: #f7f7f7;
background-image: linear-gradient(180deg, #f5f5f5, #f9f9f9);
border-radius: 4px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff5f5f5", endColorstr="#fff9f9f9", GradientType=0);
height: 20px;
margin-bottom: 20px;
overflow: hidden
}
.progress,
.progress .bar {
background-repeat: repeat-x
}
.progress .bar {
background-color: #0e90d2;
background-image: linear-gradient(180deg, #149bdf, #0480be);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-sizing: border-box;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff149bdf", endColorstr="#ff0480be", GradientType=0);
float: left;
font-size: 12px;
height: 100%;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
transition: width .6s ease;
width: 0
}
.progress .bar+.bar {
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15)
}
.progress-striped .bar {
background-color: #149bdf;
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent);
background-size: 40px 40px
}
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite
}
.progress-danger .bar,
.progress .bar-danger {
background-color: #dd514c;
background-image: linear-gradient(180deg, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffee5f5b", endColorstr="#ffc43c35", GradientType=0)
}
.progress-danger.progress-striped .bar,
.progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}
.progress-success .bar,
.progress .bar-success {
background-color: #5eb95e;
background-image: linear-gradient(180deg, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff62c462", endColorstr="#ff57a957", GradientType=0)
}
.progress-striped .bar-success,
.progress-success.progress-striped .bar {
background-color: #62c462;
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}
.progress-info .bar,
.progress .bar-info {
background-color: #4bb1cf;
background-image: linear-gradient(180deg, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff5bc0de", endColorstr="#ff339bb9", GradientType=0)
}
.progress-info.progress-striped .bar,
.progress-striped .bar-info {
background-color: #5bc0de;
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}
.progress-warning .bar,
.progress .bar-warning {
background-color: #faa732;
background-image: linear-gradient(180deg, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffbb450", endColorstr="#fff89406", GradientType=0)
}
.progress-striped .bar-warning,
.progress-warning.progress-striped .bar {
background-color: #fbb450;
background-image: linear-gradient(45deg, hsla(0, 0%, 100%, .15) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, .15) 0, hsla(0, 0%, 100%, .15) 75%, transparent 0, transparent)
}
.accordion {
margin-bottom: 20px
}
.accordion-group {
border: 1px solid #e5e5e5;
border-radius: 4px;
margin-bottom: 2px
}
.accordion-heading {
border-bottom: 0
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px
}
.accordion-toggle {
cursor: pointer
}
.accordion-inner {
border-top: 1px solid #e5e5e5;
padding: 9px 15px
}
.carousel {
line-height: 1;
margin-bottom: 20px;
position: relative
}
.carousel-inner {
overflow: hidden;
position: relative;
width: 100%
}
.carousel-inner>.item {
display: none;
position: relative;
transition: left .6s ease-in-out
}
.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
display: block;
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 {
background: #222;
border: 3px solid #fff;
border-radius: 23px;
color: #fff;
filter: alpha(opacity=50);
font-size: 60px;
font-weight: 100;
height: 40px;
left: 15px;
line-height: 30px;
margin-top: -20px;
opacity: .5;
position: absolute;
text-align: center;
top: 40%;
width: 40px
}
.carousel-control.right {
left: auto;
right: 15px
}
.carousel-control:focus,
.carousel-control:hover {
color: #fff;
filter: alpha(opacity=90);
opacity: .9;
text-decoration: none
}
.carousel-indicators {
list-style: none;
margin: 0;
position: absolute;
right: 15px;
top: 15px;
z-index: 5
}
.carousel-indicators li {
background-color: #ccc;
background-color: hsla(0, 0%, 100%, .25);
border-radius: 5px;
display: block;
float: left;
height: 10px;
margin-left: 5px;
text-indent: -999px;
width: 10px
}
.carousel-indicators .active {
background-color: #fff
}
.carousel-caption {
background: #333;
background: rgba(0, 0, 0, .75);
bottom: 0;
left: 0;
padding: 15px;
position: absolute;
right: 0
}
.carousel-caption h4,
.carousel-caption p {
color: #fff;
line-height: 20px
}
.carousel-caption h4 {
margin: 0 0 5px
}
.carousel-caption p {
margin-bottom: 0
}
.hero-unit {
background-color: #eee;
border-radius: 6px;
color: inherit;
font-size: 18px;
font-weight: 200;
line-height: 30px;
margin-bottom: 30px;
padding: 60px
}
.hero-unit h1 {
color: inherit;
font-size: 60px;
letter-spacing: -1px;
line-height: 1;
margin-bottom: 0
}
.hero-unit li {
line-height: 30px
}
.pull-right {
float: right
}
.pull-left {
float: left
}
.hide {
display: none
}
.show {
display: block
}
.invisible {
visibility: hidden
}
.affix {
position: fixed
}
/*!
* Bootstrap Responsive v2.3.2
*
* 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.
*/
.clearfix {
*zoom: 1
}
.clearfix:after,
.clearfix:before {
content: "";
display: table;
line-height: 0
}
.clearfix:after {
clear: both
}
.hide-text {
background-color: transparent;
border: 0;
color: transparent;
font: 0/0 a;
text-shadow: none
}
.input-block-level {
box-sizing: border-box;
display: block;
min-height: 30px;
width: 100%
}
@-ms-viewport {
width: device-width
}
.hidden {
display: none;
visibility: hidden
}
.hidden-desktop,
.visible-phone,
.visible-tablet {
display: none !important
}
.visible-desktop {
display: inherit !important
}
@media (min-width:768px) and (max-width:979px) {
.hidden-desktop {
display: inherit !important
}
.visible-desktop {
display: none !important
}
.visible-tablet {
display: inherit !important
}
.hidden-tablet {
display: none !important
}
}
@media (max-width:767px) {
.hidden-desktop {
display: inherit !important
}
.visible-desktop {
display: none !important
}
.visible-phone {
display: inherit !important
}
.hidden-phone {
display: none !important
}
}
.visible-print {
display: none !important
}
@media print {
.visible-print {
display: inherit !important
}
.hidden-print {
display: none !important
}
}
@media (min-width:1200px) {
.row {
*zoom: 1;
margin-left: -30px
}
.row:after,
.row:before {
content: "";
display: table;
line-height: 0
}
.row:after {
clear: both
}
[class*=span] {
float: left;
margin-left: 30px;
min-height: 1px
}
.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container,
.span12 {
width: 1170px
}
.span11 {
width: 1070px
}
.span10 {
width: 970px
}
.span9 {
width: 870px
}
.span8 {
width: 770px
}
.span7 {
width: 670px
}
.span6 {
width: 570px
}
.span5 {
width: 470px
}
.span4 {
width: 370px
}
.span3 {
width: 270px
}
.span2 {
width: 170px
}
.span1 {
width: 70px
}
.offset12 {
margin-left: 1230px
}
.offset11 {
margin-left: 1130px
}
.offset10 {
margin-left: 1030px
}
.offset9 {
margin-left: 930px
}
.offset8 {
margin-left: 830px
}
.offset7 {
margin-left: 730px
}
.offset6 {
margin-left: 630px
}
.offset5 {
margin-left: 530px
}
.offset4 {
margin-left: 430px
}
.offset3 {
margin-left: 330px
}
.offset2 {
margin-left: 230px
}
.offset1 {
margin-left: 130px
}
.row-fluid {
*zoom: 1;
width: 100%
}
.row-fluid:after,
.row-fluid:before {
content: "";
display: table;
line-height: 0
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.564102564102564%;
*margin-left: 2.5109110747408616%;
min-height: 30px;
width: 100%
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=span]+[class*=span] {
margin-left: 2.564102564102564%
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%
}
.row-fluid .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%
}
.row-fluid .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%
}
.row-fluid .span9 {
width: 74.35897435897436%;
*width: 74.30578286961266%
}
.row-fluid .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%
}
.row-fluid .span7 {
width: 57.26495726495726%;
*width: 57.21176577559556%
}
.row-fluid .span6 {
width: 48.717948717948715%;
*width: 48.664757228587014%
}
.row-fluid .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%
}
.row-fluid .span4 {
width: 31.623931623931625%;
*width: 31.570740134569924%
}
.row-fluid .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%
}
.row-fluid .span2 {
width: 14.52991452991453%;
*width: 14.476723040552828%
}
.row-fluid .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%
}
.uneditable-input,
input,
textarea {
margin-left: 0
}
.controls-row [class*=span]+[class*=span] {
margin-left: 30px
}
.uneditable-input.span12,
input.span12,
textarea.span12 {
width: 1156px
}
.uneditable-input.span11,
input.span11,
textarea.span11 {
width: 1056px
}
.uneditable-input.span10,
input.span10,
textarea.span10 {
width: 956px
}
.uneditable-input.span9,
input.span9,
textarea.span9 {
width: 856px
}
.uneditable-input.span8,
input.span8,
textarea.span8 {
width: 756px
}
.uneditable-input.span7,
input.span7,
textarea.span7 {
width: 656px
}
.uneditable-input.span6,
input.span6,
textarea.span6 {
width: 556px
}
.uneditable-input.span5,
input.span5,
textarea.span5 {
width: 456px
}
.uneditable-input.span4,
input.span4,
textarea.span4 {
width: 356px
}
.uneditable-input.span3,
input.span3,
textarea.span3 {
width: 256px
}
.uneditable-input.span2,
input.span2,
textarea.span2 {
width: 156px
}
.uneditable-input.span1,
input.span1,
textarea.span1 {
width: 56px
}
.thumbnails {
margin-left: -30px
}
.thumbnails>li {
margin-left: 30px
}
.row-fluid .thumbnails {
margin-left: 0
}
}
@media (min-width:768px) and (max-width:979px) {
.row {
*zoom: 1;
margin-left: -20px
}
.row:after,
.row:before {
content: "";
display: table;
line-height: 0
}
.row:after {
clear: both
}
[class*=span] {
float: left;
margin-left: 20px;
min-height: 1px
}
.container,
.navbar-fixed-bottom .container,
.navbar-fixed-top .container,
.navbar-static-top .container,
.span12 {
width: 724px
}
.span11 {
width: 662px
}
.span10 {
width: 600px
}
.span9 {
width: 538px
}
.span8 {
width: 476px
}
.span7 {
width: 414px
}
.span6 {
width: 352px
}
.span5 {
width: 290px
}
.span4 {
width: 228px
}
.span3 {
width: 166px
}
.span2 {
width: 104px
}
.span1 {
width: 42px
}
.offset12 {
margin-left: 764px
}
.offset11 {
margin-left: 702px
}
.offset10 {
margin-left: 640px
}
.offset9 {
margin-left: 578px
}
.offset8 {
margin-left: 516px
}
.offset7 {
margin-left: 454px
}
.offset6 {
margin-left: 392px
}
.offset5 {
margin-left: 330px
}
.offset4 {
margin-left: 268px
}
.offset3 {
margin-left: 206px
}
.offset2 {
margin-left: 144px
}
.offset1 {
margin-left: 82px
}
.row-fluid {
*zoom: 1;
width: 100%
}
.row-fluid:after,
.row-fluid:before {
content: "";
display: table;
line-height: 0
}
.row-fluid:after {
clear: both
}
.row-fluid [class*=span] {
box-sizing: border-box;
display: block;
float: left;
margin-left: 2.7624309392265194%;
*margin-left: 2.709239449864817%;
min-height: 30px;
width: 100%
}
.row-fluid [class*=span]:first-child {
margin-left: 0
}
.row-fluid .controls-row [class*=span]+[class*=span] {
margin-left: 2.7624309392265194%
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%
}
.row-fluid .span11 {
width: 91.43646408839778%;
*width: 91.38327259903608%
}
.row-fluid .span10 {
width: 82.87292817679558%;
*width: 82.81973668743387%
}
.row-fluid .span9 {
width: 74.30939226519337%;
*width: 74.25620077583166%
}
.row-fluid .span8 {
width: 65.74585635359117%;
*width: 65.69266486422946%
}
.row-fluid .span7 {
width: 57.18232044198895%;
*width: 57.12912895262725%
}
.row-fluid .span6 {
width: 48.61878453038674%;
*width: 48.56559304102504%
}
.row-fluid .span5 {
width: 40.05524861878453%;
*width: 40.00205712942283%
}
.row-fluid .span4 {
width: 31.491712707182323%;
*width: 31.43852121782062%
}
.row-fluid .span3 {
width: 22.92817679558011%;
*width: 22.87498530621841%
}
.row-fluid .span2 {
width: 14.3646408839779%;
*width: 14.311449394616199%
}
.row-fluid .span1 {
width: 5.801104972375691%;
*width: 5.747913483013988%
}
.row-fluid .offset12 {
margin-left: 105.52486187845304%;
*margin-left: 105.41847889972962%
}
.row-fluid .offset12:first-child {
margin-left: 102.76243093922652%;
*margin-left: 102.6560479605031%
}
.row-fluid .offset11 {
margin-left: 96.96132596685082%;
*margin-left: 96.8549429881274%
}
.row-fluid .offset11:first-child {
margin-left: 94.1988950276243%;
*margin-left: 94.09251204890089%
}
.row-fluid .offset10 {
margin-left: 88.39779005524862%;
*margin-left: 88.2914070765252%
}
.row-fluid .offset10:first-child {
margin-left: 85.6353591160221%;
*margin-left: 85.52897613729868%
}
.row-fluid .offset9 {
margin-left: 79.8342541436464%;
*margin-left: 79.72787116492299%
}
.row-fluid .offset9:first-child {
margin-left: 77.07182320441989%;
*margin-left: 76.96544022569647%
}
.row-fluid .offset8 {
margin-left: 71.2707182320442%;
*margin-left: 71.16433525332079%
}
.row-fluid .offset8:first-child {
margin-left: 68.50828729281768%;
*margin-left: 68.40190431409427%
}
.row-fluid .offset7 {
margin-left: 62.70718232044199%;
*margin-left: 62.600799341718584%
}
.row-fluid .offset7:first-child {
margin-left: 59.94475138121547%;
*margin-left: 59.838368402492065%
}
.row-fluid .offset6 {
margin-left: 54.14364640883978%;
*margin-left: 54.037263430116376%
}
.row-fluid .offset6:first-child {
margin-left: 51.38121546961326%;
*margin-left: 51.27483249088986%
}
.row-fluid .offset5 {
margin-left: 45.58011049723757%;
*margin-left: 45.47372751851417%
}
.row-fluid .offset5:first-child {
margin-left: 42.81767955801105%;
*margin-left: 42.71129657928765%
}
.row-fluid .offset4 {
margin-left: 37.01657458563536%;
*margin-left: 36.91019160691196%
}
.row-fluid .offset4:first-child {
margin-left: 34.25414364640884%;
*margin-left: 34.14776066768544%
}
.row-fluid .offset3 {
margin-left: 28.45303867403315%;
*margin-left: 28.346655695309746%
}
.row-fluid .offset3:first-child {
margin-left: 25.69060773480663%;
*margin-left: 25.584224756083227%
}
.row-fluid .offset2 {
margin-left: 19.88950276243094%;
*margin-left: 19.783119783707537%
}
.row-fluid .offset2:first-child {
margin-left: 17.12707182320442%;
*margin-left: 17.02068884448102%
}
.row-fluid .offset1 {
margin-left: 11.32596685082873%;
*margin-left: 11.219583872105325%
}
.row-fluid .offset1:first-child {
margin-left: 8.56353591160221%;
*margin-left: 8.457152932878806%
}
.uneditable-input,
input,
textarea {
margin-left: 0
}
.controls-row [class*=span]+[class*=span] {
margin-left: 20px
}
.uneditable-input.span12,
input.span12,
textarea.span12 {
width: 710px
}
.uneditable-input.span11,
input.span11,
textarea.span11 {
width: 648px
}
.uneditable-input.span10,
input.span10,
textarea.span10 {
width: 586px
}
.uneditable-input.span9,
input.span9,
textarea.span9 {
width: 524px
}
.uneditable-input.span8,
input.span8,
textarea.span8 {
width: 462px
}
.uneditable-input.span7,
input.span7,
textarea.span7 {
width: 400px
}
.uneditable-input.span6,
input.span6,
textarea.span6 {
width: 338px
}
.uneditable-input.span5,
input.span5,
textarea.span5 {
width: 276px
}
.uneditable-input.span4,
input.span4,
textarea.span4 {
width: 214px
}
.uneditable-input.span3,
input.span3,
textarea.span3 {
width: 152px
}
.uneditable-input.span2,
input.span2,
textarea.span2 {
width: 90px
}
.uneditable-input.span1,
input.span1,
textarea.span1 {
width: 28px
}
}
@media (max-width:767px) {
body {
padding-left: 20px;
padding-right: 20px
}
.navbar-fixed-bottom,
.navbar-fixed-top,
.navbar-static-top {
margin-left: -20px;
margin-right: -20px
}
.container-fluid {
padding: 0
}
.dl-horizontal dt {
clear: none;
float: none;
text-align: left;
width: auto
}
.dl-horizontal dd {
margin-left: 0
}
.container {
width: auto
}
.row-fluid {
width: 100%
}
.row,
.thumbnails {
margin-left: 0
}
.thumbnails>li {
float: none;
margin-left: 0
}
.row-fluid [class*=span],
.uneditable-input[class*=span],
[class*=span] {
box-sizing: border-box;
display: block;
float: none;
margin-left: 0;
width: 100%
}
.row-fluid .span12,
.span12 {
box-sizing: border-box;
width: 100%
}
.row-fluid [class*=offset]:first-child {
margin-left: 0
}
.input-large,
.input-xlarge,
.input-xxlarge,
.uneditable-input,
input[class*=span],
select[class*=span],
textarea[class*=span] {
box-sizing: border-box;
display: block;
min-height: 30px;
width: 100%
}
.input-append input,
.input-append input[class*=span],
.input-prepend input,
.input-prepend input[class*=span] {
display: inline-block;
width: auto
}
.controls-row [class*=span]+[class*=span] {
margin-left: 0
}
.modal {
left: 20px;
margin: 0;
position: fixed;
right: 20px;
top: 20px;
width: auto
}
.modal.fade {
top: -100px
}
.modal.fade.in {
top: 20px
}
}
@media (max-width:480px) {
.nav-collapse {
-webkit-transform: translateZ(0)
}
.page-header h1 small {
display: block;
line-height: 20px
}
input[type=checkbox],
input[type=radio] {
border: 1px solid #ccc
}
.form-horizontal .control-label {
float: none;
padding-top: 0;
text-align: left;
width: auto
}
.form-horizontal .controls {
margin-left: 0
}
.form-horizontal .control-list {
padding-top: 0
}
.form-horizontal .form-actions {
padding-left: 10px;
padding-right: 10px
}
.media .pull-left,
.media .pull-right {
display: block;
float: none;
margin-bottom: 10px
}
.media-object {
margin-left: 0;
margin-right: 0
}
.modal {
left: 10px;
right: 10px;
top: 10px
}
.modal-header .close {
margin: -10px;
padding: 10px
}
.carousel-caption {
position: static
}
}
@media (max-width:979px) {
body {
padding-top: 0
}
.navbar-fixed-bottom,
.navbar-fixed-top {
position: static
}
.navbar-fixed-top {
margin-bottom: 20px
}
.navbar-fixed-bottom {
margin-top: 20px
}
.navbar-fixed-bottom .navbar-inner,
.navbar-fixed-top .navbar-inner {
padding: 5px
}
.navbar .container {
padding: 0;
width: auto
}
.navbar .brand {
margin: 0 0 0 -5px;
padding-left: 10px;
padding-right: 10px
}
.nav-collapse {
clear: both
}
.nav-collapse .nav {
float: none;
margin: 0 0 10px
}
.nav-collapse .nav>li {
float: none
}
.nav-collapse .nav>li>a {
margin-bottom: 2px
}
.nav-collapse .nav>.divider-vertical {
display: none
}
.nav-collapse .nav .nav-header {
color: #777;
text-shadow: none
}
.nav-collapse .dropdown-menu a,
.nav-collapse .nav>li>a {
border-radius: 3px;
color: #777;
font-weight: 700;
padding: 9px 15px
}
.nav-collapse .btn {
border-radius: 4px;
font-weight: 400;
padding: 4px 10px
}
.nav-collapse .dropdown-menu li+li a {
margin-bottom: 2px
}
.nav-collapse .dropdown-menu a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .nav>li>a:focus,
.nav-collapse .nav>li>a:hover {
background-color: #f2f2f2
}
.navbar-inverse .nav-collapse .dropdown-menu a,
.navbar-inverse .nav-collapse .nav>li>a {
color: #999
}
.navbar-inverse .nav-collapse .dropdown-menu a:focus,
.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar-inverse .nav-collapse .nav>li>a:focus,
.navbar-inverse .nav-collapse .nav>li>a:hover {
background-color: #111
}
.nav-collapse.in .btn-group {
margin-top: 5px;
padding: 0
}
.nav-collapse .dropdown-menu {
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: none;
display: none;
float: none;
left: auto;
margin: 0 15px;
max-width: none;
padding: 0;
position: static;
top: auto
}
.nav-collapse .open>.dropdown-menu {
display: block
}
.nav-collapse .dropdown-menu .divider,
.nav-collapse .dropdown-menu:after,
.nav-collapse .dropdown-menu:before,
.nav-collapse .nav>li>.dropdown-menu:after,
.nav-collapse .nav>li>.dropdown-menu:before {
display: none
}
.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1);
float: none;
margin: 10px 0;
padding: 10px 15px
}
.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
border-bottom-color: #111;
border-top-color: #111
}
.navbar .nav-collapse .nav.pull-right {
float: none;
margin-left: 0
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden
}
.navbar .btn-navbar {
display: block
}
.navbar-static .navbar-inner {
padding-left: 10px;
padding-right: 10px
}
}
@media (min-width:980px) {
.nav-collapse.collapse {
height: auto !important;
overflow: visible !important
}
}
.codecopy {
overflow: visible;
position: relative
}
.codecopy button.codecopy-btn {
background-color: #fe8019;
border: none;
border-bottom-left-radius: var(--borderRadius);
border-top-right-radius: var(--borderRadius);
box-shadow: none;
font-size: .9rem;
min-height: 0;
min-height: auto;
padding: .2rem;
position: absolute;
right: 0;
top: 0;
z-index: 1
}
.codecopy button.codecopy-btn:focus,
.codecopy button.codecopy-btn:hover {
box-shadow: none
}
figure.code>div.highlight:not(:first-child)>div.codecopy>button.codecopy-btn {
border-top-right-radius: 0
}
.highlight span.hll span {
background-color: #000;
display: inline-block;
width: 100%
}
div.highlight {
border-radius: var(--borderRadius);
margin-bottom: 20px
}
td.code div.highlight {
border-radius: 0 var(--borderRadius) var(--borderRadius) 0
}
pre {
word-wrap: normal;
color: #ebdbb2;
overflow: auto;
white-space: pre;
word-break: normal
}
figure.code {
margin: 0;
padding: 0
}
figure.code figcaption {
-ms-flex-pack: justify;
-ms-flex-align: center;
align-items: center;
background-color: #544c50;
border-radius: var(--borderRadius) var(--borderRadius) 0 0;
color: #ebdbb2;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-family: var(--sansFontFamily);
font-size: 1.1rem;
justify-content: space-between;
padding: 1px 9.5px
}
figure.code figcaption span.liquid-tags-code-title {
-ms-flex-positive: 1;
flex-grow: 1
}
figure.code figcaption span.liquid-tags-code-filename {
color: #fe8019;
font-family: var(--monoFontFamily)
}
figure.code figcaption a {
color: #b8bb26;
margin-left: 30px;
position: relative;
text-transform: capitalize
}
figure.code figcaption a:before {
content: url("data:image/svg+xml;charset=utf-8,%3Csvg image-rendering='optimizeQuality' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' viewBox='0 0 294 452.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23b8bb26'%3E%3Cpath d='M126 0h42v185h62l-83 111-83-111h62z'/%3E%3Cpath d='M294 257v105H0V257h34v71h226v-71z'/%3E%3C/g%3E%3C/svg%3E");
height: .9rem;
margin: 0;
padding: 0 4px 0 0;
position: absolute;
right: 100%;
top: .35rem;
width: .9rem
}
figure.code div.highlight:not(:first-child) {
border-radius: 0 0 var(--borderRadius) var(--borderRadius)
}
table {
table-layout: fixed;
width: 100%
}
td {
vertical-align: top
}
@media (max-width:979px) {
.linenos {
display: none !important
}
}
.linenos {
width: 30px
}
.linenos div pre {
overflow: hidden;
text-align: right
}
td.code {
width: 100%
}
.linenodiv pre {
background-color: #282828;
border-radius: var(--borderRadius) 0 0 var(--borderRadius);
color: #ebdbb2
}
table.highlighttable,
table.highlighttable td {
border: none
}
table.highlighttable tbody>tr:nth-child(odd)>td {
background-color: transparent
}
:root {
--borderRadius: 4px;
--mutedTextColor: #696969
}
body,
html {
height: 100%
}
body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column
}
div#content {
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
footer {
-ms-flex-line-pack: center;
-ms-flex-align: center;
-ms-flex-negative: 0;
-ms-flex-pack: end;
align-content: center;
align-items: center;
border-top: 1px solid rgba(0, 0, 0, .2);
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
flex-shrink: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-end;
margin: 15px 0 0;
min-height: 40px;
padding: 0 3px
}
footer div {
margin: 3px 0
}
footer div:first-child {
margin-right: auto
}
footer div#fpowered {
margin-left: auto;
margin-right: unset
}
:lang(zh) {
font-family: Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, Helvetica, Arial, sans-serif
}
a {
color: #3875d7
}
hr {
border-width: 3px
}
.top-menu li a {
font-weight: 700
}
#comment-message,
#post-share-links:not(a) {
color: #6f6f6f;
text-shadow: 1px 1px 3px rgba(50, 50, 50, .15)
}
#post-share-links a {
text-shadow: 0 0
}
.comment-count {
font-family: Trebuchet MS, Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, Sans-Serif;
font-size: .9em
}
#comment_thread {
padding-left: 10px;
padding-right: 10px
}
.list-of-tags,
ul.list-projects {
list-style: none;
margin: 0;
overflow: hidden
}
.list-of-tags li {
float: left;
line-height: 28px;
margin: 0
}
.list-of-tags a {
background: #eee;
border-radius: 4px;
border-radius: var(--borderRadius);
color: #222;
margin: 2px;
padding: 3px 6px;
text-decoration: none
}
.tags-in-article li {
float: none;
line-height: 28px
}
.article-content,
div.recent-posts p {
text-align: justify
}
.article-content {
max-width: 50em
}
.article-content p {
margin: 0 0 20px
}
.article-content ul:not(.related-posts-list):not(.articles-timeline) {
font-size: inherit;
list-style-type: disc
}
.article-content ul.related-posts-list {
list-style-type: square
}
.article-content ol {
font-size: inherit;
list-style-type: decimal
}
.article-content li {
line-height: 1.7em;
list-style-position: outside;
margin: 1px 0 1px 20px
}
.article-content dl {
font-size: inherit;
list-style-position: outside;
list-style-type: decimal;
margin: 20px 0 20px 20px
}
.article-content dd {
line-height: 1.7em;
margin: 1px 0 1px 20px;
padding: 3px 0
}
.article-content dt {
font-size: inherit
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 10px 0
}
.page-header {
border-bottom: 2px solid maroon;
color: maroon;
margin: 10px 0 30px
}
.page-header h1 {
border: none;
line-height: 1em
}
ul.articles-timeline {
list-style: none;
margin: 0;
padding-bottom: 30px
}
ul.articles-timeline .next-article {
float: right;
margin: 0
}
ul.articles-timeline .previous-article {
float: left;
margin: 0
}
ul.multi-parts-list a {
color: #000
}
ul.multi-parts-list a:hover {
text-decoration: none
}
ul.multi-parts-list li.active-part {
font-style: italic
}
.table-of-content .toc ul {
list-style-type: none;
list-style: symbols none inside;
margin: 0;
padding: 0 0 0 .2rem
}
.table-of-content .toc>ul>li>ul {
padding-left: 1rem
}
.last-updated a {
color: #333
}
.last-updated a:hover {
text-decoration: none
}
.article-content img {
border: 2px solid #eee;
padding: 5px
}
p#post-share-links {
text-align: right
}
a.category-title-inside-accordion {
text-decoration: none
}
ul.list-articles-under-tag-category {
list-style: none outside none;
margin: 0 0 0 5px
}
a.category-link {
color: #333
}
a.category-link:hover {
text-decoration: none
}
a.category-title-inside-accordion:hover,
a:not(.collapsed).accordion-toggle.category-title-inside-accordion {
background-color: #08c;
border-radius: 4px;
border-radius: var(--borderRadius);
color: #fff
}
div.blog-archives h2 {
clear: both;
float: left;
margin: 0;
position: relative
}
.proj-desc {
color: #696969;
color: var(--mutedTextColor)
}
div.blog-archives div,
div.recent-posts-article,
ul.list-projects li {
border-bottom: 1px dotted #696969;
border-bottom: 1px dotted var(--mutedTextColor);
overflow: auto;
padding: .3rem .2rem
}
ul.list-articles-under-tag-category li {
padding: .1rem .2rem
}
div.blog-archives div {
margin-left: calc(1.725rem + 5.7vw)
}
@media (min-width:1200px) {
div.blog-archives div {
margin-left: 6rem
}
}
div.blog-archives div.last-entry-of-year {
margin-bottom: 1em
}
div.blog-archives time,
div.recent-posts time,
ul.list-articles-under-tag-category li time {
float: right;
text-align: left
}
div.blog-archives time,
div.recent-posts-posted,
div.recent-posts time,
ul.list-articles-under-tag-category li time {
color: #696969;
color: var(--mutedTextColor)
}
@media (max-width:767px) {
div.blog-archives h2 {
float: none
}
div.blog-archives div {
margin-left: 0
}
div.blog-archives article {
margin-left: 0;
padding-left: 0
}
div.blog-archives time,
div.recent-posts time,
ul.list-articles-under-tag-category li time {
display: block;
float: none
}
}
#mc-embed-signup {
font-family: inherit;
font-size: inherit;
margin: 10px 0
}
#mc-embed-signup form {
display: block;
padding: 0;
position: relative;
text-align: left
}
#mc-embed-signup input {
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid #999
}
#mc-embed-signup input:focus {
border-color: #333
}
#mc-embed-signup input.email {
display: block;
font-size: .9em;
margin: 0 4% 10px 0;
min-width: 130px;
padding: 8px 0;
text-indent: 5px;
width: 100%
}
#mc-embed-signup input.button {
display: block;
margin: 0 0 10px;
min-width: 130px;
width: 100%
}
#mc-embed-signup input[type=email] {
height: 100%
}
#mc-embed-signup .button {
background-color: #eee;
border: 1px solid #d3d3d3;
border-radius: 4px;
border-radius: var(--borderRadius);
clear: both;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 1em;
font-weight: 400;
height: 32px;
line-height: 32px;
margin: 0 5px 10px 0;
padding: 0;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: auto
}
#mc-embed-signup.button:hover {
background-color: #dfdfdf
}
#mc-embed-signup .clear {
clear: none;
display: inline
}
#allposts {
color: #696969;
color: var(--mutedTextColor);
float: right;
font-size: 75%;
font-weight: 400
}
a#allposts:hover {
color: #333
}
.literal {
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
border-radius: var(--borderRadius);
color: #d14;
padding: 2px 4px;
white-space: nowrap
}
div.line-block div.line-block {
margin-left: 1.5em
}
.amp {
font-family: Warnock Pro, Goudy Old Style, Palatino, Book Antiqua, Serif;
font-style: italic
}
.article-content img,
div.figure {
text-align: center
}
div.figure img {
width: 100%
}
div.figure p.caption {
color: grey;
font-size: .6em;
margin: 0
}
div.figure p.caption a {
border: none;
color: grey
}
.article-content img.align-right,
div.figure.align-right {
float: right;
margin-left: 1.5em
}
.article-content img.align-left,
div.figure.align-left {
float: left;
margin-right: 1.5em
}
.author-blurb {
padding: 5px 0
}
.author-blurb img {
height: 32px;
padding: 0;
width: 32px
}
.gist table {
table-layout: auto
}
table {
background-color: transparent;
border: 1px solid #bfbfbf;
border-collapse: collapse;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
border-radius: 4px;
border-radius: var(--borderRadius);
border-spacing: 0;
max-width: 100%
}
table td,
table th {
border-left: 1px solid #bfbfbf;
padding-left: 2px;
padding-right: 2px
}
table thead:first-child tr:first-child th {
border-top: 0
}
table thead:first-child tr:first-child>th:first-child {
border-top-left-radius: 4px;
border-top-left-radius: var(--borderRadius)
}
table thead:first-child tr:first-child>th:last-child {
border-top-right-radius: 4px;
border-top-right-radius: var(--borderRadius)
}
table tbody:last-child tr:last-child>td:first-child {
border-bottom-left-radius: 4px;
border-bottom-left-radius: var(--borderRadius)
}
table tbody:last-child tr:last-child>td:last-child {
border-bottom-right-radius: 4px;
border-bottom-right-radius: var(--borderRadius)
}
table tbody>tr:nth-child(odd)>td {
background-color: #ebebeb
}
.navbar .nav>li>a {
float: none;
padding: 11px 15px 13px
}
.site-name {
color: #696969;
color: var(--mutedTextColor)
}
div.elegant-gallery {
-ms-flex-pack: center;
-ms-flex-align: center;
-ms-flex-line-pack: center;
align-content: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
font-size: 0;
justify-content: center;
margin: 0;
padding: 0
}
div.elegant-gallery figure {
border: 1px solid #d3d3d3;
margin: 0;
max-width: 100%;
padding: 0
}
div.elegant-gallery figure figcaption {
display: none
}
div.elegant-gallery figure img {
border: none;
margin: 0;
max-width: 100%;
padding: 0
}
article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a,
article ol a:not(.ampl),
article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl),
blockquote a:not(.ampl) {
color: #000;
display: inline-block;
position: relative
}
article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:after,
article ol a:not(.ampl):after,
article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):after,
blockquote a:not(.ampl):after {
background: silver;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
top: 100%;
transform: translateY(0);
transition: opacity .3s, transform .3s;
width: 100%
}
article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:hover,
article ol a:not(.ampl):hover,
article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):hover,
blockquote a:not(.ampl):hover {
color: #4169e1;
text-decoration: none;
transition: color .1s
}
article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:hover:after,
article ol a:not(.ampl):hover:after,
article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):hover:after,
blockquote a:not(.ampl):hover:after {
opacity: 0;
transform: translateY(5px)
}
article div.article-content ul:not(.articles-timeline):not(.related-posts-list) a:focus,
article ol a:not(.ampl):focus,
article p:not(#list-of-translations):not(#post-share-links) a:not(.ampl):focus,
blockquote a:not(.ampl):focus {
text-decoration: none
}
div.recent-posts-posted a {
color: inherit;
padding-left: .3em
}
div.recent-posts-posted a:hover {
border-bottom: 1px dashed;
text-decoration: none
}
div.recent-posts-posted a:focus {
text-decoration: none
}
#lunr-search-result>div.lunr-search-result-item>h4>a,
a.ampl {
color: #4169e1;
display: inline-block;
position: relative
}
#lunr-search-result>div.lunr-search-result-item>h4>a:focus,
a.ampl:focus {
text-decoration: none
}
#lunr-search-result>div.lunr-search-result-item>h4>a:hover,
a.ampl:hover {
color: #1e90ff;
text-decoration: none;
transition: color .1s
}
#lunr-search-result>div.lunr-search-result-item>h4>a:hover:after,
a.ampl:hover:after {
opacity: 1;
transform: translateY(0)
}
#lunr-search-result>div.lunr-search-result-item>h4>a:after,
a.ampl:after {
background: #1e90ff;
content: "";
height: 2px;
left: 0;
opacity: 0;
position: absolute;
top: 100%;
transform: translateY(5px);
transition: opacity .3s, transform .3s;
width: 100%
}
dt:hover>a.headerlink,
h1:hover>a.headerlink,
h2:hover>a.headerlink,
h3:hover>a.headerlink,
h4:hover>a.headerlink,
h5:hover>a.headerlink,
h6:hover>a.headerlink {
opacity: 1;
text-decoration: none;
visibility: visible
}
a.headerlink {
content: url('data:image/svg+xml;utf8,');
display: inline-block;
margin-left: 5px;
opacity: 0;
transition: visibility 0s, opacity .2s ease-in;
visibility: hidden;
width: 20px
}
.highlight {
background: #282828;
background-color: #282828;
color: #ebdbb2
}
.highlight .c {
background-color: #282828;
color: #928374;
font-style: italic
}
.highlight .err,
.highlight .esc,
.highlight .g {
background-color: #282828;
color: #ebdbb2
}
.highlight .k {
background-color: #282828;
color: #fe8019
}
.highlight .l,
.highlight .n {
background-color: #282828;
color: #ebdbb2
}
.highlight .o {
background-color: #282828;
color: #fe8019
}
.highlight .p,
.highlight .x {
background-color: #282828;
color: #ebdbb2
}
.highlight .ch,
.highlight .cm {
background-color: #282828;
color: #928374;
font-style: italic
}
.highlight .cp {
background-color: #282828;
color: #8ec07c
}
.highlight .c1,
.highlight .cs {
background-color: #282828;
color: #928374;
font-style: italic
}
.highlight .gd {
background-color: #fb4934;
color: #282828
}
.highlight .ge {
background-color: #282828;
color: #83a598;
text-decoration: underline
}
.highlight .gr {
background-color: #fb4934;
color: #ebdbb2;
font-weight: 700
}
.highlight .gh {
background-color: #282828;
color: #b8bb26;
font-weight: 700
}
.highlight .gi {
background-color: #b8bb26;
color: #282828
}
.highlight .go {
background-color: #282828;
color: #504945
}
.highlight .gp,
.highlight .gs {
background-color: #282828;
color: #ebdbb2
}
.highlight .gu {
background-color: #282828;
color: #b8bb26;
font-weight: 700
}
.highlight .gt {
background-color: #fb4934;
color: #ebdbb2;
font-weight: 700
}
.highlight .kc,
.highlight .kd,
.highlight .kn,
.highlight .kp,
.highlight .kr {
background-color: #282828;
color: #fe8019
}
.highlight .kt {
background-color: #282828;
color: #fabd2f
}
.highlight .ld {
background-color: #282828;
color: #ebdbb2
}
.highlight .m {
background-color: #282828;
color: #d3869b
}
.highlight .na,
.highlight .s {
background-color: #282828;
color: #b8bb26
}
.highlight .na {
font-weight: 700
}
.highlight .nb {
background-color: #282828;
color: #fabd2f
}
.highlight .nc {
background-color: #282828;
color: #ebdbb2
}
.highlight .no {
background-color: #282828;
color: #d3869b
}
.highlight .nd {
background-color: #282828;
color: #ebdbb2
}
.highlight .ni {
background-color: #282828;
color: #fabd2f
}
.highlight .ne {
background-color: #282828;
color: #fb4934
}
.highlight .nf {
background-color: #282828;
color: #fabd2f
}
.highlight .nl {
background-color: #282828;
color: #fb4934
}
.highlight .nn,
.highlight .nx,
.highlight .py {
background-color: #282828;
color: #ebdbb2
}
.highlight .nt {
background-color: #282828;
color: #fb4934
}
.highlight .nv {
background-color: #282828;
color: #ebdbb2
}
.highlight .ow {
background-color: #282828;
color: #fe8019
}
.highlight .w {
background-color: #282828;
color: #ebdbb2
}
.highlight .mb,
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
background-color: #282828;
color: #d3869b
}
.highlight .s1,
.highlight .s2,
.highlight .sb,
.highlight .sc,
.highlight .sd,
.highlight .se,
.highlight .sh,
.highlight .si,
.highlight .sr,
.highlight .sx {
background-color: #282828;
color: #b8bb26
}
.highlight .ss {
background-color: #282828;
color: #83a598
}
.highlight .bp {
background-color: #282828;
color: #fabd2f
}
.highlight .vc,
.highlight .vg,
.highlight .vi {
background-color: #282828;
color: #ebdbb2
}
.highlight .il {
background-color: #282828;
color: #d3869b
}
.highlight .cpf {
background-color: #282828;
color: #b8bb26
}
#lunr-search-result div.lunr-search-result-item {
margin: 0 0 20px
}
#lunr-search-result p.lunr-result-fail,
#lunr-search-result p.lunr-search-result-item-body {
font-family: var(--serifFontFamily);
font-size: 1rem;
line-height: 1.6;
margin: 10px 0 0;
text-transform: none
}
#lunr-search-result p.lunr-result-fail {
color: maroon;
font-size: 1.125rem;
text-align: center
}
div#sidebar-social-link a svg {
-webkit-filter: saturate(0) brightness(.7);
filter: saturate(0) brightness(.7);
height: 20px;
margin-right: 3px;
position: relative;
transition: all .2s ease-in-out;
width: 20px;
z-index: 0
}
div#sidebar-social-link a {
text-decoration: none
}
div#sidebar-social-link a svg:hover {
-webkit-filter: none;
filter: none;
transform: scale(2.5);
z-index: 1
}
section#article-sidebar {
float: right;
font-size: .9em
}
@font-face {
font-family: "PT Serif";
font-style: italic;
font-weight: 400;
src: local("PT Serif Italic"), local(PTSerif-Italic), url(//fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_rO1dg.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserif/v12/EJRTQgYoZZY2vCFuvAFT_rO1dA.woff) format("woff")
}
@font-face {
font-family: "PT Serif";
font-style: italic;
font-weight: 700;
src: local("PT Serif Bold Italic"), local(PTSerif-BoldItalic), url(//fonts.gstatic.com/s/ptserif/v12/EJRQQgYoZZY2vCFuvAFT9gaQZyffpA.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserif/v12/EJRQQgYoZZY2vCFuvAFT9gaQZynfoA.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserif/v12/EJRQQgYoZZY2vCFuvAFT9gaQZyffpg.woff) format("woff")
}
@font-face {
font-family: "PT Serif";
font-style: normal;
font-weight: 400;
src: local("PT Serif"), local(PTSerif-Regular), url(//fonts.gstatic.com/s/ptserif/v12/EJRVQgYoZZY2vCFuvAFYzrs.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserif/v12/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserif/v12/EJRVQgYoZZY2vCFuvAFYzrk.woff) format("woff")
}
@font-face {
font-family: "PT Serif";
font-style: normal;
font-weight: 700;
src: local("PT Serif Bold"), local(PTSerif-Bold), url(//fonts.gstatic.com/s/ptserif/v12/EJRSQgYoZZY2vCFuvAnt66qcVy8.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserif/v12/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserif/v12/EJRSQgYoZZY2vCFuvAnt66qcVy0.woff) format("woff")
}
@font-face {
font-family: PT Mono;
font-style: normal;
font-weight: 400;
src: local("PT Mono"), local(PTMono-Regular), url(//fonts.gstatic.com/s/ptmono/v8/9oRONYoBnWILk-9AnCEzNw.eot#) format("eot"), url(//fonts.gstatic.com/s/ptmono/v8/9oRONYoBnWILk-9AnC8zMw.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptmono/v8/9oRONYoBnWILk-9AnCEzNQ.woff) format("woff")
}
@font-face {
font-family: "PT Serif Caption";
font-style: italic;
font-weight: 400;
src: local("PT Serif Caption Italic"), local(PTSerif-CaptionItalic), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVj2ZhbGCW-JoW6S34pSDpqYKU019eLAQM5.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVj2ZhbGCW-JoW6S34pSDpqYKU019eLDwM9.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVj2ZhbGCW-JoW6S34pSDpqYKU019eLAQM7.woff) format("woff")
}
@font-face {
font-family: "PT Serif Caption";
font-style: normal;
font-weight: 400;
src: local("PT Serif Caption"), local(PTSerif-Caption), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVl2ZhbGCW-JoW6S34pSDpqYKU019y7CQ.eot#) format("eot"), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVl2ZhbGCW-JoW6S34pSDpqYKU019K7DQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptserifcaption/v12/ieVl2ZhbGCW-JoW6S34pSDpqYKU019y7Cw.woff) format("woff")
}
@font-face {
font-family: PT Sans;
font-style: italic;
font-weight: 400;
src: local("PT Sans Italic"), local(PTSans-Italic), url(//fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0ycmM.eot#) format("eot"), url(//fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0x8mI.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptsans/v12/jizYRExUiTo99u79D0e0ycmO.woff) format("woff")
}
@font-face {
font-family: PT Sans;
font-style: italic;
font-weight: 700;
src: local("PT Sans Bold Italic"), local(PTSans-BoldItalic), url(//fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydIRUZ.eot#) format("eot"), url(//fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptsans/v12/jizdRExUiTo99u79D0e8fOydIRUb.woff) format("woff")
}
@font-face {
font-family: PT Sans;
font-style: normal;
font-weight: 400;
src: local("PT Sans"), local(PTSans-Regular), url(//fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0yEwQ.eot#) format("eot"), url(//fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0KExQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptsans/v12/jizaRExUiTo99u79D0yEww.woff) format("woff")
}
@font-face {
font-family: PT Sans;
font-style: normal;
font-weight: 700;
src: local("PT Sans Bold"), local(PTSans-Bold), url(//fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0OCtKQ.eot#) format("eot"), url(//fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/ptsans/v12/jizfRExUiTo99u79B_mh0OCtKw.woff) format("woff")
}
:root {
--headingBorderBottomWidth: 1px;
--headingBorderBottomStyle: solid;
--headingOthersLineHeight: 1.3rem;
--headingOthersH4FontSize: 1.1rem;
--sansFontFamily: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
--monoFontFamily: "PT Mono", Monaco, Menlo, Consolas, "Courier New", monospace;
--serifFontFamily: "PT Serif", Georgia, "Times New Roman", Times, serif;
--serifHeadingFontFamily: "PT Serif Caption", Baskerville, Garamond, Georgia, "DejaVu Serif", "Times New Roman", Times, serif
}
body {
font-family: PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--sansFontFamily);
margin: 0
}
.page-header,
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
text-align: left
}
.page-header small,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
font-style: italic
}
header.page-header h1 {
font-family: "PT Serif Caption", Baskerville, Garamond, Georgia, "DejaVu Serif", Times New Roman, Times, serif;
font-family: var(--serifHeadingFontFamily)
}
.list-of-tags,
.tag-title,
a.category-title-inside-accordion,
h1,
h2,
h3,
h4,
h5,
h6,
ul.list-articles-under-tag-category li time {
font-family: PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--sansFontFamily)
}
h1 {
font-size: calc(1.365rem + 1.38vw)
}
@media (min-width:1200px) {
h1 {
font-size: 2.4rem
}
}
h2 {
font-size: calc(1.345rem + 1.14vw)
}
@media (min-width:1200px) {
h2 {
font-size: 2.2rem
}
}
h3 {
font-size: calc(1.325rem + .9vw)
}
@media (min-width:1200px) {
h3 {
font-size: 2rem
}
}
h4 {
font-size: calc(1.305rem + .66vw)
}
@media (min-width:1200px) {
h4 {
font-size: 1.8rem
}
}
h5 {
font-size: calc(1.285rem + .42vw)
}
@media (min-width:1200px) {
h5 {
font-size: 1.6rem
}
}
h6 {
font-size: calc(1.265rem + .18vw)
}
@media (min-width:1200px) {
h6 {
font-size: 1.4rem
}
}
h1,
h2,
h3 {
border-bottom: 1px solid #d3d3d3;
border-bottom: var(--headingBorderBottomWidth) var(--headingBorderBottomStyle) #d3d3d3;
line-height: 1.3em
}
h1 code,
h2 code,
h3 code {
font-size: 80%
}
h1 small,
h2 small,
h3 small {
font-size: 70%
}
h4,
h5,
h6 {
line-height: 1.1em
}
h4 code,
h4 small,
h5 code,
h5 small,
h6 code,
h6 small {
font-size: 80%
}
h1 a,
h1 a:hover,
h1 small,
h2 a,
h2 a:hover,
h2 small,
h3 a,
h3 a:hover,
h3 small,
h4 a,
h4 a:hover,
h4 small,
h5 a,
h5 a:hover,
h5 small,
h6 a,
h6 a:hover,
h6 small {
color: inherit;
text-decoration: none
}
small.subtitle {
font-style: italic
}
div.blog-archives h2,
h1#my-projects,
h1#recent-posts {
border: none
}
h1#recent-posts,
nav h4,
section#article-sidebar h4 {
line-height: 1.3rem;
line-height: var(--headingOthersLineHeight)
}
nav h4,
section#article-sidebar h4 {
font-size: 1.1rem;
font-size: var(--headingOthersH4FontSize)
}
.literal,
.site-name,
code,
pre {
font-family: PT Mono, Monaco, Menlo, Consolas, Courier New, monospace;
font-family: var(--monoFontFamily)
}
.literal,
code,
pre {
font-size: .9rem
}
.brand .site-name {
font-size: calc(1.275rem + .3vw);
vertical-align: middle
}
@media (min-width:1200px) {
.brand .site-name {
font-size: 1.5rem
}
}
.article-content,
div.recent-posts p {
font-family: "PT Serif", Georgia, Times New Roman, Times, serif;
font-family: var(--serifFontFamily);
font-size: 1.125rem;
font-weight: 400;
line-height: 1.6;
text-transform: none
}
blockquote p {
font-family: PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--sansFontFamily);
font-weight: 400
}
a.category-title-inside-accordion {
font-size: 1.1rem
}
.author-name {
font-feature-settings: "c2sc";
font-variant: small-caps;
font-weight: 700
}
.author-blurb {
font-style: italic
}
div.blog-archives div,
div.recent-posts-article,
ul.list-articles-under-tag-category li,
ul.list-projects li {
font-family: PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--sansFontFamily);
font-size: .963rem
}
.proj-desc,
.table-of-content .toc,
div.blog-archives time,
div.recent-posts-posted,
div.recent-posts time,
footer,
ul.list-articles-under-tag-category li time {
font-family: PT Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
font-family: var(--sansFontFamily);
font-size: .8rem
}
span.superscript {
font-size: .67rem;
vertical-align: super
}
.navbar .nav>li>a {
font-size: 1rem
}