90 lines
2.5 KiB
CSS
90 lines
2.5 KiB
CSS
|
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: GoD;
|
||
|
|
src: url(https://git.lainiwakura.xyz/uncreativecultist/PersonalStorage/raw/branch/main/GoodOldDos/Good%20Old%20DOS.ttf);
|
||
|
|
}
|
||
|
|
|
||
|
|
.iacs {
|
||
|
|
color: #0033a0;
|
||
|
|
text-shadow: 3px 3px 3px #c6093b;
|
||
|
|
}
|
||
|
|
h1 {
|
||
|
|
font-family: "Oswald", sans-serif;
|
||
|
|
text-decoration: underline;
|
||
|
|
text-decoration-color: #0033a0;
|
||
|
|
color: #c6093b;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
font-family: "Oswald", sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
/* no idea where this image originally came from, but as far as i can tell, the oldest instance of it is from angelfire back in 2008.*/
|
||
|
|
background-image: url("https://rivendell.neocities.org/backgrounds/abstract1.jpg");
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-wrapper {
|
||
|
|
max-width: 950px;
|
||
|
|
margin-left: auto;
|
||
|
|
margin-right: auto;
|
||
|
|
background-color: #c5e9fa;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #83bede;
|
||
|
|
padding: 25px 25px 25px 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sidebar {
|
||
|
|
background-color: lightblue;
|
||
|
|
border-style: dotted;
|
||
|
|
border-color: #6ca5c4;
|
||
|
|
padding: 25px 25px 25px 25px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.page-wrapper {
|
||
|
|
display: grid;
|
||
|
|
grid-template-areas:
|
||
|
|
"header header"
|
||
|
|
"content sidebar"
|
||
|
|
"content2 content2";
|
||
|
|
}
|
||
|
|
|
||
|
|
header {
|
||
|
|
grid-area: header;
|
||
|
|
}
|
||
|
|
.intro {
|
||
|
|
grid-area: content;
|
||
|
|
}
|
||
|
|
main {
|
||
|
|
grid-area: content2;
|
||
|
|
}
|
||
|
|
aside {
|
||
|
|
grid-area: sidebar;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* The following is the CSS for buttons at the bottom of the site. Made with assistance from GPT-4o by OpenAI. https://chatgpt.com/share/67532b75-75f0-8009-951a-798c927c13e4 */
|
||
|
|
|
||
|
|
#zen-requirements::after {
|
||
|
|
content: "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa";
|
||
|
|
color: #000;
|
||
|
|
color: rgba(0, 0, 0, 0);
|
||
|
|
/* this is a HORRIBLE solution, but forwhatever godforsaken reason, this WONT display without text in the content. So we give it what it wants, but then hide it. */
|
||
|
|
font-size: 25px;
|
||
|
|
position: relative;
|
||
|
|
bottom: 0;
|
||
|
|
right: 0;
|
||
|
|
width: 900px;
|
||
|
|
height: 31px;
|
||
|
|
background-image: url("https://git.lainiwakura.xyz/uncreativecultist/PersonalStorage/raw/branch/main/Gifs/gif.gif"); /* Set your image URL */
|
||
|
|
background-size: contain; /* Ensures the image retains its original size */
|
||
|
|
background-repeat: no-repeat; /* Prevents the image from repeating */
|
||
|
|
image-rendering: pixelated; /* Preserves pixel art sharpness */
|
||
|
|
z-index: 9999; /* Ensures it is above all other elements */
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ATTRIBUTIONS:
|
||
|
|
|
||
|
|
"Good Old DOS" typeface is created by morderdrakonovich and was labeled as Public Domain, however, It's a good font and he deserves credit.
|
||
|
|
|
||
|
|
*/
|