make code blocks more colourful too
This commit is contained in:
parent
553009b8f5
commit
5ebff52856
42
main.css
42
main.css
|
@ -51,7 +51,7 @@ a {
|
|||
}
|
||||
|
||||
a:hover {
|
||||
background-color: #B7EBCA;
|
||||
background-color: #ceedda;
|
||||
}
|
||||
|
||||
|
||||
|
@ -104,14 +104,16 @@ margin-top: -40px;
|
|||
|
||||
pre {
|
||||
width: 100%;
|
||||
background-color: #e4e4e4;
|
||||
color: #1a3d1f;
|
||||
background-color: #ceedda;
|
||||
padding: 12px 18px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
code {
|
||||
font-family: 'Comic Mono', monospace;
|
||||
font-size: 14px;
|
||||
background-color: #e4e4e4;
|
||||
color: #1a3d1f;
|
||||
background-color: #ceedda;
|
||||
border-radius: 4px;
|
||||
padding: 0 4px;
|
||||
font-weight: 400;
|
||||
|
@ -121,36 +123,60 @@ code {
|
|||
|
||||
/* blue */
|
||||
.blue a {
|
||||
color: #395c91
|
||||
color: #395c91;
|
||||
}
|
||||
.blue a:hover {
|
||||
background-color: #b2cbf0;
|
||||
background-color: #d0def2;
|
||||
}
|
||||
.blue .header {
|
||||
background: #b2cbf0;
|
||||
color: #395c91;
|
||||
}
|
||||
.blue pre {
|
||||
background-color: #d0def2;
|
||||
color: #1c2e4a;
|
||||
}
|
||||
.blue code {
|
||||
background-color: #d0def2;
|
||||
color: #1c2e4a;
|
||||
}
|
||||
|
||||
/* orange */
|
||||
.orange a {
|
||||
color: #7e3c16
|
||||
color: #7e3c16;
|
||||
}
|
||||
.orange a:hover {
|
||||
background-color: #f0d5b2;
|
||||
background-color: #f5e3cb;
|
||||
}
|
||||
.orange .header {
|
||||
background: #f0d5b2;
|
||||
color: #7e3c16;
|
||||
}
|
||||
.orange pre {
|
||||
background-color: #f5e3cb;
|
||||
color: #45220e;
|
||||
}
|
||||
.orange code {
|
||||
background-color: #f5e3cb;
|
||||
color: #45220e;
|
||||
}
|
||||
|
||||
/* red */
|
||||
.red a {
|
||||
color: #7e1616
|
||||
}
|
||||
.red a:hover {
|
||||
background-color: #f0b2b2;
|
||||
background-color: #f0dddd;
|
||||
}
|
||||
.red .header {
|
||||
background: #f0b2b2;
|
||||
color: #7e1616;
|
||||
}
|
||||
.red pre {
|
||||
background-color: #f0dddd;
|
||||
color: #571010;
|
||||
}
|
||||
.red code {
|
||||
background-color: #f0dddd;
|
||||
color: #571010;
|
||||
}
|
||||
|
|
Reference in New Issue