rachel.cafe/assets/css/main.scss

188 lines
2.7 KiB
SCSS
Raw Normal View History

2022-04-01 20:11:04 +02:00
---
---
2023-12-08 22:09:59 +01:00
@font-face {
font-family: SAX2;
src: url(/assets/css/fonts/SAX2.ttf);
2022-12-09 20:02:28 +01:00
}
2023-12-08 22:09:59 +01:00
body {
font-family: "SAX2";
background: #1d1f21;
2022-12-09 20:37:13 +01:00
2023-12-08 22:09:59 +01:00
background-image: url(/assets/img/bg.png);
background-repeat: repeat;
background-position: center;
2022-12-09 20:37:13 +01:00
2023-12-08 22:09:59 +01:00
color: #c5c8c6;
2022-12-09 20:02:28 +01:00
2023-12-08 22:09:59 +01:00
display: flex;
justify-content: center;
2023-12-08 22:09:59 +01:00
margin: 0;
padding: 0;
}
2022-01-27 19:44:11 +01:00
img {
max-width: 100%;
}
figcaption {
text-align: center;
}
2023-12-08 22:09:59 +01:00
.catch {
margin-top: 3em;
2022-10-08 15:13:30 +02:00
text-align: center;
}
pre code {
display: block;
2023-12-08 22:09:59 +01:00
padding: 0.5em;
font-size: 1.2em;
border-top: 2px dotted #808080;
border-bottom: 2px dotted #808080;
}
2022-01-27 20:06:52 +01:00
table, th, td {
2023-12-08 22:09:59 +01:00
border: 1px solid #808080;
2022-01-27 20:06:52 +01:00
}
th, td {
padding: 5px;
}
.bigger {
font-size: 1.2em;
}
.bit_bigger {
font-size: 1.1em;
}
a {
text-decoration: none;
}
a:link {
2023-12-08 22:09:59 +01:00
color: #ef7627;
}
a:visited {
2023-12-08 22:09:59 +01:00
color: #ef7627;
}
a:hover {
2023-12-08 22:09:59 +01:00
color: #70c0b1;
}
2022-12-09 20:02:28 +01:00
.sitetitle a, {
2023-12-08 22:09:59 +01:00
color: #b55690;
2023-03-04 00:20:48 +01:00
}
.sitetitle {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
2022-01-27 20:36:06 +01:00
.right {
text-align: right;
float: right;
}
2023-01-27 17:38:22 +01:00
.aba {
display: flex;
flex-direction: row;
align-items: top;
justify-content: center;
}
.rimg {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 200%;
max-width: 200%;
}
@media only screen and (max-width : 850px) {
2023-12-08 22:09:59 +01:00
.centercol {
box-sizing: border-box !important;
width: 100vw !important;
padding: 10px !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.aba {
display: flex;
flex-direction: column;
align-items: center;
justify-content: top;
}
.rimg {
margin: 1em 0 0 0;
width: 70%;
max-width: 70%;
}
}
.posts {
margin: 0;
padding: 0;
padding-left: 0;
list-style-type: none;
2023-01-27 17:38:22 +01:00
}
2022-01-27 20:36:06 +01:00
.post_listing {
2023-12-08 22:09:59 +01:00
margin-top: 3em;
margin-bottom: 3em;
2022-01-27 20:36:06 +01:00
}
nav ul {
list-style: none;
padding: 0;
margin: 0;
text-align: center;
}
2023-03-04 00:20:48 +01:00
nav ul li {
display: inline;
margin-right: 1em;
white-space: nowrap;
}
hr {
2023-12-08 22:09:59 +01:00
color: #808080;
border: 0;
border-bottom: 1px dashed;
}
2022-12-10 22:52:39 +01:00
table {
margin-left: auto;
margin-right: auto;
}
.centercol {
2023-12-08 22:09:59 +01:00
box-sizing: border-box;
width: 60vw;
min-height: 100vh;
2022-01-27 20:09:23 +01:00
max-width: 94vw;
2023-12-08 22:09:59 +01:00
padding: 4em;
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
box-shadow: 0 0 0 5px #d54e53;
-webkit-box-shadow: 0 0 0 5px #d54e53;
}
table {
border-collapse: collapse;
}