Darker, with nitty trick to show class name for pre blocks
This commit is contained in:
parent
4a6b616335
commit
76e3df0caf
|
@ -5,8 +5,6 @@ body {
|
|||
max-width: 50em;
|
||||
margin: 0 auto;
|
||||
hyphens: auto;
|
||||
background: #002b36;
|
||||
color: #839496;
|
||||
-webkit-hyphens: auto;
|
||||
-moz-hyphens:auto;
|
||||
-ms-hyphens:auto;
|
||||
|
@ -67,9 +65,11 @@ pre::after,pre::before {
|
|||
line-height: 20px;
|
||||
display: block;
|
||||
opacity: 0.3; }
|
||||
pre::before {
|
||||
content: "~~~~~~~~~ " attr(class);
|
||||
}
|
||||
code {
|
||||
font-family: "courrier new", monospace;
|
||||
background: #073642;
|
||||
}
|
||||
pre code { background: none; }
|
||||
blockquote {
|
||||
|
@ -112,16 +112,6 @@ ol > li:before {
|
|||
}
|
||||
|
||||
/* 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%;
|
||||
max-height: 800px;
|
||||
|
@ -141,14 +131,29 @@ table { width: 100%; margin: 20px 0; border-collapse: collapse; }
|
|||
th { height: 20px;
|
||||
padding: 0 10px;
|
||||
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;
|
||||
vertical-align: middle;
|
||||
border-left: solid 1px #ddd;
|
||||
border-right: solid 1px #ddd;
|
||||
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