docs/main.css
/* ==========================================================================
// Base Stylesheet - http://getbase.org
// Author: Matthew Hartman - http://www.matthewhartman.com.au/
// Version: 3.5.1 - Last Updated: August 18, 2017
========================================================================== */
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
html, button, input, select, textarea {
font-family: inherit; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block; }
body, form, fieldset, legend, input, select, textarea, button {
margin: 0; }
audio:not([controls]) {
display: none;
height: 0; }
audio, canvas, progress, video {
display: inline-block; }
progress {
vertical-align: baseline; }
[hidden], template {
display: none; }
img {
border-style: none; }
svg:not(:root) {
overflow: hidden; }
body {
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 22px;
line-height: 1.375rem;
color: #000;
font-weight: 400;
background: #fff; }
p {
margin: 0 0 20px 0; }
a {
color: #000;
text-decoration: underline;
background-color: transparent;
-webkit-text-decoration-skip: objects; }
a:active, a:hover {
color: #000;
outline-width: 0;
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;
margin: 0; }
h1, .fs-1 {
font-size: 32px;
font-size: 2rem;
line-height: 38px;
line-height: 2.375rem; }
h2, .fs-2 {
font-size: 26px;
font-size: 1.625rem;
line-height: 32px;
line-height: 2rem; }
h3, .fs-3 {
font-size: 22px;
font-size: 1.375rem;
line-height: 28px;
line-height: 1.75rem; }
h4, .fs-4 {
font-size: 18px;
font-size: 1.125rem;
line-height: 24px;
line-height: 1.5rem; }
h5, .fs-5 {
font-size: 16px;
font-size: 1rem;
line-height: 22px;
line-height: 1.375rem; }
h6, .fs-6 {
font-size: 14px;
font-size: 0.875rem;
line-height: 20px;
line-height: 1.25rem; }
h1 {
margin-bottom: .5em;
color: #000;
font-weight: 700; }
h2 {
margin-bottom: .2em;
color: #000;
font-weight: 700; }
h3 {
margin-bottom: .2em;
color: #000;
font-weight: 700; }
h4 {
margin-bottom: .2em;
color: #000;
font-weight: 700; }
h5 {
margin-bottom: .1em;
color: #000;
font-weight: 700; }
h6 {
margin-bottom: .1em;
color: #000;
font-weight: 700; }
b, strong, .strong {
font-weight: 700; }
em, .em {
font-style: italic; }
abbr[title], .abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted; }
dfn {
font-style: italic; }
small, .small {
font-size: 13px;
font-size: 0.8125rem;
line-height: 16px;
line-height: 1rem; }
mark, .mark {
background-color: #ff0;
color: #000; }
sub, .sub, sup, .sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub, .sub {
bottom: -0.25em; }
sup, .sup {
top: -0.5em; }
del, .del {
text-decoration: line-through; }
figure {
margin: 1em 40px; }
hr, .hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 1px;
background: #eee;
border: 0;
margin-top: 20px;
margin-bottom: 20px; }
ul, ol {
margin: 20px 0;
padding: 0 0 0 40px; }
dl:before, dl:after {
content: " ";
display: table; }
dl:after {
clear: both; }
dl dt {
float: left;
width: 25%;
display: block;
font-weight: 400; }
dl dd {
overflow: hidden;
display: block; }
blockquote,
.blockquote {
font-family: sans-serif;
font-weight: 400;
font-style: italic;
margin: 20px 0; }
blockquote p,
.blockquote p {
font-size: 22px;
font-size: 1.375rem;
line-height: 28px;
line-height: 1.75rem;
margin-bottom: 20px; }
blockquote cite,
.blockquote cite {
font-size: 13px;
font-size: 0.8125rem;
line-height: 19px;
line-height: 1.1875rem;
font-weight: 700;
font-style: normal; }
caption {
font-size: inherit;
line-height: normal;
font-weight: 700;
text-align: left;
padding: 10px;
border-bottom: 1px solid #d7d7d7; }
table {
font-size: 14px;
font-size: 0.875rem;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin: 0;
text-align: left; }
table thead td,
table thead th,
table tbody td,
table tbody th,
table tfoot td,
table tfoot th {
color: #585858;
padding: 10px;
border-bottom: 1px solid #e9e9e9; }
code, kbd, pre, samp {
font-size: 13px;
font-size: 0.8125rem;
line-height: 18px;
line-height: 1.125rem;
word-wrap: break-word;
font-family: monospace, monospace;
color: #000;
background-color: transparent;
font-weight: normal;
padding: 0;
white-space: pre-wrap; }
pre {
padding: 10px;
overflow: auto;
border: 1px solid #d7d7d7; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal; }
label,
button,
input,
optgroup,
select,
textarea {
color: #000;
font: inherit;
margin: 0;
border-radius: 0; }
[type="text"],
[type="email"],
[type="password"],
[type="tel"],
[type="number"],
[type="date"] {
height: 36px;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
-webkit-appearance: none;
-moz-appearance: textfield;
border-radius: 0; }
[type="text"]:focus,
[type="email"]:focus,
[type="password"]:focus,
[type="tel"]:focus,
[type="number"]:focus,
[type="date"]:focus {
background-color: #fff;
border-color: #f7c723;
outline: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="date"]::-webkit-inner-spin-button {
display: none;
-webkit-appearance: none; }
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; }
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
textarea {
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
overflow: auto; }
textarea:focus {
background-color: #fff;
border-color: #f7c723;
outline: 0; }
select {
text-transform: none;
height: 36px;
padding: 0 10px;
background-color: #fff;
border: 1px solid #ccc; }
select:focus {
background-color: #fff;
border-color: #f7c723;
outline: 0; }
optgroup {
font-weight: 700; }
button {
border-radius: 0;
overflow: visible;
text-transform: none;
cursor: pointer; }
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
border-radius: 0; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
button[disabled],
html input[disabled] {
cursor: not-allowed; }
input::-webkit-input-placeholder {
color: #999; }
input:-moz-placeholder {
color: #999; }
input::-moz-placeholder {
color: #999; }
input:-ms-input-placeholder {
color: #999; }
.button {
cursor: pointer;
border: 1px solid #d7d7d7;
background-color: #f3f3f3;
line-height: normal;
padding: 10px 20px;
text-decoration: none;
color: #363636;
display: inline-block;
transition: all 0.3s; }
.button:hover, .button:active {
text-decoration: none; }
.button:hover {
background: #f9f9f9; }
.button-link {
color: #000;
text-decoration: underline;
border: 0;
background: transparent;
padding: 0; }
.button-link:hover {
text-decoration: none; }
.button-link:active {
outline: 0; }
.clear:before, .clear:after {
content: " ";
display: table; }
.clear:after {
clear: both; }
.row:before, .row:after {
content: "";
display: table; }
.row:after {
clear: both; }
.row {
position: relative;
margin-left: -15px;
margin-right: -15px; }
@media only screen and (min-width: 740px) {
.row-m {
position: relative;
margin-left: -15px;
margin-right: -15px; }
.row-m:before, .row-m:after {
content: "";
display: table; }
.row-m:after {
clear: both; }
.clear-m:before, .clear-m:after {
content: "";
display: table; }
.clear-m:after {
clear: both; } }
@media only screen and (min-width: 980px) {
.row-l {
position: relative;
margin-left: -15px;
margin-right: -15px; }
.row-l:before, .row-l:after {
content: "";
display: table; }
.row-l:after {
clear: both; }
.clear-l:before, .clear-l:after {
content: "";
display: table; }
.clear-l:after {
clear: both; } }
@media only screen and (min-width: 1140px) {
.row-xl {
position: relative;
margin-left: -15px;
margin-right: -15px; }
.row-xl:before, .row-xl:after {
content: "";
display: table; }
.row-xl:after {
clear: both; }
.clear-xl:before, .clear-xl:after {
content: "";
display: table; }
.clear-xl:after {
clear: both; } }
.container, .container-full {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
@media only screen and (min-width: 740px) {
.container {
width: 720px; }
.container-m, .container-full-m {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
.container-m {
width: 720px; }
.container-full-m {
width: auto; } }
@media only screen and (min-width: 980px) {
.container {
width: 960px; }
.container-l, .container-full-l {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
.container-l {
width: 960px; }
.container-full-l {
width: auto; } }
@media only screen and (min-width: 1140px) {
.container {
width: 1120px; }
.container-xl, .container-full-xl {
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto; }
.container-xl {
width: 1120px; }
.container-full-xl {
width: auto; } }
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5 {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left; }
.col-1 {
width: 8.33333%; }
.col-2 {
width: 16.66667%; }
.col-3 {
width: 25%; }
.col-4 {
width: 33.33333%; }
.col-5 {
width: 41.66667%; }
.col-6 {
width: 50%; }
.col-7 {
width: 58.33333%; }
.col-8 {
width: 66.66667%; }
.col-9 {
width: 75%; }
.col-10 {
width: 83.33333%; }
.col-11 {
width: 91.66667%; }
.col-12 {
width: 100%; }
.col-1-2 {
width: 50%; }
.col-1-3 {
width: 33.33333%; }
.col-2-3 {
width: 66.66667%; }
.col-1-4 {
width: 25%; }
.col-3-4 {
width: 75%; }
.col-1-5 {
width: 20%; }
.col-2-5 {
width: 40%; }
.col-3-5 {
width: 60%; }
.col-4-5 {
width: 80%; }
.col-full {
width: 100%; }
.push-1 {
left: 8.33333%; }
.push-2 {
left: 16.66667%; }
.push-3 {
left: 25%; }
.push-4 {
left: 33.33333%; }
.push-5 {
left: 41.66667%; }
.push-6 {
left: 50%; }
.push-7 {
left: 58.33333%; }
.push-8 {
left: 66.66667%; }
.push-9 {
left: 75%; }
.push-10 {
left: 83.33333%; }
.push-11 {
left: 91.66667%; }
.push-1-2 {
left: 50%; }
.push-1-3 {
left: 33.33333%; }
.push-2-3 {
left: 66.66667%; }
.push-1-4 {
left: 25%; }
.push-3-4 {
left: 75%; }
.push-1-5 {
left: 20%; }
.push-2-5 {
left: 40%; }
.push-3-5 {
left: 60%; }
.push-4-5 {
left: 80%; }
.pull-1 {
left: -8.33333%; }
.pull-2 {
left: -16.66667%; }
.pull-3 {
left: -25%; }
.pull-4 {
left: -33.33333%; }
.pull-5 {
left: -41.66667%; }
.pull-6 {
left: -50%; }
.pull-7 {
left: -58.33333%; }
.pull-8 {
left: -66.66667%; }
.pull-9 {
left: -75%; }
.pull-10 {
left: -83.33333%; }
.pull-11 {
left: -91.66667%; }
.pull-1-2 {
left: -50%; }
.pull-1-3 {
left: -33.33333%; }
.pull-2-3 {
left: -66.66667%; }
.pull-1-4 {
left: -25%; }
.pull-3-4 {
left: -75%; }
.pull-1-5 {
left: -20%; }
.pull-2-5 {
left: -40%; }
.pull-3-5 {
left: -60%; }
.pull-4-5 {
left: -80%; }
@media only screen and (min-width: 740px) {
.col-1-m,
.col-2-m,
.col-3-m,
.col-4-m,
.col-5-m,
.col-6-m,
.col-7-m,
.col-8-m,
.col-9-m,
.col-10-m,
.col-11-m,
.col-12-m,
.col-1-2-m,
.col-1-3-m,
.col-2-3-m,
.col-1-4-m,
.col-3-4-m,
.col-1-5-m,
.col-2-5-m,
.col-3-5-m,
.col-4-5-m {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left; }
.col-1-m {
width: 8.33333%; }
.col-2-m {
width: 16.66667%; }
.col-3-m {
width: 25%; }
.col-4-m {
width: 33.33333%; }
.col-5-m {
width: 41.66667%; }
.col-6-m {
width: 50%; }
.col-7-m {
width: 58.33333%; }
.col-8-m {
width: 66.66667%; }
.col-9-m {
width: 75%; }
.col-10-m {
width: 83.33333%; }
.col-11-m {
width: 91.66667%; }
.col-12-m {
width: 100%; }
.col-1-2-m {
width: 50%; }
.col-1-3-m {
width: 33.33333%; }
.col-2-3-m {
width: 66.66667%; }
.col-1-4-m {
width: 25%; }
.col-3-4-m {
width: 75%; }
.col-1-5-m {
width: 20%; }
.col-2-5-m {
width: 40%; }
.col-3-5-m {
width: 60%; }
.col-4-5-m {
width: 80%; }
.col-full-m {
width: 100%; }
.push-1-m {
left: 8.33333%; }
.push-2-m {
left: 16.66667%; }
.push-3-m {
left: 25%; }
.push-4-m {
left: 33.33333%; }
.push-5-m {
left: 41.66667%; }
.push-6-m {
left: 50%; }
.push-7-m {
left: 58.33333%; }
.push-8-m {
left: 66.66667%; }
.push-9-m {
left: 75%; }
.push-10-m {
left: 83.33333%; }
.push-11-m {
left: 91.66667%; }
.push-1-2-m {
left: 50%; }
.push-1-3-m {
left: 33.33333%; }
.push-2-3-m {
left: 66.66667%; }
.push-1-4-m {
left: 25%; }
.push-3-4-m {
left: 75%; }
.push-1-5-m {
left: 20%; }
.push-2-5-m {
left: 40%; }
.push-3-5-m {
left: 60%; }
.push-4-5-m {
left: 80%; }
.pull-1-m {
left: -8.33333%; }
.pull-2-m {
left: -16.66667%; }
.pull-3-m {
left: -25%; }
.pull-4-m {
left: -33.33333%; }
.pull-5-m {
left: -41.66667%; }
.pull-6-m {
left: -50%; }
.pull-7-m {
left: -58.33333%; }
.pull-8-m {
left: -66.66667%; }
.pull-9-m {
left: -75%; }
.pull-10-m {
left: -83.33333%; }
.pull-11-m {
left: -91.66667%; }
.pull-1-2-m {
left: -50%; }
.pull-1-3-m {
left: -33.33333%; }
.pull-2-3-m {
left: -66.66667%; }
.pull-1-4-m {
left: -25%; }
.pull-3-4-m {
left: -75%; }
.pull-1-5-m {
left: -20%; }
.pull-2-5-m {
left: -40%; }
.pull-3-5-m {
left: -60%; }
.pull-4-5-m {
left: -80%; } }
@media only screen and (min-width: 980px) {
.col-1-l,
.col-2-l,
.col-3-l,
.col-4-l,
.col-5-l,
.col-6-l,
.col-7-l,
.col-8-l,
.col-9-l,
.col-10-l,
.col-11-l,
.col-12-l,
.col-1-2-l,
.col-1-3-l,
.col-2-3-l,
.col-1-4-l,
.col-3-4-l,
.col-1-5-l,
.col-2-5-l,
.col-3-5-l,
.col-4-5-l {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left; }
.col-1-l {
width: 8.33333%; }
.col-2-l {
width: 16.66667%; }
.col-3-l {
width: 25%; }
.col-4-l {
width: 33.33333%; }
.col-5-l {
width: 41.66667%; }
.col-6-l {
width: 50%; }
.col-7-l {
width: 58.33333%; }
.col-8-l {
width: 66.66667%; }
.col-9-l {
width: 75%; }
.col-10-l {
width: 83.33333%; }
.col-11-l {
width: 91.66667%; }
.col-12-l {
width: 100%; }
.col-1-2-l {
width: 50%; }
.col-1-3-l {
width: 33.33333%; }
.col-2-3-l {
width: 66.66667%; }
.col-1-4-l {
width: 25%; }
.col-3-4-l {
width: 75%; }
.col-1-5-l {
width: 20%; }
.col-2-5-l {
width: 40%; }
.col-3-5-l {
width: 60%; }
.col-4-5-l {
width: 80%; }
.col-full-l {
width: 100%; }
.push-1-l {
left: 8.33333%; }
.push-2-l {
left: 16.66667%; }
.push-3-l {
left: 25%; }
.push-4-l {
left: 33.33333%; }
.push-5-l {
left: 41.66667%; }
.push-6-l {
left: 50%; }
.push-7-l {
left: 58.33333%; }
.push-8-l {
left: 66.66667%; }
.push-9-l {
left: 75%; }
.push-10-l {
left: 83.33333%; }
.push-11-l {
left: 91.66667%; }
.push-1-2-l {
left: 50%; }
.push-1-3-l {
left: 33.33333%; }
.push-2-3-l {
left: 66.66667%; }
.push-1-4-l {
left: 25%; }
.push-3-4-l {
left: 75%; }
.push-1-5-l {
left: 20%; }
.push-2-5-l {
left: 40%; }
.push-3-5-l {
left: 60%; }
.push-4-5-l {
left: 80%; }
.pull-1-l {
left: -8.33333%; }
.pull-2-l {
left: -16.66667%; }
.pull-3-l {
left: -25%; }
.pull-4-l {
left: -33.33333%; }
.pull-5-l {
left: -41.66667%; }
.pull-6-l {
left: -50%; }
.pull-7-l {
left: -58.33333%; }
.pull-8-l {
left: -66.66667%; }
.pull-9-l {
left: -75%; }
.pull-10-l {
left: -83.33333%; }
.pull-11-l {
left: -91.66667%; }
.pull-1-2-l {
left: -50%; }
.pull-1-3-l {
left: -33.33333%; }
.pull-2-3-l {
left: -66.66667%; }
.pull-1-4-l {
left: -25%; }
.pull-3-4-l {
left: -75%; }
.pull-1-5-l {
left: -20%; }
.pull-2-5-l {
left: -40%; }
.pull-3-5-l {
left: -60%; }
.pull-4-5-l {
left: -80%; } }
@media only screen and (min-width: 1140px) {
.col-1-xl,
.col-2-xl,
.col-3-xl,
.col-4-xl,
.col-5-xl,
.col-6-xl,
.col-7-xl,
.col-8-xl,
.col-9-xl,
.col-10-xl,
.col-11-xl,
.col-12-xl,
.col-1-2-xl,
.col-1-3-xl,
.col-2-3-xl,
.col-1-4-xl,
.col-3-4-xl,
.col-1-5-xl,
.col-2-5-xl,
.col-3-5-xl,
.col-4-5-xl {
padding-left: 15px;
padding-right: 15px;
position: relative;
float: left; }
.col-1-xl {
width: 8.33333%; }
.col-2-xl {
width: 16.66667%; }
.col-3-xl {
width: 25%; }
.col-4-xl {
width: 33.33333%; }
.col-5-xl {
width: 41.66667%; }
.col-6-xl {
width: 50%; }
.col-7-xl {
width: 58.33333%; }
.col-8-xl {
width: 66.66667%; }
.col-9-xl {
width: 75%; }
.col-10-xl {
width: 83.33333%; }
.col-11-xl {
width: 91.66667%; }
.col-12-xl {
width: 100%; }
.col-1-2-xl {
width: 50%; }
.col-1-3-xl {
width: 33.33333%; }
.col-2-3-xl {
width: 66.66667%; }
.col-1-4-xl {
width: 25%; }
.col-3-4-xl {
width: 75%; }
.col-1-5-xl {
width: 20%; }
.col-2-5-xl {
width: 40%; }
.col-3-5-xl {
width: 60%; }
.col-4-5-xl {
width: 80%; }
.col-full-xl {
width: 100%; }
.push-1-xl {
left: 8.33333%; }
.push-2-xl {
left: 16.66667%; }
.push-3-xl {
left: 25%; }
.push-4-xl {
left: 33.33333%; }
.push-5-xl {
left: 41.66667%; }
.push-6-xl {
left: 50%; }
.push-7-xl {
left: 58.33333%; }
.push-8-xl {
left: 66.66667%; }
.push-9-xl {
left: 75%; }
.push-10-xl {
left: 83.33333%; }
.push-11-xl {
left: 91.66667%; }
.push-1-2-xl {
left: 50%; }
.push-1-3-xl {
left: 33.33333%; }
.push-2-3-xl {
left: 66.66667%; }
.push-1-4-xl {
left: 25%; }
.push-3-4-xl {
left: 75%; }
.push-1-5-xl {
left: 20%; }
.push-2-5-xl {
left: 40%; }
.push-3-5-xl {
left: 60%; }
.push-4-5-xl {
left: 80%; }
.pull-1-xl {
left: -8.33333%; }
.pull-2-xl {
left: -16.66667%; }
.pull-3-xl {
left: -25%; }
.pull-4-xl {
left: -33.33333%; }
.pull-5-xl {
left: -41.66667%; }
.pull-6-xl {
left: -50%; }
.pull-7-xl {
left: -58.33333%; }
.pull-8-xl {
left: -66.66667%; }
.pull-9-xl {
left: -75%; }
.pull-10-xl {
left: -83.33333%; }
.pull-11-xl {
left: -91.66667%; }
.pull-1-2-xl {
left: -50%; }
.pull-1-3-xl {
left: -33.33333%; }
.pull-2-3-xl {
left: -66.66667%; }
.pull-1-4-xl {
left: -25%; }
.pull-3-4-xl {
left: -75%; }
.pull-1-5-xl {
left: -20%; }
.pull-2-5-xl {
left: -40%; }
.pull-3-5-xl {
left: -60%; }
.pull-4-5-xl {
left: -80%; } }
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
.fade-in {
animation-name: fadeIn; }
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translate3d(0, -30px, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-down {
animation-name: fadeInDown; }
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translate3d(0, -100%, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-down-big {
animation-name: fadeInDownBig; }
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translate3d(-30px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-left {
animation-name: fadeInLeft; }
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translate3d(-100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-left-big {
animation-name: fadeInLeftBig; }
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(30px, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-right {
animation-name: fadeInRight; }
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-right-big {
animation-name: fadeInRightBig; }
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 30px, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-up {
animation-name: fadeInUp; }
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0); }
100% {
opacity: 1;
transform: none; } }
.fade-in-up-big {
animation-name: fadeInUpBig; }
@media print {
*,
*:before,
*:after {
background: transparent;
color: #000;
box-shadow: none;
text-shadow: none; }
a, a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""; }
pre, blockquote {
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr {
page-break-inside: avoid; }
img {
page-break-inside: avoid;
max-width: 100%; }
p, h2, h3 {
orphans: 3;
widows: 3; }
h2, h3 {
page-break-after: avoid; }
abbr[title]:after {
content: " (" attr(title) ")"; } }
.no-margin {
margin: 0; }
.no-padding {
padding: 0; }
.no-float {
float: none; }
.no-background {
background: transparent; }
.no-border {
border: 0; }
.no-select {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default; }
.font-100 {
font-weight: 100; }
.font-200 {
font-weight: 200; }
.font-300 {
font-weight: 300; }
.font-400 {
font-weight: 400; }
.font-500 {
font-weight: 500; }
.font-600 {
font-weight: 600; }
.font-700 {
font-weight: 700; }
.font-800 {
font-weight: 800; }
.font-900 {
font-weight: 900; }
.font-normal {
font-style: normal; }
.font-italic {
font-style: italic; }
.uppercase {
text-transform: uppercase; }
.lowercase {
text-transform: lowercase; }
.capitalize {
text-transform: capitalize; }
.text-left {
text-align: left; }
.text-right {
text-align: right; }
.text-center {
text-align: center; }
.text-justify {
text-align: justify; }
.relative {
position: relative; }
.absolute {
position: absolute; }
.static {
position: static; }
.fixed {
position: fixed; }
.none {
display: none; }
.block {
display: block; }
.inline-block {
display: inline-block; }
.inline {
display: inline; }
.flex {
display: flex; }
.flex-row {
flex-direction: row; }
.flex-column {
flex-direction: column; }
.flex-space-around {
justify-content: space-around; }
.flex-space-between {
justify-content: space-between; }
.flex-start {
justify-content: flex-start; }
.flex-center {
justify-content: center; }
.flex-end {
justify-content: flex-end; }
.flex-wrap {
flex-wrap: wrap; }
.flex-nowrap {
flex-wrap: nowrap; }
.left {
float: left; }
.right {
float: right; }
.center {
float: none;
margin-left: auto;
margin-right: auto; }
.pad-top-5 {
padding-top: 5px; }
.pad-top-10 {
padding-top: 10px; }
.pad-top-15 {
padding-top: 15px; }
.pad-top-20 {
padding-top: 20px; }
.pad-top-25 {
padding-top: 25px; }
.pad-top-30 {
padding-top: 30px; }
.pad-top-35 {
padding-top: 35px; }
.pad-top-40 {
padding-top: 40px; }
.pad-top-45 {
padding-top: 45px; }
.pad-top-50 {
padding-top: 50px; }
.pad-top-55 {
padding-top: 55px; }
.pad-top-60 {
padding-top: 60px; }
.pad-bottom-5 {
padding-bottom: 5px; }
.pad-bottom-10 {
padding-bottom: 10px; }
.pad-bottom-15 {
padding-bottom: 15px; }
.pad-bottom-20 {
padding-bottom: 20px; }
.pad-bottom-25 {
padding-bottom: 25px; }
.pad-bottom-30 {
padding-bottom: 30px; }
.pad-bottom-35 {
padding-bottom: 35px; }
.pad-bottom-40 {
padding-bottom: 40px; }
.pad-bottom-45 {
padding-bottom: 45px; }
.pad-bottom-50 {
padding-bottom: 50px; }
.pad-bottom-55 {
padding-bottom: 55px; }
.pad-bottom-60 {
padding-bottom: 60px; }
.pad-5 {
padding: 5px; }
.pad-10 {
padding: 10px; }
.pad-15 {
padding: 15px; }
.pad-20 {
padding: 20px; }
.pad-25 {
padding: 25px; }
.pad-30 {
padding: 30px; }
.pad-35 {
padding: 35px; }
.pad-40 {
padding: 40px; }
.pad-45 {
padding: 45px; }
.pad-50 {
padding: 50px; }
.pad-55 {
padding: 55px; }
.pad-60 {
padding: 60px; }
.sr {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.list-unstyled {
list-style: none;
margin: 0;
padding: 0; }
.list-unstyled li {
margin: 0;
padding: 0; }
.list-inline {
list-style: none;
margin: 0;
padding: 0; }
.list-inline li {
margin: 0;
padding: 0;
display: inline-block; }
.img-fluid {
max-width: 100%; }
.field {
width: 100%; }
.form-group {
overflow: hidden; }
.form-group label {
display: inline-block;
padding-top: 8px; }
.disabled, [disabled] {
pointer-events: none;
cursor: not-allowed;
opacity: .5; }
.checkbox,
.radio {
display: inline-block;
position: relative; }
.checkbox label,
.radio label {
padding-left: 20px;
padding-top: 0;
display: inline-block; }
.checkbox input[type="checkbox"],
.checkbox input[type="radio"],
.radio input[type="checkbox"],
.radio input[type="radio"] {
position: absolute;
top: 4px;
left: 0; }
.select {
position: relative;
display: block; }
.select:before {
content: "";
border: 6px solid transparent;
border-top-color: #676767;
top: 50%;
right: 10px;
margin-top: -3px;
pointer-events: none;
position: absolute; }
.select select {
-webkit-appearance: none;
-moz-appearance: none;
height: 36px;
width: 100%;
padding: 0 10px;
line-height: normal;
border: 1px solid #ccc;
background: #fff;
display: block; }
.select select::-ms-expand {
display: none; }
.select select:focus {
border-color: #f7c723; }
.select select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
border-color: #f7c723; }
.animation {
animation-duration: 1s;
animation-fill-mode: both; }
.animation-infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite; }
@media only screen and (min-width: 740px) {
.no-float-m {
float: none; }
.no-padding-m {
padding: 0; }
.no-margin-m {
margin: 0; }
.relative-m {
position: relative; }
.absolute-m {
position: absolute; }
.static-m {
position: static; }
.fixed-m {
position: fixed; }
.none-m {
display: none; }
.block-m {
display: block; }
.inline-block-m {
display: inline-block; }
.inline-m {
display: inline; }
.flex-m {
display: flex; }
.flex-row-m {
flex-direction: row; }
.flex-column-m {
flex-direction: column; }
.flex-space-around-m {
justify-content: space-around; }
.flex-space-between-m {
justify-content: space-between; }
.flex-start-m {
justify-content: flex-start; }
.flex-center-m {
justify-content: center; }
.flex-end-m {
justify-content: flex-end; }
.flex-wrap-m {
flex-wrap: wrap; }
.flex-nowrap-m {
flex-wrap: nowrap; }
.left-m {
float: left; }
.right-m {
float: right; }
.center-m {
float: none;
margin-left: auto;
margin-right: auto; }
.text-left-m {
text-align: left; }
.text-right-m {
text-align: right; }
.text-center-m {
text-align: center; }
.text-justify-m {
text-align: justify; }
.no-col-m {
width: auto;
float: none; }
.no-push-m, .no-pull-m {
left: 0; }
.pad-top-0-m {
padding-top: 0; }
.pad-top-5-m {
padding-top: 5px; }
.pad-top-10-m {
padding-top: 10px; }
.pad-top-15-m {
padding-top: 15px; }
.pad-top-20-m {
padding-top: 20px; }
.pad-top-25-m {
padding-top: 25px; }
.pad-top-30-m {
padding-top: 30px; }
.pad-top-35-m {
padding-top: 35px; }
.pad-top-40-m {
padding-top: 40px; }
.pad-top-45-m {
padding-top: 45px; }
.pad-top-50-m {
padding-top: 50px; }
.pad-top-55-m {
padding-top: 55px; }
.pad-top-60-m {
padding-top: 60px; }
.pad-bottom-0-m {
padding-bottom: 0; }
.pad-bottom-5-m {
padding-bottom: 5px; }
.pad-bottom-10-m {
padding-bottom: 10px; }
.pad-bottom-15-m {
padding-bottom: 15px; }
.pad-bottom-20-m {
padding-bottom: 20px; }
.pad-bottom-25-m {
padding-bottom: 25px; }
.pad-bottom-30-m {
padding-bottom: 30px; }
.pad-bottom-35-m {
padding-bottom: 35px; }
.pad-bottom-40-m {
padding-bottom: 40px; }
.pad-bottom-45-m {
padding-bottom: 45px; }
.pad-bottom-50-m {
padding-bottom: 50px; }
.pad-bottom-55-m {
padding-bottom: 55px; }
.pad-bottom-60-m {
padding-bottom: 60px; }
.pad-0-m {
padding: 0; }
.pad-5-m {
padding: 5px; }
.pad-10-m {
padding: 10px; }
.pad-15-m {
padding: 15px; }
.pad-20-m {
padding: 20px; }
.pad-25-m {
padding: 25px; }
.pad-30-m {
padding: 30px; }
.pad-35-m {
padding: 35px; }
.pad-40-m {
padding: 40px; }
.pad-45-m {
padding: 45px; }
.pad-50-m {
padding: 50px; }
.pad-55-m {
padding: 55px; }
.pad-60-m {
padding: 60px; } }
@media only screen and (min-width: 980px) {
.no-float-l {
float: none; }
.no-padding-l {
padding: 0; }
.no-margin-l {
margin: 0; }
.relative-l {
position: relative; }
.absolute-l {
position: absolute; }
.static-l {
position: static; }
.fixed-l {
position: fixed; }
.none-l {
display: none; }
.block-l {
display: block; }
.inline-block-l {
display: inline-block; }
.inline-l {
display: inline; }
.flex-l {
display: flex; }
.flex-row-l {
flex-direction: row; }
.flex-column-l {
flex-direction: column; }
.flex-space-around-l {
justify-content: space-around; }
.flex-space-between-l {
justify-content: space-between; }
.flex-start-l {
justify-content: flex-start; }
.flex-center-l {
justify-content: center; }
.flex-end-l {
justify-content: flex-end; }
.flex-wrap-l {
flex-wrap: wrap; }
.flex-nowrap-l {
flex-wrap: nowrap; }
.left-l {
float: left; }
.right-l {
float: right; }
.center-l {
float: none;
margin-left: auto;
margin-right: auto; }
.text-left-l {
text-align: left; }
.text-right-l {
text-align: right; }
.text-center-l {
text-align: center; }
.text-justify-l {
text-align: justify; }
.no-col-l {
width: auto;
float: none; }
.no-push-l, .no-pull-l {
left: 0; }
.pad-top-0-l {
padding-top: 0; }
.pad-top-5-l {
padding-top: 5px; }
.pad-top-10-l {
padding-top: 10px; }
.pad-top-15-l {
padding-top: 15px; }
.pad-top-20-l {
padding-top: 20px; }
.pad-top-25-l {
padding-top: 25px; }
.pad-top-30-l {
padding-top: 30px; }
.pad-top-35-l {
padding-top: 35px; }
.pad-top-40-l {
padding-top: 40px; }
.pad-top-45-l {
padding-top: 45px; }
.pad-top-50-l {
padding-top: 50px; }
.pad-top-55-l {
padding-top: 55px; }
.pad-top-60-l {
padding-top: 60px; }
.pad-bottom-0-l {
padding-bottom: 0; }
.pad-bottom-5-l {
padding-bottom: 5px; }
.pad-bottom-10-l {
padding-bottom: 10px; }
.pad-bottom-15-l {
padding-bottom: 15px; }
.pad-bottom-20-l {
padding-bottom: 20px; }
.pad-bottom-25-l {
padding-bottom: 25px; }
.pad-bottom-30-l {
padding-bottom: 30px; }
.pad-bottom-35-l {
padding-bottom: 35px; }
.pad-bottom-40-l {
padding-bottom: 40px; }
.pad-bottom-45-l {
padding-bottom: 45px; }
.pad-bottom-50-l {
padding-bottom: 50px; }
.pad-bottom-55-l {
padding-bottom: 55px; }
.pad-bottom-60-l {
padding-bottom: 60px; }
.pad-0-l {
padding: 0; }
.pad-5-l {
padding: 5px; }
.pad-10-l {
padding: 10px; }
.pad-15-l {
padding: 15px; }
.pad-20-l {
padding: 20px; }
.pad-25-l {
padding: 25px; }
.pad-30-l {
padding: 30px; }
.pad-35-l {
padding: 35px; }
.pad-40-l {
padding: 40px; }
.pad-45-l {
padding: 45px; }
.pad-50-l {
padding: 50px; }
.pad-55-l {
padding: 55px; }
.pad-60-l {
padding: 60px; } }
@media only screen and (min-width: 1140px) {
.no-float-xl {
float: none; }
.no-padding-xl {
padding: 0; }
.no-margin-xl {
margin: 0; }
.relative-xl {
position: relative; }
.absolute-xl {
position: absolute; }
.static-xl {
position: static; }
.fixed-xl {
position: fixed; }
.none-xl {
display: none; }
.block-xl {
display: block; }
.inline-block-xl {
display: inline-block; }
.inline-xl {
display: inline; }
.flex-xl {
display: flex; }
.flex-row-xl {
flex-direction: row; }
.flex-column-xl {
flex-direction: column; }
.flex-space-around-xl {
justify-content: space-around; }
.flex-space-between-xl {
justify-content: space-between; }
.flex-start-xl {
justify-content: flex-start; }
.flex-center-xl {
justify-content: center; }
.flex-end-xl {
justify-content: flex-end; }
.flex-wrap-xl {
flex-wrap: wrap; }
.flex-nowrap-xl {
flex-wrap: nowrap; }
.left-xl {
float: left; }
.right-xl {
float: right; }
.center-xl {
float: none;
margin-left: auto;
margin-right: auto; }
.text-left-xl {
text-align: left; }
.text-right-xl {
text-align: right; }
.text-center-xl {
text-align: center; }
.text-justify-xl {
text-align: justify; }
.no-col-xl {
width: auto;
float: none; }
.no-push-xl, .no-pull-xl {
left: 0; }
.pad-top-0-xl {
padding-top: 0; }
.pad-top-5-xl {
padding-top: 5px; }
.pad-top-10-xl {
padding-top: 10px; }
.pad-top-15-xl {
padding-top: 15px; }
.pad-top-20-xl {
padding-top: 20px; }
.pad-top-25-xl {
padding-top: 25px; }
.pad-top-30-xl {
padding-top: 30px; }
.pad-top-35-xl {
padding-top: 35px; }
.pad-top-40-xl {
padding-top: 40px; }
.pad-top-45-xl {
padding-top: 45px; }
.pad-top-50-xl {
padding-top: 50px; }
.pad-top-55-xl {
padding-top: 55px; }
.pad-top-60-xl {
padding-top: 60px; }
.pad-bottom-0-xl {
padding-bottom: 0; }
.pad-bottom-5-xl {
padding-bottom: 5px; }
.pad-bottom-10-xl {
padding-bottom: 10px; }
.pad-bottom-15-xl {
padding-bottom: 15px; }
.pad-bottom-20-xl {
padding-bottom: 20px; }
.pad-bottom-25-xl {
padding-bottom: 25px; }
.pad-bottom-30-xl {
padding-bottom: 30px; }
.pad-bottom-35-xl {
padding-bottom: 35px; }
.pad-bottom-40-xl {
padding-bottom: 40px; }
.pad-bottom-45-xl {
padding-bottom: 45px; }
.pad-bottom-50-xl {
padding-bottom: 50px; }
.pad-bottom-55-xl {
padding-bottom: 55px; }
.pad-bottom-60-xl {
padding-bottom: 60px; }
.pad-0-xl {
padding: 0; }
.pad-5-xl {
padding: 5px; }
.pad-10-xl {
padding: 10px; }
.pad-15-xl {
padding: 15px; }
.pad-20-xl {
padding: 20px; }
.pad-25-xl {
padding: 25px; }
.pad-30-xl {
padding: 30px; }
.pad-35-xl {
padding: 35px; }
.pad-40-xl {
padding: 40px; }
.pad-45-xl {
padding: 45px; }
.pad-50-xl {
padding: 50px; }
.pad-55-xl {
padding: 55px; }
.pad-60-xl {
padding: 60px; } }
@media print {
.no-float-print {
float: none; }
.no-padding-print {
padding: 0; }
.no-margin-print {
margin: 0; }
.none-print {
display: none; }
.block-print {
display: block; }
.inline-block-print {
display: inline-block; }
.inline-print {
display: inline; }
.text-left-print {
text-align: left; }
.text-right-print {
text-align: right; }
.text-center-print {
text-align: center; }
.text-justify-print {
text-align: justify; }
.no-col-print {
width: auto;
float: none; }
.no-push-print, .no-pull-print {
left: 0; }
.pad-top-0-print {
padding-top: 0; }
.pad-top-5-print {
padding-top: 5px; }
.pad-top-10-print {
padding-top: 10px; }
.pad-top-15-print {
padding-top: 15px; }
.pad-top-20-print {
padding-top: 20px; }
.pad-top-25-print {
padding-top: 25px; }
.pad-top-30-print {
padding-top: 30px; }
.pad-top-35-print {
padding-top: 35px; }
.pad-top-40-print {
padding-top: 40px; }
.pad-top-45-print {
padding-top: 45px; }
.pad-top-50-print {
padding-top: 50px; }
.pad-top-55-print {
padding-top: 55px; }
.pad-top-60-print {
padding-top: 60px; }
.pad-bottom-0-print {
padding-bottom: 0; }
.pad-bottom-5-print {
padding-bottom: 5px; }
.pad-bottom-10-print {
padding-bottom: 10px; }
.pad-bottom-15-print {
padding-bottom: 15px; }
.pad-bottom-20-print {
padding-bottom: 20px; }
.pad-bottom-25-print {
padding-bottom: 25px; }
.pad-bottom-30-print {
padding-bottom: 30px; }
.pad-bottom-35-print {
padding-bottom: 35px; }
.pad-bottom-40-print {
padding-bottom: 40px; }
.pad-bottom-45-print {
padding-bottom: 45px; }
.pad-bottom-50-print {
padding-bottom: 50px; }
.pad-bottom-55-print {
padding-bottom: 55px; }
.pad-bottom-60-print {
padding-bottom: 60px; }
.pad-0-print {
padding: 0; }
.pad-5-print {
padding: 5px; }
.pad-10-print {
padding: 10px; }
.pad-15-print {
padding: 15px; }
.pad-20-print {
padding: 20px; }
.pad-25-print {
padding: 25px; }
.pad-30-print {
padding: 30px; }
.pad-35-print {
padding: 35px; }
.pad-40-print {
padding: 40px; }
.pad-45-print {
padding: 45px; }
.pad-50-print {
padding: 50px; }
.pad-55-print {
padding: 55px; }
.pad-60-print {
padding: 60px; } }
/*
Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
background: #002b36;
color: #839496; }
.hljs-comment,
.hljs-quote {
color: #586e75; }
/* Solarized Green */
.hljs-keyword,
.hljs-selector-tag,
.hljs-addition {
color: #859900; }
/* Solarized Cyan */
.hljs-number,
.hljs-string,
.hljs-meta .hljs-meta-string,
.hljs-literal,
.hljs-doctag,
.hljs-regexp {
color: #2aa198; }
/* Solarized Blue */
.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
color: #268bd2; }
/* Solarized Yellow */
.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
color: #b58900; }
/* Solarized Orange */
.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
color: #cb4b16; }
/* Solarized Red */
.hljs-built_in,
.hljs-deletion {
color: #dc322f; }
.hljs-formula {
background: #073642; }
.hljs-emphasis {
font-style: italic; }
.hljs-strong {
font-weight: bold; }
/* BASICS */
.CodeMirror {
/* Set height, width, borders, and global font properties here */
font-family: monospace;
height: 300px;
color: black;
direction: ltr; }
/* PADDING */
.CodeMirror-lines {
padding: 4px 0;
/* Vertical padding around content */ }
.CodeMirror pre {
padding: 0 4px;
/* Horizontal padding of content */ }
.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
background-color: white;
/* The little square between H and V scrollbars */ }
/* GUTTER */
.CodeMirror-gutters {
border-right: 1px solid #ddd;
background-color: #f7f7f7;
white-space: nowrap; }
.CodeMirror-linenumber {
padding: 0 3px 0 5px;
min-width: 20px;
text-align: right;
color: #999;
white-space: nowrap; }
.CodeMirror-guttermarker {
color: black; }
.CodeMirror-guttermarker-subtle {
color: #999; }
/* CURSOR */
.CodeMirror-cursor {
border-left: 1px solid black;
border-right: none;
width: 0; }
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
border-left: 1px solid silver; }
.cm-fat-cursor .CodeMirror-cursor {
width: auto;
border: 0 !important;
background: #7e7; }
.cm-fat-cursor div.CodeMirror-cursors {
z-index: 1; }
.cm-animate-fat-cursor {
width: auto;
border: 0;
-webkit-animation: blink 1.06s steps(1) infinite;
-moz-animation: blink 1.06s steps(1) infinite;
animation: blink 1.06s steps(1) infinite;
background-color: #7e7; }
@-moz-keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
@-webkit-keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
@keyframes blink {
0% { }
50% {
background-color: transparent; }
100% { } }
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
display: inline-block;
text-decoration: inherit; }
.CodeMirror-rulers {
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: -20px;
overflow: hidden; }
.CodeMirror-ruler {
border-left: 1px solid #ccc;
top: 0;
bottom: 0;
position: absolute; }
/* DEFAULT THEME */
.cm-s-default .cm-header {
color: blue; }
.cm-s-default .cm-quote {
color: #090; }
.cm-negative {
color: #d44; }
.cm-positive {
color: #292; }
.cm-header, .cm-strong {
font-weight: bold; }
.cm-em {
font-style: italic; }
.cm-link {
text-decoration: underline; }
.cm-strikethrough {
text-decoration: line-through; }
.cm-s-default .cm-keyword {
color: #708; }
.cm-s-default .cm-atom {
color: #219; }
.cm-s-default .cm-number {
color: #164; }
.cm-s-default .cm-def {
color: #00f; }
.cm-s-default .cm-variable-2 {
color: #05a; }
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
color: #085; }
.cm-s-default .cm-comment {
color: #a50; }
.cm-s-default .cm-string {
color: #a11; }
.cm-s-default .cm-string-2 {
color: #f50; }
.cm-s-default .cm-meta {
color: #555; }
.cm-s-default .cm-qualifier {
color: #555; }
.cm-s-default .cm-builtin {
color: #30a; }
.cm-s-default .cm-bracket {
color: #997; }
.cm-s-default .cm-tag {
color: #170; }
.cm-s-default .cm-attribute {
color: #00c; }
.cm-s-default .cm-hr {
color: #999; }
.cm-s-default .cm-link {
color: #00c; }
.cm-s-default .cm-error {
color: #f00; }
.cm-invalidchar {
color: #f00; }
.CodeMirror-composing {
border-bottom: 2px solid; }
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
color: #0f0; }
div.CodeMirror span.CodeMirror-nonmatchingbracket {
color: #f22; }
.CodeMirror-matchingtag {
background: rgba(255, 150, 0, 0.3); }
.CodeMirror-activeline-background {
background: #e8f2ff; }
/* STOP */
/* The rest of this file contains styles related to the mechanics of
the editor. You probably shouldn't touch them. */
.CodeMirror {
position: relative;
overflow: hidden;
background: white; }
.CodeMirror-scroll {
overflow: scroll !important;
/* Things will break if this is overridden */
/* 30px is the magic margin used to hide the element's real scrollbars */
/* See overflow: hidden in .CodeMirror */
margin-bottom: -30px;
margin-right: -30px;
padding-bottom: 30px;
height: 100%;
outline: none;
/* Prevent dragging from highlighting the element */
position: relative; }
.CodeMirror-sizer {
position: relative;
border-right: 30px solid transparent; }
/* The fake, visible scrollbars. Used to force redraw during scrolling
before actual scrolling happens, thus preventing shaking and
flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
position: absolute;
z-index: 6;
display: none; }
.CodeMirror-vscrollbar {
right: 0;
top: 0;
overflow-x: hidden;
overflow-y: scroll; }
.CodeMirror-hscrollbar {
bottom: 0;
left: 0;
overflow-y: hidden;
overflow-x: scroll; }
.CodeMirror-scrollbar-filler {
right: 0;
bottom: 0; }
.CodeMirror-gutter-filler {
left: 0;
bottom: 0; }
.CodeMirror-gutters {
position: absolute;
left: 0;
top: 0;
min-height: 100%;
z-index: 3; }
.CodeMirror-gutter {
white-space: normal;
height: 100%;
display: inline-block;
vertical-align: top;
margin-bottom: -30px; }
.CodeMirror-gutter-wrapper {
position: absolute;
z-index: 4;
background: none !important;
border: none !important; }
.CodeMirror-gutter-background {
position: absolute;
top: 0;
bottom: 0;
z-index: 4; }
.CodeMirror-gutter-elt {
position: absolute;
cursor: default;
z-index: 4; }
.CodeMirror-gutter-wrapper ::selection {
background-color: transparent; }
.CodeMirror-gutter-wrapper ::-moz-selection {
background-color: transparent; }
.CodeMirror-lines {
cursor: text;
min-height: 1px;
/* prevents collapsing before first draw */ }
.CodeMirror pre {
/* Reset some styles that the rest of the page might have set */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
border-width: 0;
background: transparent;
font-family: inherit;
font-size: inherit;
margin: 0;
white-space: pre;
word-wrap: normal;
line-height: inherit;
color: inherit;
z-index: 2;
position: relative;
overflow: visible;
-webkit-tap-highlight-color: transparent;
-webkit-font-variant-ligatures: contextual;
font-variant-ligatures: contextual; }
.CodeMirror-wrap pre {
word-wrap: break-word;
white-space: pre-wrap;
word-break: normal; }
.CodeMirror-linebackground {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 0; }
.CodeMirror-linewidget {
position: relative;
z-index: 2;
overflow: auto; }
.CodeMirror-rtl pre {
direction: rtl; }
.CodeMirror-code {
outline: none; }
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
-moz-box-sizing: content-box;
box-sizing: content-box; }
.CodeMirror-measure {
position: absolute;
width: 100%;
height: 0;
overflow: hidden;
visibility: hidden; }
.CodeMirror-cursor {
position: absolute;
pointer-events: none; }
.CodeMirror-measure pre {
position: static; }
div.CodeMirror-cursors {
visibility: hidden;
position: relative;
z-index: 3; }
div.CodeMirror-dragcursors {
visibility: visible; }
.CodeMirror-focused div.CodeMirror-cursors {
visibility: visible; }
.CodeMirror-selected {
background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected {
background: #d7d4f0; }
.CodeMirror-crosshair {
cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
background: #d7d4f0; }
.cm-searching {
background-color: #ffa;
background-color: rgba(255, 255, 0, 0.4); }
/* Used to force a border model for a node */
.cm-force-border {
padding-right: .1px; }
@media print {
/* Hide the cursor when printing */
.CodeMirror div.CodeMirror-cursors {
visibility: hidden; } }
/* See issue #2901 */
.cm-tab-wrap-hack:after {
content: ''; }
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
background: none; }
.dropdown-menu {
background-color: white;
border: 1px solid #ddd;
list-style: none;
margin: 0;
padding: 0; }
.dropdown-menu li {
border-top: 1px solid #ddd;
padding: 2px 5px;
margin: 0;
clear: both; }
.dropdown-menu li::first-child {
border-top: none; }
.dropdown-menu li::hover {
background-color: #6eb7db; }
.dropdown-menu li.active {
background-color: #6eb7db; }
.dropdown-menu a {
height: 18px;
text-decoration: none;
color: #555; }
.dropdown-menu a::hover {
cursor: pointer; }
.dropdown-menu img {
vertical-align: text-top;
height: 18px; }
.dropdown-menu .lang-name {
float: right; }
.dropdown-menu .lang-ext {
float: left; }
.dropdown-menu code {
background-color: transparent; }