website/assets/styles/site.css

131 lines
2.7 KiB
CSS
Raw Normal View History

@import url('../fonts/fantastique-sans/stylesheet.css');
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* GENERAL *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html {
box-sizing: border-box;
font-family: 'Fantasque Sans Mono', monospace;
text-transform: lowercase;
}
*, *:before, *:after {
box-sizing: inherit;
}
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* PAGE *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
2018-04-20 08:47:40 +02:00
padding: 2rem 0.5rem;
}
2018-04-20 08:47:40 +02:00
.mainContainer {
margin-left: 40vw;
}
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* TEXT *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
h1 {
margin-top: 0;
margin-bottom: 0.3rem;
font-size: 4rem;
}
p, li {
font-size: 1.3rem;
}
a {
text-decoration: none;
color: inherit;
2017-11-02 21:03:03 +01:00
}
a:hover {
font-weight: bold;
2017-11-02 21:03:03 +01:00
}
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* HEADER *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
header {
margin-bottom: 2rem;
}
header > img,
header > h1 {
display: inline-block;
vertical-align: middle;
}
header > img {
width: 4rem;
margin-right: 1rem;
}
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* 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;
2017-11-02 21:03:03 +01:00
color: #378ab4;
}
nav > ul > li:before {
content: "+";
margin-right: 0.3rem;
2017-09-03 12:52:31 +02:00
color: #000000;
}
2018-04-20 08:47:40 +02:00
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* SECTION *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
section {
2017-10-27 20:50:37 +02:00
margin-bottom: 2rem;
}
section:last-child {
margin-bottom: 0;
2017-10-25 23:30:35 +02:00
}
section > p {
margin: 0;
2017-10-25 23:30:35 +02:00
}
section > p > span {
padding: 0.1rem 0;
2017-10-25 23:30:35 +02:00
background: #000000;
box-shadow: 0.2rem 0 0 #000000, -0.2rem 0 0 #000000;
2017-10-25 23:30:35 +02:00
color: #ffffff;
2017-11-02 21:03:03 +01:00
}
section > p:first-child > span {
background: #378ab4;
box-shadow: 0.2rem 0 0 #378ab4, -0.2rem 0 0 #378ab4;
2017-11-02 21:03:03 +01:00
}