add code highlighting
This commit is contained in:
@@ -194,13 +194,356 @@ pre code {
|
||||
overflow: scroll;
|
||||
tab-size: 4;
|
||||
}
|
||||
pre code .hll {
|
||||
background-color: #6e7681;
|
||||
}
|
||||
pre code .c {
|
||||
color: #8B949E;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment */ }
|
||||
pre code .err {
|
||||
color: #F85149;
|
||||
}
|
||||
pre code { /* Error */ }
|
||||
pre code .esc {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Escape */ }
|
||||
pre code .g {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Generic */ }
|
||||
pre code .k {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Keyword */ }
|
||||
pre code .l {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal */ }
|
||||
pre code .n {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Name */ }
|
||||
pre code .o {
|
||||
color: #FF7B72;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Operator */ }
|
||||
pre code .x {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Other */ }
|
||||
pre code .p {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Punctuation */ }
|
||||
pre code .ch {
|
||||
color: #8B949E;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.Hashbang */ }
|
||||
pre code .cm {
|
||||
color: #8B949E;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.Multiline */ }
|
||||
pre code .cp {
|
||||
color: #8B949E;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.Preproc */ }
|
||||
pre code .cpf {
|
||||
color: #8B949E;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.PreprocFile */ }
|
||||
pre code .c1 {
|
||||
color: #8B949E;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.Single */ }
|
||||
pre code .cs {
|
||||
color: #8B949E;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Comment.Special */ }
|
||||
pre code .gd {
|
||||
color: #FFA198;
|
||||
background-color: #490202;
|
||||
}
|
||||
pre code { /* Generic.Deleted */ }
|
||||
pre code .ge {
|
||||
color: #E6EDF3;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Generic.Emph */ }
|
||||
pre code .ges {
|
||||
color: #E6EDF3;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
}
|
||||
pre code { /* Generic.EmphStrong */ }
|
||||
pre code .gr {
|
||||
color: #FFA198;
|
||||
}
|
||||
pre code { /* Generic.Error */ }
|
||||
pre code .gh {
|
||||
color: #79C0FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Generic.Heading */ }
|
||||
pre code .gi {
|
||||
color: #56D364;
|
||||
background-color: #0F5323;
|
||||
}
|
||||
pre code { /* Generic.Inserted */ }
|
||||
pre code .go {
|
||||
color: #8B949E;
|
||||
}
|
||||
pre code { /* Generic.Output */ }
|
||||
pre code .gp {
|
||||
color: #8B949E;
|
||||
}
|
||||
pre code { /* Generic.Prompt */ }
|
||||
pre code .gs {
|
||||
color: #E6EDF3;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Generic.Strong */ }
|
||||
pre code .gu {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Generic.Subheading */ }
|
||||
pre code .gt {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Generic.Traceback */ }
|
||||
pre code .g-Underline {
|
||||
color: #E6EDF3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
pre code { /* Generic.Underline */ }
|
||||
pre code .kc {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Keyword.Constant */ }
|
||||
pre code .kd {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Keyword.Declaration */ }
|
||||
pre code .kn {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Keyword.Namespace */ }
|
||||
pre code .kp {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Keyword.Pseudo */ }
|
||||
pre code .kr {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Keyword.Reserved */ }
|
||||
pre code .kt {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Keyword.Type */ }
|
||||
pre code .ld {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.Date */ }
|
||||
pre code .m {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number */ }
|
||||
pre code .s {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String */ }
|
||||
pre code .na {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Name.Attribute */ }
|
||||
pre code .nb {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Name.Builtin */ }
|
||||
pre code .nc {
|
||||
color: #F0883E;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Class */ }
|
||||
pre code .no {
|
||||
color: #79C0FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Constant */ }
|
||||
pre code .nd {
|
||||
color: #D2A8FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Decorator */ }
|
||||
pre code .ni {
|
||||
color: #FFA657;
|
||||
}
|
||||
pre code { /* Name.Entity */ }
|
||||
pre code .ne {
|
||||
color: #F0883E;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Exception */ }
|
||||
pre code .nf {
|
||||
color: #D2A8FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Function */ }
|
||||
pre code .nl {
|
||||
color: #79C0FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Label */ }
|
||||
pre code .nn {
|
||||
color: #FF7B72;
|
||||
}
|
||||
pre code { /* Name.Namespace */ }
|
||||
pre code .nx {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Name.Other */ }
|
||||
pre code .py {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Property */ }
|
||||
pre code .nt {
|
||||
color: #7EE787;
|
||||
}
|
||||
pre code { /* Name.Tag */ }
|
||||
pre code .nv {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Variable */ }
|
||||
pre code .ow {
|
||||
color: #FF7B72;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Operator.Word */ }
|
||||
pre code .pm {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Punctuation.Marker */ }
|
||||
pre code .w {
|
||||
color: #6E7681;
|
||||
}
|
||||
pre code { /* Text.Whitespace */ }
|
||||
pre code .mb {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Bin */ }
|
||||
pre code .mf {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Float */ }
|
||||
pre code .mh {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Hex */ }
|
||||
pre code .mi {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Integer */ }
|
||||
pre code .mo {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Oct */ }
|
||||
pre code .sa {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.String.Affix */ }
|
||||
pre code .sb {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Backtick */ }
|
||||
pre code .sc {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Char */ }
|
||||
pre code .dl {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.String.Delimiter */ }
|
||||
pre code .sd {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Doc */ }
|
||||
pre code .s2 {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Double */ }
|
||||
pre code .se {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.String.Escape */ }
|
||||
pre code .sh {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.String.Heredoc */ }
|
||||
pre code .si {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Interpol */ }
|
||||
pre code .sx {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Other */ }
|
||||
pre code .sr {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Literal.String.Regex */ }
|
||||
pre code .s1 {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Single */ }
|
||||
pre code .ss {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.String.Symbol */ }
|
||||
pre code .bp {
|
||||
color: #E6EDF3;
|
||||
}
|
||||
pre code { /* Name.Builtin.Pseudo */ }
|
||||
pre code .fm {
|
||||
color: #D2A8FF;
|
||||
font-weight: bold;
|
||||
}
|
||||
pre code { /* Name.Function.Magic */ }
|
||||
pre code .vc {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Variable.Class */ }
|
||||
pre code .vg {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Variable.Global */ }
|
||||
pre code .vi {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Variable.Instance */ }
|
||||
pre code .vm {
|
||||
color: #79C0FF;
|
||||
}
|
||||
pre code { /* Name.Variable.Magic */ }
|
||||
pre code .il {
|
||||
color: #A5D6FF;
|
||||
}
|
||||
pre code { /* Literal.Number.Integer.Long */ }
|
||||
|
||||
.copy-code-container {
|
||||
position: sticky;
|
||||
width: calc(100% - 4px);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: last baseline;
|
||||
align-items: baseline;
|
||||
font-family: "Cadman";
|
||||
border-top-right-radius: 16px;
|
||||
border-top-left-radius: 16px;
|
||||
@@ -209,8 +552,8 @@ pre code {
|
||||
border-right: 2px solid black;
|
||||
border-top: 2px solid black;
|
||||
}
|
||||
.copy-code-container::before {
|
||||
content: "code block";
|
||||
|
||||
.code-language-identifier {
|
||||
font-style: italic;
|
||||
margin-left: 6px;
|
||||
}
|
||||
@@ -384,7 +727,6 @@ button.warn.reduced, input[type=submit].warn.reduced, .linkbutton.warn.reduced {
|
||||
input[type=file]::file-selector-button {
|
||||
background-color: #f27a5a;
|
||||
color: black !important;
|
||||
margin: 6px;
|
||||
}
|
||||
input[type=file]::file-selector-button:hover {
|
||||
background-color: rgb(244.6, 148.6, 123);
|
||||
@@ -399,6 +741,9 @@ input[type=file]::file-selector-button.reduced {
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
}
|
||||
input[type=file]::file-selector-button {
|
||||
margin: 6px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 8px 0;
|
||||
@@ -407,11 +752,6 @@ p {
|
||||
.pagebutton {
|
||||
background-color: #f27a5a;
|
||||
color: black !important;
|
||||
padding: 3px 3px;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
min-width: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
.pagebutton:hover {
|
||||
background-color: rgb(244.6, 148.6, 123);
|
||||
@@ -426,6 +766,13 @@ p {
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
}
|
||||
.pagebutton {
|
||||
padding: 3px 3px;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
min-width: 36px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.currentpage {
|
||||
border: none;
|
||||
@@ -714,10 +1061,6 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
|
||||
.tab-button {
|
||||
background-color: #f27a5a;
|
||||
color: black !important;
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tab-button:hover {
|
||||
background-color: rgb(244.6, 148.6, 123);
|
||||
@@ -732,6 +1075,12 @@ input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
|
||||
margin: 0;
|
||||
padding: 6px;
|
||||
}
|
||||
.tab-button {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tab-button.active {
|
||||
background-color: #b54444;
|
||||
padding-top: 8px;
|
||||
|
||||
Reference in New Issue
Block a user