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