uncreativecultist
/
CSS-Zen-Garden
1
0
Fork 0
Code

we got new stuff woohoo

This commit is contained in:
Lyssa Pierce 2024-12-20 12:17:01 -05:00
parent e6647c4c43
commit fb72cb5d63
1 changed files with 61 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
style.css
View File

@ -1,3 +1,16 @@
/**********************************
* Design by: Lilly B.
* Design name: I can't believe it's not Geocities!
*
* License: MIT
*
* Acknowledgments/Sources:
* - Made with assistance from GPT-4o by OpenAI. https://chatgpt.com/share/67532b75-75f0-8009-951a-798c927c13e4
* - Good Old DOS" typeface is created by morderdrakonovich and was labeled as Public Domain, however, It's a good font and he deserves credit.
* - Code for sidebar buttons taken from StackOverflow. https://stackoverflow.com/a/710108
*/
/*import fonts that will be used on the site*/
@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");
/* converted fonts to WOFF using convertio. https://convertio.co/ */
@ -34,6 +47,7 @@ h1 {
a {
font-family: "GoodOldDOS-D", sans-serif;
color:blue;
}
h2 {
@ -92,6 +106,51 @@ body {
padding: 25px 25px 25px 25px;
}
.design-selection ul li .design-name{
text-decoration: none;
background-color: #EEEEEE;
color: blue;
padding: 0px 4px 0px 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
.design-selection ul li a{
text-decoration: none;
color: black;
}
.design-archives nav ul li a {
text-decoration: none;
background-color: #EEEEEE;
color: blue;
padding: 0px 4px 0px 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
.design-archives nav ul li {
padding: 2px 4px 2px 4px;
}
.design-selection ul li {
padding: 2px 4px 2px 4px;
}
.zen-resources li a {
text-decoration: none;
background-color: #EEEEEE;
color: blue;
padding: 0px 4px 0px 4px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}
/*specify the grid for the site, easiest way of saying where goes what*/
/*tbh i didnt know this existed until mr hinkle pointed it out (ty btw)*/
@ -116,7 +175,7 @@ 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 */
/* The following is the CSS for buttons at the bottom of the site. Made with assistance from GPT-4o by OpenAI.*/
/*i didn't really end up using most of the code that was given by ChatGPT, but I'll keep the attribution here because it did help me lean a lil*/
#zen-requirements::after {
@ -135,10 +194,4 @@ aside {
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.
*/
}