Added styles

DK6asDK6 · Jun 11, 2024 · c4f73c7 · c4f73c7
1 parent 1ee892f
commit c4f73c7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/02-plato/index.html b/02-plato/index.html
@@ -6,6 +6,7 @@
     <link rel="shortcut icon" href="M.BMP" />
     <title>CGSG: DK6 Summer practice 2024</title>
     <script src="./output/main.js"></script>
+    <link rel="stylesheet" href="style.css" />
   </head>
   <body>
     <!-- <p id="myCan:fps"></p> -->
@@ -17,8 +18,8 @@
     ></canvas>
     <br />
     <form>
-      <fieldset id="field">
-        <legend>Select a Plato figure:</legend>
+      <fieldset id="field" class="field">
+        Select a Plato figure:
 
         <div>
           <input

diff --git a/02-plato/style.css b/02-plato/style.css
@@ -0,0 +1,20 @@
+* {
+  background-color: #7c7ce6;
+}
+
+fieldset.field {
+  background-color: #fff375;
+}
+
+fieldset.field div {
+  background-color: #fff375;
+}
+
+fieldset.field label {
+  background-color: #fff375;
+}
+
+fieldset.field label:hover {
+  background-color: #a573e5;
+  color: #ffdc75;
+}