blog/themes/xsfx/static/css/xsfx.css

252 lines
4.5 KiB
CSS
Raw Normal View History

/* using this "colors": https://www.color-hex.com/color/333333 */
2019-10-02 09:47:24 +02:00
@font-face {
2020-02-27 14:39:18 +01:00
font-family: 'Go Mono';
src: url('/fonts/GoMono.eot');
src: url('/fonts/GoMono.eot?#iefix') format('embedded-opentype'),
url('/fonts/GoMono.woff2') format('woff2'),
url('/fonts/GoMono.woff') format('woff'),
url('/fonts/GoMono.ttf') format('truetype'),
url('/fonts/GoMono.svg#GoMono') format('svg');
font-weight: normal;
font-style: normal;
2019-10-02 09:47:24 +02:00
}
@font-face {
2020-02-27 14:39:18 +01:00
font-family: 'Go Mono';
src: url('/fonts/GoMono-Bold.eot');
src: url('/fonts/GoMono-Bold.eot?#iefix') format('embedded-opentype'),
url('/fonts/GoMono-Bold.woff2') format('woff2'),
url('/fonts/GoMono-Bold.woff') format('woff'),
url('/fonts/GoMono-Bold.ttf') format('truetype'),
url('/fonts/GoMono-Bold.svg#GoMono-Bold') format('svg');
font-weight: bold;
2019-10-02 09:47:24 +02:00
font-style: normal;
}
@font-face {
2020-02-27 14:39:18 +01:00
font-family: 'Go Mono';
src: url('/fonts/GoMono-BoldItalic.eot');
src: url('/fonts/GoMono-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('/fonts/GoMono-BoldItalic.woff2') format('woff2'),
url('/fonts/GoMono-BoldItalic.woff') format('woff'),
url('/fonts/GoMono-BoldItalic.ttf') format('truetype'),
url('/fonts/GoMono-BoldItalic.svg#GoMono-BoldItalic') format('svg');
font-weight: bold;
2019-10-02 09:47:24 +02:00
font-style: italic;
}
@font-face {
2020-02-27 14:39:18 +01:00
font-family: 'Go Mono';
src: url('/fonts/GoMono-Italic.eot');
src: url('/fonts/GoMono-Italic.eot?#iefix') format('embedded-opentype'),
url('/fonts/GoMono-Italic.woff2') format('woff2'),
url('/fonts/GoMono-Italic.woff') format('woff'),
url('/fonts/GoMono-Italic.ttf') format('truetype'),
url('/fonts/GoMono-Italic.svg#GoMono-Italic') format('svg');
font-weight: normal;
font-style: italic;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
body {
background-color: #ffffff;
2020-02-28 09:18:13 +01:00
color: #000000;
font-family: "Go Mono";
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
body img {
border-style: solid;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
pre, code {
background-color: #eaeaea;
border-left-color: #000000;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Go Mono";
margin-bottom: 0px;
2019-10-02 09:47:24 +02:00
}
a {
2020-02-27 14:39:18 +01:00
color: #5b5b5b;
2019-10-02 09:47:24 +02:00
text-decoration: none;
text-shadow: 4px 4px #eaeaea;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
a:focus,
2019-10-02 09:47:24 +02:00
a:hover {
2020-02-27 14:39:18 +01:00
color: #848484;
2019-10-02 09:47:24 +02:00
}
h1#logo,
h1#logo a:link {
2020-02-28 09:18:13 +01:00
font-size: 5rem;
text-shadow: 4px 4px #848484;
}
@media (min-width: 80.0rem) {
h1#logo,
h1#logo a:link {
2020-02-28 09:18:13 +01:00
font-size: 7rem;
}
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
h1#logo a:link,
h1#logo a:visited {
background-color: #ffffff;
2020-02-28 09:18:13 +01:00
color: #000000;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
main h1,
h1#logo {
text-align: center;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
article h1 {
text-align: left;
2019-10-02 09:47:24 +02:00
}
2020-03-03 09:30:04 +01:00
main article,
main section {
padding: 1.0rem 1.0rem;
}
2020-03-11 18:34:46 +01:00
main article .e-content {
2020-03-04 14:09:33 +01:00
padding-left: 0px;
}
2020-02-27 14:39:18 +01:00
header {
2020-02-28 09:18:13 +01:00
background-image: url("/images/newstile.png");
background-repeat: repeat;
border-bottom-color: #000000;
2020-02-27 14:39:18 +01:00
border-bottom-style: solid;
border-bottom-width: 10px;
padding-bottom: 20px;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
footer {
2020-02-28 09:18:13 +01:00
background-image: url("/images/newstile.png");
background-repeat: repeat;
border-top-color: #000000;
2020-02-27 14:39:18 +01:00
border-top-style: solid;
border-top-width: 10px;
2020-02-28 09:18:13 +01:00
font-size: 1.3rem;
2020-02-27 14:39:18 +01:00
padding-bottom: 50px;
padding-top: 20px;
text-align: center;
}
footer a {
background-color: #ffffff;
text-decoration: line-through;
}
footer span {
background-color: #ffffff;
}
2020-02-27 14:39:18 +01:00
section#pagination {
text-align: center;
2020-03-03 09:30:04 +01:00
padding-top: 7.5rem;
2019-10-02 09:47:24 +02:00
}
figure {
2020-02-28 09:18:13 +01:00
border: 0;
2019-10-02 09:47:24 +02:00
display: block;
margin: 0;
padding: 0;
}
figcaption {
display: block;
2020-02-28 09:18:13 +01:00
font-size: small;
2019-10-02 09:47:24 +02:00
margin-left: auto;
margin-right: auto;
2020-02-27 14:39:18 +01:00
text-align: right;
2019-10-02 09:47:24 +02:00
}
2020-02-27 14:39:18 +01:00
iframe {
padding-bottom: 5px;
2019-10-02 09:47:24 +02:00
}
2020-03-07 13:37:26 +01:00
header .upsidedown {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
display: inline-block;
}
2020-03-12 10:19:51 +01:00
body .meta {
display: none;
}
2020-03-12 10:30:28 +01:00
article .p-author.h-card {
display: none;
}
2020-03-12 16:45:18 +01:00
article #mentions {
padding-top: 5rem;
padding-left: 0px;
}
article.h-entry section#mentions form fieldset div.row div.column {
padding-left: 0px;
}
.button.default,
button.default,
[type="button"][default],
[type="button"].default,
[type="reset"].default,
[type="submit"] {
background-color: #000000;
}
.button,
button,
[type="button"],
[type="reset"],
[type="submit"] {
border: 0.1rem solid #000000;
}
section#mentions table tbody tr.u-comment.h-cite td {
font-size: 70%;
}
section.p-summary {
display: none;
}
2020-04-03 09:47:42 +02:00
article.h-entry section#mentions table {
margin-left: 0px;
}
2020-04-03 10:28:24 +02:00
.u-comment > td {
border: 0px;
2020-04-07 11:33:39 +02:00
}
2020-04-07 11:16:05 +02:00
article.h-entry p.notemeta {
font-size: 75%;
}
article.h-entry section.e-content,
article.h-entry section.e-content p {
padding-bottom: 0px;
margin-bottom: 0px;
}
article.h-entry h1.p-name {
margin-top: 1rem;
}
body main div h1 {
margin-top: 1rem;
2020-04-03 10:28:24 +02:00
}