finished css

cal-cs184-student · Jun 1, 2024 · d8dcb37 · d8dcb37
1 parent 9b646d5
commit d8dcb37
Show file tree

Hide file tree

Showing 46 changed files with 634 additions and 15 deletions.
diff --git a/hw1/.DS_Store b/hw1/.DS_Store
diff --git a/hw1/hw1Style.css b/hw1/hw1Style.css
@@ -0,0 +1,170 @@
+body {
+    background-image: linear-gradient(rgb(235, 245, 246), rgb(135, 199, 207));
+}
+
+.course {
+    background-color: powderblue;
+    margin: 0 auto;
+    width: 1500px;
+    max-width: 95%;
+    padding: 15px;
+    font-family: Geneva;
+
+
+}
+
+.about {
+    background-color: white;
+    margin: 0 auto;
+    width: 1500px;
+    max-width: 95%;
+    padding: 70px 15px 150px 15px;
+
+}
+
+.about img {
+    float: left;
+    padding: 0px 0px 0px 150px;
+
+
+
+
+}
+
+.about h1 {
+    text-align: right;
+    position:relative;
+    font-size: 60px;
+    padding: 50px 150px 0px 0px;
+    font-family: Geneva;
+}
+
+.about h2 {
+    text-align: right;
+    position:relative;
+    font-family: Geneva;
+    font-size: 30px;
+    padding: 0px 150px 0px 0px;
+}
+
+.overview {
+    margin: 0 auto;
+    width: 1500px;
+    max-width: 95%;
+    padding: 40px 15px 70px 15px;
+    text-align: center;
+    background-color: rgb(200, 122, 70);
+    border-radius: 20px;
+}
+
+.overview h2 {
+    font-family: Geneva;
+    font-size: 40px;
+    color: white;
+
+}
+
+.overview p {
+    font-family: Geneva;
+    font-size: 20px;
+    color: white;
+    padding: 0px 50px 0px 50px;
+
+
+}
+
+.sections {
+    display: flex;
+    flex-wrap: wrap;
+
+    padding: 40px 15px 70px 15px;
+
+    margin: auto auto;
+    width: 1500px;
+    max-width: 95%;
+
+    font-family: Geneva;
+}
+
+.sections input[type="radio"] {
+    display: none;
+}
+
+.sections label {
+    text-align: center;
+    width: 50%;
+    padding: 15px 0px 15px 0px;
+    background-color: powderblue;
+    font-weight: bold;
+    font-family: Optima;
+    font-size: 30px;
+    border-radius: 50px 50px 0px 0px;
+    color: hsl(217, 100%, 20%);
+}
+
+.sections .tab {
+    width: 100%;
+    padding: 90px;
+    background: white;
+    order: 1;
+    display: none;
+    border-radius: 0px 0px 50px 50px;
+    color: hsl(217, 100%, 20%);
+
+}
+
+.sections .tab h2 {
+    text-decoration: overline underline;
+    font-weight: bold; 
+    color: hsl(163, 87%, 26%);
+}
+
+.sections .tab h3 {
+    text-decoration: underline;
+}
+
+.sections input[type="radio"]:checked + label + .tab {
+    display: block;
+}
+
+.sections input[type="radio"]:checked + label {
+    background-color: white;
+}
+
+.credits {
+    margin: 0 auto;
+    width: 1500px;
+    max-width: 95%;
+    padding: 20px 15px 20px 15px;
+    text-align: center;
+    background-color: rgb(200, 122, 70);
+    border-radius: 20px;
+    font-family: Geneva;
+    font-size: 15px;
+    color: white;
+
+}
+
+.credits h3 {
+    font-size: 25px;
+    text-decoration: underline overline;
+
+    font-weight: 1000;
+}
+
+a {
+    color: rgb(211, 235, 255);
+}
+
+a:visited {
+    color: white;
+}
+
+a:hover {
+    color: rgb(64, 223, 255);
+}
+
+a:active {
+    color: white;
+}
+
diff --git a/hw1/images old/BCexample.png b/hw1/images old/BCexample.png
diff --git a/hw1/images old/Task3.png b/hw1/images old/Task3.png
diff --git a/hw1/images old/image1.png b/hw1/images old/image1.png
diff --git a/hw1/images old/image2.png b/hw1/images old/image2.png
diff --git a/hw1/images old/image3.png b/hw1/images old/image3.png
diff --git a/hw1/images old/image4.png b/hw1/images old/image4.png
diff --git a/hw1/images old/p1test4.png b/hw1/images old/p1test4.png
diff --git a/hw1/images old/p2test4sr1.png b/hw1/images old/p2test4sr1.png
diff --git a/hw1/images old/p2test4sr16.png b/hw1/images old/p2test4sr16.png
diff --git a/hw1/images old/p2test4sr4.png b/hw1/images old/p2test4sr4.png
diff --git a/hw1/images old/p4test7.png b/hw1/images old/p4test7.png
diff --git a/hw1/images/BCexample.png b/hw1/images/BCexample.png
diff --git a/hw1/images/I-House Photo.jpeg b/hw1/images/I-House Photo.jpeg
diff --git a/hw1/images/Task1-1.png b/hw1/images/Task1-1.png
diff --git a/hw1/images/Task1-2.png b/hw1/images/Task1-2.png
diff --git a/hw1/images/Task3.png b/hw1/images/Task3.png
diff --git a/hw1/images/Task5-1.png b/hw1/images/Task5-1.png
diff --git a/hw1/images/Task5-2.png b/hw1/images/Task5-2.png
diff --git a/hw1/images/Task5-3.png b/hw1/images/Task5-3.png
diff --git a/hw1/images/Task5-4.png b/hw1/images/Task5-4.png
diff --git a/hw1/images/Task6-1.png b/hw1/images/Task6-1.png
diff --git a/hw1/images/Task6-2.png b/hw1/images/Task6-2.png
diff --git a/hw1/images/Task6-3.png b/hw1/images/Task6-3.png
diff --git a/hw1/images/Task6-4.png b/hw1/images/Task6-4.png
diff --git a/hw1/images/image1.png b/hw1/images/image1.png
diff --git a/hw1/images/image2.png b/hw1/images/image2.png
diff --git a/hw1/images/image3.png b/hw1/images/image3.png
diff --git a/hw1/images/image4.png b/hw1/images/image4.png
diff --git a/hw1/images/p1test4.png b/hw1/images/p1test4.png
diff --git a/hw1/images/p2test4sr1.png b/hw1/images/p2test4sr1.png
diff --git a/hw1/images/p2test4sr16.png b/hw1/images/p2test4sr16.png
diff --git a/hw1/images/p2test4sr4.png b/hw1/images/p2test4sr4.png
diff --git a/hw1/images/p4test7.png b/hw1/images/p4test7.png
diff --git a/hw1/images/ras-ss.png b/hw1/images/ras-ss.png