Created
December 8, 2020 02:50
-
-
Save TakashiSasaki/b98ddb1d6079ebfe1153199a81afe015 to your computer and use it in GitHub Desktop.
Scrapboxのapp.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W0); | |
font-weight: 100 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W1); | |
font-weight: 200 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W3); | |
font-weight: 300 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W3); | |
font-weight: 400 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W5); | |
font-weight: 500 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W6); | |
font-weight: 600 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W7); | |
font-weight: 700 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W8); | |
font-weight: 800 | |
} | |
@font-face { | |
font-family: 'Hiragino Sans'; | |
src: local(HiraginoSans-W9); | |
font-weight: 900 | |
} | |
.fa-spinner { | |
animation: spin 2s infinite linear | |
} | |
@keyframes spin { | |
from { | |
transform: rotate(0deg) | |
} | |
to { | |
transform: rotate(359deg) | |
} | |
} | |
/*! | |
* Bootstrap v3.3.7 (http://getbootstrap.com) | |
* Copyright 2011-2016 Twitter, Inc. | |
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) | |
*/ | |
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ | |
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, | |
menu, | |
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-color: 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 { | |
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; | |
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 | |
} | |
@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.woff2") format("woff2"), 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: "\002a" | |
} | |
.glyphicon-plus:before { | |
content: "\002b" | |
} | |
.glyphicon-euro:before, | |
.glyphicon-eur: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" | |
} | |
.glyphicon-cd:before { | |
content: "\e201" | |
} | |
.glyphicon-save-file:before { | |
content: "\e202" | |
} | |
.glyphicon-open-file:before { | |
content: "\e203" | |
} | |
.glyphicon-level-up:before { | |
content: "\e204" | |
} | |
.glyphicon-copy:before { | |
content: "\e205" | |
} | |
.glyphicon-paste:before { | |
content: "\e206" | |
} | |
.glyphicon-alert:before { | |
content: "\e209" | |
} | |
.glyphicon-equalizer:before { | |
content: "\e210" | |
} | |
.glyphicon-king:before { | |
content: "\e211" | |
} | |
.glyphicon-queen:before { | |
content: "\e212" | |
} | |
.glyphicon-pawn:before { | |
content: "\e213" | |
} | |
.glyphicon-bishop:before { | |
content: "\e214" | |
} | |
.glyphicon-knight:before { | |
content: "\e215" | |
} | |
.glyphicon-baby-formula:before { | |
content: "\e216" | |
} | |
.glyphicon-tent:before { | |
content: "\26fa" | |
} | |
.glyphicon-blackboard:before { | |
content: "\e218" | |
} | |
.glyphicon-bed:before { | |
content: "\e219" | |
} | |
.glyphicon-apple:before { | |
content: "\f8ff" | |
} | |
.glyphicon-erase:before { | |
content: "\e221" | |
} | |
.glyphicon-hourglass:before { | |
content: "\231b" | |
} | |
.glyphicon-lamp:before { | |
content: "\e223" | |
} | |
.glyphicon-duplicate:before { | |
content: "\e224" | |
} | |
.glyphicon-piggy-bank:before { | |
content: "\e225" | |
} | |
.glyphicon-scissors:before { | |
content: "\e226" | |
} | |
.glyphicon-bitcoin:before { | |
content: "\e227" | |
} | |
.glyphicon-btc:before { | |
content: "\e227" | |
} | |
.glyphicon-xbt:before { | |
content: "\e227" | |
} | |
.glyphicon-yen:before { | |
content: "\00a5" | |
} | |
.glyphicon-jpy:before { | |
content: "\00a5" | |
} | |
.glyphicon-ruble:before { | |
content: "\20bd" | |
} | |
.glyphicon-rub:before { | |
content: "\20bd" | |
} | |
.glyphicon-scale:before { | |
content: "\e230" | |
} | |
.glyphicon-ice-lolly:before { | |
content: "\e231" | |
} | |
.glyphicon-ice-lolly-tasted:before { | |
content: "\e232" | |
} | |
.glyphicon-education:before { | |
content: "\e233" | |
} | |
.glyphicon-option-horizontal:before { | |
content: "\e234" | |
} | |
.glyphicon-option-vertical:before { | |
content: "\e235" | |
} | |
.glyphicon-menu-hamburger:before { | |
content: "\e236" | |
} | |
.glyphicon-modal-window:before { | |
content: "\e237" | |
} | |
.glyphicon-oil:before { | |
content: "\e238" | |
} | |
.glyphicon-grain:before { | |
content: "\e239" | |
} | |
.glyphicon-sunglasses:before { | |
content: "\e240" | |
} | |
.glyphicon-text-size:before { | |
content: "\e241" | |
} | |
.glyphicon-text-color:before { | |
content: "\e242" | |
} | |
.glyphicon-text-background:before { | |
content: "\e243" | |
} | |
.glyphicon-object-align-top:before { | |
content: "\e244" | |
} | |
.glyphicon-object-align-bottom:before { | |
content: "\e245" | |
} | |
.glyphicon-object-align-horizontal:before { | |
content: "\e246" | |
} | |
.glyphicon-object-align-left:before { | |
content: "\e247" | |
} | |
.glyphicon-object-align-vertical:before { | |
content: "\e248" | |
} | |
.glyphicon-object-align-right:before { | |
content: "\e249" | |
} | |
.glyphicon-triangle-right:before { | |
content: "\e250" | |
} | |
.glyphicon-triangle-left:before { | |
content: "\e251" | |
} | |
.glyphicon-triangle-bottom:before { | |
content: "\e252" | |
} | |
.glyphicon-triangle-top:before { | |
content: "\e253" | |
} | |
.glyphicon-console:before { | |
content: "\e254" | |
} | |
.glyphicon-superscript:before { | |
content: "\e255" | |
} | |
.glyphicon-subscript:before { | |
content: "\e256" | |
} | |
.glyphicon-menu-left:before { | |
content: "\e257" | |
} | |
.glyphicon-menu-right:before { | |
content: "\e258" | |
} | |
.glyphicon-menu-down:before { | |
content: "\e259" | |
} | |
.glyphicon-menu-up:before { | |
content: "\e260" | |
} | |
* { | |
box-sizing: border-box | |
} | |
*:before, | |
*:after { | |
box-sizing: border-box | |
} | |
*:focus { | |
outline: 0 | |
} | |
html { | |
font-size: 10px; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) | |
} | |
body { | |
font-family: "Open Sans", Helvetica, Arial, "Hiragino Sans", sans-serif; | |
font-size: 14px; | |
line-height: 1.42857; | |
color: #333; | |
background-color: #dcdde0 | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit | |
} | |
a { | |
color: #5e8af7; | |
text-decoration: none | |
} | |
a:active, | |
[data-hover-visible] a:hover, | |
[data-focus-visible] a:focus { | |
color: #1555f3; | |
text-decoration: underline | |
} | |
[data-focus-visible] a:focus { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
figure { | |
margin: 0 | |
} | |
img { | |
vertical-align: middle | |
} | |
.img-responsive { | |
display: block; | |
max-width: 100%; | |
height: auto | |
} | |
.img-rounded { | |
border-radius: 6px | |
} | |
.img-thumbnail { | |
padding: 4px; | |
line-height: 1.42857; | |
background-color: #dcdde0; | |
border: 1px solid #ddd; | |
border-radius: 4px; | |
transition: all 0.2s ease-in-out; | |
display: inline-block; | |
max-width: 100%; | |
height: auto | |
} | |
.img-circle { | |
border-radius: 50% | |
} | |
hr { | |
margin-top: 20px; | |
margin-bottom: 20px; | |
border: 0; | |
border-top: 1px solid #eee | |
} | |
.sr-only { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0 | |
} | |
.sr-only-focusable:active, | |
.sr-only-focusable:focus { | |
position: static; | |
width: auto; | |
height: auto; | |
margin: 0; | |
overflow: visible; | |
clip: auto | |
} | |
[role="button"] { | |
cursor: pointer | |
} | |
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, | |
h1 .small, | |
h2 small, | |
h2 .small, | |
h3 small, | |
h3 .small, | |
h4 small, | |
h4 .small, | |
h5 small, | |
h5 .small, | |
h6 small, | |
h6 .small, | |
.h1 small, | |
.h1 .small, | |
.h2 small, | |
.h2 .small, | |
.h3 small, | |
.h3 .small, | |
.h4 small, | |
.h4 .small, | |
.h5 small, | |
.h5 .small, | |
.h6 small, | |
.h6 .small { | |
font-weight: normal; | |
line-height: 1; | |
color: #777 | |
} | |
h1, | |
.h1, | |
h2, | |
.h2, | |
h3, | |
.h3 { | |
margin-top: 20px; | |
margin-bottom: 10px | |
} | |
h1 small, | |
h1 .small, | |
.h1 small, | |
.h1 .small, | |
h2 small, | |
h2 .small, | |
.h2 small, | |
.h2 .small, | |
h3 small, | |
h3 .small, | |
.h3 small, | |
.h3 .small { | |
font-size: 65% | |
} | |
h4, | |
.h4, | |
h5, | |
.h5, | |
h6, | |
.h6 { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
h4 small, | |
h4 .small, | |
.h4 small, | |
.h4 .small, | |
h5 small, | |
h5 .small, | |
.h5 small, | |
.h5 .small, | |
h6 small, | |
h6 .small, | |
.h6 small, | |
.h6 .small { | |
font-size: 75% | |
} | |
h1, | |
.h1 { | |
font-size: 36px | |
} | |
h2, | |
.h2 { | |
font-size: 30px | |
} | |
h3, | |
.h3 { | |
font-size: 24px | |
} | |
h4, | |
.h4 { | |
font-size: 18px | |
} | |
h5, | |
.h5 { | |
font-size: 14px | |
} | |
h6, | |
.h6 { | |
font-size: 12px | |
} | |
p { | |
margin: 0 0 10px | |
} | |
.lead { | |
margin-bottom: 20px; | |
font-size: 16px; | |
font-weight: 300; | |
line-height: 1.4 | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 21px | |
} | |
} | |
small, | |
.small { | |
font-size: 85% | |
} | |
mark, | |
.mark { | |
background-color: #fcf8e3; | |
padding: .2em | |
} | |
.text-left { | |
text-align: left | |
} | |
.text-right { | |
text-align: right | |
} | |
.text-center { | |
text-align: center | |
} | |
.text-justify { | |
text-align: justify | |
} | |
.text-nowrap { | |
white-space: nowrap | |
} | |
.text-lowercase { | |
text-transform: lowercase | |
} | |
.text-uppercase, | |
.initialism { | |
text-transform: uppercase | |
} | |
.text-capitalize { | |
text-transform: capitalize | |
} | |
.text-muted { | |
color: #777 | |
} | |
.text-primary { | |
color: #41b059 | |
} | |
[data-hover-visible] a.text-primary:hover, | |
[data-focus-visible] a.text-primary:focus { | |
color: #338b46 | |
} | |
.text-success { | |
color: #3c763d | |
} | |
[data-hover-visible] a.text-success:hover, | |
[data-focus-visible] a.text-success:focus { | |
color: #2b542c | |
} | |
.text-info { | |
color: #31708f | |
} | |
[data-hover-visible] a.text-info:hover, | |
[data-focus-visible] a.text-info:focus { | |
color: #245269 | |
} | |
.text-warning { | |
color: #8a6d3b | |
} | |
[data-hover-visible] a.text-warning:hover, | |
[data-focus-visible] a.text-warning:focus { | |
color: #66512c | |
} | |
.text-danger { | |
color: #a94442 | |
} | |
[data-hover-visible] a.text-danger:hover, | |
[data-focus-visible] a.text-danger:focus { | |
color: #843534 | |
} | |
.bg-primary { | |
color: #fff | |
} | |
.bg-primary { | |
background-color: #41b059 | |
} | |
[data-hover-visible] a.bg-primary:hover, | |
[data-focus-visible] a.bg-primary:focus { | |
background-color: #338b46 | |
} | |
.bg-success { | |
background-color: #dff0d8 | |
} | |
[data-hover-visible] a.bg-success:hover, | |
[data-focus-visible] a.bg-success:focus { | |
background-color: #c1e2b3 | |
} | |
.bg-info { | |
background-color: #d9edf7 | |
} | |
[data-hover-visible] a.bg-info:hover, | |
[data-focus-visible] a.bg-info:focus { | |
background-color: #afd9ee | |
} | |
.bg-warning { | |
background-color: #fcf8e3 | |
} | |
[data-hover-visible] a.bg-warning:hover, | |
[data-focus-visible] a.bg-warning:focus { | |
background-color: #f7ecb5 | |
} | |
.bg-danger { | |
background-color: #f2dede | |
} | |
[data-hover-visible] a.bg-danger:hover, | |
[data-focus-visible] a.bg-danger:focus { | |
background-color: #e4b9b9 | |
} | |
.page-header { | |
padding-bottom: 9px; | |
margin: 40px 0 20px; | |
border-bottom: 1px solid #eee | |
} | |
ul, | |
ol { | |
margin-top: 0; | |
margin-bottom: 10px | |
} | |
ul ul, | |
ul ol, | |
ol ul, | |
ol ol { | |
margin-bottom: 0 | |
} | |
.list-unstyled { | |
padding-left: 0; | |
list-style: none | |
} | |
.list-inline { | |
padding-left: 0; | |
list-style: none; | |
margin-left: -5px | |
} | |
.list-inline>li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 20px | |
} | |
dt, | |
dd { | |
line-height: 1.42857 | |
} | |
dt { | |
font-weight: bold | |
} | |
dd { | |
margin-left: 0 | |
} | |
@media (min-width: 768px) { | |
.dl-horizontal { | |
display: grid; | |
grid-template-columns: 180px auto; | |
grid-column-gap: 20px | |
} | |
.dl-horizontal dt { | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #777 | |
} | |
.initialism { | |
font-size: 90% | |
} | |
blockquote { | |
padding: 10px 20px; | |
margin: 0 0 20px; | |
font-size: 17.5px; | |
border-left: 5px solid #eee | |
} | |
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.42857; | |
color: #777 | |
} | |
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 #eee; | |
border-left: 0; | |
text-align: right | |
} | |
.blockquote-reverse footer:before, | |
.blockquote-reverse small:before, | |
.blockquote-reverse .small:before, | |
blockquote.pull-right footer:before, | |
blockquote.pull-right small:before, | |
blockquote.pull-right .small:before { | |
content: '' | |
} | |
.blockquote-reverse footer:after, | |
.blockquote-reverse small:after, | |
.blockquote-reverse .small:after, | |
blockquote.pull-right footer:after, | |
blockquote.pull-right small:after, | |
blockquote.pull-right .small:after { | |
content: '\00A0 \2014' | |
} | |
address { | |
margin-bottom: 20px; | |
font-style: normal; | |
line-height: 1.42857 | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 4px | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #fff; | |
background-color: #333; | |
border-radius: 3px; | |
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) | |
} | |
kbd kbd { | |
padding: 0; | |
font-size: 100%; | |
font-weight: bold; | |
box-shadow: none | |
} | |
pre { | |
display: block; | |
padding: 9.5px; | |
margin: 0 0 10px; | |
font-size: 13px; | |
line-height: 1.42857; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333; | |
background-color: #f5f5f5; | |
border: 1px solid #ccc; | |
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: 8px; | |
padding-right: 8px | |
} | |
@media (min-width: 768px) { | |
.container { | |
width: 736px | |
} | |
} | |
@media (min-width: 992px) { | |
.container { | |
width: 956px | |
} | |
} | |
@media (min-width: 1200px) { | |
.container { | |
width: 1156px | |
} | |
} | |
.container-fluid { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 8px; | |
padding-right: 8px | |
} | |
.row { | |
margin-left: -8px; | |
margin-right: -8px; | |
display: flex; | |
flex-wrap: wrap | |
} | |
.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; | |
padding-left: 8px; | |
padding-right: 8px; | |
width: 100% | |
} | |
.col-xs-1 { | |
width: 8.33333% | |
} | |
.col-xs-2 { | |
width: 16.66667% | |
} | |
.col-xs-3 { | |
width: 25% | |
} | |
.col-xs-4 { | |
width: 33.33333% | |
} | |
.col-xs-5 { | |
width: 41.66667% | |
} | |
.col-xs-6 { | |
width: 50% | |
} | |
.col-xs-7 { | |
width: 58.33333% | |
} | |
.col-xs-8 { | |
width: 66.66667% | |
} | |
.col-xs-9 { | |
width: 75% | |
} | |
.col-xs-10 { | |
width: 83.33333% | |
} | |
.col-xs-11 { | |
width: 91.66667% | |
} | |
.col-xs-12 { | |
width: 100% | |
} | |
.col-xs-pull-0 { | |
right: auto | |
} | |
.col-xs-pull-1 { | |
right: 8.33333% | |
} | |
.col-xs-pull-2 { | |
right: 16.66667% | |
} | |
.col-xs-pull-3 { | |
right: 25% | |
} | |
.col-xs-pull-4 { | |
right: 33.33333% | |
} | |
.col-xs-pull-5 { | |
right: 41.66667% | |
} | |
.col-xs-pull-6 { | |
right: 50% | |
} | |
.col-xs-pull-7 { | |
right: 58.33333% | |
} | |
.col-xs-pull-8 { | |
right: 66.66667% | |
} | |
.col-xs-pull-9 { | |
right: 75% | |
} | |
.col-xs-pull-10 { | |
right: 83.33333% | |
} | |
.col-xs-pull-11 { | |
right: 91.66667% | |
} | |
.col-xs-pull-12 { | |
right: 100% | |
} | |
.col-xs-push-0 { | |
left: auto | |
} | |
.col-xs-push-1 { | |
left: 8.33333% | |
} | |
.col-xs-push-2 { | |
left: 16.66667% | |
} | |
.col-xs-push-3 { | |
left: 25% | |
} | |
.col-xs-push-4 { | |
left: 33.33333% | |
} | |
.col-xs-push-5 { | |
left: 41.66667% | |
} | |
.col-xs-push-6 { | |
left: 50% | |
} | |
.col-xs-push-7 { | |
left: 58.33333% | |
} | |
.col-xs-push-8 { | |
left: 66.66667% | |
} | |
.col-xs-push-9 { | |
left: 75% | |
} | |
.col-xs-push-10 { | |
left: 83.33333% | |
} | |
.col-xs-push-11 { | |
left: 91.66667% | |
} | |
.col-xs-push-12 { | |
left: 100% | |
} | |
.col-xs-offset-0 { | |
margin-left: 0% | |
} | |
.col-xs-offset-1 { | |
margin-left: 8.33333% | |
} | |
.col-xs-offset-2 { | |
margin-left: 16.66667% | |
} | |
.col-xs-offset-3 { | |
margin-left: 25% | |
} | |
.col-xs-offset-4 { | |
margin-left: 33.33333% | |
} | |
.col-xs-offset-5 { | |
margin-left: 41.66667% | |
} | |
.col-xs-offset-6 { | |
margin-left: 50% | |
} | |
.col-xs-offset-7 { | |
margin-left: 58.33333% | |
} | |
.col-xs-offset-8 { | |
margin-left: 66.66667% | |
} | |
.col-xs-offset-9 { | |
margin-left: 75% | |
} | |
.col-xs-offset-10 { | |
margin-left: 83.33333% | |
} | |
.col-xs-offset-11 { | |
margin-left: 91.66667% | |
} | |
.col-xs-offset-12 { | |
margin-left: 100% | |
} | |
@media (min-width: 768px) { | |
.col-sm-1 { | |
width: 8.33333% | |
} | |
.col-sm-2 { | |
width: 16.66667% | |
} | |
.col-sm-3 { | |
width: 25% | |
} | |
.col-sm-4 { | |
width: 33.33333% | |
} | |
.col-sm-5 { | |
width: 41.66667% | |
} | |
.col-sm-6 { | |
width: 50% | |
} | |
.col-sm-7 { | |
width: 58.33333% | |
} | |
.col-sm-8 { | |
width: 66.66667% | |
} | |
.col-sm-9 { | |
width: 75% | |
} | |
.col-sm-10 { | |
width: 83.33333% | |
} | |
.col-sm-11 { | |
width: 91.66667% | |
} | |
.col-sm-12 { | |
width: 100% | |
} | |
.col-sm-pull-0 { | |
right: auto | |
} | |
.col-sm-pull-1 { | |
right: 8.33333% | |
} | |
.col-sm-pull-2 { | |
right: 16.66667% | |
} | |
.col-sm-pull-3 { | |
right: 25% | |
} | |
.col-sm-pull-4 { | |
right: 33.33333% | |
} | |
.col-sm-pull-5 { | |
right: 41.66667% | |
} | |
.col-sm-pull-6 { | |
right: 50% | |
} | |
.col-sm-pull-7 { | |
right: 58.33333% | |
} | |
.col-sm-pull-8 { | |
right: 66.66667% | |
} | |
.col-sm-pull-9 { | |
right: 75% | |
} | |
.col-sm-pull-10 { | |
right: 83.33333% | |
} | |
.col-sm-pull-11 { | |
right: 91.66667% | |
} | |
.col-sm-pull-12 { | |
right: 100% | |
} | |
.col-sm-push-0 { | |
left: auto | |
} | |
.col-sm-push-1 { | |
left: 8.33333% | |
} | |
.col-sm-push-2 { | |
left: 16.66667% | |
} | |
.col-sm-push-3 { | |
left: 25% | |
} | |
.col-sm-push-4 { | |
left: 33.33333% | |
} | |
.col-sm-push-5 { | |
left: 41.66667% | |
} | |
.col-sm-push-6 { | |
left: 50% | |
} | |
.col-sm-push-7 { | |
left: 58.33333% | |
} | |
.col-sm-push-8 { | |
left: 66.66667% | |
} | |
.col-sm-push-9 { | |
left: 75% | |
} | |
.col-sm-push-10 { | |
left: 83.33333% | |
} | |
.col-sm-push-11 { | |
left: 91.66667% | |
} | |
.col-sm-push-12 { | |
left: 100% | |
} | |
.col-sm-offset-0 { | |
margin-left: 0% | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.33333% | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.66667% | |
} | |
.col-sm-offset-3 { | |
margin-left: 25% | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.33333% | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.66667% | |
} | |
.col-sm-offset-6 { | |
margin-left: 50% | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.33333% | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.66667% | |
} | |
.col-sm-offset-9 { | |
margin-left: 75% | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.33333% | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.66667% | |
} | |
.col-sm-offset-12 { | |
margin-left: 100% | |
} | |
} | |
@media (min-width: 992px) { | |
.col-md-1 { | |
width: 8.33333% | |
} | |
.col-md-2 { | |
width: 16.66667% | |
} | |
.col-md-3 { | |
width: 25% | |
} | |
.col-md-4 { | |
width: 33.33333% | |
} | |
.col-md-5 { | |
width: 41.66667% | |
} | |
.col-md-6 { | |
width: 50% | |
} | |
.col-md-7 { | |
width: 58.33333% | |
} | |
.col-md-8 { | |
width: 66.66667% | |
} | |
.col-md-9 { | |
width: 75% | |
} | |
.col-md-10 { | |
width: 83.33333% | |
} | |
.col-md-11 { | |
width: 91.66667% | |
} | |
.col-md-12 { | |
width: 100% | |
} | |
.col-md-pull-0 { | |
right: auto | |
} | |
.col-md-pull-1 { | |
right: 8.33333% | |
} | |
.col-md-pull-2 { | |
right: 16.66667% | |
} | |
.col-md-pull-3 { | |
right: 25% | |
} | |
.col-md-pull-4 { | |
right: 33.33333% | |
} | |
.col-md-pull-5 { | |
right: 41.66667% | |
} | |
.col-md-pull-6 { | |
right: 50% | |
} | |
.col-md-pull-7 { | |
right: 58.33333% | |
} | |
.col-md-pull-8 { | |
right: 66.66667% | |
} | |
.col-md-pull-9 { | |
right: 75% | |
} | |
.col-md-pull-10 { | |
right: 83.33333% | |
} | |
.col-md-pull-11 { | |
right: 91.66667% | |
} | |
.col-md-pull-12 { | |
right: 100% | |
} | |
.col-md-push-0 { | |
left: auto | |
} | |
.col-md-push-1 { | |
left: 8.33333% | |
} | |
.col-md-push-2 { | |
left: 16.66667% | |
} | |
.col-md-push-3 { | |
left: 25% | |
} | |
.col-md-push-4 { | |
left: 33.33333% | |
} | |
.col-md-push-5 { | |
left: 41.66667% | |
} | |
.col-md-push-6 { | |
left: 50% | |
} | |
.col-md-push-7 { | |
left: 58.33333% | |
} | |
.col-md-push-8 { | |
left: 66.66667% | |
} | |
.col-md-push-9 { | |
left: 75% | |
} | |
.col-md-push-10 { | |
left: 83.33333% | |
} | |
.col-md-push-11 { | |
left: 91.66667% | |
} | |
.col-md-push-12 { | |
left: 100% | |
} | |
.col-md-offset-0 { | |
margin-left: 0% | |
} | |
.col-md-offset-1 { | |
margin-left: 8.33333% | |
} | |
.col-md-offset-2 { | |
margin-left: 16.66667% | |
} | |
.col-md-offset-3 { | |
margin-left: 25% | |
} | |
.col-md-offset-4 { | |
margin-left: 33.33333% | |
} | |
.col-md-offset-5 { | |
margin-left: 41.66667% | |
} | |
.col-md-offset-6 { | |
margin-left: 50% | |
} | |
.col-md-offset-7 { | |
margin-left: 58.33333% | |
} | |
.col-md-offset-8 { | |
margin-left: 66.66667% | |
} | |
.col-md-offset-9 { | |
margin-left: 75% | |
} | |
.col-md-offset-10 { | |
margin-left: 83.33333% | |
} | |
.col-md-offset-11 { | |
margin-left: 91.66667% | |
} | |
.col-md-offset-12 { | |
margin-left: 100% | |
} | |
} | |
@media (min-width: 1200px) { | |
.col-lg-1 { | |
width: 8.33333% | |
} | |
.col-lg-2 { | |
width: 16.66667% | |
} | |
.col-lg-3 { | |
width: 25% | |
} | |
.col-lg-4 { | |
width: 33.33333% | |
} | |
.col-lg-5 { | |
width: 41.66667% | |
} | |
.col-lg-6 { | |
width: 50% | |
} | |
.col-lg-7 { | |
width: 58.33333% | |
} | |
.col-lg-8 { | |
width: 66.66667% | |
} | |
.col-lg-9 { | |
width: 75% | |
} | |
.col-lg-10 { | |
width: 83.33333% | |
} | |
.col-lg-11 { | |
width: 91.66667% | |
} | |
.col-lg-12 { | |
width: 100% | |
} | |
.col-lg-pull-0 { | |
right: auto | |
} | |
.col-lg-pull-1 { | |
right: 8.33333% | |
} | |
.col-lg-pull-2 { | |
right: 16.66667% | |
} | |
.col-lg-pull-3 { | |
right: 25% | |
} | |
.col-lg-pull-4 { | |
right: 33.33333% | |
} | |
.col-lg-pull-5 { | |
right: 41.66667% | |
} | |
.col-lg-pull-6 { | |
right: 50% | |
} | |
.col-lg-pull-7 { | |
right: 58.33333% | |
} | |
.col-lg-pull-8 { | |
right: 66.66667% | |
} | |
.col-lg-pull-9 { | |
right: 75% | |
} | |
.col-lg-pull-10 { | |
right: 83.33333% | |
} | |
.col-lg-pull-11 { | |
right: 91.66667% | |
} | |
.col-lg-pull-12 { | |
right: 100% | |
} | |
.col-lg-push-0 { | |
left: auto | |
} | |
.col-lg-push-1 { | |
left: 8.33333% | |
} | |
.col-lg-push-2 { | |
left: 16.66667% | |
} | |
.col-lg-push-3 { | |
left: 25% | |
} | |
.col-lg-push-4 { | |
left: 33.33333% | |
} | |
.col-lg-push-5 { | |
left: 41.66667% | |
} | |
.col-lg-push-6 { | |
left: 50% | |
} | |
.col-lg-push-7 { | |
left: 58.33333% | |
} | |
.col-lg-push-8 { | |
left: 66.66667% | |
} | |
.col-lg-push-9 { | |
left: 75% | |
} | |
.col-lg-push-10 { | |
left: 83.33333% | |
} | |
.col-lg-push-11 { | |
left: 91.66667% | |
} | |
.col-lg-push-12 { | |
left: 100% | |
} | |
.col-lg-offset-0 { | |
margin-left: 0% | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.33333% | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.66667% | |
} | |
.col-lg-offset-3 { | |
margin-left: 25% | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.33333% | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.66667% | |
} | |
.col-lg-offset-6 { | |
margin-left: 50% | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.33333% | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.66667% | |
} | |
.col-lg-offset-9 { | |
margin-left: 75% | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.33333% | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.66667% | |
} | |
.col-lg-offset-12 { | |
margin-left: 100% | |
} | |
} | |
table { | |
background-color: rgba(0, 0, 0, 0) | |
} | |
caption { | |
padding-top: 8px; | |
padding-bottom: 8px; | |
color: #777; | |
text-align: left | |
} | |
th { | |
text-align: left | |
} | |
.table { | |
width: 100%; | |
max-width: 100%; | |
margin-bottom: 20px | |
} | |
.table>thead>tr>th, | |
.table>thead>tr>td, | |
.table>tbody>tr>th, | |
.table>tbody>tr>td, | |
.table>tfoot>tr>th, | |
.table>tfoot>tr>td { | |
padding: 8px; | |
line-height: 1.42857; | |
vertical-align: top; | |
border-top: 1px solid #ddd | |
} | |
.table>thead>tr>th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #ddd | |
} | |
.table>caption+thead>tr:first-child>th, | |
.table>caption+thead>tr:first-child>td, | |
.table>colgroup+thead>tr:first-child>th, | |
.table>colgroup+thead>tr:first-child>td, | |
.table>thead:first-child>tr:first-child>th, | |
.table>thead:first-child>tr:first-child>td { | |
border-top: 0 | |
} | |
.table>tbody+tbody { | |
border-top: 2px solid #ddd | |
} | |
.table .table { | |
background-color: #dcdde0 | |
} | |
.table-condensed>thead>tr>th, | |
.table-condensed>thead>tr>td, | |
.table-condensed>tbody>tr>th, | |
.table-condensed>tbody>tr>td, | |
.table-condensed>tfoot>tr>th, | |
.table-condensed>tfoot>tr>td { | |
padding: 5px | |
} | |
.table-bordered { | |
border: 1px solid #ddd | |
} | |
.table-bordered>thead>tr>th, | |
.table-bordered>thead>tr>td, | |
.table-bordered>tbody>tr>th, | |
.table-bordered>tbody>tr>td, | |
.table-bordered>tfoot>tr>th, | |
.table-bordered>tfoot>tr>td { | |
border: 1px solid #ddd | |
} | |
.table-bordered>thead>tr>th, | |
.table-bordered>thead>tr>td { | |
border-bottom-width: 2px | |
} | |
.table-striped>tbody>tr:nth-of-type(odd) { | |
background-color: #f9f9f9 | |
} | |
[data-hover-visible] .table-hover>tbody>tr:hover { | |
background-color: #f5f5f5 | |
} | |
table col[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-column | |
} | |
table td[class*="col-"], | |
table th[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-cell | |
} | |
.table>thead>tr>td.active, | |
.table>thead>tr>th.active, | |
.table>thead>tr.active>td, | |
.table>thead>tr.active>th, | |
.table>tbody>tr>td.active, | |
.table>tbody>tr>th.active, | |
.table>tbody>tr.active>td, | |
.table>tbody>tr.active>th, | |
.table>tfoot>tr>td.active, | |
.table>tfoot>tr>th.active, | |
.table>tfoot>tr.active>td, | |
.table>tfoot>tr.active>th { | |
background-color: #f5f5f5 | |
} | |
.table-hover>tbody>tr>td.active:hover, | |
.table-hover>tbody>tr>th.active:hover, | |
.table-hover>tbody>tr.active:hover>td, | |
.table-hover>tbody>tr:hover>.active, | |
.table-hover>tbody>tr.active:hover>th { | |
background-color: #e8e8e8 | |
} | |
.table>thead>tr>td.success, | |
.table>thead>tr>th.success, | |
.table>thead>tr.success>td, | |
.table>thead>tr.success>th, | |
.table>tbody>tr>td.success, | |
.table>tbody>tr>th.success, | |
.table>tbody>tr.success>td, | |
.table>tbody>tr.success>th, | |
.table>tfoot>tr>td.success, | |
.table>tfoot>tr>th.success, | |
.table>tfoot>tr.success>td, | |
.table>tfoot>tr.success>th { | |
background-color: #dff0d8 | |
} | |
.table-hover>tbody>tr>td.success:hover, | |
.table-hover>tbody>tr>th.success:hover, | |
.table-hover>tbody>tr.success:hover>td, | |
.table-hover>tbody>tr:hover>.success, | |
.table-hover>tbody>tr.success:hover>th { | |
background-color: #d0e9c6 | |
} | |
.table>thead>tr>td.info, | |
.table>thead>tr>th.info, | |
.table>thead>tr.info>td, | |
.table>thead>tr.info>th, | |
.table>tbody>tr>td.info, | |
.table>tbody>tr>th.info, | |
.table>tbody>tr.info>td, | |
.table>tbody>tr.info>th, | |
.table>tfoot>tr>td.info, | |
.table>tfoot>tr>th.info, | |
.table>tfoot>tr.info>td, | |
.table>tfoot>tr.info>th { | |
background-color: #d9edf7 | |
} | |
.table-hover>tbody>tr>td.info:hover, | |
.table-hover>tbody>tr>th.info:hover, | |
.table-hover>tbody>tr.info:hover>td, | |
.table-hover>tbody>tr:hover>.info, | |
.table-hover>tbody>tr.info:hover>th { | |
background-color: #c4e3f3 | |
} | |
.table>thead>tr>td.warning, | |
.table>thead>tr>th.warning, | |
.table>thead>tr.warning>td, | |
.table>thead>tr.warning>th, | |
.table>tbody>tr>td.warning, | |
.table>tbody>tr>th.warning, | |
.table>tbody>tr.warning>td, | |
.table>tbody>tr.warning>th, | |
.table>tfoot>tr>td.warning, | |
.table>tfoot>tr>th.warning, | |
.table>tfoot>tr.warning>td, | |
.table>tfoot>tr.warning>th { | |
background-color: #fcf8e3 | |
} | |
.table-hover>tbody>tr>td.warning:hover, | |
.table-hover>tbody>tr>th.warning:hover, | |
.table-hover>tbody>tr.warning:hover>td, | |
.table-hover>tbody>tr:hover>.warning, | |
.table-hover>tbody>tr.warning:hover>th { | |
background-color: #faf2cc | |
} | |
.table>thead>tr>td.danger, | |
.table>thead>tr>th.danger, | |
.table>thead>tr.danger>td, | |
.table>thead>tr.danger>th, | |
.table>tbody>tr>td.danger, | |
.table>tbody>tr>th.danger, | |
.table>tbody>tr.danger>td, | |
.table>tbody>tr.danger>th, | |
.table>tfoot>tr>td.danger, | |
.table>tfoot>tr>th.danger, | |
.table>tfoot>tr.danger>td, | |
.table>tfoot>tr.danger>th { | |
background-color: #f2dede | |
} | |
.table-hover>tbody>tr>td.danger:hover, | |
.table-hover>tbody>tr>th.danger:hover, | |
.table-hover>tbody>tr.danger:hover>td, | |
.table-hover>tbody>tr:hover>.danger, | |
.table-hover>tbody>tr.danger:hover>th { | |
background-color: #ebcccc | |
} | |
.table-responsive { | |
overflow-x: auto | |
} | |
@media screen and (max-width: 767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 15px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #ddd | |
} | |
.table-responsive>.table { | |
margin-bottom: 0 | |
} | |
.table-responsive>.table>thead>tr>th, | |
.table-responsive>.table>thead>tr>td, | |
.table-responsive>.table>tbody>tr>th, | |
.table-responsive>.table>tbody>tr>td, | |
.table-responsive>.table>tfoot>tr>th, | |
.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>thead>tr>td:first-child, | |
.table-responsive>.table-bordered>tbody>tr>th:first-child, | |
.table-responsive>.table-bordered>tbody>tr>td:first-child, | |
.table-responsive>.table-bordered>tfoot>tr>th: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>thead>tr>td:last-child, | |
.table-responsive>.table-bordered>tbody>tr>th:last-child, | |
.table-responsive>.table-bordered>tbody>tr>td:last-child, | |
.table-responsive>.table-bordered>tfoot>tr>th: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>tbody>tr:last-child>td, | |
.table-responsive>.table-bordered>tfoot>tr:last-child>th, | |
.table-responsive>.table-bordered>tfoot>tr:last-child>td { | |
border-bottom: 0 | |
} | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
min-width: 0 | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 20px; | |
font-size: 21px; | |
line-height: inherit; | |
color: #333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5 | |
} | |
label { | |
display: inline-block; | |
margin-bottom: 5px; | |
font-weight: bold | |
} | |
input[type="search"] { | |
box-sizing: border-box | |
} | |
input[type="file"] { | |
display: block | |
} | |
input[type="range"] { | |
display: block; | |
width: 100% | |
} | |
select[multiple], | |
select[size] { | |
height: auto | |
} | |
[data-focus-visible] input[type="radio"]:focus, | |
[data-focus-visible] input[type="checkbox"]:focus { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 14px; | |
line-height: 1.42857; | |
color: #555 | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 34px; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857; | |
color: #555; | |
background-clip: padding-box; | |
background-color: #fff; | |
background-image: none; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
.form-control:focus { | |
border-color: #66afe9; | |
outline: 0; | |
box-shadow: 0 0 0 3px rgba(102, 175, 233, 0.6) | |
} | |
.form-control::-moz-placeholder { | |
color: #999; | |
opacity: 1 | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999 | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999 | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
background-color: #eee; | |
opacity: 1 | |
} | |
.form-control[disabled], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed | |
} | |
textarea.form-control { | |
height: auto | |
} | |
input[type="search"] { | |
-webkit-appearance: none | |
} | |
@media screen and (-webkit-min-device-pixel-ratio: 0) { | |
input[type="date"].form-control, | |
input[type="time"].form-control, | |
input[type="datetime-local"].form-control, | |
input[type="month"].form-control { | |
line-height: 34px | |
} | |
input[type="date"].input-sm, | |
.input-group-sm>input.form-control[type="date"], | |
.input-group-sm>input.input-group-addon[type="date"], | |
.input-group-sm>.input-group-btn>input.btn[type="date"], | |
.input-group-sm input[type="date"], | |
input[type="time"].input-sm, | |
.input-group-sm>input.form-control[type="time"], | |
.input-group-sm>input.input-group-addon[type="time"], | |
.input-group-sm>.input-group-btn>input.btn[type="time"], | |
.input-group-sm input[type="time"], | |
input[type="datetime-local"].input-sm, | |
.input-group-sm>input.form-control[type="datetime-local"], | |
.input-group-sm>input.input-group-addon[type="datetime-local"], | |
.input-group-sm>.input-group-btn>input.btn[type="datetime-local"], | |
.input-group-sm input[type="datetime-local"], | |
input[type="month"].input-sm, | |
.input-group-sm>input.form-control[type="month"], | |
.input-group-sm>input.input-group-addon[type="month"], | |
.input-group-sm>.input-group-btn>input.btn[type="month"], | |
.input-group-sm input[type="month"] { | |
line-height: 30px | |
} | |
input[type="date"].input-lg, | |
.input-group-lg>input.form-control[type="date"], | |
.input-group-lg>input.input-group-addon[type="date"], | |
.input-group-lg>.input-group-btn>input.btn[type="date"], | |
.input-group-lg input[type="date"], | |
input[type="time"].input-lg, | |
.input-group-lg>input.form-control[type="time"], | |
.input-group-lg>input.input-group-addon[type="time"], | |
.input-group-lg>.input-group-btn>input.btn[type="time"], | |
.input-group-lg input[type="time"], | |
input[type="datetime-local"].input-lg, | |
.input-group-lg>input.form-control[type="datetime-local"], | |
.input-group-lg>input.input-group-addon[type="datetime-local"], | |
.input-group-lg>.input-group-btn>input.btn[type="datetime-local"], | |
.input-group-lg input[type="datetime-local"], | |
input[type="month"].input-lg, | |
.input-group-lg>input.form-control[type="month"], | |
.input-group-lg>input.input-group-addon[type="month"], | |
.input-group-lg>.input-group-btn>input.btn[type="month"], | |
.input-group-lg input[type="month"] { | |
line-height: 46px | |
} | |
} | |
.form-group { | |
margin-bottom: 15px | |
} | |
select.form-control { | |
padding-right: 24px; | |
background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center; | |
background-size: 8px 10px; | |
appearance: none; | |
-webkit-appearance: none; | |
-moz-appearance: none | |
} | |
select.form-control::-ms-expand { | |
display: none | |
} | |
select.form-control::-ms-value { | |
color: #555; | |
background-color: transparent | |
} | |
input[type="range"] { | |
border: none; | |
padding: 0; | |
height: 18px; | |
width: 100%; | |
cursor: pointer; | |
background: transparent; | |
-webkit-appearance: none | |
} | |
input[type="range"]:disabled { | |
cursor: not-allowed; | |
pointer-events: none | |
} | |
input[type="range"]::-moz-focus-outer { | |
border: 0 | |
} | |
input[type="range"]::-ms-fill-lower, | |
input[type="range"]::-ms-fill-upper { | |
background: transparent | |
} | |
input[type="range"]::-webkit-slider-thumb { | |
cursor: pointer; | |
background: #444; | |
height: 18px; | |
width: 18px; | |
border-radius: 50%; | |
border: 0; | |
margin-top: -8px; | |
-webkit-appearance: none | |
} | |
input[type="range"]::-moz-range-thumb { | |
cursor: pointer; | |
background: #444; | |
height: 18px; | |
width: 18px; | |
border-radius: 50%; | |
border: 0 | |
} | |
input[type="range"]::-ms-thumb { | |
cursor: pointer; | |
background: #444; | |
height: 18px; | |
width: 18px; | |
border-radius: 50%; | |
border: 0; | |
margin-top: 0 | |
} | |
input[type="range"]:active::-webkit-slider-thumb, | |
input[type="range"].focus-visible:focus::-webkit-slider-thumb { | |
outline: none; | |
background: #111 | |
} | |
input[type="range"]:active::-moz-range-thumb, | |
input[type="range"].focus-visible:focus::-moz-range-thumb { | |
outline: none; | |
background: #111 | |
} | |
input[type="range"]:active::-ms-thumb, | |
input[type="range"].focus-visible:focus::-ms-thumb { | |
outline: none; | |
background: #111 | |
} | |
input[type="range"].focus-visible:focus::-webkit-slider-thumb { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
input[type="range"].focus-visible:focus::-moz-range-thumb { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
input[type="range"].focus-visible:focus::-ms-thumb { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
input[type="range"]:disabled::-webkit-slider-thumb { | |
cursor: not-allowed; | |
background: #ccc | |
} | |
input[type="range"]:disabled::-moz-range-thumb { | |
cursor: not-allowed; | |
background: #ccc | |
} | |
input[type="range"]:disabled::-ms-thumb { | |
cursor: not-allowed; | |
background: #ccc | |
} | |
input[type="range"]::-webkit-slider-runnable-track { | |
width: 100%; | |
height: 2px; | |
cursor: pointer; | |
border-radius: 1px; | |
background: #ccc | |
} | |
input[type="range"]::-moz-range-track { | |
width: 100%; | |
height: 2px; | |
cursor: pointer; | |
border-radius: 1px; | |
background: #ccc | |
} | |
input[type="range"]::-ms-track { | |
width: 100%; | |
height: 2px; | |
cursor: pointer; | |
border-radius: 1px; | |
background: #ccc; | |
border-width: 0; | |
color: transparent | |
} | |
input[type="range"]:disabled::-webkit-slider-runnable-track { | |
cursor: not-allowed; | |
background: #e6e6e6 | |
} | |
input[type="range"]:disabled::-moz-range-track { | |
cursor: not-allowed; | |
background: #e6e6e6 | |
} | |
input[type="range"]:disabled::-ms-track { | |
cursor: not-allowed; | |
background: #e6e6e6 | |
} | |
@supports (-webkit-appearance: none) and (not (-ms-ime-align: auto)) { | |
input[type="file"] { | |
margin: -3px 0 -3px -3px | |
} | |
} | |
.radio, | |
.checkbox { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.radio label, | |
.checkbox label { | |
display: flex; | |
margin-bottom: 0; | |
font-weight: normal; | |
cursor: pointer | |
} | |
.radio input[type="radio"], | |
.radio-inline input[type="radio"] { | |
appearance: none; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
border-radius: 50%; | |
flex-shrink: 0; | |
width: 20px; | |
height: 20px; | |
margin: 0 5px 0 0; | |
cursor: pointer; | |
border: 1px solid #ccc; | |
background-color: #fff; | |
transition: background .3s, border-color .3s, box-shadow .3s | |
} | |
.radio input[type="radio"]::-ms-check, | |
.radio-inline input[type="radio"]::-ms-check { | |
border: 1px solid #ccc; | |
background-color: #fff; | |
color: transparent | |
} | |
.radio input[type="radio"]:checked, | |
.radio-inline input[type="radio"]:checked { | |
border: 6px solid #5e8af7 | |
} | |
.radio input[type="radio"]:checked::-ms-check, | |
.radio-inline input[type="radio"]:checked::-ms-check { | |
border: 6px solid #5e8af7 | |
} | |
[data-focus-visible] .radio input[type="radio"]:checked:focus, | |
[data-focus-visible] .radio-inline input[type="radio"]:checked:focus { | |
border-color: #5e8af7 | |
} | |
.checkbox input[type="checkbox"], | |
.checkbox-inline input[type="checkbox"] { | |
appearance: none; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
border-radius: 4px; | |
flex-shrink: 0; | |
width: 18px; | |
height: 18px; | |
margin: 0 5px 0 0; | |
cursor: pointer; | |
border: 1px solid #ccc; | |
background-color: #fff; | |
transition: background-color .3s, border-color .3s, box-shadow .3s | |
} | |
.checkbox input[type="checkbox"]::-ms-check, | |
.checkbox-inline input[type="checkbox"]::-ms-check { | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
background-color: #fff; | |
color: transparent | |
} | |
.checkbox input[type="checkbox"]:checked, | |
.checkbox-inline input[type="checkbox"]:checked { | |
border-color: #5e8af7; | |
background: #5e8af7 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 8 36 36' version='1.1' xml:space='preserve'%3E%3Cpath d='M14.1 27.2l7.1 7.2 16.7-16.8' fill='none' stroke='rgba(255,255,255,1)' stroke-width='5'/%3E%3C/svg%3E") no-repeat center; | |
background-size: 90% | |
} | |
.checkbox input[type="checkbox"]:checked::-ms-check, | |
.checkbox-inline input[type="checkbox"]:checked::-ms-check { | |
border-color: #5e8af7; | |
background: #5e8af7 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 8 36 36' version='1.1' xml:space='preserve'%3E%3Cpath d='M14.1 27.2l7.1 7.2 16.7-16.8' fill='none' stroke='rgba(255,255,255,1)' stroke-width='5'/%3E%3C/svg%3E") no-repeat center; | |
background-size: 90% | |
} | |
.radio+.radio, | |
.checkbox+.checkbox { | |
margin-top: -5px | |
} | |
.radio-inline, | |
.checkbox-inline { | |
display: inline-flex; | |
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="radio"].disabled, | |
fieldset[disabled] input[type="radio"], | |
input[type="checkbox"][disabled], | |
input[type="checkbox"].disabled, | |
fieldset[disabled] input[type="checkbox"] { | |
cursor: not-allowed; | |
background-color: #eee | |
} | |
input[type="radio"][disabled]::-ms-check, | |
input[type="radio"].disabled::-ms-check, | |
fieldset[disabled] input[type="radio"]::-ms-check, | |
input[type="checkbox"][disabled]::-ms-check, | |
input[type="checkbox"].disabled::-ms-check, | |
fieldset[disabled] input[type="checkbox"]::-ms-check { | |
background-color: #eee | |
} | |
.radio-inline.disabled, | |
fieldset[disabled] .radio-inline, | |
.checkbox-inline.disabled, | |
fieldset[disabled] .checkbox-inline { | |
cursor: not-allowed | |
} | |
.radio.disabled label, | |
fieldset[disabled] .radio label, | |
.checkbox.disabled label, | |
fieldset[disabled] .checkbox label { | |
cursor: not-allowed | |
} | |
.form-control-static { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
min-height: 34px | |
} | |
.form-control-static.input-lg, | |
.input-group-lg>.form-control-static.form-control, | |
.input-group-lg>.form-control-static.input-group-addon, | |
.input-group-lg>.input-group-btn>.form-control-static.btn, | |
.form-control-static.input-sm, | |
.input-group-sm>.form-control-static.form-control, | |
.input-group-sm>.form-control-static.input-group-addon, | |
.input-group-sm>.input-group-btn>.form-control-static.btn { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.input-sm, | |
.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 | |
} | |
textarea.input-sm, | |
.input-group-sm>textarea.form-control, | |
.input-group-sm>textarea.input-group-addon, | |
.input-group-sm>.input-group-btn>textarea.btn, | |
select[multiple].input-sm, | |
.input-group-sm>select.form-control[multiple], | |
.input-group-sm>select.input-group-addon[multiple], | |
.input-group-sm>.input-group-btn>select.btn[multiple] { | |
height: auto | |
} | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 3px | |
} | |
.form-group-sm select.form-control { | |
height: 30px; | |
line-height: 30px | |
} | |
.form-group-sm textarea.form-control, | |
.form-group-sm select[multiple].form-control { | |
height: auto | |
} | |
.form-group-sm .form-control-static { | |
height: 30px; | |
min-height: 32px; | |
padding: 6px 10px; | |
font-size: 12px; | |
line-height: 1.5 | |
} | |
.input-lg, | |
.input-group-lg>.form-control, | |
.input-group-lg>.input-group-addon, | |
.input-group-lg>.input-group-btn>.btn { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33333; | |
border-radius: 6px | |
} | |
textarea.input-lg, | |
.input-group-lg>textarea.form-control, | |
.input-group-lg>textarea.input-group-addon, | |
.input-group-lg>.input-group-btn>textarea.btn, | |
select[multiple].input-lg, | |
.input-group-lg>select.form-control[multiple], | |
.input-group-lg>select.input-group-addon[multiple], | |
.input-group-lg>.input-group-btn>select.btn[multiple] { | |
height: auto | |
} | |
.form-group-lg .form-control { | |
height: 46px; | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33333; | |
border-radius: 6px | |
} | |
.form-group-lg select.form-control { | |
height: 46px; | |
line-height: 46px | |
} | |
.form-group-lg textarea.form-control, | |
.form-group-lg select[multiple].form-control { | |
height: auto | |
} | |
.form-group-lg .form-control-static { | |
height: 46px; | |
min-height: 38px; | |
padding: 11px 16px; | |
font-size: 18px; | |
line-height: 1.33333 | |
} | |
.has-feedback { | |
position: relative | |
} | |
.has-feedback .form-control { | |
padding-right: 42.5px | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 34px; | |
height: 34px; | |
line-height: 34px; | |
text-align: center; | |
pointer-events: none | |
} | |
.input-lg+.form-control-feedback, | |
.input-group-lg>.form-control+.form-control-feedback, | |
.input-group-lg>.input-group-addon+.form-control-feedback, | |
.input-group-lg>.input-group-btn>.btn+.form-control-feedback, | |
.input-group-lg+.form-control-feedback, | |
.form-group-lg .form-control+.form-control-feedback { | |
width: 46px; | |
height: 46px; | |
line-height: 46px | |
} | |
.input-sm+.form-control-feedback, | |
.input-group-sm>.form-control+.form-control-feedback, | |
.input-group-sm>.input-group-addon+.form-control-feedback, | |
.input-group-sm>.input-group-btn>.btn+.form-control-feedback, | |
.input-group-sm+.form-control-feedback, | |
.form-group-sm .form-control+.form-control-feedback { | |
width: 30px; | |
height: 30px; | |
line-height: 30px | |
} | |
.has-success .help-block, | |
.has-success .control-label, | |
.has-success .radio, | |
.has-success .checkbox, | |
.has-success .radio-inline, | |
.has-success .checkbox-inline, | |
.has-success.radio label, | |
.has-success.checkbox label, | |
.has-success.radio-inline label, | |
.has-success.checkbox-inline label { | |
color: #3c763d | |
} | |
.has-success .form-control { | |
border-color: #3c763d | |
} | |
.has-success .form-control:focus { | |
box-shadow: 0 0 0 3px rgba(60, 118, 61, 0.4) | |
} | |
.has-success .input-group-addon { | |
color: #3c763d; | |
border-color: #3c763d; | |
background-color: #dff0d8 | |
} | |
.has-success .form-control-feedback { | |
color: #3c763d | |
} | |
.has-warning .help-block, | |
.has-warning .control-label, | |
.has-warning .radio, | |
.has-warning .checkbox, | |
.has-warning .radio-inline, | |
.has-warning .checkbox-inline, | |
.has-warning.radio label, | |
.has-warning.checkbox label, | |
.has-warning.radio-inline label, | |
.has-warning.checkbox-inline label { | |
color: #8a6d3b | |
} | |
.has-warning .form-control { | |
border-color: #8a6d3b | |
} | |
.has-warning .form-control:focus { | |
box-shadow: 0 0 0 3px rgba(138, 109, 59, 0.4) | |
} | |
.has-warning .input-group-addon { | |
color: #8a6d3b; | |
border-color: #8a6d3b; | |
background-color: #fcf8e3 | |
} | |
.has-warning .form-control-feedback { | |
color: #8a6d3b | |
} | |
.has-error .help-block, | |
.has-error .control-label, | |
.has-error .radio, | |
.has-error .checkbox, | |
.has-error .radio-inline, | |
.has-error .checkbox-inline, | |
.has-error.radio label, | |
.has-error.checkbox label, | |
.has-error.radio-inline label, | |
.has-error.checkbox-inline label { | |
color: #a94442 | |
} | |
.has-error .form-control { | |
border-color: #a94442 | |
} | |
.has-error .form-control:focus { | |
box-shadow: 0 0 0 3px rgba(169, 68, 66, 0.4) | |
} | |
.has-error .input-group-addon { | |
color: #a94442; | |
border-color: #a94442; | |
background-color: #f2dede | |
} | |
.has-error .form-control-feedback { | |
color: #a94442 | |
} | |
.has-feedback label~.form-control-feedback { | |
top: 25px | |
} | |
.has-feedback label.sr-only~.form-control-feedback { | |
top: 0 | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #737373 | |
} | |
@media (min-width: 768px) { | |
.form-inline { | |
display: flex; | |
align-items: center | |
} | |
.form-inline>*:not(:last-child) { | |
margin-right: 5px | |
} | |
.form-inline .form-group { | |
display: flex; | |
align-items: center; | |
margin-bottom: 0 | |
} | |
.form-inline .form-group label { | |
margin-bottom: 0; | |
margin-right: 5px | |
} | |
.form-inline .form-control { | |
width: auto | |
} | |
.form-inline .form-control-static { | |
min-height: auto | |
} | |
.form-inline .input-group .input-group-addon, | |
.form-inline .input-group .input-group-btn, | |
.form-inline .input-group .form-control { | |
width: auto | |
} | |
.form-inline .input-group>.form-control { | |
width: auto | |
} | |
.form-inline .radio, | |
.form-inline .checkbox { | |
margin-top: 0; | |
margin-bottom: 0 | |
} | |
.form-inline .has-feedback .form-control-feedback { | |
top: 0 | |
} | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox, | |
.form-horizontal .radio-inline, | |
.form-horizontal .checkbox-inline { | |
margin-top: 0; | |
margin-bottom: 0; | |
padding-top: 7px | |
} | |
.form-horizontal .radio, | |
.form-horizontal .checkbox { | |
min-height: 27px | |
} | |
.form-horizontal .form-group { | |
margin-left: -8px; | |
margin-right: -8px; | |
display: flex; | |
flex-wrap: wrap | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
text-align: right; | |
margin-bottom: 0; | |
padding-top: 7px | |
} | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 8px | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 11px; | |
font-size: 18px | |
} | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
font-size: 12px | |
} | |
} | |
.btn { | |
display: inline-block; | |
margin-bottom: 0; | |
font-weight: normal; | |
text-align: center; | |
vertical-align: middle; | |
touch-action: manipulation; | |
cursor: pointer; | |
background-image: none; | |
border: 1px solid transparent; | |
white-space: nowrap; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857; | |
border-radius: 4px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none | |
} | |
[data-focus-visible] .btn:focus, | |
[data-focus-visible] .btn:active:focus, | |
[data-focus-visible] .btn.active:focus { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
[data-hover-visible] .btn:hover, | |
[data-focus-visible] .btn:focus { | |
color: #333; | |
text-decoration: none | |
} | |
.btn:active, | |
.btn.active { | |
outline: 0; | |
background-image: none; | |
text-decoration: none; | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) | |
} | |
.btn.disabled, | |
.btn[disabled], | |
fieldset[disabled] .btn { | |
cursor: not-allowed; | |
opacity: .65; | |
box-shadow: none | |
} | |
a.btn.disabled, | |
fieldset[disabled] a.btn { | |
pointer-events: none | |
} | |
.btn-default { | |
color: #333; | |
background-color: #fff; | |
border-color: #ccc | |
} | |
[data-focus-visible] .btn-default:focus { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #8c8c8c | |
} | |
[data-hover-visible] .btn-default:hover { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open>.btn-default.dropdown-toggle { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad | |
} | |
[data-hover-visible] .btn-default:active:hover, | |
[data-focus-visible] .btn-default:active:focus, | |
[data-hover-visible] .btn-default.active:hover, | |
[data-focus-visible] .btn-default.active:focus, | |
[data-hover-visible] .open>.btn-default.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-default.dropdown-toggle:focus { | |
color: #333; | |
background-color: #d4d4d4; | |
border-color: #8c8c8c | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open>.btn-default.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-default.disabled:hover, | |
[data-focus-visible] .btn-default.disabled:focus, | |
[data-hover-visible] .btn-default[disabled]:hover, | |
[data-focus-visible] .btn-default[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-default:hover, | |
[data-focus-visible] fieldset[disabled] .btn-default:focus { | |
background-color: #fff; | |
border-color: #ccc | |
} | |
.btn-default .badge { | |
color: #fff; | |
background-color: #333 | |
} | |
.btn-primary { | |
color: #fff; | |
background-color: #41b059; | |
border-color: #3a9d50 | |
} | |
[data-focus-visible] .btn-primary:focus { | |
color: #fff; | |
background-color: #338b46; | |
border-color: #184020 | |
} | |
[data-hover-visible] .btn-primary:hover { | |
color: #fff; | |
background-color: #338b46; | |
border-color: #2a7139 | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open>.btn-primary.dropdown-toggle { | |
color: #fff; | |
background-color: #338b46; | |
border-color: #2a7139 | |
} | |
[data-hover-visible] .btn-primary:active:hover, | |
[data-focus-visible] .btn-primary:active:focus, | |
[data-hover-visible] .btn-primary.active:hover, | |
[data-focus-visible] .btn-primary.active:focus, | |
[data-hover-visible] .open>.btn-primary.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-primary.dropdown-toggle:focus { | |
color: #fff; | |
background-color: #2a7139; | |
border-color: #184020 | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open>.btn-primary.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-primary.disabled:hover, | |
[data-focus-visible] .btn-primary.disabled:focus, | |
[data-hover-visible] .btn-primary[disabled]:hover, | |
[data-focus-visible] .btn-primary[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-primary:hover, | |
[data-focus-visible] fieldset[disabled] .btn-primary:focus { | |
background-color: #41b059; | |
border-color: #3a9d50 | |
} | |
.btn-primary .badge { | |
color: #41b059; | |
background-color: #fff | |
} | |
.btn-success { | |
color: #fff; | |
background-color: #5cb85c; | |
border-color: #4cae4c | |
} | |
[data-focus-visible] .btn-success:focus { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #255625 | |
} | |
[data-hover-visible] .btn-success:hover { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #398439 | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open>.btn-success.dropdown-toggle { | |
color: #fff; | |
background-color: #449d44; | |
border-color: #398439 | |
} | |
[data-hover-visible] .btn-success:active:hover, | |
[data-focus-visible] .btn-success:active:focus, | |
[data-hover-visible] .btn-success.active:hover, | |
[data-focus-visible] .btn-success.active:focus, | |
[data-hover-visible] .open>.btn-success.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-success.dropdown-toggle:focus { | |
color: #fff; | |
background-color: #398439; | |
border-color: #255625 | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open>.btn-success.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-success.disabled:hover, | |
[data-focus-visible] .btn-success.disabled:focus, | |
[data-hover-visible] .btn-success[disabled]:hover, | |
[data-focus-visible] .btn-success[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-success:hover, | |
[data-focus-visible] fieldset[disabled] .btn-success:focus { | |
background-color: #5cb85c; | |
border-color: #4cae4c | |
} | |
.btn-success .badge { | |
color: #5cb85c; | |
background-color: #fff | |
} | |
.btn-info { | |
color: #fff; | |
background-color: #5bc0de; | |
border-color: #46b8da | |
} | |
[data-focus-visible] .btn-info:focus { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #1b6d85 | |
} | |
[data-hover-visible] .btn-info:hover { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #269abc | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open>.btn-info.dropdown-toggle { | |
color: #fff; | |
background-color: #31b0d5; | |
border-color: #269abc | |
} | |
[data-hover-visible] .btn-info:active:hover, | |
[data-focus-visible] .btn-info:active:focus, | |
[data-hover-visible] .btn-info.active:hover, | |
[data-focus-visible] .btn-info.active:focus, | |
[data-hover-visible] .open>.btn-info.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-info.dropdown-toggle:focus { | |
color: #fff; | |
background-color: #269abc; | |
border-color: #1b6d85 | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open>.btn-info.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-info.disabled:hover, | |
[data-focus-visible] .btn-info.disabled:focus, | |
[data-hover-visible] .btn-info[disabled]:hover, | |
[data-focus-visible] .btn-info[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-info:hover, | |
[data-focus-visible] fieldset[disabled] .btn-info:focus { | |
background-color: #5bc0de; | |
border-color: #46b8da | |
} | |
.btn-info .badge { | |
color: #5bc0de; | |
background-color: #fff | |
} | |
.btn-warning { | |
color: #fff; | |
background-color: #f0ad4e; | |
border-color: #eea236 | |
} | |
[data-focus-visible] .btn-warning:focus { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #985f0d | |
} | |
[data-hover-visible] .btn-warning:hover { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #d58512 | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open>.btn-warning.dropdown-toggle { | |
color: #fff; | |
background-color: #ec971f; | |
border-color: #d58512 | |
} | |
[data-hover-visible] .btn-warning:active:hover, | |
[data-focus-visible] .btn-warning:active:focus, | |
[data-hover-visible] .btn-warning.active:hover, | |
[data-focus-visible] .btn-warning.active:focus, | |
[data-hover-visible] .open>.btn-warning.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-warning.dropdown-toggle:focus { | |
color: #fff; | |
background-color: #d58512; | |
border-color: #985f0d | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open>.btn-warning.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-warning.disabled:hover, | |
[data-focus-visible] .btn-warning.disabled:focus, | |
[data-hover-visible] .btn-warning[disabled]:hover, | |
[data-focus-visible] .btn-warning[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-warning:hover, | |
[data-focus-visible] fieldset[disabled] .btn-warning:focus { | |
background-color: #f0ad4e; | |
border-color: #eea236 | |
} | |
.btn-warning .badge { | |
color: #f0ad4e; | |
background-color: #fff | |
} | |
.btn-danger { | |
color: #fff; | |
background-color: #d9534f; | |
border-color: #d43f3a | |
} | |
[data-focus-visible] .btn-danger:focus { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #761c19 | |
} | |
[data-hover-visible] .btn-danger:hover { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #ac2925 | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open>.btn-danger.dropdown-toggle { | |
color: #fff; | |
background-color: #c9302c; | |
border-color: #ac2925 | |
} | |
[data-hover-visible] .btn-danger:active:hover, | |
[data-focus-visible] .btn-danger:active:focus, | |
[data-hover-visible] .btn-danger.active:hover, | |
[data-focus-visible] .btn-danger.active:focus, | |
[data-hover-visible] .open>.btn-danger.dropdown-toggle:hover, | |
[data-focus-visible] .open>.btn-danger.dropdown-toggle:focus { | |
color: #fff; | |
background-color: #ac2925; | |
border-color: #761c19 | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open>.btn-danger.dropdown-toggle { | |
background-image: none | |
} | |
[data-hover-visible] .btn-danger.disabled:hover, | |
[data-focus-visible] .btn-danger.disabled:focus, | |
[data-hover-visible] .btn-danger[disabled]:hover, | |
[data-focus-visible] .btn-danger[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-danger:hover, | |
[data-focus-visible] fieldset[disabled] .btn-danger:focus { | |
background-color: #d9534f; | |
border-color: #d43f3a | |
} | |
.btn-danger .badge { | |
color: #d9534f; | |
background-color: #fff | |
} | |
.file-upload-btn, | |
input[type="file"]::-webkit-file-upload-button { | |
display: inline-block; | |
margin-bottom: 0; | |
font-weight: normal; | |
text-align: center; | |
vertical-align: middle; | |
touch-action: manipulation; | |
cursor: pointer; | |
background-image: none; | |
border: 1px solid transparent; | |
white-space: nowrap; | |
padding: 6px 12px; | |
font-size: 14px; | |
line-height: 1.42857; | |
border-radius: 4px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
color: #333; | |
background-color: #fff; | |
border-color: #ccc | |
} | |
[data-focus-visible] .file-upload-btn:focus, | |
[data-focus-visible] input:focus[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn:active:focus, | |
[data-focus-visible] input:active:focus[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn.active:focus, | |
[data-focus-visible] input.active:focus[type="file"]::-webkit-file-upload-button { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
[data-hover-visible] .file-upload-btn:hover, | |
[data-hover-visible] input:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn:focus, | |
[data-focus-visible] input:focus[type="file"]::-webkit-file-upload-button { | |
color: #333; | |
text-decoration: none | |
} | |
.file-upload-btn:active, | |
input:active[type="file"]::-webkit-file-upload-button, | |
.file-upload-btn.active, | |
input.active[type="file"]::-webkit-file-upload-button { | |
outline: 0; | |
background-image: none; | |
text-decoration: none; | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) | |
} | |
.file-upload-btn.disabled, | |
input.disabled[type="file"]::-webkit-file-upload-button, | |
.file-upload-btn[disabled], | |
input[disabled][type="file"]::-webkit-file-upload-button, | |
fieldset[disabled] .file-upload-btn, | |
fieldset[disabled] input[type="file"]::-webkit-file-upload-button { | |
cursor: not-allowed; | |
opacity: .65; | |
box-shadow: none | |
} | |
[data-focus-visible] .file-upload-btn:focus, | |
[data-focus-visible] input:focus[type="file"]::-webkit-file-upload-button { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #8c8c8c | |
} | |
[data-hover-visible] .file-upload-btn:hover, | |
[data-hover-visible] input:hover[type="file"]::-webkit-file-upload-button { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad | |
} | |
.file-upload-btn:active, | |
input:active[type="file"]::-webkit-file-upload-button, | |
.file-upload-btn.active, | |
input.active[type="file"]::-webkit-file-upload-button, | |
.open>.file-upload-btn.dropdown-toggle, | |
.open>input.dropdown-toggle[type="file"]::-webkit-file-upload-button { | |
color: #333; | |
background-color: #e6e6e6; | |
border-color: #adadad | |
} | |
[data-hover-visible] .file-upload-btn:active:hover, | |
[data-hover-visible] input:active:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn:active:focus, | |
[data-focus-visible] input:active:focus[type="file"]::-webkit-file-upload-button, | |
[data-hover-visible] .file-upload-btn.active:hover, | |
[data-hover-visible] input.active:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn.active:focus, | |
[data-focus-visible] input.active:focus[type="file"]::-webkit-file-upload-button, | |
[data-hover-visible] .open>.file-upload-btn.dropdown-toggle:hover, | |
[data-hover-visible] .open>input.dropdown-toggle:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .open>.file-upload-btn.dropdown-toggle:focus, | |
[data-focus-visible] .open>input.dropdown-toggle:focus[type="file"]::-webkit-file-upload-button { | |
color: #333; | |
background-color: #d4d4d4; | |
border-color: #8c8c8c | |
} | |
.file-upload-btn:active, | |
input:active[type="file"]::-webkit-file-upload-button, | |
.file-upload-btn.active, | |
input.active[type="file"]::-webkit-file-upload-button, | |
.open>.file-upload-btn.dropdown-toggle, | |
.open>input.dropdown-toggle[type="file"]::-webkit-file-upload-button { | |
background-image: none | |
} | |
[data-hover-visible] .file-upload-btn.disabled:hover, | |
[data-hover-visible] input.disabled:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn.disabled:focus, | |
[data-focus-visible] input.disabled:focus[type="file"]::-webkit-file-upload-button, | |
[data-hover-visible] .file-upload-btn[disabled]:hover, | |
[data-hover-visible] input[disabled]:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] .file-upload-btn[disabled]:focus, | |
[data-focus-visible] input[disabled]:focus[type="file"]::-webkit-file-upload-button, | |
[data-hover-visible] fieldset[disabled] .file-upload-btn:hover, | |
[data-hover-visible] fieldset[disabled] input:hover[type="file"]::-webkit-file-upload-button, | |
[data-focus-visible] fieldset[disabled] .file-upload-btn:focus, | |
[data-focus-visible] fieldset[disabled] input:focus[type="file"]::-webkit-file-upload-button { | |
background-color: #fff; | |
border-color: #ccc | |
} | |
.file-upload-btn .badge, | |
input[type="file"]::-webkit-file-upload-button .badge { | |
color: #fff; | |
background-color: #333 | |
} | |
input[type="file"]::-webkit-file-upload-button { | |
margin: 3px; | |
outline: 0; | |
-webkit-appearance: none | |
} | |
.btn-link { | |
color: #5e8af7; | |
font-weight: normal; | |
border-radius: 0 | |
} | |
.btn-link, | |
.btn-link:active, | |
.btn-link.active, | |
.btn-link[disabled], | |
fieldset[disabled] .btn-link { | |
background-color: transparent; | |
box-shadow: none | |
} | |
.btn-link, | |
[data-hover-visible] .btn-link:hover, | |
[data-focus-visible] .btn-link:focus, | |
.btn-link:active { | |
border-color: transparent | |
} | |
[data-hover-visible] .btn-link:hover, | |
[data-focus-visible] .btn-link:focus { | |
color: #1555f3; | |
text-decoration: underline; | |
background-color: transparent | |
} | |
[data-hover-visible] .btn-link[disabled]:hover, | |
[data-focus-visible] .btn-link[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .btn-link:hover, | |
[data-focus-visible] fieldset[disabled] .btn-link:focus { | |
color: #777; | |
text-decoration: none | |
} | |
.btn-lg, | |
.btn-group-lg>.btn { | |
padding: 10px 16px; | |
font-size: 18px; | |
line-height: 1.33333; | |
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% | |
} | |
.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; | |
transition: opacity 0.15s linear | |
} | |
.fade.in { | |
opacity: 1 | |
} | |
.collapse { | |
display: none | |
} | |
.collapse.in { | |
display: block | |
} | |
tr.collapse.in { | |
display: table-row | |
} | |
tbody.collapse.in { | |
display: table-row-group | |
} | |
.collapsing { | |
position: relative; | |
height: 0; | |
overflow: hidden; | |
transition-property: height, visibility; | |
transition-duration: 0.35s; | |
transition-timing-function: ease | |
} | |
.caret { | |
display: inline-block; | |
width: 0; | |
height: 0; | |
margin-left: 2px; | |
vertical-align: middle; | |
border-top: 4px dashed; | |
border-right: 4px solid transparent; | |
border-left: 4px solid transparent | |
} | |
.dropup, | |
.dropdown { | |
position: relative | |
} | |
.dropdown-menu { | |
position: absolute; | |
top: 100%; | |
left: 0; | |
z-index: 1000; | |
display: none; | |
flex-direction: column; | |
min-width: 160px; | |
padding: 5px 0; | |
margin: 2px 0 0; | |
list-style: none; | |
font-size: 14px; | |
text-align: left; | |
background-color: #fff; | |
border: 1px solid rgba(0, 0, 0, 0.15); | |
border-radius: 4px; | |
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | |
background-clip: padding-box | |
} | |
.dropdown-menu.pull-right { | |
right: 0; | |
left: auto | |
} | |
.dropdown-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5 | |
} | |
.dropdown-menu>li>a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857; | |
color: #333; | |
white-space: nowrap; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none | |
} | |
.dropdown-menu>li>a:active, | |
[data-hover-visible] .dropdown-menu>li>a:hover, | |
[data-focus-visible] .dropdown-menu>li>a:focus { | |
text-decoration: none; | |
color: #262626; | |
background-color: #f5f5f5 | |
} | |
.dropdown-menu>li:focus-within { | |
z-index: 2 | |
} | |
.dropdown-menu>.active>a, | |
.dropdown-menu>.active>a:active, | |
[data-hover-visible] .dropdown-menu>.active>a:hover, | |
[data-focus-visible] .dropdown-menu>.active>a:focus { | |
color: #fff; | |
text-decoration: none; | |
outline: 0; | |
background-color: #41b059 | |
} | |
.dropdown-menu>.disabled>a, | |
.dropdown-menu>.disabled>a:active, | |
[data-hover-visible] .dropdown-menu>.disabled>a:hover, | |
[data-focus-visible] .dropdown-menu>.disabled>a:focus { | |
color: #777 | |
} | |
.dropdown-menu>.disabled>a:active, | |
[data-hover-visible] .dropdown-menu>.disabled>a:hover, | |
[data-focus-visible] .dropdown-menu>.disabled>a:focus { | |
text-decoration: none; | |
background-color: transparent; | |
background-image: none; | |
cursor: not-allowed | |
} | |
.open>.dropdown-menu { | |
display: flex | |
} | |
.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.42857; | |
color: #777; | |
white-space: nowrap | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
top: 0; | |
z-index: 990 | |
} | |
.pull-right>.dropdown-menu { | |
right: 0; | |
left: auto | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
border-top: 0; | |
border-bottom: 4px dashed; | |
content: "" | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 2px | |
} | |
@media (min-width: 768px) { | |
.navbar-right .dropdown-menu { | |
right: 0; | |
left: auto | |
} | |
.navbar-right .dropdown-menu-left { | |
left: 0; | |
right: auto | |
} | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position: relative; | |
display: inline-flex; | |
vertical-align: middle | |
} | |
.btn-group>.btn, | |
.btn-group-vertical>.btn { | |
position: relative | |
} | |
.btn-group>.btn:active, | |
.btn-group>.btn.active, | |
[data-hover-visible] .btn-group>.btn:hover, | |
.btn-group-vertical>.btn:active, | |
.btn-group-vertical>.btn.active, | |
[data-hover-visible] .btn-group-vertical>.btn:hover { | |
z-index: 2 | |
} | |
[data-focus-visible] .btn-group>.btn:focus, | |
[data-focus-visible] .btn-group-vertical>.btn:focus { | |
z-index: 3 | |
} | |
.btn-group-vertical { | |
flex-direction: column | |
} | |
.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; | |
display: inline-flex | |
} | |
.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:not(:first-child):not(:last-child)>.btn { | |
border-radius: 0 | |
} | |
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, | |
.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.btn-group>.btn+.dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px | |
} | |
.btn-group>.btn-lg+.dropdown-toggle, | |
.btn-group-lg.btn-group>.btn+.dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px | |
} | |
.btn-group.open .dropdown-toggle { | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) | |
} | |
.btn-group.open .dropdown-toggle.btn-link { | |
box-shadow: none | |
} | |
.btn .caret { | |
margin-left: 0 | |
} | |
.btn-lg .caret, | |
.btn-group-lg>.btn .caret { | |
border-width: 5px 5px 0; | |
border-bottom-width: 0 | |
} | |
.dropup .btn-lg .caret, | |
.dropup .btn-group-lg>.btn .caret { | |
border-width: 0 5px 5px | |
} | |
.btn-group-vertical>.btn, | |
.btn-group-vertical>.btn-group, | |
.btn-group-vertical>.btn-group>.btn { | |
width: 100%; | |
max-width: 100% | |
} | |
.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-top-left-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0 | |
} | |
.btn-group-vertical>.btn:last-child:not(:first-child) { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
border-bottom-right-radius: 4px; | |
border-bottom-left-radius: 4px | |
} | |
.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: grid; | |
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) | |
} | |
.btn-group-justified>.btn-group .btn { | |
width: 100% | |
} | |
[data-toggle="buttons"]>.btn input[type="radio"], | |
[data-toggle="buttons"]>.btn input[type="checkbox"], | |
[data-toggle="buttons"]>.btn-group>.btn input[type="radio"], | |
[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] { | |
position: absolute; | |
clip: rect(0, 0, 0, 0); | |
pointer-events: none | |
} | |
.input-group { | |
position: relative; | |
display: flex | |
} | |
.input-group[class*="col-"] { | |
float: none; | |
padding-left: 0; | |
padding-right: 0 | |
} | |
.input-group .form-control { | |
z-index: 2; | |
width: 100%; | |
margin-bottom: 0 | |
} | |
.input-group .form-control:focus { | |
z-index: 3 | |
} | |
.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 { | |
flex-shrink: 0 | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 14px; | |
font-weight: normal; | |
color: #555; | |
text-align: center; | |
background-color: #eee; | |
border: 1px solid #ccc; | |
border-radius: 4px; | |
white-space: nowrap | |
} | |
.input-group-addon.input-sm, | |
.input-group-sm>.input-group-addon, | |
.input-group-sm>.input-group-btn>.input-group-addon.btn { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 3px | |
} | |
.input-group-addon.input-lg, | |
.input-group-lg>.input-group-addon, | |
.input-group-lg>.input-group-btn>.input-group-addon.btn { | |
padding: 10px 16px; | |
font-size: 18px; | |
border-radius: 6px | |
} | |
.input-group-addon input[type="radio"], | |
.input-group-addon input[type="checkbox"] { | |
margin-top: 0 | |
} | |
.input-group .form-control:first-child, | |
.input-group-addon:first-child, | |
.input-group-btn:first-child>.btn, | |
.input-group-btn:first-child>.btn-group>.btn, | |
.input-group-btn:first-child>.dropdown-toggle, | |
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), | |
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0 | |
} | |
.input-group-addon:first-child { | |
border-right: 0 | |
} | |
.input-group .form-control:last-child, | |
.input-group-addon:last-child, | |
.input-group-btn:last-child>.btn, | |
.input-group-btn:last-child>.btn-group>.btn, | |
.input-group-btn:last-child>.dropdown-toggle, | |
.input-group-btn:first-child>.btn:not(:first-child), | |
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.input-group-addon:last-child { | |
border-left: 0 | |
} | |
.input-group-btn { | |
display: flex | |
} | |
.input-group-btn>.btn+.btn { | |
margin-left: -1px | |
} | |
.input-group-btn>.btn:active, | |
[data-hover-visible] .input-group-btn>.btn:hover { | |
z-index: 2 | |
} | |
[data-focus-visible] .input-group-btn>.btn:focus { | |
z-index: 3 | |
} | |
.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 { | |
z-index: 2; | |
margin-left: -1px | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
display: flex; | |
flex-wrap: wrap | |
} | |
.nav>li { | |
position: relative | |
} | |
.nav>li>a { | |
position: relative; | |
display: block; | |
padding: 10px 15px | |
} | |
.nav>li>a:active { | |
text-decoration: none; | |
background-color: #eee | |
} | |
[data-hover-visible] .nav>li>a:hover, | |
[data-focus-visible] .nav>li>a:focus { | |
text-decoration: none; | |
background-color: #eee | |
} | |
.nav>li.disabled>a { | |
color: #777 | |
} | |
.nav>li.disabled>a:active, | |
[data-hover-visible] .nav>li.disabled>a:hover, | |
[data-focus-visible] .nav>li.disabled>a:focus { | |
color: #777; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed | |
} | |
.nav>li:focus-within { | |
z-index: 2 | |
} | |
.nav .open>a, | |
.nav .open>a:active, | |
[data-hover-visible] .nav .open>a:hover, | |
[data-focus-visible] .nav .open>a:focus { | |
background-color: #eee; | |
border-color: #5e8af7 | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5 | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #ddd | |
} | |
.nav-tabs>li { | |
margin-bottom: -1px | |
} | |
.nav-tabs>li>a { | |
margin-right: 2px; | |
line-height: 1.42857; | |
border: 1px solid transparent; | |
border-radius: 4px 4px 0 0 | |
} | |
[data-hover-visible] .nav-tabs>li>a:hover { | |
border-color: #eee #eee #ddd | |
} | |
.nav-tabs>li.active>a, | |
.nav-tabs>li.active>a:active, | |
[data-hover-visible] .nav-tabs>li.active>a:hover, | |
[data-focus-visible] .nav-tabs>li.active>a:focus { | |
color: #555; | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-bottom-color: transparent; | |
cursor: default | |
} | |
.nav-pills>li>a { | |
border-radius: 4px; | |
margin-right: 2px | |
} | |
.nav-pills>li.active>a, | |
.nav-pills>li.active>a:active, | |
[data-hover-visible] .nav-pills>li.active>a:hover, | |
[data-focus-visible] .nav-pills>li.active>a:focus { | |
color: #fff; | |
background-color: #41b059 | |
} | |
.nav-stacked { | |
flex-direction: column | |
} | |
.nav-stacked>li>a { | |
margin-right: 0 | |
} | |
.nav-stacked>li+li { | |
margin-top: 2px | |
} | |
.nav-justified, | |
.nav-tabs.nav-justified { | |
display: grid; | |
grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) | |
} | |
.nav-justified>li>a, | |
.nav-tabs.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>a, | |
.nav-tabs.nav-justified>li>a { | |
margin-bottom: 0 | |
} | |
} | |
.nav-tabs-justified, | |
.nav-tabs.nav-justified { | |
border-bottom: 0 | |
} | |
.nav-tabs-justified>li>a, | |
.nav-tabs.nav-justified>li>a { | |
margin-right: 0; | |
border-radius: 4px | |
} | |
.nav-tabs-justified>.active>a, | |
.nav-tabs.nav-justified>.active>a, | |
.nav-tabs-justified>.active>a:active, | |
.nav-tabs.nav-justified>.active>a:active, | |
[data-hover-visible] .nav-tabs-justified>.active>a:hover, | |
[data-hover-visible] .nav-tabs.nav-justified>.active>a:hover, | |
[data-focus-visible] .nav-tabs-justified>.active>a:focus, | |
[data-focus-visible] .nav-tabs.nav-justified>.active>a:focus { | |
border: 1px solid #ddd | |
} | |
@media (min-width: 768px) { | |
.nav-tabs-justified>li>a, | |
.nav-tabs.nav-justified>li>a { | |
border-bottom: 1px solid #ddd; | |
border-radius: 4px 4px 0 0 | |
} | |
.nav-tabs-justified>.active>a, | |
.nav-tabs.nav-justified>.active>a, | |
.nav-tabs-justified>.active>a:active, | |
.nav-tabs.nav-justified>.active>a:active, | |
[data-hover-visible] .nav-tabs-justified>.active>a:hover, | |
[data-hover-visible] .nav-tabs.nav-justified>.active>a:hover, | |
[data-focus-visible] .nav-tabs-justified>.active>a:focus, | |
[data-focus-visible] .nav-tabs.nav-justified>.active>a:focus { | |
border-bottom-color: #dcdde0 | |
} | |
} | |
.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: 54px; | |
margin-bottom: 20px; | |
border: 1px solid transparent | |
} | |
@media (min-width: 768px) { | |
.navbar { | |
border-radius: 4px | |
} | |
} | |
.navbar>.container, | |
.navbar>.container-fluid { | |
display: flex | |
} | |
@media (max-width: 767px) { | |
.navbar>.container, | |
.navbar>.container-fluid { | |
flex-direction: column | |
} | |
} | |
.navbar-header { | |
display: flex | |
} | |
.navbar-collapse { | |
overflow-x: visible; | |
padding-right: 8px; | |
padding-left: 8px; | |
border-top: 1px solid transparent; | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | |
display: flex; | |
flex-direction: column; | |
-webkit-overflow-scrolling: touch | |
} | |
.navbar-collapse.in { | |
overflow-y: auto | |
} | |
.navbar-collapse.collapse { | |
display: none | |
} | |
.navbar-collapse.collapse.in { | |
display: flex | |
} | |
@media (min-width: 768px) { | |
.navbar-collapse { | |
width: auto; | |
flex-grow: 1; | |
flex-direction: row; | |
border-top: 0; | |
box-shadow: none | |
} | |
.navbar-collapse.collapse { | |
display: flex !important; | |
height: auto !important; | |
padding-bottom: 0; | |
overflow: visible !important | |
} | |
.navbar-collapse.in { | |
overflow-y: visible | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-static-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
padding-left: 0; | |
padding-right: 0 | |
} | |
} | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 340px | |
} | |
@media (max-device-width: 480px) and (orientation: landscape) { | |
.navbar-fixed-top .navbar-collapse, | |
.navbar-fixed-bottom .navbar-collapse { | |
max-height: 200px | |
} | |
} | |
.container>.navbar-header, | |
.container>.navbar-collapse, | |
.container-fluid>.navbar-header, | |
.container-fluid>.navbar-collapse { | |
margin-right: -8px; | |
margin-left: -8px | |
} | |
@media (min-width: 768px) { | |
.container>.navbar-header, | |
.container>.navbar-collapse, | |
.container-fluid>.navbar-header, | |
.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 { | |
padding: 17px 8px; | |
font-size: 18px; | |
line-height: 20px; | |
height: 54px | |
} | |
.navbar-brand:active, | |
[data-hover-visible] .navbar-brand:hover, | |
[data-focus-visible] .navbar-brand:focus { | |
text-decoration: none | |
} | |
.navbar-brand>img { | |
display: block | |
} | |
@media (min-width: 768px) { | |
.navbar>.container .navbar-brand, | |
.navbar>.container-fluid .navbar-brand { | |
margin-left: -8px | |
} | |
} | |
.navbar-toggle { | |
position: relative; | |
margin-left: auto; | |
margin-right: 8px; | |
padding: 9px 10px; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 4px | |
} | |
.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: 8.5px -8px; | |
flex-shrink: 0; | |
display: flex; | |
flex-wrap: nowrap | |
} | |
.navbar-nav>li>a { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 20px; | |
-webkit-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none | |
} | |
@media (max-width: 767px) { | |
.navbar-nav { | |
flex-direction: column | |
} | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
box-shadow: none | |
} | |
.navbar-nav .open .dropdown-menu>li>a, | |
.navbar-nav .open .dropdown-menu .dropdown-header { | |
padding: 5px 15px 5px 25px | |
} | |
.navbar-nav .open .dropdown-menu>li>a { | |
line-height: 20px | |
} | |
[data-hover-visible] .navbar-nav .open .dropdown-menu>li>a:hover, | |
[data-focus-visible] .navbar-nav .open .dropdown-menu>li>a:focus { | |
background-image: none | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-nav { | |
margin: 0 | |
} | |
.navbar-nav>li>a { | |
padding-top: 17px; | |
padding-bottom: 17px | |
} | |
} | |
.navbar-form { | |
margin-left: -8px; | |
margin-right: -8px; | |
padding: 10px 8px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
flex-shrink: 0; | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
@media (min-width: 768px) { | |
.navbar-form { | |
display: flex; | |
align-items: center | |
} | |
.navbar-form>*:not(:last-child) { | |
margin-right: 5px | |
} | |
.navbar-form .form-group { | |
display: flex; | |
align-items: center; | |
margin-bottom: 0 | |
} | |
.navbar-form .form-group label { | |
margin-bottom: 0; | |
margin-right: 5px | |
} | |
.navbar-form .form-control { | |
width: auto | |
} | |
.navbar-form .form-control-static { | |
min-height: auto | |
} | |
.navbar-form .input-group .input-group-addon, | |
.navbar-form .input-group .input-group-btn, | |
.navbar-form .input-group .form-control { | |
width: auto | |
} | |
.navbar-form .input-group>.form-control { | |
width: auto | |
} | |
.navbar-form .radio, | |
.navbar-form .checkbox { | |
margin-top: 0; | |
margin-bottom: 0 | |
} | |
.navbar-form .has-feedback .form-control-feedback { | |
top: 0 | |
} | |
} | |
@media (max-width: 767px) { | |
.navbar-form .form-group { | |
margin-bottom: 5px | |
} | |
.navbar-form .form-group:last-child { | |
margin-bottom: 0 | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-form { | |
width: auto; | |
border: 0; | |
margin-left: 0; | |
margin-right: 0; | |
padding-top: 0; | |
padding-bottom: 0; | |
box-shadow: none | |
} | |
} | |
.navbar-nav>li>.dropdown-menu { | |
margin-top: 0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu { | |
margin-bottom: 0; | |
border-top-right-radius: 4px; | |
border-top-left-radius: 4px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0 | |
} | |
.navbar-btn { | |
margin-top: 10px; | |
margin-bottom: 10px | |
} | |
.navbar-btn.btn-sm, | |
.btn-group-sm>.navbar-btn.btn { | |
margin-top: 12px; | |
margin-bottom: 12px | |
} | |
.navbar-btn.btn-xs, | |
.btn-group-xs>.navbar-btn.btn { | |
margin-top: 16px; | |
margin-bottom: 16px | |
} | |
.navbar-text { | |
margin-top: 17px; | |
margin-bottom: 17px | |
} | |
@media (min-width: 768px) { | |
.navbar-text { | |
margin-left: 8px; | |
margin-right: 8px | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-right { | |
margin-left: auto; | |
margin-right: -8px | |
} | |
.navbar-right~.navbar-right { | |
margin-right: 0 | |
} | |
} | |
.navbar-default { | |
background-color: #353b48; | |
border-color: #272b35 | |
} | |
.navbar-default .navbar-brand { | |
color: #fff | |
} | |
.navbar-default .navbar-brand:active, | |
[data-hover-visible] .navbar-default .navbar-brand:hover, | |
[data-focus-visible] .navbar-default .navbar-brand:focus { | |
color: #e6e6e6; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-default .navbar-text { | |
color: #fff | |
} | |
.navbar-default .navbar-nav>li>a { | |
color: #fff | |
} | |
.navbar-default .navbar-nav>li>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav>li>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav>li>a:focus { | |
color: #e6e6e6; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-default .navbar-nav>.active>a, | |
.navbar-default .navbar-nav>.active>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav>.active>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav>.active>a:focus { | |
color: #fff; | |
background-color: #272b35 | |
} | |
.navbar-default .navbar-nav>.disabled>a, | |
.navbar-default .navbar-nav>.disabled>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav>.disabled>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav>.disabled>a:focus { | |
color: #ccc; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #ddd | |
} | |
.navbar-default .navbar-toggle:active, | |
[data-hover-visible] .navbar-default .navbar-toggle:hover, | |
[data-focus-visible] .navbar-default .navbar-toggle:focus { | |
background-color: #ddd; | |
background-color: #ddd | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888 | |
} | |
.navbar-default .navbar-collapse, | |
.navbar-default .navbar-form { | |
border-color: #272b35 | |
} | |
.navbar-default .navbar-nav>.open>a, | |
.navbar-default .navbar-nav>.open>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav>.open>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav>.open>a:focus { | |
background-color: #272b35; | |
color: #fff | |
} | |
@media (max-width: 767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu>li>a { | |
color: #fff | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>li>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus { | |
color: #e6e6e6; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, | |
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus { | |
color: #fff; | |
background-color: #272b35 | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, | |
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:active, | |
[data-hover-visible] .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, | |
[data-focus-visible] .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus { | |
color: #ccc; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #fff | |
} | |
[data-hover-visible] .navbar-default .navbar-link:hover { | |
color: #e6e6e6 | |
} | |
.navbar-default .btn-link { | |
color: #fff | |
} | |
[data-hover-visible] .navbar-default .btn-link:hover, | |
[data-focus-visible] .navbar-default .btn-link:focus { | |
color: #e6e6e6 | |
} | |
[data-hover-visible] .navbar-default .btn-link[disabled]:hover, | |
[data-focus-visible] .navbar-default .btn-link[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .navbar-default .btn-link:hover, | |
[data-focus-visible] fieldset[disabled] .navbar-default .btn-link:focus { | |
color: #ccc | |
} | |
.navbar-inverse { | |
background-color: #222; | |
border-color: #090909 | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-brand:active, | |
[data-hover-visible] .navbar-inverse .navbar-brand:hover, | |
[data-focus-visible] .navbar-inverse .navbar-brand:focus { | |
color: #fff; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-inverse .navbar-text { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-nav>li>a { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-nav>li>a:active, | |
[data-hover-visible] .navbar-inverse .navbar-nav>li>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav>li>a:focus { | |
color: #fff; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-inverse .navbar-nav>.active>a, | |
[data-hover-visible] .navbar-inverse .navbar-nav>.active>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav>.active>a:focus { | |
color: #fff; | |
background-color: #090909 | |
} | |
.navbar-inverse .navbar-nav>.disabled>a, | |
[data-hover-visible] .navbar-inverse .navbar-nav>.disabled>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav>.disabled>a:focus { | |
color: #444; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333 | |
} | |
.navbar-inverse .navbar-toggle:active, | |
[data-hover-visible] .navbar-inverse .navbar-toggle:hover, | |
[data-focus-visible] .navbar-inverse .navbar-toggle:focus { | |
background-color: #333 | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #fff | |
} | |
.navbar-inverse .navbar-collapse, | |
.navbar-inverse .navbar-form { | |
border-color: #101010 | |
} | |
.navbar-inverse .navbar-nav>.open>a, | |
[data-hover-visible] .navbar-inverse .navbar-nav>.open>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav>.open>a:focus { | |
background-color: #090909; | |
color: #fff | |
} | |
@media (max-width: 767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { | |
border-color: #090909 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #090909 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { | |
color: #9d9d9d | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:active, | |
[data-hover-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus { | |
color: #fff; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:active, | |
[data-hover-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus { | |
color: #fff; | |
background-color: #090909 | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:active, | |
[data-hover-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, | |
[data-focus-visible] .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus { | |
color: #444; | |
background-color: rgba(0, 0, 0, 0) | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d | |
} | |
[data-hover-visible] .navbar-inverse .navbar-link:hover { | |
color: #fff | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d | |
} | |
[data-hover-visible] .navbar-inverse .btn-link:hover, | |
[data-focus-visible] .navbar-inverse .btn-link:focus { | |
color: #fff | |
} | |
[data-hover-visible] .navbar-inverse .btn-link[disabled]:hover, | |
[data-focus-visible] .navbar-inverse .btn-link[disabled]:focus, | |
[data-hover-visible] fieldset[disabled] .navbar-inverse .btn-link:hover, | |
[data-focus-visible] fieldset[disabled] .navbar-inverse .btn-link:focus { | |
color: #444 | |
} | |
.label { | |
display: inline-block; | |
padding: .3em .6em .4em; | |
font-size: 75%; | |
font-weight: bold; | |
line-height: 1; | |
color: #fff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em | |
} | |
.label:empty { | |
display: none | |
} | |
.btn .label { | |
position: relative; | |
top: -1px | |
} | |
a.label:active, | |
[data-hover-visible] a.label:hover, | |
[data-focus-visible] a.label:focus { | |
color: #fff; | |
text-decoration: none; | |
cursor: pointer | |
} | |
.label-default { | |
background-color: #777 | |
} | |
.label-default[href]:active, | |
[data-hover-visible] .label-default[href]:hover, | |
[data-focus-visible] .label-default[href]:focus { | |
background-color: #5e5e5e | |
} | |
.label-primary { | |
background-color: #41b059 | |
} | |
.label-primary[href]:active, | |
[data-hover-visible] .label-primary[href]:hover, | |
[data-focus-visible] .label-primary[href]:focus { | |
background-color: #338b46 | |
} | |
.label-success { | |
background-color: #5cb85c | |
} | |
.label-success[href]:active, | |
[data-hover-visible] .label-success[href]:hover, | |
[data-focus-visible] .label-success[href]:focus { | |
background-color: #449d44 | |
} | |
.label-info { | |
background-color: #5bc0de | |
} | |
.label-info[href]:active, | |
[data-hover-visible] .label-info[href]:hover, | |
[data-focus-visible] .label-info[href]:focus { | |
background-color: #31b0d5 | |
} | |
.label-warning { | |
background-color: #f0ad4e | |
} | |
.label-warning[href]:active, | |
[data-hover-visible] .label-warning[href]:hover, | |
[data-focus-visible] .label-warning[href]:focus { | |
background-color: #ec971f | |
} | |
.label-danger { | |
background-color: #d9534f | |
} | |
.label-danger[href]:active, | |
[data-hover-visible] .label-danger[href]:hover, | |
[data-focus-visible] .label-danger[href]:focus { | |
background-color: #c9302c | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 20px; | |
border: 1px solid transparent; | |
border-radius: 4px | |
} | |
.alert h4 { | |
margin-top: 0; | |
color: inherit | |
} | |
.alert .alert-link { | |
font-weight: bold | |
} | |
.alert>p, | |
.alert>ul { | |
margin-bottom: 0 | |
} | |
.alert>p+p { | |
margin-top: 5px | |
} | |
.alert .close { | |
position: relative; | |
top: -2px; | |
right: -21px; | |
color: inherit | |
} | |
.alert-dismissible { | |
padding-right: 35px | |
} | |
.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 | |
} | |
.panel { | |
margin-bottom: 20px; | |
background-color: #fff; | |
border: 1px solid transparent; | |
border-radius: 4px; | |
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: 16px; | |
color: inherit | |
} | |
.panel-title>a, | |
.panel-title>small, | |
.panel-title>.small, | |
.panel-title>small>a, | |
.panel-title>.small>a { | |
color: inherit | |
} | |
.panel-footer { | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #ddd; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px | |
} | |
.panel>.list-group, | |
.panel>.panel-collapse>.list-group { | |
margin-bottom: 0 | |
} | |
.panel>.list-group .list-group-item, | |
.panel>.panel-collapse>.list-group .list-group-item { | |
border-width: 1px 0; | |
border-radius: 0 | |
} | |
.panel>.list-group:first-child .list-group-item:first-child, | |
.panel>.panel-collapse>.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, | |
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child { | |
border-bottom: 0; | |
border-bottom-right-radius: 3px; | |
border-bottom-left-radius: 3px | |
} | |
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0 | |
} | |
.panel-heading+.list-group .list-group-item:first-child { | |
border-top-width: 0 | |
} | |
.list-group+.panel-footer { | |
border-top-width: 0 | |
} | |
.panel>.table, | |
.panel>.table-responsive>.table, | |
.panel>.panel-collapse>.table { | |
margin-bottom: 0 | |
} | |
.panel>.table caption, | |
.panel>.table-responsive>.table caption, | |
.panel>.panel-collapse>.table caption { | |
padding-left: 15px; | |
padding-right: 15px | |
} | |
.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, | |
.panel>.table:first-child>tbody:first-child>tr:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, | |
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child { | |
border-top-left-radius: 3px; | |
border-top-right-radius: 3px | |
} | |
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, | |
.panel>.table-responsive:first-child>.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 th:first-child, | |
.panel>.table-responsive:first-child>.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 th:first-child { | |
border-top-left-radius: 3px | |
} | |
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, | |
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, | |
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, | |
.panel>.table-responsive:first-child>.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 th:last-child, | |
.panel>.table-responsive:first-child>.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 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, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, | |
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child { | |
border-bottom-left-radius: 3px; | |
border-bottom-right-radius: 3px | |
} | |
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, | |
.panel>.table-responsive:last-child>.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 th:first-child, | |
.panel>.table-responsive:last-child>.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 th:first-child { | |
border-bottom-left-radius: 3px | |
} | |
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, | |
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, | |
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, | |
.panel>.table-responsive:last-child>.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 th:last-child, | |
.panel>.table-responsive:last-child>.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 th:last-child { | |
border-bottom-right-radius: 3px | |
} | |
.panel>.panel-body+.table, | |
.panel>.panel-body+.table-responsive, | |
.panel>.table+.panel-body, | |
.panel>.table-responsive+.panel-body { | |
border-top: 1px solid #ddd | |
} | |
.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-bordered>thead>tr>td:first-child, | |
.panel>.table-bordered>tbody>tr>th:first-child, | |
.panel>.table-bordered>tbody>tr>td:first-child, | |
.panel>.table-bordered>tfoot>tr>th:first-child, | |
.panel>.table-bordered>tfoot>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>th: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-bordered>thead>tr>td:last-child, | |
.panel>.table-bordered>tbody>tr>th:last-child, | |
.panel>.table-bordered>tbody>tr>td:last-child, | |
.panel>.table-bordered>tfoot>tr>th:last-child, | |
.panel>.table-bordered>tfoot>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child, | |
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, | |
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, | |
.panel>.table-responsive>.table-bordered>tfoot>tr>th: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-bordered>thead>tr:first-child>th, | |
.panel>.table-bordered>tbody>tr:first-child>td, | |
.panel>.table-bordered>tbody>tr:first-child>th, | |
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td, | |
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th, | |
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, | |
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th { | |
border-bottom: 0 | |
} | |
.panel>.table-bordered>tbody>tr:last-child>td, | |
.panel>.table-bordered>tbody>tr:last-child>th, | |
.panel>.table-bordered>tfoot>tr:last-child>td, | |
.panel>.table-bordered>tfoot>tr:last-child>th, | |
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, | |
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, | |
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, | |
.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: 20px | |
} | |
.panel-group .panel { | |
margin-bottom: 0; | |
border-radius: 4px | |
} | |
.panel-group .panel+.panel { | |
margin-top: 5px | |
} | |
.panel-group .panel-heading { | |
border-bottom: 0 | |
} | |
.panel-group .panel-heading+.panel-collapse>.panel-body, | |
.panel-group .panel-heading+.panel-collapse>.list-group { | |
border-top: 1px solid #ddd | |
} | |
.panel-group .panel-footer { | |
border-top: 0 | |
} | |
.panel-group .panel-footer+.panel-collapse .panel-body { | |
border-bottom: 1px solid #ddd | |
} | |
.panel-default { | |
border-color: #ddd | |
} | |
.panel-default>.panel-heading { | |
color: #333; | |
background-color: #f5f5f5; | |
border-color: #ddd | |
} | |
.panel-default>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #ddd | |
} | |
.panel-default>.panel-heading .badge { | |
color: #f5f5f5; | |
background-color: #333 | |
} | |
.panel-default>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #ddd | |
} | |
.panel-primary { | |
border-color: #41b059 | |
} | |
.panel-primary>.panel-heading { | |
color: #fff; | |
background-color: #41b059; | |
border-color: #41b059 | |
} | |
.panel-primary>.panel-heading+.panel-collapse>.panel-body { | |
border-top-color: #41b059 | |
} | |
.panel-primary>.panel-heading .badge { | |
color: #41b059; | |
background-color: #fff | |
} | |
.panel-primary>.panel-footer+.panel-collapse>.panel-body { | |
border-bottom-color: #41b059 | |
} | |
.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-heading .badge { | |
color: #dff0d8; | |
background-color: #3c763d | |
} | |
.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-heading .badge { | |
color: #d9edf7; | |
background-color: #31708f | |
} | |
.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-heading .badge { | |
color: #fcf8e3; | |
background-color: #8a6d3b | |
} | |
.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-heading .badge { | |
color: #f2dede; | |
background-color: #a94442 | |
} | |
.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; | |
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 { | |
display: block; | |
float: right; | |
font-size: 21px; | |
font-weight: bold; | |
line-height: 1; | |
color: #000; | |
text-shadow: 0 1px 0 #fff; | |
width: 21px; | |
height: 21px; | |
order: 2; | |
opacity: .2 | |
} | |
[data-hover-visible] .close:hover, | |
[data-focus-visible] .close:focus { | |
color: #000; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: .5 | |
} | |
[data-focus-visible] .close:focus { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
button.close { | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
-webkit-appearance: none | |
} | |
.modal-open { | |
overflow: hidden | |
} | |
.modal { | |
display: none; | |
overflow: hidden; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1050; | |
-webkit-overflow-scrolling: touch; | |
outline: 0 | |
} | |
.modal.fade .modal-dialog { | |
transform: translate(0, -25%); | |
transition: transform 0.3s ease-out | |
} | |
.modal.in .modal-dialog { | |
transform: translate(0, 0) | |
} | |
.modal-open .modal { | |
overflow-x: hidden; | |
overflow-y: auto | |
} | |
.modal-dialog { | |
position: relative; | |
width: auto; | |
margin: 10px | |
} | |
.modal-content { | |
position: relative; | |
background-color: #fff; | |
border: 1px solid rgba(0, 0, 0, 0.2); | |
border-radius: 6px; | |
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | |
background-clip: padding-box; | |
outline: 0 | |
} | |
.modal-backdrop { | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1040; | |
background-color: #000 | |
} | |
.modal-backdrop.fade { | |
opacity: 0 | |
} | |
.modal-backdrop.in { | |
opacity: .8 | |
} | |
.modal-header { | |
padding: 15px; | |
border-bottom: 1px solid #e5e5e5; | |
display: flex | |
} | |
.modal-header .close { | |
order: 2; | |
margin-left: 8px; | |
margin-top: 2px | |
} | |
.modal-title { | |
margin: 0; | |
line-height: 1.42857; | |
flex-grow: 1 | |
} | |
.modal-body { | |
position: relative; | |
padding: 15px | |
} | |
.modal-footer { | |
display: flex; | |
padding: 15px; | |
justify-content: flex-end; | |
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 | |
} | |
.modal-scrollbar-measure { | |
position: absolute; | |
top: -9999px; | |
width: 50px; | |
height: 50px; | |
overflow: scroll | |
} | |
@media (min-width: 768px) { | |
.modal-dialog { | |
width: 600px; | |
margin: 30px auto | |
} | |
.modal-content { | |
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: 1070; | |
display: block; | |
font-family: "Open Sans", Helvetica, Arial, "Hiragino Sans", sans-serif; | |
font-style: normal; | |
font-weight: normal; | |
letter-spacing: normal; | |
line-break: auto; | |
line-height: 1.42857; | |
text-align: left; | |
text-align: start; | |
text-decoration: none; | |
text-shadow: none; | |
text-transform: none; | |
white-space: normal; | |
word-break: normal; | |
word-spacing: normal; | |
word-wrap: normal; | |
font-size: 12px; | |
opacity: 0 | |
} | |
.tooltip.in { | |
opacity: .9 | |
} | |
.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: #fff; | |
text-align: center; | |
background-color: #000; | |
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: #000 | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom: 0; | |
right: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000 | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #000 | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: #000 | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: #000 | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #000 | |
} | |
.clearfix:before, | |
.project-members-form .user-list-item:before, | |
.project-notifications-form .list-item:before, | |
.clearfix:after, | |
.project-members-form .user-list-item:after, | |
.project-notifications-form .list-item:after { | |
content: " "; | |
display: table | |
} | |
.clearfix:after, | |
.project-members-form .user-list-item:after, | |
.project-notifications-form .list-item: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 | |
} | |
.affix { | |
position: fixed | |
} | |
@-ms-viewport { | |
width: device-width | |
} | |
.visible-xs { | |
display: none !important | |
} | |
.visible-sm { | |
display: none !important | |
} | |
.visible-md { | |
display: none !important | |
} | |
.visible-lg { | |
display: none !important | |
} | |
.visible-xs-block, | |
.visible-xs-inline, | |
.visible-xs-inline-block, | |
.visible-sm-block, | |
.visible-sm-inline, | |
.visible-sm-inline-block, | |
.visible-md-block, | |
.visible-md-inline, | |
.visible-md-inline-block, | |
.visible-lg-block, | |
.visible-lg-inline, | |
.visible-lg-inline-block { | |
display: none !important | |
} | |
@media (max-width: 767px) { | |
.visible-xs { | |
display: block !important | |
} | |
table.visible-xs { | |
display: table !important | |
} | |
tr.visible-xs { | |
display: table-row !important | |
} | |
th.visible-xs, | |
td.visible-xs { | |
display: table-cell !important | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-block { | |
display: block !important | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-inline { | |
display: inline !important | |
} | |
} | |
@media (max-width: 767px) { | |
.visible-xs-inline-block { | |
display: inline-block !important | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm { | |
display: block !important | |
} | |
table.visible-sm { | |
display: table !important | |
} | |
tr.visible-sm { | |
display: table-row !important | |
} | |
th.visible-sm, | |
td.visible-sm { | |
display: table-cell !important | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-block { | |
display: block !important | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-inline { | |
display: inline !important | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.visible-sm-inline-block { | |
display: inline-block !important | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md { | |
display: block !important | |
} | |
table.visible-md { | |
display: table !important | |
} | |
tr.visible-md { | |
display: table-row !important | |
} | |
th.visible-md, | |
td.visible-md { | |
display: table-cell !important | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-block { | |
display: block !important | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-inline { | |
display: inline !important | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.visible-md-inline-block { | |
display: inline-block !important | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg { | |
display: block !important | |
} | |
table.visible-lg { | |
display: table !important | |
} | |
tr.visible-lg { | |
display: table-row !important | |
} | |
th.visible-lg, | |
td.visible-lg { | |
display: table-cell !important | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-block { | |
display: block !important | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-inline { | |
display: inline !important | |
} | |
} | |
@media (min-width: 1200px) { | |
.visible-lg-inline-block { | |
display: inline-block !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 !important | |
} | |
tr.visible-print { | |
display: table-row !important | |
} | |
th.visible-print, | |
td.visible-print { | |
display: table-cell !important | |
} | |
} | |
.visible-print-block { | |
display: none !important | |
} | |
@media print { | |
.visible-print-block { | |
display: block !important | |
} | |
} | |
.visible-print-inline { | |
display: none !important | |
} | |
@media print { | |
.visible-print-inline { | |
display: inline !important | |
} | |
} | |
.visible-print-inline-block { | |
display: none !important | |
} | |
@media print { | |
.visible-print-inline-block { | |
display: inline-block !important | |
} | |
} | |
@media print { | |
.hidden-print { | |
display: none !important | |
} | |
} | |
.kamon { | |
width: 24px; | |
height: 24px; | |
line-height: 24px; | |
font-size: 24px; | |
display: inline-block | |
} | |
body { | |
margin-bottom: 20px; | |
background-color: var(--body-bg, #dcdde0) | |
} | |
@media (min-width: 992px) { | |
.container { | |
width: calc(100% - 60px); | |
max-width: 1200px | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.container { | |
width: calc(100% - 30px) | |
} | |
} | |
a { | |
cursor: pointer | |
} | |
h1 { | |
font-weight: 300; | |
margin: 10px 0 30px | |
} | |
h4 { | |
font-weight: normal | |
} | |
.nav-tabs>li:not(.active)>a { | |
color: #858585 | |
} | |
.nav-tabs>li:not(.active)>a:hover, | |
.nav-tabs>li:not(.active)>a:focus { | |
color: #555 | |
} | |
.tab-content { | |
background-color: #fff; | |
border: 1px solid #ddd; | |
border-top: 0 | |
} | |
.tab-pane { | |
padding: 30px | |
} | |
.navbar-form { | |
margin-top: 0; | |
margin-bottom: 0; | |
height: 100% | |
} | |
.navbar-form .search-form { | |
flex-grow: 1 | |
} | |
.navbar-form>*:not(:last-child) { | |
margin-right: 10px | |
} | |
ol.breadcrumb { | |
list-style: none; | |
padding: 0; | |
margin: 0 | |
} | |
ol.breadcrumb li { | |
display: inline-block | |
} | |
ol.breadcrumb li::after { | |
content: '>'; | |
margin-left: .5em | |
} | |
ol.breadcrumb li a { | |
color: #333 | |
} | |
.btn-primary .kamon, | |
.btn-default .kamon, | |
.btn-warning .kamon, | |
.btn-danger .kamon { | |
font-size: 18px; | |
height: 18px; | |
width: 18px; | |
line-height: 18px; | |
vertical-align: middle; | |
margin-top: -2px | |
} | |
@media (max-width: 767px) { | |
.btn-auto-block { | |
display: block; | |
width: 100% | |
} | |
} | |
.dropdown-menu { | |
padding: 8px 0 | |
} | |
.dropdown-menu>li>a { | |
text-overflow: ellipsis; | |
overflow: hidden; | |
padding: 0 20px; | |
line-height: 28px; | |
display: flex; | |
align-items: center | |
} | |
.dropdown-menu>li>a.selected, | |
[data-hover-visible] .dropdown-menu>li>a.selected { | |
color: #41b059 | |
} | |
html[data-os*='android'] .dropdown-menu>li>a, | |
.dropdown-menu>li>a[data-os*='android'] { | |
padding-top: 8px; | |
padding-bottom: 8px | |
} | |
html[data-os*='ios'] .dropdown-menu>li>a, | |
.dropdown-menu>li>a[data-os*='ios'] { | |
padding-top: 8px; | |
padding-bottom: 8px | |
} | |
.dropdown-menu .active>a { | |
color: #41b059; | |
background-color: transparent | |
} | |
.dropdown-menu .divider { | |
margin: 8px 0 | |
} | |
.dropdown-toggle { | |
user-select: none; | |
-webkit-user-select: none; | |
-moz-user-select: none | |
} | |
.dropdown-toggle .kamon-caret-down { | |
vertical-align: middle; | |
margin-right: -5px; | |
margin-top: -2px | |
} | |
.help-block code { | |
white-space: nowrap | |
} | |
.navbar-default { | |
background-color: var(--navbar-bg, #353b48) | |
} | |
.navbar-default .navbar-menu>.open>a, | |
.navbar-default .navbar-menu>.open>a:hover, | |
.navbar-default .navbar-menu>.open>a:focus { | |
background-color: var(--navbar-bg, #2a2f39) | |
} | |
.navbar-default .navbar-pagemenu { | |
background-color: var(--body-bg, #353b48) | |
} | |
@media print { | |
body { | |
background-color: #fff !important | |
} | |
.navbar, | |
.col-page-side, | |
.related-page-list, | |
.expandable-menu, | |
.status-bar { | |
display: none !important | |
} | |
.page { | |
background-color: #fff !important; | |
position: absolute; | |
width: 100%; | |
top: 0; | |
left: 0; | |
border: 0 !important; | |
box-shadow: none !important | |
} | |
.page .line .telomere { | |
display: none !important | |
} | |
} | |
html[data-display-style*='presentation'] body { | |
background-color: #fefefe | |
} | |
.app.presentation .navbar, | |
.app.presentation .quick-launch, | |
.app.presentation .related-page-list, | |
.app.presentation .telomere, | |
.app.presentation .status-bar { | |
display: none | |
} | |
.app.presentation .page { | |
box-shadow: none | |
} | |
.app.presentation .line { | |
font-size: 3vw; | |
line-height: 1.2em | |
} | |
.app.presentation .line .text:not(.section-title):not(.code-block) { | |
margin-bottom: 10px | |
} | |
.app.presentation .line img { | |
zoom: 150% | |
} | |
.app.presentation .line .code-block { | |
line-height: 1em | |
} | |
.app.presentation .line .code-block code { | |
font-size: .6em | |
} | |
.app.presentation .line .code-block code.code-body { | |
margin-left: -.9em | |
} | |
.app.presentation .line .dot { | |
width: .5vw; | |
height: .5vw; | |
top: calc(.6em - .25vw); | |
right: 1vw | |
} | |
.app.presentation .line.section-title { | |
font-size: 6vw; | |
margin-bottom: .5em; | |
text-align: center | |
} | |
.app.presentation .line.section-title:not(:first-child) { | |
page-break-before: always | |
} | |
@media print { | |
.app.presentation .line { | |
display: block !important | |
} | |
} | |
.app.presentation .col-page { | |
min-width: 80vw; | |
max-width: 130vh | |
} | |
.app.presentation .col-page-side { | |
opacity: 0; | |
transition: opacity .5s | |
} | |
.app.presentation .col-page-side:hover { | |
opacity: 1 | |
} | |
html[data-os*='android'] .app.presentation .line, | |
.app.presentation[data-os*='android'] .line { | |
display: block | |
} | |
html[data-os*='android'] .app.presentation .section-title:not(:first-child), | |
.app.presentation[data-os*='android'] .section-title:not(:first-child) { | |
margin-top: 50vh | |
} | |
html[data-os*='ios'] .app.presentation .line, | |
.app.presentation[data-os*='ios'] .line { | |
display: block | |
} | |
html[data-os*='ios'] .app.presentation .section-title:not(:first-child), | |
.app.presentation[data-os*='ios'] .section-title:not(:first-child) { | |
margin-top: 50vh | |
} | |
.audio-link .play { | |
cursor: pointer | |
} | |
.billing-alert a { | |
background-color: #0f71e2; | |
text-align: center; | |
height: 30px; | |
line-height: 30px; | |
font-weight: 500; | |
border-bottom: 1px solid #0a4d9a; | |
display: block; | |
color: #fff; | |
text-decoration: none; | |
transition: background .1s | |
} | |
[data-hover-visible] .billing-alert a:hover { | |
background-color: #0d65ca; | |
color: #fff; | |
text-decoration: none | |
} | |
.billing-alert a:active { | |
background-color: #0d65ca | |
} | |
.billing-alert a.warning { | |
background-color: #f7981c; | |
border-bottom: 1px solid #c06f07 | |
} | |
[data-hover-visible] .billing-alert a.warning:hover { | |
background-color: #f18c08; | |
color: #fff; | |
text-decoration: none | |
} | |
.billing-alert a.warning:active { | |
background-color: #f18c08 | |
} | |
.billing-alert a.danger { | |
background-color: #f85359; | |
border-bottom: 1px solid #f50a12 | |
} | |
[data-hover-visible] .billing-alert a.danger:hover { | |
background-color: #f73a41; | |
color: #fff; | |
text-decoration: none | |
} | |
.billing-alert a.danger:active { | |
background-color: #f73a41 | |
} | |
.billings-info-page section { | |
margin: 32px 0 | |
} | |
.billings-info-page section:first-of-type { | |
margin-top: 16px | |
} | |
.billings-info-page section .section-title { | |
font-size: 24px; | |
margin-bottom: 16px | |
} | |
.billings-info-page table.paid-project-list { | |
margin-bottom: 4px | |
} | |
.billings-info-page table.paid-project-list td.remove { | |
width: 80px; | |
text-align: right | |
} | |
.billings-info-page table.paid-project-list a { | |
color: #333 | |
} | |
.billings-info-page ul.billing-rows { | |
list-style: none; | |
margin: 0; | |
padding: 0 | |
} | |
.billings-info-page ul.billing-rows li { | |
display: flex; | |
flex-wrap: wrap; | |
border-bottom: 1px solid #ddd; | |
margin: 0; | |
padding: 16px 0 | |
} | |
.billings-info-page ul.billing-rows li:first-of-type { | |
border-top: 1px solid #ddd | |
} | |
.billings-info-page ul.billing-rows li .head { | |
width: 200px; | |
color: #555 | |
} | |
@media (max-width: 767px) { | |
.billings-info-page ul.billing-rows li .head { | |
width: 100%; | |
margin-bottom: 8px | |
} | |
} | |
.billings-info-page ul.billing-rows li .content { | |
flex-grow: 1 | |
} | |
.billings-info-page .card-info.fail { | |
color: #d9534f | |
} | |
.billings-info-page .card-info span.desc { | |
margin-left: .5em | |
} | |
.billings-info-page .card-info button { | |
float: right | |
} | |
.billings-info-page .add-project-form { | |
padding: 8px 0 | |
} | |
.billings-info-page .add-project-form .project-name { | |
width: 200px; | |
margin-right: 8px; | |
display: inline-block; | |
height: unset; | |
vertical-align: bottom | |
} | |
.billings-info-page .add-project-form button { | |
margin-right: 8px | |
} | |
.billings-info-page .add-project-button { | |
padding: 8px 0 | |
} | |
.billings-info-page .add-project-button button { | |
margin-right: 16px | |
} | |
.billings-info-page .add-project-button a.pricing { | |
vertical-align: middle | |
} | |
.billings-info-page .update-card-form .buttons { | |
text-align: right | |
} | |
.billings-info-page .update-card-form .buttons button { | |
margin-left: 5px | |
} | |
.billings-info-page .table { | |
border: 1px solid #ddd | |
} | |
.billings-info-page .table>thead>tr>th { | |
font-weight: normal | |
} | |
.billings-info-page .table td.status { | |
text-transform: capitalize | |
} | |
.admin-table .add-admin-right { | |
float: right; | |
margin-top: -45px | |
} | |
.admin-table .add-admin-form { | |
margin-bottom: 30px | |
} | |
.admin-table .add-admin-form .form-group { | |
display: flex; | |
flex-wrap: wrap | |
} | |
@media (min-width: 768px) { | |
.admin-table .add-admin-form .form-group input { | |
flex-grow: 1 | |
} | |
.admin-table .add-admin-form .form-group button { | |
margin-left: 5px | |
} | |
} | |
@media (max-width: 767px) { | |
.admin-table .add-admin-form .form-group button { | |
margin-top: 5px; | |
margin-right: 5px | |
} | |
} | |
.compute-line { | |
position: absolute; | |
visibility: hidden; | |
pointer-events: none; | |
top: 0; | |
left: 0; | |
width: 100% | |
} | |
.cursor { | |
position: absolute; | |
z-index: 101; | |
width: 2px; | |
height: 23px; | |
pointer-events: none | |
} | |
.cursor svg { | |
width: inherit; | |
height: inherit; | |
display: block | |
} | |
.cursor svg rect { | |
fill: #000 | |
} | |
.dpi-aware-image { | |
width: auto; | |
height: auto | |
} | |
.dpi-aware-image img { | |
display: block; | |
margin: 0 !important; | |
max-width: unset !important; | |
max-height: unset !important | |
} | |
.drag-and-drop.upload { | |
position: fixed; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
top: 0; | |
left: 0; | |
width: 100vw; | |
height: 100vh; | |
background-color: rgba(0, 122, 250, 0.3); | |
z-index: 1005 | |
} | |
.drag-and-drop.upload .message { | |
margin: auto; | |
pointer-events: none; | |
font-size: 45px; | |
color: #fff | |
} | |
.drag-and-drop.upload .message .kamon { | |
font-size: 1em; | |
vertical-align: top; | |
width: unset; | |
height: unset; | |
line-height: unset | |
} | |
.drag-and-drop.text-drop { | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100vw; | |
height: 100vh; | |
z-index: 1005; | |
background-color: rgba(0, 0, 0, 0); | |
border: 0; | |
resize: none; | |
caret-color: transparent | |
} | |
.editor { | |
position: relative; | |
cursor: text; | |
font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", sans-serif; | |
font-size: 15px; | |
line-height: 28px; | |
color: #4a4a4a | |
} | |
.error-page code { | |
word-break: break-word | |
} | |
.error-page .service-status-check a { | |
margin: 20px | |
} | |
.full-content-modal { | |
display: flex !important | |
} | |
.full-content-modal.modal.fade .modal-dialog { | |
transform: scale(0.9) | |
} | |
.full-content-modal.modal.in .modal-dialog { | |
transform: scale(1) | |
} | |
.full-content-modal .modal-dialog { | |
width: auto; | |
max-width: 95vw; | |
margin: auto | |
} | |
.full-content-modal .modal-dialog .modal-content { | |
background: transparent; | |
border: 0; | |
box-shadow: none | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body .full-content { | |
display: block; | |
margin: 0; | |
max-width: 100%; | |
max-height: none | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body .toolbar { | |
display: flex; | |
justify-content: flex-start; | |
margin-bottom: 5px | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body img.full-content, | |
.full-content-modal .modal-dialog .modal-content .modal-body svg.full-content { | |
background: url("/assets/img/transparent.svg") #fff | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body div.full-content { | |
position: relative; | |
width: 800px; | |
height: 600px | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body a.link .text { | |
display: block; | |
margin: 0; | |
padding: 5px 0 0; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
text-decoration: none; | |
color: #5e8af7 | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body a.link .text span { | |
border-bottom: 2px solid #5e8af7 | |
} | |
.full-content-modal .modal-dialog .modal-content .modal-body a.link:hover, | |
.full-content-modal .modal-dialog .modal-content .modal-body a.link:focus { | |
text-decoration: none | |
} | |
.pointing-device-modal .modal-body div.full-content iframe { | |
z-index: 1061; | |
background-color: #e5e3df | |
} | |
.pointing-device-modal .modal-body div.full-content img { | |
z-index: 1062; | |
opacity: 1 | |
} | |
.pointing-device-modal .modal-body div.full-content img.fadeout { | |
z-index: 1060; | |
opacity: 0; | |
transition: opacity 500ms, z-index 0s 490ms | |
} | |
.updatable-map { | |
width: 100%; | |
height: 100%; | |
position: absolute | |
} | |
.updatable-map .updatable-map-content { | |
width: 100%; | |
height: 100% | |
} | |
.updatable-map .update-location-button { | |
right: 10px; | |
top: 10px; | |
position: absolute | |
} | |
.updatable-map .open-google-map-button { | |
left: 10px; | |
top: 10px; | |
position: absolute; | |
color: #333; | |
background-color: #fff; | |
border-color: #bbb | |
} | |
.updatable-map .guide { | |
position: absolute; | |
opacity: .5; | |
background-color: #777 | |
} | |
.iframe-video-player { | |
display: inline | |
} | |
.iframe-video-player iframe { | |
margin: 3px 0; | |
vertical-align: middle; | |
max-width: 100%; | |
width: 640px; | |
height: 360px; | |
display: inline-block; | |
border: 0 | |
} | |
.lang-switch { | |
display: inline-block; | |
float: right | |
} | |
.lang-switch .caret { | |
margin-top: -3px | |
} | |
.lang-switch>.btn { | |
padding-top: 2px | |
} | |
.lang-switch>.btn:focus { | |
background-color: transparent; | |
border-color: #ccc | |
} | |
.line code.cli .prefix { | |
color: #9c6248 | |
} | |
.line code.helpfeel { | |
background-color: #fbebdd; | |
padding: 3px !important | |
} | |
.line code.helpfeel .prefix { | |
color: #f17c00 | |
} | |
.line code.helpfeel .entry { | |
color: #cc5020 | |
} | |
.line span.code-block { | |
line-height: 1.7em; | |
background-color: rgba(0, 0, 0, 0.04) | |
} | |
.line span.code-block .code-block-start { | |
font-size: .9em; | |
background-color: #ffcfc6; | |
padding: 1px 2px | |
} | |
.line span.code-block .code-block-start a { | |
color: #342d9c; | |
text-decoration: underline | |
} | |
.line span.code-block .code-block-margin { | |
background-color: #fefefe; | |
height: 1.8em; | |
margin-bottom: -.5em | |
} | |
.line span.code-block code { | |
background-color: rgba(0, 0, 0, 0); | |
tab-size: 4; | |
-o-tab-size: 4; | |
-moz-tab-size: 4 | |
} | |
.line span.code-block .code-block-popup { | |
display: inline-block; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
left: 0; | |
top: 220% | |
} | |
.line span.code-block .triangle { | |
transform: translateY(-30px); | |
border-bottom: 6px solid #111; | |
border-top: 0 | |
} | |
.line span.code-block .tool-buttons { | |
margin-left: .3em; | |
cursor: pointer | |
} | |
.line { | |
position: relative; | |
font-size: inherit; | |
line-height: inherit; | |
cursor: text; | |
white-space: -moz-pre-wrap; | |
white-space: -pre-wrap; | |
white-space: -o-pre-wrap; | |
white-space: pre-wrap; | |
word-wrap: break-word | |
} | |
.line .empty-char-index { | |
display: inline-block; | |
width: 0 | |
} | |
.line .text { | |
display: block | |
} | |
.line.permalink { | |
background-color: #fff277 | |
} | |
.line.line-title { | |
font-size: 1.73em; | |
line-height: 42px; | |
color: #000 | |
} | |
.line.line-title .text { | |
padding-bottom: 21px | |
} | |
.line .head { | |
font-size: 17px; | |
border-left: 3px solid #006400 | |
} | |
.line .head .mark { | |
opacity: 0 | |
} | |
.line hr { | |
height: 13px; | |
margin: 0 0 12px; | |
border-bottom: 1px solid #999; | |
border-top: 0 | |
} | |
.cursor-line.with-image { | |
animation-duration: 3s; | |
animation-name: slidein; | |
animation-timing-function: ease-out | |
} | |
@keyframes slidein { | |
from { | |
background-color: #efefef | |
} | |
to { | |
background-color: #fff | |
} | |
} | |
.line .telomere { | |
white-space: normal | |
} | |
.line .telomere .telomere-border { | |
position: absolute; | |
display: block; | |
text-decoration: none; | |
left: -49px; | |
top: 0; | |
width: 20px; | |
border: 0; | |
border-color: #808b8c; | |
border-style: solid; | |
border-width: 0 0 0 5px; | |
overflow: hidden; | |
height: 100%; | |
z-index: 200 | |
} | |
@media (max-width: 767px) { | |
.line .telomere .telomere-border { | |
left: -21px; | |
width: 5px | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.line .telomere .telomere-border { | |
left: -42px | |
} | |
} | |
.line .telomere .telomere-border.unread { | |
border-color: #52ba68 | |
} | |
.line .telomere .telomere-border.will-delete-next { | |
border-color: #fd7373 | |
} | |
.line .telomere .telomere-border .description { | |
position: relative; | |
font-size: 12px; | |
padding: 0 3px; | |
color: #fff; | |
height: 25px; | |
line-height: 25px; | |
background-color: #808b8c | |
} | |
.line .telomere .telomere-border.hover { | |
width: auto | |
} | |
.line .telomere.mobile-telomere .move-line { | |
height: 40px; | |
left: 40px; | |
z-index: 200; | |
position: absolute | |
} | |
.line .telomere.mobile-telomere .move-line svg { | |
vertical-align: middle | |
} | |
.line .telomere.mobile-telomere .move-line.line-up { | |
top: -30px; | |
padding: 10px 20px | |
} | |
.line .telomere.mobile-telomere .move-line.line-down { | |
top: 15px; | |
padding: 0 20px | |
} | |
.lines { | |
font-size: inherit; | |
user-select: none; | |
-webkit-user-select: none | |
} | |
.touch-layer { | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
background-color: transparent !important; | |
-webkit-user-select: none; | |
user-select: none; | |
display: block; | |
z-index: 105 | |
} | |
.draw-modal .toolbar .pen-button { | |
padding: 0 4px 0 0 | |
} | |
.draw-modal .toolbar .pen-button svg { | |
display: block | |
} | |
.draw-modal .toolbar .upload-button { | |
margin-left: auto | |
} | |
.draw-modal canvas { | |
display: block; | |
margin: 0 | |
} | |
.image-upload-modal .preview { | |
margin: 10px auto; | |
text-align: center | |
} | |
.image-upload-modal .preview img { | |
max-width: 100%; | |
max-height: calc(90vh - 200px) | |
} | |
.select-plan-modal .modal-header { | |
padding: 20px 30px | |
} | |
.select-plan-modal .modal-body { | |
padding: 30px | |
} | |
.select-plan-modal .modal-body .form-group { | |
margin-bottom: 30px | |
} | |
.select-plan-modal .modal-body label.radio { | |
margin-bottom: 6px | |
} | |
.select-plan-modal .modal-body label.radio-with-icon input { | |
margin-top: 9px | |
} | |
.select-plan-modal .modal-body label.radio-with-icon .kamon { | |
margin-left: 10px; | |
vertical-align: middle | |
} | |
.select-plan-modal .modal-body .purpose { | |
margin-top: 20px | |
} | |
.select-plan-modal .modal-body p a { | |
color: #333; | |
text-decoration: underline | |
} | |
.select-plan-modal .modal-body .pricing { | |
color: #41b059; | |
font-weight: bold; | |
margin-left: 40px | |
} | |
.select-plan-modal .modal-body .radio-group { | |
margin: auto auto 25px 21px | |
} | |
.select-plan-modal .modal-body .alert-warning a { | |
color: #8a6d3b; | |
text-decoration: underline | |
} | |
.select-plan-modal .modal-body .button-group { | |
text-align: center; | |
margin-top: 20px | |
} | |
.select-plan-modal .modal-body .button-group button:nth-of-type(n+2) { | |
margin-left: 10px | |
} | |
.drawer { | |
z-index: 1000 | |
} | |
.drawer .drawer-menu, | |
.drawer .drawer-menu-backdrop { | |
top: 0; | |
height: 100%; | |
position: fixed | |
} | |
.drawer .drawer-menu-backdrop { | |
left: 0; | |
background-color: #333; | |
opacity: 0; | |
overflow: auto; | |
width: 100vw | |
} | |
.drawer .drawer-menu-backdrop.drawer-open { | |
animation-duration: .1s; | |
animation-name: open_backdrop; | |
animation-timing-function: linear; | |
animation-fill-mode: forwards | |
} | |
.drawer .drawer-menu-backdrop.drawer-close { | |
animation-duration: .1s; | |
animation-name: hide_backdrop; | |
animation-timing-function: linear; | |
animation-fill-mode: forwards | |
} | |
.drawer .drawer-menu-container { | |
position: relative; | |
left: 0 | |
} | |
.drawer .drawer-menu { | |
width: 80%; | |
overflow-y: auto; | |
max-width: 300px; | |
background-color: #fff | |
} | |
.drawer .drawer-menu.drawer-open { | |
animation-duration: .35s; | |
animation-name: open_drawer; | |
animation-timing-function: ease-out; | |
animation-fill-mode: forwards | |
} | |
.drawer .drawer-menu.drawer-close { | |
animation-duration: .35s; | |
animation-name: close_drawer; | |
animation-timing-function: ease-out; | |
animation-fill-mode: forwards | |
} | |
.drawer .drawer-menu ul { | |
list-style: none; | |
padding: 7px 0 | |
} | |
.drawer .drawer-menu ul li { | |
list-style: none; | |
font-size: 14px; | |
text-align: left | |
} | |
.drawer .drawer-menu ul li a { | |
display: flex; | |
align-items: center; | |
padding: 11px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 19px; | |
font-size: 15px; | |
color: #333; | |
white-space: nowrap; | |
text-decoration: none | |
} | |
.drawer .drawer-menu ul li a .project-display-name { | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.drawer .drawer-menu ul li a:active { | |
background-color: #f5f5f5 | |
} | |
.drawer .drawer-menu ul li a.selected { | |
color: #41b059 | |
} | |
.drawer .drawer-menu ul li a.updated, | |
.drawer .drawer-menu ul li a.highlight { | |
border-left: 2px solid #41b059; | |
padding-left: 18px | |
} | |
.drawer .drawer-menu ul li a a.highlight { | |
color: #41b059 | |
} | |
.drawer .drawer-menu ul li.guest-project { | |
position: relative | |
} | |
.drawer .drawer-menu ul li.guest-project a.button-delete { | |
position: absolute; | |
display: none | |
} | |
.drawer .drawer-menu ul li.list-header { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857; | |
color: #777; | |
white-space: nowrap | |
} | |
.drawer .drawer-menu ul li.list-menu-button a { | |
font-size: 14px; | |
color: #888 | |
} | |
.drawer .drawer-menu ul li .private-icon { | |
height: 18px; | |
width: 18px; | |
flex-shrink: 0 | |
} | |
.drawer .drawer-menu .kamon { | |
margin-left: 4px; | |
width: 18px; | |
height: 18px; | |
line-height: 18px; | |
font-size: 18px; | |
display: inline-block | |
} | |
.drawer .drawer-menu .divider { | |
height: 1px; | |
margin: 9px 0; | |
overflow: hidden; | |
background-color: #e5e5e5 | |
} | |
@keyframes open_drawer { | |
0% { | |
transform: translateX(-100%) | |
} | |
100% { | |
transform: translateX(0%) | |
} | |
} | |
@keyframes close_drawer { | |
0% { | |
transform: translateX(0%) | |
} | |
100% { | |
transform: translateX(-100%) | |
} | |
} | |
@keyframes open_backdrop { | |
0% { | |
opacity: 0 | |
} | |
100% { | |
opacity: .7 | |
} | |
} | |
@keyframes hide_backdrop { | |
0% { | |
opacity: .7 | |
} | |
100% { | |
opacity: 0 | |
} | |
} | |
.global-menu { | |
width: 300px !important | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.global-menu { | |
right: -15px !important | |
} | |
} | |
@media (min-width: 992px) and (max-width: 1199px) { | |
.global-menu { | |
right: -30px !important | |
} | |
} | |
@media (min-width: 1200px) { | |
.global-menu { | |
right: -30px !important | |
} | |
} | |
.global-menu.dropdown-menu>li>a, | |
.global-menu.dropdown-menu>li.dropdown-header { | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.global-menu.dropdown-menu>li>a .kamon, | |
.global-menu.dropdown-menu>li.dropdown-header .kamon { | |
margin-left: 4px; | |
width: 18px; | |
height: 18px; | |
line-height: 18px; | |
font-size: 18px; | |
display: inline-block | |
} | |
.global-menu.dropdown-menu>li>a .project-display-name, | |
.global-menu.dropdown-menu>li.dropdown-header .project-display-name { | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.global-menu.dropdown-menu>li.dropdown-menu-button a { | |
font-size: 13px; | |
color: #888 | |
} | |
.global-menu li a.updated, | |
.global-menu li a.highlight { | |
border-left: 2px solid #41b059; | |
padding-left: 18px | |
} | |
.global-menu li a.highlight { | |
color: #41b059 | |
} | |
.global-menu li.guest-project { | |
position: relative | |
} | |
@media (min-width: 768px) { | |
.global-menu li.guest-project .button-delete { | |
display: none | |
} | |
.global-menu li.guest-project:hover .button-delete { | |
display: block | |
} | |
} | |
.global-menu li.guest-project a.button-delete { | |
position: absolute; | |
top: 0; | |
right: 0; | |
padding: 3px 10px; | |
color: #999 | |
} | |
.global-menu li.guest-project a.button-delete:hover { | |
color: #41b059; | |
background-color: transparent | |
} | |
.global-menu .private-icon { | |
height: 18px; | |
line-height: 18px; | |
width: 18px; | |
flex-shrink: 0 | |
} | |
.navbar-pagemenu { | |
background-color: #dcdde0; | |
margin: 0 -16px; | |
padding: 5px 8px; | |
border-top: 0; | |
height: 54px; | |
overflow-x: auto; | |
overflow-y: hidden | |
} | |
.navbar { | |
border: 0; | |
border-radius: 0; | |
margin-bottom: 28px | |
} | |
@media (max-width: 767px) { | |
.navbar { | |
margin-bottom: 15px; | |
position: -webkit-sticky; | |
position: sticky; | |
top: -54px; | |
z-index: 1000 | |
} | |
} | |
.navbar .open .navbar-brand .kamon-caret-down { | |
transform: rotateX(180deg); | |
color: #41b059 | |
} | |
.navbar .navbar-brand { | |
padding: 0 8px 0 0; | |
line-height: 54px; | |
display: flex; | |
flex-wrap: nowrap; | |
align-items: center; | |
max-width: 100%; | |
margin-left: 0 !important | |
} | |
.navbar .navbar-brand:active { | |
color: #fff | |
} | |
.navbar .navbar-brand .title { | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.navbar .navbar-brand .private-icon { | |
font-size: 16px; | |
margin-left: 7px | |
} | |
.navbar .navbar-brand i { | |
width: 30px; | |
text-align: center; | |
font-size: 16px | |
} | |
.navbar .navbar-brand img { | |
display: block; | |
width: 40px; | |
height: 40px; | |
margin: 7px 4px 7px 0; | |
flex-shrink: 0 | |
} | |
.navbar .navbar-brand .kamon-caret-down { | |
transition: transform .2s, color .2s | |
} | |
.navbar .navbar-menu { | |
display: flex; | |
justify-content: flex-end; | |
padding: 0; | |
margin: 0 | |
} | |
.navbar .navbar-menu>li { | |
display: block; | |
position: relative | |
} | |
.navbar .navbar-menu>li>a { | |
position: relative; | |
padding: 0 15px; | |
line-height: 54px; | |
height: 54px; | |
display: flex; | |
align-items: center; | |
color: #fff; | |
text-decoration: none | |
} | |
.navbar .navbar-menu>li>a:active { | |
color: #fff | |
} | |
.navbar .navbar-menu>li>a:hover { | |
color: #e6e6e6 | |
} | |
.navbar .navbar-menu>li>a:hover img { | |
opacity: .9 | |
} | |
.navbar .navbar-menu>li>a:focus { | |
color: #fff | |
} | |
.navbar .navbar-menu>li.stream-btn { | |
display: none | |
} | |
.navbar .navbar-menu>li.stream-btn .kamon { | |
width: 36px; | |
height: 36px; | |
line-height: 36px; | |
font-size: 36px; | |
display: inline-block; | |
vertical-align: middle | |
} | |
.navbar .navbar-menu>.open>a, | |
.navbar .navbar-menu>.open>a:hover, | |
.navbar .navbar-menu>.open>a:focus { | |
background-color: #272b35 | |
} | |
.navbar .row { | |
display: flex; | |
flex-direction: row; | |
flex-wrap: wrap; | |
flex-grow: 1; | |
margin-left: 0; | |
margin-right: 0 | |
} | |
.navbar .row::before, | |
.navbar .row::after { | |
display: none | |
} | |
.navbar .row .col-brand { | |
width: 30%; | |
flex-grow: 1 | |
} | |
.navbar .row .col-search { | |
width: 40%; | |
margin: 7px 0 | |
} | |
@media (max-width: 767px) { | |
.navbar .row .col-search { | |
display: none | |
} | |
} | |
.navbar .row .col-menu { | |
width: 30% | |
} | |
@media (max-width: 767px) { | |
.navbar .row .col-menu { | |
width: auto; | |
padding-right: 12px | |
} | |
} | |
.navbar .row .col { | |
width: 100% | |
} | |
.navbar a.mobile-search-toggle.active { | |
color: #41b059 !important | |
} | |
.navbar .menu-str { | |
margin-right: .5em | |
} | |
.navbar .right { | |
float: right | |
} | |
.global-menu .project-list-filter .kamon, | |
.drawer .project-list-filter .kamon { | |
width: 1em; | |
height: 1em; | |
line-height: 1em; | |
font-size: 1em; | |
display: inline-block; | |
display: inline; | |
margin-left: 0 !important; | |
margin-right: 2px | |
} | |
.global-menu .project-list-filter input, | |
.drawer .project-list-filter input { | |
border: 0; | |
outline: none; | |
width: auto; | |
display: inline; | |
background-color: transparent | |
} | |
.new-billings-page .panel .panel-body { | |
padding: 45px | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.new-billings-page .panel .panel-body { | |
padding: 30px | |
} | |
} | |
@media (max-width: 767px) { | |
.new-billings-page .panel .panel-body { | |
padding: 15px | |
} | |
} | |
.new-billings-page .thankyou-block .head { | |
font-size: 43px; | |
margin: 20px 0 | |
} | |
.new-billings-page .thankyou-block p { | |
font-size: 16px; | |
margin: 20px 0 | |
} | |
.new-billings-page .license { | |
background: #fff | |
} | |
.new-billings-page .license label { | |
margin: 0 | |
} | |
.new-billings-page .license hr { | |
margin: 10px 0 | |
} | |
.new-button { | |
display: block; | |
width: 40px; | |
height: 40px; | |
background-color: var(--new-button-bg, #41b059); | |
line-height: 40px; | |
text-align: center; | |
border-radius: 20px; | |
position: relative; | |
text-decoration: none | |
} | |
.new-button .vertical-line { | |
position: absolute; | |
top: 8px; | |
left: 18px; | |
width: 4px; | |
height: 24px; | |
border-radius: 2px; | |
background-color: var(--new-button-vertical-color, #fff) | |
} | |
.new-button .horizontal-line { | |
position: absolute; | |
top: 18px; | |
left: 8px; | |
width: 24px; | |
height: 4px; | |
border-radius: 2px; | |
background-color: var(--new-button-horizontal-color, #fff) | |
} | |
[data-hover-visible] .new-button:hover { | |
background-color: var(--new-button-hover-bg, #3a9d50) | |
} | |
.new-button:active, | |
[data-hover-visible] .new-button:active { | |
background-color: var(--new-button-active-bg, #106c27) | |
} | |
.new-project-page .panel .panel-body { | |
padding: 30px | |
} | |
.new-project-page .panel .panel-body .form-group { | |
margin-bottom: 30px | |
} | |
.new-project-page .panel .panel-body .radio { | |
margin-bottom: 20px | |
} | |
.new-project-page .panel .panel-body label { | |
font-weight: bold | |
} | |
.new-project-page .panel .panel-body label .kamon { | |
margin-left: 10px; | |
vertical-align: middle | |
} | |
.new-project-page .panel .panel-body .purpose-block { | |
overflow-y: hidden; | |
max-height: 500px; | |
transition-duration: .3s; | |
transition-timing-function: ease-in-out | |
} | |
.new-project-page .panel .panel-body .purpose-block.closed { | |
max-height: 0 | |
} | |
.new-project-page .panel .panel-body .purpose { | |
margin-bottom: 20px | |
} | |
.new-project-page .panel .panel-body .pricing { | |
color: #41b059; | |
font-weight: bold; | |
margin-left: 40px | |
} | |
.new-project-page .panel .panel-body .radio-group { | |
margin: auto auto 25px 0 | |
} | |
.new-project-page .panel .panel-body .help-block { | |
padding-left: 25px; | |
color: #333 | |
} | |
.new-project-page .panel .panel-body .help-block a { | |
color: #333; | |
text-decoration: underline | |
} | |
.new-project-page .panel .panel-body .alert-warning a { | |
color: #8a6d3b; | |
text-decoration: underline | |
} | |
.no-project-page img.logo { | |
margin: 30px auto; | |
height: 150px | |
} | |
.no-project-page h1, | |
.no-project-page h2, | |
.no-project-page h3 { | |
font-weight: 300 | |
} | |
.no-project-page .panel-new button { | |
margin: 0 0 30px | |
} | |
.overlay-box { | |
font-size: 30px; | |
color: #fff; | |
background-color: rgba(0, 122, 250, 0.5); | |
padding: 30px; | |
border-radius: 8px; | |
line-height: 1.5em; | |
position: fixed; | |
left: 50%; | |
top: 50%; | |
transform: translateX(-50%) translateY(-50%); | |
text-align: center; | |
z-index: 9999; | |
pointer-events: none; | |
user-select: none; | |
-moz-user-select: none; | |
-webkit-user-select: none | |
} | |
.row-flex { | |
display: flex; | |
flex-wrap: nowrap; | |
justify-content: center | |
} | |
.col-page { | |
width: calc(100% - 132px); | |
max-width: 960px | |
} | |
@media (max-width: 767px) { | |
.col-page { | |
width: 100%; | |
padding: 0 15px | |
} | |
} | |
.col-page-side { | |
width: 66px; | |
max-width: 120px | |
} | |
@media (min-width: 1092px) { | |
.col-page-side { | |
width: calc((100% - 960px) / 2) | |
} | |
} | |
@media (max-width: 767px) { | |
.col-page-side { | |
display: none | |
} | |
} | |
@media (min-width: 768px) { | |
.page-wrapper.enter { | |
animation-name: page-enter; | |
animation-duration: .2s; | |
animation-timing-function: ease-out | |
} | |
.page-wrapper.leave { | |
animation-name: page-leave; | |
animation-duration: .1s; | |
animation-timing-function: ease-in; | |
opacity: 0 | |
} | |
} | |
.page { | |
background-color: #fefefe; | |
padding: 42px 49px 42px; | |
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.16); | |
border-top-left-radius: 4px; | |
border-top-right-radius: 4px; | |
border-bottom-left-radius: 3px; | |
border-bottom-right-radius: 3px | |
} | |
@media (max-width: 767px) { | |
.page { | |
padding: 28px 21px 42px | |
} | |
} | |
@media (min-width: 768px) and (max-width: 991px) { | |
.page { | |
padding: 42px 42px 35px | |
} | |
} | |
.page.not-persistent { | |
opacity: .7 | |
} | |
.page .title { | |
margin: 0; | |
font-size: 12px; | |
color: #ccc; | |
float: right | |
} | |
@keyframes page-enter { | |
0% { | |
opacity: 0; | |
transform: translateY(5px) | |
} | |
100% { | |
opacity: 1; | |
transform: translateY(0) | |
} | |
} | |
@keyframes page-leave { | |
0% { | |
opacity: 1; | |
transform: translateY(0) | |
} | |
100% { | |
opacity: 0; | |
transform: translateY(5px) | |
} | |
} | |
.page-alert .replace-page-links-alert .btn { | |
text-align: left; | |
white-space: normal | |
} | |
.page-alert .merge-pages .btn { | |
margin-left: 10px | |
} | |
.page-alert.page-history { | |
position: -webkit-sticky; | |
position: sticky; | |
top: 0; | |
z-index: 300 | |
} | |
.page-alert .page-history-alert { | |
background-color: #555; | |
border-color: #545454; | |
color: #fff | |
} | |
.page-history-select .date { | |
margin-left: 32px; | |
width: 280px; | |
display: inline-block | |
} | |
@media (max-width: 767px) { | |
.page-history-select .date { | |
margin-left: 4px; | |
width: 150px | |
} | |
} | |
.page-history-select .date .kamon-clock.not-taken-yet { | |
opacity: .2 | |
} | |
.page-history-select .date .date-text { | |
vertical-align: top; | |
display: inline-block; | |
line-height: 24px; | |
margin-left: 8px | |
} | |
.page-history-select .date .date-text .relative-date { | |
font-weight: bold | |
} | |
@media (max-width: 767px) { | |
.page-history-select .date .date-text .parenthesis { | |
display: none | |
} | |
.page-history-select .date .date-text .relative-date { | |
display: none | |
} | |
.page-history-select .date .date-text .absolute-date { | |
font-weight: bold | |
} | |
} | |
.page-history-select .guide { | |
margin-left: 32px | |
} | |
@media (max-width: 767px) { | |
.page-history-select .guide { | |
display: none | |
} | |
} | |
.page-history-select .select { | |
display: flex; | |
margin: 4px 0; | |
height: 24px | |
} | |
.page-history-select .select .control-buttons { | |
flex-grow: 1 | |
} | |
.page-history-select .select .button { | |
margin-top: -4px; | |
border-color: #888; | |
color: #fff; | |
background-color: #444 | |
} | |
.page-history-select .select .button.control-button { | |
margin-left: 6px; | |
margin-right: 6px | |
} | |
@media (max-width: 767px) { | |
.page-history-select .select .button.control-button { | |
margin-left: 2px; | |
margin-right: 2px | |
} | |
} | |
.page-history-select .select .button:hover { | |
border-color: #999; | |
background-color: #444; | |
color: unset; | |
box-shadow: unset | |
} | |
.page-history-select .select .button[disabled] { | |
opacity: .25 | |
} | |
.page-history-select .select .button[disabled]:hover { | |
border-color: #999; | |
background-color: #444; | |
opacity: .25 | |
} | |
.page-history-guide { | |
height: 10px; | |
line-height: 10px | |
} | |
.page-history-guide .guide-cell { | |
display: inline-block; | |
position: relative; | |
box-sizing: border-box; | |
height: 4px; | |
background-color: #fff; | |
opacity: .2 | |
} | |
.page-history-guide .guide-cell.border { | |
border-radius: 1px; | |
border-right: 1px solid #555 | |
} | |
.page-history-guide .guide-cell.fill { | |
opacity: .95 | |
} | |
.page-history-guide .guide-cell .pointer { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 1px; | |
height: 8px; | |
opacity: .8; | |
background-color: #fff | |
} | |
.page-list .create-searched-page { | |
margin-bottom: 32px | |
} | |
.page-list .create-searched-page .kamon-icon .kamon { | |
box-sizing: border-box; | |
line-height: 40px; | |
font-size: 40px; | |
height: 50px; | |
width: 50px; | |
padding: 5px; | |
color: #777 | |
} | |
.page-list .head-title { | |
font-size: 13px; | |
color: #62788a; | |
margin: 0 0 10px | |
} | |
.page-list ul { | |
list-style: none; | |
margin: 0; | |
padding: 0 | |
} | |
.page-list ul.grid { | |
margin-right: -34px | |
} | |
.grid.grid-lg li.page-list-item a { | |
border-radius: 4px | |
} | |
.grid.grid-lg li.page-list-item a .header { | |
border-top-width: 11.5px; | |
padding: 23px 20px | |
} | |
.grid.grid-lg li.page-list-item a .title { | |
font-size: 18px; | |
line-height: 23px; | |
max-height: 69px | |
} | |
.grid.grid-lg li.page-list-item a .description { | |
font-size: 14px; | |
padding: 0 20px; | |
line-height: 23px | |
} | |
.grid.grid-lg li.page-list-item a .description.fix { | |
margin-top: -23px; | |
margin-bottom: 23px | |
} | |
.grid.grid-md li.page-list-item a { | |
border-radius: 3px | |
} | |
.grid.grid-md li.page-list-item a .header { | |
border-top-width: 10.5px; | |
padding: 21px 14px | |
} | |
.grid.grid-md li.page-list-item a .title { | |
font-size: 15px; | |
line-height: 21px; | |
max-height: 63px | |
} | |
.grid.grid-md li.page-list-item a .description { | |
font-size: 12px; | |
padding: 0 14px; | |
line-height: 21px | |
} | |
.grid li { | |
display: block; | |
float: left; | |
position: relative; | |
margin: 0 16px 18px 0; | |
height: 110px; | |
width: 110px; | |
visibility: hidden; | |
font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", sans-serif | |
} | |
.grid li.splitter.splitter { | |
display: block; | |
clear: left; | |
width: 100%; | |
height: 30px; | |
margin: 0 | |
} | |
.grid li.splitter.splitter:first-child { | |
height: 7px | |
} | |
.grid li.relation-label { | |
clear: left | |
} | |
.grid li.relation-label.links a { | |
background-color: var(--relation-label-links-bg, #5e8af7); | |
color: var(--relation-label-links-text, #fff) | |
} | |
.grid li.relation-label.links .arrow { | |
border-left-color: var(--relation-label-links-bg, #5e8af7) | |
} | |
.grid li.relation-label.empty-links a { | |
background-color: var(--relation-label-empty-bg, #fd7373); | |
color: var(--relation-label-empty-text, #fff) | |
} | |
.grid li.relation-label.empty-links .arrow { | |
border-left-color: var(--relation-label-empty-bg, #fd7373) | |
} | |
.grid li.relation-label a { | |
display: table-cell; | |
height: inherit; | |
width: inherit; | |
vertical-align: middle; | |
font-size: 14px; | |
text-align: center; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
background-color: var(--relation-label-bg, #9babc1); | |
color: var(--relation-label-text, #fff); | |
border-radius: 2px; | |
padding: 8px; | |
word-break: break-word; | |
text-decoration: none | |
} | |
.grid li.relation-label a.links { | |
background-color: #3c70a8 | |
} | |
.grid li.relation-label a.empty-links { | |
background-color: #ed9c08 | |
} | |
.grid li.relation-label a .title { | |
max-height: 56px; | |
display: block; | |
overflow: hidden | |
} | |
.grid li.relation-label a .hash { | |
color: rgba(255, 255, 255, 0.55); | |
margin-right: 2px; | |
margin-left: -2px | |
} | |
.grid li.relation-label a .desc { | |
display: block; | |
font-size: 11px; | |
margin-top: 5px | |
} | |
.grid li.relation-label a .kamon { | |
display: block; | |
font-size: 22px; | |
margin: 8px auto | |
} | |
.grid li.relation-label a .icon-lg { | |
width: 36px; | |
height: 36px; | |
line-height: 36px; | |
font-size: 36px; | |
display: inline-block | |
} | |
.grid li.relation-label .arrow { | |
display: block; | |
position: absolute; | |
width: 0; | |
height: 0; | |
left: 100%; | |
top: calc(50% - 7px); | |
border-style: solid; | |
border-width: 7px 5px; | |
border-color: transparent; | |
border-left-color: var(--relation-label-bg, #9babc1) | |
} | |
.grid li.ellipsis a { | |
display: table-cell; | |
height: inherit; | |
width: inherit; | |
vertical-align: middle; | |
font-size: 14px; | |
text-align: center; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
color: var(--tool-color, #848484); | |
border-radius: 2px; | |
padding: 8px; | |
word-break: break-word; | |
text-decoration: none | |
} | |
[data-hover-visible] .grid li.ellipsis a:hover .circle { | |
background: var(--tool-bg, #ccc) | |
} | |
.grid li.ellipsis a .circle { | |
width: 60px; | |
height: 60px; | |
border-radius: 30px; | |
display: inline-flex; | |
justify-content: center; | |
align-items: center | |
} | |
.grid li.ellipsis a .kamon { | |
width: 24px; | |
height: 24px; | |
line-height: 24px; | |
font-size: 24px; | |
display: inline-block | |
} | |
.grid li.page-list-item.empty { | |
opacity: .5 | |
} | |
.grid li.page-list-item a { | |
display: block; | |
position: relative; | |
height: inherit; | |
width: inherit; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
background-color: var(--card-bg, #fff); | |
box-shadow: var(--card-box-shadow, 0 2px 0 rgba(0, 0, 0, 0.12)); | |
border-radius: 2px; | |
color: var(--card-title-color, #555); | |
word-break: break-word; | |
text-decoration: none | |
} | |
.grid li.page-list-item a .hover { | |
opacity: 0; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
background-color: rgba(0, 0, 0, 0.05); | |
mix-blend-mode: multiply; | |
z-index: 1; | |
transition: background-color .1s | |
} | |
[data-hover-visible] .grid li.page-list-item a:hover { | |
box-shadow: var(--card-box-hover-shadow, 0 2px 0 rgba(0, 0, 0, 0.23)) | |
} | |
[data-hover-visible] .grid li.page-list-item a:hover .hover { | |
opacity: 1 | |
} | |
[data-focus-visible] .grid li.page-list-item a:focus { | |
outline: 0; | |
box-shadow: 0 0px 0px 3px rgba(102, 175, 233, 0.6); | |
border-color: #66afe9; | |
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s | |
} | |
.grid li.page-list-item a:active .hover { | |
opacity: 1; | |
background-color: rgba(0, 0, 0, 0.1) | |
} | |
.grid li.page-list-item a .pin { | |
position: absolute; | |
height: 20px; | |
width: 22px; | |
top: 0; | |
right: 0; | |
border-radius: 0 0 0 4px; | |
background: linear-gradient(45deg, var(--card-backside, #aaa), var(--card-backside, #aaa) 50%, var(--body-bg, #dcdde0) 50%, var(--body-bg, #dcdde0)); | |
z-index: 2 | |
} | |
.grid li.page-list-item a .content { | |
height: calc(100% - 5px); | |
width: inherit; | |
display: flex; | |
flex-direction: column; | |
overflow: hidden | |
} | |
.grid li.page-list-item a .icon { | |
padding: 0 5px | |
} | |
.grid li.page-list-item a .icon img { | |
display: block; | |
width: 100%; | |
margin: 0 auto | |
} | |
.grid li.page-list-item a .line-img div { | |
background-color: var(--card-description-color, #e9eaeb); | |
height: 4px; | |
margin: 8px 0 | |
} | |
.grid li.page-list-item a .line-img div:last-of-type { | |
width: 70% | |
} | |
.grid li.page-list-item a .header { | |
width: 100%; | |
color: #396bdd; | |
text-overflow: ellipsis; | |
border-top: var(--card-title-bg, #f2f2f3) solid 10px; | |
padding: 10px 12px | |
} | |
.grid li.page-list-item a .title { | |
font-size: 14px; | |
font-weight: bold; | |
line-height: 20px; | |
max-height: 60px; | |
color: var(--card-title-color, #363c49); | |
margin: 0; | |
overflow: hidden; | |
display: -webkit-box; | |
-webkit-line-clamp: 3; | |
-webkit-box-orient: vertical; | |
text-overflow: ellipsis | |
} | |
html[data-os*='mac'] .grid li.page-list-item a .title, | |
.grid li.page-list-item a .title[data-os*='mac'] { | |
font-weight: 500 | |
} | |
.grid li.page-list-item a .description { | |
line-height: 20px; | |
padding: 10px 12px 0; | |
font-size: 12px; | |
white-space: pre-line; | |
column-count: 1; | |
column-gap: 2em; | |
column-width: 10em; | |
height: inherit; | |
color: var(--card-description-color, gray); | |
flex-shrink: 16; | |
overflow: hidden | |
} | |
.grid li.page-list-item a .description .formula { | |
display: block | |
} | |
.grid li.page-list-item a .description p { | |
margin: 0; | |
display: block | |
} | |
.list li.page-list-item { | |
list-style: none; | |
margin: 0; | |
padding: 0; | |
border-bottom: 1px solid #dcdcdc; | |
background-color: #fafafa; | |
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.35); | |
font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", sans-serif | |
} | |
.list li.page-list-item a { | |
color: #333; | |
font-size: 13px; | |
display: block; | |
padding: 10px 30px 10px 18px; | |
min-height: 70px; | |
text-decoration: none | |
} | |
.list li.page-list-item a .icon { | |
width: 50px; | |
max-height: 50px; | |
overflow: hidden; | |
margin: 0 10px 0 0; | |
position: absolute | |
} | |
.list li.page-list-item a .icon img { | |
max-width: 100%; | |
width: auto | |
} | |
.list li.page-list-item a .content { | |
margin-left: 70px; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.list li.page-list-item a .title { | |
font-size: 16px; | |
line-height: 20px; | |
margin: 15px 0 | |
} | |
.list li.page-list-item a .title-with-description { | |
font-size: 16px; | |
line-height: 20px | |
} | |
.list li.page-list-item a .description { | |
display: block; | |
margin: 13px 0 10px; | |
color: #666; | |
font-size: 12px; | |
line-height: 14px; | |
max-height: 28px; | |
overflow: hidden | |
} | |
.list li.page-list-item a .description span { | |
margin-right: .5em | |
} | |
.list li.page-list-item a:active { | |
background-color: #f1f1f1 | |
} | |
[data-hover-visible] .list li.page-list-item a:hover { | |
background-color: #f1f1f1 | |
} | |
.list li.page-list-item a .views { | |
display: inline-block; | |
margin-left: 3px; | |
height: 12px; | |
font-size: 8px; | |
color: #b3b3b3 | |
} | |
.list li.page-list-item:last-of-type { | |
border-bottom: 0 | |
} | |
.page-list-item .description .page-link { | |
color: #396bdd | |
} | |
.page-list-item .description .link { | |
color: #396bdd; | |
text-decoration: underline | |
} | |
.page-list-item .description code { | |
background-color: rgba(0, 0, 0, 0.04); | |
color: #342d9c | |
} | |
.page-list-item .description img { | |
display: inline-block | |
} | |
.page-list-item .description img.inline-icon { | |
height: 1.1em; | |
vertical-align: baseline | |
} | |
.page-list-item .description .formula { | |
margin: auto | |
} | |
.page-list-item .description .formula .katex-display { | |
display: inline-block !important; | |
margin: 0 !important; | |
text-align: inherit !important | |
} | |
.page-list-item .description .formula .katex-display .mord.text.displaystyle.textstyle.uncramped { | |
display: inline-block; | |
margin: auto 5px; | |
font-size: .8em | |
} | |
.page-menu { | |
position: sticky; | |
position: -webkit-sticky; | |
top: 10px; | |
margin: 0 auto 0 10px; | |
font-size: 13px; | |
width: 46px; | |
text-align: left; | |
z-index: 300 | |
} | |
.page-menu .tool-btn { | |
width: 46px; | |
height: 46px; | |
text-align: center; | |
display: inline-flex; | |
cursor: pointer; | |
color: var(--tool-color, #848484); | |
border-radius: 23px; | |
justify-content: center; | |
align-items: center | |
} | |
.page-menu .tool-btn img { | |
width: 46px; | |
height: 46px; | |
padding: 5px; | |
border-radius: 23px | |
} | |
.page-menu .tool-btn i::before { | |
display: inline-block | |
} | |
[data-hover-visible] .page-menu .tool-btn:hover { | |
color: var(--tool-color, #848484); | |
background-color: var(--tool-bg, #ccc) | |
} | |
.page-menu .tool-btn:active { | |
background-color: var(--tool-bg, #ccc) | |
} | |
.page-menu .tool-btn img.extension-btn { | |
border-radius: 14px; | |
padding: 9px | |
} | |
[data-hover-visible] .page-menu .tool-btn.link-btn.disabled:hover { | |
background-color: rgba(0, 0, 0, 0) | |
} | |
.page-menu.xs { | |
margin: 0; | |
font-size: 14px; | |
width: 100%; | |
overflow: visible; | |
white-space: nowrap | |
} | |
.page-menu.xs div.dropdown { | |
display: inline-block; | |
vertical-align: middle; | |
padding-left: 5px; | |
padding-right: 5px | |
} | |
.page-menu.xs .link-btn { | |
display: inline-flex; | |
vertical-align: middle; | |
padding-left: 5px; | |
padding-right: 5px | |
} | |
.page-menu.xs .tool-btn { | |
background-color: transparent; | |
height: 100% | |
} | |
.page-menu.xs ul { | |
position: fixed; | |
z-index: 1100 | |
} | |
.page-menu.xs:hover { | |
background-color: transparent | |
} | |
.page-menu ul>li>div { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857; | |
color: #333; | |
white-space: nowrap; | |
cursor: default | |
} | |
.page-menu .dropdown-menu-top, | |
.page-menu .dropdown-menu-right { | |
top: 0; | |
max-width: 80vw; | |
max-height: 80vh; | |
overflow-x: hidden; | |
overflow-y: auto | |
} | |
.page-menu .dropdown-menu-top { | |
left: 10px; | |
top: 46px | |
} | |
.page-menu .dropdown-menu-right { | |
right: 46px | |
} | |
.page-menu .dropdown-menu .divider { | |
display: block | |
} | |
.page-menu .dropdown-menu>li>a .kamon { | |
margin-right: 4px; | |
width: 18px; | |
height: 18px; | |
line-height: 18px; | |
font-size: 18px; | |
display: inline-block | |
} | |
.page-menu .dropdown .creator, | |
.page-menu .dropdown .collaborators { | |
margin: 0 | |
} | |
.page-menu .dropdown .creator img, | |
.page-menu .dropdown .collaborators img { | |
width: 20px; | |
height: 20px | |
} | |
.page-menu .dropdown .extension-item img { | |
height: 1.3em; | |
margin-right: 3px | |
} | |
.expandable-menu { | |
top: 4px; | |
position: fixed; | |
right: 0; | |
z-index: 1000; | |
height: 46px; | |
background-color: var(--navbar-bg, #353b48); | |
border-radius: 4px 0 0 4px; | |
display: none | |
} | |
@media (max-width: 767px) { | |
.expandable-menu { | |
display: inline-flex; | |
align-items: center | |
} | |
} | |
.expandable-menu .toggle-button { | |
display: flex; | |
color: #fff; | |
opacity: .6; | |
cursor: pointer; | |
height: 100%; | |
align-items: center | |
} | |
.expandable-menu .toggle-button .kamon { | |
transition: transform .2s; | |
width: 24px; | |
height: 24px; | |
line-height: 24px; | |
font-size: 24px; | |
display: inline-block | |
} | |
.expandable-menu .toggle-button.open .kamon { | |
transform: rotate(-180deg) | |
} | |
.expandable-menu .page-menu { | |
display: inline; | |
position: relative; | |
top: 0; | |
height: 100% | |
} | |
.expandable-menu .page-menu .dropdown { | |
height: 100% | |
} | |
.expandable-menu .page-menu .tool-btn { | |
color: #fff | |
} | |
.expandable-menu .page-menu .tool-btn:active { | |
background-color: rgba(0, 0, 0, 0.08) | |
} | |
[data-hover-visible] .expandable-menu .page-menu .tool-btn:hover { | |
background-color: rgba(0, 0, 0, 0.08) | |
} | |
.expandable-menu .dropdown-menu { | |
left: unset; | |
right: 10px | |
} | |
.popup-menu { | |
position: absolute; | |
left: 0; | |
width: 100%; | |
z-index: 300; | |
transform: translateY(calc(-100% - 14px)); | |
-webkit-user-select: none; | |
user-select: none; | |
font-family: "Open Sans", Helvetica, Arial, "Hiragino Sans", sans-serif; | |
pointer-events: none | |
} | |
.popup-menu .button-container { | |
position: relative; | |
display: inline-block; | |
max-width: 70vw; | |
min-width: 80px; | |
text-align: center; | |
background-color: #111; | |
padding: 0 1px; | |
border-radius: 4px; | |
pointer-events: auto | |
} | |
html[data-os*='android'] .popup-menu .button-container, | |
.popup-menu .button-container[data-os*='android'] { | |
max-width: 90vw | |
} | |
html[data-os*='ios'] .popup-menu .button-container, | |
.popup-menu .button-container[data-os*='ios'] { | |
max-width: 90vw | |
} | |
.popup-menu .button-container .button { | |
font-size: 11px; | |
color: #eee; | |
cursor: pointer; | |
display: inline-block; | |
padding: 0 5px | |
} | |
.popup-menu .button-container .button:not(:first-of-type) { | |
border: 0; | |
border-left: 1px solid #eee | |
} | |
.popup-menu .button-container .button.selected { | |
background-color: #222; | |
text-decoration: underline | |
} | |
html[data-os*='android'] .popup-menu .button-container .button, | |
.popup-menu .button-container .button[data-os*='android'] { | |
font-size: 13px; | |
padding: 6px; | |
min-width: 12vw | |
} | |
html[data-os*='ios'] .popup-menu .button-container .button, | |
.popup-menu .button-container .button[data-os*='ios'] { | |
font-size: 13px; | |
padding: 6px; | |
min-width: 12vw | |
} | |
.popup-menu .triangle { | |
position: absolute; | |
transform: translateX(-50%); | |
width: 0; | |
height: 0; | |
border-top: 6px solid #111; | |
border-left: 8px solid transparent; | |
border-right: 8px solid transparent | |
} | |
html[data-os*='android'] .popup-menu.vertical .button-container, | |
.popup-menu[data-os*='android'].vertical .button-container { | |
max-width: 80vw; | |
text-align: left | |
} | |
html[data-os*='android'] .popup-menu.vertical .button-container .button, | |
.popup-menu[data-os*='android'].vertical .button-container .button { | |
font-size: 11px; | |
display: block; | |
line-height: 1.2em; | |
padding: 12px 10px; | |
min-width: 40px; | |
border-left: 0 | |
} | |
html[data-os*='android'] .popup-menu.vertical .button-container .button:not(:last-of-type), | |
.popup-menu[data-os*='android'].vertical .button-container .button:not(:last-of-type) { | |
border: 0; | |
border-bottom: 1px solid #eee | |
} | |
html[data-os*='ios'] .popup-menu.vertical .button-container, | |
.popup-menu[data-os*='ios'].vertical .button-container { | |
max-width: 80vw; | |
text-align: left | |
} | |
html[data-os*='ios'] .popup-menu.vertical .button-container .button, | |
.popup-menu[data-os*='ios'].vertical .button-container .button { | |
font-size: 11px; | |
display: block; | |
line-height: 1.2em; | |
padding: 12px 10px; | |
min-width: 40px; | |
border-left: 0 | |
} | |
html[data-os*='ios'] .popup-menu.vertical .button-container .button:not(:last-of-type), | |
.popup-menu[data-os*='ios'].vertical .button-container .button:not(:last-of-type) { | |
border: 0; | |
border-bottom: 1px solid #eee | |
} | |
.project-search { | |
margin-top: 50px; | |
margin-bottom: 20px | |
} | |
.project-search .project-search-count { | |
color: var(--tool-color, #333); | |
font-weight: bold; | |
margin-left: 12px; | |
margin-bottom: 28px | |
} | |
.project-search .project-search-button .fa { | |
margin-left: .2em | |
} | |
.project-settings-page h1 { | |
color: var(--tool-color, #333) | |
} | |
@media (max-width: 991px) { | |
.project-settings-page h1 { | |
margin-left: 13px | |
} | |
} | |
.project-settings-page .nav-tabs { | |
margin-bottom: 8px; | |
border: 0 | |
} | |
@media (max-width: 767px) { | |
.project-settings-page .nav-tabs { | |
flex-wrap: nowrap | |
} | |
.project-settings-page .nav-tabs>li>a { | |
white-space: nowrap | |
} | |
} | |
.project-settings-page .nav-tabs>li.active>a, | |
.project-settings-page .nav-tabs>li.open>a { | |
color: #333 | |
} | |
[data-hover-visible] .project-settings-page .nav-tabs>li.active>a:hover, | |
.project-settings-page .nav-tabs>li.active>a:active, | |
.project-settings-page .nav-tabs>li.active>a:focus, | |
[data-hover-visible] .project-settings-page .nav-tabs>li.open>a:hover, | |
.project-settings-page .nav-tabs>li.open>a:active, | |
.project-settings-page .nav-tabs>li.open>a:focus { | |
color: #333; | |
background-color: #fff | |
} | |
.project-settings-page .nav-tabs>li>a { | |
color: var(--tool-color, #333); | |
border-radius: 4px; | |
border-color: transparent !important | |
} | |
[data-hover-visible] .project-settings-page .nav-tabs>li>a:hover { | |
color: var(--tool-color, #333); | |
background-color: var(--tool-bg, rgba(0, 0, 0, 0.08)) | |
} | |
.project-settings-page .nav-tabs>li>a:focus { | |
color: var(--tool-color, #333) | |
} | |
.project-settings-page .nav-tabs>li>a .kamon { | |
float: right | |
} | |
.project-settings-page .nav-tabs>li:focus-within { | |
z-index: 2000 | |
} | |
.project-settings-page .tab-content { | |
border-radius: 4px; | |
min-height: 300px | |
} | |
.project-backup .description { | |
margin-bottom: 40px | |
} | |
.project-backup .open .kamon-direction-down { | |
transform: rotateX(180deg) | |
} | |
.project-backup .group-label { | |
cursor: pointer; | |
user-select: none; | |
-webkit-user-select: none; | |
-moz-user-select: none | |
} | |
.project-backup .group-label .kamon-direction-down { | |
font-size: 7px; | |
padding-right: 8px; | |
display: inline-flex; | |
color: #737373; | |
transition: transform .2s; | |
transform-origin: center center | |
} | |
.project-backup .group-label label { | |
cursor: pointer | |
} | |
.project-backup .group-items { | |
border: 1px solid #eee; | |
border-radius: 2px; | |
padding: 10px; | |
margin-bottom: 20px | |
} | |
.project-backup .group-items p { | |
margin: 0; | |
color: #737373 | |
} | |
.project-backup .group-items .backup-item { | |
display: flex; | |
justify-content: space-between; | |
align-items: center; | |
border-bottom: 1px solid #eee; | |
padding: 10px | |
} | |
.project-backup .group-items .backup-item:last-child { | |
border-bottom: 0 | |
} | |
.project-billing-form p.with-icon { | |
margin: 30px 0 30px 60px; | |
min-height: 40px | |
} | |
.project-billing-form p.with-icon .kamon { | |
position: absolute; | |
font-size: 30px; | |
margin-left: -49px; | |
margin-top: -4px | |
} | |
.project-billing-form p a { | |
color: #333; | |
text-decoration: underline | |
} | |
.project-billing-form a.btn.disabled { | |
pointer-events: auto | |
} | |
@keyframes fadein { | |
from { | |
opacity: 0 | |
} | |
to { | |
opacity: 1 | |
} | |
} | |
.project-members-form .invite-btn { | |
float: right | |
} | |
.project-members-form .invite-form input.form-control { | |
margin-bottom: 5px | |
} | |
.project-members-form .invite-form .buttons { | |
display: flex | |
} | |
.project-members-form .invite-form .buttons .btn+.btn { | |
margin-left: 5px | |
} | |
.project-members-form .invite-form .buttons .button-right { | |
margin-left: auto !important; | |
margin-right: 0 | |
} | |
@media (max-width: 767px) { | |
.project-members-form .invite-form .buttons { | |
flex-direction: column | |
} | |
.project-members-form .invite-form .buttons .btn+.btn { | |
margin-left: 0 | |
} | |
.project-members-form .invite-form .buttons .button-right { | |
margin-left: 0; | |
margin-right: 0 | |
} | |
.project-members-form .invite-form .buttons .btn { | |
margin-bottom: 5px | |
} | |
} | |
.project-members-form .login-restriction .save-settings { | |
margin-top: 5px | |
} | |
.project-members-form .login-restriction .alert { | |
margin-bottom: auto | |
} | |
.project-members-form .login-restriction .email-address-patterns, | |
.project-members-form .login-restriction .additional-input { | |
margin-bottom: 20px | |
} | |
.project-members-form .user-list-item { | |
border-bottom: 1px solid #eee; | |
padding: 10px 0 | |
} | |
.project-members-form .user-list-item:hover .actions { | |
display: block | |
} | |
.project-members-form .user-list-item .actions { | |
float: right; | |
margin-top: 7px; | |
display: none; | |
animation-duration: .3s; | |
animation-name: fadein | |
} | |
.project-members-form .user-list-item .actions .btn { | |
margin-left: 5px | |
} | |
.project-members-form .user-list-item .icon img { | |
width: 50px; | |
height: 50px; | |
border-radius: 25px; | |
float: left | |
} | |
.project-members-form .user-list-item .display-name { | |
margin-left: 60px; | |
font-weight: bold; | |
font-size: 18px | |
} | |
.project-members-form .user-list-item .misc { | |
margin-left: 60px | |
} | |
.project-members-form .user-list-item .misc .name { | |
color: #666; | |
display: inline-block; | |
margin-bottom: 3px | |
} | |
.project-members-form .user-list-item .misc .name a { | |
text-decoration: none | |
} | |
.project-members-form .user-list-item .misc .name a.empty-page-link { | |
color: #fd7373 | |
} | |
.project-members-form .user-list-item .misc .email, | |
.project-members-form .user-list-item .misc .login-provider { | |
color: #999; | |
display: inline-block; | |
margin-bottom: 3px; | |
margin-left: .3em | |
} | |
.project-members-form .user-list-item .misc .role { | |
display: inline-block; | |
background-color: #ddd; | |
border-radius: 2px; | |
margin-left: 3px; | |
margin-bottom: 3px; | |
padding: 0 5px | |
} | |
@keyframes fadein { | |
from { | |
opacity: .5 | |
} | |
to { | |
opacity: 1 | |
} | |
} | |
.project-notifications-form .add-btn { | |
margin: 4px 0 | |
} | |
.project-notifications-form .add-form { | |
animation-duration: .3s; | |
animation-name: fadein | |
} | |
.project-notifications-form .add-form .buttons { | |
margin-top: 5px | |
} | |
.project-notifications-form .add-form .buttons .btn { | |
margin-right: 5px | |
} | |
.project-notifications-form .list-item { | |
border-bottom: 1px solid #eee; | |
padding: 10px 0 | |
} | |
.project-notifications-form .list-item:hover .actions { | |
display: block | |
} | |
.project-notifications-form .list-item .actions { | |
float: right; | |
margin-top: 7px; | |
display: none; | |
animation-duration: .3s; | |
animation-name: fadein | |
} | |
.project-notifications-form .list-item .icon { | |
font-size: 30px; | |
color: #666; | |
width: 50px; | |
height: 50px; | |
float: left; | |
padding: 7px 0 0 6px | |
} | |
.project-notifications-form .list-item .service-name { | |
margin-left: 50px; | |
font-weight: bold; | |
font-size: 18px | |
} | |
.project-notifications-form .list-item .misc { | |
margin-left: 50px; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
overflow: hidden; | |
width: 70%; | |
color: #999 | |
} | |
.project-notifications-form .list-item .misc .option { | |
color: #666 | |
} | |
.project-notifications-form .list-item .misc .url { | |
margin-top: 5px; | |
width: 100%; | |
font-size: 13px; | |
background-clip: padding-box; | |
border-radius: 2px; | |
border: 1px solid #eee | |
} | |
.project-page-data-form .page-data-item .checkbox { | |
margin-left: 20px | |
} | |
.project-page-data-form .page-data-item a.bookmarklet { | |
color: #333; | |
text-decoration: none; | |
background-color: #eee; | |
border: 1px solid #333; | |
padding: 3px | |
} | |
.project-page-data-form .page-data-item .btn { | |
margin-bottom: 10px | |
} | |
.project-page-data-form .page-data-item .file { | |
margin-top: 10px | |
} | |
@media (max-width: 767px) { | |
.project-page-data-form .page-data-item .file { | |
margin-bottom: 15px | |
} | |
} | |
.project-page-data-form .page-data-item .alert { | |
margin-top: 10px | |
} | |
.project-page-data-form .page-data-item .import-form pre { | |
margin-top: 10px | |
} | |
.project-theme-form .category-list>div { | |
list-style: none; | |
margin-bottom: 14px | |
} | |
.project-theme-form .category-list>div h4 { | |
margin-bottom: 18px; | |
color: #5f616a | |
} | |
.project-theme-form .theme-list>div { | |
list-style: none; | |
position: relative; | |
float: left; | |
margin: 0 34px 15px 0 | |
} | |
@media (max-width: 767px) { | |
.project-theme-form .theme-list>div { | |
margin-right: 20px | |
} | |
} | |
.project-theme-form .theme-list>div.active .preview { | |
border-radius: 3px; | |
box-shadow: 0 0 0 4px #41b059 | |
} | |
.project-theme-form .theme-list>div a { | |
display: block; | |
cursor: pointer; | |
font-weight: normal; | |
color: #5f616a; | |
text-align: center; | |
text-decoration: none | |
} | |
.project-theme-form .theme-list>div a svg { | |
pointer-events: none | |
} | |
.project-theme-form .theme-list>div a .preview { | |
display: block; | |
pointer-events: none; | |
border-radius: 4px; | |
margin-bottom: 4px | |
} | |
.project-theme-form .theme-list>div a .checkmark { | |
position: absolute; | |
top: 24px; | |
left: 31px; | |
color: #41b059 | |
} | |
.upload-settings-form .upload-radio-group:nth-child(n+2) { | |
border-top: 1px solid #ddd; | |
padding-top: 20px; | |
margin-top: 20px | |
} | |
.upload-settings-form .radio-buttons { | |
margin-top: 20px | |
} | |
.upload-settings-form .advanced-setting { | |
margin-bottom: 20px; | |
margin-left: 24px | |
} | |
.upload-settings-form .advanced-setting.gyazo-teams-setting .input-group { | |
max-width: 400px | |
} | |
.quick-launch { | |
color: var(--tool-color, #363c49); | |
font-size: 14px; | |
margin-bottom: 28px | |
} | |
.quick-launch .flex-box { | |
display: flex; | |
justify-content: space-between; | |
flex-wrap: wrap | |
} | |
.quick-launch .flex-box .flex-item { | |
min-width: 150px; | |
flex-grow: 1 | |
} | |
@media (min-width: 768px) { | |
.quick-launch.layout-page { | |
margin-bottom: 28px | |
} | |
} | |
@media (max-width: 767px) { | |
.quick-launch { | |
margin-bottom: 15px | |
} | |
} | |
.quick-launch .grid-size-range { | |
height: 42px | |
} | |
.quick-launch .left-box { | |
display: flex; | |
align-items: center | |
} | |
.quick-launch .project-home, | |
.quick-launch .history-back-button { | |
color: var(--tool-color, #363c49); | |
display: flex; | |
align-items: center; | |
font-size: 18px; | |
border-radius: 3px; | |
padding: 0 12px; | |
line-height: 40px; | |
min-height: 42px; | |
font-weight: 600 | |
} | |
.quick-launch .project-home .kamon, | |
.quick-launch .history-back-button .kamon { | |
fill: var(--tool-color, #363c49) | |
} | |
.quick-launch .project-home:active, | |
.quick-launch .history-back-button:active { | |
background: var(--tool-bg, rgba(0, 0, 0, 0.08)); | |
box-shadow: none | |
} | |
[data-hover-visible] .quick-launch .project-home:hover, | |
[data-hover-visible] .quick-launch .history-back-button:hover { | |
background: var(--tool-bg, rgba(0, 0, 0, 0.08)); | |
color: var(--tool-color, #363c49); | |
text-decoration: none | |
} | |
.quick-launch .project-home, | |
.quick-launch .project-home .title { | |
flex-shrink: 1; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.quick-launch .history-back-button { | |
padding: 0 8px | |
} | |
.quick-launch .private-badge { | |
color: var(--tool-color, #363c49); | |
border-radius: 3px; | |
cursor: default; | |
height: 24px; | |
padding: 0 6px; | |
transition: background .3s; | |
display: flex; | |
align-items: center | |
} | |
[data-hover-visible] .quick-launch .private-badge:hover { | |
background: var(--tool-bg, rgba(0, 0, 0, 0.08)) | |
} | |
.quick-launch .private-badge .kamon { | |
width: 20px; | |
height: 20px; | |
line-height: 20px; | |
font-size: 20px; | |
display: inline-block | |
} | |
.quick-launch .plan-badge { | |
margin: 2px 8px 0 2px; | |
background: var(--tool-badge-bg, #edeeee); | |
border-radius: 3px; | |
color: var(--tool-color, #5f616a); | |
cursor: default; | |
display: block; | |
font-size: 11px; | |
height: 18px; | |
line-height: 18px; | |
padding: 0 4px; | |
transition: background .3s; | |
white-space: nowrap | |
} | |
.quick-launch .plan-badge .icon { | |
font-size: 15px | |
} | |
[data-hover-visible] .quick-launch .plan-badge:hover { | |
background: var(--tool-bg, rgba(0, 0, 0, 0.08)) | |
} | |
.quick-launch .right-box { | |
display: flex; | |
justify-content: flex-end | |
} | |
.quick-launch .new-button { | |
margin: auto | |
} | |
@media (min-width: 768px) { | |
.quick-launch .new-button { | |
display: none | |
} | |
} | |
.quick-launch .search-result-count { | |
margin: 20px 0 0 12px | |
} | |
.quick-launch input.grid-size-range { | |
margin-right: 10px; | |
width: 100px | |
} | |
input.grid-size-range::-webkit-slider-runnable-track { | |
background: var(--tool-light-color, #ccc) | |
} | |
input.grid-size-range::-moz-range-track { | |
background: var(--tool-light-color, #ccc) | |
} | |
input.grid-size-range::-ms-track { | |
background: var(--tool-light-color, #ccc) | |
} | |
input.grid-size-range::-webkit-slider-thumb { | |
background: var(--tool-color, #444) | |
} | |
input.grid-size-range::-moz-range-thumb { | |
background: var(--tool-color, #444) | |
} | |
input.grid-size-range::-ms-thumb { | |
background: var(--tool-color, #444) | |
} | |
input.grid-size-range:active::-webkit-slider-thumb, | |
input.grid-size-range.focus-visible:focus::-webkit-slider-thumb { | |
background: var(--tool-color, #111) | |
} | |
input.grid-size-range:active::-moz-range-thumb, | |
input.grid-size-range.focus-visible:focus::-moz-range-thumb { | |
background: var(--tool-color, #111) | |
} | |
input.grid-size-range:active::-ms-thumb, | |
input.grid-size-range.focus-visible:focus::-ms-thumb { | |
background: var(--tool-color, #111) | |
} | |
.related-page-list { | |
overflow: hidden; | |
margin-top: 7px | |
} | |
.related-page-list ul.grid { | |
list-style: none; | |
margin: 0 -30px 0 0; | |
padding: 0 | |
} | |
.search-form .form-group { | |
position: relative; | |
width: 100% | |
} | |
.search-form .form-group .dropdown { | |
flex-grow: 1 | |
} | |
.search-form .form-group input { | |
width: 100%; | |
border-radius: 3px; | |
padding: 0 10px; | |
height: 40px; | |
border: transparent; | |
box-shadow: none; | |
font-size: 16px; | |
color: rgba(255, 255, 255, 0.35); | |
background-color: var(--search-form-bg, rgba(255, 255, 255, 0.15)) | |
} | |
.search-form .form-group input:focus { | |
color: #555; | |
background-color: #fff | |
} | |
.search-form .form-group button { | |
position: absolute; | |
top: 0; | |
right: 0; | |
padding: 0; | |
height: 40px; | |
width: 40px; | |
line-height: 40px; | |
border: 0; | |
background: none; | |
color: #fff; | |
display: flex; | |
align-items: center; | |
justify-content: center | |
} | |
.search-form .form-group button .kamon { | |
fill: #fff | |
} | |
.search-form .form-group button.focus { | |
color: #4a4a4a; | |
background: none; | |
box-shadow: none; | |
outline: 0 | |
} | |
.search-form .form-group button.focus .kamon { | |
fill: #4a4a4a | |
} | |
.search-not-found { | |
color: var(--tool-color, #607989); | |
margin: 0 auto; | |
text-align: center; | |
max-width: 500px | |
} | |
.search-not-found p { | |
margin: 10px 0 18px; | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis | |
} | |
.search-not-found a { | |
white-space: nowrap; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
max-width: 100% | |
} | |
.search-not-found .kamon { | |
width: 48px; | |
height: 48px; | |
line-height: 48px; | |
font-size: 48px; | |
display: inline-block | |
} | |
.selections .move-line { | |
height: 30px; | |
z-index: 200; | |
position: absolute | |
} | |
.selections .move-line.line-up { | |
padding: 0 20px | |
} | |
.selections .move-line.line-down { | |
padding: 0 20px | |
} | |
.selection { | |
position: absolute; | |
z-index: 100; | |
pointer-events: none; | |
opacity: .4; | |
background-color: #008000; | |
top: 0; | |
left: 0; | |
width: 100px; | |
height: 20px | |
} | |
.shared-cursors .cursor { | |
position: absolute; | |
z-index: 101; | |
width: 2px; | |
opacity: .7; | |
height: 23px; | |
background-color: #008000 | |
} | |
.shared-cursors .user-flag { | |
margin-top: -7px; | |
width: 50px; | |
height: 14px; | |
font-size: 10px; | |
line-height: 14px; | |
padding: 0 2px; | |
color: #fff; | |
background-color: #008000; | |
white-space: nowrap; | |
text-overflow: ellipsis; | |
overflow: hidden | |
} | |
.page-sort-menu { | |
line-height: 42px; | |
white-space: nowrap | |
} | |
.page-sort-menu .splitter { | |
display: block; | |
height: 42px | |
} | |
.page-sort-menu .tool-btn { | |
cursor: pointer; | |
color: var(--tool-color, #363c49); | |
padding: 6px 10px 3px; | |
border-radius: 3px | |
} | |
.page-sort-menu .tool-btn>.caret { | |
margin-left: 10px | |
} | |
.page-sort-menu .tool-btn:active { | |
background-color: var(--tool-bg, rgba(0, 0, 0, 0.08)); | |
box-shadow: none | |
} | |
[data-hover-visible] .page-sort-menu .tool-btn:hover { | |
color: var(--tool-color, #363c49); | |
background: var(--tool-bg, rgba(0, 0, 0, 0.08)); | |
text-decoration: none | |
} | |
.related-page-sort-menu { | |
display: flex; | |
justify-content: flex-end | |
} | |
.status-bar { | |
position: fixed; | |
right: 0; | |
bottom: 0; | |
height: 28px; | |
z-index: 300; | |
display: flex | |
} | |
.status-bar>div { | |
border-top: 1px solid var(--card-box-shadow-color, #a9aaaf); | |
border-left: 1px solid var(--card-box-shadow-color, #a9aaaf); | |
background-color: var(--body-bg, #dcdde0); | |
color: var(--tool-color, #666874); | |
font-size: 12px; | |
padding: 0 12px; | |
line-height: 28px; | |
cursor: default | |
} | |
.status-bar>div:first-of-type { | |
border-top-left-radius: 3px | |
} | |
.status-bar>div.error { | |
background-color: #d33; | |
color: #eee | |
} | |
.status-bar>div.offline-mode-status { | |
background-color: #00d; | |
color: #eee | |
} | |
.status-bar>div.history-mode-status { | |
background-color: #555; | |
color: #fff | |
} | |
.status-bar .item-group { | |
display: inline-flex; | |
align-items: center; | |
height: 100% | |
} | |
.status-bar .item { | |
margin: 0 3px; | |
display: inline-flex; | |
align-items: center | |
} | |
.status-bar .kamon { | |
width: 16px; | |
height: 16px; | |
line-height: 16px; | |
font-size: 16px; | |
display: inline-block | |
} | |
.stream { | |
font-family: "Roboto", Helvetica, Arial, "Hiragino Sans", sans-serif | |
} | |
.stream h1 { | |
color: var(--tool-color, #333); | |
background-color: var(--body-bg, #dcdde0); | |
position: -webkit-sticky; | |
position: sticky; | |
top: 0; | |
z-index: 900; | |
margin: 0 0 5px; | |
padding: 5px 0; | |
font-size: 15px | |
} | |
.stream .time-range { | |
margin-bottom: 30px | |
} | |
.stream .page { | |
margin-bottom: 20px | |
} | |
.stream .page .icons img.icon { | |
margin-top: 5px; | |
height: 20px | |
} | |
.stream .page .lines { | |
line-height: 28px | |
} | |
.stream .page .line { | |
font-size: 15px; | |
line-height: 28px | |
} | |
.stream .page .line-title { | |
font-size: 25.95px; | |
line-height: 42px; | |
margin-bottom: 20px | |
} | |
.stream .page .has-search-word { | |
background-color: #fe6 | |
} | |
.stream .page .link { | |
color: #5e8af7; | |
text-decoration: underline | |
} | |
.stream .page .page-link { | |
color: #5e8af7 | |
} | |
.stream .page code { | |
background-color: rgba(0, 0, 0, 0.04) | |
} | |
.stream .page code.helpfeel { | |
background-color: #fbebdd; | |
padding: 3px !important | |
} | |
.stream .page code.helpfeel .prefix { | |
color: #f17c00 | |
} | |
.stream .page code.helpfeel .entry { | |
color: #cc5020 | |
} | |
.stream .page img { | |
display: inline-block; | |
max-width: 100%; | |
max-height: 300px | |
} | |
.stream .page img.inline-icon { | |
height: 1.3em; | |
vertical-align: top | |
} | |
.table-block { | |
white-space: nowrap | |
} | |
.table-block .table-block-start { | |
padding: 1px 2px; | |
font-size: .9em; | |
background-color: #ffcfc6 | |
} | |
.table-block .table-block-start a { | |
color: #342d9c; | |
text-decoration: underline | |
} | |
.table-block .cell { | |
margin: 0; | |
padding: 0 2px 0 8px; | |
box-sizing: content-box; | |
display: inline-block; | |
white-space: pre | |
} | |
.table-block .cell:nth-child(even) { | |
background-color: rgba(0, 0, 0, 0.06) | |
} | |
.table-block .cell:nth-child(odd) { | |
background-color: rgba(0, 0, 0, 0.04) | |
} | |
.table-block .cell.cursor-row:nth-child(even) { | |
background-color: rgba(0, 0, 0, 0.08) | |
} | |
.table-block .cell.cursor-row:nth-child(odd) { | |
background-color: rgba(0, 0, 0, 0.06) | |
} | |
.text-input { | |
position: absolute; | |
z-index: 102; | |
width: .5em; | |
height: 1em; | |
cursor: text; | |
opacity: 0; | |
background: transparent; | |
-moz-appearance: none; | |
appearance: none; | |
border: 0; | |
resize: none; | |
outline: none; | |
overflow: hidden; | |
color: inherit; | |
font: inherit; | |
padding: 0 1px; | |
margin: 0 -1px; | |
user-select: text | |
} | |
.text-input.line-title { | |
font-size: 1.73em; | |
line-height: 1.5em; | |
color: #000 | |
} | |
.text-input.convert-mode { | |
opacity: 1; | |
background-color: #fefefe | |
} | |
.text-input.hide { | |
-webkit-user-select: none; | |
user-select: none; | |
display: none | |
} | |
html[data-display-style*='presentation'] .text-input { | |
font-size: 3vw | |
} | |
html[data-display-style*='presentation'] .text-input.line-title { | |
font-size: 6vw | |
} | |
.touch-scrollable-container { | |
-webkit-overflow-scrolling: touch | |
} | |
.touch-scrollable-container .content { | |
display: block; | |
padding: 0; | |
min-height: 100%; | |
margin: 1px 0 | |
} | |
.trial-exceeded { | |
pointer-events: none; | |
user-select: none; | |
opacity: .5; | |
filter: blur(2px) | |
} | |
.trial-exceeded *:focus { | |
outline: none | |
} | |
.user-settings-page h1 { | |
color: #333 | |
} | |
@media (max-width: 991px) { | |
.user-settings-page h1 { | |
margin-left: 13px | |
} | |
} | |
.user-settings-page ul.nav-tabs>li>a { | |
color: #333 | |
} | |
.extensions-settings-form .extension-item+.extension-item { | |
border-top: 1px solid #ddd; | |
padding-top: 20px; | |
margin-top: 20px | |
} | |
.extensions-settings-form .extension-item .icon { | |
float: left; | |
margin-right: 10px; | |
width: 60px; | |
height: 60px; | |
display: flex; | |
justify-content: center; | |
align-items: center | |
} | |
.extensions-settings-form .extension-item .icon img { | |
width: 100% | |
} | |
.extensions-settings-form .extension-item .icon .kamon { | |
width: 55px; | |
height: 55px; | |
line-height: 55px; | |
font-size: 55px; | |
display: inline-block; | |
color: #333 | |
} | |
.extensions-settings-form .extension-item .title { | |
font-size: 18px; | |
margin-left: 70px; | |
margin-bottom: 10px | |
} | |
.extensions-settings-form .extension-item .description { | |
font-size: 14px; | |
color: #555; | |
margin-left: 70px | |
} | |
.extensions-settings-form .extension-item .checkbox { | |
font-size: 14px; | |
color: #555; | |
margin-left: 70px | |
} | |
.extensions-settings-form .extension-item .right { | |
float: right; | |
margin-top: 10px | |
} | |
.userscript-alert .btn { | |
margin-left: 10px | |
} | |
.line audio { | |
vertical-align: middle; | |
white-space: initial; | |
max-width: 100% | |
} | |
.line.cursor-line .audio { | |
color: #781e7a | |
} | |
.line code { | |
padding: 0; | |
font-size: 90%; | |
color: #342d9c; | |
background-color: rgba(0, 0, 0, 0.04); | |
white-space: -moz-pre-wrap; | |
white-space: -pre-wrap; | |
white-space: -o-pre-wrap; | |
white-space: pre-wrap; | |
word-wrap: break-word; | |
border-radius: 4px | |
} | |
.line code .backquote { | |
opacity: .1 | |
} | |
.line code .hljs-emphasis { | |
font-style: normal | |
} | |
.line code .hljs-formula { | |
background: none | |
} | |
.line.cursor-line code.code .backquote { | |
opacity: .6 | |
} | |
.file-delete-button { | |
position: relative; | |
top: .1em | |
} | |
.file-delete-button .kamon { | |
font-size: inherit; | |
width: 1em | |
} | |
.line .formula { | |
margin: auto 6px | |
} | |
.line .formula .katex-display { | |
display: inline-block !important; | |
margin: 0 !important; | |
text-align: inherit !important | |
} | |
.line .formula .katex-display .mord.text.displaystyle.textstyle.uncramped { | |
display: inline-block; | |
margin: auto 5px; | |
font-size: .8em | |
} | |
.line .formula .katex-display .mord.text { | |
display: inline | |
} | |
.line .formula.error code { | |
color: #fd7373 | |
} | |
.line img.icon, | |
.line img.strong-icon { | |
max-width: 100%; | |
max-height: 300px; | |
display: inline-block | |
} | |
.line img.icon { | |
height: 1.3em; | |
vertical-align: top | |
} | |
.line img.strong-icon { | |
height: 3.9em; | |
vertical-align: bottom | |
} | |
.line .image { | |
margin: 3px 0; | |
max-width: 100%; | |
max-height: 300px; | |
display: inline-block; | |
vertical-align: middle | |
} | |
.line .strong-image { | |
margin: 3px 0; | |
max-width: 95%; | |
max-height: none; | |
display: inline-block; | |
vertical-align: middle | |
} | |
.line.cursor-line .image { | |
color: #781e7a | |
} | |
.line a.link .image { | |
padding-bottom: 3px; | |
border-style: none none solid; | |
border-width: 1.5px; | |
border-color: #8fadf9 | |
} | |
[data-hover-visible] .line a.link .image:hover { | |
border-color: #5e8af7 | |
} | |
.line .indent { | |
display: block | |
} | |
.line .indent-mark { | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 20px; | |
height: 1em; | |
color: transparent | |
} | |
.line .indent-mark .dot { | |
display: block; | |
position: absolute; | |
right: 9px; | |
top: 10px; | |
width: 6px; | |
height: 6px; | |
border-radius: 50%; | |
background-color: #555 | |
} | |
html[data-display-style*='hide-dots'] .line .indent-mark .dot { | |
display: none | |
} | |
.line .indent-mark .pad { | |
display: inline-block; | |
width: 1.5em; | |
height: 1em; | |
overflow: hidden; | |
text-overflow: hidden | |
} | |
.line.number-list .indent-mark { | |
text-indent: 0 | |
} | |
.line.number-list .dot { | |
display: none | |
} | |
.line.formula-line .dot { | |
display: none | |
} | |
.line a.link { | |
text-decoration: underline; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) | |
} | |
.line a.page-link { | |
text-decoration: none; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) | |
} | |
.line a.empty-page-link { | |
color: #fd7373; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) | |
} | |
[data-hover-visible] .line a.empty-page-link:hover { | |
color: #fc4141 | |
} | |
.line.cursor-line .link { | |
color: #781e7a | |
} | |
.line.cursor-line .link .bracket { | |
opacity: .6 | |
} | |
.line .quote { | |
font-style: italic; | |
background-color: rgba(128, 128, 128, 0.1); | |
display: block; | |
border-left: solid 4px #a0a0a0; | |
padding-left: 4px | |
} | |
.line:not(.cursor-line) .quote>.tag { | |
visibility: hidden | |
} | |
.line strong { | |
font-weight: bold | |
} | |
html[data-os*='mac'] .line strong, | |
.line strong[data-os*='mac'] { | |
font-weight: 600 | |
} | |
.line strong.level { | |
font-weight: bold | |
} | |
html[data-os*='mac'] .line strong.level, | |
.line strong.level[data-os*='mac'] { | |
font-weight: 500 | |
} | |
.line strong.level-2 { | |
font-size: 1.2em; | |
line-height: 28px | |
} | |
.line strong.level-3 { | |
font-size: 1.44em; | |
line-height: 35px | |
} | |
.line strong.level-4 { | |
font-size: 1.73em; | |
line-height: 42px | |
} | |
.line strong.level-5 { | |
font-size: 2.07em; | |
line-height: 49px | |
} | |
.line strong.level-6 { | |
font-size: 2.49em; | |
line-height: 56px | |
} | |
.line strong.level-7 { | |
font-size: 3em; | |
line-height: 63px | |
} | |
.line strong.level-8 { | |
font-size: 3.58em; | |
line-height: 77px | |
} | |
.line strong.level-9 { | |
font-size: 4.3em; | |
line-height: 91px | |
} | |
.line strong.level-10 { | |
font-size: 5.16em; | |
line-height: 105px | |
} | |
.video-player { | |
display: inline | |
} | |
.video-player video { | |
display: inline-block; | |
max-width: 99%; | |
vertical-align: middle | |
} | |
.hljs { | |
display: block; | |
overflow-x: auto; | |
padding: 0.5em; | |
background: #002b36; | |
color: #839496 | |
} | |
.hljs-comment, | |
.hljs-quote { | |
color: #586e75 | |
} | |
.hljs-keyword, | |
.hljs-selector-tag, | |
.hljs-addition { | |
color: #859900 | |
} | |
.hljs-number, | |
.hljs-string, | |
.hljs-meta .hljs-meta-string, | |
.hljs-literal, | |
.hljs-doctag, | |
.hljs-regexp { | |
color: #2aa198 | |
} | |
.hljs-title, | |
.hljs-section, | |
.hljs-name, | |
.hljs-selector-id, | |
.hljs-selector-class { | |
color: #268bd2 | |
} | |
.hljs-attribute, | |
.hljs-attr, | |
.hljs-variable, | |
.hljs-template-variable, | |
.hljs-class .hljs-title, | |
.hljs-type { | |
color: #b58900 | |
} | |
.hljs-symbol, | |
.hljs-bullet, | |
.hljs-subst, | |
.hljs-meta, | |
.hljs-meta .hljs-keyword, | |
.hljs-selector-attr, | |
.hljs-selector-pseudo, | |
.hljs-link { | |
color: #cb4b16 | |
} | |
.hljs-built_in, | |
.hljs-deletion { | |
color: #dc322f | |
} | |
.hljs-formula { | |
background: #073642 | |
} | |
.hljs-emphasis { | |
font-style: italic | |
} | |
.hljs-strong { | |
font-weight: bold | |
} | |
html[data-project-theme='hacker2'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #062825; | |
--navbar-bg: #283e39; | |
--navbar-link-color: #36d6b1; | |
--search-form-bg: #374f4a; | |
--new-button-horizontal-color: #247069; | |
--new-button-vertical-color: var(--new-button-horizontal-color); | |
--new-button-bg: #43c6a7; | |
--new-button-hover-bg: #35b093; | |
--new-button-active-bg: #2c9179; | |
--card-title-color: rgba(255, 255, 255, .9); | |
--card-title-bg: #314a44; | |
--card-bg: #283e39; | |
--card-backside: #5f7772; | |
--card-description-color: rgba(204, 204, 204, .9); | |
--card-description-link-color: #67bef5; | |
--card-description-code-color: #99f; | |
--card-box-shadow-color: transparent; | |
--card-box-shadow: none; | |
--card-box-hover-shadow: none; | |
--tool-color: #b7bdc5; | |
--tool-light-color: rgba(183, 189, 197, .4); | |
--tool-bg: rgba(183, 189, 197, .1); | |
--tool-badge-bg: rgba(183, 189, 197, .2); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='autumn'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #a58d6c; | |
--navbar-bg: #483d38; | |
--navbar-link-color: #a28e86; | |
--search-form-bg: #6f5952; | |
--new-button-horizontal-color: #c72d01; | |
--new-button-vertical-color: #e86142; | |
--new-button-bg: #fbf6ee; | |
--new-button-hover-bg: #f4e7d1; | |
--new-button-active-bg: #ecd5b0; | |
--card-title-color: #61473e; | |
--card-title-bg: #e0d5c5; | |
--card-bg: #fbf6ee; | |
--card-backside: #b9a588; | |
--card-description-color: #90695c; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #8a6f4c; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #231b0f; | |
--tool-light-color: rgba(35, 27, 15, .4); | |
--tool-bg: rgba(35, 27, 15, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .2); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='blue'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #dedede; | |
--navbar-bg: #2a76e6; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .15); | |
--card-title-color: #4e505d; | |
--card-title-bg: #f5f5f5; | |
--card-bg: #fff; | |
--card-backside: #aaa; | |
--card-description-color: #8a8c95; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: rgba(0, 0, 0, .2); | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--relation-label-bg: #9babc1; | |
--relation-label-text: #fff; | |
--relation-label-links-bg: #5e8af7; | |
--relation-label-links-text: #fff; | |
--relation-label-empty-bg: #fd7373; | |
--relation-label-empty-text: #fff; | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-badge-bg: #edeeee; | |
--tool-bg: rgba(0, 0, 0, .08); | |
--new-button-vertical-color: #3db680; | |
--new-button-horizontal-color: #1f915e; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--body-headings-color: #333; | |
--navbar-bg: #2a76e6 | |
} | |
html[data-project-theme='green'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #dedede; | |
--navbar-bg: #2a76e6; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .15); | |
--card-title-color: #4e505d; | |
--card-title-bg: #f5f5f5; | |
--card-bg: #fff; | |
--card-backside: #aaa; | |
--card-description-color: #8a8c95; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: rgba(0, 0, 0, .2); | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--relation-label-bg: #9babc1; | |
--relation-label-text: #fff; | |
--relation-label-links-bg: #5e8af7; | |
--relation-label-links-text: #fff; | |
--relation-label-empty-bg: #fd7373; | |
--relation-label-empty-text: #fff; | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-badge-bg: #edeeee; | |
--tool-bg: rgba(0, 0, 0, .08); | |
--new-button-vertical-color: #3db680; | |
--new-button-horizontal-color: #1f915e; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--body-headings-color: #333; | |
--navbar-bg: #29a972 | |
} | |
html[data-project-theme='hacker1'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #252a30; | |
--navbar-bg: #404551; | |
--navbar-link-color: #49c4fe; | |
--search-form-bg: #4f5463; | |
--new-button-horizontal-color: #2378a1; | |
--new-button-vertical-color: var(--new-button-horizontal-color); | |
--new-button-bg: #4dc3fa; | |
--new-button-hover-bg: #2ab7f9; | |
--new-button-active-bg: #07a8f4; | |
--card-title-color: rgba(255, 255, 255, .9); | |
--card-title-bg: #494d5a; | |
--card-bg: #393c46; | |
--card-backside: #7c8296; | |
--card-description-color: rgba(204, 204, 204, .9); | |
--card-description-link-color: #61afef; | |
--card-description-code-color: #99f; | |
--card-box-shadow-color: transparent; | |
--card-box-shadow: none; | |
--card-box-hover-shadow: transparent; | |
--tool-color: #b7bdc5; | |
--tool-light-color: rgba(183, 189, 197, .4); | |
--tool-bg: rgba(183, 189, 197, .1); | |
--tool-badge-bg: rgba(183, 189, 197, .2); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='kyoto'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #cab9a2; | |
--navbar-bg: #472541; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .16); | |
--new-button-horizontal-color: #378b4d; | |
--new-button-vertical-color: #5cb372; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--card-title-color: #675140; | |
--card-title-bg: #f2e7d9; | |
--card-bg: #fff; | |
--card-backside: #ac9980; | |
--card-description-color: #90695c; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #a89981; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #42392e; | |
--tool-light-color: rgba(35, 27, 15, .4); | |
--tool-bg: rgba(35, 27, 15, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .2); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='lgreen'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #436698; | |
--navbar-bg: #4abb0c; | |
--navbar-link-color: #fff; | |
--search-form-bg: #71cd3f; | |
--new-button-horizontal-color: #c56f21; | |
--new-button-vertical-color: #fb973d; | |
--new-button-bg: #fadc24; | |
--new-button-hover-bg: #f5d306; | |
--new-button-active-bg: #cdb105; | |
--card-title-color: #526279; | |
--card-title-bg: #d0eeff; | |
--card-bg: #fff; | |
--card-backside: #99c3db; | |
--card-description-color: #7688a2; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #3b5c8d; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #fff; | |
--tool-light-color: rgba(255, 255, 255, .4); | |
--tool-badge-bg: rgba(255, 255, 255, .15); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='mred'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #018ee0; | |
--navbar-bg: #eb3338; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .2); | |
--new-button-horizontal-color: #c56f21; | |
--new-button-vertical-color: #fb973d; | |
--new-button-bg: #fadc24; | |
--new-button-hover-bg: #f5d306; | |
--new-button-active-bg: #cdb105; | |
--card-title-color: #50758b; | |
--card-title-bg: #8ad5fb; | |
--card-bg: #fff; | |
--card-backside: #78b3d5; | |
--card-description-color: #779bb1; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #0081d0; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #fff; | |
--tool-light-color: rgba(255, 255, 255, .4); | |
--tool-badge-bg: rgba(255, 255, 255, .15); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='newyork'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #93c3c0; | |
--navbar-bg: #12223b; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .16); | |
--new-button-horizontal-color: #c45252; | |
--new-button-vertical-color: #f47a5d; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--card-title-color: #636b79; | |
--card-title-bg: #e8f0ed; | |
--card-bg: #fff; | |
--card-backside: #7daba7; | |
--card-description-color: #8a919f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #759fa0; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #313742; | |
--tool-light-color: rgba(49, 55, 66, .4); | |
--tool-bg: rgba(49, 55, 66, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .3); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='orange'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #dedede; | |
--navbar-bg: #2a76e6; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .15); | |
--card-title-color: #4e505d; | |
--card-title-bg: #f5f5f5; | |
--card-bg: #fff; | |
--card-backside: #aaa; | |
--card-description-color: #8a8c95; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: rgba(0, 0, 0, .2); | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--relation-label-bg: #9babc1; | |
--relation-label-text: #fff; | |
--relation-label-links-bg: #5e8af7; | |
--relation-label-links-text: #fff; | |
--relation-label-empty-bg: #fd7373; | |
--relation-label-empty-text: #fff; | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-badge-bg: #edeeee; | |
--tool-bg: rgba(0, 0, 0, .08); | |
--new-button-vertical-color: #3db680; | |
--new-button-horizontal-color: #1f915e; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--body-headings-color: #333; | |
--navbar-bg: #fc9306 | |
} | |
html[data-project-theme='paris'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #f6858e; | |
--navbar-bg: #66c09d; | |
--navbar-link-color: #fff; | |
--search-form-bg: #93d5bc; | |
--new-button-horizontal-color: #7238cf; | |
--new-button-vertical-color: #9c6ae9; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--card-title-color: #916264; | |
--card-title-bg: #ffe4e6; | |
--card-bg: #fff; | |
--card-backside: #e9b6ba; | |
--card-description-color: #b28d8f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #c96a74; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #652216; | |
--tool-light-color: rgba(101, 34, 22, .4); | |
--tool-bg: rgba(101, 34, 22, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .3); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='purple'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #dedede; | |
--navbar-bg: #2a76e6; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .15); | |
--card-title-color: #4e505d; | |
--card-title-bg: #f5f5f5; | |
--card-bg: #fff; | |
--card-backside: #aaa; | |
--card-description-color: #8a8c95; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: rgba(0, 0, 0, .2); | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--relation-label-bg: #9babc1; | |
--relation-label-text: #fff; | |
--relation-label-links-bg: #5e8af7; | |
--relation-label-links-text: #fff; | |
--relation-label-empty-bg: #fd7373; | |
--relation-label-empty-text: #fff; | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-badge-bg: #edeeee; | |
--tool-bg: rgba(0, 0, 0, .08); | |
--new-button-vertical-color: #3db680; | |
--new-button-horizontal-color: #1f915e; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--body-headings-color: #333; | |
--navbar-bg: #8858ad | |
} | |
html[data-project-theme='red'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #dedede; | |
--navbar-bg: #2a76e6; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .15); | |
--card-title-color: #4e505d; | |
--card-title-bg: #f5f5f5; | |
--card-bg: #fff; | |
--card-backside: #aaa; | |
--card-description-color: #8a8c95; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: rgba(0, 0, 0, .2); | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--relation-label-bg: #9babc1; | |
--relation-label-text: #fff; | |
--relation-label-links-bg: #5e8af7; | |
--relation-label-links-text: #fff; | |
--relation-label-empty-bg: #fd7373; | |
--relation-label-empty-text: #fff; | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-badge-bg: #edeeee; | |
--tool-bg: rgba(0, 0, 0, .08); | |
--new-button-vertical-color: #3db680; | |
--new-button-horizontal-color: #1f915e; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--body-headings-color: #333; | |
--navbar-bg: #f05a5a | |
} | |
html[data-project-theme='spring'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #c6dc67; | |
--navbar-bg: #02a789; | |
--navbar-link-color: #fff; | |
--search-form-bg: #2bbaa1; | |
--new-button-horizontal-color: #b44a29; | |
--new-button-vertical-color: var(--new-button-horizontal-color); | |
--new-button-bg: #f4835f; | |
--new-button-hover-bg: #f2693e; | |
--new-button-active-bg: #ef4c17; | |
--card-title-color: #636b79; | |
--card-title-bg: #e7fa9a; | |
--card-bg: #fff; | |
--card-backside: #afc35c; | |
--card-description-color: #8a919f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #9ab149; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #4e5a1a; | |
--tool-light-color: rgba(78, 90, 26, .4); | |
--tool-bg: rgba(78, 90, 26, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .3); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='summer'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #14b2da; | |
--navbar-bg: #f2c40d; | |
--navbar-link-color: #fff; | |
--search-form-bg: #ffd83c; | |
--new-button-horizontal-color: #c93a3c; | |
--new-button-vertical-color: #fb6f01; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--card-title-color: #636b79; | |
--card-title-bg: #d0eeff; | |
--card-bg: #fff; | |
--card-backside: #aad6ef; | |
--card-description-color: #8a919f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #22a5ca; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #f6f6f6; | |
--tool-light-color: rgba(246, 246, 246, .4); | |
--tool-bg: #13a7cc; | |
--tool-badge-bg: rgba(255, 255, 255, .23); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='tropical'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #f0d458; | |
--navbar-bg: #23a18a; | |
--navbar-link-color: #fff; | |
--search-form-bg: #2ebfa5; | |
--new-button-horizontal-color: #5e389a; | |
--new-button-vertical-color: #5e389a; | |
--new-button-bg: #a45aff; | |
--new-button-hover-bg: #9036ff; | |
--new-button-active-bg: #7a0eff; | |
--card-title-color: #77664d; | |
--card-title-bg: #fff3c0; | |
--card-bg: #fff; | |
--card-backside: #d2bc5d; | |
--card-description-color: #a28d6f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #d4b94b; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #735f04; | |
--tool-light-color: rgba(115, 95, 4, .4); | |
--tool-bg: rgba(115, 95, 4, .1); | |
--tool-badge-bg: rgba(255, 255, 255, .3); | |
--body-headings-color: var(--tool-color) | |
} | |
html[data-project-theme='winter'] { | |
--card-box-hover-shadow: 0 2px 0 rgba(0, 0, 0, .23); | |
--card-description-code-color: #342d9c; | |
--tool-bg: rgba(0, 0, 0, .1); | |
--relation-label-bg: #fff; | |
--relation-label-text: #6d6d6d; | |
--relation-label-links-bg: #fff; | |
--relation-label-links-text: #5e8af7; | |
--relation-label-empty-bg: #fff; | |
--relation-label-empty-text: #fd7373; | |
--body-bg: #b2b9c4; | |
--navbar-bg: #737b8a; | |
--navbar-link-color: #fff; | |
--search-form-bg: rgba(255, 255, 255, .16); | |
--new-button-horizontal-color: #a66ef4; | |
--new-button-vertical-color: #7f4ecd; | |
--new-button-bg: #fff; | |
--new-button-hover-bg: #ededed; | |
--new-button-active-bg: #d9d9d9; | |
--card-title-color: #636b79; | |
--card-title-bg: #dee4ec; | |
--card-bg: #fff; | |
--card-backside: #96a3b4; | |
--card-description-color: #8a919f; | |
--card-description-link-color: #396bdd; | |
--card-box-shadow-color: #a2a8b2; | |
--card-box-shadow: 0 2px 0 var(--card-box-shadow-color); | |
--tool-color: #363c49; | |
--tool-light-color: rgba(54, 60, 73, .4); | |
--tool-bg: rgba(54, 60, 73, .08); | |
--tool-badge-bg: rgba(255, 255, 255, .3); | |
--body-headings-color: var(--tool-color) | |
} | |
html { | |
overflow-x: hidden | |
} | |
html[data-os*='android'] html, | |
html[data-os*='android'] { | |
overscroll-behavior: contain | |
} | |
.page-item-animation { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 200px; | |
height: 200px; | |
border: 3px solid #ccc; | |
z-index: 1; | |
pointer-events: none; | |
opacity: 0 | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment