Export As (nbconvert).html
10970 lines
| 232.0 KiB
| text/html
|
HtmlLexer
Jonathan Frederic
|
r17726 | <!DOCTYPE html> | ||
<html> | ||||
<head> | ||||
<meta charset="utf-8" /> | ||||
<title>Notebook</title> | ||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script> | ||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> | ||||
<style type="text/css"> | ||||
/*! | ||||
* | ||||
* Twitter Bootstrap | ||||
* | ||||
*/ | ||||
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ | ||||
html { | ||||
font-family: sans-serif; | ||||
-ms-text-size-adjust: 100%; | ||||
-webkit-text-size-adjust: 100%; | ||||
} | ||||
body { | ||||
margin: 0; | ||||
} | ||||
article, | ||||
aside, | ||||
details, | ||||
figcaption, | ||||
figure, | ||||
footer, | ||||
header, | ||||
hgroup, | ||||
main, | ||||
nav, | ||||
section, | ||||
summary { | ||||
display: block; | ||||
} | ||||
audio, | ||||
canvas, | ||||
progress, | ||||
video { | ||||
display: inline-block; | ||||
vertical-align: baseline; | ||||
} | ||||
audio:not([controls]) { | ||||
display: none; | ||||
height: 0; | ||||
} | ||||
[hidden], | ||||
template { | ||||
display: none; | ||||
} | ||||
a { | ||||
background: transparent; | ||||
} | ||||
a:active, | ||||
a:hover { | ||||
outline: 0; | ||||
} | ||||
abbr[title] { | ||||
border-bottom: 1px dotted; | ||||
} | ||||
b, | ||||
strong { | ||||
font-weight: bold; | ||||
} | ||||
dfn { | ||||
font-style: italic; | ||||
} | ||||
h1 { | ||||
font-size: 2em; | ||||
margin: 0.67em 0; | ||||
} | ||||
mark { | ||||
background: #ff0; | ||||
color: #000; | ||||
} | ||||
small { | ||||
font-size: 80%; | ||||
} | ||||
sub, | ||||
sup { | ||||
font-size: 75%; | ||||
line-height: 0; | ||||
position: relative; | ||||
vertical-align: baseline; | ||||
} | ||||
sup { | ||||
top: -0.5em; | ||||
} | ||||
sub { | ||||
bottom: -0.25em; | ||||
} | ||||
img { | ||||
border: 0; | ||||
} | ||||
svg:not(:root) { | ||||
overflow: hidden; | ||||
} | ||||
figure { | ||||
margin: 1em 40px; | ||||
} | ||||
hr { | ||||
-moz-box-sizing: content-box; | ||||
box-sizing: content-box; | ||||
height: 0; | ||||
} | ||||
pre { | ||||
overflow: auto; | ||||
} | ||||
code, | ||||
kbd, | ||||
pre, | ||||
samp { | ||||
font-family: monospace, monospace; | ||||
font-size: 1em; | ||||
} | ||||
button, | ||||
input, | ||||
optgroup, | ||||
select, | ||||
textarea { | ||||
color: inherit; | ||||
font: inherit; | ||||
margin: 0; | ||||
} | ||||
button { | ||||
overflow: visible; | ||||
} | ||||
button, | ||||
select { | ||||
text-transform: none; | ||||
} | ||||
button, | ||||
html input[type="button"], | ||||
input[type="reset"], | ||||
input[type="submit"] { | ||||
-webkit-appearance: button; | ||||
cursor: pointer; | ||||
} | ||||
button[disabled], | ||||
html input[disabled] { | ||||
cursor: default; | ||||
} | ||||
button::-moz-focus-inner, | ||||
input::-moz-focus-inner { | ||||
border: 0; | ||||
padding: 0; | ||||
} | ||||
input { | ||||
line-height: normal; | ||||
} | ||||
input[type="checkbox"], | ||||
input[type="radio"] { | ||||
box-sizing: border-box; | ||||
padding: 0; | ||||
} | ||||
input[type="number"]::-webkit-inner-spin-button, | ||||
input[type="number"]::-webkit-outer-spin-button { | ||||
height: auto; | ||||
} | ||||
input[type="search"] { | ||||
-webkit-appearance: textfield; | ||||
-moz-box-sizing: content-box; | ||||
-webkit-box-sizing: content-box; | ||||
box-sizing: content-box; | ||||
} | ||||
input[type="search"]::-webkit-search-cancel-button, | ||||
input[type="search"]::-webkit-search-decoration { | ||||
-webkit-appearance: none; | ||||
} | ||||
fieldset { | ||||
border: 1px solid #c0c0c0; | ||||
margin: 0 2px; | ||||
padding: 0.35em 0.625em 0.75em; | ||||
} | ||||
legend { | ||||
border: 0; | ||||
padding: 0; | ||||
} | ||||
textarea { | ||||
overflow: auto; | ||||
} | ||||
optgroup { | ||||
font-weight: bold; | ||||
} | ||||
table { | ||||
border-collapse: collapse; | ||||
border-spacing: 0; | ||||
} | ||||
td, | ||||
th { | ||||
padding: 0; | ||||
} | ||||
@media print { | ||||
* { | ||||
text-shadow: none !important; | ||||
color: #000 !important; | ||||
background: transparent !important; | ||||
box-shadow: none !important; | ||||
} | ||||
a, | ||||
a:visited { | ||||
text-decoration: underline; | ||||
} | ||||
a[href]:after { | ||||
content: " (" attr(href) ")"; | ||||
} | ||||
abbr[title]:after { | ||||
content: " (" attr(title) ")"; | ||||
} | ||||
a[href^="javascript:"]:after, | ||||
a[href^="#"]:after { | ||||
content: ""; | ||||
} | ||||
pre, | ||||
blockquote { | ||||
border: 1px solid #999; | ||||
page-break-inside: avoid; | ||||
} | ||||
thead { | ||||
display: table-header-group; | ||||
} | ||||
tr, | ||||
img { | ||||
page-break-inside: avoid; | ||||
} | ||||
img { | ||||
max-width: 100% !important; | ||||
} | ||||
p, | ||||
h2, | ||||
h3 { | ||||
orphans: 3; | ||||
widows: 3; | ||||
} | ||||
h2, | ||||
h3 { | ||||
page-break-after: avoid; | ||||
} | ||||
select { | ||||
background: #fff !important; | ||||
} | ||||
.navbar { | ||||
display: none; | ||||
} | ||||
.table td, | ||||
.table th { | ||||
background-color: #fff !important; | ||||
} | ||||
.btn > .caret, | ||||
.dropup > .btn > .caret { | ||||
border-top-color: #000 !important; | ||||
} | ||||
.label { | ||||
border: 1px solid #000; | ||||
} | ||||
.table { | ||||
border-collapse: collapse !important; | ||||
} | ||||
.table-bordered th, | ||||
.table-bordered td { | ||||
border: 1px solid #ddd !important; | ||||
} | ||||
} | ||||
* { | ||||
-webkit-box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
box-sizing: border-box; | ||||
} | ||||
*:before, | ||||
*:after { | ||||
-webkit-box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
box-sizing: border-box; | ||||
} | ||||
html { | ||||
font-size: 62.5%; | ||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||||
} | ||||
body { | ||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
color: #000000; | ||||
background-color: #ffffff; | ||||
} | ||||
input, | ||||
button, | ||||
select, | ||||
textarea { | ||||
font-family: inherit; | ||||
font-size: inherit; | ||||
line-height: inherit; | ||||
} | ||||
a { | ||||
color: #428bca; | ||||
text-decoration: none; | ||||
} | ||||
a:hover, | ||||
a:focus { | ||||
color: #2a6496; | ||||
text-decoration: underline; | ||||
} | ||||
a:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
figure { | ||||
margin: 0; | ||||
} | ||||
img { | ||||
vertical-align: middle; | ||||
} | ||||
.img-responsive, | ||||
.thumbnail > img, | ||||
.thumbnail a > img, | ||||
.carousel-inner > .item > img, | ||||
.carousel-inner > .item > a > img { | ||||
display: block; | ||||
max-width: 100%; | ||||
height: auto; | ||||
} | ||||
.img-rounded { | ||||
border-radius: 6px; | ||||
} | ||||
.img-thumbnail { | ||||
padding: 4px; | ||||
line-height: 1.42857143; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
border-radius: 4px; | ||||
-webkit-transition: all 0.2s ease-in-out; | ||||
transition: all 0.2s ease-in-out; | ||||
display: inline-block; | ||||
max-width: 100%; | ||||
height: auto; | ||||
} | ||||
.img-circle { | ||||
border-radius: 50%; | ||||
} | ||||
hr { | ||||
margin-top: 18px; | ||||
margin-bottom: 18px; | ||||
border: 0; | ||||
border-top: 1px solid #eeeeee; | ||||
} | ||||
.sr-only { | ||||
position: absolute; | ||||
width: 1px; | ||||
height: 1px; | ||||
margin: -1px; | ||||
padding: 0; | ||||
overflow: hidden; | ||||
clip: rect(0, 0, 0, 0); | ||||
border: 0; | ||||
} | ||||
h1, | ||||
h2, | ||||
h3, | ||||
h4, | ||||
h5, | ||||
h6, | ||||
.h1, | ||||
.h2, | ||||
.h3, | ||||
.h4, | ||||
.h5, | ||||
.h6 { | ||||
font-family: inherit; | ||||
font-weight: 500; | ||||
line-height: 1.1; | ||||
color: inherit; | ||||
} | ||||
h1 small, | ||||
h2 small, | ||||
h3 small, | ||||
h4 small, | ||||
h5 small, | ||||
h6 small, | ||||
.h1 small, | ||||
.h2 small, | ||||
.h3 small, | ||||
.h4 small, | ||||
.h5 small, | ||||
.h6 small, | ||||
h1 .small, | ||||
h2 .small, | ||||
h3 .small, | ||||
h4 .small, | ||||
h5 .small, | ||||
h6 .small, | ||||
.h1 .small, | ||||
.h2 .small, | ||||
.h3 .small, | ||||
.h4 .small, | ||||
.h5 .small, | ||||
.h6 .small { | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
color: #999999; | ||||
} | ||||
h1, | ||||
.h1, | ||||
h2, | ||||
.h2, | ||||
h3, | ||||
.h3 { | ||||
margin-top: 18px; | ||||
margin-bottom: 9px; | ||||
} | ||||
h1 small, | ||||
.h1 small, | ||||
h2 small, | ||||
.h2 small, | ||||
h3 small, | ||||
.h3 small, | ||||
h1 .small, | ||||
.h1 .small, | ||||
h2 .small, | ||||
.h2 .small, | ||||
h3 .small, | ||||
.h3 .small { | ||||
font-size: 65%; | ||||
} | ||||
h4, | ||||
.h4, | ||||
h5, | ||||
.h5, | ||||
h6, | ||||
.h6 { | ||||
margin-top: 9px; | ||||
margin-bottom: 9px; | ||||
} | ||||
h4 small, | ||||
.h4 small, | ||||
h5 small, | ||||
.h5 small, | ||||
h6 small, | ||||
.h6 small, | ||||
h4 .small, | ||||
.h4 .small, | ||||
h5 .small, | ||||
.h5 .small, | ||||
h6 .small, | ||||
.h6 .small { | ||||
font-size: 75%; | ||||
} | ||||
h1, | ||||
.h1 { | ||||
font-size: 33px; | ||||
} | ||||
h2, | ||||
.h2 { | ||||
font-size: 27px; | ||||
} | ||||
h3, | ||||
.h3 { | ||||
font-size: 23px; | ||||
} | ||||
h4, | ||||
.h4 { | ||||
font-size: 17px; | ||||
} | ||||
h5, | ||||
.h5 { | ||||
font-size: 13px; | ||||
} | ||||
h6, | ||||
.h6 { | ||||
font-size: 12px; | ||||
} | ||||
p { | ||||
margin: 0 0 9px; | ||||
} | ||||
.lead { | ||||
margin-bottom: 18px; | ||||
font-size: 14px; | ||||
font-weight: 200; | ||||
line-height: 1.4; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.lead { | ||||
font-size: 19.5px; | ||||
} | ||||
} | ||||
small, | ||||
.small { | ||||
font-size: 85%; | ||||
} | ||||
cite { | ||||
font-style: normal; | ||||
} | ||||
.text-left { | ||||
text-align: left; | ||||
} | ||||
.text-right { | ||||
text-align: right; | ||||
} | ||||
.text-center { | ||||
text-align: center; | ||||
} | ||||
.text-justify { | ||||
text-align: justify; | ||||
} | ||||
.text-muted { | ||||
color: #999999; | ||||
} | ||||
.text-primary { | ||||
color: #428bca; | ||||
} | ||||
a.text-primary:hover { | ||||
color: #3071a9; | ||||
} | ||||
.text-success { | ||||
color: #3c763d; | ||||
} | ||||
a.text-success:hover { | ||||
color: #2b542c; | ||||
} | ||||
.text-info { | ||||
color: #31708f; | ||||
} | ||||
a.text-info:hover { | ||||
color: #245269; | ||||
} | ||||
.text-warning { | ||||
color: #8a6d3b; | ||||
} | ||||
a.text-warning:hover { | ||||
color: #66512c; | ||||
} | ||||
.text-danger { | ||||
color: #a94442; | ||||
} | ||||
a.text-danger:hover { | ||||
color: #843534; | ||||
} | ||||
.bg-primary { | ||||
color: #fff; | ||||
background-color: #428bca; | ||||
} | ||||
a.bg-primary:hover { | ||||
background-color: #3071a9; | ||||
} | ||||
.bg-success { | ||||
background-color: #dff0d8; | ||||
} | ||||
a.bg-success:hover { | ||||
background-color: #c1e2b3; | ||||
} | ||||
.bg-info { | ||||
background-color: #d9edf7; | ||||
} | ||||
a.bg-info:hover { | ||||
background-color: #afd9ee; | ||||
} | ||||
.bg-warning { | ||||
background-color: #fcf8e3; | ||||
} | ||||
a.bg-warning:hover { | ||||
background-color: #f7ecb5; | ||||
} | ||||
.bg-danger { | ||||
background-color: #f2dede; | ||||
} | ||||
a.bg-danger:hover { | ||||
background-color: #e4b9b9; | ||||
} | ||||
.page-header { | ||||
padding-bottom: 8px; | ||||
margin: 36px 0 18px; | ||||
border-bottom: 1px solid #eeeeee; | ||||
} | ||||
ul, | ||||
ol { | ||||
margin-top: 0; | ||||
margin-bottom: 9px; | ||||
} | ||||
ul ul, | ||||
ol ul, | ||||
ul ol, | ||||
ol ol { | ||||
margin-bottom: 0; | ||||
} | ||||
.list-unstyled { | ||||
padding-left: 0; | ||||
list-style: none; | ||||
} | ||||
.list-inline { | ||||
padding-left: 0; | ||||
list-style: none; | ||||
margin-left: -5px; | ||||
} | ||||
.list-inline > li { | ||||
display: inline-block; | ||||
padding-left: 5px; | ||||
padding-right: 5px; | ||||
} | ||||
dl { | ||||
margin-top: 0; | ||||
margin-bottom: 18px; | ||||
} | ||||
dt, | ||||
dd { | ||||
line-height: 1.42857143; | ||||
} | ||||
dt { | ||||
font-weight: bold; | ||||
} | ||||
dd { | ||||
margin-left: 0; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.dl-horizontal dt { | ||||
float: left; | ||||
width: 160px; | ||||
clear: left; | ||||
text-align: right; | ||||
overflow: hidden; | ||||
text-overflow: ellipsis; | ||||
white-space: nowrap; | ||||
} | ||||
.dl-horizontal dd { | ||||
margin-left: 180px; | ||||
} | ||||
} | ||||
abbr[title], | ||||
abbr[data-original-title] { | ||||
cursor: help; | ||||
border-bottom: 1px dotted #999999; | ||||
} | ||||
.initialism { | ||||
font-size: 90%; | ||||
text-transform: uppercase; | ||||
} | ||||
blockquote { | ||||
padding: 9px 18px; | ||||
margin: 0 0 18px; | ||||
font-size: inherit; | ||||
border-left: 5px solid #eeeeee; | ||||
} | ||||
blockquote p:last-child, | ||||
blockquote ul:last-child, | ||||
blockquote ol:last-child { | ||||
margin-bottom: 0; | ||||
} | ||||
blockquote footer, | ||||
blockquote small, | ||||
blockquote .small { | ||||
display: block; | ||||
font-size: 80%; | ||||
line-height: 1.42857143; | ||||
color: #999999; | ||||
} | ||||
blockquote footer:before, | ||||
blockquote small:before, | ||||
blockquote .small:before { | ||||
content: '\2014 \00A0'; | ||||
} | ||||
.blockquote-reverse, | ||||
blockquote.pull-right { | ||||
padding-right: 15px; | ||||
padding-left: 0; | ||||
border-right: 5px solid #eeeeee; | ||||
border-left: 0; | ||||
text-align: right; | ||||
} | ||||
.blockquote-reverse footer:before, | ||||
blockquote.pull-right footer:before, | ||||
.blockquote-reverse small:before, | ||||
blockquote.pull-right small:before, | ||||
.blockquote-reverse .small:before, | ||||
blockquote.pull-right .small:before { | ||||
content: ''; | ||||
} | ||||
.blockquote-reverse footer:after, | ||||
blockquote.pull-right footer:after, | ||||
.blockquote-reverse small:after, | ||||
blockquote.pull-right small:after, | ||||
.blockquote-reverse .small:after, | ||||
blockquote.pull-right .small:after { | ||||
content: '\00A0 \2014'; | ||||
} | ||||
blockquote:before, | ||||
blockquote:after { | ||||
content: ""; | ||||
} | ||||
address { | ||||
margin-bottom: 18px; | ||||
font-style: normal; | ||||
line-height: 1.42857143; | ||||
} | ||||
code, | ||||
kbd, | ||||
pre, | ||||
samp { | ||||
font-family: monospace; | ||||
} | ||||
code { | ||||
padding: 2px 4px; | ||||
font-size: 90%; | ||||
color: #c7254e; | ||||
background-color: #f9f2f4; | ||||
white-space: nowrap; | ||||
border-radius: 4px; | ||||
} | ||||
kbd { | ||||
padding: 2px 4px; | ||||
font-size: 90%; | ||||
color: #ffffff; | ||||
background-color: #333333; | ||||
border-radius: 3px; | ||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); | ||||
} | ||||
pre { | ||||
display: block; | ||||
padding: 8.5px; | ||||
margin: 0 0 9px; | ||||
font-size: 12px; | ||||
line-height: 1.42857143; | ||||
word-break: break-all; | ||||
word-wrap: break-word; | ||||
color: #333333; | ||||
background-color: #f5f5f5; | ||||
border: 1px solid #cccccc; | ||||
border-radius: 4px; | ||||
} | ||||
pre code { | ||||
padding: 0; | ||||
font-size: inherit; | ||||
color: inherit; | ||||
white-space: pre-wrap; | ||||
background-color: transparent; | ||||
border-radius: 0; | ||||
} | ||||
.pre-scrollable { | ||||
max-height: 340px; | ||||
overflow-y: scroll; | ||||
} | ||||
.container { | ||||
margin-right: auto; | ||||
margin-left: auto; | ||||
padding-left: 15px; | ||||
padding-right: 15px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.container { | ||||
width: 750px; | ||||
} | ||||
} | ||||
@media (min-width: 992px) { | ||||
.container { | ||||
width: 970px; | ||||
} | ||||
} | ||||
@media (min-width: 1200px) { | ||||
.container { | ||||
width: 1170px; | ||||
} | ||||
} | ||||
.container-fluid { | ||||
margin-right: auto; | ||||
margin-left: auto; | ||||
padding-left: 15px; | ||||
padding-right: 15px; | ||||
} | ||||
.row { | ||||
margin-left: -15px; | ||||
margin-right: -15px; | ||||
} | ||||
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | ||||
position: relative; | ||||
min-height: 1px; | ||||
padding-left: 15px; | ||||
padding-right: 15px; | ||||
} | ||||
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | ||||
float: left; | ||||
} | ||||
.col-xs-12 { | ||||
width: 100%; | ||||
} | ||||
.col-xs-11 { | ||||
width: 91.66666667%; | ||||
} | ||||
.col-xs-10 { | ||||
width: 83.33333333%; | ||||
} | ||||
.col-xs-9 { | ||||
width: 75%; | ||||
} | ||||
.col-xs-8 { | ||||
width: 66.66666667%; | ||||
} | ||||
.col-xs-7 { | ||||
width: 58.33333333%; | ||||
} | ||||
.col-xs-6 { | ||||
width: 50%; | ||||
} | ||||
.col-xs-5 { | ||||
width: 41.66666667%; | ||||
} | ||||
.col-xs-4 { | ||||
width: 33.33333333%; | ||||
} | ||||
.col-xs-3 { | ||||
width: 25%; | ||||
} | ||||
.col-xs-2 { | ||||
width: 16.66666667%; | ||||
} | ||||
.col-xs-1 { | ||||
width: 8.33333333%; | ||||
} | ||||
.col-xs-pull-12 { | ||||
right: 100%; | ||||
} | ||||
.col-xs-pull-11 { | ||||
right: 91.66666667%; | ||||
} | ||||
.col-xs-pull-10 { | ||||
right: 83.33333333%; | ||||
} | ||||
.col-xs-pull-9 { | ||||
right: 75%; | ||||
} | ||||
.col-xs-pull-8 { | ||||
right: 66.66666667%; | ||||
} | ||||
.col-xs-pull-7 { | ||||
right: 58.33333333%; | ||||
} | ||||
.col-xs-pull-6 { | ||||
right: 50%; | ||||
} | ||||
.col-xs-pull-5 { | ||||
right: 41.66666667%; | ||||
} | ||||
.col-xs-pull-4 { | ||||
right: 33.33333333%; | ||||
} | ||||
.col-xs-pull-3 { | ||||
right: 25%; | ||||
} | ||||
.col-xs-pull-2 { | ||||
right: 16.66666667%; | ||||
} | ||||
.col-xs-pull-1 { | ||||
right: 8.33333333%; | ||||
} | ||||
.col-xs-pull-0 { | ||||
right: 0%; | ||||
} | ||||
.col-xs-push-12 { | ||||
left: 100%; | ||||
} | ||||
.col-xs-push-11 { | ||||
left: 91.66666667%; | ||||
} | ||||
.col-xs-push-10 { | ||||
left: 83.33333333%; | ||||
} | ||||
.col-xs-push-9 { | ||||
left: 75%; | ||||
} | ||||
.col-xs-push-8 { | ||||
left: 66.66666667%; | ||||
} | ||||
.col-xs-push-7 { | ||||
left: 58.33333333%; | ||||
} | ||||
.col-xs-push-6 { | ||||
left: 50%; | ||||
} | ||||
.col-xs-push-5 { | ||||
left: 41.66666667%; | ||||
} | ||||
.col-xs-push-4 { | ||||
left: 33.33333333%; | ||||
} | ||||
.col-xs-push-3 { | ||||
left: 25%; | ||||
} | ||||
.col-xs-push-2 { | ||||
left: 16.66666667%; | ||||
} | ||||
.col-xs-push-1 { | ||||
left: 8.33333333%; | ||||
} | ||||
.col-xs-push-0 { | ||||
left: 0%; | ||||
} | ||||
.col-xs-offset-12 { | ||||
margin-left: 100%; | ||||
} | ||||
.col-xs-offset-11 { | ||||
margin-left: 91.66666667%; | ||||
} | ||||
.col-xs-offset-10 { | ||||
margin-left: 83.33333333%; | ||||
} | ||||
.col-xs-offset-9 { | ||||
margin-left: 75%; | ||||
} | ||||
.col-xs-offset-8 { | ||||
margin-left: 66.66666667%; | ||||
} | ||||
.col-xs-offset-7 { | ||||
margin-left: 58.33333333%; | ||||
} | ||||
.col-xs-offset-6 { | ||||
margin-left: 50%; | ||||
} | ||||
.col-xs-offset-5 { | ||||
margin-left: 41.66666667%; | ||||
} | ||||
.col-xs-offset-4 { | ||||
margin-left: 33.33333333%; | ||||
} | ||||
.col-xs-offset-3 { | ||||
margin-left: 25%; | ||||
} | ||||
.col-xs-offset-2 { | ||||
margin-left: 16.66666667%; | ||||
} | ||||
.col-xs-offset-1 { | ||||
margin-left: 8.33333333%; | ||||
} | ||||
.col-xs-offset-0 { | ||||
margin-left: 0%; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | ||||
float: left; | ||||
} | ||||
.col-sm-12 { | ||||
width: 100%; | ||||
} | ||||
.col-sm-11 { | ||||
width: 91.66666667%; | ||||
} | ||||
.col-sm-10 { | ||||
width: 83.33333333%; | ||||
} | ||||
.col-sm-9 { | ||||
width: 75%; | ||||
} | ||||
.col-sm-8 { | ||||
width: 66.66666667%; | ||||
} | ||||
.col-sm-7 { | ||||
width: 58.33333333%; | ||||
} | ||||
.col-sm-6 { | ||||
width: 50%; | ||||
} | ||||
.col-sm-5 { | ||||
width: 41.66666667%; | ||||
} | ||||
.col-sm-4 { | ||||
width: 33.33333333%; | ||||
} | ||||
.col-sm-3 { | ||||
width: 25%; | ||||
} | ||||
.col-sm-2 { | ||||
width: 16.66666667%; | ||||
} | ||||
.col-sm-1 { | ||||
width: 8.33333333%; | ||||
} | ||||
.col-sm-pull-12 { | ||||
right: 100%; | ||||
} | ||||
.col-sm-pull-11 { | ||||
right: 91.66666667%; | ||||
} | ||||
.col-sm-pull-10 { | ||||
right: 83.33333333%; | ||||
} | ||||
.col-sm-pull-9 { | ||||
right: 75%; | ||||
} | ||||
.col-sm-pull-8 { | ||||
right: 66.66666667%; | ||||
} | ||||
.col-sm-pull-7 { | ||||
right: 58.33333333%; | ||||
} | ||||
.col-sm-pull-6 { | ||||
right: 50%; | ||||
} | ||||
.col-sm-pull-5 { | ||||
right: 41.66666667%; | ||||
} | ||||
.col-sm-pull-4 { | ||||
right: 33.33333333%; | ||||
} | ||||
.col-sm-pull-3 { | ||||
right: 25%; | ||||
} | ||||
.col-sm-pull-2 { | ||||
right: 16.66666667%; | ||||
} | ||||
.col-sm-pull-1 { | ||||
right: 8.33333333%; | ||||
} | ||||
.col-sm-pull-0 { | ||||
right: 0%; | ||||
} | ||||
.col-sm-push-12 { | ||||
left: 100%; | ||||
} | ||||
.col-sm-push-11 { | ||||
left: 91.66666667%; | ||||
} | ||||
.col-sm-push-10 { | ||||
left: 83.33333333%; | ||||
} | ||||
.col-sm-push-9 { | ||||
left: 75%; | ||||
} | ||||
.col-sm-push-8 { | ||||
left: 66.66666667%; | ||||
} | ||||
.col-sm-push-7 { | ||||
left: 58.33333333%; | ||||
} | ||||
.col-sm-push-6 { | ||||
left: 50%; | ||||
} | ||||
.col-sm-push-5 { | ||||
left: 41.66666667%; | ||||
} | ||||
.col-sm-push-4 { | ||||
left: 33.33333333%; | ||||
} | ||||
.col-sm-push-3 { | ||||
left: 25%; | ||||
} | ||||
.col-sm-push-2 { | ||||
left: 16.66666667%; | ||||
} | ||||
.col-sm-push-1 { | ||||
left: 8.33333333%; | ||||
} | ||||
.col-sm-push-0 { | ||||
left: 0%; | ||||
} | ||||
.col-sm-offset-12 { | ||||
margin-left: 100%; | ||||
} | ||||
.col-sm-offset-11 { | ||||
margin-left: 91.66666667%; | ||||
} | ||||
.col-sm-offset-10 { | ||||
margin-left: 83.33333333%; | ||||
} | ||||
.col-sm-offset-9 { | ||||
margin-left: 75%; | ||||
} | ||||
.col-sm-offset-8 { | ||||
margin-left: 66.66666667%; | ||||
} | ||||
.col-sm-offset-7 { | ||||
margin-left: 58.33333333%; | ||||
} | ||||
.col-sm-offset-6 { | ||||
margin-left: 50%; | ||||
} | ||||
.col-sm-offset-5 { | ||||
margin-left: 41.66666667%; | ||||
} | ||||
.col-sm-offset-4 { | ||||
margin-left: 33.33333333%; | ||||
} | ||||
.col-sm-offset-3 { | ||||
margin-left: 25%; | ||||
} | ||||
.col-sm-offset-2 { | ||||
margin-left: 16.66666667%; | ||||
} | ||||
.col-sm-offset-1 { | ||||
margin-left: 8.33333333%; | ||||
} | ||||
.col-sm-offset-0 { | ||||
margin-left: 0%; | ||||
} | ||||
} | ||||
@media (min-width: 992px) { | ||||
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | ||||
float: left; | ||||
} | ||||
.col-md-12 { | ||||
width: 100%; | ||||
} | ||||
.col-md-11 { | ||||
width: 91.66666667%; | ||||
} | ||||
.col-md-10 { | ||||
width: 83.33333333%; | ||||
} | ||||
.col-md-9 { | ||||
width: 75%; | ||||
} | ||||
.col-md-8 { | ||||
width: 66.66666667%; | ||||
} | ||||
.col-md-7 { | ||||
width: 58.33333333%; | ||||
} | ||||
.col-md-6 { | ||||
width: 50%; | ||||
} | ||||
.col-md-5 { | ||||
width: 41.66666667%; | ||||
} | ||||
.col-md-4 { | ||||
width: 33.33333333%; | ||||
} | ||||
.col-md-3 { | ||||
width: 25%; | ||||
} | ||||
.col-md-2 { | ||||
width: 16.66666667%; | ||||
} | ||||
.col-md-1 { | ||||
width: 8.33333333%; | ||||
} | ||||
.col-md-pull-12 { | ||||
right: 100%; | ||||
} | ||||
.col-md-pull-11 { | ||||
right: 91.66666667%; | ||||
} | ||||
.col-md-pull-10 { | ||||
right: 83.33333333%; | ||||
} | ||||
.col-md-pull-9 { | ||||
right: 75%; | ||||
} | ||||
.col-md-pull-8 { | ||||
right: 66.66666667%; | ||||
} | ||||
.col-md-pull-7 { | ||||
right: 58.33333333%; | ||||
} | ||||
.col-md-pull-6 { | ||||
right: 50%; | ||||
} | ||||
.col-md-pull-5 { | ||||
right: 41.66666667%; | ||||
} | ||||
.col-md-pull-4 { | ||||
right: 33.33333333%; | ||||
} | ||||
.col-md-pull-3 { | ||||
right: 25%; | ||||
} | ||||
.col-md-pull-2 { | ||||
right: 16.66666667%; | ||||
} | ||||
.col-md-pull-1 { | ||||
right: 8.33333333%; | ||||
} | ||||
.col-md-pull-0 { | ||||
right: 0%; | ||||
} | ||||
.col-md-push-12 { | ||||
left: 100%; | ||||
} | ||||
.col-md-push-11 { | ||||
left: 91.66666667%; | ||||
} | ||||
.col-md-push-10 { | ||||
left: 83.33333333%; | ||||
} | ||||
.col-md-push-9 { | ||||
left: 75%; | ||||
} | ||||
.col-md-push-8 { | ||||
left: 66.66666667%; | ||||
} | ||||
.col-md-push-7 { | ||||
left: 58.33333333%; | ||||
} | ||||
.col-md-push-6 { | ||||
left: 50%; | ||||
} | ||||
.col-md-push-5 { | ||||
left: 41.66666667%; | ||||
} | ||||
.col-md-push-4 { | ||||
left: 33.33333333%; | ||||
} | ||||
.col-md-push-3 { | ||||
left: 25%; | ||||
} | ||||
.col-md-push-2 { | ||||
left: 16.66666667%; | ||||
} | ||||
.col-md-push-1 { | ||||
left: 8.33333333%; | ||||
} | ||||
.col-md-push-0 { | ||||
left: 0%; | ||||
} | ||||
.col-md-offset-12 { | ||||
margin-left: 100%; | ||||
} | ||||
.col-md-offset-11 { | ||||
margin-left: 91.66666667%; | ||||
} | ||||
.col-md-offset-10 { | ||||
margin-left: 83.33333333%; | ||||
} | ||||
.col-md-offset-9 { | ||||
margin-left: 75%; | ||||
} | ||||
.col-md-offset-8 { | ||||
margin-left: 66.66666667%; | ||||
} | ||||
.col-md-offset-7 { | ||||
margin-left: 58.33333333%; | ||||
} | ||||
.col-md-offset-6 { | ||||
margin-left: 50%; | ||||
} | ||||
.col-md-offset-5 { | ||||
margin-left: 41.66666667%; | ||||
} | ||||
.col-md-offset-4 { | ||||
margin-left: 33.33333333%; | ||||
} | ||||
.col-md-offset-3 { | ||||
margin-left: 25%; | ||||
} | ||||
.col-md-offset-2 { | ||||
margin-left: 16.66666667%; | ||||
} | ||||
.col-md-offset-1 { | ||||
margin-left: 8.33333333%; | ||||
} | ||||
.col-md-offset-0 { | ||||
margin-left: 0%; | ||||
} | ||||
} | ||||
@media (min-width: 1200px) { | ||||
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | ||||
float: left; | ||||
} | ||||
.col-lg-12 { | ||||
width: 100%; | ||||
} | ||||
.col-lg-11 { | ||||
width: 91.66666667%; | ||||
} | ||||
.col-lg-10 { | ||||
width: 83.33333333%; | ||||
} | ||||
.col-lg-9 { | ||||
width: 75%; | ||||
} | ||||
.col-lg-8 { | ||||
width: 66.66666667%; | ||||
} | ||||
.col-lg-7 { | ||||
width: 58.33333333%; | ||||
} | ||||
.col-lg-6 { | ||||
width: 50%; | ||||
} | ||||
.col-lg-5 { | ||||
width: 41.66666667%; | ||||
} | ||||
.col-lg-4 { | ||||
width: 33.33333333%; | ||||
} | ||||
.col-lg-3 { | ||||
width: 25%; | ||||
} | ||||
.col-lg-2 { | ||||
width: 16.66666667%; | ||||
} | ||||
.col-lg-1 { | ||||
width: 8.33333333%; | ||||
} | ||||
.col-lg-pull-12 { | ||||
right: 100%; | ||||
} | ||||
.col-lg-pull-11 { | ||||
right: 91.66666667%; | ||||
} | ||||
.col-lg-pull-10 { | ||||
right: 83.33333333%; | ||||
} | ||||
.col-lg-pull-9 { | ||||
right: 75%; | ||||
} | ||||
.col-lg-pull-8 { | ||||
right: 66.66666667%; | ||||
} | ||||
.col-lg-pull-7 { | ||||
right: 58.33333333%; | ||||
} | ||||
.col-lg-pull-6 { | ||||
right: 50%; | ||||
} | ||||
.col-lg-pull-5 { | ||||
right: 41.66666667%; | ||||
} | ||||
.col-lg-pull-4 { | ||||
right: 33.33333333%; | ||||
} | ||||
.col-lg-pull-3 { | ||||
right: 25%; | ||||
} | ||||
.col-lg-pull-2 { | ||||
right: 16.66666667%; | ||||
} | ||||
.col-lg-pull-1 { | ||||
right: 8.33333333%; | ||||
} | ||||
.col-lg-pull-0 { | ||||
right: 0%; | ||||
} | ||||
.col-lg-push-12 { | ||||
left: 100%; | ||||
} | ||||
.col-lg-push-11 { | ||||
left: 91.66666667%; | ||||
} | ||||
.col-lg-push-10 { | ||||
left: 83.33333333%; | ||||
} | ||||
.col-lg-push-9 { | ||||
left: 75%; | ||||
} | ||||
.col-lg-push-8 { | ||||
left: 66.66666667%; | ||||
} | ||||
.col-lg-push-7 { | ||||
left: 58.33333333%; | ||||
} | ||||
.col-lg-push-6 { | ||||
left: 50%; | ||||
} | ||||
.col-lg-push-5 { | ||||
left: 41.66666667%; | ||||
} | ||||
.col-lg-push-4 { | ||||
left: 33.33333333%; | ||||
} | ||||
.col-lg-push-3 { | ||||
left: 25%; | ||||
} | ||||
.col-lg-push-2 { | ||||
left: 16.66666667%; | ||||
} | ||||
.col-lg-push-1 { | ||||
left: 8.33333333%; | ||||
} | ||||
.col-lg-push-0 { | ||||
left: 0%; | ||||
} | ||||
.col-lg-offset-12 { | ||||
margin-left: 100%; | ||||
} | ||||
.col-lg-offset-11 { | ||||
margin-left: 91.66666667%; | ||||
} | ||||
.col-lg-offset-10 { | ||||
margin-left: 83.33333333%; | ||||
} | ||||
.col-lg-offset-9 { | ||||
margin-left: 75%; | ||||
} | ||||
.col-lg-offset-8 { | ||||
margin-left: 66.66666667%; | ||||
} | ||||
.col-lg-offset-7 { | ||||
margin-left: 58.33333333%; | ||||
} | ||||
.col-lg-offset-6 { | ||||
margin-left: 50%; | ||||
} | ||||
.col-lg-offset-5 { | ||||
margin-left: 41.66666667%; | ||||
} | ||||
.col-lg-offset-4 { | ||||
margin-left: 33.33333333%; | ||||
} | ||||
.col-lg-offset-3 { | ||||
margin-left: 25%; | ||||
} | ||||
.col-lg-offset-2 { | ||||
margin-left: 16.66666667%; | ||||
} | ||||
.col-lg-offset-1 { | ||||
margin-left: 8.33333333%; | ||||
} | ||||
.col-lg-offset-0 { | ||||
margin-left: 0%; | ||||
} | ||||
} | ||||
table { | ||||
max-width: 100%; | ||||
background-color: transparent; | ||||
} | ||||
th { | ||||
text-align: left; | ||||
} | ||||
.table { | ||||
width: 100%; | ||||
margin-bottom: 18px; | ||||
} | ||||
.table > thead > tr > th, | ||||
.table > tbody > tr > th, | ||||
.table > tfoot > tr > th, | ||||
.table > thead > tr > td, | ||||
.table > tbody > tr > td, | ||||
.table > tfoot > tr > td { | ||||
padding: 8px; | ||||
line-height: 1.42857143; | ||||
vertical-align: top; | ||||
border-top: 1px solid #dddddd; | ||||
} | ||||
.table > thead > tr > th { | ||||
vertical-align: bottom; | ||||
border-bottom: 2px solid #dddddd; | ||||
} | ||||
.table > caption + thead > tr:first-child > th, | ||||
.table > colgroup + thead > tr:first-child > th, | ||||
.table > thead:first-child > tr:first-child > th, | ||||
.table > caption + thead > tr:first-child > td, | ||||
.table > colgroup + thead > tr:first-child > td, | ||||
.table > thead:first-child > tr:first-child > td { | ||||
border-top: 0; | ||||
} | ||||
.table > tbody + tbody { | ||||
border-top: 2px solid #dddddd; | ||||
} | ||||
.table .table { | ||||
background-color: #ffffff; | ||||
} | ||||
.table-condensed > thead > tr > th, | ||||
.table-condensed > tbody > tr > th, | ||||
.table-condensed > tfoot > tr > th, | ||||
.table-condensed > thead > tr > td, | ||||
.table-condensed > tbody > tr > td, | ||||
.table-condensed > tfoot > tr > td { | ||||
padding: 5px; | ||||
} | ||||
.table-bordered { | ||||
border: 1px solid #dddddd; | ||||
} | ||||
.table-bordered > thead > tr > th, | ||||
.table-bordered > tbody > tr > th, | ||||
.table-bordered > tfoot > tr > th, | ||||
.table-bordered > thead > tr > td, | ||||
.table-bordered > tbody > tr > td, | ||||
.table-bordered > tfoot > tr > td { | ||||
border: 1px solid #dddddd; | ||||
} | ||||
.table-bordered > thead > tr > th, | ||||
.table-bordered > thead > tr > td { | ||||
border-bottom-width: 2px; | ||||
} | ||||
.table-striped > tbody > tr:nth-child(odd) > td, | ||||
.table-striped > tbody > tr:nth-child(odd) > th { | ||||
background-color: #f9f9f9; | ||||
} | ||||
.table-hover > tbody > tr:hover > td, | ||||
.table-hover > tbody > tr:hover > th { | ||||
background-color: #f5f5f5; | ||||
} | ||||
table col[class*="col-"] { | ||||
position: static; | ||||
float: none; | ||||
display: table-column; | ||||
} | ||||
table td[class*="col-"], | ||||
table th[class*="col-"] { | ||||
position: static; | ||||
float: none; | ||||
display: table-cell; | ||||
} | ||||
.table > thead > tr > td.active, | ||||
.table > tbody > tr > td.active, | ||||
.table > tfoot > tr > td.active, | ||||
.table > thead > tr > th.active, | ||||
.table > tbody > tr > th.active, | ||||
.table > tfoot > tr > th.active, | ||||
.table > thead > tr.active > td, | ||||
.table > tbody > tr.active > td, | ||||
.table > tfoot > tr.active > td, | ||||
.table > thead > tr.active > th, | ||||
.table > tbody > tr.active > th, | ||||
.table > tfoot > tr.active > th { | ||||
background-color: #f5f5f5; | ||||
} | ||||
.table-hover > tbody > tr > td.active:hover, | ||||
.table-hover > tbody > tr > th.active:hover, | ||||
.table-hover > tbody > tr.active:hover > td, | ||||
.table-hover > tbody > tr.active:hover > th { | ||||
background-color: #e8e8e8; | ||||
} | ||||
.table > thead > tr > td.success, | ||||
.table > tbody > tr > td.success, | ||||
.table > tfoot > tr > td.success, | ||||
.table > thead > tr > th.success, | ||||
.table > tbody > tr > th.success, | ||||
.table > tfoot > tr > th.success, | ||||
.table > thead > tr.success > td, | ||||
.table > tbody > tr.success > td, | ||||
.table > tfoot > tr.success > td, | ||||
.table > thead > tr.success > th, | ||||
.table > tbody > tr.success > th, | ||||
.table > tfoot > tr.success > th { | ||||
background-color: #dff0d8; | ||||
} | ||||
.table-hover > tbody > tr > td.success:hover, | ||||
.table-hover > tbody > tr > th.success:hover, | ||||
.table-hover > tbody > tr.success:hover > td, | ||||
.table-hover > tbody > tr.success:hover > th { | ||||
background-color: #d0e9c6; | ||||
} | ||||
.table > thead > tr > td.info, | ||||
.table > tbody > tr > td.info, | ||||
.table > tfoot > tr > td.info, | ||||
.table > thead > tr > th.info, | ||||
.table > tbody > tr > th.info, | ||||
.table > tfoot > tr > th.info, | ||||
.table > thead > tr.info > td, | ||||
.table > tbody > tr.info > td, | ||||
.table > tfoot > tr.info > td, | ||||
.table > thead > tr.info > th, | ||||
.table > tbody > tr.info > th, | ||||
.table > tfoot > tr.info > th { | ||||
background-color: #d9edf7; | ||||
} | ||||
.table-hover > tbody > tr > td.info:hover, | ||||
.table-hover > tbody > tr > th.info:hover, | ||||
.table-hover > tbody > tr.info:hover > td, | ||||
.table-hover > tbody > tr.info:hover > th { | ||||
background-color: #c4e3f3; | ||||
} | ||||
.table > thead > tr > td.warning, | ||||
.table > tbody > tr > td.warning, | ||||
.table > tfoot > tr > td.warning, | ||||
.table > thead > tr > th.warning, | ||||
.table > tbody > tr > th.warning, | ||||
.table > tfoot > tr > th.warning, | ||||
.table > thead > tr.warning > td, | ||||
.table > tbody > tr.warning > td, | ||||
.table > tfoot > tr.warning > td, | ||||
.table > thead > tr.warning > th, | ||||
.table > tbody > tr.warning > th, | ||||
.table > tfoot > tr.warning > th { | ||||
background-color: #fcf8e3; | ||||
} | ||||
.table-hover > tbody > tr > td.warning:hover, | ||||
.table-hover > tbody > tr > th.warning:hover, | ||||
.table-hover > tbody > tr.warning:hover > td, | ||||
.table-hover > tbody > tr.warning:hover > th { | ||||
background-color: #faf2cc; | ||||
} | ||||
.table > thead > tr > td.danger, | ||||
.table > tbody > tr > td.danger, | ||||
.table > tfoot > tr > td.danger, | ||||
.table > thead > tr > th.danger, | ||||
.table > tbody > tr > th.danger, | ||||
.table > tfoot > tr > th.danger, | ||||
.table > thead > tr.danger > td, | ||||
.table > tbody > tr.danger > td, | ||||
.table > tfoot > tr.danger > td, | ||||
.table > thead > tr.danger > th, | ||||
.table > tbody > tr.danger > th, | ||||
.table > tfoot > tr.danger > th { | ||||
background-color: #f2dede; | ||||
} | ||||
.table-hover > tbody > tr > td.danger:hover, | ||||
.table-hover > tbody > tr > th.danger:hover, | ||||
.table-hover > tbody > tr.danger:hover > td, | ||||
.table-hover > tbody > tr.danger:hover > th { | ||||
background-color: #ebcccc; | ||||
} | ||||
@media (max-width: 767px) { | ||||
.table-responsive { | ||||
width: 100%; | ||||
margin-bottom: 13.5px; | ||||
overflow-y: hidden; | ||||
overflow-x: scroll; | ||||
-ms-overflow-style: -ms-autohiding-scrollbar; | ||||
border: 1px solid #dddddd; | ||||
-webkit-overflow-scrolling: touch; | ||||
} | ||||
.table-responsive > .table { | ||||
margin-bottom: 0; | ||||
} | ||||
.table-responsive > .table > thead > tr > th, | ||||
.table-responsive > .table > tbody > tr > th, | ||||
.table-responsive > .table > tfoot > tr > th, | ||||
.table-responsive > .table > thead > tr > td, | ||||
.table-responsive > .table > tbody > tr > td, | ||||
.table-responsive > .table > tfoot > tr > td { | ||||
white-space: nowrap; | ||||
} | ||||
.table-responsive > .table-bordered { | ||||
border: 0; | ||||
} | ||||
.table-responsive > .table-bordered > thead > tr > th:first-child, | ||||
.table-responsive > .table-bordered > tbody > tr > th:first-child, | ||||
.table-responsive > .table-bordered > tfoot > tr > th:first-child, | ||||
.table-responsive > .table-bordered > thead > tr > td:first-child, | ||||
.table-responsive > .table-bordered > tbody > tr > td:first-child, | ||||
.table-responsive > .table-bordered > tfoot > tr > td:first-child { | ||||
border-left: 0; | ||||
} | ||||
.table-responsive > .table-bordered > thead > tr > th:last-child, | ||||
.table-responsive > .table-bordered > tbody > tr > th:last-child, | ||||
.table-responsive > .table-bordered > tfoot > tr > th:last-child, | ||||
.table-responsive > .table-bordered > thead > tr > td:last-child, | ||||
.table-responsive > .table-bordered > tbody > tr > td:last-child, | ||||
.table-responsive > .table-bordered > tfoot > tr > td:last-child { | ||||
border-right: 0; | ||||
} | ||||
.table-responsive > .table-bordered > tbody > tr:last-child > th, | ||||
.table-responsive > .table-bordered > tfoot > tr:last-child > th, | ||||
.table-responsive > .table-bordered > tbody > tr:last-child > td, | ||||
.table-responsive > .table-bordered > tfoot > tr:last-child > td { | ||||
border-bottom: 0; | ||||
} | ||||
} | ||||
fieldset { | ||||
padding: 0; | ||||
margin: 0; | ||||
border: 0; | ||||
min-width: 0; | ||||
} | ||||
legend { | ||||
display: block; | ||||
width: 100%; | ||||
padding: 0; | ||||
margin-bottom: 18px; | ||||
font-size: 19.5px; | ||||
line-height: inherit; | ||||
color: #333333; | ||||
border: 0; | ||||
border-bottom: 1px solid #e5e5e5; | ||||
} | ||||
label { | ||||
display: inline-block; | ||||
margin-bottom: 5px; | ||||
font-weight: bold; | ||||
} | ||||
input[type="search"] { | ||||
-webkit-box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
box-sizing: border-box; | ||||
} | ||||
input[type="radio"], | ||||
input[type="checkbox"] { | ||||
margin: 4px 0 0; | ||||
margin-top: 1px \9; | ||||
/* IE8-9 */ | ||||
line-height: normal; | ||||
} | ||||
input[type="file"] { | ||||
display: block; | ||||
} | ||||
input[type="range"] { | ||||
display: block; | ||||
width: 100%; | ||||
} | ||||
select[multiple], | ||||
select[size] { | ||||
height: auto; | ||||
} | ||||
input[type="file"]:focus, | ||||
input[type="radio"]:focus, | ||||
input[type="checkbox"]:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
output { | ||||
display: block; | ||||
padding-top: 7px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
color: #555555; | ||||
} | ||||
.form-control { | ||||
display: block; | ||||
width: 100%; | ||||
height: 32px; | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
color: #555555; | ||||
background-color: #ffffff; | ||||
background-image: none; | ||||
border: 1px solid #cccccc; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||||
} | ||||
.form-control:focus { | ||||
border-color: #66afe9; | ||||
outline: 0; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); | ||||
} | ||||
.form-control::-moz-placeholder { | ||||
color: #999999; | ||||
opacity: 1; | ||||
} | ||||
.form-control:-ms-input-placeholder { | ||||
color: #999999; | ||||
} | ||||
.form-control::-webkit-input-placeholder { | ||||
color: #999999; | ||||
} | ||||
.form-control[disabled], | ||||
.form-control[readonly], | ||||
fieldset[disabled] .form-control { | ||||
cursor: not-allowed; | ||||
background-color: #eeeeee; | ||||
opacity: 1; | ||||
} | ||||
textarea.form-control { | ||||
height: auto; | ||||
} | ||||
input[type="search"] { | ||||
-webkit-appearance: none; | ||||
} | ||||
input[type="date"] { | ||||
line-height: 32px; | ||||
} | ||||
.form-group { | ||||
margin-bottom: 15px; | ||||
} | ||||
.radio, | ||||
.checkbox { | ||||
display: block; | ||||
min-height: 18px; | ||||
margin-top: 10px; | ||||
margin-bottom: 10px; | ||||
padding-left: 20px; | ||||
} | ||||
.radio label, | ||||
.checkbox label { | ||||
display: inline; | ||||
font-weight: normal; | ||||
cursor: pointer; | ||||
} | ||||
.radio input[type="radio"], | ||||
.radio-inline input[type="radio"], | ||||
.checkbox input[type="checkbox"], | ||||
.checkbox-inline input[type="checkbox"] { | ||||
float: left; | ||||
margin-left: -20px; | ||||
} | ||||
.radio + .radio, | ||||
.checkbox + .checkbox { | ||||
margin-top: -5px; | ||||
} | ||||
.radio-inline, | ||||
.checkbox-inline { | ||||
display: inline-block; | ||||
padding-left: 20px; | ||||
margin-bottom: 0; | ||||
vertical-align: middle; | ||||
font-weight: normal; | ||||
cursor: pointer; | ||||
} | ||||
.radio-inline + .radio-inline, | ||||
.checkbox-inline + .checkbox-inline { | ||||
margin-top: 0; | ||||
margin-left: 10px; | ||||
} | ||||
input[type="radio"][disabled], | ||||
input[type="checkbox"][disabled], | ||||
.radio[disabled], | ||||
.radio-inline[disabled], | ||||
.checkbox[disabled], | ||||
.checkbox-inline[disabled], | ||||
fieldset[disabled] input[type="radio"], | ||||
fieldset[disabled] input[type="checkbox"], | ||||
fieldset[disabled] .radio, | ||||
fieldset[disabled] .radio-inline, | ||||
fieldset[disabled] .checkbox, | ||||
fieldset[disabled] .checkbox-inline { | ||||
cursor: not-allowed; | ||||
} | ||||
.input-sm { | ||||
height: 30px; | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
select.input-sm { | ||||
height: 30px; | ||||
line-height: 30px; | ||||
} | ||||
textarea.input-sm, | ||||
select[multiple].input-sm { | ||||
height: auto; | ||||
} | ||||
.input-lg { | ||||
height: 45px; | ||||
padding: 10px 16px; | ||||
font-size: 17px; | ||||
line-height: 1.33; | ||||
border-radius: 6px; | ||||
} | ||||
select.input-lg { | ||||
height: 45px; | ||||
line-height: 45px; | ||||
} | ||||
textarea.input-lg, | ||||
select[multiple].input-lg { | ||||
height: auto; | ||||
} | ||||
.has-feedback { | ||||
position: relative; | ||||
} | ||||
.has-feedback .form-control { | ||||
padding-right: 40px; | ||||
} | ||||
.has-feedback .form-control-feedback { | ||||
position: absolute; | ||||
top: 23px; | ||||
right: 0; | ||||
display: block; | ||||
width: 32px; | ||||
height: 32px; | ||||
line-height: 32px; | ||||
text-align: center; | ||||
} | ||||
.has-success .help-block, | ||||
.has-success .control-label, | ||||
.has-success .radio, | ||||
.has-success .checkbox, | ||||
.has-success .radio-inline, | ||||
.has-success .checkbox-inline { | ||||
color: #3c763d; | ||||
} | ||||
.has-success .form-control { | ||||
border-color: #3c763d; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
} | ||||
.has-success .form-control:focus { | ||||
border-color: #2b542c; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; | ||||
} | ||||
.has-success .input-group-addon { | ||||
color: #3c763d; | ||||
border-color: #3c763d; | ||||
background-color: #dff0d8; | ||||
} | ||||
.has-success .form-control-feedback { | ||||
color: #3c763d; | ||||
} | ||||
.has-warning .help-block, | ||||
.has-warning .control-label, | ||||
.has-warning .radio, | ||||
.has-warning .checkbox, | ||||
.has-warning .radio-inline, | ||||
.has-warning .checkbox-inline { | ||||
color: #8a6d3b; | ||||
} | ||||
.has-warning .form-control { | ||||
border-color: #8a6d3b; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
} | ||||
.has-warning .form-control:focus { | ||||
border-color: #66512c; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; | ||||
} | ||||
.has-warning .input-group-addon { | ||||
color: #8a6d3b; | ||||
border-color: #8a6d3b; | ||||
background-color: #fcf8e3; | ||||
} | ||||
.has-warning .form-control-feedback { | ||||
color: #8a6d3b; | ||||
} | ||||
.has-error .help-block, | ||||
.has-error .control-label, | ||||
.has-error .radio, | ||||
.has-error .checkbox, | ||||
.has-error .radio-inline, | ||||
.has-error .checkbox-inline { | ||||
color: #a94442; | ||||
} | ||||
.has-error .form-control { | ||||
border-color: #a94442; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||||
} | ||||
.has-error .form-control:focus { | ||||
border-color: #843534; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; | ||||
} | ||||
.has-error .input-group-addon { | ||||
color: #a94442; | ||||
border-color: #a94442; | ||||
background-color: #f2dede; | ||||
} | ||||
.has-error .form-control-feedback { | ||||
color: #a94442; | ||||
} | ||||
.form-control-static { | ||||
margin-bottom: 0; | ||||
} | ||||
.help-block { | ||||
display: block; | ||||
margin-top: 5px; | ||||
margin-bottom: 10px; | ||||
color: #404040; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.form-inline .form-group { | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.form-inline .form-control { | ||||
display: inline-block; | ||||
width: auto; | ||||
vertical-align: middle; | ||||
} | ||||
.form-inline .input-group > .form-control { | ||||
width: 100%; | ||||
} | ||||
.form-inline .control-label { | ||||
margin-bottom: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.form-inline .radio, | ||||
.form-inline .checkbox { | ||||
display: inline-block; | ||||
margin-top: 0; | ||||
margin-bottom: 0; | ||||
padding-left: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.form-inline .radio input[type="radio"], | ||||
.form-inline .checkbox input[type="checkbox"] { | ||||
float: none; | ||||
margin-left: 0; | ||||
} | ||||
.form-inline .has-feedback .form-control-feedback { | ||||
top: 0; | ||||
} | ||||
} | ||||
.form-horizontal .control-label, | ||||
.form-horizontal .radio, | ||||
.form-horizontal .checkbox, | ||||
.form-horizontal .radio-inline, | ||||
.form-horizontal .checkbox-inline { | ||||
margin-top: 0; | ||||
margin-bottom: 0; | ||||
padding-top: 7px; | ||||
} | ||||
.form-horizontal .radio, | ||||
.form-horizontal .checkbox { | ||||
min-height: 25px; | ||||
} | ||||
.form-horizontal .form-group { | ||||
margin-left: -15px; | ||||
margin-right: -15px; | ||||
} | ||||
.form-horizontal .form-control-static { | ||||
padding-top: 7px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.form-horizontal .control-label { | ||||
text-align: right; | ||||
} | ||||
} | ||||
.form-horizontal .has-feedback .form-control-feedback { | ||||
top: 0; | ||||
right: 15px; | ||||
} | ||||
.btn { | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
font-weight: normal; | ||||
text-align: center; | ||||
vertical-align: middle; | ||||
cursor: pointer; | ||||
background-image: none; | ||||
border: 1px solid transparent; | ||||
white-space: nowrap; | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
border-radius: 4px; | ||||
-webkit-user-select: none; | ||||
-moz-user-select: none; | ||||
-ms-user-select: none; | ||||
user-select: none; | ||||
} | ||||
.btn:focus, | ||||
.btn:active:focus, | ||||
.btn.active:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
.btn:hover, | ||||
.btn:focus { | ||||
color: #333333; | ||||
text-decoration: none; | ||||
} | ||||
.btn:active, | ||||
.btn.active { | ||||
outline: 0; | ||||
background-image: none; | ||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
} | ||||
.btn.disabled, | ||||
.btn[disabled], | ||||
fieldset[disabled] .btn { | ||||
cursor: not-allowed; | ||||
pointer-events: none; | ||||
opacity: 0.65; | ||||
filter: alpha(opacity=65); | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
.btn-default { | ||||
color: #333333; | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
} | ||||
.btn-default:hover, | ||||
.btn-default:focus, | ||||
.btn-default:active, | ||||
.btn-default.active, | ||||
.open .dropdown-toggle.btn-default { | ||||
color: #333333; | ||||
background-color: #ebebeb; | ||||
border-color: #adadad; | ||||
} | ||||
.btn-default:active, | ||||
.btn-default.active, | ||||
.open .dropdown-toggle.btn-default { | ||||
background-image: none; | ||||
} | ||||
.btn-default.disabled, | ||||
.btn-default[disabled], | ||||
fieldset[disabled] .btn-default, | ||||
.btn-default.disabled:hover, | ||||
.btn-default[disabled]:hover, | ||||
fieldset[disabled] .btn-default:hover, | ||||
.btn-default.disabled:focus, | ||||
.btn-default[disabled]:focus, | ||||
fieldset[disabled] .btn-default:focus, | ||||
.btn-default.disabled:active, | ||||
.btn-default[disabled]:active, | ||||
fieldset[disabled] .btn-default:active, | ||||
.btn-default.disabled.active, | ||||
.btn-default[disabled].active, | ||||
fieldset[disabled] .btn-default.active { | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
} | ||||
.btn-default .badge { | ||||
color: #ffffff; | ||||
background-color: #333333; | ||||
} | ||||
.btn-primary { | ||||
color: #ffffff; | ||||
background-color: #428bca; | ||||
border-color: #357ebd; | ||||
} | ||||
.btn-primary:hover, | ||||
.btn-primary:focus, | ||||
.btn-primary:active, | ||||
.btn-primary.active, | ||||
.open .dropdown-toggle.btn-primary { | ||||
color: #ffffff; | ||||
background-color: #3276b1; | ||||
border-color: #285e8e; | ||||
} | ||||
.btn-primary:active, | ||||
.btn-primary.active, | ||||
.open .dropdown-toggle.btn-primary { | ||||
background-image: none; | ||||
} | ||||
.btn-primary.disabled, | ||||
.btn-primary[disabled], | ||||
fieldset[disabled] .btn-primary, | ||||
.btn-primary.disabled:hover, | ||||
.btn-primary[disabled]:hover, | ||||
fieldset[disabled] .btn-primary:hover, | ||||
.btn-primary.disabled:focus, | ||||
.btn-primary[disabled]:focus, | ||||
fieldset[disabled] .btn-primary:focus, | ||||
.btn-primary.disabled:active, | ||||
.btn-primary[disabled]:active, | ||||
fieldset[disabled] .btn-primary:active, | ||||
.btn-primary.disabled.active, | ||||
.btn-primary[disabled].active, | ||||
fieldset[disabled] .btn-primary.active { | ||||
background-color: #428bca; | ||||
border-color: #357ebd; | ||||
} | ||||
.btn-primary .badge { | ||||
color: #428bca; | ||||
background-color: #ffffff; | ||||
} | ||||
.btn-success { | ||||
color: #ffffff; | ||||
background-color: #5cb85c; | ||||
border-color: #4cae4c; | ||||
} | ||||
.btn-success:hover, | ||||
.btn-success:focus, | ||||
.btn-success:active, | ||||
.btn-success.active, | ||||
.open .dropdown-toggle.btn-success { | ||||
color: #ffffff; | ||||
background-color: #47a447; | ||||
border-color: #398439; | ||||
} | ||||
.btn-success:active, | ||||
.btn-success.active, | ||||
.open .dropdown-toggle.btn-success { | ||||
background-image: none; | ||||
} | ||||
.btn-success.disabled, | ||||
.btn-success[disabled], | ||||
fieldset[disabled] .btn-success, | ||||
.btn-success.disabled:hover, | ||||
.btn-success[disabled]:hover, | ||||
fieldset[disabled] .btn-success:hover, | ||||
.btn-success.disabled:focus, | ||||
.btn-success[disabled]:focus, | ||||
fieldset[disabled] .btn-success:focus, | ||||
.btn-success.disabled:active, | ||||
.btn-success[disabled]:active, | ||||
fieldset[disabled] .btn-success:active, | ||||
.btn-success.disabled.active, | ||||
.btn-success[disabled].active, | ||||
fieldset[disabled] .btn-success.active { | ||||
background-color: #5cb85c; | ||||
border-color: #4cae4c; | ||||
} | ||||
.btn-success .badge { | ||||
color: #5cb85c; | ||||
background-color: #ffffff; | ||||
} | ||||
.btn-info { | ||||
color: #ffffff; | ||||
background-color: #5bc0de; | ||||
border-color: #46b8da; | ||||
} | ||||
.btn-info:hover, | ||||
.btn-info:focus, | ||||
.btn-info:active, | ||||
.btn-info.active, | ||||
.open .dropdown-toggle.btn-info { | ||||
color: #ffffff; | ||||
background-color: #39b3d7; | ||||
border-color: #269abc; | ||||
} | ||||
.btn-info:active, | ||||
.btn-info.active, | ||||
.open .dropdown-toggle.btn-info { | ||||
background-image: none; | ||||
} | ||||
.btn-info.disabled, | ||||
.btn-info[disabled], | ||||
fieldset[disabled] .btn-info, | ||||
.btn-info.disabled:hover, | ||||
.btn-info[disabled]:hover, | ||||
fieldset[disabled] .btn-info:hover, | ||||
.btn-info.disabled:focus, | ||||
.btn-info[disabled]:focus, | ||||
fieldset[disabled] .btn-info:focus, | ||||
.btn-info.disabled:active, | ||||
.btn-info[disabled]:active, | ||||
fieldset[disabled] .btn-info:active, | ||||
.btn-info.disabled.active, | ||||
.btn-info[disabled].active, | ||||
fieldset[disabled] .btn-info.active { | ||||
background-color: #5bc0de; | ||||
border-color: #46b8da; | ||||
} | ||||
.btn-info .badge { | ||||
color: #5bc0de; | ||||
background-color: #ffffff; | ||||
} | ||||
.btn-warning { | ||||
color: #ffffff; | ||||
background-color: #f0ad4e; | ||||
border-color: #eea236; | ||||
} | ||||
.btn-warning:hover, | ||||
.btn-warning:focus, | ||||
.btn-warning:active, | ||||
.btn-warning.active, | ||||
.open .dropdown-toggle.btn-warning { | ||||
color: #ffffff; | ||||
background-color: #ed9c28; | ||||
border-color: #d58512; | ||||
} | ||||
.btn-warning:active, | ||||
.btn-warning.active, | ||||
.open .dropdown-toggle.btn-warning { | ||||
background-image: none; | ||||
} | ||||
.btn-warning.disabled, | ||||
.btn-warning[disabled], | ||||
fieldset[disabled] .btn-warning, | ||||
.btn-warning.disabled:hover, | ||||
.btn-warning[disabled]:hover, | ||||
fieldset[disabled] .btn-warning:hover, | ||||
.btn-warning.disabled:focus, | ||||
.btn-warning[disabled]:focus, | ||||
fieldset[disabled] .btn-warning:focus, | ||||
.btn-warning.disabled:active, | ||||
.btn-warning[disabled]:active, | ||||
fieldset[disabled] .btn-warning:active, | ||||
.btn-warning.disabled.active, | ||||
.btn-warning[disabled].active, | ||||
fieldset[disabled] .btn-warning.active { | ||||
background-color: #f0ad4e; | ||||
border-color: #eea236; | ||||
} | ||||
.btn-warning .badge { | ||||
color: #f0ad4e; | ||||
background-color: #ffffff; | ||||
} | ||||
.btn-danger { | ||||
color: #ffffff; | ||||
background-color: #d9534f; | ||||
border-color: #d43f3a; | ||||
} | ||||
.btn-danger:hover, | ||||
.btn-danger:focus, | ||||
.btn-danger:active, | ||||
.btn-danger.active, | ||||
.open .dropdown-toggle.btn-danger { | ||||
color: #ffffff; | ||||
background-color: #d2322d; | ||||
border-color: #ac2925; | ||||
} | ||||
.btn-danger:active, | ||||
.btn-danger.active, | ||||
.open .dropdown-toggle.btn-danger { | ||||
background-image: none; | ||||
} | ||||
.btn-danger.disabled, | ||||
.btn-danger[disabled], | ||||
fieldset[disabled] .btn-danger, | ||||
.btn-danger.disabled:hover, | ||||
.btn-danger[disabled]:hover, | ||||
fieldset[disabled] .btn-danger:hover, | ||||
.btn-danger.disabled:focus, | ||||
.btn-danger[disabled]:focus, | ||||
fieldset[disabled] .btn-danger:focus, | ||||
.btn-danger.disabled:active, | ||||
.btn-danger[disabled]:active, | ||||
fieldset[disabled] .btn-danger:active, | ||||
.btn-danger.disabled.active, | ||||
.btn-danger[disabled].active, | ||||
fieldset[disabled] .btn-danger.active { | ||||
background-color: #d9534f; | ||||
border-color: #d43f3a; | ||||
} | ||||
.btn-danger .badge { | ||||
color: #d9534f; | ||||
background-color: #ffffff; | ||||
} | ||||
.btn-link { | ||||
color: #428bca; | ||||
font-weight: normal; | ||||
cursor: pointer; | ||||
border-radius: 0; | ||||
} | ||||
.btn-link, | ||||
.btn-link:active, | ||||
.btn-link[disabled], | ||||
fieldset[disabled] .btn-link { | ||||
background-color: transparent; | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
.btn-link, | ||||
.btn-link:hover, | ||||
.btn-link:focus, | ||||
.btn-link:active { | ||||
border-color: transparent; | ||||
} | ||||
.btn-link:hover, | ||||
.btn-link:focus { | ||||
color: #2a6496; | ||||
text-decoration: underline; | ||||
background-color: transparent; | ||||
} | ||||
.btn-link[disabled]:hover, | ||||
fieldset[disabled] .btn-link:hover, | ||||
.btn-link[disabled]:focus, | ||||
fieldset[disabled] .btn-link:focus { | ||||
color: #999999; | ||||
text-decoration: none; | ||||
} | ||||
.btn-lg, | ||||
.btn-group-lg > .btn { | ||||
padding: 10px 16px; | ||||
font-size: 17px; | ||||
line-height: 1.33; | ||||
border-radius: 6px; | ||||
} | ||||
.btn-sm, | ||||
.btn-group-sm > .btn { | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
.btn-xs, | ||||
.btn-group-xs > .btn { | ||||
padding: 1px 5px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
.btn-block { | ||||
display: block; | ||||
width: 100%; | ||||
padding-left: 0; | ||||
padding-right: 0; | ||||
} | ||||
.btn-block + .btn-block { | ||||
margin-top: 5px; | ||||
} | ||||
input[type="submit"].btn-block, | ||||
input[type="reset"].btn-block, | ||||
input[type="button"].btn-block { | ||||
width: 100%; | ||||
} | ||||
.fade { | ||||
opacity: 0; | ||||
-webkit-transition: opacity 0.15s linear; | ||||
transition: opacity 0.15s linear; | ||||
} | ||||
.fade.in { | ||||
opacity: 1; | ||||
} | ||||
.collapse { | ||||
display: none; | ||||
} | ||||
.collapse.in { | ||||
display: block; | ||||
} | ||||
.collapsing { | ||||
position: relative; | ||||
height: 0; | ||||
overflow: hidden; | ||||
-webkit-transition: height 0.35s ease; | ||||
transition: height 0.35s ease; | ||||
} | ||||
@font-face { | ||||
font-family: 'Glyphicons Halflings'; | ||||
src: url('../fonts/glyphicons-halflings-regular.eot'); | ||||
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | ||||
} | ||||
.glyphicon { | ||||
position: relative; | ||||
top: 1px; | ||||
display: inline-block; | ||||
font-family: 'Glyphicons Halflings'; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
} | ||||
.glyphicon-asterisk:before { | ||||
content: "\2a"; | ||||
} | ||||
.glyphicon-plus:before { | ||||
content: "\2b"; | ||||
} | ||||
.glyphicon-euro:before { | ||||
content: "\20ac"; | ||||
} | ||||
.glyphicon-minus:before { | ||||
content: "\2212"; | ||||
} | ||||
.glyphicon-cloud:before { | ||||
content: "\2601"; | ||||
} | ||||
.glyphicon-envelope:before { | ||||
content: "\2709"; | ||||
} | ||||
.glyphicon-pencil:before { | ||||
content: "\270f"; | ||||
} | ||||
.glyphicon-glass:before { | ||||
content: "\e001"; | ||||
} | ||||
.glyphicon-music:before { | ||||
content: "\e002"; | ||||
} | ||||
.glyphicon-search:before { | ||||
content: "\e003"; | ||||
} | ||||
.glyphicon-heart:before { | ||||
content: "\e005"; | ||||
} | ||||
.glyphicon-star:before { | ||||
content: "\e006"; | ||||
} | ||||
.glyphicon-star-empty:before { | ||||
content: "\e007"; | ||||
} | ||||
.glyphicon-user:before { | ||||
content: "\e008"; | ||||
} | ||||
.glyphicon-film:before { | ||||
content: "\e009"; | ||||
} | ||||
.glyphicon-th-large:before { | ||||
content: "\e010"; | ||||
} | ||||
.glyphicon-th:before { | ||||
content: "\e011"; | ||||
} | ||||
.glyphicon-th-list:before { | ||||
content: "\e012"; | ||||
} | ||||
.glyphicon-ok:before { | ||||
content: "\e013"; | ||||
} | ||||
.glyphicon-remove:before { | ||||
content: "\e014"; | ||||
} | ||||
.glyphicon-zoom-in:before { | ||||
content: "\e015"; | ||||
} | ||||
.glyphicon-zoom-out:before { | ||||
content: "\e016"; | ||||
} | ||||
.glyphicon-off:before { | ||||
content: "\e017"; | ||||
} | ||||
.glyphicon-signal:before { | ||||
content: "\e018"; | ||||
} | ||||
.glyphicon-cog:before { | ||||
content: "\e019"; | ||||
} | ||||
.glyphicon-trash:before { | ||||
content: "\e020"; | ||||
} | ||||
.glyphicon-home:before { | ||||
content: "\e021"; | ||||
} | ||||
.glyphicon-file:before { | ||||
content: "\e022"; | ||||
} | ||||
.glyphicon-time:before { | ||||
content: "\e023"; | ||||
} | ||||
.glyphicon-road:before { | ||||
content: "\e024"; | ||||
} | ||||
.glyphicon-download-alt:before { | ||||
content: "\e025"; | ||||
} | ||||
.glyphicon-download:before { | ||||
content: "\e026"; | ||||
} | ||||
.glyphicon-upload:before { | ||||
content: "\e027"; | ||||
} | ||||
.glyphicon-inbox:before { | ||||
content: "\e028"; | ||||
} | ||||
.glyphicon-play-circle:before { | ||||
content: "\e029"; | ||||
} | ||||
.glyphicon-repeat:before { | ||||
content: "\e030"; | ||||
} | ||||
.glyphicon-refresh:before { | ||||
content: "\e031"; | ||||
} | ||||
.glyphicon-list-alt:before { | ||||
content: "\e032"; | ||||
} | ||||
.glyphicon-lock:before { | ||||
content: "\e033"; | ||||
} | ||||
.glyphicon-flag:before { | ||||
content: "\e034"; | ||||
} | ||||
.glyphicon-headphones:before { | ||||
content: "\e035"; | ||||
} | ||||
.glyphicon-volume-off:before { | ||||
content: "\e036"; | ||||
} | ||||
.glyphicon-volume-down:before { | ||||
content: "\e037"; | ||||
} | ||||
.glyphicon-volume-up:before { | ||||
content: "\e038"; | ||||
} | ||||
.glyphicon-qrcode:before { | ||||
content: "\e039"; | ||||
} | ||||
.glyphicon-barcode:before { | ||||
content: "\e040"; | ||||
} | ||||
.glyphicon-tag:before { | ||||
content: "\e041"; | ||||
} | ||||
.glyphicon-tags:before { | ||||
content: "\e042"; | ||||
} | ||||
.glyphicon-book:before { | ||||
content: "\e043"; | ||||
} | ||||
.glyphicon-bookmark:before { | ||||
content: "\e044"; | ||||
} | ||||
.glyphicon-print:before { | ||||
content: "\e045"; | ||||
} | ||||
.glyphicon-camera:before { | ||||
content: "\e046"; | ||||
} | ||||
.glyphicon-font:before { | ||||
content: "\e047"; | ||||
} | ||||
.glyphicon-bold:before { | ||||
content: "\e048"; | ||||
} | ||||
.glyphicon-italic:before { | ||||
content: "\e049"; | ||||
} | ||||
.glyphicon-text-height:before { | ||||
content: "\e050"; | ||||
} | ||||
.glyphicon-text-width:before { | ||||
content: "\e051"; | ||||
} | ||||
.glyphicon-align-left:before { | ||||
content: "\e052"; | ||||
} | ||||
.glyphicon-align-center:before { | ||||
content: "\e053"; | ||||
} | ||||
.glyphicon-align-right:before { | ||||
content: "\e054"; | ||||
} | ||||
.glyphicon-align-justify:before { | ||||
content: "\e055"; | ||||
} | ||||
.glyphicon-list:before { | ||||
content: "\e056"; | ||||
} | ||||
.glyphicon-indent-left:before { | ||||
content: "\e057"; | ||||
} | ||||
.glyphicon-indent-right:before { | ||||
content: "\e058"; | ||||
} | ||||
.glyphicon-facetime-video:before { | ||||
content: "\e059"; | ||||
} | ||||
.glyphicon-picture:before { | ||||
content: "\e060"; | ||||
} | ||||
.glyphicon-map-marker:before { | ||||
content: "\e062"; | ||||
} | ||||
.glyphicon-adjust:before { | ||||
content: "\e063"; | ||||
} | ||||
.glyphicon-tint:before { | ||||
content: "\e064"; | ||||
} | ||||
.glyphicon-edit:before { | ||||
content: "\e065"; | ||||
} | ||||
.glyphicon-share:before { | ||||
content: "\e066"; | ||||
} | ||||
.glyphicon-check:before { | ||||
content: "\e067"; | ||||
} | ||||
.glyphicon-move:before { | ||||
content: "\e068"; | ||||
} | ||||
.glyphicon-step-backward:before { | ||||
content: "\e069"; | ||||
} | ||||
.glyphicon-fast-backward:before { | ||||
content: "\e070"; | ||||
} | ||||
.glyphicon-backward:before { | ||||
content: "\e071"; | ||||
} | ||||
.glyphicon-play:before { | ||||
content: "\e072"; | ||||
} | ||||
.glyphicon-pause:before { | ||||
content: "\e073"; | ||||
} | ||||
.glyphicon-stop:before { | ||||
content: "\e074"; | ||||
} | ||||
.glyphicon-forward:before { | ||||
content: "\e075"; | ||||
} | ||||
.glyphicon-fast-forward:before { | ||||
content: "\e076"; | ||||
} | ||||
.glyphicon-step-forward:before { | ||||
content: "\e077"; | ||||
} | ||||
.glyphicon-eject:before { | ||||
content: "\e078"; | ||||
} | ||||
.glyphicon-chevron-left:before { | ||||
content: "\e079"; | ||||
} | ||||
.glyphicon-chevron-right:before { | ||||
content: "\e080"; | ||||
} | ||||
.glyphicon-plus-sign:before { | ||||
content: "\e081"; | ||||
} | ||||
.glyphicon-minus-sign:before { | ||||
content: "\e082"; | ||||
} | ||||
.glyphicon-remove-sign:before { | ||||
content: "\e083"; | ||||
} | ||||
.glyphicon-ok-sign:before { | ||||
content: "\e084"; | ||||
} | ||||
.glyphicon-question-sign:before { | ||||
content: "\e085"; | ||||
} | ||||
.glyphicon-info-sign:before { | ||||
content: "\e086"; | ||||
} | ||||
.glyphicon-screenshot:before { | ||||
content: "\e087"; | ||||
} | ||||
.glyphicon-remove-circle:before { | ||||
content: "\e088"; | ||||
} | ||||
.glyphicon-ok-circle:before { | ||||
content: "\e089"; | ||||
} | ||||
.glyphicon-ban-circle:before { | ||||
content: "\e090"; | ||||
} | ||||
.glyphicon-arrow-left:before { | ||||
content: "\e091"; | ||||
} | ||||
.glyphicon-arrow-right:before { | ||||
content: "\e092"; | ||||
} | ||||
.glyphicon-arrow-up:before { | ||||
content: "\e093"; | ||||
} | ||||
.glyphicon-arrow-down:before { | ||||
content: "\e094"; | ||||
} | ||||
.glyphicon-share-alt:before { | ||||
content: "\e095"; | ||||
} | ||||
.glyphicon-resize-full:before { | ||||
content: "\e096"; | ||||
} | ||||
.glyphicon-resize-small:before { | ||||
content: "\e097"; | ||||
} | ||||
.glyphicon-exclamation-sign:before { | ||||
content: "\e101"; | ||||
} | ||||
.glyphicon-gift:before { | ||||
content: "\e102"; | ||||
} | ||||
.glyphicon-leaf:before { | ||||
content: "\e103"; | ||||
} | ||||
.glyphicon-fire:before { | ||||
content: "\e104"; | ||||
} | ||||
.glyphicon-eye-open:before { | ||||
content: "\e105"; | ||||
} | ||||
.glyphicon-eye-close:before { | ||||
content: "\e106"; | ||||
} | ||||
.glyphicon-warning-sign:before { | ||||
content: "\e107"; | ||||
} | ||||
.glyphicon-plane:before { | ||||
content: "\e108"; | ||||
} | ||||
.glyphicon-calendar:before { | ||||
content: "\e109"; | ||||
} | ||||
.glyphicon-random:before { | ||||
content: "\e110"; | ||||
} | ||||
.glyphicon-comment:before { | ||||
content: "\e111"; | ||||
} | ||||
.glyphicon-magnet:before { | ||||
content: "\e112"; | ||||
} | ||||
.glyphicon-chevron-up:before { | ||||
content: "\e113"; | ||||
} | ||||
.glyphicon-chevron-down:before { | ||||
content: "\e114"; | ||||
} | ||||
.glyphicon-retweet:before { | ||||
content: "\e115"; | ||||
} | ||||
.glyphicon-shopping-cart:before { | ||||
content: "\e116"; | ||||
} | ||||
.glyphicon-folder-close:before { | ||||
content: "\e117"; | ||||
} | ||||
.glyphicon-folder-open:before { | ||||
content: "\e118"; | ||||
} | ||||
.glyphicon-resize-vertical:before { | ||||
content: "\e119"; | ||||
} | ||||
.glyphicon-resize-horizontal:before { | ||||
content: "\e120"; | ||||
} | ||||
.glyphicon-hdd:before { | ||||
content: "\e121"; | ||||
} | ||||
.glyphicon-bullhorn:before { | ||||
content: "\e122"; | ||||
} | ||||
.glyphicon-bell:before { | ||||
content: "\e123"; | ||||
} | ||||
.glyphicon-certificate:before { | ||||
content: "\e124"; | ||||
} | ||||
.glyphicon-thumbs-up:before { | ||||
content: "\e125"; | ||||
} | ||||
.glyphicon-thumbs-down:before { | ||||
content: "\e126"; | ||||
} | ||||
.glyphicon-hand-right:before { | ||||
content: "\e127"; | ||||
} | ||||
.glyphicon-hand-left:before { | ||||
content: "\e128"; | ||||
} | ||||
.glyphicon-hand-up:before { | ||||
content: "\e129"; | ||||
} | ||||
.glyphicon-hand-down:before { | ||||
content: "\e130"; | ||||
} | ||||
.glyphicon-circle-arrow-right:before { | ||||
content: "\e131"; | ||||
} | ||||
.glyphicon-circle-arrow-left:before { | ||||
content: "\e132"; | ||||
} | ||||
.glyphicon-circle-arrow-up:before { | ||||
content: "\e133"; | ||||
} | ||||
.glyphicon-circle-arrow-down:before { | ||||
content: "\e134"; | ||||
} | ||||
.glyphicon-globe:before { | ||||
content: "\e135"; | ||||
} | ||||
.glyphicon-wrench:before { | ||||
content: "\e136"; | ||||
} | ||||
.glyphicon-tasks:before { | ||||
content: "\e137"; | ||||
} | ||||
.glyphicon-filter:before { | ||||
content: "\e138"; | ||||
} | ||||
.glyphicon-briefcase:before { | ||||
content: "\e139"; | ||||
} | ||||
.glyphicon-fullscreen:before { | ||||
content: "\e140"; | ||||
} | ||||
.glyphicon-dashboard:before { | ||||
content: "\e141"; | ||||
} | ||||
.glyphicon-paperclip:before { | ||||
content: "\e142"; | ||||
} | ||||
.glyphicon-heart-empty:before { | ||||
content: "\e143"; | ||||
} | ||||
.glyphicon-link:before { | ||||
content: "\e144"; | ||||
} | ||||
.glyphicon-phone:before { | ||||
content: "\e145"; | ||||
} | ||||
.glyphicon-pushpin:before { | ||||
content: "\e146"; | ||||
} | ||||
.glyphicon-usd:before { | ||||
content: "\e148"; | ||||
} | ||||
.glyphicon-gbp:before { | ||||
content: "\e149"; | ||||
} | ||||
.glyphicon-sort:before { | ||||
content: "\e150"; | ||||
} | ||||
.glyphicon-sort-by-alphabet:before { | ||||
content: "\e151"; | ||||
} | ||||
.glyphicon-sort-by-alphabet-alt:before { | ||||
content: "\e152"; | ||||
} | ||||
.glyphicon-sort-by-order:before { | ||||
content: "\e153"; | ||||
} | ||||
.glyphicon-sort-by-order-alt:before { | ||||
content: "\e154"; | ||||
} | ||||
.glyphicon-sort-by-attributes:before { | ||||
content: "\e155"; | ||||
} | ||||
.glyphicon-sort-by-attributes-alt:before { | ||||
content: "\e156"; | ||||
} | ||||
.glyphicon-unchecked:before { | ||||
content: "\e157"; | ||||
} | ||||
.glyphicon-expand:before { | ||||
content: "\e158"; | ||||
} | ||||
.glyphicon-collapse-down:before { | ||||
content: "\e159"; | ||||
} | ||||
.glyphicon-collapse-up:before { | ||||
content: "\e160"; | ||||
} | ||||
.glyphicon-log-in:before { | ||||
content: "\e161"; | ||||
} | ||||
.glyphicon-flash:before { | ||||
content: "\e162"; | ||||
} | ||||
.glyphicon-log-out:before { | ||||
content: "\e163"; | ||||
} | ||||
.glyphicon-new-window:before { | ||||
content: "\e164"; | ||||
} | ||||
.glyphicon-record:before { | ||||
content: "\e165"; | ||||
} | ||||
.glyphicon-save:before { | ||||
content: "\e166"; | ||||
} | ||||
.glyphicon-open:before { | ||||
content: "\e167"; | ||||
} | ||||
.glyphicon-saved:before { | ||||
content: "\e168"; | ||||
} | ||||
.glyphicon-import:before { | ||||
content: "\e169"; | ||||
} | ||||
.glyphicon-export:before { | ||||
content: "\e170"; | ||||
} | ||||
.glyphicon-send:before { | ||||
content: "\e171"; | ||||
} | ||||
.glyphicon-floppy-disk:before { | ||||
content: "\e172"; | ||||
} | ||||
.glyphicon-floppy-saved:before { | ||||
content: "\e173"; | ||||
} | ||||
.glyphicon-floppy-remove:before { | ||||
content: "\e174"; | ||||
} | ||||
.glyphicon-floppy-save:before { | ||||
content: "\e175"; | ||||
} | ||||
.glyphicon-floppy-open:before { | ||||
content: "\e176"; | ||||
} | ||||
.glyphicon-credit-card:before { | ||||
content: "\e177"; | ||||
} | ||||
.glyphicon-transfer:before { | ||||
content: "\e178"; | ||||
} | ||||
.glyphicon-cutlery:before { | ||||
content: "\e179"; | ||||
} | ||||
.glyphicon-header:before { | ||||
content: "\e180"; | ||||
} | ||||
.glyphicon-compressed:before { | ||||
content: "\e181"; | ||||
} | ||||
.glyphicon-earphone:before { | ||||
content: "\e182"; | ||||
} | ||||
.glyphicon-phone-alt:before { | ||||
content: "\e183"; | ||||
} | ||||
.glyphicon-tower:before { | ||||
content: "\e184"; | ||||
} | ||||
.glyphicon-stats:before { | ||||
content: "\e185"; | ||||
} | ||||
.glyphicon-sd-video:before { | ||||
content: "\e186"; | ||||
} | ||||
.glyphicon-hd-video:before { | ||||
content: "\e187"; | ||||
} | ||||
.glyphicon-subtitles:before { | ||||
content: "\e188"; | ||||
} | ||||
.glyphicon-sound-stereo:before { | ||||
content: "\e189"; | ||||
} | ||||
.glyphicon-sound-dolby:before { | ||||
content: "\e190"; | ||||
} | ||||
.glyphicon-sound-5-1:before { | ||||
content: "\e191"; | ||||
} | ||||
.glyphicon-sound-6-1:before { | ||||
content: "\e192"; | ||||
} | ||||
.glyphicon-sound-7-1:before { | ||||
content: "\e193"; | ||||
} | ||||
.glyphicon-copyright-mark:before { | ||||
content: "\e194"; | ||||
} | ||||
.glyphicon-registration-mark:before { | ||||
content: "\e195"; | ||||
} | ||||
.glyphicon-cloud-download:before { | ||||
content: "\e197"; | ||||
} | ||||
.glyphicon-cloud-upload:before { | ||||
content: "\e198"; | ||||
} | ||||
.glyphicon-tree-conifer:before { | ||||
content: "\e199"; | ||||
} | ||||
.glyphicon-tree-deciduous:before { | ||||
content: "\e200"; | ||||
} | ||||
.caret { | ||||
display: inline-block; | ||||
width: 0; | ||||
height: 0; | ||||
margin-left: 2px; | ||||
vertical-align: middle; | ||||
border-top: 4px solid; | ||||
border-right: 4px solid transparent; | ||||
border-left: 4px solid transparent; | ||||
} | ||||
.dropdown { | ||||
position: relative; | ||||
} | ||||
.dropdown-toggle:focus { | ||||
outline: 0; | ||||
} | ||||
.dropdown-menu { | ||||
position: absolute; | ||||
top: 100%; | ||||
left: 0; | ||||
z-index: 1000; | ||||
display: none; | ||||
float: left; | ||||
min-width: 160px; | ||||
padding: 5px 0; | ||||
margin: 2px 0 0; | ||||
list-style: none; | ||||
font-size: 13px; | ||||
background-color: #ffffff; | ||||
border: 1px solid #cccccc; | ||||
border: 1px solid rgba(0, 0, 0, 0.15); | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||||
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||||
background-clip: padding-box; | ||||
} | ||||
.dropdown-menu.pull-right { | ||||
right: 0; | ||||
left: auto; | ||||
} | ||||
.dropdown-menu .divider { | ||||
height: 1px; | ||||
margin: 8px 0; | ||||
overflow: hidden; | ||||
background-color: #e5e5e5; | ||||
} | ||||
.dropdown-menu > li > a { | ||||
display: block; | ||||
padding: 3px 20px; | ||||
clear: both; | ||||
font-weight: normal; | ||||
line-height: 1.42857143; | ||||
color: #333333; | ||||
white-space: nowrap; | ||||
} | ||||
.dropdown-menu > li > a:hover, | ||||
.dropdown-menu > li > a:focus { | ||||
text-decoration: none; | ||||
color: #262626; | ||||
background-color: #f5f5f5; | ||||
} | ||||
.dropdown-menu > .active > a, | ||||
.dropdown-menu > .active > a:hover, | ||||
.dropdown-menu > .active > a:focus { | ||||
color: #ffffff; | ||||
text-decoration: none; | ||||
outline: 0; | ||||
background-color: #428bca; | ||||
} | ||||
.dropdown-menu > .disabled > a, | ||||
.dropdown-menu > .disabled > a:hover, | ||||
.dropdown-menu > .disabled > a:focus { | ||||
color: #999999; | ||||
} | ||||
.dropdown-menu > .disabled > a:hover, | ||||
.dropdown-menu > .disabled > a:focus { | ||||
text-decoration: none; | ||||
background-color: transparent; | ||||
background-image: none; | ||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||||
cursor: not-allowed; | ||||
} | ||||
.open > .dropdown-menu { | ||||
display: block; | ||||
} | ||||
.open > a { | ||||
outline: 0; | ||||
} | ||||
.dropdown-menu-right { | ||||
left: auto; | ||||
right: 0; | ||||
} | ||||
.dropdown-menu-left { | ||||
left: 0; | ||||
right: auto; | ||||
} | ||||
.dropdown-header { | ||||
display: block; | ||||
padding: 3px 20px; | ||||
font-size: 12px; | ||||
line-height: 1.42857143; | ||||
color: #999999; | ||||
} | ||||
.dropdown-backdrop { | ||||
position: fixed; | ||||
left: 0; | ||||
right: 0; | ||||
bottom: 0; | ||||
top: 0; | ||||
z-index: 990; | ||||
} | ||||
.pull-right > .dropdown-menu { | ||||
right: 0; | ||||
left: auto; | ||||
} | ||||
.dropup .caret, | ||||
.navbar-fixed-bottom .dropdown .caret { | ||||
border-top: 0; | ||||
border-bottom: 4px solid; | ||||
content: ""; | ||||
} | ||||
.dropup .dropdown-menu, | ||||
.navbar-fixed-bottom .dropdown .dropdown-menu { | ||||
top: auto; | ||||
bottom: 100%; | ||||
margin-bottom: 1px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-right .dropdown-menu { | ||||
left: auto; | ||||
right: 0; | ||||
} | ||||
.navbar-right .dropdown-menu-left { | ||||
left: 0; | ||||
right: auto; | ||||
} | ||||
} | ||||
.btn-group, | ||||
.btn-group-vertical { | ||||
position: relative; | ||||
display: inline-block; | ||||
vertical-align: middle; | ||||
} | ||||
.btn-group > .btn, | ||||
.btn-group-vertical > .btn { | ||||
position: relative; | ||||
float: left; | ||||
} | ||||
.btn-group > .btn:hover, | ||||
.btn-group-vertical > .btn:hover, | ||||
.btn-group > .btn:focus, | ||||
.btn-group-vertical > .btn:focus, | ||||
.btn-group > .btn:active, | ||||
.btn-group-vertical > .btn:active, | ||||
.btn-group > .btn.active, | ||||
.btn-group-vertical > .btn.active { | ||||
z-index: 2; | ||||
} | ||||
.btn-group > .btn:focus, | ||||
.btn-group-vertical > .btn:focus { | ||||
outline: none; | ||||
} | ||||
.btn-group .btn + .btn, | ||||
.btn-group .btn + .btn-group, | ||||
.btn-group .btn-group + .btn, | ||||
.btn-group .btn-group + .btn-group { | ||||
margin-left: -1px; | ||||
} | ||||
.btn-toolbar { | ||||
margin-left: -5px; | ||||
} | ||||
.btn-toolbar .btn-group, | ||||
.btn-toolbar .input-group { | ||||
float: left; | ||||
} | ||||
.btn-toolbar > .btn, | ||||
.btn-toolbar > .btn-group, | ||||
.btn-toolbar > .input-group { | ||||
margin-left: 5px; | ||||
} | ||||
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | ||||
border-radius: 0; | ||||
} | ||||
.btn-group > .btn:first-child { | ||||
margin-left: 0; | ||||
} | ||||
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | ||||
border-bottom-right-radius: 0; | ||||
border-top-right-radius: 0; | ||||
} | ||||
.btn-group > .btn:last-child:not(:first-child), | ||||
.btn-group > .dropdown-toggle:not(:first-child) { | ||||
border-bottom-left-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.btn-group > .btn-group { | ||||
float: left; | ||||
} | ||||
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | ||||
border-radius: 0; | ||||
} | ||||
.btn-group > .btn-group:first-child > .btn:last-child, | ||||
.btn-group > .btn-group:first-child > .dropdown-toggle { | ||||
border-bottom-right-radius: 0; | ||||
border-top-right-radius: 0; | ||||
} | ||||
.btn-group > .btn-group:last-child > .btn:first-child { | ||||
border-bottom-left-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.btn-group .dropdown-toggle:active, | ||||
.btn-group.open .dropdown-toggle { | ||||
outline: 0; | ||||
} | ||||
.btn-group > .btn + .dropdown-toggle { | ||||
padding-left: 8px; | ||||
padding-right: 8px; | ||||
} | ||||
.btn-group > .btn-lg + .dropdown-toggle { | ||||
padding-left: 12px; | ||||
padding-right: 12px; | ||||
} | ||||
.btn-group.open .dropdown-toggle { | ||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
} | ||||
.btn-group.open .dropdown-toggle.btn-link { | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
.btn .caret { | ||||
margin-left: 0; | ||||
} | ||||
.btn-lg .caret { | ||||
border-width: 5px 5px 0; | ||||
border-bottom-width: 0; | ||||
} | ||||
.dropup .btn-lg .caret { | ||||
border-width: 0 5px 5px; | ||||
} | ||||
.btn-group-vertical > .btn, | ||||
.btn-group-vertical > .btn-group, | ||||
.btn-group-vertical > .btn-group > .btn { | ||||
display: block; | ||||
float: none; | ||||
width: 100%; | ||||
max-width: 100%; | ||||
} | ||||
.btn-group-vertical > .btn-group > .btn { | ||||
float: none; | ||||
} | ||||
.btn-group-vertical > .btn + .btn, | ||||
.btn-group-vertical > .btn + .btn-group, | ||||
.btn-group-vertical > .btn-group + .btn, | ||||
.btn-group-vertical > .btn-group + .btn-group { | ||||
margin-top: -1px; | ||||
margin-left: 0; | ||||
} | ||||
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { | ||||
border-radius: 0; | ||||
} | ||||
.btn-group-vertical > .btn:first-child:not(:last-child) { | ||||
border-top-right-radius: 4px; | ||||
border-bottom-right-radius: 0; | ||||
border-bottom-left-radius: 0; | ||||
} | ||||
.btn-group-vertical > .btn:last-child:not(:first-child) { | ||||
border-bottom-left-radius: 4px; | ||||
border-top-right-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | ||||
border-radius: 0; | ||||
} | ||||
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | ||||
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | ||||
border-bottom-right-radius: 0; | ||||
border-bottom-left-radius: 0; | ||||
} | ||||
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | ||||
border-top-right-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.btn-group-justified { | ||||
display: table; | ||||
width: 100%; | ||||
table-layout: fixed; | ||||
border-collapse: separate; | ||||
} | ||||
.btn-group-justified > .btn, | ||||
.btn-group-justified > .btn-group { | ||||
float: none; | ||||
display: table-cell; | ||||
width: 1%; | ||||
} | ||||
.btn-group-justified > .btn-group .btn { | ||||
width: 100%; | ||||
} | ||||
[data-toggle="buttons"] > .btn > input[type="radio"], | ||||
[data-toggle="buttons"] > .btn > input[type="checkbox"] { | ||||
display: none; | ||||
} | ||||
.input-group { | ||||
position: relative; | ||||
display: table; | ||||
border-collapse: separate; | ||||
} | ||||
.input-group[class*="col-"] { | ||||
float: none; | ||||
padding-left: 0; | ||||
padding-right: 0; | ||||
} | ||||
.input-group .form-control { | ||||
position: relative; | ||||
z-index: 2; | ||||
float: left; | ||||
width: 100%; | ||||
margin-bottom: 0; | ||||
} | ||||
.input-group-lg > .form-control, | ||||
.input-group-lg > .input-group-addon, | ||||
.input-group-lg > .input-group-btn > .btn { | ||||
height: 45px; | ||||
padding: 10px 16px; | ||||
font-size: 17px; | ||||
line-height: 1.33; | ||||
border-radius: 6px; | ||||
} | ||||
select.input-group-lg > .form-control, | ||||
select.input-group-lg > .input-group-addon, | ||||
select.input-group-lg > .input-group-btn > .btn { | ||||
height: 45px; | ||||
line-height: 45px; | ||||
} | ||||
textarea.input-group-lg > .form-control, | ||||
textarea.input-group-lg > .input-group-addon, | ||||
textarea.input-group-lg > .input-group-btn > .btn, | ||||
select[multiple].input-group-lg > .form-control, | ||||
select[multiple].input-group-lg > .input-group-addon, | ||||
select[multiple].input-group-lg > .input-group-btn > .btn { | ||||
height: auto; | ||||
} | ||||
.input-group-sm > .form-control, | ||||
.input-group-sm > .input-group-addon, | ||||
.input-group-sm > .input-group-btn > .btn { | ||||
height: 30px; | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
select.input-group-sm > .form-control, | ||||
select.input-group-sm > .input-group-addon, | ||||
select.input-group-sm > .input-group-btn > .btn { | ||||
height: 30px; | ||||
line-height: 30px; | ||||
} | ||||
textarea.input-group-sm > .form-control, | ||||
textarea.input-group-sm > .input-group-addon, | ||||
textarea.input-group-sm > .input-group-btn > .btn, | ||||
select[multiple].input-group-sm > .form-control, | ||||
select[multiple].input-group-sm > .input-group-addon, | ||||
select[multiple].input-group-sm > .input-group-btn > .btn { | ||||
height: auto; | ||||
} | ||||
.input-group-addon, | ||||
.input-group-btn, | ||||
.input-group .form-control { | ||||
display: table-cell; | ||||
} | ||||
.input-group-addon:not(:first-child):not(:last-child), | ||||
.input-group-btn:not(:first-child):not(:last-child), | ||||
.input-group .form-control:not(:first-child):not(:last-child) { | ||||
border-radius: 0; | ||||
} | ||||
.input-group-addon, | ||||
.input-group-btn { | ||||
width: 1%; | ||||
white-space: nowrap; | ||||
vertical-align: middle; | ||||
} | ||||
.input-group-addon { | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
color: #555555; | ||||
text-align: center; | ||||
background-color: #eeeeee; | ||||
border: 1px solid #cccccc; | ||||
border-radius: 4px; | ||||
} | ||||
.input-group-addon.input-sm { | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
border-radius: 3px; | ||||
} | ||||
.input-group-addon.input-lg { | ||||
padding: 10px 16px; | ||||
font-size: 17px; | ||||
border-radius: 6px; | ||||
} | ||||
.input-group-addon input[type="radio"], | ||||
.input-group-addon input[type="checkbox"] { | ||||
margin-top: 0; | ||||
} | ||||
.input-group .form-control:first-child, | ||||
.input-group-addon:first-child, | ||||
.input-group-btn:first-child > .btn, | ||||
.input-group-btn:first-child > .btn-group > .btn, | ||||
.input-group-btn:first-child > .dropdown-toggle, | ||||
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), | ||||
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { | ||||
border-bottom-right-radius: 0; | ||||
border-top-right-radius: 0; | ||||
} | ||||
.input-group-addon:first-child { | ||||
border-right: 0; | ||||
} | ||||
.input-group .form-control:last-child, | ||||
.input-group-addon:last-child, | ||||
.input-group-btn:last-child > .btn, | ||||
.input-group-btn:last-child > .btn-group > .btn, | ||||
.input-group-btn:last-child > .dropdown-toggle, | ||||
.input-group-btn:first-child > .btn:not(:first-child), | ||||
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { | ||||
border-bottom-left-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.input-group-addon:last-child { | ||||
border-left: 0; | ||||
} | ||||
.input-group-btn { | ||||
position: relative; | ||||
font-size: 0; | ||||
white-space: nowrap; | ||||
} | ||||
.input-group-btn > .btn { | ||||
position: relative; | ||||
} | ||||
.input-group-btn > .btn + .btn { | ||||
margin-left: -1px; | ||||
} | ||||
.input-group-btn > .btn:hover, | ||||
.input-group-btn > .btn:focus, | ||||
.input-group-btn > .btn:active { | ||||
z-index: 2; | ||||
} | ||||
.input-group-btn:first-child > .btn, | ||||
.input-group-btn:first-child > .btn-group { | ||||
margin-right: -1px; | ||||
} | ||||
.input-group-btn:last-child > .btn, | ||||
.input-group-btn:last-child > .btn-group { | ||||
margin-left: -1px; | ||||
} | ||||
.nav { | ||||
margin-bottom: 0; | ||||
padding-left: 0; | ||||
list-style: none; | ||||
} | ||||
.nav > li { | ||||
position: relative; | ||||
display: block; | ||||
} | ||||
.nav > li > a { | ||||
position: relative; | ||||
display: block; | ||||
padding: 10px 15px; | ||||
} | ||||
.nav > li > a:hover, | ||||
.nav > li > a:focus { | ||||
text-decoration: none; | ||||
background-color: #eeeeee; | ||||
} | ||||
.nav > li.disabled > a { | ||||
color: #999999; | ||||
} | ||||
.nav > li.disabled > a:hover, | ||||
.nav > li.disabled > a:focus { | ||||
color: #999999; | ||||
text-decoration: none; | ||||
background-color: transparent; | ||||
cursor: not-allowed; | ||||
} | ||||
.nav .open > a, | ||||
.nav .open > a:hover, | ||||
.nav .open > a:focus { | ||||
background-color: #eeeeee; | ||||
border-color: #428bca; | ||||
} | ||||
.nav .nav-divider { | ||||
height: 1px; | ||||
margin: 8px 0; | ||||
overflow: hidden; | ||||
background-color: #e5e5e5; | ||||
} | ||||
.nav > li > a > img { | ||||
max-width: none; | ||||
} | ||||
.nav-tabs { | ||||
border-bottom: 1px solid #dddddd; | ||||
} | ||||
.nav-tabs > li { | ||||
float: left; | ||||
margin-bottom: -1px; | ||||
} | ||||
.nav-tabs > li > a { | ||||
margin-right: 2px; | ||||
line-height: 1.42857143; | ||||
border: 1px solid transparent; | ||||
border-radius: 4px 4px 0 0; | ||||
} | ||||
.nav-tabs > li > a:hover { | ||||
border-color: #eeeeee #eeeeee #dddddd; | ||||
} | ||||
.nav-tabs > li.active > a, | ||||
.nav-tabs > li.active > a:hover, | ||||
.nav-tabs > li.active > a:focus { | ||||
color: #555555; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
border-bottom-color: transparent; | ||||
cursor: default; | ||||
} | ||||
.nav-tabs.nav-justified { | ||||
width: 100%; | ||||
border-bottom: 0; | ||||
} | ||||
.nav-tabs.nav-justified > li { | ||||
float: none; | ||||
} | ||||
.nav-tabs.nav-justified > li > a { | ||||
text-align: center; | ||||
margin-bottom: 5px; | ||||
} | ||||
.nav-tabs.nav-justified > .dropdown .dropdown-menu { | ||||
top: auto; | ||||
left: auto; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.nav-tabs.nav-justified > li { | ||||
display: table-cell; | ||||
width: 1%; | ||||
} | ||||
.nav-tabs.nav-justified > li > a { | ||||
margin-bottom: 0; | ||||
} | ||||
} | ||||
.nav-tabs.nav-justified > li > a { | ||||
margin-right: 0; | ||||
border-radius: 4px; | ||||
} | ||||
.nav-tabs.nav-justified > .active > a, | ||||
.nav-tabs.nav-justified > .active > a:hover, | ||||
.nav-tabs.nav-justified > .active > a:focus { | ||||
border: 1px solid #dddddd; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.nav-tabs.nav-justified > li > a { | ||||
border-bottom: 1px solid #dddddd; | ||||
border-radius: 4px 4px 0 0; | ||||
} | ||||
.nav-tabs.nav-justified > .active > a, | ||||
.nav-tabs.nav-justified > .active > a:hover, | ||||
.nav-tabs.nav-justified > .active > a:focus { | ||||
border-bottom-color: #ffffff; | ||||
} | ||||
} | ||||
.nav-pills > li { | ||||
float: left; | ||||
} | ||||
.nav-pills > li > a { | ||||
border-radius: 4px; | ||||
} | ||||
.nav-pills > li + li { | ||||
margin-left: 2px; | ||||
} | ||||
.nav-pills > li.active > a, | ||||
.nav-pills > li.active > a:hover, | ||||
.nav-pills > li.active > a:focus { | ||||
color: #ffffff; | ||||
background-color: #428bca; | ||||
} | ||||
.nav-stacked > li { | ||||
float: none; | ||||
} | ||||
.nav-stacked > li + li { | ||||
margin-top: 2px; | ||||
margin-left: 0; | ||||
} | ||||
.nav-justified { | ||||
width: 100%; | ||||
} | ||||
.nav-justified > li { | ||||
float: none; | ||||
} | ||||
.nav-justified > li > a { | ||||
text-align: center; | ||||
margin-bottom: 5px; | ||||
} | ||||
.nav-justified > .dropdown .dropdown-menu { | ||||
top: auto; | ||||
left: auto; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.nav-justified > li { | ||||
display: table-cell; | ||||
width: 1%; | ||||
} | ||||
.nav-justified > li > a { | ||||
margin-bottom: 0; | ||||
} | ||||
} | ||||
.nav-tabs-justified { | ||||
border-bottom: 0; | ||||
} | ||||
.nav-tabs-justified > li > a { | ||||
margin-right: 0; | ||||
border-radius: 4px; | ||||
} | ||||
.nav-tabs-justified > .active > a, | ||||
.nav-tabs-justified > .active > a:hover, | ||||
.nav-tabs-justified > .active > a:focus { | ||||
border: 1px solid #dddddd; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.nav-tabs-justified > li > a { | ||||
border-bottom: 1px solid #dddddd; | ||||
border-radius: 4px 4px 0 0; | ||||
} | ||||
.nav-tabs-justified > .active > a, | ||||
.nav-tabs-justified > .active > a:hover, | ||||
.nav-tabs-justified > .active > a:focus { | ||||
border-bottom-color: #ffffff; | ||||
} | ||||
} | ||||
.tab-content > .tab-pane { | ||||
display: none; | ||||
} | ||||
.tab-content > .active { | ||||
display: block; | ||||
} | ||||
.nav-tabs .dropdown-menu { | ||||
margin-top: -1px; | ||||
border-top-right-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.navbar { | ||||
position: relative; | ||||
min-height: 36px; | ||||
margin-bottom: 18px; | ||||
border: 1px solid transparent; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar { | ||||
border-radius: 4px; | ||||
} | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-header { | ||||
float: left; | ||||
} | ||||
} | ||||
.navbar-collapse { | ||||
max-height: 340px; | ||||
overflow-x: visible; | ||||
padding-right: 15px; | ||||
padding-left: 15px; | ||||
border-top: 1px solid transparent; | ||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | ||||
-webkit-overflow-scrolling: touch; | ||||
} | ||||
.navbar-collapse.in { | ||||
overflow-y: auto; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-collapse { | ||||
width: auto; | ||||
border-top: 0; | ||||
box-shadow: none; | ||||
} | ||||
.navbar-collapse.collapse { | ||||
display: block !important; | ||||
height: auto !important; | ||||
padding-bottom: 0; | ||||
overflow: visible !important; | ||||
} | ||||
.navbar-collapse.in { | ||||
overflow-y: visible; | ||||
} | ||||
.navbar-fixed-top .navbar-collapse, | ||||
.navbar-static-top .navbar-collapse, | ||||
.navbar-fixed-bottom .navbar-collapse { | ||||
padding-left: 0; | ||||
padding-right: 0; | ||||
} | ||||
} | ||||
.container > .navbar-header, | ||||
.container-fluid > .navbar-header, | ||||
.container > .navbar-collapse, | ||||
.container-fluid > .navbar-collapse { | ||||
margin-right: -15px; | ||||
margin-left: -15px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.container > .navbar-header, | ||||
.container-fluid > .navbar-header, | ||||
.container > .navbar-collapse, | ||||
.container-fluid > .navbar-collapse { | ||||
margin-right: 0; | ||||
margin-left: 0; | ||||
} | ||||
} | ||||
.navbar-static-top { | ||||
z-index: 1000; | ||||
border-width: 0 0 1px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-static-top { | ||||
border-radius: 0; | ||||
} | ||||
} | ||||
.navbar-fixed-top, | ||||
.navbar-fixed-bottom { | ||||
position: fixed; | ||||
right: 0; | ||||
left: 0; | ||||
z-index: 1030; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-fixed-top, | ||||
.navbar-fixed-bottom { | ||||
border-radius: 0; | ||||
} | ||||
} | ||||
.navbar-fixed-top { | ||||
top: 0; | ||||
border-width: 0 0 1px; | ||||
} | ||||
.navbar-fixed-bottom { | ||||
bottom: 0; | ||||
margin-bottom: 0; | ||||
border-width: 1px 0 0; | ||||
} | ||||
.navbar-brand { | ||||
float: left; | ||||
padding: 9px 15px; | ||||
font-size: 17px; | ||||
line-height: 18px; | ||||
height: 36px; | ||||
} | ||||
.navbar-brand:hover, | ||||
.navbar-brand:focus { | ||||
text-decoration: none; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar > .container .navbar-brand, | ||||
.navbar > .container-fluid .navbar-brand { | ||||
margin-left: -15px; | ||||
} | ||||
} | ||||
.navbar-toggle { | ||||
position: relative; | ||||
float: right; | ||||
margin-right: 15px; | ||||
padding: 9px 10px; | ||||
margin-top: 1px; | ||||
margin-bottom: 1px; | ||||
background-color: transparent; | ||||
background-image: none; | ||||
border: 1px solid transparent; | ||||
border-radius: 4px; | ||||
} | ||||
.navbar-toggle:focus { | ||||
outline: none; | ||||
} | ||||
.navbar-toggle .icon-bar { | ||||
display: block; | ||||
width: 22px; | ||||
height: 2px; | ||||
border-radius: 1px; | ||||
} | ||||
.navbar-toggle .icon-bar + .icon-bar { | ||||
margin-top: 4px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-toggle { | ||||
display: none; | ||||
} | ||||
} | ||||
.navbar-nav { | ||||
margin: 4.5px -15px; | ||||
} | ||||
.navbar-nav > li > a { | ||||
padding-top: 10px; | ||||
padding-bottom: 10px; | ||||
line-height: 18px; | ||||
} | ||||
@media (max-width: 767px) { | ||||
.navbar-nav .open .dropdown-menu { | ||||
position: static; | ||||
float: none; | ||||
width: auto; | ||||
margin-top: 0; | ||||
background-color: transparent; | ||||
border: 0; | ||||
box-shadow: none; | ||||
} | ||||
.navbar-nav .open .dropdown-menu > li > a, | ||||
.navbar-nav .open .dropdown-menu .dropdown-header { | ||||
padding: 5px 15px 5px 25px; | ||||
} | ||||
.navbar-nav .open .dropdown-menu > li > a { | ||||
line-height: 18px; | ||||
} | ||||
.navbar-nav .open .dropdown-menu > li > a:hover, | ||||
.navbar-nav .open .dropdown-menu > li > a:focus { | ||||
background-image: none; | ||||
} | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-nav { | ||||
float: left; | ||||
margin: 0; | ||||
} | ||||
.navbar-nav > li { | ||||
float: left; | ||||
} | ||||
.navbar-nav > li > a { | ||||
padding-top: 9px; | ||||
padding-bottom: 9px; | ||||
} | ||||
.navbar-nav.navbar-right:last-child { | ||||
margin-right: -15px; | ||||
} | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-left { | ||||
float: left !important; | ||||
float: left; | ||||
} | ||||
.navbar-right { | ||||
float: right !important; | ||||
float: right; | ||||
} | ||||
} | ||||
.navbar-form { | ||||
margin-left: -15px; | ||||
margin-right: -15px; | ||||
padding: 10px 15px; | ||||
border-top: 1px solid transparent; | ||||
border-bottom: 1px solid transparent; | ||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||||
margin-top: 2px; | ||||
margin-bottom: 2px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-form .form-group { | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.navbar-form .form-control { | ||||
display: inline-block; | ||||
width: auto; | ||||
vertical-align: middle; | ||||
} | ||||
.navbar-form .input-group > .form-control { | ||||
width: 100%; | ||||
} | ||||
.navbar-form .control-label { | ||||
margin-bottom: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.navbar-form .radio, | ||||
.navbar-form .checkbox { | ||||
display: inline-block; | ||||
margin-top: 0; | ||||
margin-bottom: 0; | ||||
padding-left: 0; | ||||
vertical-align: middle; | ||||
} | ||||
.navbar-form .radio input[type="radio"], | ||||
.navbar-form .checkbox input[type="checkbox"] { | ||||
float: none; | ||||
margin-left: 0; | ||||
} | ||||
.navbar-form .has-feedback .form-control-feedback { | ||||
top: 0; | ||||
} | ||||
} | ||||
@media (max-width: 767px) { | ||||
.navbar-form .form-group { | ||||
margin-bottom: 5px; | ||||
} | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-form { | ||||
width: auto; | ||||
border: 0; | ||||
margin-left: 0; | ||||
margin-right: 0; | ||||
padding-top: 0; | ||||
padding-bottom: 0; | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
.navbar-form.navbar-right:last-child { | ||||
margin-right: -15px; | ||||
} | ||||
} | ||||
.navbar-nav > li > .dropdown-menu { | ||||
margin-top: 0; | ||||
border-top-right-radius: 0; | ||||
border-top-left-radius: 0; | ||||
} | ||||
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { | ||||
border-bottom-right-radius: 0; | ||||
border-bottom-left-radius: 0; | ||||
} | ||||
.navbar-btn { | ||||
margin-top: 2px; | ||||
margin-bottom: 2px; | ||||
} | ||||
.navbar-btn.btn-sm { | ||||
margin-top: 3px; | ||||
margin-bottom: 3px; | ||||
} | ||||
.navbar-btn.btn-xs { | ||||
margin-top: 7px; | ||||
margin-bottom: 7px; | ||||
} | ||||
.navbar-text { | ||||
margin-top: 9px; | ||||
margin-bottom: 9px; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.navbar-text { | ||||
float: left; | ||||
margin-left: 15px; | ||||
margin-right: 15px; | ||||
} | ||||
.navbar-text.navbar-right:last-child { | ||||
margin-right: 0; | ||||
} | ||||
} | ||||
.navbar-default { | ||||
background-color: #f8f8f8; | ||||
border-color: #e7e7e7; | ||||
} | ||||
.navbar-default .navbar-brand { | ||||
color: #777777; | ||||
} | ||||
.navbar-default .navbar-brand:hover, | ||||
.navbar-default .navbar-brand:focus { | ||||
color: #5e5e5e; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-default .navbar-text { | ||||
color: #777777; | ||||
} | ||||
.navbar-default .navbar-nav > li > a { | ||||
color: #777777; | ||||
} | ||||
.navbar-default .navbar-nav > li > a:hover, | ||||
.navbar-default .navbar-nav > li > a:focus { | ||||
color: #333333; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-default .navbar-nav > .active > a, | ||||
.navbar-default .navbar-nav > .active > a:hover, | ||||
.navbar-default .navbar-nav > .active > a:focus { | ||||
color: #555555; | ||||
background-color: #e7e7e7; | ||||
} | ||||
.navbar-default .navbar-nav > .disabled > a, | ||||
.navbar-default .navbar-nav > .disabled > a:hover, | ||||
.navbar-default .navbar-nav > .disabled > a:focus { | ||||
color: #cccccc; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-default .navbar-toggle { | ||||
border-color: #dddddd; | ||||
} | ||||
.navbar-default .navbar-toggle:hover, | ||||
.navbar-default .navbar-toggle:focus { | ||||
background-color: #dddddd; | ||||
} | ||||
.navbar-default .navbar-toggle .icon-bar { | ||||
background-color: #888888; | ||||
} | ||||
.navbar-default .navbar-collapse, | ||||
.navbar-default .navbar-form { | ||||
border-color: #e7e7e7; | ||||
} | ||||
.navbar-default .navbar-nav > .open > a, | ||||
.navbar-default .navbar-nav > .open > a:hover, | ||||
.navbar-default .navbar-nav > .open > a:focus { | ||||
background-color: #e7e7e7; | ||||
color: #555555; | ||||
} | ||||
@media (max-width: 767px) { | ||||
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||||
color: #777777; | ||||
} | ||||
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | ||||
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | ||||
color: #333333; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | ||||
color: #555555; | ||||
background-color: #e7e7e7; | ||||
} | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||||
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||||
color: #cccccc; | ||||
background-color: transparent; | ||||
} | ||||
} | ||||
.navbar-default .navbar-link { | ||||
color: #777777; | ||||
} | ||||
.navbar-default .navbar-link:hover { | ||||
color: #333333; | ||||
} | ||||
.navbar-inverse { | ||||
background-color: #222222; | ||||
border-color: #080808; | ||||
} | ||||
.navbar-inverse .navbar-brand { | ||||
color: #999999; | ||||
} | ||||
.navbar-inverse .navbar-brand:hover, | ||||
.navbar-inverse .navbar-brand:focus { | ||||
color: #ffffff; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-inverse .navbar-text { | ||||
color: #999999; | ||||
} | ||||
.navbar-inverse .navbar-nav > li > a { | ||||
color: #999999; | ||||
} | ||||
.navbar-inverse .navbar-nav > li > a:hover, | ||||
.navbar-inverse .navbar-nav > li > a:focus { | ||||
color: #ffffff; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-inverse .navbar-nav > .active > a, | ||||
.navbar-inverse .navbar-nav > .active > a:hover, | ||||
.navbar-inverse .navbar-nav > .active > a:focus { | ||||
color: #ffffff; | ||||
background-color: #080808; | ||||
} | ||||
.navbar-inverse .navbar-nav > .disabled > a, | ||||
.navbar-inverse .navbar-nav > .disabled > a:hover, | ||||
.navbar-inverse .navbar-nav > .disabled > a:focus { | ||||
color: #444444; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-inverse .navbar-toggle { | ||||
border-color: #333333; | ||||
} | ||||
.navbar-inverse .navbar-toggle:hover, | ||||
.navbar-inverse .navbar-toggle:focus { | ||||
background-color: #333333; | ||||
} | ||||
.navbar-inverse .navbar-toggle .icon-bar { | ||||
background-color: #ffffff; | ||||
} | ||||
.navbar-inverse .navbar-collapse, | ||||
.navbar-inverse .navbar-form { | ||||
border-color: #101010; | ||||
} | ||||
.navbar-inverse .navbar-nav > .open > a, | ||||
.navbar-inverse .navbar-nav > .open > a:hover, | ||||
.navbar-inverse .navbar-nav > .open > a:focus { | ||||
background-color: #080808; | ||||
color: #ffffff; | ||||
} | ||||
@media (max-width: 767px) { | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | ||||
border-color: #080808; | ||||
} | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | ||||
background-color: #080808; | ||||
} | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | ||||
color: #999999; | ||||
} | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | ||||
color: #ffffff; | ||||
background-color: transparent; | ||||
} | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | ||||
color: #ffffff; | ||||
background-color: #080808; | ||||
} | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||||
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||||
color: #444444; | ||||
background-color: transparent; | ||||
} | ||||
} | ||||
.navbar-inverse .navbar-link { | ||||
color: #999999; | ||||
} | ||||
.navbar-inverse .navbar-link:hover { | ||||
color: #ffffff; | ||||
} | ||||
.breadcrumb { | ||||
padding: 8px 15px; | ||||
margin-bottom: 18px; | ||||
list-style: none; | ||||
background-color: #f5f5f5; | ||||
border-radius: 4px; | ||||
} | ||||
.breadcrumb > li { | ||||
display: inline-block; | ||||
} | ||||
.breadcrumb > li + li:before { | ||||
content: "/\00a0"; | ||||
padding: 0 5px; | ||||
color: #5e5e5e; | ||||
} | ||||
.breadcrumb > .active { | ||||
color: #999999; | ||||
} | ||||
.pagination { | ||||
display: inline-block; | ||||
padding-left: 0; | ||||
margin: 18px 0; | ||||
border-radius: 4px; | ||||
} | ||||
.pagination > li { | ||||
display: inline; | ||||
} | ||||
.pagination > li > a, | ||||
.pagination > li > span { | ||||
position: relative; | ||||
float: left; | ||||
padding: 6px 12px; | ||||
line-height: 1.42857143; | ||||
text-decoration: none; | ||||
color: #428bca; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
margin-left: -1px; | ||||
} | ||||
.pagination > li:first-child > a, | ||||
.pagination > li:first-child > span { | ||||
margin-left: 0; | ||||
border-bottom-left-radius: 4px; | ||||
border-top-left-radius: 4px; | ||||
} | ||||
.pagination > li:last-child > a, | ||||
.pagination > li:last-child > span { | ||||
border-bottom-right-radius: 4px; | ||||
border-top-right-radius: 4px; | ||||
} | ||||
.pagination > li > a:hover, | ||||
.pagination > li > span:hover, | ||||
.pagination > li > a:focus, | ||||
.pagination > li > span:focus { | ||||
color: #2a6496; | ||||
background-color: #eeeeee; | ||||
border-color: #dddddd; | ||||
} | ||||
.pagination > .active > a, | ||||
.pagination > .active > span, | ||||
.pagination > .active > a:hover, | ||||
.pagination > .active > span:hover, | ||||
.pagination > .active > a:focus, | ||||
.pagination > .active > span:focus { | ||||
z-index: 2; | ||||
color: #ffffff; | ||||
background-color: #428bca; | ||||
border-color: #428bca; | ||||
cursor: default; | ||||
} | ||||
.pagination > .disabled > span, | ||||
.pagination > .disabled > span:hover, | ||||
.pagination > .disabled > span:focus, | ||||
.pagination > .disabled > a, | ||||
.pagination > .disabled > a:hover, | ||||
.pagination > .disabled > a:focus { | ||||
color: #999999; | ||||
background-color: #ffffff; | ||||
border-color: #dddddd; | ||||
cursor: not-allowed; | ||||
} | ||||
.pagination-lg > li > a, | ||||
.pagination-lg > li > span { | ||||
padding: 10px 16px; | ||||
font-size: 17px; | ||||
} | ||||
.pagination-lg > li:first-child > a, | ||||
.pagination-lg > li:first-child > span { | ||||
border-bottom-left-radius: 6px; | ||||
border-top-left-radius: 6px; | ||||
} | ||||
.pagination-lg > li:last-child > a, | ||||
.pagination-lg > li:last-child > span { | ||||
border-bottom-right-radius: 6px; | ||||
border-top-right-radius: 6px; | ||||
} | ||||
.pagination-sm > li > a, | ||||
.pagination-sm > li > span { | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
} | ||||
.pagination-sm > li:first-child > a, | ||||
.pagination-sm > li:first-child > span { | ||||
border-bottom-left-radius: 3px; | ||||
border-top-left-radius: 3px; | ||||
} | ||||
.pagination-sm > li:last-child > a, | ||||
.pagination-sm > li:last-child > span { | ||||
border-bottom-right-radius: 3px; | ||||
border-top-right-radius: 3px; | ||||
} | ||||
.pager { | ||||
padding-left: 0; | ||||
margin: 18px 0; | ||||
list-style: none; | ||||
text-align: center; | ||||
} | ||||
.pager li { | ||||
display: inline; | ||||
} | ||||
.pager li > a, | ||||
.pager li > span { | ||||
display: inline-block; | ||||
padding: 5px 14px; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
border-radius: 15px; | ||||
} | ||||
.pager li > a:hover, | ||||
.pager li > a:focus { | ||||
text-decoration: none; | ||||
background-color: #eeeeee; | ||||
} | ||||
.pager .next > a, | ||||
.pager .next > span { | ||||
float: right; | ||||
} | ||||
.pager .previous > a, | ||||
.pager .previous > span { | ||||
float: left; | ||||
} | ||||
.pager .disabled > a, | ||||
.pager .disabled > a:hover, | ||||
.pager .disabled > a:focus, | ||||
.pager .disabled > span { | ||||
color: #999999; | ||||
background-color: #ffffff; | ||||
cursor: not-allowed; | ||||
} | ||||
.label { | ||||
display: inline; | ||||
padding: .2em .6em .3em; | ||||
font-size: 75%; | ||||
font-weight: bold; | ||||
line-height: 1; | ||||
color: #ffffff; | ||||
text-align: center; | ||||
white-space: nowrap; | ||||
vertical-align: baseline; | ||||
border-radius: .25em; | ||||
} | ||||
.label[href]:hover, | ||||
.label[href]:focus { | ||||
color: #ffffff; | ||||
text-decoration: none; | ||||
cursor: pointer; | ||||
} | ||||
.label:empty { | ||||
display: none; | ||||
} | ||||
.btn .label { | ||||
position: relative; | ||||
top: -1px; | ||||
} | ||||
.label-default { | ||||
background-color: #999999; | ||||
} | ||||
.label-default[href]:hover, | ||||
.label-default[href]:focus { | ||||
background-color: #808080; | ||||
} | ||||
.label-primary { | ||||
background-color: #428bca; | ||||
} | ||||
.label-primary[href]:hover, | ||||
.label-primary[href]:focus { | ||||
background-color: #3071a9; | ||||
} | ||||
.label-success { | ||||
background-color: #5cb85c; | ||||
} | ||||
.label-success[href]:hover, | ||||
.label-success[href]:focus { | ||||
background-color: #449d44; | ||||
} | ||||
.label-info { | ||||
background-color: #5bc0de; | ||||
} | ||||
.label-info[href]:hover, | ||||
.label-info[href]:focus { | ||||
background-color: #31b0d5; | ||||
} | ||||
.label-warning { | ||||
background-color: #f0ad4e; | ||||
} | ||||
.label-warning[href]:hover, | ||||
.label-warning[href]:focus { | ||||
background-color: #ec971f; | ||||
} | ||||
.label-danger { | ||||
background-color: #d9534f; | ||||
} | ||||
.label-danger[href]:hover, | ||||
.label-danger[href]:focus { | ||||
background-color: #c9302c; | ||||
} | ||||
.badge { | ||||
display: inline-block; | ||||
min-width: 10px; | ||||
padding: 3px 7px; | ||||
font-size: 12px; | ||||
font-weight: bold; | ||||
color: #ffffff; | ||||
line-height: 1; | ||||
vertical-align: baseline; | ||||
white-space: nowrap; | ||||
text-align: center; | ||||
background-color: #999999; | ||||
border-radius: 10px; | ||||
} | ||||
.badge:empty { | ||||
display: none; | ||||
} | ||||
.btn .badge { | ||||
position: relative; | ||||
top: -1px; | ||||
} | ||||
.btn-xs .badge { | ||||
top: 0; | ||||
padding: 1px 5px; | ||||
} | ||||
a.badge:hover, | ||||
a.badge:focus { | ||||
color: #ffffff; | ||||
text-decoration: none; | ||||
cursor: pointer; | ||||
} | ||||
a.list-group-item.active > .badge, | ||||
.nav-pills > .active > a > .badge { | ||||
color: #428bca; | ||||
background-color: #ffffff; | ||||
} | ||||
.nav-pills > li > a > .badge { | ||||
margin-left: 3px; | ||||
} | ||||
.jumbotron { | ||||
padding: 30px; | ||||
margin-bottom: 30px; | ||||
color: inherit; | ||||
background-color: #eeeeee; | ||||
} | ||||
.jumbotron h1, | ||||
.jumbotron .h1 { | ||||
color: inherit; | ||||
} | ||||
.jumbotron p { | ||||
margin-bottom: 15px; | ||||
font-size: 20px; | ||||
font-weight: 200; | ||||
} | ||||
.container .jumbotron { | ||||
border-radius: 6px; | ||||
} | ||||
.jumbotron .container { | ||||
max-width: 100%; | ||||
} | ||||
@media screen and (min-width: 768px) { | ||||
.jumbotron { | ||||
padding-top: 48px; | ||||
padding-bottom: 48px; | ||||
} | ||||
.container .jumbotron { | ||||
padding-left: 60px; | ||||
padding-right: 60px; | ||||
} | ||||
.jumbotron h1, | ||||
.jumbotron .h1 { | ||||
font-size: 58.5px; | ||||
} | ||||
} | ||||
.thumbnail { | ||||
display: block; | ||||
padding: 4px; | ||||
margin-bottom: 18px; | ||||
line-height: 1.42857143; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
border-radius: 4px; | ||||
-webkit-transition: all 0.2s ease-in-out; | ||||
transition: all 0.2s ease-in-out; | ||||
} | ||||
.thumbnail > img, | ||||
.thumbnail a > img { | ||||
margin-left: auto; | ||||
margin-right: auto; | ||||
} | ||||
a.thumbnail:hover, | ||||
a.thumbnail:focus, | ||||
a.thumbnail.active { | ||||
border-color: #428bca; | ||||
} | ||||
.thumbnail .caption { | ||||
padding: 9px; | ||||
color: #000000; | ||||
} | ||||
.alert { | ||||
padding: 15px; | ||||
margin-bottom: 18px; | ||||
border: 1px solid transparent; | ||||
border-radius: 4px; | ||||
} | ||||
.alert h4 { | ||||
margin-top: 0; | ||||
color: inherit; | ||||
} | ||||
.alert .alert-link { | ||||
font-weight: bold; | ||||
} | ||||
.alert > p, | ||||
.alert > ul { | ||||
margin-bottom: 0; | ||||
} | ||||
.alert > p + p { | ||||
margin-top: 5px; | ||||
} | ||||
.alert-dismissable { | ||||
padding-right: 35px; | ||||
} | ||||
.alert-dismissable .close { | ||||
position: relative; | ||||
top: -2px; | ||||
right: -21px; | ||||
color: inherit; | ||||
} | ||||
.alert-success { | ||||
background-color: #dff0d8; | ||||
border-color: #d6e9c6; | ||||
color: #3c763d; | ||||
} | ||||
.alert-success hr { | ||||
border-top-color: #c9e2b3; | ||||
} | ||||
.alert-success .alert-link { | ||||
color: #2b542c; | ||||
} | ||||
.alert-info { | ||||
background-color: #d9edf7; | ||||
border-color: #bce8f1; | ||||
color: #31708f; | ||||
} | ||||
.alert-info hr { | ||||
border-top-color: #a6e1ec; | ||||
} | ||||
.alert-info .alert-link { | ||||
color: #245269; | ||||
} | ||||
.alert-warning { | ||||
background-color: #fcf8e3; | ||||
border-color: #faebcc; | ||||
color: #8a6d3b; | ||||
} | ||||
.alert-warning hr { | ||||
border-top-color: #f7e1b5; | ||||
} | ||||
.alert-warning .alert-link { | ||||
color: #66512c; | ||||
} | ||||
.alert-danger { | ||||
background-color: #f2dede; | ||||
border-color: #ebccd1; | ||||
color: #a94442; | ||||
} | ||||
.alert-danger hr { | ||||
border-top-color: #e4b9c0; | ||||
} | ||||
.alert-danger .alert-link { | ||||
color: #843534; | ||||
} | ||||
@-webkit-keyframes progress-bar-stripes { | ||||
from { | ||||
background-position: 40px 0; | ||||
} | ||||
to { | ||||
background-position: 0 0; | ||||
} | ||||
} | ||||
@keyframes progress-bar-stripes { | ||||
from { | ||||
background-position: 40px 0; | ||||
} | ||||
to { | ||||
background-position: 0 0; | ||||
} | ||||
} | ||||
.progress { | ||||
overflow: hidden; | ||||
height: 18px; | ||||
margin-bottom: 18px; | ||||
background-color: #f5f5f5; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||||
} | ||||
.progress-bar { | ||||
float: left; | ||||
width: 0%; | ||||
height: 100%; | ||||
font-size: 12px; | ||||
line-height: 18px; | ||||
color: #ffffff; | ||||
text-align: center; | ||||
background-color: #428bca; | ||||
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||||
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||||
-webkit-transition: width 0.6s ease; | ||||
transition: width 0.6s ease; | ||||
} | ||||
.progress-striped .progress-bar { | ||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-size: 40px 40px; | ||||
} | ||||
.progress.active .progress-bar { | ||||
-webkit-animation: progress-bar-stripes 2s linear infinite; | ||||
animation: progress-bar-stripes 2s linear infinite; | ||||
} | ||||
.progress-bar-success { | ||||
background-color: #5cb85c; | ||||
} | ||||
.progress-striped .progress-bar-success { | ||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
} | ||||
.progress-bar-info { | ||||
background-color: #5bc0de; | ||||
} | ||||
.progress-striped .progress-bar-info { | ||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
} | ||||
.progress-bar-warning { | ||||
background-color: #f0ad4e; | ||||
} | ||||
.progress-striped .progress-bar-warning { | ||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
} | ||||
.progress-bar-danger { | ||||
background-color: #d9534f; | ||||
} | ||||
.progress-striped .progress-bar-danger { | ||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||||
} | ||||
.media, | ||||
.media-body { | ||||
overflow: hidden; | ||||
zoom: 1; | ||||
} | ||||
.media, | ||||
.media .media { | ||||
margin-top: 15px; | ||||
} | ||||
.media:first-child { | ||||
margin-top: 0; | ||||
} | ||||
.media-object { | ||||
display: block; | ||||
} | ||||
.media-heading { | ||||
margin: 0 0 5px; | ||||
} | ||||
.media > .pull-left { | ||||
margin-right: 10px; | ||||
} | ||||
.media > .pull-right { | ||||
margin-left: 10px; | ||||
} | ||||
.media-list { | ||||
padding-left: 0; | ||||
list-style: none; | ||||
} | ||||
.list-group { | ||||
margin-bottom: 20px; | ||||
padding-left: 0; | ||||
} | ||||
.list-group-item { | ||||
position: relative; | ||||
display: block; | ||||
padding: 10px 15px; | ||||
margin-bottom: -1px; | ||||
background-color: #ffffff; | ||||
border: 1px solid #dddddd; | ||||
} | ||||
.list-group-item:first-child { | ||||
border-top-right-radius: 4px; | ||||
border-top-left-radius: 4px; | ||||
} | ||||
.list-group-item:last-child { | ||||
margin-bottom: 0; | ||||
border-bottom-right-radius: 4px; | ||||
border-bottom-left-radius: 4px; | ||||
} | ||||
.list-group-item > .badge { | ||||
float: right; | ||||
} | ||||
.list-group-item > .badge + .badge { | ||||
margin-right: 5px; | ||||
} | ||||
a.list-group-item { | ||||
color: #555555; | ||||
} | ||||
a.list-group-item .list-group-item-heading { | ||||
color: #333333; | ||||
} | ||||
a.list-group-item:hover, | ||||
a.list-group-item:focus { | ||||
text-decoration: none; | ||||
background-color: #f5f5f5; | ||||
} | ||||
a.list-group-item.active, | ||||
a.list-group-item.active:hover, | ||||
a.list-group-item.active:focus { | ||||
z-index: 2; | ||||
color: #ffffff; | ||||
background-color: #428bca; | ||||
border-color: #428bca; | ||||
} | ||||
a.list-group-item.active .list-group-item-heading, | ||||
a.list-group-item.active:hover .list-group-item-heading, | ||||
a.list-group-item.active:focus .list-group-item-heading { | ||||
color: inherit; | ||||
} | ||||
a.list-group-item.active .list-group-item-text, | ||||
a.list-group-item.active:hover .list-group-item-text, | ||||
a.list-group-item.active:focus .list-group-item-text { | ||||
color: #e1edf7; | ||||
} | ||||
.list-group-item-success { | ||||
color: #3c763d; | ||||
background-color: #dff0d8; | ||||
} | ||||
a.list-group-item-success { | ||||
color: #3c763d; | ||||
} | ||||
a.list-group-item-success .list-group-item-heading { | ||||
color: inherit; | ||||
} | ||||
a.list-group-item-success:hover, | ||||
a.list-group-item-success:focus { | ||||
color: #3c763d; | ||||
background-color: #d0e9c6; | ||||
} | ||||
a.list-group-item-success.active, | ||||
a.list-group-item-success.active:hover, | ||||
a.list-group-item-success.active:focus { | ||||
color: #fff; | ||||
background-color: #3c763d; | ||||
border-color: #3c763d; | ||||
} | ||||
.list-group-item-info { | ||||
color: #31708f; | ||||
background-color: #d9edf7; | ||||
} | ||||
a.list-group-item-info { | ||||
color: #31708f; | ||||
} | ||||
a.list-group-item-info .list-group-item-heading { | ||||
color: inherit; | ||||
} | ||||
a.list-group-item-info:hover, | ||||
a.list-group-item-info:focus { | ||||
color: #31708f; | ||||
background-color: #c4e3f3; | ||||
} | ||||
a.list-group-item-info.active, | ||||
a.list-group-item-info.active:hover, | ||||
a.list-group-item-info.active:focus { | ||||
color: #fff; | ||||
background-color: #31708f; | ||||
border-color: #31708f; | ||||
} | ||||
.list-group-item-warning { | ||||
color: #8a6d3b; | ||||
background-color: #fcf8e3; | ||||
} | ||||
a.list-group-item-warning { | ||||
color: #8a6d3b; | ||||
} | ||||
a.list-group-item-warning .list-group-item-heading { | ||||
color: inherit; | ||||
} | ||||
a.list-group-item-warning:hover, | ||||
a.list-group-item-warning:focus { | ||||
color: #8a6d3b; | ||||
background-color: #faf2cc; | ||||
} | ||||
a.list-group-item-warning.active, | ||||
a.list-group-item-warning.active:hover, | ||||
a.list-group-item-warning.active:focus { | ||||
color: #fff; | ||||
background-color: #8a6d3b; | ||||
border-color: #8a6d3b; | ||||
} | ||||
.list-group-item-danger { | ||||
color: #a94442; | ||||
background-color: #f2dede; | ||||
} | ||||
a.list-group-item-danger { | ||||
color: #a94442; | ||||
} | ||||
a.list-group-item-danger .list-group-item-heading { | ||||
color: inherit; | ||||
} | ||||
a.list-group-item-danger:hover, | ||||
a.list-group-item-danger:focus { | ||||
color: #a94442; | ||||
background-color: #ebcccc; | ||||
} | ||||
a.list-group-item-danger.active, | ||||
a.list-group-item-danger.active:hover, | ||||
a.list-group-item-danger.active:focus { | ||||
color: #fff; | ||||
background-color: #a94442; | ||||
border-color: #a94442; | ||||
} | ||||
.list-group-item-heading { | ||||
margin-top: 0; | ||||
margin-bottom: 5px; | ||||
} | ||||
.list-group-item-text { | ||||
margin-bottom: 0; | ||||
line-height: 1.3; | ||||
} | ||||
.panel { | ||||
margin-bottom: 18px; | ||||
background-color: #ffffff; | ||||
border: 1px solid transparent; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||||
} | ||||
.panel-body { | ||||
padding: 15px; | ||||
} | ||||
.panel-heading { | ||||
padding: 10px 15px; | ||||
border-bottom: 1px solid transparent; | ||||
border-top-right-radius: 3px; | ||||
border-top-left-radius: 3px; | ||||
} | ||||
.panel-heading > .dropdown .dropdown-toggle { | ||||
color: inherit; | ||||
} | ||||
.panel-title { | ||||
margin-top: 0; | ||||
margin-bottom: 0; | ||||
font-size: 15px; | ||||
color: inherit; | ||||
} | ||||
.panel-title > a { | ||||
color: inherit; | ||||
} | ||||
.panel-footer { | ||||
padding: 10px 15px; | ||||
background-color: #f5f5f5; | ||||
border-top: 1px solid #dddddd; | ||||
border-bottom-right-radius: 3px; | ||||
border-bottom-left-radius: 3px; | ||||
} | ||||
.panel > .list-group { | ||||
margin-bottom: 0; | ||||
} | ||||
.panel > .list-group .list-group-item { | ||||
border-width: 1px 0; | ||||
border-radius: 0; | ||||
} | ||||
.panel > .list-group:first-child .list-group-item:first-child { | ||||
border-top: 0; | ||||
border-top-right-radius: 3px; | ||||
border-top-left-radius: 3px; | ||||
} | ||||
.panel > .list-group:last-child .list-group-item:last-child { | ||||
border-bottom: 0; | ||||
border-bottom-right-radius: 3px; | ||||
border-bottom-left-radius: 3px; | ||||
} | ||||
.panel-heading + .list-group .list-group-item:first-child { | ||||
border-top-width: 0; | ||||
} | ||||
.panel > .table, | ||||
.panel > .table-responsive > .table { | ||||
margin-bottom: 0; | ||||
} | ||||
.panel > .table:first-child, | ||||
.panel > .table-responsive:first-child > .table:first-child { | ||||
border-top-right-radius: 3px; | ||||
border-top-left-radius: 3px; | ||||
} | ||||
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | ||||
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | ||||
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | ||||
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | ||||
border-top-left-radius: 3px; | ||||
} | ||||
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | ||||
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | ||||
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | ||||
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, | ||||
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | ||||
border-top-right-radius: 3px; | ||||
} | ||||
.panel > .table:last-child, | ||||
.panel > .table-responsive:last-child > .table:last-child { | ||||
border-bottom-right-radius: 3px; | ||||
border-bottom-left-radius: 3px; | ||||
} | ||||
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | ||||
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | ||||
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | ||||
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | ||||
border-bottom-left-radius: 3px; | ||||
} | ||||
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | ||||
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | ||||
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | ||||
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | ||||
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | ||||
border-bottom-right-radius: 3px; | ||||
} | ||||
.panel > .panel-body + .table, | ||||
.panel > .panel-body + .table-responsive { | ||||
border-top: 1px solid #dddddd; | ||||
} | ||||
.panel > .table > tbody:first-child > tr:first-child th, | ||||
.panel > .table > tbody:first-child > tr:first-child td { | ||||
border-top: 0; | ||||
} | ||||
.panel > .table-bordered, | ||||
.panel > .table-responsive > .table-bordered { | ||||
border: 0; | ||||
} | ||||
.panel > .table-bordered > thead > tr > th:first-child, | ||||
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, | ||||
.panel > .table-bordered > tbody > tr > th:first-child, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | ||||
.panel > .table-bordered > tfoot > tr > th:first-child, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | ||||
.panel > .table-bordered > thead > tr > td:first-child, | ||||
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | ||||
.panel > .table-bordered > tbody > tr > td:first-child, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | ||||
.panel > .table-bordered > tfoot > tr > td:first-child, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { | ||||
border-left: 0; | ||||
} | ||||
.panel > .table-bordered > thead > tr > th:last-child, | ||||
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, | ||||
.panel > .table-bordered > tbody > tr > th:last-child, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | ||||
.panel > .table-bordered > tfoot > tr > th:last-child, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | ||||
.panel > .table-bordered > thead > tr > td:last-child, | ||||
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | ||||
.panel > .table-bordered > tbody > tr > td:last-child, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | ||||
.panel > .table-bordered > tfoot > tr > td:last-child, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { | ||||
border-right: 0; | ||||
} | ||||
.panel > .table-bordered > thead > tr:first-child > td, | ||||
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, | ||||
.panel > .table-bordered > tbody > tr:first-child > td, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | ||||
.panel > .table-bordered > thead > tr:first-child > th, | ||||
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | ||||
.panel > .table-bordered > tbody > tr:first-child > th, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | ||||
border-bottom: 0; | ||||
} | ||||
.panel > .table-bordered > tbody > tr:last-child > td, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | ||||
.panel > .table-bordered > tfoot > tr:last-child > td, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | ||||
.panel > .table-bordered > tbody > tr:last-child > th, | ||||
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | ||||
.panel > .table-bordered > tfoot > tr:last-child > th, | ||||
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | ||||
border-bottom: 0; | ||||
} | ||||
.panel > .table-responsive { | ||||
border: 0; | ||||
margin-bottom: 0; | ||||
} | ||||
.panel-group { | ||||
margin-bottom: 18px; | ||||
} | ||||
.panel-group .panel { | ||||
margin-bottom: 0; | ||||
border-radius: 4px; | ||||
overflow: hidden; | ||||
} | ||||
.panel-group .panel + .panel { | ||||
margin-top: 5px; | ||||
} | ||||
.panel-group .panel-heading { | ||||
border-bottom: 0; | ||||
} | ||||
.panel-group .panel-heading + .panel-collapse .panel-body { | ||||
border-top: 1px solid #dddddd; | ||||
} | ||||
.panel-group .panel-footer { | ||||
border-top: 0; | ||||
} | ||||
.panel-group .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom: 1px solid #dddddd; | ||||
} | ||||
.panel-default { | ||||
border-color: #dddddd; | ||||
} | ||||
.panel-default > .panel-heading { | ||||
color: #333333; | ||||
background-color: #f5f5f5; | ||||
border-color: #dddddd; | ||||
} | ||||
.panel-default > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #dddddd; | ||||
} | ||||
.panel-default > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #dddddd; | ||||
} | ||||
.panel-primary { | ||||
border-color: #428bca; | ||||
} | ||||
.panel-primary > .panel-heading { | ||||
color: #ffffff; | ||||
background-color: #428bca; | ||||
border-color: #428bca; | ||||
} | ||||
.panel-primary > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #428bca; | ||||
} | ||||
.panel-primary > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #428bca; | ||||
} | ||||
.panel-success { | ||||
border-color: #d6e9c6; | ||||
} | ||||
.panel-success > .panel-heading { | ||||
color: #3c763d; | ||||
background-color: #dff0d8; | ||||
border-color: #d6e9c6; | ||||
} | ||||
.panel-success > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #d6e9c6; | ||||
} | ||||
.panel-success > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #d6e9c6; | ||||
} | ||||
.panel-info { | ||||
border-color: #bce8f1; | ||||
} | ||||
.panel-info > .panel-heading { | ||||
color: #31708f; | ||||
background-color: #d9edf7; | ||||
border-color: #bce8f1; | ||||
} | ||||
.panel-info > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #bce8f1; | ||||
} | ||||
.panel-info > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #bce8f1; | ||||
} | ||||
.panel-warning { | ||||
border-color: #faebcc; | ||||
} | ||||
.panel-warning > .panel-heading { | ||||
color: #8a6d3b; | ||||
background-color: #fcf8e3; | ||||
border-color: #faebcc; | ||||
} | ||||
.panel-warning > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #faebcc; | ||||
} | ||||
.panel-warning > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #faebcc; | ||||
} | ||||
.panel-danger { | ||||
border-color: #ebccd1; | ||||
} | ||||
.panel-danger > .panel-heading { | ||||
color: #a94442; | ||||
background-color: #f2dede; | ||||
border-color: #ebccd1; | ||||
} | ||||
.panel-danger > .panel-heading + .panel-collapse .panel-body { | ||||
border-top-color: #ebccd1; | ||||
} | ||||
.panel-danger > .panel-footer + .panel-collapse .panel-body { | ||||
border-bottom-color: #ebccd1; | ||||
} | ||||
.well { | ||||
min-height: 20px; | ||||
padding: 19px; | ||||
margin-bottom: 20px; | ||||
background-color: #f5f5f5; | ||||
border: 1px solid #e3e3e3; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||||
} | ||||
.well blockquote { | ||||
border-color: #ddd; | ||||
border-color: rgba(0, 0, 0, 0.15); | ||||
} | ||||
.well-lg { | ||||
padding: 24px; | ||||
border-radius: 6px; | ||||
} | ||||
.well-sm { | ||||
padding: 9px; | ||||
border-radius: 3px; | ||||
} | ||||
.close { | ||||
float: right; | ||||
font-size: 19.5px; | ||||
font-weight: bold; | ||||
line-height: 1; | ||||
color: #000000; | ||||
text-shadow: 0 1px 0 #ffffff; | ||||
opacity: 0.2; | ||||
filter: alpha(opacity=20); | ||||
} | ||||
.close:hover, | ||||
.close:focus { | ||||
color: #000000; | ||||
text-decoration: none; | ||||
cursor: pointer; | ||||
opacity: 0.5; | ||||
filter: alpha(opacity=50); | ||||
} | ||||
button.close { | ||||
padding: 0; | ||||
cursor: pointer; | ||||
background: transparent; | ||||
border: 0; | ||||
-webkit-appearance: none; | ||||
} | ||||
.modal-open { | ||||
overflow: hidden; | ||||
} | ||||
.modal { | ||||
display: none; | ||||
overflow: auto; | ||||
overflow-y: scroll; | ||||
position: fixed; | ||||
top: 0; | ||||
right: 0; | ||||
bottom: 0; | ||||
left: 0; | ||||
z-index: 1050; | ||||
-webkit-overflow-scrolling: touch; | ||||
outline: 0; | ||||
} | ||||
.modal.fade .modal-dialog { | ||||
-webkit-transform: translate(0, -25%); | ||||
-ms-transform: translate(0, -25%); | ||||
transform: translate(0, -25%); | ||||
-webkit-transition: -webkit-transform 0.3s ease-out; | ||||
-moz-transition: -moz-transform 0.3s ease-out; | ||||
-o-transition: -o-transform 0.3s ease-out; | ||||
transition: transform 0.3s ease-out; | ||||
} | ||||
.modal.in .modal-dialog { | ||||
-webkit-transform: translate(0, 0); | ||||
-ms-transform: translate(0, 0); | ||||
transform: translate(0, 0); | ||||
} | ||||
.modal-dialog { | ||||
position: relative; | ||||
width: auto; | ||||
margin: 10px; | ||||
} | ||||
.modal-content { | ||||
position: relative; | ||||
background-color: #ffffff; | ||||
border: 1px solid #999999; | ||||
border: 1px solid rgba(0, 0, 0, 0.2); | ||||
border-radius: 6px; | ||||
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||||
background-clip: padding-box; | ||||
outline: none; | ||||
} | ||||
.modal-backdrop { | ||||
position: fixed; | ||||
top: 0; | ||||
right: 0; | ||||
bottom: 0; | ||||
left: 0; | ||||
z-index: 1040; | ||||
background-color: #000000; | ||||
} | ||||
.modal-backdrop.fade { | ||||
opacity: 0; | ||||
filter: alpha(opacity=0); | ||||
} | ||||
.modal-backdrop.in { | ||||
opacity: 0.5; | ||||
filter: alpha(opacity=50); | ||||
} | ||||
.modal-header { | ||||
padding: 15px; | ||||
border-bottom: 1px solid #e5e5e5; | ||||
min-height: 16.42857143px; | ||||
} | ||||
.modal-header .close { | ||||
margin-top: -2px; | ||||
} | ||||
.modal-title { | ||||
margin: 0; | ||||
line-height: 1.42857143; | ||||
} | ||||
.modal-body { | ||||
position: relative; | ||||
padding: 15px; | ||||
} | ||||
.modal-footer { | ||||
margin-top: 15px; | ||||
padding: 14px 15px 15px; | ||||
text-align: right; | ||||
border-top: 1px solid #e5e5e5; | ||||
} | ||||
.modal-footer .btn + .btn { | ||||
margin-left: 5px; | ||||
margin-bottom: 0; | ||||
} | ||||
.modal-footer .btn-group .btn + .btn { | ||||
margin-left: -1px; | ||||
} | ||||
.modal-footer .btn-block + .btn-block { | ||||
margin-left: 0; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.modal-dialog { | ||||
width: 600px; | ||||
margin: 30px auto; | ||||
} | ||||
.modal-content { | ||||
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||||
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||||
} | ||||
.modal-sm { | ||||
width: 300px; | ||||
} | ||||
} | ||||
@media (min-width: 992px) { | ||||
.modal-lg { | ||||
width: 900px; | ||||
} | ||||
} | ||||
.tooltip { | ||||
position: absolute; | ||||
z-index: 1030; | ||||
display: block; | ||||
visibility: visible; | ||||
font-size: 12px; | ||||
line-height: 1.4; | ||||
opacity: 0; | ||||
filter: alpha(opacity=0); | ||||
} | ||||
.tooltip.in { | ||||
opacity: 0.9; | ||||
filter: alpha(opacity=90); | ||||
} | ||||
.tooltip.top { | ||||
margin-top: -3px; | ||||
padding: 5px 0; | ||||
} | ||||
.tooltip.right { | ||||
margin-left: 3px; | ||||
padding: 0 5px; | ||||
} | ||||
.tooltip.bottom { | ||||
margin-top: 3px; | ||||
padding: 5px 0; | ||||
} | ||||
.tooltip.left { | ||||
margin-left: -3px; | ||||
padding: 0 5px; | ||||
} | ||||
.tooltip-inner { | ||||
max-width: 200px; | ||||
padding: 3px 8px; | ||||
color: #ffffff; | ||||
text-align: center; | ||||
text-decoration: none; | ||||
background-color: #000000; | ||||
border-radius: 4px; | ||||
} | ||||
.tooltip-arrow { | ||||
position: absolute; | ||||
width: 0; | ||||
height: 0; | ||||
border-color: transparent; | ||||
border-style: solid; | ||||
} | ||||
.tooltip.top .tooltip-arrow { | ||||
bottom: 0; | ||||
left: 50%; | ||||
margin-left: -5px; | ||||
border-width: 5px 5px 0; | ||||
border-top-color: #000000; | ||||
} | ||||
.tooltip.top-left .tooltip-arrow { | ||||
bottom: 0; | ||||
left: 5px; | ||||
border-width: 5px 5px 0; | ||||
border-top-color: #000000; | ||||
} | ||||
.tooltip.top-right .tooltip-arrow { | ||||
bottom: 0; | ||||
right: 5px; | ||||
border-width: 5px 5px 0; | ||||
border-top-color: #000000; | ||||
} | ||||
.tooltip.right .tooltip-arrow { | ||||
top: 50%; | ||||
left: 0; | ||||
margin-top: -5px; | ||||
border-width: 5px 5px 5px 0; | ||||
border-right-color: #000000; | ||||
} | ||||
.tooltip.left .tooltip-arrow { | ||||
top: 50%; | ||||
right: 0; | ||||
margin-top: -5px; | ||||
border-width: 5px 0 5px 5px; | ||||
border-left-color: #000000; | ||||
} | ||||
.tooltip.bottom .tooltip-arrow { | ||||
top: 0; | ||||
left: 50%; | ||||
margin-left: -5px; | ||||
border-width: 0 5px 5px; | ||||
border-bottom-color: #000000; | ||||
} | ||||
.tooltip.bottom-left .tooltip-arrow { | ||||
top: 0; | ||||
left: 5px; | ||||
border-width: 0 5px 5px; | ||||
border-bottom-color: #000000; | ||||
} | ||||
.tooltip.bottom-right .tooltip-arrow { | ||||
top: 0; | ||||
right: 5px; | ||||
border-width: 0 5px 5px; | ||||
border-bottom-color: #000000; | ||||
} | ||||
.popover { | ||||
position: absolute; | ||||
top: 0; | ||||
left: 0; | ||||
z-index: 1010; | ||||
display: none; | ||||
max-width: 276px; | ||||
padding: 1px; | ||||
text-align: left; | ||||
background-color: #ffffff; | ||||
background-clip: padding-box; | ||||
border: 1px solid #cccccc; | ||||
border: 1px solid rgba(0, 0, 0, 0.2); | ||||
border-radius: 6px; | ||||
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||||
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||||
white-space: normal; | ||||
} | ||||
.popover.top { | ||||
margin-top: -10px; | ||||
} | ||||
.popover.right { | ||||
margin-left: 10px; | ||||
} | ||||
.popover.bottom { | ||||
margin-top: 10px; | ||||
} | ||||
.popover.left { | ||||
margin-left: -10px; | ||||
} | ||||
.popover-title { | ||||
margin: 0; | ||||
padding: 8px 14px; | ||||
font-size: 13px; | ||||
font-weight: normal; | ||||
line-height: 18px; | ||||
background-color: #f7f7f7; | ||||
border-bottom: 1px solid #ebebeb; | ||||
border-radius: 5px 5px 0 0; | ||||
} | ||||
.popover-content { | ||||
padding: 9px 14px; | ||||
} | ||||
.popover > .arrow, | ||||
.popover > .arrow:after { | ||||
position: absolute; | ||||
display: block; | ||||
width: 0; | ||||
height: 0; | ||||
border-color: transparent; | ||||
border-style: solid; | ||||
} | ||||
.popover > .arrow { | ||||
border-width: 11px; | ||||
} | ||||
.popover > .arrow:after { | ||||
border-width: 10px; | ||||
content: ""; | ||||
} | ||||
.popover.top > .arrow { | ||||
left: 50%; | ||||
margin-left: -11px; | ||||
border-bottom-width: 0; | ||||
border-top-color: #999999; | ||||
border-top-color: rgba(0, 0, 0, 0.25); | ||||
bottom: -11px; | ||||
} | ||||
.popover.top > .arrow:after { | ||||
content: " "; | ||||
bottom: 1px; | ||||
margin-left: -10px; | ||||
border-bottom-width: 0; | ||||
border-top-color: #ffffff; | ||||
} | ||||
.popover.right > .arrow { | ||||
top: 50%; | ||||
left: -11px; | ||||
margin-top: -11px; | ||||
border-left-width: 0; | ||||
border-right-color: #999999; | ||||
border-right-color: rgba(0, 0, 0, 0.25); | ||||
} | ||||
.popover.right > .arrow:after { | ||||
content: " "; | ||||
left: 1px; | ||||
bottom: -10px; | ||||
border-left-width: 0; | ||||
border-right-color: #ffffff; | ||||
} | ||||
.popover.bottom > .arrow { | ||||
left: 50%; | ||||
margin-left: -11px; | ||||
border-top-width: 0; | ||||
border-bottom-color: #999999; | ||||
border-bottom-color: rgba(0, 0, 0, 0.25); | ||||
top: -11px; | ||||
} | ||||
.popover.bottom > .arrow:after { | ||||
content: " "; | ||||
top: 1px; | ||||
margin-left: -10px; | ||||
border-top-width: 0; | ||||
border-bottom-color: #ffffff; | ||||
} | ||||
.popover.left > .arrow { | ||||
top: 50%; | ||||
right: -11px; | ||||
margin-top: -11px; | ||||
border-right-width: 0; | ||||
border-left-color: #999999; | ||||
border-left-color: rgba(0, 0, 0, 0.25); | ||||
} | ||||
.popover.left > .arrow:after { | ||||
content: " "; | ||||
right: 1px; | ||||
border-right-width: 0; | ||||
border-left-color: #ffffff; | ||||
bottom: -10px; | ||||
} | ||||
.carousel { | ||||
position: relative; | ||||
} | ||||
.carousel-inner { | ||||
position: relative; | ||||
overflow: hidden; | ||||
width: 100%; | ||||
} | ||||
.carousel-inner > .item { | ||||
display: none; | ||||
position: relative; | ||||
-webkit-transition: 0.6s ease-in-out left; | ||||
transition: 0.6s ease-in-out left; | ||||
} | ||||
.carousel-inner > .item > img, | ||||
.carousel-inner > .item > a > img { | ||||
line-height: 1; | ||||
} | ||||
.carousel-inner > .active, | ||||
.carousel-inner > .next, | ||||
.carousel-inner > .prev { | ||||
display: block; | ||||
} | ||||
.carousel-inner > .active { | ||||
left: 0; | ||||
} | ||||
.carousel-inner > .next, | ||||
.carousel-inner > .prev { | ||||
position: absolute; | ||||
top: 0; | ||||
width: 100%; | ||||
} | ||||
.carousel-inner > .next { | ||||
left: 100%; | ||||
} | ||||
.carousel-inner > .prev { | ||||
left: -100%; | ||||
} | ||||
.carousel-inner > .next.left, | ||||
.carousel-inner > .prev.right { | ||||
left: 0; | ||||
} | ||||
.carousel-inner > .active.left { | ||||
left: -100%; | ||||
} | ||||
.carousel-inner > .active.right { | ||||
left: 100%; | ||||
} | ||||
.carousel-control { | ||||
position: absolute; | ||||
top: 0; | ||||
left: 0; | ||||
bottom: 0; | ||||
width: 15%; | ||||
opacity: 0.5; | ||||
filter: alpha(opacity=50); | ||||
font-size: 20px; | ||||
color: #ffffff; | ||||
text-align: center; | ||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||||
} | ||||
.carousel-control.left { | ||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); | ||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||||
background-repeat: repeat-x; | ||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | ||||
} | ||||
.carousel-control.right { | ||||
left: auto; | ||||
right: 0; | ||||
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); | ||||
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||||
background-repeat: repeat-x; | ||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | ||||
} | ||||
.carousel-control:hover, | ||||
.carousel-control:focus { | ||||
outline: none; | ||||
color: #ffffff; | ||||
text-decoration: none; | ||||
opacity: 0.9; | ||||
filter: alpha(opacity=90); | ||||
} | ||||
.carousel-control .icon-prev, | ||||
.carousel-control .icon-next, | ||||
.carousel-control .glyphicon-chevron-left, | ||||
.carousel-control .glyphicon-chevron-right { | ||||
position: absolute; | ||||
top: 50%; | ||||
z-index: 5; | ||||
display: inline-block; | ||||
} | ||||
.carousel-control .icon-prev, | ||||
.carousel-control .glyphicon-chevron-left { | ||||
left: 50%; | ||||
} | ||||
.carousel-control .icon-next, | ||||
.carousel-control .glyphicon-chevron-right { | ||||
right: 50%; | ||||
} | ||||
.carousel-control .icon-prev, | ||||
.carousel-control .icon-next { | ||||
width: 20px; | ||||
height: 20px; | ||||
margin-top: -10px; | ||||
margin-left: -10px; | ||||
font-family: serif; | ||||
} | ||||
.carousel-control .icon-prev:before { | ||||
content: '\2039'; | ||||
} | ||||
.carousel-control .icon-next:before { | ||||
content: '\203a'; | ||||
} | ||||
.carousel-indicators { | ||||
position: absolute; | ||||
bottom: 10px; | ||||
left: 50%; | ||||
z-index: 15; | ||||
width: 60%; | ||||
margin-left: -30%; | ||||
padding-left: 0; | ||||
list-style: none; | ||||
text-align: center; | ||||
} | ||||
.carousel-indicators li { | ||||
display: inline-block; | ||||
width: 10px; | ||||
height: 10px; | ||||
margin: 1px; | ||||
text-indent: -999px; | ||||
border: 1px solid #ffffff; | ||||
border-radius: 10px; | ||||
cursor: pointer; | ||||
background-color: #000 \9; | ||||
background-color: rgba(0, 0, 0, 0); | ||||
} | ||||
.carousel-indicators .active { | ||||
margin: 0; | ||||
width: 12px; | ||||
height: 12px; | ||||
background-color: #ffffff; | ||||
} | ||||
.carousel-caption { | ||||
position: absolute; | ||||
left: 15%; | ||||
right: 15%; | ||||
bottom: 20px; | ||||
z-index: 10; | ||||
padding-top: 20px; | ||||
padding-bottom: 20px; | ||||
color: #ffffff; | ||||
text-align: center; | ||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||||
} | ||||
.carousel-caption .btn { | ||||
text-shadow: none; | ||||
} | ||||
@media screen and (min-width: 768px) { | ||||
.carousel-control .glyphicon-chevron-left, | ||||
.carousel-control .glyphicon-chevron-right, | ||||
.carousel-control .icon-prev, | ||||
.carousel-control .icon-next { | ||||
width: 30px; | ||||
height: 30px; | ||||
margin-top: -15px; | ||||
margin-left: -15px; | ||||
font-size: 30px; | ||||
} | ||||
.carousel-caption { | ||||
left: 20%; | ||||
right: 20%; | ||||
padding-bottom: 30px; | ||||
} | ||||
.carousel-indicators { | ||||
bottom: 20px; | ||||
} | ||||
} | ||||
.clearfix:before, | ||||
.clearfix:after, | ||||
.container:before, | ||||
.container:after, | ||||
.container-fluid:before, | ||||
.container-fluid:after, | ||||
.row:before, | ||||
.row:after, | ||||
.form-horizontal .form-group:before, | ||||
.form-horizontal .form-group:after, | ||||
.btn-toolbar:before, | ||||
.btn-toolbar:after, | ||||
.btn-group-vertical > .btn-group:before, | ||||
.btn-group-vertical > .btn-group:after, | ||||
.nav:before, | ||||
.nav:after, | ||||
.navbar:before, | ||||
.navbar:after, | ||||
.navbar-header:before, | ||||
.navbar-header:after, | ||||
.navbar-collapse:before, | ||||
.navbar-collapse:after, | ||||
.pager:before, | ||||
.pager:after, | ||||
.panel-body:before, | ||||
.panel-body:after, | ||||
.modal-footer:before, | ||||
.modal-footer:after { | ||||
content: " "; | ||||
display: table; | ||||
} | ||||
.clearfix:after, | ||||
.container:after, | ||||
.container-fluid:after, | ||||
.row:after, | ||||
.form-horizontal .form-group:after, | ||||
.btn-toolbar:after, | ||||
.btn-group-vertical > .btn-group:after, | ||||
.nav:after, | ||||
.navbar:after, | ||||
.navbar-header:after, | ||||
.navbar-collapse:after, | ||||
.pager:after, | ||||
.panel-body:after, | ||||
.modal-footer:after { | ||||
clear: both; | ||||
} | ||||
.center-block { | ||||
display: block; | ||||
margin-left: auto; | ||||
margin-right: auto; | ||||
} | ||||
.pull-right { | ||||
float: right !important; | ||||
} | ||||
.pull-left { | ||||
float: left !important; | ||||
} | ||||
.hide { | ||||
display: none !important; | ||||
} | ||||
.show { | ||||
display: block !important; | ||||
} | ||||
.invisible { | ||||
visibility: hidden; | ||||
} | ||||
.text-hide { | ||||
font: 0/0 a; | ||||
color: transparent; | ||||
text-shadow: none; | ||||
background-color: transparent; | ||||
border: 0; | ||||
} | ||||
.hidden { | ||||
display: none !important; | ||||
visibility: hidden !important; | ||||
} | ||||
.affix { | ||||
position: fixed; | ||||
} | ||||
@-ms-viewport { | ||||
width: device-width; | ||||
} | ||||
.visible-xs, | ||||
.visible-sm, | ||||
.visible-md, | ||||
.visible-lg { | ||||
display: none !important; | ||||
} | ||||
@media (max-width: 767px) { | ||||
.visible-xs { | ||||
display: block !important; | ||||
} | ||||
table.visible-xs { | ||||
display: table; | ||||
} | ||||
tr.visible-xs { | ||||
display: table-row !important; | ||||
} | ||||
th.visible-xs, | ||||
td.visible-xs { | ||||
display: table-cell !important; | ||||
} | ||||
} | ||||
@media (min-width: 768px) and (max-width: 991px) { | ||||
.visible-sm { | ||||
display: block !important; | ||||
} | ||||
table.visible-sm { | ||||
display: table; | ||||
} | ||||
tr.visible-sm { | ||||
display: table-row !important; | ||||
} | ||||
th.visible-sm, | ||||
td.visible-sm { | ||||
display: table-cell !important; | ||||
} | ||||
} | ||||
@media (min-width: 992px) and (max-width: 1199px) { | ||||
.visible-md { | ||||
display: block !important; | ||||
} | ||||
table.visible-md { | ||||
display: table; | ||||
} | ||||
tr.visible-md { | ||||
display: table-row !important; | ||||
} | ||||
th.visible-md, | ||||
td.visible-md { | ||||
display: table-cell !important; | ||||
} | ||||
} | ||||
@media (min-width: 1200px) { | ||||
.visible-lg { | ||||
display: block !important; | ||||
} | ||||
table.visible-lg { | ||||
display: table; | ||||
} | ||||
tr.visible-lg { | ||||
display: table-row !important; | ||||
} | ||||
th.visible-lg, | ||||
td.visible-lg { | ||||
display: table-cell !important; | ||||
} | ||||
} | ||||
@media (max-width: 767px) { | ||||
.hidden-xs { | ||||
display: none !important; | ||||
} | ||||
} | ||||
@media (min-width: 768px) and (max-width: 991px) { | ||||
.hidden-sm { | ||||
display: none !important; | ||||
} | ||||
} | ||||
@media (min-width: 992px) and (max-width: 1199px) { | ||||
.hidden-md { | ||||
display: none !important; | ||||
} | ||||
} | ||||
@media (min-width: 1200px) { | ||||
.hidden-lg { | ||||
display: none !important; | ||||
} | ||||
} | ||||
.visible-print { | ||||
display: none !important; | ||||
} | ||||
@media print { | ||||
.visible-print { | ||||
display: block !important; | ||||
} | ||||
table.visible-print { | ||||
display: table; | ||||
} | ||||
tr.visible-print { | ||||
display: table-row !important; | ||||
} | ||||
th.visible-print, | ||||
td.visible-print { | ||||
display: table-cell !important; | ||||
} | ||||
} | ||||
@media print { | ||||
.hidden-print { | ||||
display: none !important; | ||||
} | ||||
} | ||||
/*! | ||||
* | ||||
* Font Awesome | ||||
* | ||||
*/ | ||||
/*! | ||||
* Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome | ||||
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||||
*/ | ||||
/* FONT PATH | ||||
* -------------------------- */ | ||||
@font-face { | ||||
font-family: 'FontAwesome'; | ||||
src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?v=4.1.0'); | ||||
src: url('../components/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../components/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../components/font-awesome/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../components/font-awesome/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); | ||||
font-weight: normal; | ||||
font-style: normal; | ||||
} | ||||
.fa { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
} | ||||
/* makes the font 33% larger relative to the icon container */ | ||||
.fa-lg { | ||||
font-size: 1.33333333em; | ||||
line-height: 0.75em; | ||||
vertical-align: -15%; | ||||
} | ||||
.fa-2x { | ||||
font-size: 2em; | ||||
} | ||||
.fa-3x { | ||||
font-size: 3em; | ||||
} | ||||
.fa-4x { | ||||
font-size: 4em; | ||||
} | ||||
.fa-5x { | ||||
font-size: 5em; | ||||
} | ||||
.fa-fw { | ||||
width: 1.28571429em; | ||||
text-align: center; | ||||
} | ||||
.fa-ul { | ||||
padding-left: 0; | ||||
margin-left: 2.14285714em; | ||||
list-style-type: none; | ||||
} | ||||
.fa-ul > li { | ||||
position: relative; | ||||
} | ||||
.fa-li { | ||||
position: absolute; | ||||
left: -2.14285714em; | ||||
width: 2.14285714em; | ||||
top: 0.14285714em; | ||||
text-align: center; | ||||
} | ||||
.fa-li.fa-lg { | ||||
left: -1.85714286em; | ||||
} | ||||
.fa-border { | ||||
padding: .2em .25em .15em; | ||||
border: solid 0.08em #eeeeee; | ||||
border-radius: .1em; | ||||
} | ||||
.pull-right { | ||||
float: right; | ||||
} | ||||
.pull-left { | ||||
float: left; | ||||
} | ||||
.fa.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.fa.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.fa-spin { | ||||
-webkit-animation: spin 2s infinite linear; | ||||
-moz-animation: spin 2s infinite linear; | ||||
-o-animation: spin 2s infinite linear; | ||||
animation: spin 2s infinite linear; | ||||
} | ||||
@-moz-keyframes spin { | ||||
0% { | ||||
-moz-transform: rotate(0deg); | ||||
} | ||||
100% { | ||||
-moz-transform: rotate(359deg); | ||||
} | ||||
} | ||||
@-webkit-keyframes spin { | ||||
0% { | ||||
-webkit-transform: rotate(0deg); | ||||
} | ||||
100% { | ||||
-webkit-transform: rotate(359deg); | ||||
} | ||||
} | ||||
@-o-keyframes spin { | ||||
0% { | ||||
-o-transform: rotate(0deg); | ||||
} | ||||
100% { | ||||
-o-transform: rotate(359deg); | ||||
} | ||||
} | ||||
@keyframes spin { | ||||
0% { | ||||
-webkit-transform: rotate(0deg); | ||||
transform: rotate(0deg); | ||||
} | ||||
100% { | ||||
-webkit-transform: rotate(359deg); | ||||
transform: rotate(359deg); | ||||
} | ||||
} | ||||
.fa-rotate-90 { | ||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | ||||
-webkit-transform: rotate(90deg); | ||||
-moz-transform: rotate(90deg); | ||||
-ms-transform: rotate(90deg); | ||||
-o-transform: rotate(90deg); | ||||
transform: rotate(90deg); | ||||
} | ||||
.fa-rotate-180 { | ||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | ||||
-webkit-transform: rotate(180deg); | ||||
-moz-transform: rotate(180deg); | ||||
-ms-transform: rotate(180deg); | ||||
-o-transform: rotate(180deg); | ||||
transform: rotate(180deg); | ||||
} | ||||
.fa-rotate-270 { | ||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||||
-webkit-transform: rotate(270deg); | ||||
-moz-transform: rotate(270deg); | ||||
-ms-transform: rotate(270deg); | ||||
-o-transform: rotate(270deg); | ||||
transform: rotate(270deg); | ||||
} | ||||
.fa-flip-horizontal { | ||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); | ||||
-webkit-transform: scale(-1, 1); | ||||
-moz-transform: scale(-1, 1); | ||||
-ms-transform: scale(-1, 1); | ||||
-o-transform: scale(-1, 1); | ||||
transform: scale(-1, 1); | ||||
} | ||||
.fa-flip-vertical { | ||||
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); | ||||
-webkit-transform: scale(1, -1); | ||||
-moz-transform: scale(1, -1); | ||||
-ms-transform: scale(1, -1); | ||||
-o-transform: scale(1, -1); | ||||
transform: scale(1, -1); | ||||
} | ||||
.fa-stack { | ||||
position: relative; | ||||
display: inline-block; | ||||
width: 2em; | ||||
height: 2em; | ||||
line-height: 2em; | ||||
vertical-align: middle; | ||||
} | ||||
.fa-stack-1x, | ||||
.fa-stack-2x { | ||||
position: absolute; | ||||
left: 0; | ||||
width: 100%; | ||||
text-align: center; | ||||
} | ||||
.fa-stack-1x { | ||||
line-height: inherit; | ||||
} | ||||
.fa-stack-2x { | ||||
font-size: 2em; | ||||
} | ||||
.fa-inverse { | ||||
color: #ffffff; | ||||
} | ||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | ||||
readers do not read off random characters that represent icons */ | ||||
.fa-glass:before { | ||||
content: "\f000"; | ||||
} | ||||
.fa-music:before { | ||||
content: "\f001"; | ||||
} | ||||
.fa-search:before { | ||||
content: "\f002"; | ||||
} | ||||
.fa-envelope-o:before { | ||||
content: "\f003"; | ||||
} | ||||
.fa-heart:before { | ||||
content: "\f004"; | ||||
} | ||||
.fa-star:before { | ||||
content: "\f005"; | ||||
} | ||||
.fa-star-o:before { | ||||
content: "\f006"; | ||||
} | ||||
.fa-user:before { | ||||
content: "\f007"; | ||||
} | ||||
.fa-film:before { | ||||
content: "\f008"; | ||||
} | ||||
.fa-th-large:before { | ||||
content: "\f009"; | ||||
} | ||||
.fa-th:before { | ||||
content: "\f00a"; | ||||
} | ||||
.fa-th-list:before { | ||||
content: "\f00b"; | ||||
} | ||||
.fa-check:before { | ||||
content: "\f00c"; | ||||
} | ||||
.fa-times:before { | ||||
content: "\f00d"; | ||||
} | ||||
.fa-search-plus:before { | ||||
content: "\f00e"; | ||||
} | ||||
.fa-search-minus:before { | ||||
content: "\f010"; | ||||
} | ||||
.fa-power-off:before { | ||||
content: "\f011"; | ||||
} | ||||
.fa-signal:before { | ||||
content: "\f012"; | ||||
} | ||||
.fa-gear:before, | ||||
.fa-cog:before { | ||||
content: "\f013"; | ||||
} | ||||
.fa-trash-o:before { | ||||
content: "\f014"; | ||||
} | ||||
.fa-home:before { | ||||
content: "\f015"; | ||||
} | ||||
.fa-file-o:before { | ||||
content: "\f016"; | ||||
} | ||||
.fa-clock-o:before { | ||||
content: "\f017"; | ||||
} | ||||
.fa-road:before { | ||||
content: "\f018"; | ||||
} | ||||
.fa-download:before { | ||||
content: "\f019"; | ||||
} | ||||
.fa-arrow-circle-o-down:before { | ||||
content: "\f01a"; | ||||
} | ||||
.fa-arrow-circle-o-up:before { | ||||
content: "\f01b"; | ||||
} | ||||
.fa-inbox:before { | ||||
content: "\f01c"; | ||||
} | ||||
.fa-play-circle-o:before { | ||||
content: "\f01d"; | ||||
} | ||||
.fa-rotate-right:before, | ||||
.fa-repeat:before { | ||||
content: "\f01e"; | ||||
} | ||||
.fa-refresh:before { | ||||
content: "\f021"; | ||||
} | ||||
.fa-list-alt:before { | ||||
content: "\f022"; | ||||
} | ||||
.fa-lock:before { | ||||
content: "\f023"; | ||||
} | ||||
.fa-flag:before { | ||||
content: "\f024"; | ||||
} | ||||
.fa-headphones:before { | ||||
content: "\f025"; | ||||
} | ||||
.fa-volume-off:before { | ||||
content: "\f026"; | ||||
} | ||||
.fa-volume-down:before { | ||||
content: "\f027"; | ||||
} | ||||
.fa-volume-up:before { | ||||
content: "\f028"; | ||||
} | ||||
.fa-qrcode:before { | ||||
content: "\f029"; | ||||
} | ||||
.fa-barcode:before { | ||||
content: "\f02a"; | ||||
} | ||||
.fa-tag:before { | ||||
content: "\f02b"; | ||||
} | ||||
.fa-tags:before { | ||||
content: "\f02c"; | ||||
} | ||||
.fa-book:before { | ||||
content: "\f02d"; | ||||
} | ||||
.fa-bookmark:before { | ||||
content: "\f02e"; | ||||
} | ||||
.fa-print:before { | ||||
content: "\f02f"; | ||||
} | ||||
.fa-camera:before { | ||||
content: "\f030"; | ||||
} | ||||
.fa-font:before { | ||||
content: "\f031"; | ||||
} | ||||
.fa-bold:before { | ||||
content: "\f032"; | ||||
} | ||||
.fa-italic:before { | ||||
content: "\f033"; | ||||
} | ||||
.fa-text-height:before { | ||||
content: "\f034"; | ||||
} | ||||
.fa-text-width:before { | ||||
content: "\f035"; | ||||
} | ||||
.fa-align-left:before { | ||||
content: "\f036"; | ||||
} | ||||
.fa-align-center:before { | ||||
content: "\f037"; | ||||
} | ||||
.fa-align-right:before { | ||||
content: "\f038"; | ||||
} | ||||
.fa-align-justify:before { | ||||
content: "\f039"; | ||||
} | ||||
.fa-list:before { | ||||
content: "\f03a"; | ||||
} | ||||
.fa-dedent:before, | ||||
.fa-outdent:before { | ||||
content: "\f03b"; | ||||
} | ||||
.fa-indent:before { | ||||
content: "\f03c"; | ||||
} | ||||
.fa-video-camera:before { | ||||
content: "\f03d"; | ||||
} | ||||
.fa-photo:before, | ||||
.fa-image:before, | ||||
.fa-picture-o:before { | ||||
content: "\f03e"; | ||||
} | ||||
.fa-pencil:before { | ||||
content: "\f040"; | ||||
} | ||||
.fa-map-marker:before { | ||||
content: "\f041"; | ||||
} | ||||
.fa-adjust:before { | ||||
content: "\f042"; | ||||
} | ||||
.fa-tint:before { | ||||
content: "\f043"; | ||||
} | ||||
.fa-edit:before, | ||||
.fa-pencil-square-o:before { | ||||
content: "\f044"; | ||||
} | ||||
.fa-share-square-o:before { | ||||
content: "\f045"; | ||||
} | ||||
.fa-check-square-o:before { | ||||
content: "\f046"; | ||||
} | ||||
.fa-arrows:before { | ||||
content: "\f047"; | ||||
} | ||||
.fa-step-backward:before { | ||||
content: "\f048"; | ||||
} | ||||
.fa-fast-backward:before { | ||||
content: "\f049"; | ||||
} | ||||
.fa-backward:before { | ||||
content: "\f04a"; | ||||
} | ||||
.fa-play:before { | ||||
content: "\f04b"; | ||||
} | ||||
.fa-pause:before { | ||||
content: "\f04c"; | ||||
} | ||||
.fa-stop:before { | ||||
content: "\f04d"; | ||||
} | ||||
.fa-forward:before { | ||||
content: "\f04e"; | ||||
} | ||||
.fa-fast-forward:before { | ||||
content: "\f050"; | ||||
} | ||||
.fa-step-forward:before { | ||||
content: "\f051"; | ||||
} | ||||
.fa-eject:before { | ||||
content: "\f052"; | ||||
} | ||||
.fa-chevron-left:before { | ||||
content: "\f053"; | ||||
} | ||||
.fa-chevron-right:before { | ||||
content: "\f054"; | ||||
} | ||||
.fa-plus-circle:before { | ||||
content: "\f055"; | ||||
} | ||||
.fa-minus-circle:before { | ||||
content: "\f056"; | ||||
} | ||||
.fa-times-circle:before { | ||||
content: "\f057"; | ||||
} | ||||
.fa-check-circle:before { | ||||
content: "\f058"; | ||||
} | ||||
.fa-question-circle:before { | ||||
content: "\f059"; | ||||
} | ||||
.fa-info-circle:before { | ||||
content: "\f05a"; | ||||
} | ||||
.fa-crosshairs:before { | ||||
content: "\f05b"; | ||||
} | ||||
.fa-times-circle-o:before { | ||||
content: "\f05c"; | ||||
} | ||||
.fa-check-circle-o:before { | ||||
content: "\f05d"; | ||||
} | ||||
.fa-ban:before { | ||||
content: "\f05e"; | ||||
} | ||||
.fa-arrow-left:before { | ||||
content: "\f060"; | ||||
} | ||||
.fa-arrow-right:before { | ||||
content: "\f061"; | ||||
} | ||||
.fa-arrow-up:before { | ||||
content: "\f062"; | ||||
} | ||||
.fa-arrow-down:before { | ||||
content: "\f063"; | ||||
} | ||||
.fa-mail-forward:before, | ||||
.fa-share:before { | ||||
content: "\f064"; | ||||
} | ||||
.fa-expand:before { | ||||
content: "\f065"; | ||||
} | ||||
.fa-compress:before { | ||||
content: "\f066"; | ||||
} | ||||
.fa-plus:before { | ||||
content: "\f067"; | ||||
} | ||||
.fa-minus:before { | ||||
content: "\f068"; | ||||
} | ||||
.fa-asterisk:before { | ||||
content: "\f069"; | ||||
} | ||||
.fa-exclamation-circle:before { | ||||
content: "\f06a"; | ||||
} | ||||
.fa-gift:before { | ||||
content: "\f06b"; | ||||
} | ||||
.fa-leaf:before { | ||||
content: "\f06c"; | ||||
} | ||||
.fa-fire:before { | ||||
content: "\f06d"; | ||||
} | ||||
.fa-eye:before { | ||||
content: "\f06e"; | ||||
} | ||||
.fa-eye-slash:before { | ||||
content: "\f070"; | ||||
} | ||||
.fa-warning:before, | ||||
.fa-exclamation-triangle:before { | ||||
content: "\f071"; | ||||
} | ||||
.fa-plane:before { | ||||
content: "\f072"; | ||||
} | ||||
.fa-calendar:before { | ||||
content: "\f073"; | ||||
} | ||||
.fa-random:before { | ||||
content: "\f074"; | ||||
} | ||||
.fa-comment:before { | ||||
content: "\f075"; | ||||
} | ||||
.fa-magnet:before { | ||||
content: "\f076"; | ||||
} | ||||
.fa-chevron-up:before { | ||||
content: "\f077"; | ||||
} | ||||
.fa-chevron-down:before { | ||||
content: "\f078"; | ||||
} | ||||
.fa-retweet:before { | ||||
content: "\f079"; | ||||
} | ||||
.fa-shopping-cart:before { | ||||
content: "\f07a"; | ||||
} | ||||
.fa-folder:before { | ||||
content: "\f07b"; | ||||
} | ||||
.fa-folder-open:before { | ||||
content: "\f07c"; | ||||
} | ||||
.fa-arrows-v:before { | ||||
content: "\f07d"; | ||||
} | ||||
.fa-arrows-h:before { | ||||
content: "\f07e"; | ||||
} | ||||
.fa-bar-chart-o:before { | ||||
content: "\f080"; | ||||
} | ||||
.fa-twitter-square:before { | ||||
content: "\f081"; | ||||
} | ||||
.fa-facebook-square:before { | ||||
content: "\f082"; | ||||
} | ||||
.fa-camera-retro:before { | ||||
content: "\f083"; | ||||
} | ||||
.fa-key:before { | ||||
content: "\f084"; | ||||
} | ||||
.fa-gears:before, | ||||
.fa-cogs:before { | ||||
content: "\f085"; | ||||
} | ||||
.fa-comments:before { | ||||
content: "\f086"; | ||||
} | ||||
.fa-thumbs-o-up:before { | ||||
content: "\f087"; | ||||
} | ||||
.fa-thumbs-o-down:before { | ||||
content: "\f088"; | ||||
} | ||||
.fa-star-half:before { | ||||
content: "\f089"; | ||||
} | ||||
.fa-heart-o:before { | ||||
content: "\f08a"; | ||||
} | ||||
.fa-sign-out:before { | ||||
content: "\f08b"; | ||||
} | ||||
.fa-linkedin-square:before { | ||||
content: "\f08c"; | ||||
} | ||||
.fa-thumb-tack:before { | ||||
content: "\f08d"; | ||||
} | ||||
.fa-external-link:before { | ||||
content: "\f08e"; | ||||
} | ||||
.fa-sign-in:before { | ||||
content: "\f090"; | ||||
} | ||||
.fa-trophy:before { | ||||
content: "\f091"; | ||||
} | ||||
.fa-github-square:before { | ||||
content: "\f092"; | ||||
} | ||||
.fa-upload:before { | ||||
content: "\f093"; | ||||
} | ||||
.fa-lemon-o:before { | ||||
content: "\f094"; | ||||
} | ||||
.fa-phone:before { | ||||
content: "\f095"; | ||||
} | ||||
.fa-square-o:before { | ||||
content: "\f096"; | ||||
} | ||||
.fa-bookmark-o:before { | ||||
content: "\f097"; | ||||
} | ||||
.fa-phone-square:before { | ||||
content: "\f098"; | ||||
} | ||||
.fa-twitter:before { | ||||
content: "\f099"; | ||||
} | ||||
.fa-facebook:before { | ||||
content: "\f09a"; | ||||
} | ||||
.fa-github:before { | ||||
content: "\f09b"; | ||||
} | ||||
.fa-unlock:before { | ||||
content: "\f09c"; | ||||
} | ||||
.fa-credit-card:before { | ||||
content: "\f09d"; | ||||
} | ||||
.fa-rss:before { | ||||
content: "\f09e"; | ||||
} | ||||
.fa-hdd-o:before { | ||||
content: "\f0a0"; | ||||
} | ||||
.fa-bullhorn:before { | ||||
content: "\f0a1"; | ||||
} | ||||
.fa-bell:before { | ||||
content: "\f0f3"; | ||||
} | ||||
.fa-certificate:before { | ||||
content: "\f0a3"; | ||||
} | ||||
.fa-hand-o-right:before { | ||||
content: "\f0a4"; | ||||
} | ||||
.fa-hand-o-left:before { | ||||
content: "\f0a5"; | ||||
} | ||||
.fa-hand-o-up:before { | ||||
content: "\f0a6"; | ||||
} | ||||
.fa-hand-o-down:before { | ||||
content: "\f0a7"; | ||||
} | ||||
.fa-arrow-circle-left:before { | ||||
content: "\f0a8"; | ||||
} | ||||
.fa-arrow-circle-right:before { | ||||
content: "\f0a9"; | ||||
} | ||||
.fa-arrow-circle-up:before { | ||||
content: "\f0aa"; | ||||
} | ||||
.fa-arrow-circle-down:before { | ||||
content: "\f0ab"; | ||||
} | ||||
.fa-globe:before { | ||||
content: "\f0ac"; | ||||
} | ||||
.fa-wrench:before { | ||||
content: "\f0ad"; | ||||
} | ||||
.fa-tasks:before { | ||||
content: "\f0ae"; | ||||
} | ||||
.fa-filter:before { | ||||
content: "\f0b0"; | ||||
} | ||||
.fa-briefcase:before { | ||||
content: "\f0b1"; | ||||
} | ||||
.fa-arrows-alt:before { | ||||
content: "\f0b2"; | ||||
} | ||||
.fa-group:before, | ||||
.fa-users:before { | ||||
content: "\f0c0"; | ||||
} | ||||
.fa-chain:before, | ||||
.fa-link:before { | ||||
content: "\f0c1"; | ||||
} | ||||
.fa-cloud:before { | ||||
content: "\f0c2"; | ||||
} | ||||
.fa-flask:before { | ||||
content: "\f0c3"; | ||||
} | ||||
.fa-cut:before, | ||||
.fa-scissors:before { | ||||
content: "\f0c4"; | ||||
} | ||||
.fa-copy:before, | ||||
.fa-files-o:before { | ||||
content: "\f0c5"; | ||||
} | ||||
.fa-paperclip:before { | ||||
content: "\f0c6"; | ||||
} | ||||
.fa-save:before, | ||||
.fa-floppy-o:before { | ||||
content: "\f0c7"; | ||||
} | ||||
.fa-square:before { | ||||
content: "\f0c8"; | ||||
} | ||||
.fa-navicon:before, | ||||
.fa-reorder:before, | ||||
.fa-bars:before { | ||||
content: "\f0c9"; | ||||
} | ||||
.fa-list-ul:before { | ||||
content: "\f0ca"; | ||||
} | ||||
.fa-list-ol:before { | ||||
content: "\f0cb"; | ||||
} | ||||
.fa-strikethrough:before { | ||||
content: "\f0cc"; | ||||
} | ||||
.fa-underline:before { | ||||
content: "\f0cd"; | ||||
} | ||||
.fa-table:before { | ||||
content: "\f0ce"; | ||||
} | ||||
.fa-magic:before { | ||||
content: "\f0d0"; | ||||
} | ||||
.fa-truck:before { | ||||
content: "\f0d1"; | ||||
} | ||||
.fa-pinterest:before { | ||||
content: "\f0d2"; | ||||
} | ||||
.fa-pinterest-square:before { | ||||
content: "\f0d3"; | ||||
} | ||||
.fa-google-plus-square:before { | ||||
content: "\f0d4"; | ||||
} | ||||
.fa-google-plus:before { | ||||
content: "\f0d5"; | ||||
} | ||||
.fa-money:before { | ||||
content: "\f0d6"; | ||||
} | ||||
.fa-caret-down:before { | ||||
content: "\f0d7"; | ||||
} | ||||
.fa-caret-up:before { | ||||
content: "\f0d8"; | ||||
} | ||||
.fa-caret-left:before { | ||||
content: "\f0d9"; | ||||
} | ||||
.fa-caret-right:before { | ||||
content: "\f0da"; | ||||
} | ||||
.fa-columns:before { | ||||
content: "\f0db"; | ||||
} | ||||
.fa-unsorted:before, | ||||
.fa-sort:before { | ||||
content: "\f0dc"; | ||||
} | ||||
.fa-sort-down:before, | ||||
.fa-sort-desc:before { | ||||
content: "\f0dd"; | ||||
} | ||||
.fa-sort-up:before, | ||||
.fa-sort-asc:before { | ||||
content: "\f0de"; | ||||
} | ||||
.fa-envelope:before { | ||||
content: "\f0e0"; | ||||
} | ||||
.fa-linkedin:before { | ||||
content: "\f0e1"; | ||||
} | ||||
.fa-rotate-left:before, | ||||
.fa-undo:before { | ||||
content: "\f0e2"; | ||||
} | ||||
.fa-legal:before, | ||||
.fa-gavel:before { | ||||
content: "\f0e3"; | ||||
} | ||||
.fa-dashboard:before, | ||||
.fa-tachometer:before { | ||||
content: "\f0e4"; | ||||
} | ||||
.fa-comment-o:before { | ||||
content: "\f0e5"; | ||||
} | ||||
.fa-comments-o:before { | ||||
content: "\f0e6"; | ||||
} | ||||
.fa-flash:before, | ||||
.fa-bolt:before { | ||||
content: "\f0e7"; | ||||
} | ||||
.fa-sitemap:before { | ||||
content: "\f0e8"; | ||||
} | ||||
.fa-umbrella:before { | ||||
content: "\f0e9"; | ||||
} | ||||
.fa-paste:before, | ||||
.fa-clipboard:before { | ||||
content: "\f0ea"; | ||||
} | ||||
.fa-lightbulb-o:before { | ||||
content: "\f0eb"; | ||||
} | ||||
.fa-exchange:before { | ||||
content: "\f0ec"; | ||||
} | ||||
.fa-cloud-download:before { | ||||
content: "\f0ed"; | ||||
} | ||||
.fa-cloud-upload:before { | ||||
content: "\f0ee"; | ||||
} | ||||
.fa-user-md:before { | ||||
content: "\f0f0"; | ||||
} | ||||
.fa-stethoscope:before { | ||||
content: "\f0f1"; | ||||
} | ||||
.fa-suitcase:before { | ||||
content: "\f0f2"; | ||||
} | ||||
.fa-bell-o:before { | ||||
content: "\f0a2"; | ||||
} | ||||
.fa-coffee:before { | ||||
content: "\f0f4"; | ||||
} | ||||
.fa-cutlery:before { | ||||
content: "\f0f5"; | ||||
} | ||||
.fa-file-text-o:before { | ||||
content: "\f0f6"; | ||||
} | ||||
.fa-building-o:before { | ||||
content: "\f0f7"; | ||||
} | ||||
.fa-hospital-o:before { | ||||
content: "\f0f8"; | ||||
} | ||||
.fa-ambulance:before { | ||||
content: "\f0f9"; | ||||
} | ||||
.fa-medkit:before { | ||||
content: "\f0fa"; | ||||
} | ||||
.fa-fighter-jet:before { | ||||
content: "\f0fb"; | ||||
} | ||||
.fa-beer:before { | ||||
content: "\f0fc"; | ||||
} | ||||
.fa-h-square:before { | ||||
content: "\f0fd"; | ||||
} | ||||
.fa-plus-square:before { | ||||
content: "\f0fe"; | ||||
} | ||||
.fa-angle-double-left:before { | ||||
content: "\f100"; | ||||
} | ||||
.fa-angle-double-right:before { | ||||
content: "\f101"; | ||||
} | ||||
.fa-angle-double-up:before { | ||||
content: "\f102"; | ||||
} | ||||
.fa-angle-double-down:before { | ||||
content: "\f103"; | ||||
} | ||||
.fa-angle-left:before { | ||||
content: "\f104"; | ||||
} | ||||
.fa-angle-right:before { | ||||
content: "\f105"; | ||||
} | ||||
.fa-angle-up:before { | ||||
content: "\f106"; | ||||
} | ||||
.fa-angle-down:before { | ||||
content: "\f107"; | ||||
} | ||||
.fa-desktop:before { | ||||
content: "\f108"; | ||||
} | ||||
.fa-laptop:before { | ||||
content: "\f109"; | ||||
} | ||||
.fa-tablet:before { | ||||
content: "\f10a"; | ||||
} | ||||
.fa-mobile-phone:before, | ||||
.fa-mobile:before { | ||||
content: "\f10b"; | ||||
} | ||||
.fa-circle-o:before { | ||||
content: "\f10c"; | ||||
} | ||||
.fa-quote-left:before { | ||||
content: "\f10d"; | ||||
} | ||||
.fa-quote-right:before { | ||||
content: "\f10e"; | ||||
} | ||||
.fa-spinner:before { | ||||
content: "\f110"; | ||||
} | ||||
.fa-circle:before { | ||||
content: "\f111"; | ||||
} | ||||
.fa-mail-reply:before, | ||||
.fa-reply:before { | ||||
content: "\f112"; | ||||
} | ||||
.fa-github-alt:before { | ||||
content: "\f113"; | ||||
} | ||||
.fa-folder-o:before { | ||||
content: "\f114"; | ||||
} | ||||
.fa-folder-open-o:before { | ||||
content: "\f115"; | ||||
} | ||||
.fa-smile-o:before { | ||||
content: "\f118"; | ||||
} | ||||
.fa-frown-o:before { | ||||
content: "\f119"; | ||||
} | ||||
.fa-meh-o:before { | ||||
content: "\f11a"; | ||||
} | ||||
.fa-gamepad:before { | ||||
content: "\f11b"; | ||||
} | ||||
.fa-keyboard-o:before { | ||||
content: "\f11c"; | ||||
} | ||||
.fa-flag-o:before { | ||||
content: "\f11d"; | ||||
} | ||||
.fa-flag-checkered:before { | ||||
content: "\f11e"; | ||||
} | ||||
.fa-terminal:before { | ||||
content: "\f120"; | ||||
} | ||||
.fa-code:before { | ||||
content: "\f121"; | ||||
} | ||||
.fa-mail-reply-all:before, | ||||
.fa-reply-all:before { | ||||
content: "\f122"; | ||||
} | ||||
.fa-star-half-empty:before, | ||||
.fa-star-half-full:before, | ||||
.fa-star-half-o:before { | ||||
content: "\f123"; | ||||
} | ||||
.fa-location-arrow:before { | ||||
content: "\f124"; | ||||
} | ||||
.fa-crop:before { | ||||
content: "\f125"; | ||||
} | ||||
.fa-code-fork:before { | ||||
content: "\f126"; | ||||
} | ||||
.fa-unlink:before, | ||||
.fa-chain-broken:before { | ||||
content: "\f127"; | ||||
} | ||||
.fa-question:before { | ||||
content: "\f128"; | ||||
} | ||||
.fa-info:before { | ||||
content: "\f129"; | ||||
} | ||||
.fa-exclamation:before { | ||||
content: "\f12a"; | ||||
} | ||||
.fa-superscript:before { | ||||
content: "\f12b"; | ||||
} | ||||
.fa-subscript:before { | ||||
content: "\f12c"; | ||||
} | ||||
.fa-eraser:before { | ||||
content: "\f12d"; | ||||
} | ||||
.fa-puzzle-piece:before { | ||||
content: "\f12e"; | ||||
} | ||||
.fa-microphone:before { | ||||
content: "\f130"; | ||||
} | ||||
.fa-microphone-slash:before { | ||||
content: "\f131"; | ||||
} | ||||
.fa-shield:before { | ||||
content: "\f132"; | ||||
} | ||||
.fa-calendar-o:before { | ||||
content: "\f133"; | ||||
} | ||||
.fa-fire-extinguisher:before { | ||||
content: "\f134"; | ||||
} | ||||
.fa-rocket:before { | ||||
content: "\f135"; | ||||
} | ||||
.fa-maxcdn:before { | ||||
content: "\f136"; | ||||
} | ||||
.fa-chevron-circle-left:before { | ||||
content: "\f137"; | ||||
} | ||||
.fa-chevron-circle-right:before { | ||||
content: "\f138"; | ||||
} | ||||
.fa-chevron-circle-up:before { | ||||
content: "\f139"; | ||||
} | ||||
.fa-chevron-circle-down:before { | ||||
content: "\f13a"; | ||||
} | ||||
.fa-html5:before { | ||||
content: "\f13b"; | ||||
} | ||||
.fa-css3:before { | ||||
content: "\f13c"; | ||||
} | ||||
.fa-anchor:before { | ||||
content: "\f13d"; | ||||
} | ||||
.fa-unlock-alt:before { | ||||
content: "\f13e"; | ||||
} | ||||
.fa-bullseye:before { | ||||
content: "\f140"; | ||||
} | ||||
.fa-ellipsis-h:before { | ||||
content: "\f141"; | ||||
} | ||||
.fa-ellipsis-v:before { | ||||
content: "\f142"; | ||||
} | ||||
.fa-rss-square:before { | ||||
content: "\f143"; | ||||
} | ||||
.fa-play-circle:before { | ||||
content: "\f144"; | ||||
} | ||||
.fa-ticket:before { | ||||
content: "\f145"; | ||||
} | ||||
.fa-minus-square:before { | ||||
content: "\f146"; | ||||
} | ||||
.fa-minus-square-o:before { | ||||
content: "\f147"; | ||||
} | ||||
.fa-level-up:before { | ||||
content: "\f148"; | ||||
} | ||||
.fa-level-down:before { | ||||
content: "\f149"; | ||||
} | ||||
.fa-check-square:before { | ||||
content: "\f14a"; | ||||
} | ||||
.fa-pencil-square:before { | ||||
content: "\f14b"; | ||||
} | ||||
.fa-external-link-square:before { | ||||
content: "\f14c"; | ||||
} | ||||
.fa-share-square:before { | ||||
content: "\f14d"; | ||||
} | ||||
.fa-compass:before { | ||||
content: "\f14e"; | ||||
} | ||||
.fa-toggle-down:before, | ||||
.fa-caret-square-o-down:before { | ||||
content: "\f150"; | ||||
} | ||||
.fa-toggle-up:before, | ||||
.fa-caret-square-o-up:before { | ||||
content: "\f151"; | ||||
} | ||||
.fa-toggle-right:before, | ||||
.fa-caret-square-o-right:before { | ||||
content: "\f152"; | ||||
} | ||||
.fa-euro:before, | ||||
.fa-eur:before { | ||||
content: "\f153"; | ||||
} | ||||
.fa-gbp:before { | ||||
content: "\f154"; | ||||
} | ||||
.fa-dollar:before, | ||||
.fa-usd:before { | ||||
content: "\f155"; | ||||
} | ||||
.fa-rupee:before, | ||||
.fa-inr:before { | ||||
content: "\f156"; | ||||
} | ||||
.fa-cny:before, | ||||
.fa-rmb:before, | ||||
.fa-yen:before, | ||||
.fa-jpy:before { | ||||
content: "\f157"; | ||||
} | ||||
.fa-ruble:before, | ||||
.fa-rouble:before, | ||||
.fa-rub:before { | ||||
content: "\f158"; | ||||
} | ||||
.fa-won:before, | ||||
.fa-krw:before { | ||||
content: "\f159"; | ||||
} | ||||
.fa-bitcoin:before, | ||||
.fa-btc:before { | ||||
content: "\f15a"; | ||||
} | ||||
.fa-file:before { | ||||
content: "\f15b"; | ||||
} | ||||
.fa-file-text:before { | ||||
content: "\f15c"; | ||||
} | ||||
.fa-sort-alpha-asc:before { | ||||
content: "\f15d"; | ||||
} | ||||
.fa-sort-alpha-desc:before { | ||||
content: "\f15e"; | ||||
} | ||||
.fa-sort-amount-asc:before { | ||||
content: "\f160"; | ||||
} | ||||
.fa-sort-amount-desc:before { | ||||
content: "\f161"; | ||||
} | ||||
.fa-sort-numeric-asc:before { | ||||
content: "\f162"; | ||||
} | ||||
.fa-sort-numeric-desc:before { | ||||
content: "\f163"; | ||||
} | ||||
.fa-thumbs-up:before { | ||||
content: "\f164"; | ||||
} | ||||
.fa-thumbs-down:before { | ||||
content: "\f165"; | ||||
} | ||||
.fa-youtube-square:before { | ||||
content: "\f166"; | ||||
} | ||||
.fa-youtube:before { | ||||
content: "\f167"; | ||||
} | ||||
.fa-xing:before { | ||||
content: "\f168"; | ||||
} | ||||
.fa-xing-square:before { | ||||
content: "\f169"; | ||||
} | ||||
.fa-youtube-play:before { | ||||
content: "\f16a"; | ||||
} | ||||
.fa-dropbox:before { | ||||
content: "\f16b"; | ||||
} | ||||
.fa-stack-overflow:before { | ||||
content: "\f16c"; | ||||
} | ||||
.fa-instagram:before { | ||||
content: "\f16d"; | ||||
} | ||||
.fa-flickr:before { | ||||
content: "\f16e"; | ||||
} | ||||
.fa-adn:before { | ||||
content: "\f170"; | ||||
} | ||||
.fa-bitbucket:before { | ||||
content: "\f171"; | ||||
} | ||||
.fa-bitbucket-square:before { | ||||
content: "\f172"; | ||||
} | ||||
.fa-tumblr:before { | ||||
content: "\f173"; | ||||
} | ||||
.fa-tumblr-square:before { | ||||
content: "\f174"; | ||||
} | ||||
.fa-long-arrow-down:before { | ||||
content: "\f175"; | ||||
} | ||||
.fa-long-arrow-up:before { | ||||
content: "\f176"; | ||||
} | ||||
.fa-long-arrow-left:before { | ||||
content: "\f177"; | ||||
} | ||||
.fa-long-arrow-right:before { | ||||
content: "\f178"; | ||||
} | ||||
.fa-apple:before { | ||||
content: "\f179"; | ||||
} | ||||
.fa-windows:before { | ||||
content: "\f17a"; | ||||
} | ||||
.fa-android:before { | ||||
content: "\f17b"; | ||||
} | ||||
.fa-linux:before { | ||||
content: "\f17c"; | ||||
} | ||||
.fa-dribbble:before { | ||||
content: "\f17d"; | ||||
} | ||||
.fa-skype:before { | ||||
content: "\f17e"; | ||||
} | ||||
.fa-foursquare:before { | ||||
content: "\f180"; | ||||
} | ||||
.fa-trello:before { | ||||
content: "\f181"; | ||||
} | ||||
.fa-female:before { | ||||
content: "\f182"; | ||||
} | ||||
.fa-male:before { | ||||
content: "\f183"; | ||||
} | ||||
.fa-gittip:before { | ||||
content: "\f184"; | ||||
} | ||||
.fa-sun-o:before { | ||||
content: "\f185"; | ||||
} | ||||
.fa-moon-o:before { | ||||
content: "\f186"; | ||||
} | ||||
.fa-archive:before { | ||||
content: "\f187"; | ||||
} | ||||
.fa-bug:before { | ||||
content: "\f188"; | ||||
} | ||||
.fa-vk:before { | ||||
content: "\f189"; | ||||
} | ||||
.fa-weibo:before { | ||||
content: "\f18a"; | ||||
} | ||||
.fa-renren:before { | ||||
content: "\f18b"; | ||||
} | ||||
.fa-pagelines:before { | ||||
content: "\f18c"; | ||||
} | ||||
.fa-stack-exchange:before { | ||||
content: "\f18d"; | ||||
} | ||||
.fa-arrow-circle-o-right:before { | ||||
content: "\f18e"; | ||||
} | ||||
.fa-arrow-circle-o-left:before { | ||||
content: "\f190"; | ||||
} | ||||
.fa-toggle-left:before, | ||||
.fa-caret-square-o-left:before { | ||||
content: "\f191"; | ||||
} | ||||
.fa-dot-circle-o:before { | ||||
content: "\f192"; | ||||
} | ||||
.fa-wheelchair:before { | ||||
content: "\f193"; | ||||
} | ||||
.fa-vimeo-square:before { | ||||
content: "\f194"; | ||||
} | ||||
.fa-turkish-lira:before, | ||||
.fa-try:before { | ||||
content: "\f195"; | ||||
} | ||||
.fa-plus-square-o:before { | ||||
content: "\f196"; | ||||
} | ||||
.fa-space-shuttle:before { | ||||
content: "\f197"; | ||||
} | ||||
.fa-slack:before { | ||||
content: "\f198"; | ||||
} | ||||
.fa-envelope-square:before { | ||||
content: "\f199"; | ||||
} | ||||
.fa-wordpress:before { | ||||
content: "\f19a"; | ||||
} | ||||
.fa-openid:before { | ||||
content: "\f19b"; | ||||
} | ||||
.fa-institution:before, | ||||
.fa-bank:before, | ||||
.fa-university:before { | ||||
content: "\f19c"; | ||||
} | ||||
.fa-mortar-board:before, | ||||
.fa-graduation-cap:before { | ||||
content: "\f19d"; | ||||
} | ||||
.fa-yahoo:before { | ||||
content: "\f19e"; | ||||
} | ||||
.fa-google:before { | ||||
content: "\f1a0"; | ||||
} | ||||
.fa-reddit:before { | ||||
content: "\f1a1"; | ||||
} | ||||
.fa-reddit-square:before { | ||||
content: "\f1a2"; | ||||
} | ||||
.fa-stumbleupon-circle:before { | ||||
content: "\f1a3"; | ||||
} | ||||
.fa-stumbleupon:before { | ||||
content: "\f1a4"; | ||||
} | ||||
.fa-delicious:before { | ||||
content: "\f1a5"; | ||||
} | ||||
.fa-digg:before { | ||||
content: "\f1a6"; | ||||
} | ||||
.fa-pied-piper-square:before, | ||||
.fa-pied-piper:before { | ||||
content: "\f1a7"; | ||||
} | ||||
.fa-pied-piper-alt:before { | ||||
content: "\f1a8"; | ||||
} | ||||
.fa-drupal:before { | ||||
content: "\f1a9"; | ||||
} | ||||
.fa-joomla:before { | ||||
content: "\f1aa"; | ||||
} | ||||
.fa-language:before { | ||||
content: "\f1ab"; | ||||
} | ||||
.fa-fax:before { | ||||
content: "\f1ac"; | ||||
} | ||||
.fa-building:before { | ||||
content: "\f1ad"; | ||||
} | ||||
.fa-child:before { | ||||
content: "\f1ae"; | ||||
} | ||||
.fa-paw:before { | ||||
content: "\f1b0"; | ||||
} | ||||
.fa-spoon:before { | ||||
content: "\f1b1"; | ||||
} | ||||
.fa-cube:before { | ||||
content: "\f1b2"; | ||||
} | ||||
.fa-cubes:before { | ||||
content: "\f1b3"; | ||||
} | ||||
.fa-behance:before { | ||||
content: "\f1b4"; | ||||
} | ||||
.fa-behance-square:before { | ||||
content: "\f1b5"; | ||||
} | ||||
.fa-steam:before { | ||||
content: "\f1b6"; | ||||
} | ||||
.fa-steam-square:before { | ||||
content: "\f1b7"; | ||||
} | ||||
.fa-recycle:before { | ||||
content: "\f1b8"; | ||||
} | ||||
.fa-automobile:before, | ||||
.fa-car:before { | ||||
content: "\f1b9"; | ||||
} | ||||
.fa-cab:before, | ||||
.fa-taxi:before { | ||||
content: "\f1ba"; | ||||
} | ||||
.fa-tree:before { | ||||
content: "\f1bb"; | ||||
} | ||||
.fa-spotify:before { | ||||
content: "\f1bc"; | ||||
} | ||||
.fa-deviantart:before { | ||||
content: "\f1bd"; | ||||
} | ||||
.fa-soundcloud:before { | ||||
content: "\f1be"; | ||||
} | ||||
.fa-database:before { | ||||
content: "\f1c0"; | ||||
} | ||||
.fa-file-pdf-o:before { | ||||
content: "\f1c1"; | ||||
} | ||||
.fa-file-word-o:before { | ||||
content: "\f1c2"; | ||||
} | ||||
.fa-file-excel-o:before { | ||||
content: "\f1c3"; | ||||
} | ||||
.fa-file-powerpoint-o:before { | ||||
content: "\f1c4"; | ||||
} | ||||
.fa-file-photo-o:before, | ||||
.fa-file-picture-o:before, | ||||
.fa-file-image-o:before { | ||||
content: "\f1c5"; | ||||
} | ||||
.fa-file-zip-o:before, | ||||
.fa-file-archive-o:before { | ||||
content: "\f1c6"; | ||||
} | ||||
.fa-file-sound-o:before, | ||||
.fa-file-audio-o:before { | ||||
content: "\f1c7"; | ||||
} | ||||
.fa-file-movie-o:before, | ||||
.fa-file-video-o:before { | ||||
content: "\f1c8"; | ||||
} | ||||
.fa-file-code-o:before { | ||||
content: "\f1c9"; | ||||
} | ||||
.fa-vine:before { | ||||
content: "\f1ca"; | ||||
} | ||||
.fa-codepen:before { | ||||
content: "\f1cb"; | ||||
} | ||||
.fa-jsfiddle:before { | ||||
content: "\f1cc"; | ||||
} | ||||
.fa-life-bouy:before, | ||||
.fa-life-saver:before, | ||||
.fa-support:before, | ||||
.fa-life-ring:before { | ||||
content: "\f1cd"; | ||||
} | ||||
.fa-circle-o-notch:before { | ||||
content: "\f1ce"; | ||||
} | ||||
.fa-ra:before, | ||||
.fa-rebel:before { | ||||
content: "\f1d0"; | ||||
} | ||||
.fa-ge:before, | ||||
.fa-empire:before { | ||||
content: "\f1d1"; | ||||
} | ||||
.fa-git-square:before { | ||||
content: "\f1d2"; | ||||
} | ||||
.fa-git:before { | ||||
content: "\f1d3"; | ||||
} | ||||
.fa-hacker-news:before { | ||||
content: "\f1d4"; | ||||
} | ||||
.fa-tencent-weibo:before { | ||||
content: "\f1d5"; | ||||
} | ||||
.fa-qq:before { | ||||
content: "\f1d6"; | ||||
} | ||||
.fa-wechat:before, | ||||
.fa-weixin:before { | ||||
content: "\f1d7"; | ||||
} | ||||
.fa-send:before, | ||||
.fa-paper-plane:before { | ||||
content: "\f1d8"; | ||||
} | ||||
.fa-send-o:before, | ||||
.fa-paper-plane-o:before { | ||||
content: "\f1d9"; | ||||
} | ||||
.fa-history:before { | ||||
content: "\f1da"; | ||||
} | ||||
.fa-circle-thin:before { | ||||
content: "\f1db"; | ||||
} | ||||
.fa-header:before { | ||||
content: "\f1dc"; | ||||
} | ||||
.fa-paragraph:before { | ||||
content: "\f1dd"; | ||||
} | ||||
.fa-sliders:before { | ||||
content: "\f1de"; | ||||
} | ||||
.fa-share-alt:before { | ||||
content: "\f1e0"; | ||||
} | ||||
.fa-share-alt-square:before { | ||||
content: "\f1e1"; | ||||
} | ||||
.fa-bomb:before { | ||||
content: "\f1e2"; | ||||
} | ||||
/*! | ||||
* | ||||
* IPython base | ||||
* | ||||
*/ | ||||
.modal.fade .modal-dialog { | ||||
-webkit-transform: translate(0, 0); | ||||
-ms-transform: translate(0, 0); | ||||
transform: translate(0, 0); | ||||
} | ||||
code { | ||||
color: #000000; | ||||
} | ||||
pre { | ||||
font-size: inherit; | ||||
line-height: inherit; | ||||
} | ||||
label { | ||||
font-weight: normal; | ||||
} | ||||
.border-box-sizing { | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
.corner-all { | ||||
border-radius: 4px; | ||||
} | ||||
.no-padding { | ||||
padding: 0px; | ||||
} | ||||
/* Flexible box model classes */ | ||||
/* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */ | ||||
/* This file is a compatability layer. It allows the usage of flexible box | ||||
model layouts accross multiple browsers, including older browsers. The newest, | ||||
universal implementation of the flexible box model is used when available (see | ||||
`Modern browsers` comments below). Browsers that are known to implement this | ||||
new spec completely include: | ||||
Firefox 28.0+ | ||||
Chrome 29.0+ | ||||
Internet Explorer 11+ | ||||
Opera 17.0+ | ||||
Browsers not listed, including Safari, are supported via the styling under the | ||||
`Old browsers` comments below. | ||||
*/ | ||||
.hbox { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
} | ||||
.hbox > * { | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.vbox { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
} | ||||
.vbox > * { | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.hbox.reverse, | ||||
.vbox.reverse, | ||||
.reverse { | ||||
/* Old browsers */ | ||||
-webkit-box-direction: reverse; | ||||
-moz-box-direction: reverse; | ||||
box-direction: reverse; | ||||
/* Modern browsers */ | ||||
flex-direction: row-reverse; | ||||
} | ||||
.hbox.box-flex0, | ||||
.vbox.box-flex0, | ||||
.box-flex0 { | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
width: auto; | ||||
} | ||||
.hbox.box-flex1, | ||||
.vbox.box-flex1, | ||||
.box-flex1 { | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
.hbox.box-flex, | ||||
.vbox.box-flex, | ||||
.box-flex { | ||||
/* Old browsers */ | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
.hbox.box-flex2, | ||||
.vbox.box-flex2, | ||||
.box-flex2 { | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 2; | ||||
-moz-box-flex: 2; | ||||
box-flex: 2; | ||||
/* Modern browsers */ | ||||
flex: 2; | ||||
} | ||||
.box-group1 { | ||||
/* Deprecated */ | ||||
-webkit-box-flex-group: 1; | ||||
-moz-box-flex-group: 1; | ||||
box-flex-group: 1; | ||||
} | ||||
.box-group2 { | ||||
/* Deprecated */ | ||||
-webkit-box-flex-group: 2; | ||||
-moz-box-flex-group: 2; | ||||
box-flex-group: 2; | ||||
} | ||||
.hbox.start, | ||||
.vbox.start, | ||||
.start { | ||||
/* Old browsers */ | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
/* Modern browsers */ | ||||
justify-content: flex-start; | ||||
} | ||||
.hbox.end, | ||||
.vbox.end, | ||||
.end { | ||||
/* Old browsers */ | ||||
-webkit-box-pack: end; | ||||
-moz-box-pack: end; | ||||
box-pack: end; | ||||
/* Modern browsers */ | ||||
justify-content: flex-end; | ||||
} | ||||
.hbox.center, | ||||
.vbox.center, | ||||
.center { | ||||
/* Old browsers */ | ||||
-webkit-box-pack: center; | ||||
-moz-box-pack: center; | ||||
box-pack: center; | ||||
/* Modern browsers */ | ||||
justify-content: center; | ||||
} | ||||
.hbox.baseline, | ||||
.vbox.baseline, | ||||
.baseline { | ||||
/* Old browsers */ | ||||
-webkit-box-pack: baseline; | ||||
-moz-box-pack: baseline; | ||||
box-pack: baseline; | ||||
/* Modern browsers */ | ||||
justify-content: baseline; | ||||
} | ||||
.hbox.stretch, | ||||
.vbox.stretch, | ||||
.stretch { | ||||
/* Old browsers */ | ||||
-webkit-box-pack: stretch; | ||||
-moz-box-pack: stretch; | ||||
box-pack: stretch; | ||||
/* Modern browsers */ | ||||
justify-content: stretch; | ||||
} | ||||
.hbox.align-start, | ||||
.vbox.align-start, | ||||
.align-start { | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
} | ||||
.hbox.align-end, | ||||
.vbox.align-end, | ||||
.align-end { | ||||
/* Old browsers */ | ||||
-webkit-box-align: end; | ||||
-moz-box-align: end; | ||||
box-align: end; | ||||
/* Modern browsers */ | ||||
align-items: flex-end; | ||||
} | ||||
.hbox.align-center, | ||||
.vbox.align-center, | ||||
.align-center { | ||||
/* Old browsers */ | ||||
-webkit-box-align: center; | ||||
-moz-box-align: center; | ||||
box-align: center; | ||||
/* Modern browsers */ | ||||
align-items: center; | ||||
} | ||||
.hbox.align-baseline, | ||||
.vbox.align-baseline, | ||||
.align-baseline { | ||||
/* Old browsers */ | ||||
-webkit-box-align: baseline; | ||||
-moz-box-align: baseline; | ||||
box-align: baseline; | ||||
/* Modern browsers */ | ||||
align-items: baseline; | ||||
} | ||||
.hbox.align-stretch, | ||||
.vbox.align-stretch, | ||||
.align-stretch { | ||||
/* Old browsers */ | ||||
-webkit-box-align: stretch; | ||||
-moz-box-align: stretch; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
align-items: stretch; | ||||
} | ||||
div.error { | ||||
margin: 2em; | ||||
text-align: center; | ||||
} | ||||
div.error > h1 { | ||||
font-size: 500%; | ||||
line-height: normal; | ||||
} | ||||
div.error > p { | ||||
font-size: 200%; | ||||
line-height: normal; | ||||
} | ||||
div.traceback-wrapper { | ||||
text-align: left; | ||||
max-width: 800px; | ||||
margin: auto; | ||||
} | ||||
/** | ||||
* Primary styles | ||||
* | ||||
* Author: IPython Development Team | ||||
*/ | ||||
body { | ||||
background-color: white; | ||||
/* This makes sure that the body covers the entire window and needs to | ||||
be in a different element than the display: box in wrapper below */ | ||||
position: absolute; | ||||
left: 0px; | ||||
right: 0px; | ||||
top: 0px; | ||||
bottom: 0px; | ||||
overflow: visible; | ||||
} | ||||
div#header { | ||||
/* Initially hidden to prevent FLOUC */ | ||||
display: none; | ||||
margin-bottom: 0px; | ||||
padding-left: 30px; | ||||
padding-bottom: 5px; | ||||
border-bottom: 1px solid #e7e7e7; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
#ipython_notebook { | ||||
padding-left: 0px; | ||||
} | ||||
#noscript { | ||||
width: auto; | ||||
padding-top: 16px; | ||||
padding-bottom: 16px; | ||||
text-align: center; | ||||
font-size: 22px; | ||||
color: red; | ||||
font-weight: bold; | ||||
} | ||||
#ipython_notebook img { | ||||
font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | ||||
height: 24px; | ||||
text-decoration: none; | ||||
color: black; | ||||
} | ||||
#site { | ||||
width: 100%; | ||||
display: none; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
/* Smaller buttons */ | ||||
.ui-button .ui-button-text { | ||||
padding: 0.2em 0.8em; | ||||
font-size: 77%; | ||||
} | ||||
input.ui-button { | ||||
padding: 0.3em 0.9em; | ||||
} | ||||
.navbar span { | ||||
margin-top: 3px; | ||||
} | ||||
span#login_widget { | ||||
float: right; | ||||
} | ||||
span#login_widget > .button, | ||||
#logout { | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
font-weight: normal; | ||||
text-align: center; | ||||
vertical-align: middle; | ||||
cursor: pointer; | ||||
background-image: none; | ||||
border: 1px solid transparent; | ||||
white-space: nowrap; | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
border-radius: 4px; | ||||
-webkit-user-select: none; | ||||
-moz-user-select: none; | ||||
-ms-user-select: none; | ||||
user-select: none; | ||||
color: #333333; | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
span#login_widget > .button:focus, | ||||
#logout:focus, | ||||
span#login_widget > .button:active:focus, | ||||
#logout:active:focus, | ||||
span#login_widget > .button.active:focus, | ||||
#logout.active:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
span#login_widget > .button:hover, | ||||
#logout:hover, | ||||
span#login_widget > .button:focus, | ||||
#logout:focus { | ||||
color: #333333; | ||||
text-decoration: none; | ||||
} | ||||
span#login_widget > .button:active, | ||||
#logout:active, | ||||
span#login_widget > .button.active, | ||||
#logout.active { | ||||
outline: 0; | ||||
background-image: none; | ||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
} | ||||
span#login_widget > .button.disabled, | ||||
#logout.disabled, | ||||
span#login_widget > .button[disabled], | ||||
#logout[disabled], | ||||
fieldset[disabled] span#login_widget > .button, | ||||
fieldset[disabled] #logout { | ||||
cursor: not-allowed; | ||||
pointer-events: none; | ||||
opacity: 0.65; | ||||
filter: alpha(opacity=65); | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
span#login_widget > .button:hover, | ||||
#logout:hover, | ||||
span#login_widget > .button:focus, | ||||
#logout:focus, | ||||
span#login_widget > .button:active, | ||||
#logout:active, | ||||
span#login_widget > .button.active, | ||||
#logout.active, | ||||
.open .dropdown-togglespan#login_widget > .button, | ||||
.open .dropdown-toggle#logout { | ||||
color: #333333; | ||||
background-color: #ebebeb; | ||||
border-color: #adadad; | ||||
} | ||||
span#login_widget > .button:active, | ||||
#logout:active, | ||||
span#login_widget > .button.active, | ||||
#logout.active, | ||||
.open .dropdown-togglespan#login_widget > .button, | ||||
.open .dropdown-toggle#logout { | ||||
background-image: none; | ||||
} | ||||
span#login_widget > .button.disabled, | ||||
#logout.disabled, | ||||
span#login_widget > .button[disabled], | ||||
#logout[disabled], | ||||
fieldset[disabled] span#login_widget > .button, | ||||
fieldset[disabled] #logout, | ||||
span#login_widget > .button.disabled:hover, | ||||
#logout.disabled:hover, | ||||
span#login_widget > .button[disabled]:hover, | ||||
#logout[disabled]:hover, | ||||
fieldset[disabled] span#login_widget > .button:hover, | ||||
fieldset[disabled] #logout:hover, | ||||
span#login_widget > .button.disabled:focus, | ||||
#logout.disabled:focus, | ||||
span#login_widget > .button[disabled]:focus, | ||||
#logout[disabled]:focus, | ||||
fieldset[disabled] span#login_widget > .button:focus, | ||||
fieldset[disabled] #logout:focus, | ||||
span#login_widget > .button.disabled:active, | ||||
#logout.disabled:active, | ||||
span#login_widget > .button[disabled]:active, | ||||
#logout[disabled]:active, | ||||
fieldset[disabled] span#login_widget > .button:active, | ||||
fieldset[disabled] #logout:active, | ||||
span#login_widget > .button.disabled.active, | ||||
#logout.disabled.active, | ||||
span#login_widget > .button[disabled].active, | ||||
#logout[disabled].active, | ||||
fieldset[disabled] span#login_widget > .button.active, | ||||
fieldset[disabled] #logout.active { | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
} | ||||
span#login_widget > .button .badge, | ||||
#logout .badge { | ||||
color: #ffffff; | ||||
background-color: #333333; | ||||
} | ||||
.nav-header { | ||||
text-transform: none; | ||||
} | ||||
#header > span { | ||||
margin-top: 10px; | ||||
} | ||||
.modal_stretch .modal-dialog { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
min-height: 80%; | ||||
} | ||||
.modal_stretch .modal-dialog .modal-body { | ||||
max-height: none; | ||||
flex: 1; | ||||
} | ||||
@media (min-width: 768px) { | ||||
.modal .modal-dialog { | ||||
width: 700px; | ||||
} | ||||
} | ||||
/*! | ||||
* | ||||
* IPython auth | ||||
* | ||||
*/ | ||||
.center-nav { | ||||
display: inline-block; | ||||
margin-bottom: -4px; | ||||
} | ||||
/*! | ||||
* | ||||
* IPython tree view | ||||
* | ||||
*/ | ||||
/* We need an invisible input field on top of the sentense*/ | ||||
/* "Drag file onto the list ..." */ | ||||
.alternate_upload { | ||||
background-color: none; | ||||
display: inline; | ||||
} | ||||
.alternate_upload.form { | ||||
padding: 0; | ||||
margin: 0; | ||||
} | ||||
.alternate_upload input.fileinput { | ||||
background-color: red; | ||||
position: relative; | ||||
opacity: 0; | ||||
z-index: 2; | ||||
width: 295px; | ||||
margin-left: 163px; | ||||
cursor: pointer; | ||||
height: 26px; | ||||
} | ||||
/** | ||||
* Primary styles | ||||
* | ||||
* Author: IPython Development Team | ||||
*/ | ||||
ul#tabs { | ||||
margin-bottom: 4px; | ||||
} | ||||
ul#tabs a { | ||||
padding-top: 6px; | ||||
padding-bottom: 4px; | ||||
} | ||||
ul.breadcrumb a:focus, | ||||
ul.breadcrumb a:hover { | ||||
text-decoration: none; | ||||
} | ||||
ul.breadcrumb i.icon-home { | ||||
font-size: 16px; | ||||
margin-right: 4px; | ||||
} | ||||
ul.breadcrumb span { | ||||
color: #5e5e5e; | ||||
} | ||||
.list_toolbar { | ||||
padding: 4px 0 4px 0; | ||||
vertical-align: middle; | ||||
} | ||||
.list_toolbar .tree-buttons { | ||||
padding-top: 2px; | ||||
} | ||||
.list_toolbar [class*="span"] { | ||||
min-height: 24px; | ||||
} | ||||
.list_header { | ||||
font-weight: bold; | ||||
} | ||||
.list_container { | ||||
margin-top: 4px; | ||||
margin-bottom: 20px; | ||||
border: 1px solid #ababab; | ||||
border-radius: 4px; | ||||
} | ||||
.list_container > div { | ||||
border-bottom: 1px solid #ababab; | ||||
} | ||||
.list_container > div:hover .list-item { | ||||
background-color: red; | ||||
} | ||||
.list_container > div:last-child { | ||||
border: none; | ||||
} | ||||
.list_item:hover .list_item { | ||||
background-color: #ddd; | ||||
} | ||||
.list_item a { | ||||
text-decoration: none; | ||||
} | ||||
.action_col { | ||||
text-align: right; | ||||
} | ||||
.list_header > div, | ||||
.list_item > div { | ||||
padding-top: 4px; | ||||
padding-bottom: 4px; | ||||
padding-left: 7px; | ||||
padding-right: 7px; | ||||
line-height: 22px; | ||||
} | ||||
.item_name { | ||||
line-height: 22px; | ||||
height: 24px; | ||||
} | ||||
.item_icon { | ||||
font-size: 14px; | ||||
color: #5e5e5e; | ||||
margin-right: 7px; | ||||
} | ||||
.item_buttons { | ||||
line-height: 1em; | ||||
} | ||||
.toolbar_info { | ||||
height: 24px; | ||||
line-height: 24px; | ||||
} | ||||
input.nbname_input, | ||||
input.engine_num_input { | ||||
padding-top: 3px; | ||||
padding-bottom: 3px; | ||||
height: 22px; | ||||
line-height: 14px; | ||||
margin: 0px; | ||||
} | ||||
input.engine_num_input { | ||||
width: 60px; | ||||
} | ||||
.highlight_text { | ||||
color: blue; | ||||
} | ||||
#project_name > .breadcrumb { | ||||
padding: 0px; | ||||
margin-bottom: 0px; | ||||
background-color: transparent; | ||||
font-weight: bold; | ||||
} | ||||
.tab-content .row { | ||||
margin-left: 0px; | ||||
margin-right: 0px; | ||||
} | ||||
.folder_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f114"; | ||||
} | ||||
.folder_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.folder_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.notebook_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f02d"; | ||||
} | ||||
.notebook_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.notebook_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.file_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f016"; | ||||
} | ||||
.file_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.file_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
/*! | ||||
* | ||||
* IPython notebook | ||||
* | ||||
*/ | ||||
/* CSS font colors for translated ANSI colors. */ | ||||
.ansibold { | ||||
font-weight: bold; | ||||
} | ||||
/* use dark versions for foreground, to improve visibility */ | ||||
.ansiblack { | ||||
color: black; | ||||
} | ||||
.ansired { | ||||
color: darkred; | ||||
} | ||||
.ansigreen { | ||||
color: darkgreen; | ||||
} | ||||
.ansiyellow { | ||||
color: brown; | ||||
} | ||||
.ansiblue { | ||||
color: darkblue; | ||||
} | ||||
.ansipurple { | ||||
color: darkviolet; | ||||
} | ||||
.ansicyan { | ||||
color: steelblue; | ||||
} | ||||
.ansigray { | ||||
color: gray; | ||||
} | ||||
/* and light for background, for the same reason */ | ||||
.ansibgblack { | ||||
background-color: black; | ||||
} | ||||
.ansibgred { | ||||
background-color: red; | ||||
} | ||||
.ansibggreen { | ||||
background-color: green; | ||||
} | ||||
.ansibgyellow { | ||||
background-color: yellow; | ||||
} | ||||
.ansibgblue { | ||||
background-color: blue; | ||||
} | ||||
.ansibgpurple { | ||||
background-color: magenta; | ||||
} | ||||
.ansibgcyan { | ||||
background-color: cyan; | ||||
} | ||||
.ansibggray { | ||||
background-color: gray; | ||||
} | ||||
div.cell { | ||||
border: 1px solid transparent; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
border-radius: 4px; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
border-width: thin; | ||||
border-style: solid; | ||||
width: 100%; | ||||
padding: 5px 5px 5px 0px; | ||||
/* This acts as a spacer between cells, that is outside the border */ | ||||
margin: 0px; | ||||
outline: none; | ||||
} | ||||
div.cell.selected { | ||||
border-color: #ababab; | ||||
} | ||||
div.cell.edit_mode { | ||||
border-color: green; | ||||
} | ||||
div.prompt { | ||||
/* This needs to be wide enough for 3 digit prompt numbers: In[100]: */ | ||||
min-width: 15ex; | ||||
/* This padding is tuned to match the padding on the CodeMirror editor. */ | ||||
padding: 0.4em; | ||||
margin: 0px; | ||||
font-family: monospace; | ||||
text-align: right; | ||||
/* This has to match that of the the CodeMirror class line-height below */ | ||||
line-height: 1.21429em; | ||||
} | ||||
@media (max-width: 480px) { | ||||
div.prompt { | ||||
text-align: left; | ||||
} | ||||
} | ||||
div.inner_cell { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
/* input_area and input_prompt must match in top border and margin for alignment */ | ||||
div.input_area { | ||||
border: 1px solid #cfcfcf; | ||||
border-radius: 4px; | ||||
background: #f7f7f7; | ||||
line-height: 1.21429em; | ||||
} | ||||
/* This is needed so that empty prompt areas can collapse to zero height when there | ||||
is no content in the output_subarea and the prompt. The main purpose of this is | ||||
to make sure that empty JavaScript output_subareas have no height. */ | ||||
div.prompt:empty { | ||||
padding-top: 0; | ||||
padding-bottom: 0; | ||||
} | ||||
/* any special styling for code cells that are currently running goes here */ | ||||
div.input { | ||||
page-break-inside: avoid; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
@media (max-width: 480px) { | ||||
div.input { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
} | ||||
/* input_area and input_prompt must match in top border and margin for alignment */ | ||||
div.input_prompt { | ||||
color: #000080; | ||||
border-top: 1px solid transparent; | ||||
} | ||||
div.input_area > div.highlight { | ||||
margin: 0.4em; | ||||
border: none; | ||||
padding: 0px; | ||||
background-color: transparent; | ||||
} | ||||
div.input_area > div.highlight > pre { | ||||
margin: 0px; | ||||
border: none; | ||||
padding: 0px; | ||||
background-color: transparent; | ||||
} | ||||
/* The following gets added to the <head> if it is detected that the user has a | ||||
* monospace font with inconsistent normal/bold/italic height. See | ||||
* notebookmain.js. Such fonts will have keywords vertically offset with | ||||
* respect to the rest of the text. The user should select a better font. | ||||
* See: https://github.com/ipython/ipython/issues/1503 | ||||
* | ||||
* .CodeMirror span { | ||||
* vertical-align: bottom; | ||||
* } | ||||
*/ | ||||
.CodeMirror { | ||||
line-height: 1.21429em; | ||||
/* Changed from 1em to our global default */ | ||||
height: auto; | ||||
/* Changed to auto to autogrow */ | ||||
background: none; | ||||
/* Changed from white to allow our bg to show through */ | ||||
} | ||||
.CodeMirror-scroll { | ||||
/* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/ | ||||
/* We have found that if it is visible, vertical scrollbars appear with font size changes.*/ | ||||
overflow-y: hidden; | ||||
overflow-x: auto; | ||||
} | ||||
.CodeMirror-lines { | ||||
/* In CM2, this used to be 0.4em, but in CM3 it went to 4px. We need the em value because */ | ||||
/* we have set a different line-height and want this to scale with that. */ | ||||
padding: 0.4em; | ||||
} | ||||
.CodeMirror-linenumber { | ||||
padding: 0 8px 0 4px; | ||||
} | ||||
.CodeMirror-gutters { | ||||
border-bottom-left-radius: 4px; | ||||
border-top-left-radius: 4px; | ||||
} | ||||
.CodeMirror pre { | ||||
/* In CM3 this went to 4px from 0 in CM2. We need the 0 value because of how we size */ | ||||
/* .CodeMirror-lines */ | ||||
padding: 0; | ||||
border: 0; | ||||
border-radius: 0; | ||||
} | ||||
.CodeMirror-vscrollbar, | ||||
.CodeMirror-hscrollbar { | ||||
display: none !important; | ||||
} | ||||
/* | ||||
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org> | ||||
Adapted from GitHub theme | ||||
*/ | ||||
pre code { | ||||
display: block; | ||||
padding: 0.5em; | ||||
} | ||||
.highlight-base, | ||||
pre code, | ||||
pre .subst, | ||||
pre .tag .title, | ||||
pre .lisp .title, | ||||
pre .clojure .built_in, | ||||
pre .nginx .title { | ||||
color: black; | ||||
} | ||||
.highlight-string, | ||||
pre .string, | ||||
pre .constant, | ||||
pre .parent, | ||||
pre .tag .value, | ||||
pre .rules .value, | ||||
pre .rules .value .number, | ||||
pre .preprocessor, | ||||
pre .ruby .symbol, | ||||
pre .ruby .symbol .string, | ||||
pre .aggregate, | ||||
pre .template_tag, | ||||
pre .django .variable, | ||||
pre .smalltalk .class, | ||||
pre .addition, | ||||
pre .flow, | ||||
pre .stream, | ||||
pre .bash .variable, | ||||
pre .apache .tag, | ||||
pre .apache .cbracket, | ||||
pre .tex .command, | ||||
pre .tex .special, | ||||
pre .erlang_repl .function_or_atom, | ||||
pre .markdown .header { | ||||
color: #BA2121; | ||||
} | ||||
.highlight-comment, | ||||
pre .comment, | ||||
pre .annotation, | ||||
pre .template_comment, | ||||
pre .diff .header, | ||||
pre .chunk, | ||||
pre .markdown .blockquote { | ||||
color: #408080; | ||||
font-style: italic; | ||||
} | ||||
.highlight-number, | ||||
pre .number, | ||||
pre .date, | ||||
pre .regexp, | ||||
pre .literal, | ||||
pre .smalltalk .symbol, | ||||
pre .smalltalk .char, | ||||
pre .go .constant, | ||||
pre .change, | ||||
pre .markdown .bullet, | ||||
pre .markdown .link_url { | ||||
color: #080; | ||||
} | ||||
pre .label, | ||||
pre .javadoc, | ||||
pre .ruby .string, | ||||
pre .decorator, | ||||
pre .filter .argument, | ||||
pre .localvars, | ||||
pre .array, | ||||
pre .attr_selector, | ||||
pre .important, | ||||
pre .pseudo, | ||||
pre .pi, | ||||
pre .doctype, | ||||
pre .deletion, | ||||
pre .envvar, | ||||
pre .shebang, | ||||
pre .apache .sqbracket, | ||||
pre .nginx .built_in, | ||||
pre .tex .formula, | ||||
pre .erlang_repl .reserved, | ||||
pre .prompt, | ||||
pre .markdown .link_label, | ||||
pre .vhdl .attribute, | ||||
pre .clojure .attribute, | ||||
pre .coffeescript .property { | ||||
color: #8888ff; | ||||
} | ||||
.highlight-keyword, | ||||
pre .keyword, | ||||
pre .id, | ||||
pre .phpdoc, | ||||
pre .aggregate, | ||||
pre .css .tag, | ||||
pre .javadoctag, | ||||
pre .phpdoc, | ||||
pre .yardoctag, | ||||
pre .smalltalk .class, | ||||
pre .winutils, | ||||
pre .bash .variable, | ||||
pre .apache .tag, | ||||
pre .go .typename, | ||||
pre .tex .command, | ||||
pre .markdown .strong, | ||||
pre .request, | ||||
pre .status { | ||||
color: #008000; | ||||
font-weight: bold; | ||||
} | ||||
.highlight-builtin, | ||||
pre .built_in { | ||||
color: #008000; | ||||
} | ||||
pre .markdown .emphasis { | ||||
font-style: italic; | ||||
} | ||||
pre .nginx .built_in { | ||||
font-weight: normal; | ||||
} | ||||
pre .coffeescript .javascript, | ||||
pre .javascript .xml, | ||||
pre .tex .formula, | ||||
pre .xml .javascript, | ||||
pre .xml .vbscript, | ||||
pre .xml .css, | ||||
pre .xml .cdata { | ||||
opacity: 0.5; | ||||
} | ||||
/* apply the same style to codemirror */ | ||||
.cm-s-ipython span.cm-variable { | ||||
color: black; | ||||
} | ||||
.cm-s-ipython span.cm-keyword { | ||||
color: #008000; | ||||
font-weight: bold; | ||||
} | ||||
.cm-s-ipython span.cm-number { | ||||
color: #080; | ||||
} | ||||
.cm-s-ipython span.cm-comment { | ||||
color: #408080; | ||||
font-style: italic; | ||||
} | ||||
.cm-s-ipython span.cm-string { | ||||
color: #BA2121; | ||||
} | ||||
.cm-s-ipython span.cm-builtin { | ||||
color: #008000; | ||||
} | ||||
.cm-s-ipython span.cm-error { | ||||
color: #f00; | ||||
} | ||||
.cm-s-ipython span.cm-operator { | ||||
color: #AA22FF; | ||||
font-weight: bold; | ||||
} | ||||
.cm-s-ipython span.cm-meta { | ||||
color: #AA22FF; | ||||
} | ||||
.cm-s-ipython span.cm-tab { | ||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=); | ||||
background-position: right; | ||||
background-repeat: no-repeat; | ||||
} | ||||
div.output_wrapper { | ||||
/* this position must be relative to enable descendents to be absolute within it */ | ||||
position: relative; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
/* class for the output area when it should be height-limited */ | ||||
div.output_scroll { | ||||
/* ideally, this would be max-height, but FF barfs all over that */ | ||||
height: 24em; | ||||
/* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */ | ||||
width: 100%; | ||||
overflow: auto; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8); | ||||
box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.8); | ||||
display: block; | ||||
} | ||||
/* output div while it is collapsed */ | ||||
div.output_collapsed { | ||||
margin: 0px; | ||||
padding: 0px; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
div.out_prompt_overlay { | ||||
height: 100%; | ||||
padding: 0px 0.4em; | ||||
position: absolute; | ||||
border-radius: 4px; | ||||
} | ||||
div.out_prompt_overlay:hover { | ||||
/* use inner shadow to get border that is computed the same on WebKit/FF */ | ||||
-webkit-box-shadow: inset 0 0 1px #000000; | ||||
box-shadow: inset 0 0 1px #000000; | ||||
background: rgba(240, 240, 240, 0.5); | ||||
} | ||||
div.output_prompt { | ||||
color: #8b0000; | ||||
} | ||||
/* This class is the outer container of all output sections. */ | ||||
div.output_area { | ||||
padding: 0px; | ||||
page-break-inside: avoid; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
div.output_area .MathJax_Display { | ||||
text-align: left !important; | ||||
} | ||||
div.output_area .rendered_html table { | ||||
margin-left: 0; | ||||
margin-right: 0; | ||||
} | ||||
div.output_area .rendered_html img { | ||||
margin-left: 0; | ||||
margin-right: 0; | ||||
} | ||||
/* This is needed to protect the pre formating from global settings such | ||||
as that of bootstrap */ | ||||
.output { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
@media (max-width: 480px) { | ||||
div.output_area { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
} | ||||
div.output_area pre { | ||||
margin: 0; | ||||
padding: 0; | ||||
border: 0; | ||||
vertical-align: baseline; | ||||
color: #000000; | ||||
background-color: transparent; | ||||
border-radius: 0; | ||||
} | ||||
/* This class is for the output subarea inside the output_area and after | ||||
the prompt div. */ | ||||
div.output_subarea { | ||||
padding: 0.4em 0.4em 0em 0.4em; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
/* The rest of the output_* classes are for special styling of the different | ||||
output types */ | ||||
/* all text output has this class: */ | ||||
div.output_text { | ||||
text-align: left; | ||||
color: #000000; | ||||
/* This has to match that of the the CodeMirror class line-height below */ | ||||
line-height: 1.21429em; | ||||
} | ||||
/* stdout/stderr are 'text' as well as 'stream', but execute_result/error are *not* streams */ | ||||
div.output_stderr { | ||||
background: #fdd; | ||||
/* very light red background for stderr */ | ||||
} | ||||
div.output_latex { | ||||
text-align: left; | ||||
} | ||||
/* Empty output_javascript divs should have no height */ | ||||
div.output_javascript:empty { | ||||
padding: 0; | ||||
} | ||||
.js-error { | ||||
color: darkred; | ||||
} | ||||
/* raw_input styles */ | ||||
div.raw_input_container { | ||||
font-family: monospace; | ||||
padding-top: 5px; | ||||
} | ||||
span.raw_input_prompt { | ||||
/* nothing needed here */ | ||||
} | ||||
input.raw_input { | ||||
font-family: inherit; | ||||
font-size: inherit; | ||||
color: inherit; | ||||
width: auto; | ||||
/* make sure input baseline aligns with prompt */ | ||||
vertical-align: baseline; | ||||
/* padding + margin = 0.5em between prompt and cursor */ | ||||
padding: 0em 0.25em; | ||||
margin: 0em 0.25em; | ||||
} | ||||
input.raw_input:focus { | ||||
box-shadow: none; | ||||
} | ||||
p.p-space { | ||||
margin-bottom: 10px; | ||||
} | ||||
.rendered_html { | ||||
color: #000000; | ||||
/* any extras will just be numbers: */ | ||||
} | ||||
.rendered_html em { | ||||
font-style: italic; | ||||
} | ||||
.rendered_html strong { | ||||
font-weight: bold; | ||||
} | ||||
.rendered_html u { | ||||
text-decoration: underline; | ||||
} | ||||
.rendered_html :link { | ||||
text-decoration: underline; | ||||
} | ||||
.rendered_html :visited { | ||||
text-decoration: underline; | ||||
} | ||||
.rendered_html h1 { | ||||
font-size: 185.7%; | ||||
margin: 1.08em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
} | ||||
.rendered_html h2 { | ||||
font-size: 157.1%; | ||||
margin: 1.27em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
} | ||||
.rendered_html h3 { | ||||
font-size: 128.6%; | ||||
margin: 1.55em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
} | ||||
.rendered_html h4 { | ||||
font-size: 100%; | ||||
margin: 2em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
} | ||||
.rendered_html h5 { | ||||
font-size: 100%; | ||||
margin: 2em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
font-style: italic; | ||||
} | ||||
.rendered_html h6 { | ||||
font-size: 100%; | ||||
margin: 2em 0 0 0; | ||||
font-weight: bold; | ||||
line-height: 1.0; | ||||
font-style: italic; | ||||
} | ||||
.rendered_html h1:first-child { | ||||
margin-top: 0.538em; | ||||
} | ||||
.rendered_html h2:first-child { | ||||
margin-top: 0.636em; | ||||
} | ||||
.rendered_html h3:first-child { | ||||
margin-top: 0.777em; | ||||
} | ||||
.rendered_html h4:first-child { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html h5:first-child { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html h6:first-child { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html ul { | ||||
list-style: disc; | ||||
margin: 0em 2em; | ||||
padding-left: 0px; | ||||
} | ||||
.rendered_html ul ul { | ||||
list-style: square; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html ul ul ul { | ||||
list-style: circle; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html ol { | ||||
list-style: decimal; | ||||
margin: 0em 2em; | ||||
padding-left: 0px; | ||||
} | ||||
.rendered_html ol ol { | ||||
list-style: upper-alpha; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html ol ol ol { | ||||
list-style: lower-alpha; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html ol ol ol ol { | ||||
list-style: lower-roman; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html ol ol ol ol ol { | ||||
list-style: decimal; | ||||
margin: 0em 2em; | ||||
} | ||||
.rendered_html * + ul { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html * + ol { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html hr { | ||||
color: #000000; | ||||
background-color: #000000; | ||||
} | ||||
.rendered_html pre { | ||||
margin: 1em 2em; | ||||
} | ||||
.rendered_html pre, | ||||
.rendered_html code { | ||||
border: 0; | ||||
background-color: #ffffff; | ||||
color: #000000; | ||||
font-size: 100%; | ||||
padding: 0px; | ||||
} | ||||
.rendered_html blockquote { | ||||
margin: 1em 2em; | ||||
} | ||||
.rendered_html table { | ||||
margin-left: auto; | ||||
margin-right: auto; | ||||
border: 1px solid #000000; | ||||
border-collapse: collapse; | ||||
} | ||||
.rendered_html tr, | ||||
.rendered_html th, | ||||
.rendered_html td { | ||||
border: 1px solid #000000; | ||||
border-collapse: collapse; | ||||
margin: 1em 2em; | ||||
} | ||||
.rendered_html td, | ||||
.rendered_html th { | ||||
text-align: left; | ||||
vertical-align: middle; | ||||
padding: 4px; | ||||
} | ||||
.rendered_html th { | ||||
font-weight: bold; | ||||
} | ||||
.rendered_html * + table { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html p { | ||||
text-align: justify; | ||||
} | ||||
.rendered_html * + p { | ||||
margin-top: 1em; | ||||
} | ||||
.rendered_html img { | ||||
display: block; | ||||
margin-left: auto; | ||||
margin-right: auto; | ||||
} | ||||
.rendered_html * + img { | ||||
margin-top: 1em; | ||||
} | ||||
div.text_cell { | ||||
padding: 5px 5px 5px 0px; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
@media (max-width: 480px) { | ||||
div.text_cell > div.prompt { | ||||
display: none; | ||||
} | ||||
} | ||||
div.text_cell_render { | ||||
/*font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;*/ | ||||
outline: none; | ||||
resize: none; | ||||
width: inherit; | ||||
border-style: none; | ||||
padding: 0.5em 0.5em 0.5em 0.4em; | ||||
color: #000000; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
a.anchor-link:link { | ||||
text-decoration: none; | ||||
padding: 0px 20px; | ||||
visibility: hidden; | ||||
} | ||||
h1:hover .anchor-link, | ||||
h2:hover .anchor-link, | ||||
h3:hover .anchor-link, | ||||
h4:hover .anchor-link, | ||||
h5:hover .anchor-link, | ||||
h6:hover .anchor-link { | ||||
visibility: visible; | ||||
} | ||||
div.cell.text_cell.rendered { | ||||
padding: 0px; | ||||
} | ||||
.cm-s-heading-1, | ||||
.cm-s-heading-2, | ||||
.cm-s-heading-3, | ||||
.cm-s-heading-4, | ||||
.cm-s-heading-5, | ||||
.cm-s-heading-6 { | ||||
font-weight: bold; | ||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | ||||
} | ||||
.cm-s-heading-1 { | ||||
font-size: 150%; | ||||
} | ||||
.cm-s-heading-2 { | ||||
font-size: 130%; | ||||
} | ||||
.cm-s-heading-3 { | ||||
font-size: 120%; | ||||
} | ||||
.cm-s-heading-4 { | ||||
font-size: 110%; | ||||
} | ||||
.cm-s-heading-5 { | ||||
font-size: 100%; | ||||
font-style: italic; | ||||
} | ||||
.cm-s-heading-6 { | ||||
font-size: 90%; | ||||
font-style: italic; | ||||
} | ||||
.widget-area { | ||||
/* | ||||
LESS file that styles IPython notebook widgets and the area they sit in. | ||||
The widget area typically looks something like this: | ||||
+------------------------------------------+ | ||||
| widget-area | | ||||
| +--------+---------------------------+ | | ||||
| | prompt | widget-subarea | | | ||||
| | | +--------+ +--------+ | | | ||||
| | | | widget | | widget | | | | ||||
| | | +--------+ +--------+ | | | ||||
| +--------+---------------------------+ | | ||||
+------------------------------------------+ | ||||
*/ | ||||
page-break-inside: avoid; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-area .widget-subarea { | ||||
padding: 0.44em 0.4em 0.4em 1px; | ||||
margin-left: 6px; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 2; | ||||
-moz-box-flex: 2; | ||||
box-flex: 2; | ||||
/* Modern browsers */ | ||||
flex: 2; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
} | ||||
/* THE CLASSES BELOW CAN APPEAR ANYWHERE IN THE DOM (POSSIBLEY OUTSIDE OF | ||||
THE WIDGET AREA). */ | ||||
.widget-hlabel { | ||||
/* Horizontal Label */ | ||||
min-width: 10ex; | ||||
padding-right: 8px; | ||||
padding-top: 5px; | ||||
text-align: right; | ||||
vertical-align: text-top; | ||||
} | ||||
.widget-vlabel { | ||||
/* Vertical Label */ | ||||
padding-bottom: 5px; | ||||
text-align: center; | ||||
vertical-align: text-bottom; | ||||
} | ||||
.widget-hreadout { | ||||
padding-left: 8px; | ||||
padding-top: 5px; | ||||
text-align: left; | ||||
vertical-align: text-top; | ||||
} | ||||
.widget-vreadout { | ||||
/* Vertical Label */ | ||||
padding-top: 5px; | ||||
text-align: center; | ||||
vertical-align: text-top; | ||||
} | ||||
.slide-track { | ||||
/* Slider Track */ | ||||
border: 1px solid #CCCCCC; | ||||
background: #FFFFFF; | ||||
border-radius: 4px; | ||||
/* Round the corners of the slide track */ | ||||
} | ||||
.widget-hslider { | ||||
/* Horizontal jQuery Slider | ||||
Both the horizontal and vertical versions of the slider are characterized | ||||
by a styled div that contains an invisible jQuery slide div which | ||||
contains a visible slider handle div. This is requred so we can control | ||||
how the slider is drawn and 'fix' the issue where the slide handle | ||||
doesn't stop at the end of the slide. | ||||
Both horizontal and vertical sliders have this div nesting: | ||||
+------------------------------------------+ | ||||
| widget-(h/v)slider | | ||||
| +--------+---------------------------+ | | ||||
| | ui-slider | | | ||||
| | +------------------+ | | | ||||
| | | ui-slider-handle | | | | ||||
| | +------------------+ | | | ||||
| +--------+---------------------------+ | | ||||
+------------------------------------------+ | ||||
*/ | ||||
/* Fix the padding of the slide track so the ui-slider is sized | ||||
correctly. */ | ||||
padding-left: 8px; | ||||
padding-right: 5px; | ||||
overflow: visible; | ||||
/* Default size of the slider */ | ||||
width: 350px; | ||||
height: 5px; | ||||
max-height: 5px; | ||||
margin-top: 13px; | ||||
margin-bottom: 10px; | ||||
/* Style the slider track */ | ||||
/* Slider Track */ | ||||
border: 1px solid #CCCCCC; | ||||
background: #FFFFFF; | ||||
border-radius: 4px; | ||||
/* Round the corners of the slide track */ | ||||
/* Make the div a flex box (makes FF behave correctly). */ | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-hslider .ui-slider { | ||||
/* Inner, invisible slide div */ | ||||
border: 0px !important; | ||||
background: none !important; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
.widget-hslider .ui-slider .ui-slider-handle { | ||||
width: 14px !important; | ||||
height: 28px !important; | ||||
margin-top: -8px !important; | ||||
} | ||||
.widget-vslider { | ||||
/* Vertical jQuery Slider */ | ||||
/* Fix the padding of the slide track so the ui-slider is sized | ||||
correctly. */ | ||||
padding-bottom: 8px; | ||||
overflow: visible; | ||||
/* Default size of the slider */ | ||||
width: 5px; | ||||
max-width: 5px; | ||||
height: 250px; | ||||
margin-left: 12px; | ||||
/* Style the slider track */ | ||||
/* Slider Track */ | ||||
border: 1px solid #CCCCCC; | ||||
background: #FFFFFF; | ||||
border-radius: 4px; | ||||
/* Round the corners of the slide track */ | ||||
/* Make the div a flex box (makes FF behave correctly). */ | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-vslider .ui-slider { | ||||
/* Inner, invisible slide div */ | ||||
border: 0px !important; | ||||
background: none !important; | ||||
margin-left: -4px; | ||||
margin-top: 5px; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
.widget-vslider .ui-slider .ui-slider-handle { | ||||
width: 28px !important; | ||||
height: 14px !important; | ||||
margin-left: -9px; | ||||
} | ||||
.widget-text { | ||||
/* String Textbox - used for TextBoxView and TextAreaView */ | ||||
width: 350px; | ||||
margin: 0px !important; | ||||
} | ||||
.widget-listbox { | ||||
/* Listbox */ | ||||
width: 350px; | ||||
margin-bottom: 0px; | ||||
} | ||||
.widget-numeric-text { | ||||
/* Single Line Textbox - used for IntTextView and FloatTextView */ | ||||
width: 150px; | ||||
margin: 0px !important; | ||||
} | ||||
.widget-progress { | ||||
/* Progress Bar */ | ||||
margin-top: 6px; | ||||
width: 350px; | ||||
} | ||||
.widget-progress .progress-bar { | ||||
/* Disable progress bar animation */ | ||||
-webkit-transition: none; | ||||
-moz-transition: none; | ||||
-ms-transition: none; | ||||
-o-transition: none; | ||||
transition: none; | ||||
} | ||||
.widget-combo-btn { | ||||
/* ComboBox Main Button */ | ||||
min-width: 125px; | ||||
} | ||||
.widget_item .dropdown-menu li a { | ||||
color: inherit; | ||||
} | ||||
.widget-box { | ||||
/* The following section sets the style for the invisible div that | ||||
hold widgets and their accompanying labels. | ||||
Looks like this: | ||||
+-----------------------------+ | ||||
| widget-box (or similar) | | ||||
| +-------+---------------+ | | ||||
| | Label | Actual Widget | | | ||||
| +-------+---------------+ | | ||||
+-----------------------------+ | ||||
*/ | ||||
margin: 5px; | ||||
/* Old browsers */ | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
/* Modern browsers */ | ||||
justify-content: flex-start; | ||||
/* Box */ | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
} | ||||
.widget-hbox { | ||||
/* Horizontal widgets */ | ||||
/* The following section sets the style for the invisible div that | ||||
hold widgets and their accompanying labels. | ||||
Looks like this: | ||||
+-----------------------------+ | ||||
| widget-box (or similar) | | ||||
| +-------+---------------+ | | ||||
| | Label | Actual Widget | | | ||||
| +-------+---------------+ | | ||||
+-----------------------------+ | ||||
*/ | ||||
margin: 5px; | ||||
/* Old browsers */ | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
/* Modern browsers */ | ||||
justify-content: flex-start; | ||||
/* Box */ | ||||
/* Old browsers */ | ||||
/* Modern browsers */ | ||||
/* Box */ | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-hbox-single { | ||||
/* Single line horizontal widgets */ | ||||
/* Horizontal widgets */ | ||||
/* The following section sets the style for the invisible div that | ||||
hold widgets and their accompanying labels. | ||||
Looks like this: | ||||
+-----------------------------+ | ||||
| widget-box (or similar) | | ||||
| +-------+---------------+ | | ||||
| | Label | Actual Widget | | | ||||
| +-------+---------------+ | | ||||
+-----------------------------+ | ||||
*/ | ||||
margin: 5px; | ||||
/* Old browsers */ | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
/* Modern browsers */ | ||||
justify-content: flex-start; | ||||
/* Box */ | ||||
/* Old browsers */ | ||||
/* Modern browsers */ | ||||
/* Box */ | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-hbox-single input[type="checkbox"] { | ||||
margin-top: 9px; | ||||
} | ||||
.widget-vbox { | ||||
/* Vertical widgets */ | ||||
/* The following section sets the style for the invisible div that | ||||
hold widgets and their accompanying labels. | ||||
Looks like this: | ||||
+-----------------------------+ | ||||
| widget-box (or similar) | | ||||
| +-------+---------------+ | | ||||
| | Label | Actual Widget | | | ||||
| +-------+---------------+ | | ||||
+-----------------------------+ | ||||
*/ | ||||
margin: 5px; | ||||
/* Old browsers */ | ||||
-webkit-box-pack: start; | ||||
-moz-box-pack: start; | ||||
box-pack: start; | ||||
/* Modern browsers */ | ||||
justify-content: flex-start; | ||||
/* Box */ | ||||
/* Old browsers */ | ||||
/* Modern browsers */ | ||||
/* Box */ | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.widget-modal { | ||||
/* Box - ModalView */ | ||||
overflow: hidden; | ||||
position: absolute !important; | ||||
top: 0px; | ||||
left: 0px; | ||||
margin-left: 0px !important; | ||||
} | ||||
.widget-modal-body { | ||||
/* Box - ModalView Body */ | ||||
max-height: none !important; | ||||
} | ||||
.widget-box { | ||||
/* Box */ | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
/* Old browsers */ | ||||
-webkit-box-align: start; | ||||
-moz-box-align: start; | ||||
box-align: start; | ||||
/* Modern browsers */ | ||||
align-items: flex-start; | ||||
} | ||||
.widget-radio-box { | ||||
/* Contains RadioButtonsWidget */ | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: vertical; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: vertical; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: vertical; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: column; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
padding-top: 4px; | ||||
} | ||||
.widget-radio-box label { | ||||
margin-top: 0px; | ||||
} | ||||
.docked-widget-modal { | ||||
/* Horizontal Label */ | ||||
overflow: hidden; | ||||
position: relative !important; | ||||
top: 0px !important; | ||||
left: 0px !important; | ||||
margin-left: 0px !important; | ||||
} | ||||
/*! | ||||
* | ||||
* IPython notebook webapp | ||||
* | ||||
*/ | ||||
body { | ||||
background-color: #ffffff; | ||||
} | ||||
body.notebook_app { | ||||
overflow: hidden; | ||||
} | ||||
@media (max-width: 767px) { | ||||
body.notebook_app { | ||||
padding-left: 0px; | ||||
padding-right: 0px; | ||||
} | ||||
} | ||||
#ipython-main-app { | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
span#notebook_name { | ||||
height: 1em; | ||||
line-height: 1em; | ||||
padding: 3px; | ||||
border: none; | ||||
font-size: 146.5%; | ||||
} | ||||
div#notebook_panel { | ||||
margin: 0px 0px 0px 0px; | ||||
padding: 0px; | ||||
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); | ||||
box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.25); | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
div#notebook { | ||||
font-size: 14px; | ||||
line-height: 20px; | ||||
overflow-y: scroll; | ||||
overflow-x: auto; | ||||
width: 100%; | ||||
/* This spaces the cell away from the edge of the notebook area */ | ||||
padding: 1em 0 1em 0; | ||||
margin: 0px; | ||||
border-top: 1px solid #e7e7e7; | ||||
outline: none; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
div.ui-widget-content { | ||||
border: 1px solid #ababab; | ||||
outline: none; | ||||
} | ||||
pre.dialog { | ||||
background-color: #f7f7f7; | ||||
border: 1px solid #ddd; | ||||
border-radius: 4px; | ||||
padding: 0.4em; | ||||
padding-left: 2em; | ||||
} | ||||
p.dialog { | ||||
padding: 0.2em; | ||||
} | ||||
/* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems | ||||
to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do. | ||||
*/ | ||||
pre, | ||||
code, | ||||
kbd, | ||||
samp { | ||||
white-space: pre-wrap; | ||||
} | ||||
#fonttest { | ||||
font-family: monospace; | ||||
} | ||||
p { | ||||
margin-bottom: 0; | ||||
} | ||||
.end_space { | ||||
height: 200px; | ||||
} | ||||
/* CSS for the cell toolbar */ | ||||
.celltoolbar { | ||||
border: thin solid #CFCFCF; | ||||
border-bottom: none; | ||||
background: #EEE; | ||||
border-radius: 3px 3px 0px 0px; | ||||
width: 100%; | ||||
-webkit-box-pack: end; | ||||
height: 29px; | ||||
padding-right: 4px; | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
/* Old browsers */ | ||||
-webkit-box-direction: reverse; | ||||
-moz-box-direction: reverse; | ||||
box-direction: reverse; | ||||
/* Modern browsers */ | ||||
flex-direction: row-reverse; | ||||
} | ||||
.ctb_hideshow { | ||||
display: none; | ||||
vertical-align: bottom; | ||||
} | ||||
/* ctb_show is added to the ctb_hideshow div to show the cell toolbar. | ||||
Cell toolbars are only shown when the ctb_global_show class is also set. | ||||
*/ | ||||
.ctb_global_show .ctb_show.ctb_hideshow { | ||||
display: block; | ||||
} | ||||
.ctb_global_show .ctb_show + .input_area, | ||||
.ctb_global_show .ctb_show + div.text_cell_input { | ||||
border-top-right-radius: 0px; | ||||
border-top-left-radius: 0px; | ||||
} | ||||
.celltoolbar { | ||||
font-size: 87%; | ||||
padding-top: 3px; | ||||
} | ||||
.celltoolbar select { | ||||
font-size: 87%; | ||||
height: 22px; | ||||
} | ||||
.celltoolbar label { | ||||
margin-left: 5px; | ||||
margin-right: 5px; | ||||
} | ||||
.completions { | ||||
position: absolute; | ||||
z-index: 10; | ||||
overflow: hidden; | ||||
border: 1px solid #ababab; | ||||
border-radius: 4px; | ||||
-webkit-box-shadow: 0px 6px 10px -1px #adadad; | ||||
box-shadow: 0px 6px 10px -1px #adadad; | ||||
} | ||||
.completions select { | ||||
background: white; | ||||
outline: none; | ||||
border: none; | ||||
padding: 0px; | ||||
margin: 0px; | ||||
overflow: auto; | ||||
font-family: monospace; | ||||
font-size: 110%; | ||||
color: #000000; | ||||
width: auto; | ||||
} | ||||
.completions select option.context { | ||||
color: #3071a9; | ||||
} | ||||
#kernel_selector_widget { | ||||
margin-right: 1em; | ||||
float: right; | ||||
} | ||||
#kernel_selector_widget > button { | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
font-weight: normal; | ||||
text-align: center; | ||||
vertical-align: middle; | ||||
cursor: pointer; | ||||
background-image: none; | ||||
border: 1px solid transparent; | ||||
white-space: nowrap; | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
border-radius: 4px; | ||||
-webkit-user-select: none; | ||||
-moz-user-select: none; | ||||
-ms-user-select: none; | ||||
user-select: none; | ||||
color: #333333; | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
padding: 5px 10px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
#kernel_selector_widget > button:focus, | ||||
#kernel_selector_widget > button:active:focus, | ||||
#kernel_selector_widget > button.active:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
#kernel_selector_widget > button:hover, | ||||
#kernel_selector_widget > button:focus { | ||||
color: #333333; | ||||
text-decoration: none; | ||||
} | ||||
#kernel_selector_widget > button:active, | ||||
#kernel_selector_widget > button.active { | ||||
outline: 0; | ||||
background-image: none; | ||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
} | ||||
#kernel_selector_widget > button.disabled, | ||||
#kernel_selector_widget > button[disabled], | ||||
fieldset[disabled] #kernel_selector_widget > button { | ||||
cursor: not-allowed; | ||||
pointer-events: none; | ||||
opacity: 0.65; | ||||
filter: alpha(opacity=65); | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
#kernel_selector_widget > button:hover, | ||||
#kernel_selector_widget > button:focus, | ||||
#kernel_selector_widget > button:active, | ||||
#kernel_selector_widget > button.active, | ||||
.open .dropdown-toggle#kernel_selector_widget > button { | ||||
color: #333333; | ||||
background-color: #ebebeb; | ||||
border-color: #adadad; | ||||
} | ||||
#kernel_selector_widget > button:active, | ||||
#kernel_selector_widget > button.active, | ||||
.open .dropdown-toggle#kernel_selector_widget > button { | ||||
background-image: none; | ||||
} | ||||
#kernel_selector_widget > button.disabled, | ||||
#kernel_selector_widget > button[disabled], | ||||
fieldset[disabled] #kernel_selector_widget > button, | ||||
#kernel_selector_widget > button.disabled:hover, | ||||
#kernel_selector_widget > button[disabled]:hover, | ||||
fieldset[disabled] #kernel_selector_widget > button:hover, | ||||
#kernel_selector_widget > button.disabled:focus, | ||||
#kernel_selector_widget > button[disabled]:focus, | ||||
fieldset[disabled] #kernel_selector_widget > button:focus, | ||||
#kernel_selector_widget > button.disabled:active, | ||||
#kernel_selector_widget > button[disabled]:active, | ||||
fieldset[disabled] #kernel_selector_widget > button:active, | ||||
#kernel_selector_widget > button.disabled.active, | ||||
#kernel_selector_widget > button[disabled].active, | ||||
fieldset[disabled] #kernel_selector_widget > button.active { | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
} | ||||
#kernel_selector_widget > button .badge { | ||||
color: #ffffff; | ||||
background-color: #333333; | ||||
} | ||||
#kernel_selector_widget > button > span.caret { | ||||
margin-top: 0px; | ||||
} | ||||
#menubar { | ||||
margin-top: 0px; | ||||
margin-bottom: -19px; | ||||
position: relative; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
#menubar .navbar { | ||||
border-top: 1px; | ||||
border-radius: 0px 0px 4px 4px; | ||||
} | ||||
#menubar li.dropdown { | ||||
line-height: 12px; | ||||
} | ||||
#menubar li.dropdown a { | ||||
padding-top: 6px; | ||||
padding-bottom: 5px; | ||||
} | ||||
#menubar ul.navbar-right { | ||||
padding-top: 2px; | ||||
} | ||||
.nav-wrapper { | ||||
border-bottom: 1px solid #e7e7e7; | ||||
} | ||||
i.menu-icon { | ||||
padding-top: 4px; | ||||
} | ||||
ul#help_menu li a { | ||||
overflow: hidden; | ||||
padding-right: 2.2em; | ||||
} | ||||
ul#help_menu li a i { | ||||
margin-right: -1.2em; | ||||
} | ||||
#menus { | ||||
min-height: 30px; | ||||
} | ||||
.dropdown-submenu { | ||||
position: relative; | ||||
} | ||||
.dropdown-submenu > .dropdown-menu { | ||||
top: 0; | ||||
left: 100%; | ||||
margin-top: -6px; | ||||
margin-left: -1px; | ||||
-webkit-border-radius: 0 6px 6px 6px; | ||||
-moz-border-radius: 0 6px 6px 6px; | ||||
border-radius: 0 6px 6px 6px; | ||||
} | ||||
.dropdown-submenu:hover > .dropdown-menu { | ||||
display: block; | ||||
} | ||||
.dropdown-submenu > a:after { | ||||
display: block; | ||||
content: " "; | ||||
float: right; | ||||
width: 0; | ||||
height: 0; | ||||
border-color: transparent; | ||||
border-style: solid; | ||||
border-width: 5px 0 5px 5px; | ||||
border-left-color: #cccccc; | ||||
margin-top: 5px; | ||||
margin-right: -10px; | ||||
} | ||||
.dropdown-submenu:hover > a:after { | ||||
border-left-color: #ffffff; | ||||
} | ||||
.dropdown-submenu.pull-left { | ||||
float: none; | ||||
} | ||||
.dropdown-submenu.pull-left > .dropdown-menu { | ||||
left: -100%; | ||||
margin-left: 10px; | ||||
-webkit-border-radius: 6px 0 6px 6px; | ||||
-moz-border-radius: 6px 0 6px 6px; | ||||
border-radius: 6px 0 6px 6px; | ||||
} | ||||
#notification_area { | ||||
float: right !important; | ||||
float: right; | ||||
z-index: 10; | ||||
} | ||||
.indicator_area { | ||||
color: #777777; | ||||
padding: 4px 3px; | ||||
margin: 0px; | ||||
width: 11px; | ||||
z-index: 10; | ||||
text-align: center; | ||||
} | ||||
#kernel_indicator { | ||||
float: right !important; | ||||
float: right; | ||||
color: #777777; | ||||
padding: 4px 3px; | ||||
margin: 0px; | ||||
width: 11px; | ||||
z-index: 10; | ||||
text-align: center; | ||||
margin-right: 12px; | ||||
} | ||||
#modal_indicator { | ||||
float: right !important; | ||||
float: right; | ||||
color: #777777; | ||||
padding: 4px 3px; | ||||
margin: 0px; | ||||
width: 11px; | ||||
z-index: 10; | ||||
text-align: center; | ||||
margin-right: 5px; | ||||
} | ||||
.edit_mode_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f040"; | ||||
} | ||||
.edit_mode_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.edit_mode_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.command_mode_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: ' '; | ||||
} | ||||
.command_mode_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.command_mode_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.kernel_idle_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f10c"; | ||||
} | ||||
.kernel_idle_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.kernel_idle_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.kernel_busy_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f111"; | ||||
} | ||||
.kernel_busy_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.kernel_busy_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.kernel_dead_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f1e2"; | ||||
} | ||||
.kernel_dead_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.kernel_dead_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.kernel_disconnected_icon:before { | ||||
display: inline-block; | ||||
font-family: FontAwesome; | ||||
font-style: normal; | ||||
font-weight: normal; | ||||
line-height: 1; | ||||
-webkit-font-smoothing: antialiased; | ||||
-moz-osx-font-smoothing: grayscale; | ||||
content: "\f127"; | ||||
} | ||||
.kernel_disconnected_icon:before.pull-left { | ||||
margin-right: .3em; | ||||
} | ||||
.kernel_disconnected_icon:before.pull-right { | ||||
margin-left: .3em; | ||||
} | ||||
.notification_widget { | ||||
color: #777777; | ||||
padding: 1px 12px; | ||||
margin: 2px 4px; | ||||
z-index: 10; | ||||
background: rgba(240, 240, 240, 0.5); | ||||
float: right !important; | ||||
float: right; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
display: inline-block; | ||||
margin-bottom: 0; | ||||
font-weight: normal; | ||||
text-align: center; | ||||
vertical-align: middle; | ||||
cursor: pointer; | ||||
background-image: none; | ||||
border: 1px solid transparent; | ||||
white-space: nowrap; | ||||
padding: 6px 12px; | ||||
font-size: 13px; | ||||
line-height: 1.42857143; | ||||
border-radius: 4px; | ||||
-webkit-user-select: none; | ||||
-moz-user-select: none; | ||||
-ms-user-select: none; | ||||
user-select: none; | ||||
color: #333333; | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
padding: 1px 5px; | ||||
font-size: 12px; | ||||
line-height: 1.5; | ||||
border-radius: 3px; | ||||
} | ||||
.notification_widget:focus, | ||||
.notification_widget:active:focus, | ||||
.notification_widget.active:focus { | ||||
outline: thin dotted; | ||||
outline: 5px auto -webkit-focus-ring-color; | ||||
outline-offset: -2px; | ||||
} | ||||
.notification_widget:hover, | ||||
.notification_widget:focus { | ||||
color: #333333; | ||||
text-decoration: none; | ||||
} | ||||
.notification_widget:active, | ||||
.notification_widget.active { | ||||
outline: 0; | ||||
background-image: none; | ||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||||
} | ||||
.notification_widget.disabled, | ||||
.notification_widget[disabled], | ||||
fieldset[disabled] .notification_widget { | ||||
cursor: not-allowed; | ||||
pointer-events: none; | ||||
opacity: 0.65; | ||||
filter: alpha(opacity=65); | ||||
-webkit-box-shadow: none; | ||||
box-shadow: none; | ||||
} | ||||
.notification_widget:hover, | ||||
.notification_widget:focus, | ||||
.notification_widget:active, | ||||
.notification_widget.active, | ||||
.open .dropdown-toggle.notification_widget { | ||||
color: #333333; | ||||
background-color: #ebebeb; | ||||
border-color: #adadad; | ||||
} | ||||
.notification_widget:active, | ||||
.notification_widget.active, | ||||
.open .dropdown-toggle.notification_widget { | ||||
background-image: none; | ||||
} | ||||
.notification_widget.disabled, | ||||
.notification_widget[disabled], | ||||
fieldset[disabled] .notification_widget, | ||||
.notification_widget.disabled:hover, | ||||
.notification_widget[disabled]:hover, | ||||
fieldset[disabled] .notification_widget:hover, | ||||
.notification_widget.disabled:focus, | ||||
.notification_widget[disabled]:focus, | ||||
fieldset[disabled] .notification_widget:focus, | ||||
.notification_widget.disabled:active, | ||||
.notification_widget[disabled]:active, | ||||
fieldset[disabled] .notification_widget:active, | ||||
.notification_widget.disabled.active, | ||||
.notification_widget[disabled].active, | ||||
fieldset[disabled] .notification_widget.active { | ||||
background-color: #ffffff; | ||||
border-color: #cccccc; | ||||
} | ||||
.notification_widget .badge { | ||||
color: #ffffff; | ||||
background-color: #333333; | ||||
} | ||||
.notification_widget.span { | ||||
padding-right: 2px; | ||||
} | ||||
.notification_widget.warning { | ||||
color: #ffffff; | ||||
background-color: #f0ad4e; | ||||
border-color: #eea236; | ||||
} | ||||
.notification_widget.warning:hover, | ||||
.notification_widget.warning:focus, | ||||
.notification_widget.warning:active, | ||||
.notification_widget.warning.active, | ||||
.open .dropdown-toggle.notification_widget.warning { | ||||
color: #ffffff; | ||||
background-color: #ed9c28; | ||||
border-color: #d58512; | ||||
} | ||||
.notification_widget.warning:active, | ||||
.notification_widget.warning.active, | ||||
.open .dropdown-toggle.notification_widget.warning { | ||||
background-image: none; | ||||
} | ||||
.notification_widget.warning.disabled, | ||||
.notification_widget.warning[disabled], | ||||
fieldset[disabled] .notification_widget.warning, | ||||
.notification_widget.warning.disabled:hover, | ||||
.notification_widget.warning[disabled]:hover, | ||||
fieldset[disabled] .notification_widget.warning:hover, | ||||
.notification_widget.warning.disabled:focus, | ||||
.notification_widget.warning[disabled]:focus, | ||||
fieldset[disabled] .notification_widget.warning:focus, | ||||
.notification_widget.warning.disabled:active, | ||||
.notification_widget.warning[disabled]:active, | ||||
fieldset[disabled] .notification_widget.warning:active, | ||||
.notification_widget.warning.disabled.active, | ||||
.notification_widget.warning[disabled].active, | ||||
fieldset[disabled] .notification_widget.warning.active { | ||||
background-color: #f0ad4e; | ||||
border-color: #eea236; | ||||
} | ||||
.notification_widget.warning .badge { | ||||
color: #f0ad4e; | ||||
background-color: #ffffff; | ||||
} | ||||
.notification_widget.success { | ||||
color: #ffffff; | ||||
background-color: #5cb85c; | ||||
border-color: #4cae4c; | ||||
} | ||||
.notification_widget.success:hover, | ||||
.notification_widget.success:focus, | ||||
.notification_widget.success:active, | ||||
.notification_widget.success.active, | ||||
.open .dropdown-toggle.notification_widget.success { | ||||
color: #ffffff; | ||||
background-color: #47a447; | ||||
border-color: #398439; | ||||
} | ||||
.notification_widget.success:active, | ||||
.notification_widget.success.active, | ||||
.open .dropdown-toggle.notification_widget.success { | ||||
background-image: none; | ||||
} | ||||
.notification_widget.success.disabled, | ||||
.notification_widget.success[disabled], | ||||
fieldset[disabled] .notification_widget.success, | ||||
.notification_widget.success.disabled:hover, | ||||
.notification_widget.success[disabled]:hover, | ||||
fieldset[disabled] .notification_widget.success:hover, | ||||
.notification_widget.success.disabled:focus, | ||||
.notification_widget.success[disabled]:focus, | ||||
fieldset[disabled] .notification_widget.success:focus, | ||||
.notification_widget.success.disabled:active, | ||||
.notification_widget.success[disabled]:active, | ||||
fieldset[disabled] .notification_widget.success:active, | ||||
.notification_widget.success.disabled.active, | ||||
.notification_widget.success[disabled].active, | ||||
fieldset[disabled] .notification_widget.success.active { | ||||
background-color: #5cb85c; | ||||
border-color: #4cae4c; | ||||
} | ||||
.notification_widget.success .badge { | ||||
color: #5cb85c; | ||||
background-color: #ffffff; | ||||
} | ||||
.notification_widget.info { | ||||
color: #ffffff; | ||||
background-color: #5bc0de; | ||||
border-color: #46b8da; | ||||
} | ||||
.notification_widget.info:hover, | ||||
.notification_widget.info:focus, | ||||
.notification_widget.info:active, | ||||
.notification_widget.info.active, | ||||
.open .dropdown-toggle.notification_widget.info { | ||||
color: #ffffff; | ||||
background-color: #39b3d7; | ||||
border-color: #269abc; | ||||
} | ||||
.notification_widget.info:active, | ||||
.notification_widget.info.active, | ||||
.open .dropdown-toggle.notification_widget.info { | ||||
background-image: none; | ||||
} | ||||
.notification_widget.info.disabled, | ||||
.notification_widget.info[disabled], | ||||
fieldset[disabled] .notification_widget.info, | ||||
.notification_widget.info.disabled:hover, | ||||
.notification_widget.info[disabled]:hover, | ||||
fieldset[disabled] .notification_widget.info:hover, | ||||
.notification_widget.info.disabled:focus, | ||||
.notification_widget.info[disabled]:focus, | ||||
fieldset[disabled] .notification_widget.info:focus, | ||||
.notification_widget.info.disabled:active, | ||||
.notification_widget.info[disabled]:active, | ||||
fieldset[disabled] .notification_widget.info:active, | ||||
.notification_widget.info.disabled.active, | ||||
.notification_widget.info[disabled].active, | ||||
fieldset[disabled] .notification_widget.info.active { | ||||
background-color: #5bc0de; | ||||
border-color: #46b8da; | ||||
} | ||||
.notification_widget.info .badge { | ||||
color: #5bc0de; | ||||
background-color: #ffffff; | ||||
} | ||||
.notification_widget.danger { | ||||
color: #ffffff; | ||||
background-color: #d9534f; | ||||
border-color: #d43f3a; | ||||
} | ||||
.notification_widget.danger:hover, | ||||
.notification_widget.danger:focus, | ||||
.notification_widget.danger:active, | ||||
.notification_widget.danger.active, | ||||
.open .dropdown-toggle.notification_widget.danger { | ||||
color: #ffffff; | ||||
background-color: #d2322d; | ||||
border-color: #ac2925; | ||||
} | ||||
.notification_widget.danger:active, | ||||
.notification_widget.danger.active, | ||||
.open .dropdown-toggle.notification_widget.danger { | ||||
background-image: none; | ||||
} | ||||
.notification_widget.danger.disabled, | ||||
.notification_widget.danger[disabled], | ||||
fieldset[disabled] .notification_widget.danger, | ||||
.notification_widget.danger.disabled:hover, | ||||
.notification_widget.danger[disabled]:hover, | ||||
fieldset[disabled] .notification_widget.danger:hover, | ||||
.notification_widget.danger.disabled:focus, | ||||
.notification_widget.danger[disabled]:focus, | ||||
fieldset[disabled] .notification_widget.danger:focus, | ||||
.notification_widget.danger.disabled:active, | ||||
.notification_widget.danger[disabled]:active, | ||||
fieldset[disabled] .notification_widget.danger:active, | ||||
.notification_widget.danger.disabled.active, | ||||
.notification_widget.danger[disabled].active, | ||||
fieldset[disabled] .notification_widget.danger.active { | ||||
background-color: #d9534f; | ||||
border-color: #d43f3a; | ||||
} | ||||
.notification_widget.danger .badge { | ||||
color: #d9534f; | ||||
background-color: #ffffff; | ||||
} | ||||
div#pager_splitter { | ||||
height: 8px; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
#pager-container { | ||||
position: relative; | ||||
padding: 15px 0px; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
div#pager { | ||||
font-size: 14px; | ||||
line-height: 20px; | ||||
overflow: auto; | ||||
display: none; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
div#pager pre { | ||||
line-height: 1.21429em; | ||||
color: #000000; | ||||
background-color: #f7f7f7; | ||||
padding: 0.4em; | ||||
} | ||||
.quickhelp { | ||||
/* Old browsers */ | ||||
display: -webkit-box; | ||||
-webkit-box-orient: horizontal; | ||||
-webkit-box-align: stretch; | ||||
display: -moz-box; | ||||
-moz-box-orient: horizontal; | ||||
-moz-box-align: stretch; | ||||
display: box; | ||||
box-orient: horizontal; | ||||
box-align: stretch; | ||||
/* Modern browsers */ | ||||
display: flex; | ||||
flex-direction: row; | ||||
align-items: stretch; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 0; | ||||
-moz-box-flex: 0; | ||||
box-flex: 0; | ||||
/* Modern browsers */ | ||||
flex: none; | ||||
} | ||||
.shortcut_key { | ||||
display: inline-block; | ||||
width: 20ex; | ||||
text-align: right; | ||||
font-family: monospace; | ||||
} | ||||
.shortcut_descr { | ||||
display: inline-block; | ||||
/* Old browsers */ | ||||
-webkit-box-flex: 1; | ||||
-moz-box-flex: 1; | ||||
box-flex: 1; | ||||
/* Modern browsers */ | ||||
flex: 1; | ||||
} | ||||
span#save_widget { | ||||
padding: 0px 5px; | ||||
margin-top: 12px; | ||||
} | ||||
span#checkpoint_status, | ||||
span#autosave_status { | ||||
font-size: small; | ||||
} | ||||
@media (max-width: 767px) { | ||||
span#save_widget { | ||||
font-size: small; | ||||
} | ||||
span#checkpoint_status, | ||||
span#autosave_status { | ||||
font-size: x-small; | ||||
} | ||||
} | ||||
@media (max-width: 767px) { | ||||
span#checkpoint_status, | ||||
span#autosave_status { | ||||
display: none; | ||||
} | ||||
} | ||||
@media (min-width: 768px) and (max-width: 979px) { | ||||
span#checkpoint_status { | ||||
display: none; | ||||
} | ||||
span#autosave_status { | ||||
font-size: x-small; | ||||
} | ||||
} | ||||
.toolbar { | ||||
padding: 0px; | ||||
margin-left: -5px; | ||||
margin-top: -5px; | ||||
box-sizing: border-box; | ||||
-moz-box-sizing: border-box; | ||||
-webkit-box-sizing: border-box; | ||||
} | ||||
.toolbar select, | ||||
.toolbar label { | ||||
width: auto; | ||||
vertical-align: middle; | ||||
margin-right: 2px; | ||||
margin-bottom: 0px; | ||||
display: inline; | ||||
font-size: 92%; | ||||
margin-left: 0.3em; | ||||
margin-right: 0.3em; | ||||
padding: 0px; | ||||
padding-top: 3px; | ||||
} | ||||
.toolbar .btn { | ||||
padding: 2px 8px; | ||||
} | ||||
.toolbar .btn-group { | ||||
margin-top: 0px; | ||||
margin-left: 5px; | ||||
} | ||||
#maintoolbar { | ||||
margin-bottom: -3px; | ||||
margin-top: -8px; | ||||
border: 0px; | ||||
min-height: 27px; | ||||
margin-left: 32px; | ||||
padding-top: 6px; | ||||
padding-bottom: 8px; | ||||
} | ||||
#maintoolbar .navbar-text { | ||||
float: none; | ||||
vertical-align: middle; | ||||
text-align: right; | ||||
margin-left: 5px; | ||||
margin-right: 0px; | ||||
margin-top: 0px; | ||||
} | ||||
#maintoolbar .toolbar { | ||||
margin-top: 0px; | ||||
} | ||||
.select-xs { | ||||
height: 24px; | ||||
} | ||||
/** | ||||
* Primary styles | ||||
* | ||||
* Author: IPython Development Team | ||||
*/ | ||||
/** WARNING IF YOU ARE EDITTING THIS FILE, if this is a .css file, It has a lot | ||||
* of chance of beeing generated from the ../less/[samename].less file, you can | ||||
* try to get back the less file by reverting somme commit in history | ||||
**/ | ||||
/* | ||||
* We'll try to get something pretty, so we | ||||
* have some strange css to have the scroll bar on | ||||
* the left with fix button on the top right of the tooltip | ||||
*/ | ||||
@-moz-keyframes fadeOut { | ||||
from { | ||||
opacity: 1; | ||||
} | ||||
to { | ||||
opacity: 0; | ||||
} | ||||
} | ||||
@-webkit-keyframes fadeOut { | ||||
from { | ||||
opacity: 1; | ||||
} | ||||
to { | ||||
opacity: 0; | ||||
} | ||||
} | ||||
@-moz-keyframes fadeIn { | ||||
from { | ||||
opacity: 0; | ||||
} | ||||
to { | ||||
opacity: 1; | ||||
} | ||||
} | ||||
@-webkit-keyframes fadeIn { | ||||
from { | ||||
opacity: 0; | ||||
} | ||||
to { | ||||
opacity: 1; | ||||
} | ||||
} | ||||
/*properties of tooltip after "expand"*/ | ||||
.bigtooltip { | ||||
overflow: auto; | ||||
height: 200px; | ||||
-webkit-transition-property: height; | ||||
-webkit-transition-duration: 500ms; | ||||
-moz-transition-property: height; | ||||
-moz-transition-duration: 500ms; | ||||
transition-property: height; | ||||
transition-duration: 500ms; | ||||
} | ||||
/*properties of tooltip before "expand"*/ | ||||
.smalltooltip { | ||||
-webkit-transition-property: height; | ||||
-webkit-transition-duration: 500ms; | ||||
-moz-transition-property: height; | ||||
-moz-transition-duration: 500ms; | ||||
transition-property: height; | ||||
transition-duration: 500ms; | ||||
text-overflow: ellipsis; | ||||
overflow: hidden; | ||||
height: 80px; | ||||
} | ||||
.tooltipbuttons { | ||||
position: absolute; | ||||
padding-right: 15px; | ||||
top: 0px; | ||||
right: 0px; | ||||
} | ||||
.tooltiptext { | ||||
/*avoid the button to overlap on some docstring*/ | ||||
padding-right: 30px; | ||||
} | ||||
.ipython_tooltip { | ||||
max-width: 700px; | ||||
/*fade-in animation when inserted*/ | ||||
-webkit-animation: fadeOut 400ms; | ||||
-moz-animation: fadeOut 400ms; | ||||
animation: fadeOut 400ms; | ||||
-webkit-animation: fadeIn 400ms; | ||||
-moz-animation: fadeIn 400ms; | ||||
animation: fadeIn 400ms; | ||||
vertical-align: middle; | ||||
background-color: #f7f7f7; | ||||
overflow: visible; | ||||
border: #ababab 1px solid; | ||||
outline: none; | ||||
padding: 3px; | ||||
margin: 0px; | ||||
padding-left: 7px; | ||||
font-family: monospace; | ||||
min-height: 50px; | ||||
-moz-box-shadow: 0px 6px 10px -1px #adadad; | ||||
-webkit-box-shadow: 0px 6px 10px -1px #adadad; | ||||
box-shadow: 0px 6px 10px -1px #adadad; | ||||
border-radius: 4px; | ||||
position: absolute; | ||||
z-index: 1000; | ||||
} | ||||
.ipython_tooltip a { | ||||
float: right; | ||||
} | ||||
.ipython_tooltip .tooltiptext pre { | ||||
border: 0; | ||||
border-radius: 0; | ||||
font-size: 100%; | ||||
background-color: #f7f7f7; | ||||
} | ||||
.pretooltiparrow { | ||||
left: 0px; | ||||
margin: 0px; | ||||
top: -16px; | ||||
width: 40px; | ||||
height: 16px; | ||||
overflow: hidden; | ||||
position: absolute; | ||||
} | ||||
.pretooltiparrow:before { | ||||
background-color: #f7f7f7; | ||||
border: 1px #ababab solid; | ||||
z-index: 11; | ||||
content: ""; | ||||
position: absolute; | ||||
left: 15px; | ||||
top: 10px; | ||||
width: 25px; | ||||
height: 25px; | ||||
-webkit-transform: rotate(45deg); | ||||
-moz-transform: rotate(45deg); | ||||
-ms-transform: rotate(45deg); | ||||
-o-transform: rotate(45deg); | ||||
} | ||||
/*# sourceMappingURL=../style/style.min.css.map */ | ||||
</style> | ||||
<style type="text/css"> | ||||
.highlight .hll { background-color: #ffffcc } | ||||
.highlight { background: #f8f8f8; } | ||||
.highlight .c { color: #408080; font-style: italic } /* Comment */ | ||||
.highlight .err { border: 1px solid #FF0000 } /* Error */ | ||||
.highlight .k { color: #008000; font-weight: bold } /* Keyword */ | ||||
.highlight .o { color: #666666 } /* Operator */ | ||||
.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */ | ||||
.highlight .cp { color: #BC7A00 } /* Comment.Preproc */ | ||||
.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */ | ||||
.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */ | ||||
.highlight .gd { color: #A00000 } /* Generic.Deleted */ | ||||
.highlight .ge { font-style: italic } /* Generic.Emph */ | ||||
.highlight .gr { color: #FF0000 } /* Generic.Error */ | ||||
.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */ | ||||
.highlight .gi { color: #00A000 } /* Generic.Inserted */ | ||||
.highlight .go { color: #888888 } /* Generic.Output */ | ||||
.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */ | ||||
.highlight .gs { font-weight: bold } /* Generic.Strong */ | ||||
.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */ | ||||
.highlight .gt { color: #0044DD } /* Generic.Traceback */ | ||||
.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */ | ||||
.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */ | ||||
.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */ | ||||
.highlight .kp { color: #008000 } /* Keyword.Pseudo */ | ||||
.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */ | ||||
.highlight .kt { color: #B00040 } /* Keyword.Type */ | ||||
.highlight .m { color: #666666 } /* Literal.Number */ | ||||
.highlight .s { color: #BA2121 } /* Literal.String */ | ||||
.highlight .na { color: #7D9029 } /* Name.Attribute */ | ||||
.highlight .nb { color: #008000 } /* Name.Builtin */ | ||||
.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */ | ||||
.highlight .no { color: #880000 } /* Name.Constant */ | ||||
.highlight .nd { color: #AA22FF } /* Name.Decorator */ | ||||
.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */ | ||||
.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */ | ||||
.highlight .nf { color: #0000FF } /* Name.Function */ | ||||
.highlight .nl { color: #A0A000 } /* Name.Label */ | ||||
.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */ | ||||
.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */ | ||||
.highlight .nv { color: #19177C } /* Name.Variable */ | ||||
.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */ | ||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */ | ||||
.highlight .mf { color: #666666 } /* Literal.Number.Float */ | ||||
.highlight .mh { color: #666666 } /* Literal.Number.Hex */ | ||||
.highlight .mi { color: #666666 } /* Literal.Number.Integer */ | ||||
.highlight .mo { color: #666666 } /* Literal.Number.Oct */ | ||||
.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */ | ||||
.highlight .sc { color: #BA2121 } /* Literal.String.Char */ | ||||
.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */ | ||||
.highlight .s2 { color: #BA2121 } /* Literal.String.Double */ | ||||
.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */ | ||||
.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */ | ||||
.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */ | ||||
.highlight .sx { color: #008000 } /* Literal.String.Other */ | ||||
.highlight .sr { color: #BB6688 } /* Literal.String.Regex */ | ||||
.highlight .s1 { color: #BA2121 } /* Literal.String.Single */ | ||||
.highlight .ss { color: #19177C } /* Literal.String.Symbol */ | ||||
.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */ | ||||
.highlight .vc { color: #19177C } /* Name.Variable.Class */ | ||||
.highlight .vg { color: #19177C } /* Name.Variable.Global */ | ||||
.highlight .vi { color: #19177C } /* Name.Variable.Instance */ | ||||
.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */ | ||||
</style> | ||||
<style type="text/css"> | ||||
/* Overrides of notebook CSS for static HTML export */ | ||||
body { | ||||
overflow: visible; | ||||
padding: 8px; | ||||
} | ||||
div#notebook { | ||||
overflow: visible; | ||||
border-top: none; | ||||
} | ||||
@media print { | ||||
div.cell { | ||||
display: block; | ||||
page-break-inside: avoid; | ||||
} | ||||
div.output_wrapper { | ||||
display: block; | ||||
page-break-inside: avoid; | ||||
} | ||||
div.output { | ||||
display: block; | ||||
page-break-inside: avoid; | ||||
} | ||||
} | ||||
</style> | ||||
<!-- Custom stylesheet, it must be in the same directory as the html file --> | ||||
<link rel="stylesheet" href="custom.css"> | ||||
<!-- Loading mathjax macro --> | ||||
<!-- Load mathjax --> | ||||
<script src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script> | ||||
<!-- MathJax configuration --> | ||||
<script type="text/x-mathjax-config"> | ||||
MathJax.Hub.Config({ | ||||
tex2jax: { | ||||
inlineMath: [ ['$','$'], ["\\(","\\)"] ], | ||||
displayMath: [ ['$$','$$'], ["\\[","\\]"] ], | ||||
processEscapes: true, | ||||
processEnvironments: true | ||||
}, | ||||
// Center justify equations in code and markdown cells. Elsewhere | ||||
// we use CSS to left justify single line equations in code cells. | ||||
displayAlign: 'center', | ||||
"HTML-CSS": { | ||||
styles: {'.MathJax_Display': {"margin": 0}}, | ||||
linebreaks: { automatic: true } | ||||
} | ||||
}); | ||||
</script> | ||||
<!-- End of mathjax configuration --> | ||||
</head> | ||||
<body> | ||||
<div tabindex="-1" id="notebook" class="border-box-sizing"> | ||||
<div class="container" id="notebook-container"> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [2]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="c"># Widget related imports</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.html</span> <span class="kn">import</span> <span class="n">widgets</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.display</span> <span class="kn">import</span> <span class="n">display</span><span class="p">,</span> <span class="n">clear_output</span><span class="p">,</span> <span class="n">Javascript</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.utils.traitlets</span> <span class="kn">import</span> <span class="n">Unicode</span> | ||||
<span class="c"># nbconvert related imports</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.nbconvert</span> <span class="kn">import</span> <span class="n">get_export_names</span><span class="p">,</span> <span class="n">export_by_name</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.nbconvert.writers</span> <span class="kn">import</span> <span class="n">FilesWriter</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.nbformat</span> <span class="kn">import</span> <span class="n">current</span> | ||||
<span class="kn">from</span> <span class="nn">IPython.nbconvert.utils.exceptions</span> <span class="kn">import</span> <span class="n">ConversionException</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing text_cell rendered"> | ||||
<div class="prompt input_prompt"> | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="text_cell_render border-box-sizing rendered_html"> | ||||
<p>Create a text Widget without displaying it. The widget will be used to store the notebook's name which is otherwise only available in the front-end.</p> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [3]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">notebook_name</span> <span class="o">=</span> <span class="n">widgets</span><span class="o">.</span><span class="n">TextWidget</span><span class="p">()</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="output_wrapper"> | ||||
<div class="output"> | ||||
<div class="output_area"><div class="prompt"></div> | ||||
<div class="output_subarea output_stream output_stderr output_text"> | ||||
<pre>WARNING: "TextWidget" is deprecated, please use "Text" instead. | ||||
</pre> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing text_cell rendered"> | ||||
<div class="prompt input_prompt"> | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="text_cell_render border-box-sizing rendered_html"> | ||||
<p>Get the current notebook's name by pushing JavaScript to the browser that sets the notebook name in a string widget.</p> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [3]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">js</span> <span class="o">=</span> <span class="s">"""var model = IPython.notebook.kernel.widget_manager.get_model('{model_id}');</span> | ||||
<span class="s">model.set('value', IPython.notebook.notebook_name);</span> | ||||
<span class="s">model.save();"""</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">model_id</span><span class="o">=</span><span class="n">notebook_name</span><span class="o">.</span><span class="n">model_id</span><span class="p">)</span> | ||||
<span class="n">display</span><span class="p">(</span><span class="n">Javascript</span><span class="p">(</span><span class="n">data</span><span class="o">=</span><span class="n">js</span><span class="p">))</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="output_wrapper"> | ||||
<div class="output"> | ||||
<div class="output_area"><div class="prompt"></div> | ||||
<div class="output_subarea output_javascript "> | ||||
<script type="text/javascript"> | ||||
var model = IPython.notebook.kernel.widget_manager.get_model('8c6583524eb3422c99491730a3e1ce6c'); | ||||
model.set('value', IPython.notebook.notebook_name); | ||||
model.save(); | ||||
</script> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [4]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">filename</span> <span class="o">=</span> <span class="n">notebook_name</span><span class="o">.</span><span class="n">value</span> | ||||
<span class="n">filename</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="output_wrapper"> | ||||
<div class="output"> | ||||
<div class="output_area"><div class="prompt output_prompt"> | ||||
Out[4]:</div> | ||||
<div class="output_text output_subarea output_pyout"> | ||||
<pre>u'Export As (nbconvert).ipynb'</pre> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing text_cell rendered"> | ||||
<div class="prompt input_prompt"> | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="text_cell_render border-box-sizing rendered_html"> | ||||
<p>Create the widget that will allow the user to Export the current notebook.</p> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [5]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">exporter_names</span> <span class="o">=</span> <span class="n">widgets</span><span class="o">.</span><span class="n">DropdownWidget</span><span class="p">(</span><span class="n">values</span><span class="o">=</span><span class="n">get_export_names</span><span class="p">(),</span> <span class="n">value</span><span class="o">=</span><span class="s">'html'</span><span class="p">)</span> | ||||
<span class="n">export_button</span> <span class="o">=</span> <span class="n">widgets</span><span class="o">.</span><span class="n">ButtonWidget</span><span class="p">(</span><span class="n">description</span><span class="o">=</span><span class="s">"Export"</span><span class="p">)</span> | ||||
<span class="n">download_link</span> <span class="o">=</span> <span class="n">widgets</span><span class="o">.</span><span class="n">HTMLWidget</span><span class="p">(</span><span class="n">visible</span><span class="o">=</span><span class="bp">False</span><span class="p">)</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing text_cell rendered"> | ||||
<div class="prompt input_prompt"> | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="text_cell_render border-box-sizing rendered_html"> | ||||
<p>Export the notebook when the export button is clicked.</p> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [6]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">file_writer</span> <span class="o">=</span> <span class="n">FilesWriter</span><span class="p">()</span> | ||||
<span class="k">def</span> <span class="nf">export</span><span class="p">(</span><span class="n">name</span><span class="p">,</span> <span class="n">nb</span><span class="p">):</span> | ||||
<span class="c"># Get a unique key for the notebook and set it in the resources object.</span> | ||||
<span class="n">notebook_name</span> <span class="o">=</span> <span class="n">name</span><span class="p">[:</span><span class="n">name</span><span class="o">.</span><span class="n">rfind</span><span class="p">(</span><span class="s">'.'</span><span class="p">)]</span> | ||||
<span class="n">resources</span> <span class="o">=</span> <span class="p">{}</span> | ||||
<span class="n">resources</span><span class="p">[</span><span class="s">'unique_key'</span><span class="p">]</span> <span class="o">=</span> <span class="n">notebook_name</span> | ||||
<span class="n">resources</span><span class="p">[</span><span class="s">'output_files_dir'</span><span class="p">]</span> <span class="o">=</span> <span class="s">'</span><span class="si">%s</span><span class="s">_files'</span> <span class="o">%</span> <span class="n">notebook_name</span> | ||||
<span class="c"># Try to export</span> | ||||
<span class="k">try</span><span class="p">:</span> | ||||
<span class="n">output</span><span class="p">,</span> <span class="n">resources</span> <span class="o">=</span> <span class="n">export_by_name</span><span class="p">(</span><span class="n">exporter_names</span><span class="o">.</span><span class="n">value</span><span class="p">,</span> <span class="n">nb</span><span class="p">)</span> | ||||
<span class="k">except</span> <span class="n">ConversionException</span> <span class="k">as</span> <span class="n">e</span><span class="p">:</span> | ||||
<span class="n">download_link</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="s">"<br>Could not export notebook!"</span> | ||||
<span class="k">else</span><span class="p">:</span> | ||||
<span class="n">write_results</span> <span class="o">=</span> <span class="n">file_writer</span><span class="o">.</span><span class="n">write</span><span class="p">(</span><span class="n">output</span><span class="p">,</span> <span class="n">resources</span><span class="p">,</span> <span class="n">notebook_name</span><span class="o">=</span><span class="n">notebook_name</span><span class="p">)</span> | ||||
<span class="n">download_link</span><span class="o">.</span><span class="n">value</span> <span class="o">=</span> <span class="s">"<br>Results: <a href='files/{filename}'><i></span><span class="se">\"</span><span class="s">{filename}</span><span class="se">\"</span><span class="s"></i></a>"</span><span class="o">.</span><span class="n">format</span><span class="p">(</span><span class="n">filename</span><span class="o">=</span><span class="n">write_results</span><span class="p">)</span> | ||||
<span class="n">download_link</span><span class="o">.</span><span class="n">visible</span> <span class="o">=</span> <span class="bp">True</span> | ||||
<span class="k">def</span> <span class="nf">handle_export</span><span class="p">(</span><span class="n">widget</span><span class="p">):</span> | ||||
<span class="k">with</span> <span class="nb">open</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span> <span class="s">'r'</span><span class="p">)</span> <span class="k">as</span> <span class="n">f</span><span class="p">:</span> | ||||
<span class="n">export</span><span class="p">(</span><span class="n">filename</span><span class="p">,</span> <span class="n">current</span><span class="o">.</span><span class="n">read</span><span class="p">(</span><span class="n">f</span><span class="p">,</span> <span class="s">'json'</span><span class="p">))</span> | ||||
<span class="n">export_button</span><span class="o">.</span><span class="n">on_click</span><span class="p">(</span><span class="n">handle_export</span><span class="p">)</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing text_cell rendered"> | ||||
<div class="prompt input_prompt"> | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="text_cell_render border-box-sizing rendered_html"> | ||||
<p>Display the controls.</p> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
<div class="cell border-box-sizing code_cell rendered"> | ||||
<div class="input"> | ||||
<div class="prompt input_prompt"> | ||||
In [7]: | ||||
</div> | ||||
<div class="inner_cell"> | ||||
<div class="input_area"> | ||||
<div class=" highlight hl-ipython"><pre><span class="n">display</span><span class="p">(</span><span class="n">exporter_names</span><span class="p">,</span> <span class="n">export_button</span><span class="p">,</span> <span class="n">download_link</span><span class="p">)</span> | ||||
</pre></div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</div> | ||||
</body> | ||||
</html> | ||||