Update assets/css/custom_style.css

assets/css/custom_style.css

@@ -80,3 +80,43 @@ input[type='radio'] { visibility: hidden; display: none; }
 .slider-content { width: 450px; position: relative; float: right; }
 
 #ppl-threshold, #gradient-norm-threshold { width: 3em; height: 1.6em; top: 50%; margin-top: -.8em; text-align: center; line-height: 1.6em; }
+
+
+.example-container {
+    max-width: 800px;
+    margin: auto;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 8px;
+    background-color: #f9f9f9;
+}
+
+.example-selector {
+    margin-bottom: 20px;
+}
+
+.example-selector button {
+    margin-right: 10px;
+    padding: 10px 20px;
+    cursor: pointer;
+    border: none;
+    border-radius: 5px;
+    background-color: #007bff;
+    color: white;
+    transition: background-color 0.3s;
+}
+
+.example-selector button:hover {
+    background-color: #0056b3;
+}
+
+.example-box {
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 8px;
+    background-color: #fff;
+}
+
+.highlight {
+    background-color: yellow;
+}