website-pelican/themes/2017/static/css/style.css

191 lines
3.5 KiB
CSS
Raw Normal View History

2020-10-21 13:03:31 +02:00
@import url('../fonts/fantastique-sans/stylesheet.css');
2020-10-20 22:47:41 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* GENERAL *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html {
box-sizing: border-box;
font-family: 'Fantasque Sans Mono', monospace;
text-transform: lowercase;
}
*, *:before, *:after {
box-sizing: inherit;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* PAGE *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
width: 100%;
padding: 2rem 1rem;
}
@media (min-width: 426px) {
body {
width: 40vw;
margin: 2rem auto;
padding: 0;
}
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* TEXT *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1 {
2020-10-20 23:59:55 +02:00
font-size: 2rem;
2020-10-20 22:47:41 +02:00
}
2020-10-21 00:25:15 +02:00
h2 {
margin-top: 1.5rem;
margin-bottom: 0;
}
2020-10-20 22:47:41 +02:00
p, li {
2020-10-21 00:25:15 +02:00
font-size: 1.2rem;
2020-10-20 22:47:41 +02:00
}
a {
text-decoration: none;
2020-10-20 23:34:20 +02:00
color: #378ab4;
2020-10-20 22:47:41 +02:00
}
a:hover {
font-weight: bold;
2020-10-21 10:18:33 +02:00
background-color: #378ab4;
color: #ffffff;
2020-10-20 23:59:55 +02:00
}
h1 a:hover {
font-weight: bold;
2020-10-21 10:18:33 +02:00
background-color: #000000;
2020-10-20 23:59:55 +02:00
}
h1 a {
color: #000000;
2020-10-20 22:47:41 +02:00
}
2020-10-20 23:59:55 +02:00
2020-10-20 22:47:41 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* HEADER *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
header {
width: 100%;
margin: 2rem auto 2rem auto;
}
2020-10-20 23:59:55 +02:00
.sitebanner img,
.sitebanner h1 {
2020-10-20 22:47:41 +02:00
display: inline-block;
vertical-align: middle;
2020-10-20 23:59:55 +02:00
font-size: 4rem;
2020-10-21 00:25:15 +02:00
margin: 0;
2020-10-20 22:47:41 +02:00
}
2020-10-20 23:59:55 +02:00
.sitebanner h1 a {
text-decoration: none;
2020-10-21 10:18:33 +02:00
color: #000000;
background-color: transparent;
2020-10-20 23:34:20 +02:00
}
2020-10-20 22:47:41 +02:00
2020-10-20 23:59:55 +02:00
.sitebanner > img {
2020-10-20 22:47:41 +02:00
width: 4rem;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* NAVBAR *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
nav {
margin-bottom: 2rem;
}
nav > ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
nav > ul > li {
display: inline-block;
margin-right: 0.8rem;
color: #378ab4;
}
nav > ul > li:before {
content: "+";
margin-right: 0.3rem;
color: #000000;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* SECTION *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
section {
width: 100%;
margin: 2rem auto;
}
section:last-child {
margin-bottom: 0;
}
section > p {
2020-10-21 00:25:15 +02:00
margin-top: 0.5rem;
margin-bottom: 0.5rem;
2020-10-20 22:47:41 +02:00
}
section > p > span {
padding: 0.1rem 0;
background: #000000;
box-shadow: 0 0 0 #000000, 0 0 0 #000000;
color: #ffffff;
}
section > p:first-child > span {
background: #378ab4;
box-shadow: 0 0 0 #378ab4, 0 0 0 #378ab4;
}
section > img {
width: 100%;
height: auto;
}
.sitebanner {
position: relative;
top: 20px;
}
.siteimage {
float: left;
width: 120px;
}
#menu li {
display: inline;
}
#post-list {
margin-bottom: 1em;
margin-top: 1em;
}
#banner {
height: 85px;
}
2020-10-21 13:29:21 +02:00
.hfeed {
padding-left: 0;
}