diff --git a/style.css b/style.css index d2e8a17..6c1018a 100755 --- a/style.css +++ b/style.css @@ -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. - -*/ +} \ No newline at end of file