definicao de layout
This commit is contained in:
188
public/assets/css/prism.css
Normal file
188
public/assets/css/prism.css
Normal file
@@ -0,0 +1,188 @@
|
||||
code[class*=language-], pre[class*=language-] {
|
||||
color: #000;
|
||||
background: 0 0;
|
||||
text-shadow: 0 1px #fff;
|
||||
text-align: left;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
|
||||
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
code[class*=language-] ::selection, code[class*=language-]::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
pre[class*=language-] {
|
||||
padding: 1em;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
}
|
||||
pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
pre[class*=language-] ::selection, pre[class*=language-]::selection {
|
||||
text-shadow: none;
|
||||
background: #b3d4fc;
|
||||
}
|
||||
|
||||
@media print {
|
||||
code[class*=language-], pre[class*=language-] {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
:not(pre) > code[class*=language-], pre[class*=language-] {
|
||||
background: #f6f7fb;
|
||||
}
|
||||
|
||||
:not(pre) > code[class*=language-] {
|
||||
padding: 0.1em;
|
||||
border-radius: 0.3em;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.token.cdata, .token.comment, .token.doctype, .token.prolog {
|
||||
color: #708090;
|
||||
}
|
||||
.token.punctuation {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
|
||||
color: #905;
|
||||
}
|
||||
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
|
||||
color: #690;
|
||||
}
|
||||
|
||||
.language-css .token.string, .style .token.string {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
|
||||
.token.entity, .token.operator, .token.url {
|
||||
color: #a67f59;
|
||||
background: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
.token.atrule, .token.attr-value, .token.keyword {
|
||||
color: #07a;
|
||||
}
|
||||
.token.function {
|
||||
color: #DD4A68;
|
||||
}
|
||||
.token.important, .token.regex, .token.variable {
|
||||
color: #e90;
|
||||
}
|
||||
.token.bold, .token.important {
|
||||
font-weight: 700;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
|
||||
.code-box-copy {
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
display: none;
|
||||
}
|
||||
.code-box-copy pre[class*=language-] {
|
||||
border: 1px solid #dee3f9;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.code-box-copy__btn {
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 11px;
|
||||
right: 11px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background-color: #e5eaff;
|
||||
border: 1px solid #dee3f9;
|
||||
color: #333;
|
||||
border-radius: 4px;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.code-box-copy:hover .code-box-copy__btn {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.code-box-copy__btn:disabled {
|
||||
background-color: #eee;
|
||||
border-color: #ccc;
|
||||
color: #333;
|
||||
pointer-events: none;
|
||||
}
|
||||
.code-box-copy__btn:hover {
|
||||
cursor: pointer;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
color: #333;
|
||||
}
|
||||
.code-box-copy__btn:focus, .code-box-copy__btn:active {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.code-box-copy__tooltip {
|
||||
display: none;
|
||||
position: absolute;
|
||||
bottom: calc(100% + 11px);
|
||||
right: 0;
|
||||
width: 80px;
|
||||
padding: 6px 0;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 2px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.code-box-copy__tooltip::after {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 13px;
|
||||
bottom: -5px;
|
||||
content: " ";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
border-width: 5px 5px 0 5px;
|
||||
border-color: #333 transparent transparent transparent;
|
||||
}
|
||||
|
||||
.card-body.show-source .code-box-copy {
|
||||
display: block;
|
||||
}
|
||||
/*# sourceMappingURL=prism.css.map */
|
||||
Reference in New Issue
Block a user