2024-09-30 09:29:39 +00:00
|
|
|
|
/* merriweather-regular - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Merriweather';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */
|
|
|
|
|
src: local('Merriweather Regular'), local('Merriweather-Regular'),
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* merriweather-italic - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Merriweather';
|
|
|
|
|
font-style: italic;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */
|
|
|
|
|
src: local('Merriweather Italic'), local('Merriweather-Italic'),
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
|
|
|
url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* merriweather-sans-regular - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Merriweather Sans';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */
|
|
|
|
|
src: local(''),
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* merriweather-sans-italic - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: 'Merriweather Sans';
|
|
|
|
|
font-style: italic;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */
|
|
|
|
|
src: local(''),
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
|
|
|
|
|
url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
|
|
|
|
|
font-display: swap;
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-23 16:59:42 +00:00
|
|
|
|
:root {
|
|
|
|
|
--body-bg: #9f9287;
|
|
|
|
|
--main-bg: #cdcac4;
|
|
|
|
|
--menu-bg: #2b2623;
|
|
|
|
|
--foot-bg: #2b2623;
|
|
|
|
|
--btn-col: #dba047;
|
|
|
|
|
--btn-hov: #ae4e26;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 09:29:39 +00:00
|
|
|
|
* {
|
|
|
|
|
font-family: Merriweather, Merriweather Sans;
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-02 20:53:14 +00:00
|
|
|
|
q {
|
|
|
|
|
quotes: "“" "”" "‘" "’";
|
|
|
|
|
font-family: Merriweather;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
q::before {
|
|
|
|
|
content: open-quote;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
q::after {
|
|
|
|
|
content: close-quote;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 09:29:39 +00:00
|
|
|
|
body {
|
|
|
|
|
/* border: 2px solid rgba(167, 47, 20, 1); */
|
|
|
|
|
/* border-radius: 25px; */
|
|
|
|
|
margin-left: 10%;
|
|
|
|
|
margin-right: 10%;
|
|
|
|
|
padding: 10px;
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background-color: var(--body-bg);
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 13:30:23 +00:00
|
|
|
|
.main h1, h2, h3 {
|
|
|
|
|
font-variant: small-caps;
|
|
|
|
|
padding: .3em .3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main h1 {
|
|
|
|
|
border-top: 5px double rgba(167, 47, 20, 1);
|
|
|
|
|
border-bottom: 5px double rgba(167, 47, 20, 1);
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main h2 {
|
|
|
|
|
border-bottom: 5px solid rgba(167, 47, 20, 1);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main p {
|
|
|
|
|
font-size: 16px;
|
|
|
|
|
text-align: justify;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main img {
|
|
|
|
|
max-width: 100%;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 09:29:39 +00:00
|
|
|
|
div.pfp {
|
|
|
|
|
padding: .5em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.main {
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background-color: var(--main-bg);
|
2024-09-30 09:29:39 +00:00
|
|
|
|
padding: 2em;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
min-height: 500px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pfp img {
|
|
|
|
|
border: 5px double rgba(167, 47, 20, 1);
|
|
|
|
|
border-radius: 10px;
|
2024-09-30 13:30:23 +00:00
|
|
|
|
max-width: 150px;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
display: block;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.pfp p {
|
|
|
|
|
text-align: center;
|
|
|
|
|
font-style: italic;
|
2024-09-30 13:30:23 +00:00
|
|
|
|
font-size: 12px;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.menu {
|
|
|
|
|
/* background: #ae4e26; */
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background: var(--menu-bg);
|
2024-09-30 13:13:37 +00:00
|
|
|
|
padding: .5em;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
margin-bottom: 2em;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-align: center;
|
|
|
|
|
border-radius: 10px;
|
2024-09-30 13:13:37 +00:00
|
|
|
|
min-height: 3em;
|
|
|
|
|
height: auto;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.menu p {
|
|
|
|
|
color: white;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: .5em .5em;
|
|
|
|
|
margin-left: .5em;
|
|
|
|
|
text-align: right;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.menu a {
|
|
|
|
|
color: white;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: .8em .8em;
|
|
|
|
|
margin-right: 1em;
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
min-width: 100px;
|
|
|
|
|
text-align: center;
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background-color: var(--btn-col);
|
2024-09-30 09:29:39 +00:00
|
|
|
|
display:inline-block;
|
|
|
|
|
font-size: medium;
|
|
|
|
|
border-radius: 10px;
|
2024-09-30 13:13:37 +00:00
|
|
|
|
margin-bottom: .5em;
|
|
|
|
|
margin-top: .5em;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
2024-11-03 12:12:39 +00:00
|
|
|
|
.menu a:hover, .contact a:hover, a.webring-btn:hover {
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background-color: var(--btn-hov);
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main a {
|
|
|
|
|
color: #ae4e26;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.main a:hover {
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 10:12:24 +00:00
|
|
|
|
div.contact {
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.contact a {
|
|
|
|
|
color: white;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: .8em .8em;
|
|
|
|
|
text-align: center;
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background-color: var(--btn-col);
|
2024-09-30 13:30:23 +00:00
|
|
|
|
display:grid;
|
2024-09-30 10:12:24 +00:00
|
|
|
|
font-size: medium;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/*.contact a:last-child {
|
|
|
|
|
min-width: 94%;
|
|
|
|
|
} */
|
|
|
|
|
|
2024-11-03 12:12:39 +00:00
|
|
|
|
a.webring-btn {
|
|
|
|
|
color: white;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
padding: .5em .5em;
|
|
|
|
|
margin-right: 0.5em;
|
|
|
|
|
margin-left: 0.5em;
|
|
|
|
|
min-width: 75px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
background-color: var(--btn-col);
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-size: medium;
|
|
|
|
|
border-radius: 10px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.webring-btn-container {
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.webring {
|
|
|
|
|
border-top: 2px solid var(--btn-hov);
|
|
|
|
|
border-bottom: 2px solid var(--btn-hov);
|
|
|
|
|
text-align: right;
|
|
|
|
|
display: flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
height: 50px;
|
|
|
|
|
justify-content: space-between;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.webring span {
|
|
|
|
|
float: left;
|
|
|
|
|
padding: auto 0;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 09:29:39 +00:00
|
|
|
|
footer {
|
|
|
|
|
/* background: #ae4e26; */
|
2024-10-23 16:59:42 +00:00
|
|
|
|
background: var(--foot-bg);
|
2024-09-30 09:29:39 +00:00
|
|
|
|
padding: 1em;
|
|
|
|
|
margin-top: 2em;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
text-align: center;
|
2024-09-30 13:36:41 +00:00
|
|
|
|
height: auto;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
border-radius: 10px;
|
2024-09-30 13:36:41 +00:00
|
|
|
|
min-height: 3em;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
footer p {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 13:13:37 +00:00
|
|
|
|
footer p:first-of-type {
|
|
|
|
|
float: left;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
footer p:last-of-type {
|
|
|
|
|
float: right;
|
|
|
|
|
}
|
|
|
|
|
|
2024-09-30 09:29:39 +00:00
|
|
|
|
/* Responsive design stuff */
|
|
|
|
|
@media only screen and (max-width: 900px) {
|
|
|
|
|
.menu a {
|
|
|
|
|
font-size: medium;
|
2024-10-12 11:06:23 +00:00
|
|
|
|
min-width: 90px;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.menu {
|
2024-09-30 13:36:41 +00:00
|
|
|
|
padding: .5em;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
height: auto;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
margin-left: 5%;
|
|
|
|
|
margin-right: 5%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
|
|
|
.menu a {
|
|
|
|
|
font-size: smaller;
|
2024-10-12 11:06:23 +00:00
|
|
|
|
min-width: 80px;
|
2024-10-12 11:09:14 +00:00
|
|
|
|
margin-left: 0.1em;
|
|
|
|
|
margin-right: 0.1em;
|
2024-09-30 09:29:39 +00:00
|
|
|
|
}
|
2024-09-30 13:36:41 +00:00
|
|
|
|
|
|
|
|
|
footer p:first-of-type, footer p:last-of-type {
|
|
|
|
|
float: none;
|
|
|
|
|
}
|
2024-10-12 10:56:37 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* CSS gallery from w3schools.com */
|
|
|
|
|
|
|
|
|
|
div.art {
|
|
|
|
|
display: flex;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.gallery {
|
|
|
|
|
border: 5px double rgba(167, 47, 20, 0.3);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.gallery:hover {
|
|
|
|
|
border: 5px double #dba047;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.gallery img {
|
|
|
|
|
width: 100%;
|
|
|
|
|
height: 200px;
|
|
|
|
|
object-fit: scale-down;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.desc {
|
|
|
|
|
padding: 10px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.responsive {
|
|
|
|
|
padding: 0 6px;
|
|
|
|
|
float: left;
|
|
|
|
|
width: 24.99999%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
|
|
|
.responsive {
|
|
|
|
|
width: 49.99999%;
|
|
|
|
|
margin: 6px 0;
|
|
|
|
|
}
|
2024-10-12 11:03:15 +00:00
|
|
|
|
|
|
|
|
|
div.art {
|
|
|
|
|
display: inherit;
|
|
|
|
|
justify-content: inherit
|
|
|
|
|
}
|
2024-10-12 10:56:37 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media only screen and (max-width: 500px) {
|
|
|
|
|
.responsive {
|
|
|
|
|
width: 100%;
|
|
|
|
|
}
|
2024-10-12 11:06:23 +00:00
|
|
|
|
|
2024-10-12 11:03:15 +00:00
|
|
|
|
div.art {
|
|
|
|
|
display: inherit;
|
|
|
|
|
justify-content: inherit
|
|
|
|
|
}
|
2024-11-03 12:12:39 +00:00
|
|
|
|
|
|
|
|
|
a.webring-btn {
|
|
|
|
|
min-width: 40px;
|
|
|
|
|
margin-right: 0.2em;
|
|
|
|
|
margin-left: 0.2em;
|
|
|
|
|
}
|
2024-10-12 10:56:37 +00:00
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.clearfix:after {
|
|
|
|
|
content: "";
|
|
|
|
|
display: table;
|
|
|
|
|
clear: both;
|
2024-10-23 16:59:42 +00:00
|
|
|
|
}
|
|
|
|
|
|
2024-10-29 14:13:38 +00:00
|
|
|
|
code {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
background-color: lightgrey;
|
|
|
|
|
border: 1px grey;
|
|
|
|
|
}
|
|
|
|
|
|
2024-10-23 16:59:42 +00:00
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
|
|
|
:root {
|
2024-10-23 17:20:31 +00:00
|
|
|
|
--body-bg: rgb(49, 49, 49);
|
|
|
|
|
--main-bg: #191919;
|
|
|
|
|
--menu-bg: #191919;
|
|
|
|
|
--foot-bg: #191919;
|
2024-10-23 16:59:42 +00:00
|
|
|
|
--btn-hov: #dba047;
|
|
|
|
|
--btn-col: #ae4e26;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
p, h1, h2, h3, b {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.desc {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2024-11-03 19:42:17 +00:00
|
|
|
|
|
2024-10-23 16:59:42 +00:00
|
|
|
|
div.gallery {
|
|
|
|
|
border: 5px double rgba(167, 47, 20, 1);
|
|
|
|
|
}
|
2024-10-23 17:20:31 +00:00
|
|
|
|
|
|
|
|
|
.main a {
|
|
|
|
|
color: #dba047;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.contact a {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2024-10-27 15:11:06 +00:00
|
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2024-11-03 19:42:17 +00:00
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a.webring-btn {
|
|
|
|
|
color: white;
|
|
|
|
|
}
|
2024-10-23 17:20:31 +00:00
|
|
|
|
}
|