2087 lines
50 KiB
CSS
2087 lines
50 KiB
CSS
@charset "UTF-8";
|
|
.CodeMirror {
|
|
font-family:monospace;
|
|
height:300px;
|
|
color:#000
|
|
}
|
|
.CodeMirror-lines {
|
|
padding:4px 0
|
|
}
|
|
.CodeMirror pre {
|
|
padding:0 4px
|
|
}
|
|
.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler {
|
|
background-color:#fff
|
|
}
|
|
.CodeMirror-gutters {
|
|
border-right:1px solid #ddd;
|
|
background-color:#f7f7f7;
|
|
white-space:nowrap
|
|
}
|
|
.CodeMirror-linenumber {
|
|
padding:0 3px 0 5px;
|
|
min-width:20px;
|
|
text-align:right;
|
|
color:#999;
|
|
white-space:nowrap
|
|
}
|
|
.CodeMirror-guttermarker {
|
|
color:#000
|
|
}
|
|
.CodeMirror-guttermarker-subtle {
|
|
color:#999
|
|
}
|
|
.CodeMirror-cursor {
|
|
border-left:1px solid #000;
|
|
border-right:none;
|
|
width:0
|
|
}
|
|
.CodeMirror div.CodeMirror-secondarycursor {
|
|
border-left:1px solid silver
|
|
}
|
|
.cm-fat-cursor .CodeMirror-cursor {
|
|
width:auto;
|
|
border:0!important;
|
|
background:#7e7
|
|
}
|
|
.cm-fat-cursor div.CodeMirror-cursors {
|
|
z-index:1
|
|
}
|
|
.cm-animate-fat-cursor {
|
|
width:auto;
|
|
border:0;
|
|
-webkit-animation:blink 1.06s steps(1) infinite;
|
|
-moz-animation:blink 1.06s steps(1) infinite;
|
|
animation:blink 1.06s steps(1) infinite;
|
|
background-color:#7e7
|
|
}
|
|
@-moz-keyframes blink {
|
|
50% {
|
|
background-color:transparent
|
|
}
|
|
|
|
}
|
|
@-webkit-keyframes blink {
|
|
50% {
|
|
background-color:transparent
|
|
}
|
|
|
|
}
|
|
@keyframes blink {
|
|
50% {
|
|
background-color:transparent
|
|
}
|
|
|
|
}
|
|
.cm-tab {
|
|
display:inline-block;
|
|
text-decoration:inherit
|
|
}
|
|
.CodeMirror-rulers {
|
|
position:absolute;
|
|
left:0;
|
|
right:0;
|
|
top:-50px;
|
|
bottom:-20px;
|
|
overflow:hidden
|
|
}
|
|
.CodeMirror-ruler {
|
|
border-left:1px solid #ccc;
|
|
top:0;
|
|
bottom:0;
|
|
position:absolute
|
|
}
|
|
.cm-s-default .cm-header {
|
|
color:#00f
|
|
}
|
|
.cm-s-default .cm-quote {
|
|
color:#090
|
|
}
|
|
.cm-negative {
|
|
color:#d44
|
|
}
|
|
.cm-positive {
|
|
color:#292
|
|
}
|
|
.cm-header,.cm-strong {
|
|
font-weight:700
|
|
}
|
|
.cm-em {
|
|
font-style:italic
|
|
}
|
|
.cm-link {
|
|
text-decoration:underline
|
|
}
|
|
.cm-strikethrough {
|
|
text-decoration:line-through
|
|
}
|
|
.cm-s-default .cm-keyword {
|
|
color:#708
|
|
}
|
|
.cm-s-default .cm-atom {
|
|
color:#219
|
|
}
|
|
.cm-s-default .cm-number {
|
|
color:#164
|
|
}
|
|
.cm-s-default .cm-def {
|
|
color:#00f
|
|
}
|
|
.cm-s-default .cm-variable-2 {
|
|
color:#05a
|
|
}
|
|
.cm-s-default .cm-type,.cm-s-default .cm-variable-3 {
|
|
color:#085
|
|
}
|
|
.cm-s-default .cm-comment {
|
|
color:#a50
|
|
}
|
|
.cm-s-default .cm-string {
|
|
color:#a11
|
|
}
|
|
.cm-s-default .cm-string-2 {
|
|
color:#f50
|
|
}
|
|
.cm-s-default .cm-meta {
|
|
color:#555
|
|
}
|
|
.cm-s-default .cm-qualifier {
|
|
color:#555
|
|
}
|
|
.cm-s-default .cm-builtin {
|
|
color:#30a
|
|
}
|
|
.cm-s-default .cm-bracket {
|
|
color:#997
|
|
}
|
|
.cm-s-default .cm-tag {
|
|
color:#170
|
|
}
|
|
.cm-s-default .cm-attribute {
|
|
color:#00c
|
|
}
|
|
.cm-s-default .cm-hr {
|
|
color:#999
|
|
}
|
|
.cm-s-default .cm-link {
|
|
color:#00c
|
|
}
|
|
.cm-s-default .cm-error {
|
|
color:red
|
|
}
|
|
.cm-invalidchar {
|
|
color:red
|
|
}
|
|
.CodeMirror-composing {
|
|
border-bottom:2px solid
|
|
}
|
|
div.CodeMirror span.CodeMirror-matchingbracket {
|
|
color:#0f0
|
|
}
|
|
div.CodeMirror span.CodeMirror-nonmatchingbracket {
|
|
color:#f22
|
|
}
|
|
.CodeMirror-matchingtag {
|
|
background:rgba(255,150,0,.3)
|
|
}
|
|
.CodeMirror-activeline-background {
|
|
background:#e8f2ff
|
|
}
|
|
.CodeMirror {
|
|
position:relative;
|
|
overflow:hidden;
|
|
background:#fff
|
|
}
|
|
.CodeMirror-scroll {
|
|
overflow:scroll!important;
|
|
margin-bottom:-30px;
|
|
margin-right:-30px;
|
|
padding-bottom:30px;
|
|
height:100%;
|
|
outline:0;
|
|
position:relative
|
|
}
|
|
.CodeMirror-sizer {
|
|
position:relative;
|
|
border-right:30px solid transparent
|
|
}
|
|
.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar {
|
|
position:absolute;
|
|
z-index:6;
|
|
display:none
|
|
}
|
|
.CodeMirror-vscrollbar {
|
|
right:0;
|
|
top:0;
|
|
overflow-x:hidden;
|
|
overflow-y:scroll
|
|
}
|
|
.CodeMirror-hscrollbar {
|
|
bottom:0;
|
|
left:0;
|
|
overflow-y:hidden;
|
|
overflow-x:scroll
|
|
}
|
|
.CodeMirror-scrollbar-filler {
|
|
right:0;
|
|
bottom:0
|
|
}
|
|
.CodeMirror-gutter-filler {
|
|
left:0;
|
|
bottom:0
|
|
}
|
|
.CodeMirror-gutters {
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
min-height:100%;
|
|
z-index:3
|
|
}
|
|
.CodeMirror-gutter {
|
|
white-space:normal;
|
|
height:100%;
|
|
display:inline-block;
|
|
vertical-align:top;
|
|
margin-bottom:-30px
|
|
}
|
|
.CodeMirror-gutter-wrapper {
|
|
position:absolute;
|
|
z-index:4;
|
|
background:0 0!important;
|
|
border:none!important
|
|
}
|
|
.CodeMirror-gutter-background {
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
z-index:4
|
|
}
|
|
.CodeMirror-gutter-elt {
|
|
position:absolute;
|
|
cursor:default;
|
|
z-index:4
|
|
}
|
|
.CodeMirror-gutter-wrapper ::selection {
|
|
background-color:transparent
|
|
}
|
|
.CodeMirror-gutter-wrapper ::-moz-selection {
|
|
background-color:transparent
|
|
}
|
|
.CodeMirror-lines {
|
|
cursor:text;
|
|
min-height:1px
|
|
}
|
|
.CodeMirror pre {
|
|
-moz-border-radius:0;
|
|
-webkit-border-radius:0;
|
|
border-radius:0;
|
|
border-width:0;
|
|
background:0 0;
|
|
font-family:inherit;
|
|
font-size:inherit;
|
|
margin:0;
|
|
white-space:pre;
|
|
word-wrap:normal;
|
|
line-height:inherit;
|
|
color:inherit;
|
|
z-index:2;
|
|
position:relative;
|
|
overflow:visible;
|
|
-webkit-tap-highlight-color:transparent;
|
|
-webkit-font-variant-ligatures:contextual;
|
|
font-variant-ligatures:contextual
|
|
}
|
|
.CodeMirror-wrap pre {
|
|
word-wrap:break-word;
|
|
white-space:pre-wrap;
|
|
word-break:normal
|
|
}
|
|
.CodeMirror-linebackground {
|
|
position:absolute;
|
|
left:0;
|
|
right:0;
|
|
top:0;
|
|
bottom:0;
|
|
z-index:0
|
|
}
|
|
.CodeMirror-linewidget {
|
|
position:relative;
|
|
z-index:2;
|
|
overflow:auto
|
|
}
|
|
.CodeMirror-rtl pre {
|
|
direction:rtl
|
|
}
|
|
.CodeMirror-code {
|
|
outline:0
|
|
}
|
|
.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer {
|
|
-moz-box-sizing:content-box;
|
|
box-sizing:content-box
|
|
}
|
|
.CodeMirror-measure {
|
|
position:absolute;
|
|
width:100%;
|
|
height:0;
|
|
overflow:hidden;
|
|
visibility:hidden
|
|
}
|
|
.CodeMirror-cursor {
|
|
position:absolute;
|
|
pointer-events:none
|
|
}
|
|
.CodeMirror-measure pre {
|
|
position:static
|
|
}
|
|
div.CodeMirror-cursors {
|
|
visibility:hidden;
|
|
position:relative;
|
|
z-index:3
|
|
}
|
|
div.CodeMirror-dragcursors {
|
|
visibility:visible
|
|
}
|
|
.CodeMirror-focused div.CodeMirror-cursors {
|
|
visibility:visible
|
|
}
|
|
.CodeMirror-selected {
|
|
background:#d9d9d9
|
|
}
|
|
.CodeMirror-focused .CodeMirror-selected {
|
|
background:#d7d4f0
|
|
}
|
|
.CodeMirror-crosshair {
|
|
cursor:crosshair
|
|
}
|
|
.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection {
|
|
background:#d7d4f0
|
|
}
|
|
.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection {
|
|
background:#d7d4f0
|
|
}
|
|
.cm-searching {
|
|
background:#ffa;
|
|
background:rgba(255,255,0,.4)
|
|
}
|
|
.cm-force-border {
|
|
padding-right:.1px
|
|
}
|
|
@media print {
|
|
.CodeMirror div.CodeMirror-cursors {
|
|
visibility:hidden
|
|
}
|
|
|
|
}
|
|
.cm-tab-wrap-hack:after {
|
|
content:''
|
|
}
|
|
span.CodeMirror-selectedtext {
|
|
background:0 0
|
|
}
|
|
.doc>section.text .tests .list li header,.doc>section>header,.sidebar>.min>.list>li:first-child {
|
|
display:flex;
|
|
align-items:center;
|
|
padding:0 1rem 0 1rem;
|
|
flex:0 2.5rem
|
|
}
|
|
.doc>section.text .tests .list li header h1,.doc>section>header h1,.sidebar>.min>.list>li:first-child h1 {
|
|
flex:1
|
|
}
|
|
#cheatsheet table th,.community>header .icon,.container .header .settings,.doc>section.text .tests .list li header .icon.delete,.doc>section.tools>article .icon.help,.example svg.icon.load,.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.full>header .icon,.sidebar>.min .list .row,.sidebar>.min .list li,.tooltip .list li,.tooltip header .help.icon,a {
|
|
transition:color .2s;
|
|
color:#d7dadc
|
|
}
|
|
#cheatsheet table th:not(.inactive),.community>header .icon:not(.inactive),.container .header .settings:not(.inactive),.doc>section.text .tests .list li header .icon.delete:not(.inactive),.doc>section.tools>article .icon.help:not(.inactive),.example svg.icon.load:not(.inactive),.sidebar>.full .list .row:not(.inactive),.sidebar>.full .list li:not(.inactive),.sidebar>.full>header .icon:not(.inactive),.sidebar>.min .list .row:not(.inactive),.sidebar>.min .list li:not(.inactive),.tooltip .list li:not(.inactive),.tooltip header .help.icon:not(.inactive),a:not(.inactive) {
|
|
cursor:pointer
|
|
}
|
|
#cheatsheet table th:not(.inactive):hover,.community>header .icon:not(.inactive):hover,.container .header .settings:not(.inactive):hover,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover,.doc>section.tools>article .icon.help:not(.inactive):hover,.example svg.icon.load:not(.inactive):hover,.sidebar>.full .list .row:not(.inactive):hover,.sidebar>.full .list li:not(.inactive):hover,.sidebar>.full>header .icon:not(.inactive):hover,.sidebar>.min .list .row:not(.inactive):hover,.sidebar>.min .list li:not(.inactive):hover,.tooltip .list li:not(.inactive):hover,.tooltip header .help.icon:not(.inactive):hover,a:not(.inactive):hover {
|
|
color:#e7e9ea
|
|
}
|
|
#cheatsheet table th:not(.inactive):hover svg.icon,.community>header .icon:not(.inactive):hover svg.icon,.container .header .settings:not(.inactive):hover svg.icon,.doc>section.text .tests .list li header .icon.delete:not(.inactive):hover svg.icon,.doc>section.tools>article .icon.help:not(.inactive):hover svg.icon,.example svg.icon.load:not(.inactive):hover svg.icon,.sidebar>.full .list .row:not(.inactive):hover svg.icon,.sidebar>.full .list li:not(.inactive):hover svg.icon,.sidebar>.full>header .icon:not(.inactive):hover svg.icon,.sidebar>.min .list .row:not(.inactive):hover svg.icon,.sidebar>.min .list li:not(.inactive):hover svg.icon,.tooltip .list li:not(.inactive):hover svg.icon,.tooltip header .help.icon:not(.inactive):hover svg.icon,a:not(.inactive):hover svg.icon {
|
|
color:currentColor
|
|
}
|
|
#cheatsheet table th svg.icon,.community>header .icon svg.icon,.container .header .settings svg.icon,.doc>section.text .tests .list li header .icon.delete svg.icon,.doc>section.tools>article .icon.help svg.icon,.example svg.icon.load svg.icon,.sidebar>.full .list .row svg.icon,.sidebar>.full .list li svg.icon,.sidebar>.full>header .icon svg.icon,.sidebar>.min .list .row svg.icon,.sidebar>.min .list li svg.icon,.tooltip .list li svg.icon,.tooltip header .help.icon svg.icon,a svg.icon {
|
|
transition:fill .2s
|
|
}
|
|
#tooltip .texthover i,.example code i {
|
|
background:#595f64;
|
|
color:#f0f1f2;
|
|
font-weight:400;
|
|
padding:0 .25em;
|
|
margin-left:.25em
|
|
}
|
|
.doc>section.tools>article .details span.hover,.doc>section.tools>article .details table tr.group:hover,.doc>section.tools>article .explain div.selected {
|
|
outline:solid 2px rgba(16,17,18,.3);
|
|
z-index:10
|
|
}
|
|
.doc>section.tools>article .explain div.related {
|
|
outline:solid 1px rgba(16,17,18,.3);
|
|
z-index:9
|
|
}
|
|
body,html {
|
|
margin:0;
|
|
width:100%;
|
|
height:100%;
|
|
min-height:540px;
|
|
min-width:500px;
|
|
font-family:"Roboto Condensed",sans-serif;
|
|
font-size:16px;
|
|
color:#f0f1f2;
|
|
-webkit-user-select:none;
|
|
user-select:none;
|
|
cursor:default
|
|
}
|
|
body>.container,html>.container {
|
|
height:100%;
|
|
display:flex;
|
|
flex-flow:column
|
|
}
|
|
body>.container>.app,html>.container>.app {
|
|
flex:1;
|
|
min-height:0;
|
|
display:flex;
|
|
align-items:stretch
|
|
}
|
|
::-webkit-scrollbar {
|
|
width:.5em;
|
|
height:.5em
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background:rgba(126,135,142,.25)
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color:#7e878e;
|
|
border-radius:.5em
|
|
}
|
|
.app .sidebar,.container .header,.tooltip {
|
|
-moz-osx-font-smoothing:grayscale;
|
|
-webkit-font-smoothing:antialiased
|
|
}
|
|
code,pre {
|
|
font-family:"Source Code Pro",monospace
|
|
}
|
|
pre {
|
|
margin:0
|
|
}
|
|
a {
|
|
color:#70b0e0;
|
|
text-decoration:none
|
|
}
|
|
h1,h2 {
|
|
font-size:1rem;
|
|
font-weight:700;
|
|
margin:0
|
|
}
|
|
.list {
|
|
display:flex;
|
|
flex-direction:column;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.list li {
|
|
display:block
|
|
}
|
|
hr {
|
|
border:0;
|
|
border-top:1px solid rgba(126,135,142,.25);
|
|
margin:.75em 0 1em 0
|
|
}
|
|
span.match {
|
|
background:rgba(112,176,224,.5);
|
|
color:#101112
|
|
}
|
|
span.error {
|
|
color:#d22;
|
|
font-weight:700
|
|
}
|
|
span.error.warning {
|
|
color:#d22
|
|
}
|
|
.anim-spin {
|
|
animation:1s linear infinite spin
|
|
}
|
|
@keyframes spin {
|
|
from {
|
|
transform:rotate(0)
|
|
}
|
|
to {
|
|
transform:rotate(360deg)
|
|
}
|
|
|
|
}
|
|
#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.control,.segcontrol>*,input,textarea {
|
|
padding:.375rem .75rem;
|
|
font-size:.875rem;
|
|
border-radius:.125rem
|
|
}
|
|
input,textarea {
|
|
border-radius:0;
|
|
background:rgba(240,241,242,.05);
|
|
border:none;
|
|
border-bottom:solid 1px rgba(240,241,242,.05);
|
|
font-family:"Roboto Condensed",sans-serif;
|
|
font-size:1rem;
|
|
display:block;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
color:#f0f1f2;
|
|
resize:vertical
|
|
}
|
|
input::placeholder,textarea::placeholder {
|
|
color:currentColor;
|
|
opacity:.4
|
|
}
|
|
input:focus,textarea:focus {
|
|
outline:0
|
|
}
|
|
input:focus::placeholder,textarea:focus::placeholder {
|
|
opacity:.2
|
|
}
|
|
.status {
|
|
display:inline-block;
|
|
color:rgba(240,241,242,.5)
|
|
}
|
|
.status .icon.success {
|
|
color:#70b0e0
|
|
}
|
|
.status .icon.alert {
|
|
color:#d22
|
|
}
|
|
svg.icon {
|
|
width:1.125em;
|
|
height:1.125em;
|
|
display:inline-block;
|
|
fill:currentColor;
|
|
vertical-align:middle
|
|
}
|
|
svg.icon.small {
|
|
width:.75em;
|
|
height:.75em
|
|
}
|
|
svg.icon.inline {
|
|
margin-top:-.25em
|
|
}
|
|
.control {
|
|
background:rgba(240,241,242,.2)
|
|
}
|
|
#tooltip-signin ul.list li,.button,.buttonbar>*,.container .header ul.file li,.segcontrol>* {
|
|
background:rgba(240,241,242,.35);
|
|
display:inline-block;
|
|
cursor:pointer;
|
|
transition:background-color .2s ease-out;
|
|
transition:opacity .2s ease-out;
|
|
box-shadow:0 2px 1px rgba(0,0,0,.1);
|
|
line-height:normal
|
|
}
|
|
#tooltip-signin ul.list li.default,.button.default,.buttonbar>.default,.container .header ul.file li.default,.segcontrol>.default {
|
|
font-weight:700;
|
|
background:#70b0e0;
|
|
color:#101112
|
|
}
|
|
#tooltip-signin ul.list li.default:hover,.button.default:hover,.buttonbar>.default:hover,.container .header ul.file li.default:hover,.segcontrol>.default:hover {
|
|
background:#f0f1f2
|
|
}
|
|
#tooltip-signin ul.list li.selected,#tooltip-signin ul.list li:hover,.button.selected,.button:hover,.buttonbar>.selected,.buttonbar>:hover,.container .header ul.file li.selected,.container .header ul.file li:hover,.segcontrol>.selected,.segcontrol>:hover {
|
|
background:rgba(240,241,242,.75)
|
|
}
|
|
#tooltip-signin ul.list li.selected>svg.icon.dropdown,#tooltip-signin ul.list li:hover>svg.icon.dropdown,.button.selected>svg.icon.dropdown,.button:hover>svg.icon.dropdown,.buttonbar>.selected>svg.icon.dropdown,.buttonbar>:hover>svg.icon.dropdown,.container .header ul.file li.selected>svg.icon.dropdown,.container .header ul.file li:hover>svg.icon.dropdown,.segcontrol>.selected>svg.icon.dropdown,.segcontrol>:hover>svg.icon.dropdown {
|
|
margin-top:.5em
|
|
}
|
|
#tooltip-signin ul.list li.disabled,.button.disabled,.buttonbar>.disabled,.container .header ul.file li.disabled,.segcontrol>.disabled {
|
|
opacity:.35;
|
|
cursor:default;
|
|
pointer-events:none
|
|
}
|
|
#tooltip-signin ul.list li>svg.icon,.button>svg.icon,.buttonbar>*>svg.icon,.container .header ul.file li>svg.icon,.segcontrol>*>svg.icon {
|
|
margin-top:-.125em
|
|
}
|
|
#tooltip-signin ul.list li>svg.icon+*,.button>svg.icon+*,.buttonbar>*>svg.icon+*,.container .header ul.file li>svg.icon+*,.segcontrol>*>svg.icon+* {
|
|
margin-left:.25em
|
|
}
|
|
#tooltip-signin ul.list li>svg.icon.dropdown,.button>svg.icon.dropdown,.buttonbar>*>svg.icon.dropdown,.container .header ul.file li>svg.icon.dropdown,.segcontrol>*>svg.icon.dropdown {
|
|
transition:margin-top .2s;
|
|
margin-top:.125em;
|
|
width:.375em;
|
|
height:.375em
|
|
}
|
|
.buttonbar,.controlbar,.segcontrol {
|
|
display:flex;
|
|
padding:0;
|
|
margin:0
|
|
}
|
|
.buttonbar>*,.controlbar>*,.segcontrol>* {
|
|
margin-left:.25rem
|
|
}
|
|
.buttonbar>*,.segcontrol>* {
|
|
margin-left:1px;
|
|
border-radius:0;
|
|
display:inline-block
|
|
}
|
|
.buttonbar>:first-child,.segcontrol>:first-child {
|
|
border-radius:.125rem 0 0 .125rem
|
|
}
|
|
.buttonbar>:last-child,.segcontrol>:last-child {
|
|
border-radius:0 .125rem .125rem 0
|
|
}
|
|
.segcontrol>:first-child {
|
|
border-radius:.125rem 0 0 .125rem
|
|
}
|
|
.segcontrol>:last-child {
|
|
border-radius:0 .125rem .125rem 0
|
|
}
|
|
.tooltip {
|
|
display:flex;
|
|
flex-flow:column;
|
|
align-items:center;
|
|
z-index:10000;
|
|
position:absolute;
|
|
transform:translate(-50%,0);
|
|
transition-property:opacity,margin-top;
|
|
transition-duration:.2s
|
|
}
|
|
.tooltip>.content {
|
|
background:rgba(16,17,18,.85);
|
|
color:#f0f1f2;
|
|
padding:1rem;
|
|
border-radius:.125rem;
|
|
max-width:15rem;
|
|
box-shadow:0 3px 4px rgba(0,0,0,.25);
|
|
overflow-wrap:break-word;
|
|
-webkit-backdrop-filter:blur(3px);
|
|
backdrop-filter:blur(3px)
|
|
}
|
|
.tooltip>.content code {
|
|
font-weight:700
|
|
}
|
|
.tooltip>.content>.warningtext {
|
|
display:block;
|
|
color:#b7bcc0;
|
|
margin-top:.5rem
|
|
}
|
|
.tooltip header {
|
|
display:flex
|
|
}
|
|
.tooltip header h1 {
|
|
flex:1
|
|
}
|
|
.tooltip header .help.icon {
|
|
margin-left:1em;
|
|
color:#7e878e
|
|
}
|
|
.tooltip>.tip {
|
|
fill:rgba(16,17,18,.85);
|
|
width:8px;
|
|
height:8px;
|
|
transform:scale(1,-1)
|
|
}
|
|
.tooltip.flipped {
|
|
transform:translate(-50%,-100%)
|
|
}
|
|
.tooltip.flipped .tip {
|
|
transform:scale(1,1);
|
|
order:1
|
|
}
|
|
.tooltip .list li {
|
|
color:#b7bcc0
|
|
}
|
|
.tooltip .list li+li {
|
|
margin-top:.5em
|
|
}
|
|
.tooltip .list li .check.icon {
|
|
color:#585e63;
|
|
margin-right:.25em
|
|
}
|
|
.tooltip .list li.selected .check.icon {
|
|
color:#70b0e0
|
|
}
|
|
.tooltip .list li:not(.inactive):hover {
|
|
color:#e7e9ea
|
|
}
|
|
.tooltip .list li em {
|
|
font-style:normal;
|
|
font-weight:700;
|
|
color:#f0f1f2;
|
|
padding:0 .15em;
|
|
background:rgba(126,135,142,.3);
|
|
border-radius:.125rem
|
|
}
|
|
.example svg.icon.load {
|
|
color:#595f64;
|
|
float:right;
|
|
display:inline-block;
|
|
padding-left:.5rem
|
|
}
|
|
.example code {
|
|
display:inline-block;
|
|
word-break:break-all;
|
|
width:100%
|
|
}
|
|
.container .header {
|
|
display:flex;
|
|
align-items:center;
|
|
justify-content:space-between;
|
|
background:#101112;
|
|
padding:0 1rem;
|
|
height:54px;
|
|
z-index:1000
|
|
}
|
|
.container .header .logo {
|
|
flex:none;
|
|
font-size:1.125rem;
|
|
margin-top:.0625rem;
|
|
color:#70b0e0;
|
|
width:1.5em;
|
|
height:1.5em
|
|
}
|
|
.container .header .settings {
|
|
color:#70b0e0;
|
|
display:flex;
|
|
min-width:0;
|
|
max-width:20em
|
|
}
|
|
.container .header .settings .name {
|
|
margin:0 .25rem 0 .5rem;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
overflow:hidden
|
|
}
|
|
.container .header .settings .icon.share {
|
|
flex:none;
|
|
color:#595f64;
|
|
width:1em;
|
|
margin-right:.5rem
|
|
}
|
|
.container .header .signin.selected a {
|
|
color:#f0f1f2!important
|
|
}
|
|
.container .header ul {
|
|
padding:0;
|
|
white-space:nowrap
|
|
}
|
|
.container .header ul li {
|
|
display:inline-block
|
|
}
|
|
.container .header ul li:first-child {
|
|
margin-left:0
|
|
}
|
|
.container .header ul.file {
|
|
text-align:right
|
|
}
|
|
.container .header ul.file li {
|
|
color:#b7bcc0;
|
|
background:#282b2d
|
|
}
|
|
.container .header ul.file li:hover {
|
|
background:#3a3e41
|
|
}
|
|
.container .header ul.file li.save {
|
|
color:#70b0e0;
|
|
font-weight:700
|
|
}
|
|
.container .header ul.file li.save .savekey {
|
|
font-size:.875em;
|
|
font-weight:400;
|
|
color:#7e878e
|
|
}
|
|
#tooltip-signin ul.list .container .header li.theme,.container .header #tooltip-signin ul.list li.theme,.container .header .button.theme,.container .header ul.file li.theme {
|
|
padding:.3755rem;
|
|
background:#282b2d
|
|
}
|
|
#tooltip-signin ul.list .container .header li.theme.selected .icon,.container .header #tooltip-signin ul.list li.theme.selected .icon,.container .header .button.theme.selected .icon,.container .header ul.file li.theme.selected .icon {
|
|
color:#70b0e0
|
|
}
|
|
#tooltip-signin ul.list .container .header li.theme:hover,.container .header #tooltip-signin ul.list li.theme:hover,.container .header .button.theme:hover,.container .header ul.file li.theme:hover {
|
|
background:#3a3e41
|
|
}
|
|
.container .header ul.etc {
|
|
flex:1;
|
|
text-align:right;
|
|
font-size:.875rem;
|
|
color:#595f64
|
|
}
|
|
.container .header ul.etc li {
|
|
margin-left:1rem
|
|
}
|
|
#tooltip-signin ul.list li {
|
|
margin:.25rem 0;
|
|
padding:.625rem;
|
|
color:#e7e9ea;
|
|
opacity:.85
|
|
}
|
|
#tooltip-signin ul.list li:hover {
|
|
opacity:1
|
|
}
|
|
#tooltip-signin ul.list li[data-id=GitHub] {
|
|
background:#777!important
|
|
}
|
|
#tooltip-signin ul.list li[data-id=Google] {
|
|
background:#c94130!important
|
|
}
|
|
#tooltip-signin ul.list li>svg.icon {
|
|
margin-right:.625rem
|
|
}
|
|
#tooltip-signin .signout {
|
|
display:none
|
|
}
|
|
#tooltip-signin .signout .signoutbtn {
|
|
cursor:pointer;
|
|
color:#70b0e0;
|
|
font-weight:700
|
|
}
|
|
#tooltip-signin .signout .signoutbtn:hover {
|
|
color:#f0f1f2
|
|
}
|
|
#tooltip-signin.authenticated .signin {
|
|
display:none
|
|
}
|
|
#tooltip-signin.authenticated .signout {
|
|
display:block
|
|
}
|
|
#tooltip-signin .distract {
|
|
display:none;
|
|
color:#7e878e
|
|
}
|
|
#tooltip-signin .distract .distractor {
|
|
margin-right:.5rem
|
|
}
|
|
#tooltip-signin.wait .distract {
|
|
display:block
|
|
}
|
|
#tooltip-signin.wait .signin .list,#tooltip-signin.wait .signout .signoutbtn {
|
|
display:none
|
|
}
|
|
.doc {
|
|
flex:8 800px;
|
|
display:flex;
|
|
flex-flow:column
|
|
}
|
|
.doc>section {
|
|
background:#f0f1f2;
|
|
color:#585e63;
|
|
flex:1 1 0%;
|
|
min-height:0;
|
|
transition:flex .2s ease-out;
|
|
display:flex;
|
|
flex-direction:column
|
|
}
|
|
.doc>section>header {
|
|
color:#26292b;
|
|
background:#b7bcc0
|
|
}
|
|
.doc>section>header>.max {
|
|
transition:transform .2s;
|
|
color:#7e878e;
|
|
margin-left:1rem;
|
|
cursor:pointer
|
|
}
|
|
.doc>section>header>.max:hover {
|
|
color:#f0f1f2
|
|
}
|
|
.doc>section>article {
|
|
flex:1;
|
|
min-height:0
|
|
}
|
|
.doc>section.closed {
|
|
flex:0 2.5rem
|
|
}
|
|
.doc>section.closed>header {
|
|
cursor:pointer
|
|
}
|
|
.doc>section.closed>header>:not(h1) {
|
|
opacity:.8
|
|
}
|
|
.doc>section.closed>header>.max {
|
|
transform:rotate(45deg)
|
|
}
|
|
.doc.tests-mode section.tools {
|
|
display:none
|
|
}
|
|
.doc input,.doc textarea {
|
|
background:rgba(240,241,242,.05);
|
|
border-color:rgba(240,241,242,.05)
|
|
}
|
|
.doc .control {
|
|
background:rgba(240,241,242,.2)
|
|
}
|
|
#tooltip-signin ul.list .doc li,.container .header ul.file .doc li,.doc #tooltip-signin ul.list li,.doc .button,.doc .buttonbar>*,.doc .container .header ul.file li,.doc .segcontrol>* {
|
|
background:rgba(240,241,242,.35)
|
|
}
|
|
.doc .segcontrol>* {
|
|
color:#000;
|
|
font-weight:bold
|
|
}
|
|
#tooltip-signin ul.list .doc li.selected,#tooltip-signin ul.list .doc li:hover,.container .header ul.file .doc li.selected,.container .header ul.file .doc li:hover,.doc #tooltip-signin ul.list li.selected,.doc #tooltip-signin ul.list li:hover,.doc .button.selected,.doc .button:hover,.doc .buttonbar>.selected,.doc .buttonbar>:hover,.doc .container .header ul.file li.selected,.doc .container .header ul.file li:hover,.doc .segcontrol>.selected,.doc .segcontrol>:hover {
|
|
background:rgba(240,241,242,.75)
|
|
}
|
|
#tooltip-signin ul.list .doc li.default:hover,.container .header ul.file .doc li.default:hover,.doc #tooltip-signin ul.list li.default:hover,.doc .button.default:hover,.doc .buttonbar>.default:hover,.doc .container .header ul.file li.default:hover,.doc .segcontrol>.default:hover {
|
|
background:#f0f1f2
|
|
}
|
|
.doc>section.expression {
|
|
flex:0 6.25rem
|
|
}
|
|
.doc>section.expression>header {
|
|
background:#70b0e0
|
|
}
|
|
.doc>section.expression>.editor {
|
|
position:relative
|
|
}
|
|
.doc>section.expression>.editor .icon.alert {
|
|
display:none;
|
|
position:relative;
|
|
float:right;
|
|
margin:1.25rem;
|
|
color:#d22;
|
|
z-index:10;
|
|
-webkit-user-select:none;
|
|
user-select:none
|
|
}
|
|
.doc>section.expression>.editor>.CodeMirror {
|
|
padding:1rem 0 0 1rem;
|
|
font-weight:700
|
|
}
|
|
.doc>section.expression>.editor.error>.icon.alert {
|
|
display:block
|
|
}
|
|
#tooltip-flags>.list li,#tooltip-flavor>.list li {
|
|
cursor:pointer;
|
|
color:#b7bcc0
|
|
}
|
|
#tooltip-flags>.list li:hover,#tooltip-flavor>.list li:hover {
|
|
color:#f0f1f2
|
|
}
|
|
#tooltip-flags>.list li+li,#tooltip-flavor>.list li+li {
|
|
margin-top:.5em
|
|
}
|
|
#tooltip-flags>.list li .check.icon,#tooltip-flavor>.list li .check.icon {
|
|
color:#585e63;
|
|
margin-right:.25em
|
|
}
|
|
#tooltip-flags>.list li.selected .check.icon,#tooltip-flavor>.list li.selected .check.icon {
|
|
color:#70b0e0
|
|
}
|
|
#tooltip-flags>.list li em,#tooltip-flavor>.list li em {
|
|
font-style:normal;
|
|
font-weight:700;
|
|
color:#f0f1f2;
|
|
padding:0 .15em;
|
|
background:rgba(126,135,142,.3);
|
|
border-radius:.125rem
|
|
}
|
|
.exp-related {
|
|
border-bottom:solid 1px rgba(16,17,18,.3);
|
|
border-top:solid 1px rgba(16,17,18,.3);
|
|
margin-bottom:-1px;
|
|
margin-top:-1px
|
|
}
|
|
.exp-related-left {
|
|
border-left:solid 1px rgba(16,17,18,.3);
|
|
margin-left:-1px
|
|
}
|
|
.exp-related-right {
|
|
border-right:solid 1px rgba(16,17,18,.3);
|
|
margin-right:-1px
|
|
}
|
|
.exp-selected {
|
|
border-top:solid 2px rgba(16,17,18,.3);
|
|
border-bottom:solid 2px rgba(16,17,18,.3)
|
|
}
|
|
.exp-selected-left {
|
|
border-left:solid 2px rgba(16,17,18,.3);
|
|
margin-left:-2px
|
|
}
|
|
.exp-selected-right {
|
|
border-right:solid 2px rgba(16,17,18,.3);
|
|
margin-right:-2px
|
|
}
|
|
.exp-error {
|
|
border-bottom:solid 2px #d22
|
|
}
|
|
.exp-warning {
|
|
border-bottom:dotted 2px #d22
|
|
}
|
|
.exp-char {
|
|
color:#101112
|
|
}
|
|
.exp-decorator {
|
|
color:#b7bcc0
|
|
}
|
|
.exp-esc {
|
|
color:#c0c
|
|
}
|
|
.exp-lazy,.exp-possessive,.exp-quant {
|
|
color:#58f
|
|
}
|
|
.exp-alt {
|
|
color:#0a0
|
|
}
|
|
.exp-anchor {
|
|
color:#840
|
|
}
|
|
.exp-group,.exp-lookaround,.exp-ref {
|
|
color:#0a0
|
|
}
|
|
.exp-charclass,.exp-set,.exp-subst {
|
|
color:#d70
|
|
}
|
|
.exp-group-0 {
|
|
background:rgba(0,238,0,.11)
|
|
}
|
|
.exp-group-1 {
|
|
background:rgba(0,238,0,.22)
|
|
}
|
|
.exp-group-2 {
|
|
background:rgba(0,238,0,.33)
|
|
}
|
|
.exp-group-3 {
|
|
background:rgba(0,238,0,.44)
|
|
}
|
|
.exp-group-set {
|
|
background:rgba(255,238,0,.3)
|
|
}
|
|
.exp-comment {
|
|
color:#b7bcc0;
|
|
background:rgba(16,17,18,.05);
|
|
font-style:italic;
|
|
border-bottom:solid 3px #d7dadc
|
|
}
|
|
.exp-special {
|
|
color:#c0c
|
|
}
|
|
.doc>section.text article {
|
|
display:flex
|
|
}
|
|
.doc>section.text>header .modelist li {
|
|
font-size:1rem;
|
|
padding-top:.275rem;
|
|
padding-bottom:.275rem
|
|
}
|
|
.doc>section.text>header .modelist li:last-child::after {
|
|
transition:opacity 1s;
|
|
font-size:.625rem;
|
|
padding:.25em .5em;
|
|
display:inline-block;
|
|
position:absolute;
|
|
color:#f0f1f2;
|
|
background:#70b0e0;
|
|
letter-spacing:.075em;
|
|
transform:translate(.25rem,-.125rem);
|
|
content:"NEW"
|
|
}
|
|
#tooltip-signin ul.list .doc>section.text>header li.add,.container .header ul.file .doc>section.text>header li.add,.doc>section.text>header #tooltip-signin ul.list li.add,.doc>section.text>header .button.add,.doc>section.text>header .container .header ul.file li.add {
|
|
display:none!important
|
|
}
|
|
.doc>section.text>header .result {
|
|
font-weight:700
|
|
}
|
|
.doc>section.text>header .result.error {
|
|
background:#d22;
|
|
color:#e7e9ea
|
|
}
|
|
.doc>section.text>header .result.error.warning {
|
|
background:#d22
|
|
}
|
|
.doc>section.text>header .result.pass {
|
|
background:#0a0;
|
|
color:#e7e9ea
|
|
}
|
|
.doc>section.text>header .result.fail {
|
|
background:#d22;
|
|
color:#e7e9ea
|
|
}
|
|
.doc>section.text>header .result em {
|
|
font-style:normal;
|
|
font-weight:400;
|
|
opacity:.75
|
|
}
|
|
.doc>section.text.tests-viewed>header .modelist li:last-child::after {
|
|
opacity:0
|
|
}
|
|
.doc>section.text .editor {
|
|
position:relative;
|
|
box-sizing:border-box;
|
|
display:flex;
|
|
height:100%;
|
|
width:100%;
|
|
padding:1rem 0 1rem 1rem
|
|
}
|
|
.doc>section.text .editor>.pad {
|
|
box-sizing:border-box;
|
|
position:relative;
|
|
overflow:hidden;
|
|
width:100%;
|
|
flex:1
|
|
}
|
|
.doc>section.text .editor>.pad>.CodeMirror {
|
|
color:#101112
|
|
}
|
|
.doc>section.text .editor>.pad>iframe.resizedetector {
|
|
opacity:0;
|
|
z-index:-1000;
|
|
border:none;
|
|
width:100%;
|
|
height:100%;
|
|
position:absolute
|
|
}
|
|
.doc>section.text .editor>.pad>canvas.highlights {
|
|
transition:opacity .2s;
|
|
position:absolute
|
|
}
|
|
.doc>section.text .tests {
|
|
display:none;
|
|
width:100%;
|
|
background:#d7dadc;
|
|
padding:1rem;
|
|
box-sizing:border-box;
|
|
overflow:auto
|
|
}
|
|
.doc>section.text .tests .default {
|
|
transition:opacity 1s;
|
|
padding:1rem .5rem;
|
|
color:#585e63
|
|
}
|
|
.doc>section.text .tests .list:empty~.default {
|
|
opacity:1
|
|
}
|
|
.doc>section.text .tests.tests-added .default {
|
|
opacity:0
|
|
}
|
|
#tooltip-signin ul.list .doc>section.text .tests li.add,.container .header ul.file .doc>section.text .tests li.add,.doc>section.text .tests #tooltip-signin ul.list li.add,.doc>section.text .tests .add.button,.doc>section.text .tests .container .header ul.file li.add {
|
|
box-sizing:border-box;
|
|
width:100%;
|
|
box-shadow:none;
|
|
opacity:.5;
|
|
background:rgba(183,188,192,.75);
|
|
color:#101112;
|
|
padding:.75rem .625rem;
|
|
margin-top:.125rem;
|
|
font-weight:700;
|
|
border-radius:.125rem
|
|
}
|
|
#tooltip-signin ul.list .doc>section.text .tests li.add:hover,.container .header ul.file .doc>section.text .tests li.add:hover,.doc>section.text .tests #tooltip-signin ul.list li.add:hover,.doc>section.text .tests .add.button:hover,.doc>section.text .tests .container .header ul.file li.add:hover {
|
|
opacity:1
|
|
}
|
|
.doc>section.text .tests .list li {
|
|
background:#e7e9ea;
|
|
box-shadow:0 1px 2px rgba(0,0,0,.1);
|
|
transition:margin .1s linear;
|
|
margin:.125rem 0;
|
|
display:inline-block;
|
|
width:100%
|
|
}
|
|
.doc>section.text .tests .list li:first-child {
|
|
margin-top:0
|
|
}
|
|
.doc>section.text .tests .list li:hover {
|
|
outline:solid 2px rgba(16,17,18,.3)
|
|
}
|
|
.doc>section.text .tests .list li header {
|
|
padding:.5rem .75rem
|
|
}
|
|
.doc>section.text .tests .list li header input.name {
|
|
color:#383b3f;
|
|
font-weight:700;
|
|
padding:0;
|
|
margin:0 .5rem;
|
|
background:0 0;
|
|
border:none
|
|
}
|
|
.doc>section.text .tests .list li header .icon.delete {
|
|
color:#b7bcc0
|
|
}
|
|
.doc>section.text .tests .list li header .icon.delete:hover {
|
|
color:#d22!important
|
|
}
|
|
.doc>section.text .tests .list li header .icon.fail {
|
|
display:none;
|
|
color:#d22
|
|
}
|
|
.doc>section.text .tests .list li header .icon.pass {
|
|
color:#0a0
|
|
}
|
|
.doc>section.text .tests .list li header .type {
|
|
background:0 0;
|
|
text-transform:uppercase;
|
|
font-size:.75em;
|
|
color:#b7bcc0;
|
|
font-weight:700;
|
|
box-shadow:none
|
|
}
|
|
.doc>section.text .tests .list li article {
|
|
border-top:solid 1px #d7dadc;
|
|
padding:.5rem 0 .5rem .75rem;
|
|
display:none;
|
|
height:6em;
|
|
align-items:stretch
|
|
}
|
|
.doc>section.text .tests .list li article .bar {
|
|
background:#0a0;
|
|
width:0;
|
|
outline:solid 1px #0a0;
|
|
margin:.25rem .875rem .25rem .375rem
|
|
}
|
|
.doc>section.text .tests .list li article .editor {
|
|
padding:0
|
|
}
|
|
.doc>section.text .tests .list li:not(.selected) {
|
|
cursor:pointer
|
|
}
|
|
.doc>section.text .tests .list li:not(.selected) .type .icon.dropdown {
|
|
opacity:0
|
|
}
|
|
.doc>section.text .tests .list li:not(.selected) * {
|
|
pointer-events:none
|
|
}
|
|
.doc>section.text .tests .list li.selected {
|
|
outline:solid 2px rgba(16,17,18,.3);
|
|
background:#f0f1f2;
|
|
box-shadow:0 2px 3px rgba(0,0,0,.25);
|
|
margin:.75rem 0
|
|
}
|
|
.doc>section.text .tests .list li.selected:first-child {
|
|
margin-top:0
|
|
}
|
|
.doc>section.text .tests .list li.selected article {
|
|
display:flex
|
|
}
|
|
.doc>section.text .tests .list li.selected .type {
|
|
color:#585e63
|
|
}
|
|
.doc>section.text .tests .list li.selected .type:hover {
|
|
color:#26292b
|
|
}
|
|
.doc>section.text .tests .list li.fail .icon.fail {
|
|
display:block
|
|
}
|
|
.doc>section.text .tests .list li.fail .icon.pass {
|
|
display:none
|
|
}
|
|
.doc>section.text .tests .list li.fail .bar {
|
|
outline:solid 1px #d22
|
|
}
|
|
#tooltip-signin ul.list .doc.tests-mode>section.text>header li.add,.container .header ul.file .doc.tests-mode>section.text>header li.add,.doc.tests-mode>section.text>header #tooltip-signin ul.list li.add,.doc.tests-mode>section.text>header .button.add,.doc.tests-mode>section.text>header .container .header ul.file li.add {
|
|
display:inline-block
|
|
}
|
|
.doc.tests-mode>section.text>article>.editor {
|
|
display:none
|
|
}
|
|
.doc.tests-mode>section.text .tests {
|
|
display:block
|
|
}
|
|
#tooltip .texthover .more {
|
|
display:inline-block;
|
|
color:#b7bcc0;
|
|
font-style:italic;
|
|
margin-top:.75rem
|
|
}
|
|
.doc>section.tools>article {
|
|
display:flex;
|
|
flex-direction:column;
|
|
background:#e7e9ea
|
|
}
|
|
.doc>section.tools>article .icon.help {
|
|
position:absolute;
|
|
right:.25rem;
|
|
transform:translate(0,-50%) translate(0,1.875rem);
|
|
padding:1rem;
|
|
color:rgba(16,17,18,.25);
|
|
z-index:10
|
|
}
|
|
.doc>section.tools>article .icon.help:hover {
|
|
color:#26292b!important
|
|
}
|
|
.doc>section.tools>article .inputtool {
|
|
display:none;
|
|
flex-direction:column;
|
|
flex:1
|
|
}
|
|
.doc>section.tools>article .inputtool .editor {
|
|
position:relative;
|
|
flex:0 3.75rem;
|
|
background:#f0f1f2;
|
|
border-bottom:solid 1px #d7dadc
|
|
}
|
|
.doc>section.tools>article .inputtool .editor>.CodeMirror {
|
|
padding:1rem 0 0 1rem;
|
|
height:100%;
|
|
font-weight:700
|
|
}
|
|
.doc>section.tools>article .inputtool .result {
|
|
flex:1
|
|
}
|
|
.doc>section.tools>article .inputtool .result textarea {
|
|
box-sizing:border-box;
|
|
padding:1rem 0 1rem 1rem;
|
|
resize:none;
|
|
display:block;
|
|
border:0;
|
|
background:0 0;
|
|
width:100%;
|
|
height:100%;
|
|
margin:0;
|
|
font-family:"Source Code Pro",monospace;
|
|
font-size:16px;
|
|
color:#101112
|
|
}
|
|
.doc>section.tools>article .inputtool .result textarea:focus {
|
|
outline:0
|
|
}
|
|
.doc>section.tools>article .content {
|
|
flex:1 1 0%;
|
|
min-height:0;
|
|
overflow-y:auto;
|
|
display:block;
|
|
padding:1rem
|
|
}
|
|
.doc>section.tools>article.showinput .inputtool {
|
|
display:flex
|
|
}
|
|
.doc>section.tools>article.showinput .content {
|
|
display:none
|
|
}
|
|
.doc>section.tools>article .explain>.desc {
|
|
color:#7e878e;
|
|
display:block;
|
|
padding:.5rem
|
|
}
|
|
.doc>section.tools>article .explain div {
|
|
padding:.5em 1em .5em 2.5em;
|
|
margin-top:.75em;
|
|
border:solid 1px rgba(183,188,192,.5);
|
|
border-left:solid .25em rgba(183,188,192,.5);
|
|
background:#f0f1f2;
|
|
cursor:pointer
|
|
}
|
|
.doc>section.tools>article .explain div.applied {
|
|
margin-left:1em;
|
|
margin-top:0;
|
|
border:none;
|
|
background:rgba(183,188,192,.3)
|
|
}
|
|
.doc>section.tools>article .explain div.applied+div.applied {
|
|
margin-top:1px;
|
|
margin-left:2em
|
|
}
|
|
.doc>section.tools>article .explain div.error {
|
|
background:#edd2d3;
|
|
border-color:#d22
|
|
}
|
|
.doc>section.tools>article .explain div.error .error-title {
|
|
font-weight:700
|
|
}
|
|
.doc>section.tools>article .explain div.error .warningtext {
|
|
color:#7e878e;
|
|
margin-left:.5rem
|
|
}
|
|
.doc>section.tools>article .explain code {
|
|
font-weight:700
|
|
}
|
|
.doc>section.tools>article .explain code.token {
|
|
display:inline-block;
|
|
min-width:1.25em;
|
|
margin:-1px .5em 0 -1.75em;
|
|
float:left
|
|
}
|
|
.doc>section.tools>article .explain div.close {
|
|
margin:0;
|
|
padding:0;
|
|
border:none;
|
|
background:0 0
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-0,.doc>section.tools>article .explain .exp-group-1,.doc>section.tools>article .explain .exp-group-2,.doc>section.tools>article .explain .exp-group-3 {
|
|
border-color:rgba(0,170,0,.25)
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-0 {
|
|
background:#ddf1df
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-1 {
|
|
background:#d1f1d3
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-2 {
|
|
background:#c5f0c6
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-3 {
|
|
background:#b9f0ba
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-4 {
|
|
background:#383b3f;
|
|
color:#f0f1f2;
|
|
padding:1rem
|
|
}
|
|
.doc>section.tools>article .explain .exp-group-set {
|
|
background:#f4f0b6;
|
|
border-color:rgba(221,119,0,.25)
|
|
}
|
|
.doc>section.tools>article .details>div.desc {
|
|
padding:.5rem;
|
|
color:#7e878e;
|
|
margin-bottom:.5em
|
|
}
|
|
.doc>section.tools>article .details>div.desc code {
|
|
color:#585e63;
|
|
font-weight:700
|
|
}
|
|
.doc>section.tools>article .details table {
|
|
font-family:"Source Code Pro",monospace;
|
|
width:100%;
|
|
border-spacing:0;
|
|
border:0
|
|
}
|
|
.doc>section.tools>article .details table tr:nth-child(odd) td {
|
|
background:#e1e3e4
|
|
}
|
|
.doc>section.tools>article .details table tr.match td {
|
|
background:#d7dadc;
|
|
border-bottom:1px dotted #b7bcc0
|
|
}
|
|
.doc>section.tools>article .details table td {
|
|
padding:.5rem 1rem;
|
|
vertical-align:top
|
|
}
|
|
.doc>section.tools>article .details table td:first-child {
|
|
font-weight:700;
|
|
white-space:nowrap;
|
|
padding-right:0
|
|
}
|
|
.doc>section.tools>article .details table td:nth-child(2) {
|
|
color:#7e878e;
|
|
white-space:nowrap;
|
|
border-right:1px dotted #b7bcc0
|
|
}
|
|
.doc>section.tools>article .details table td:nth-child(3) {
|
|
white-space:pre-wrap;
|
|
width:100%;
|
|
color:#101112;
|
|
-webkit-user-select:text;
|
|
user-select:text;
|
|
-webkit-user-select:contain;
|
|
user-select:contain
|
|
}
|
|
.doc>section.tools>article .details table td:nth-child(3) em {
|
|
color:#7e878e
|
|
}
|
|
.doc>section.tools>article .details .group-1 {
|
|
background:hsla(60,100%,50%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-2 {
|
|
background:hsla(120,100%,50%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-3 {
|
|
background:hsla(230,100%,70%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-4 {
|
|
background:hsla(280,100%,60%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-5 {
|
|
background:hsla(350,100%,60%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-0 {
|
|
background:hsla(30,100%,50%,.5)
|
|
}
|
|
.doc>section.tools>article .details .group-0,.doc>section.tools>article .details .group-1,.doc>section.tools>article .details .group-2,.doc>section.tools>article .details .group-3,.doc>section.tools>article .details .group-4,.doc>section.tools>article .details .group-5 {
|
|
outline:.5px solid rgba(16,17,18,.25)
|
|
}
|
|
.sidebar>.full .list .row.active:hover,.sidebar>.full .list li.active:hover,.sidebar>.min .list .row.active:hover,.sidebar>.min .list li.active:hover {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full .list .row.active>.icon.check,.sidebar>.full .list .row.active>.icon:first-child,.sidebar>.full .list li.active>.icon.check,.sidebar>.full .list li.active>.icon:first-child,.sidebar>.min .list .row.active>.icon.check,.sidebar>.min .list .row.active>.icon:first-child,.sidebar>.min .list li.active>.icon.check,.sidebar>.min .list li.active>.icon:first-child {
|
|
color:#70b0e0
|
|
}
|
|
.sidebar {
|
|
flex:1 0 350px;
|
|
width:350px;
|
|
transition:flex .2s ease-out;
|
|
background:#282b2d;
|
|
display:flex;
|
|
flex-direction:column;
|
|
color:#b7bcc0;
|
|
border-right:1px solid #3a3e41;
|
|
box-shadow:1px 2px 8px rgba(0,0,0,.45);
|
|
z-index:100
|
|
}
|
|
.sidebar>.blocker {
|
|
display:none
|
|
}
|
|
.sidebar .list>li,.sidebar .row {
|
|
display:flex;
|
|
flex:0 0 auto;
|
|
padding:.5rem;
|
|
align-items:center;
|
|
justify-content:center;
|
|
border-bottom:1px solid rgba(240,241,242,.06);
|
|
transition:background .2s;
|
|
color:#b7bcc0
|
|
}
|
|
.sidebar .list>li>*,.sidebar .row>* {
|
|
margin:0 .5rem
|
|
}
|
|
.sidebar .list>li .label,.sidebar .list>li input,.sidebar .row .label,.sidebar .row input {
|
|
flex:1
|
|
}
|
|
.sidebar .list>li .icon,.sidebar .row .icon {
|
|
color:#595f64
|
|
}
|
|
.sidebar header.row {
|
|
flex:0 0 2.5rem;
|
|
padding:0
|
|
}
|
|
.sidebar header.row .backrow {
|
|
display:flex;
|
|
flex:1 0 auto;
|
|
align-items:center;
|
|
cursor:pointer;
|
|
margin:0;
|
|
padding:.5rem 0
|
|
}
|
|
.sidebar header.row .backrow .icon {
|
|
flex:0 0 auto;
|
|
margin:0 1rem
|
|
}
|
|
.sidebar header.row .backrow:hover {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar header.row .backrow:hover .icon {
|
|
color:currentColor
|
|
}
|
|
.sidebar header.row .close.icon {
|
|
padding:.75rem 1rem;
|
|
margin:0
|
|
}
|
|
.sidebar code {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar.closed {
|
|
flex:0 50px
|
|
}
|
|
.sidebar>.full .list,.sidebar>.min .list {
|
|
flex:1 1 0%;
|
|
display:flex;
|
|
align-items:stretch;
|
|
overflow-y:auto;
|
|
background:#3a3e41;
|
|
border-bottom:2px solid #3a3e41
|
|
}
|
|
.sidebar>.full .list .row,.sidebar>.full .list li,.sidebar>.min .list .row,.sidebar>.min .list li {
|
|
color:#b7bcc0
|
|
}
|
|
.sidebar>.full .list .row:hover:not(.inactive),.sidebar>.full .list li:hover:not(.inactive),.sidebar>.min .list .row:hover:not(.inactive),.sidebar>.min .list li:hover:not(.inactive) {
|
|
background:#4a4f53
|
|
}
|
|
.sidebar>.full .list .row:hover:not(.inactive) .icon,.sidebar>.full .list .row:hover:not(.inactive) .rating,.sidebar>.full .list .row:hover:not(.inactive) .token,.sidebar>.full .list li:hover:not(.inactive) .icon,.sidebar>.full .list li:hover:not(.inactive) .rating,.sidebar>.full .list li:hover:not(.inactive) .token,.sidebar>.min .list .row:hover:not(.inactive) .icon,.sidebar>.min .list .row:hover:not(.inactive) .rating,.sidebar>.min .list .row:hover:not(.inactive) .token,.sidebar>.min .list li:hover:not(.inactive) .icon,.sidebar>.min .list li:hover:not(.inactive) .rating,.sidebar>.min .list li:hover:not(.inactive) .token {
|
|
color:currentColor
|
|
}
|
|
.sidebar>.full .list .row.selected,.sidebar>.full .list li.selected,.sidebar>.min .list .row.selected,.sidebar>.min .list li.selected {
|
|
background:#595f64;
|
|
color:#d7dadc
|
|
}
|
|
.sidebar>.full .list .row.selected .icon,.sidebar>.full .list .row.selected .rating,.sidebar>.full .list .row.selected .token,.sidebar>.full .list li.selected .icon,.sidebar>.full .list li.selected .rating,.sidebar>.full .list li.selected .token,.sidebar>.min .list .row.selected .icon,.sidebar>.min .list .row.selected .rating,.sidebar>.min .list .row.selected .token,.sidebar>.min .list li.selected .icon,.sidebar>.min .list li.selected .rating,.sidebar>.min .list li.selected .token {
|
|
color:currentColor
|
|
}
|
|
.sidebar>.full .list .row.selected:hover,.sidebar>.full .list li.selected:hover,.sidebar>.min .list .row.selected:hover,.sidebar>.min .list li.selected:hover {
|
|
background:#595f64;
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full .list .row.disabled,.sidebar>.full .list li.disabled,.sidebar>.min .list .row.disabled,.sidebar>.min .list li.disabled {
|
|
pointer-events:none;
|
|
opacity:.35
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled),.sidebar>.full .list li.link:not(.disabled),.sidebar>.min .list .row.link:not(.disabled),.sidebar>.min .list li.link:not(.disabled) {
|
|
overflow:hidden
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled) .url,.sidebar>.full .list li.link:not(.disabled) .url,.sidebar>.min .list .row.link:not(.disabled) .url,.sidebar>.min .list li.link:not(.disabled) .url {
|
|
color:#70b0e0;
|
|
margin:0
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled):hover,.sidebar>.full .list li.link:not(.disabled):hover,.sidebar>.min .list .row.link:not(.disabled):hover,.sidebar>.min .list li.link:not(.disabled):hover {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled):hover .url,.sidebar>.full .list li.link:not(.disabled):hover .url,.sidebar>.min .list .row.link:not(.disabled):hover .url,.sidebar>.min .list li.link:not(.disabled):hover .url {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled) .icon.copy,.sidebar>.full .list li.link:not(.disabled) .icon.copy,.sidebar>.min .list .row.link:not(.disabled) .icon.copy,.sidebar>.min .list li.link:not(.disabled) .icon.copy {
|
|
padding:1rem;
|
|
margin:-1rem -.5rem;
|
|
color:#595f64
|
|
}
|
|
.sidebar>.full .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.full .list li.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list .row.link:not(.disabled) .icon.copy:hover,.sidebar>.min .list li.link:not(.disabled) .icon.copy:hover {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full .list .row.loading,.sidebar>.full .list li.loading,.sidebar>.min .list .row.loading,.sidebar>.min .list li.loading {
|
|
padding:1rem;
|
|
display:block;
|
|
border:none;
|
|
color:#7e878e;
|
|
pointer-events:none
|
|
}
|
|
.sidebar>.full .list .row .token,.sidebar>.full .list li .token,.sidebar>.min .list .row .token,.sidebar>.min .list li .token {
|
|
color:#7e878e;
|
|
font-family:"Source Code Pro",monospace;
|
|
font-weight:700
|
|
}
|
|
.sidebar>.full .list .row .rating,.sidebar>.full .list li .rating,.sidebar>.min .list .row .rating,.sidebar>.min .list li .rating {
|
|
display:flex;
|
|
align-items:center;
|
|
color:#7e878e;
|
|
font-size:.875em
|
|
}
|
|
.sidebar>.full .list .row .rating .favorites.icon,.sidebar>.full .list li .rating .favorites.icon,.sidebar>.min .list .row .rating .favorites.icon,.sidebar>.min .list li .rating .favorites.icon {
|
|
color:#70b0e0;
|
|
padding:0 .25rem
|
|
}
|
|
.sidebar>.min {
|
|
display:none;
|
|
background:#3a3e41
|
|
}
|
|
.sidebar>.min>.list>li:first-child {
|
|
background:#282b2d;
|
|
padding:0
|
|
}
|
|
.sidebar>.full {
|
|
display:flex;
|
|
flex-direction:column;
|
|
flex:1;
|
|
min-height:0
|
|
}
|
|
.sidebar>.full.no-search>.search {
|
|
display:none
|
|
}
|
|
.sidebar>.full.no-list>.list {
|
|
display:none
|
|
}
|
|
.sidebar>.full>header h1 {
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full>header .icon {
|
|
color:#595f64
|
|
}
|
|
.sidebar>.full>.search {
|
|
padding:0 .5rem
|
|
}
|
|
.sidebar>.full>.search input {
|
|
background:0 0;
|
|
padding:0
|
|
}
|
|
.sidebar>.full>.search input:focus {
|
|
border-bottom:1px dotted #3a3e41;
|
|
margin-bottom:-1px
|
|
}
|
|
.sidebar>.full>.search svg.icon {
|
|
width:1em;
|
|
height:1em;
|
|
margin-right:.375em
|
|
}
|
|
.sidebar>.full>.search svg.icon.search:hover {
|
|
color:#f0f1f2;
|
|
cursor:pointer
|
|
}
|
|
.sidebar>.full>.search svg.icon.distractor {
|
|
display:none
|
|
}
|
|
.sidebar>.full>.search.wait svg.icon.search {
|
|
display:none
|
|
}
|
|
.sidebar>.full>.search.wait svg.icon.distractor {
|
|
display:block
|
|
}
|
|
.sidebar>.full>.content {
|
|
flex:1 1 0%;
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
padding:1rem;
|
|
-webkit-user-select:text;
|
|
user-select:text;
|
|
overflow-wrap:break-word;
|
|
border-top:2px solid #282b2d;
|
|
line-height:1.4em
|
|
}
|
|
.sidebar>.full>.content h1 {
|
|
margin-top:1.5em;
|
|
color:#f0f1f2
|
|
}
|
|
.sidebar>.full>.content code em {
|
|
font-style:normal;
|
|
background:rgba(112,176,224,.5);
|
|
color:#f0f1f2;
|
|
margin-right:1px
|
|
}
|
|
.sidebar>.full>.content b {
|
|
color:#d7dadc
|
|
}
|
|
.sidebar>.full>.content ul {
|
|
padding-left:1.5em;
|
|
margin-bottom:0
|
|
}
|
|
.sidebar>.full>.hello {
|
|
flex:0 0 0;
|
|
padding:0;
|
|
border:.25rem solid #101112;
|
|
background:#101112
|
|
}
|
|
.sidebar>.full>.hello .noad {
|
|
padding:.75rem;
|
|
color:#7e878e
|
|
}
|
|
.sidebar>.full>.hello .noad b {
|
|
color:#b7bcc0
|
|
}
|
|
#cheatsheet table {
|
|
width:100%
|
|
}
|
|
#cheatsheet table th {
|
|
text-align:left;
|
|
background:#3a3e41;
|
|
padding:.25rem .5rem;
|
|
color:#70b0e0
|
|
}
|
|
#cheatsheet table tr+tr>th {
|
|
border-top:.5rem solid #282b2d
|
|
}
|
|
#cheatsheet table td {
|
|
padding:0
|
|
}
|
|
#cheatsheet table td:first-child {
|
|
font-family:"Source Code Pro",monospace
|
|
}
|
|
#cheatsheet table a {
|
|
color:#f0f1f2
|
|
}
|
|
#cheatsheet table a+a {
|
|
margin-left:.375em
|
|
}
|
|
.community>header {
|
|
background:#101112;
|
|
padding:1rem;
|
|
margin:-1rem;
|
|
margin-bottom:.5rem;
|
|
display:flex;
|
|
justify-content:space-between
|
|
}
|
|
.community>header .icon {
|
|
color:#595f64
|
|
}
|
|
.community>header .icon.selected:not(:hover) {
|
|
color:#70b0e0
|
|
}
|
|
.community>header>.name {
|
|
color:#f0f1f2;
|
|
font-weight:700;
|
|
overflow:hidden;
|
|
display:block;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis
|
|
}
|
|
.community>header>div {
|
|
display:flex
|
|
}
|
|
.community>header>div .favorites {
|
|
margin:0 1rem
|
|
}
|
|
.community .row.rate .icon.thumbdown,.community .row.rate .icon.thumbup {
|
|
cursor:pointer
|
|
}
|
|
.community .row.rate .icon.thumbdown.selected:hover,.community .row.rate .icon.thumbdown:hover,.community .row.rate .icon.thumbup.selected:hover,.community .row.rate .icon.thumbup:hover {
|
|
color:#f0f1f2
|
|
}
|
|
.community .row.rate .icon.thumbdown.selected,.community .row.rate .icon.thumbup.selected {
|
|
color:#70b0e0
|
|
}
|
|
.community .row.rate .icon.thumbdown {
|
|
transform:translate(0,.125em) scale(1,-1)
|
|
}
|
|
.community>.author {
|
|
margin-top:.125em;
|
|
color:#7e878e
|
|
}
|
|
.community .actions.list {
|
|
background:0;
|
|
margin:-.5rem -1rem 0 -1rem
|
|
}
|
|
.community>.desc {
|
|
margin-top:1rem
|
|
}
|
|
#share_community,#share_main {
|
|
margin:-1rem
|
|
}
|
|
#share_community .list,#share_main .list {
|
|
background:0 0;
|
|
border:none
|
|
}
|
|
#share_community .inputs input,#share_community .inputs textarea,#share_main .inputs input,#share_main .inputs textarea {
|
|
color:#f0f1f2;
|
|
margin:2px 0
|
|
}
|
|
#share_community #tooltip-signin ul.list li,#share_community .button,#share_community .container .header ul.file li,#share_main #tooltip-signin ul.list li,#share_main .button,#share_main .container .header ul.file li,#tooltip-signin ul.list #share_community li,#tooltip-signin ul.list #share_main li,.container .header ul.file #share_community li,.container .header ul.file #share_main li {
|
|
padding-left:2rem;
|
|
padding-right:2rem
|
|
}
|
|
#share_community .buttons.wait #tooltip-signin ul.list li,#share_community .buttons.wait .button,#share_community .buttons.wait .container .header ul.file li,#share_main .buttons.wait #tooltip-signin ul.list li,#share_main .buttons.wait .button,#share_main .buttons.wait .container .header ul.file li,#tooltip-signin ul.list #share_community .buttons.wait li,#tooltip-signin ul.list #share_main .buttons.wait li,.container .header ul.file #share_community .buttons.wait li,.container .header ul.file #share_main .buttons.wait li {
|
|
opacity:.35;
|
|
pointer-events:none
|
|
}
|
|
#share_community .status,#share_main .status {
|
|
margin-left:.5rem
|
|
}
|
|
#share_main .signin.row .signout {
|
|
display:none
|
|
}
|
|
#share_main .signin.row.authenticated {
|
|
display:none
|
|
}
|
|
#share_main .row:not(.active) .icon.check {
|
|
display:none
|
|
}
|
|
#share_main .delete.row:hover {
|
|
background:rgba(221,34,34,.6)
|
|
}
|
|
#share_main>.info {
|
|
padding:1rem;
|
|
margin-bottom:.5rem;
|
|
border-bottom:solid 1px #3a3e41
|
|
}
|
|
#share_main>.info>.row {
|
|
padding:0 0 .5rem 0;
|
|
border:0;
|
|
color:#b7bcc0;
|
|
align-items:flex-start
|
|
}
|
|
#share_main>.info>.row svg.icon {
|
|
color:currentColor;
|
|
margin:0
|
|
}
|
|
#share_main>.save {
|
|
flex-direction:column;
|
|
align-items:flex-start;
|
|
padding:1.25rem .5rem;
|
|
margin-bottom:.5rem;
|
|
background:#3a3e41;
|
|
border:0;
|
|
box-shadow:-3px 3px 6px rgba(0,0,0,.1)
|
|
}
|
|
#share_main>.save .message {
|
|
color:#f0f1f2
|
|
}
|
|
#share_main>.save .buttons {
|
|
padding:.5rem 0 0 0;
|
|
border:0;
|
|
color:#f0f1f2
|
|
}
|
|
#share_main>.save .buttons #tooltip-signin ul.list li,#share_main>.save .buttons .button,#share_main>.save .buttons .container .header ul.file li,#tooltip-signin ul.list #share_main>.save .buttons li,.container .header ul.file #share_main>.save .buttons li {
|
|
margin:0 .5rem 0 0
|
|
}
|
|
#share_community {
|
|
margin:0 .5rem
|
|
}
|
|
#share_community>.buttons {
|
|
justify-content:flex-end;
|
|
color:#f0f1f2;
|
|
border:none
|
|
}
|
|
#share_community .buttons,#share_community .inputs {
|
|
margin:1rem 0
|
|
}
|
|
.native-js {
|
|
transition:all .25s ease-in-out;
|
|
opacity:0;
|
|
position:absolute;
|
|
top:0
|
|
}
|
|
.native-js[data-state=visible] {
|
|
position:static;
|
|
opacity:1
|
|
}
|
|
.native-js[data-state=visible]+.noad {
|
|
display:none
|
|
}
|
|
.native-img {
|
|
margin-right:.75rem;
|
|
max-height:40px;
|
|
max-width:27%;
|
|
border-radius:3px
|
|
}
|
|
.native-flex {
|
|
display:flex;
|
|
padding:.75rem;
|
|
text-decoration:none;
|
|
flex-flow:row nowrap;
|
|
justify-content:space-between;
|
|
align-items:center
|
|
}
|
|
.native-main {
|
|
display:flex;
|
|
flex-flow:row nowrap;
|
|
align-items:center
|
|
}
|
|
.native-details {
|
|
display:flex;
|
|
font-size:12px;
|
|
position:relative;
|
|
max-height:5em;
|
|
flex-flow:column
|
|
}
|
|
.native-company {
|
|
margin-bottom:4px;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
font-weight:700;
|
|
font-size:11px
|
|
}
|
|
.native-desc {
|
|
letter-spacing:1px;
|
|
font-weight:300;
|
|
line-height:1.3em;
|
|
text-overflow:ellipsis;
|
|
max-height:5em;
|
|
overflow:hidden;
|
|
position:relative
|
|
}
|
|
#carbonads {
|
|
display:block;
|
|
overflow:hidden;
|
|
background-color:#101112;
|
|
font-size:13px;
|
|
line-height:1.5
|
|
}
|
|
#carbonads a {
|
|
color:inherit;
|
|
text-decoration:none
|
|
}
|
|
#carbonads a:hover {
|
|
color:inherit
|
|
}
|
|
#carbonads span {
|
|
position:relative;
|
|
display:block;
|
|
overflow:hidden
|
|
}
|
|
.carbon-img {
|
|
display:block;
|
|
float:left;
|
|
margin:0;
|
|
line-height:1
|
|
}
|
|
.carbon-img img {
|
|
display:block
|
|
}
|
|
.carbon-text {
|
|
display:block;
|
|
float:left;
|
|
padding:8px 1em;
|
|
max-width:calc(100% - 130px - 2em);
|
|
text-align:left;
|
|
letter-spacing:.5px
|
|
}
|
|
.carbon-poweredby {
|
|
position:absolute;
|
|
right:0;
|
|
bottom:0;
|
|
left:130px;
|
|
display:block;
|
|
padding:8px 13px;
|
|
border-top:solid 1px #282b2d;
|
|
text-transform:uppercase;
|
|
letter-spacing:1px;
|
|
font-weight:400;
|
|
font-size:9px;
|
|
line-height:1
|
|
}
|
|
@media (max-width:900px) {
|
|
body>.container>.header>.etc>.github {
|
|
display:none
|
|
}
|
|
body>.container>.header>.file .savekey {
|
|
display:none
|
|
}
|
|
body>.container>.app {
|
|
display:block;
|
|
position:relative;
|
|
background:#e7e9ea
|
|
}
|
|
body>.container>.app>.doc {
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:50px;
|
|
right:0
|
|
}
|
|
body>.container>.app>.doc>.blocker {
|
|
display:none;
|
|
width:100%;
|
|
height:100%;
|
|
position:fixed;
|
|
background:rgba(215,218,220,.5);
|
|
z-index:10
|
|
}
|
|
body>.container>.app>.doc.fadeback {
|
|
filter:blur(2px)
|
|
}
|
|
body>.container>.app>.doc.fadeback>.blocker {
|
|
display:block
|
|
}
|
|
body>.container>.app>.sidebar {
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
z-index:10000;
|
|
transition:width .2s ease-out;
|
|
width:calc(10% + 350px);
|
|
box-shadow:10px 0 12px rgba(0,0,0,.45);
|
|
background:#282b2d;
|
|
opacity:.94
|
|
}
|
|
body>.container>.app>.sidebar.closed {
|
|
width:50px;
|
|
min-width:50px;
|
|
box-shadow:1px 2px 8px rgba(0,0,0,.45);
|
|
opacity:1
|
|
}
|
|
body>.container>.app>.sidebar.closed:before {
|
|
content:none
|
|
}
|
|
|
|
}
|
|
#export.theme {
|
|
color:#70b0e0
|
|
}
|
|
#export.match {
|
|
color:rgba(112,176,224,.5)
|
|
}
|
|
#export.selected-stroke {
|
|
color:rgba(16,17,18,.3)
|
|
}
|
|
.CodeMirror {
|
|
font-family:"Source Code Pro",monospace;
|
|
background:0 0;
|
|
position:absolute;
|
|
box-sizing:border-box
|
|
}
|
|
.CodeMirror div.CodeMirror-cursor {
|
|
pointer-events:none;
|
|
border-left:1px solid #101112
|
|
}
|
|
.CodeMirror-selected {
|
|
background:rgba(170,170,170,.55)
|
|
}
|
|
.CodeMirror-focused .CodeMirror-selected {
|
|
background:rgba(140,150,255,.8)
|
|
}
|
|
.editor.multiline .CodeMirror-line:not(:last-child)>span:after {
|
|
pointer-events:none;
|
|
color:rgba(127,127,127,.33);
|
|
content:"¬"
|
|
}
|
|
.CodeMirror-line .cm-space::before,.CodeMirror-line .cm-special::before {
|
|
color:rgba(127,127,127,.33);
|
|
content:"•";
|
|
position:absolute
|
|
}
|
|
.CodeMirror-line .cm-special::before {
|
|
color:#d22
|
|
}
|
|
.CodeMirror-line .cm-tab {
|
|
background:url(data:image/png;
|
|
base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REZENEEyN0Q3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REZENEEyN0U3NTc0MTFFNzlFMTZGQ0Q1MEREODEyREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpERkQ0QTI3Qjc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpERkQ0QTI3Qzc1NzQxMUU3OUUxNkZDRDUwREQ4MTJEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgWEz28AAABVSURBVHja7JVBCgAgCAQt+rf6cstjYN4iFxoQxJMjos3MCJlO4HyB26iqZLXyAswskQTUCmUSI7OruE4usxX9jCKELKK8w04e6Qqdmnfa/8SPmQIMANcZrZCVJGBIAAAAAElFTkSuQmCC);
|
|
background-position:100%;
|
|
background-repeat:no-repeat
|
|
}
|
|
|