Darker, with nitty trick to show class name for pre blocks
This commit is contained in:
parent
4a6b616335
commit
76e3df0caf
1 changed files with 25 additions and 20 deletions
|
@ -5,8 +5,6 @@ body {
|
||||||
max-width: 50em;
|
max-width: 50em;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
hyphens: auto;
|
hyphens: auto;
|
||||||
background: #002b36;
|
|
||||||
color: #839496;
|
|
||||||
-webkit-hyphens: auto;
|
-webkit-hyphens: auto;
|
||||||
-moz-hyphens:auto;
|
-moz-hyphens:auto;
|
||||||
-ms-hyphens:auto;
|
-ms-hyphens:auto;
|
||||||
|
@ -67,9 +65,11 @@ pre::after,pre::before {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
display: block;
|
display: block;
|
||||||
opacity: 0.3; }
|
opacity: 0.3; }
|
||||||
|
pre::before {
|
||||||
|
content: "~~~~~~~~~ " attr(class);
|
||||||
|
}
|
||||||
code {
|
code {
|
||||||
font-family: "courrier new", monospace;
|
font-family: "courrier new", monospace;
|
||||||
background: #073642;
|
|
||||||
}
|
}
|
||||||
pre code { background: none; }
|
pre code { background: none; }
|
||||||
blockquote {
|
blockquote {
|
||||||
|
@ -112,16 +112,6 @@ ol > li:before {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* colors */
|
/* colors */
|
||||||
p a, p a:visited { color: #93a1a1; }
|
|
||||||
a, a:visited { color: #2aa198; }
|
|
||||||
a:active, a:hover, a:focus { color: #268bd2; }
|
|
||||||
|
|
||||||
h1 { color: #6c71c4;}
|
|
||||||
h2 { color: #d33682;}
|
|
||||||
h3 { color: #dc322f;}
|
|
||||||
h4 { color: #cb4b16;}
|
|
||||||
h5 { color: #b58900;}
|
|
||||||
h6 { color: #859900;}
|
|
||||||
|
|
||||||
img { max-width: 100%;
|
img { max-width: 100%;
|
||||||
max-height: 800px;
|
max-height: 800px;
|
||||||
|
@ -141,14 +131,29 @@ table { width: 100%; margin: 20px 0; border-collapse: collapse; }
|
||||||
th { height: 20px;
|
th { height: 20px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
border-left: solid 1px #ddd;
|
|
||||||
border-right: solid 1px #ddd;
|
|
||||||
background: #5c71c4;
|
|
||||||
color: #FFF;
|
|
||||||
}
|
}
|
||||||
tr:hover { background-color: #ffd; }
|
|
||||||
td { height: 20px;
|
td { height: 20px;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border-left: solid 1px #ddd;
|
|
||||||
border-right: solid 1px #ddd;
|
|
||||||
padding: 0 10px; }
|
padding: 0 10px; }
|
||||||
|
|
||||||
|
/* colors */
|
||||||
|
body {
|
||||||
|
background: #00151b; // 0.5 darker than #002b36;
|
||||||
|
color: #839496;
|
||||||
|
}
|
||||||
|
p a, p a:visited { color: #93a1a1; }
|
||||||
|
a, a:visited { color: #2aa198; }
|
||||||
|
a:active, a:hover, a:focus { color: #268bd2; }
|
||||||
|
thead { background-color: #073642;
|
||||||
|
color: #93a1a1; }
|
||||||
|
tr:hover { background-color: #073642;
|
||||||
|
}
|
||||||
|
h1 { color: #6c71c4;}
|
||||||
|
h2 { color: #d33682;}
|
||||||
|
h3 { color: #dc322f;}
|
||||||
|
h4 { color: #cb4b16;}
|
||||||
|
h5 { color: #b58900;}
|
||||||
|
h6 { color: #859900;}
|
||||||
|
td, th { border-color: #073642; }
|
||||||
|
code { background: #002b36; }
|
||||||
|
/* -------- */
|
||||||
|
|
Loading…
Reference in a new issue