507 lines
6.3 KiB
CSS
507 lines
6.3 KiB
CSS
/* https://meyerweb.com/eric/tools/css/reset/
|
|
v2.0 | 20110126
|
|
License: none (public domain)
|
|
*/
|
|
/* Mockingbird Theme by Nevan Scott nevanscott.com */
|
|
/* Modified by Jody Frankowski */
|
|
/* Modified by ix5 */
|
|
/* Modified by Pascal Le Merrer */
|
|
|
|
:root {
|
|
--link-color: #801515;
|
|
--link-background-color: #abdae7;
|
|
}
|
|
|
|
html,
|
|
body,
|
|
div,
|
|
span,
|
|
applet,
|
|
object,
|
|
iframe,
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
p,
|
|
blockquote,
|
|
pre,
|
|
a,
|
|
abbr,
|
|
acronym,
|
|
address,
|
|
big,
|
|
cite,
|
|
code,
|
|
del,
|
|
dfn,
|
|
em,
|
|
img,
|
|
ins,
|
|
kbd,
|
|
q,
|
|
s,
|
|
samp,
|
|
small,
|
|
strike,
|
|
strong,
|
|
sub,
|
|
sup,
|
|
tt,
|
|
var,
|
|
b,
|
|
u,
|
|
i,
|
|
center,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
li,
|
|
fieldset,
|
|
form,
|
|
label,
|
|
legend,
|
|
table,
|
|
caption,
|
|
tbody,
|
|
tfoot,
|
|
thead,
|
|
tr,
|
|
th,
|
|
td,
|
|
article,
|
|
aside,
|
|
canvas,
|
|
details,
|
|
embed,
|
|
figure,
|
|
figcaption,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
nav,
|
|
output,
|
|
ruby,
|
|
section,
|
|
summary,
|
|
time,
|
|
mark,
|
|
audio,
|
|
video {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline;
|
|
}
|
|
em {
|
|
font-style: italic;
|
|
}
|
|
strong {
|
|
font-weight: bold;
|
|
}
|
|
/* HTML5 display-role reset for older browsers */
|
|
article,
|
|
aside,
|
|
details,
|
|
figcaption,
|
|
figure,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
menu,
|
|
section {
|
|
display: block;
|
|
}
|
|
body {
|
|
line-height: 1;
|
|
}
|
|
ol,
|
|
ul {
|
|
list-style: none;
|
|
}
|
|
blockquote,
|
|
q {
|
|
quotes: none;
|
|
}
|
|
blockquote:before,
|
|
blockquote:after,
|
|
q:before,
|
|
q:after {
|
|
content: "";
|
|
content: none;
|
|
}
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
body {
|
|
font-family: sans-serif;
|
|
font-size: 16px;
|
|
line-height: 1.5em;
|
|
color: #444;
|
|
}
|
|
|
|
header,
|
|
#wrapper {
|
|
padding: 0 10px;
|
|
max-width: 910px;
|
|
margin: auto;
|
|
}
|
|
|
|
#wrapper {
|
|
min-width: 500px;
|
|
}
|
|
|
|
a {
|
|
box-shadow: inset 0 0 0 0 var(--link-background-color);
|
|
color: var(--link-color);
|
|
padding: 0 0.25rem;
|
|
margin: 0 -0.25rem;
|
|
transition:
|
|
color 0.3s ease-in-out,
|
|
box-shadow 0.3s ease-in-out;
|
|
}
|
|
|
|
a:hover {
|
|
box-shadow: inset 800px 0 0 0 var(--link-background-color);
|
|
}
|
|
|
|
ul {
|
|
list-style: outside disc;
|
|
}
|
|
|
|
ol {
|
|
list-style: outside decimal;
|
|
}
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
font-family: sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3 {
|
|
line-height: 1em;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 1.7em;
|
|
}
|
|
|
|
h3 {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
img,
|
|
p,
|
|
.post > .highlight,
|
|
.highlighttable,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
margin-top: 1.2em;
|
|
}
|
|
|
|
blockquote {
|
|
margin: 1.5em 1.5em 1.5em 0.75em;
|
|
padding-left: 0.75em;
|
|
border-left: 1px solid #eee;
|
|
}
|
|
|
|
.date {
|
|
color: #ccc;
|
|
float: left;
|
|
clear: both;
|
|
width: 130px;
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
margin: 0 20px 1em 0;
|
|
}
|
|
|
|
.info {
|
|
margin-top: 1.3em;
|
|
font-family: sans-serif;
|
|
text-align: right;
|
|
color: #bbb;
|
|
}
|
|
.info a {
|
|
color: inherit;
|
|
}
|
|
.info a.tags {
|
|
background: #ccc;
|
|
color: #fff;
|
|
display: inline-block;
|
|
padding: 0 0.3em;
|
|
border: 1px transparent solid;
|
|
border-radius: 5px;
|
|
margin: 0 0 0.3em 0;
|
|
}
|
|
.info a.tags:hover {
|
|
background: inherit;
|
|
color: inherit;
|
|
}
|
|
.info a.tags.selected {
|
|
border: 1px #999 solid;
|
|
}
|
|
|
|
.post {
|
|
margin: 0 0 4.5em 150px;
|
|
}
|
|
.post.archives {
|
|
margin-bottom: 1.5em;
|
|
margin-left: 160px;
|
|
}
|
|
.post p {
|
|
text-align: justify;
|
|
}
|
|
|
|
.page {
|
|
margin: 0 90px;
|
|
}
|
|
|
|
.highlight {
|
|
border-radius: 3px;
|
|
}
|
|
.code > .highlight {
|
|
border-radius: 0px 3px 3px 0px;
|
|
}
|
|
.linenos {
|
|
border-radius: 3px 0px 0px 3px;
|
|
background-color: #073642;
|
|
border-right: 1px solid #00232c;
|
|
color: #586e75;
|
|
text-shadow: 0px -1px #021014;
|
|
}
|
|
td.code {
|
|
width: 100%;
|
|
max-width: 100px;
|
|
}
|
|
.linenos a {
|
|
color: #586e75;
|
|
}
|
|
|
|
.logo {
|
|
max-width: 100%;
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 6rem;
|
|
margin-bottom: 6rem;
|
|
}
|
|
|
|
/*sub and sup stolen from Twitter bootstrap.*/
|
|
sub,
|
|
sup {
|
|
position: relative;
|
|
font-size: 75%;
|
|
line-height: 0;
|
|
vertical-align: baseline;
|
|
}
|
|
|
|
sup {
|
|
top: -0.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
.post pre,
|
|
.page pre {
|
|
padding: 0.8em;
|
|
font-size: 12px;
|
|
font-family: Monospace;
|
|
line-height: 1.1em;
|
|
overflow: auto;
|
|
}
|
|
|
|
form.inline_edit {
|
|
clear: both;
|
|
margin: 4.5em 0;
|
|
background-color: #ddd;
|
|
color: #000;
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
}
|
|
.inline_edit .sub {
|
|
color: #888;
|
|
white-space: nowrap;
|
|
}
|
|
.inline_edit label {
|
|
float: left;
|
|
clear: both;
|
|
width: 140px;
|
|
margin-right: 20px;
|
|
}
|
|
.inline_edit .buttons {
|
|
display: block;
|
|
text-align: right;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 30px;
|
|
margin-top: 20px;
|
|
}
|
|
|
|
nav ul {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
|
|
nav ul:nth-child(2) {
|
|
margin: auto;
|
|
}
|
|
|
|
nav a {
|
|
color: var(--link-color);
|
|
}
|
|
nav a:hover {
|
|
color: var(--link-color);
|
|
text-decoration: underline;
|
|
background-color: #d3d3d3;
|
|
}
|
|
|
|
nav li.selected a {
|
|
background-color: var(--link-background-color);
|
|
color: var(--link-color);
|
|
}
|
|
|
|
header .header_box {
|
|
padding-top: 4.5em;
|
|
}
|
|
|
|
header h1 {
|
|
font-size: 1.5em;
|
|
line-height: 1em;
|
|
margin: 0;
|
|
}
|
|
|
|
header h2 {
|
|
font-size: 1em;
|
|
margin: 0.3em 0;
|
|
color: #ddd;
|
|
}
|
|
|
|
#content {
|
|
margin-top: 3em;
|
|
}
|
|
|
|
.pages {
|
|
font-family: sans-serif;
|
|
line-height: 2.5em;
|
|
margin: 4.5em 0 3em;
|
|
background-color: #f9f9f9;
|
|
color: #444;
|
|
border-radius: 5px;
|
|
}
|
|
.pages a.next_page {
|
|
float: right;
|
|
width: 140px;
|
|
text-align: center;
|
|
border-top-right-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
background-color: #eee;
|
|
}
|
|
.pages a.prev_page {
|
|
float: left;
|
|
width: 140px;
|
|
text-align: center;
|
|
border-top-left-radius: 5px;
|
|
border-bottom-left-radius: 5px;
|
|
background-color: #eee;
|
|
}
|
|
.pages a {
|
|
color: inherit;
|
|
border: none;
|
|
}
|
|
.pages a:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.pages span {
|
|
display: block;
|
|
margin: 0 160px;
|
|
text-align: center;
|
|
}
|
|
|
|
code {
|
|
background-color: #f9f2f4;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
border-top-right-radius: 4px;
|
|
box-sizing: border-box;
|
|
color: #c7254e;
|
|
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
|
|
font-size: 12.6px;
|
|
line-height: 18px;
|
|
padding-bottom: 2px;
|
|
padding-left: 4px;
|
|
padding-right: 4px;
|
|
padding-top: 2px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
footer {
|
|
font-family: sans-serif;
|
|
line-height: 2.5em;
|
|
text-align: center;
|
|
color: #bbb;
|
|
margin: 3em 0;
|
|
border: 1px solid #eee;
|
|
border-radius: 5px;
|
|
}
|
|
footer p {
|
|
margin: 0;
|
|
}
|
|
|
|
.right {
|
|
float: right;
|
|
}
|
|
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
|
|
@media (max-width: 600px) {
|
|
header,
|
|
#wrapper {
|
|
max-width: 500px;
|
|
min-width: 300px;
|
|
}
|
|
.page,
|
|
.post {
|
|
margin: 0px;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
color: #cccccc;
|
|
margin-top: 40px;
|
|
margin-bottom: 40px;
|
|
}
|
|
.stork-close-button {
|
|
position: inherit;
|
|
}
|
|
|
|
#noai {
|
|
width: 100px;
|
|
}
|