From eccc3b26a0102e971307bdccd2aa6f4e8faae785 Mon Sep 17 00:00:00 2001 From: Jacqueline Date: Fri, 31 May 2024 19:36:18 -0700 Subject: [PATCH] added more features --- hw1/hw1Style.css | 4 ++++ hw2/styles.css | 4 ++++ index.html | 1 + styler.css | 15 ++++++++++----- 4 files changed, 19 insertions(+), 5 deletions(-) diff --git a/hw1/hw1Style.css b/hw1/hw1Style.css index 8db6913..6bd8869 100644 --- a/hw1/hw1Style.css +++ b/hw1/hw1Style.css @@ -86,6 +86,10 @@ body { font-family: Geneva; } +.sections label:hover { + background-color: rgba(128, 128, 128, 0.488); +} + .sections input[type="radio"] { display: none; } diff --git a/hw2/styles.css b/hw2/styles.css index 50379f2..c8dd565 100644 --- a/hw2/styles.css +++ b/hw2/styles.css @@ -81,6 +81,10 @@ hr { color: hsl(217, 100%, 20%); } +.mytabs label:hover { + background-color: rgba(128, 128, 128, 0.488); +} + .mytabs .tab { width: 100%; padding: 90px; diff --git a/index.html b/index.html index 2f4984e..918e89b 100644 --- a/index.html +++ b/index.html @@ -7,6 +7,7 @@

CS184/284A Project & Homework Webpages

+

Jacqueline Perez, Spring 2024

Linked are the Webpage Reports for Projects and Homeworks for CS 184: Computer Graphics and Imaging. Consisting of both indivial and partnered work on the assignments, while the writeup webpages were styled by myself. diff --git a/styler.css b/styler.css index da84545..209df8c 100644 --- a/styler.css +++ b/styler.css @@ -1,7 +1,7 @@ body { text-align: center; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; - background-color: aliceblue; + background-image: linear-gradient(aliceblue, rgb(168, 148, 177)) } h1 { padding-top: 30px; @@ -9,9 +9,13 @@ h1 { font-size: 50px; font-weight: 100px; } +h3 { + font-size: 25px; +} .des { margin: auto; width: 1000px; + padding-bottom: 30px; } .bar { @@ -20,13 +24,14 @@ h1 { align-items: center; justify-content: space-between; top: 0px; - background-color: rgb(170, 140, 183); + background-color: rgba(170, 140, 183, 0.582); background-blend-mode: darken; color:white; padding: auto; max-width: 100%; margin: auto; width: 600px; + border-radius: 30px; } @@ -43,15 +48,15 @@ a { } a:visited { - color: hsl(163, 87%, 26%); + color: hsl(205, 34%, 51%); } a:hover { - color: rgb(9, 55, 145); + color: rgb(79, 6, 111); } a:active { - color: hsl(163, 87%, 26%); + color: white; } .wpList li {