testeranto 0.200.1 → 0.203.0

package/testeranto/App.css

@@ -615,6 +615,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
@@ -6064,6 +6068,7 @@ fieldset:disabled .btn {
 .spinner-grow,
 .spinner-border {
   display: inline-block;
+  flex-shrink: 0;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
@@ -11501,146 +11506,192 @@ h6,
   z-index: 1000;
   isolation: isolate;
 }
-:root {
-  --bs-heading-color: rgba(0, 0, 0, 0.9);
-  --bs-modal-color: rgba(0, 0, 0, 0.9);
-  --frosted-bg: rgba(255, 255, 255, 0.2);
-  --frosted-border: rgba(255, 255, 255, 0.3);
-  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
-  --frosted-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2);
+.animated-BG {
+  animation-duration: 8s !important;
+  animation-timing-function: ease-in-out !important;
+  animation-iteration-count: infinite !important;
+  position: relative;
+  overflow: hidden;
 }
-[data-bs-theme=dark] {
-  --bs-heading-color: rgba(255, 255, 255, 0.9);
-  --bs-modal-color: rgba(255, 255, 255, 0.9);
-  --frosted-bg: rgba(0, 0, 0, 0.2);
-  --frosted-border: rgba(0, 0, 0, 0.3);
-  --frosted-text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(0, 0, 0, 0.3);
-  --frosted-inset-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+.gradient-hero {
+  background: linear-gradient(0deg, rgba(0, 61, 255, 0.8588235294), #0f0746 30%, #000 50%);
+  background-size: 200% 200%;
+  animation: vibrantPulse 15s ease infinite;
 }
-pre,
-code,
-.modal-content,
-.accordion-button,
-.theme-card {
-  white-space: pre-wrap;
-  word-wrap: break-word;
-  max-width: 80ch;
-  overflow-x: auto;
-  display: block;
-  padding: 1rem;
-  border-radius: 8px;
-  font-family: monospace;
-  line-height: 1.4;
-  color: var(--bs-modal-color);
-  background-color: var(--frosted-bg);
-  backdrop-filter: blur(16px) saturate(180%);
-  border: 1px solid var(--frosted-border);
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), var(--frosted-inset-shadow);
-  isolation: isolate;
+.gradient-demo {
+  background: linear-gradient(180deg, rgba(0, 61, 255, 0.8588235294), #0f0746 30%, #000 50%);
+  background-size: 200% 200%;
+  animation: vibrantPulse 15s ease infinite;
 }
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: var(--light-text);
-  display: inline-block;
-  padding: 0.5rem 1rem;
-  backdrop-filter: var(--text-panel-blur);
-  background-color: var(--text-panel-bg);
-  border-radius: 8px;
-  text-shadow: var(--text-shadow-heavy);
-  box-shadow: var(--panel-border), 0 4px 6px rgba(0, 0, 0, 0.1);
-  margin: 0.5rem 0;
+.gradient-vibe-coding {
+  background: linear-gradient(143deg, #ff3800 5%, rgb(0, 54, 113) 75%);
+  animation: vibrantPulse 8s ease infinite;
 }
-p,
-.lead {
-  color: var(--light-text);
-  text-shadow: var(--text-shadow-light);
-  backdrop-filter: var(--text-panel-blur);
-  background-color: var(--text-panel-bg);
-  padding: 1rem;
-  border-radius: 8px;
-  box-shadow: var(--panel-border);
-  margin: 1rem 0;
+.gradient-self-fixing-tests {
+  background: linear-gradient(254deg, rgba(168, 149, 50, 0.5882352941) 0% 0%, #1a7782);
+  animation: vibrantPulse 8s ease infinite;
 }
-.modal-content {
-  --bs-modal-color: var(--bs-heading-color);
-  background-color: var(--frosted-bg);
-  backdrop-filter: blur(24px) saturate(200%);
-  border: 1px solid var(--frosted-border);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), var(--frosted-inset-shadow);
+.gradient-precision-prompts {
+  background: linear-gradient(23deg, rgba(254, 0, 0, 0.8392156863), rgba(210, 255, 0, 0.8));
+  animation: vibrantPulse 8s ease infinite;
 }
-.theme-card {
-  cursor: pointer;
-  transition: all 0.2s ease;
-  height: 100%;
-  background-color: rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(8px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  overflow: hidden;
+.gradient-test-results {
+  background: linear-gradient(178deg, #3fcdfd, rgba(51, 169, 21, 0.631372549) 80%);
+  animation: vibrantPulse 8s ease infinite;
 }
-.theme-card:hover {
-  transform: translateY(-5px);
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
-  backdrop-filter: blur(12px);
+.gradient-multi-runtime {
+  background: linear-gradient(74deg, rgba(231, 185, 43, 0.76) 20%, rgba(172, 63, 63, 0.87) 66%);
+  animation: vibrantPulse 8s ease infinite;
 }
-.theme-card:hover::before {
-  opacity: 0.1;
+.gradient-typed-bdd-dsl {
+  background: linear-gradient(15deg, rgb(255, 85, 0) 0%, rgba(0, 100, 112, 0.52) 60%);
+  animation: vibrantPulse 8s ease infinite;
 }
-.theme-card.border-primary {
-  box-shadow: 0 0 0 2px var(--primary);
-  background-color: rgba(var(--primary-rgb), 0.2);
+.gradient-aider {
+  background: linear-gradient(349deg, rgba(83, 255, 0, 0.6509803922), rgba(0, 96, 255, 0.568627451) 80%);
+  animation: vibrantPulse 8s ease infinite;
 }
-.theme-card::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
-  opacity: 0;
-  transition: opacity 0.3s ease;
+@keyframes vibrantPulse {
+  0%, 100% {
+    background-position: 0% 50%;
+    background-size: 200% 200%;
+  }
+  50% {
+    background-position: 100% 50%;
+    background-size: 250% 250%;
+  }
 }
-.theme-card .card-body {
-  position: relative;
-  z-index: 1;
+@keyframes gradientFlow {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
 }
-.accordion-button {
-  font-weight: 500;
-  background-color: rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(8px);
-  border: 1px solid rgba(255, 255, 255, 0.1);
+@keyframes gradientBG {
+  0%, 100% {
+    background-position: 0% 50%, 0% 0%;
+  }
+  25% {
+    background-position: 100% 50%, 100% 50%;
+  }
+  50% {
+    background-position: 50% 100%, 50% 100%;
+  }
+  75% {
+    background-position: 100% 0%, 0% 100%;
+  }
 }
-.accordion-button:not(.collapsed) {
-  background-color: rgba(var(--primary-rgb), 0.2);
-  color: var(--dark);
-  backdrop-filter: blur(12px);
+@keyframes rotateGradient {
+  0% {
+    --angle: 45deg;
+  }
+  100% {
+    --angle: 405deg;
+  }
 }
-.modal-content {
-  border-radius: 12px;
-  overflow: hidden;
-  background-color: rgba(255, 255, 255, 0.08);
-  backdrop-filter: blur(24px) saturate(200%);
-  border: 1px solid rgba(255, 255, 255, 0.25);
-  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  isolation: isolate;
+@keyframes ripple {
+  0%, 100% {
+    background-size: 300% 300%, 100% 100%;
+  }
+  50% {
+    background-size: 300% 300%, 200% 200%;
+  }
 }
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
+.tooltip .tooltip-inner {
+  background-color: #333;
+  color: white;
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 14px;
+}
+.tooltip .tooltip-arrow::before {
+  border-right-color: #333;
+}
+@keyframes pronounced-pulse {
+  0% {
+    transform: scale(1);
+    box-shadow: 0 0 0 rgba(59, 130, 246, 0);
+    background-color: transparent;
   }
-  to {
-    transform: rotate(360deg);
+  25% {
+    transform: scale(1.15);
+    box-shadow: 0 0 30px rgba(59, 130, 246, 0.6);
+    background-color: rgba(59, 130, 246, 0.1);
+  }
+  50% {
+    transform: scale(1.1);
+    box-shadow: 0 0 40px rgba(59, 130, 246, 0.8);
+    background-color: rgba(59, 130, 246, 0.2);
   }
+  75% {
+    transform: scale(1.05);
+    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
+    background-color: rgba(59, 130, 246, 0.1);
+  }
+  100% {
+    transform: scale(1);
+    box-shadow: 0 0 0 rgba(59, 130, 246, 0);
+    background-color: transparent;
+  }
+}
+.navbar-attention-1 {
+  animation: pronounced-pulse 1s ease-in-out 0s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
+}
+.navbar-attention-2 {
+  animation: pronounced-pulse 1s ease-in-out 0.4s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
+}
+.navbar-attention-3 {
+  animation: pronounced-pulse 1s ease-in-out 0.6s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
+}
+.navbar-attention-4 {
+  animation: pronounced-pulse 1s ease-in-out 0.8s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
+}
+.navbar-attention-5 {
+  animation: pronounced-pulse 1s ease-in-out 1s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
 }
-.gear-icon {
-  transition: transform 0.3s ease;
+.navbar-attention-6 {
+  animation: pronounced-pulse 1s ease-in-out 1.2s;
+  animation-iteration-count: 1;
+  border-radius: 8px;
+}
+@keyframes gradientShift {
+  0% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0% 50%;
+  }
+}
+.helpo-drawer {
+  z-index: 1000;
+  transition: width 0.3s ease;
+}
+.sidebar {
+  z-index: 1010;
+}
+.main-content {
+  z-index: 1000;
 }
 /*!
- * Bootstrap  v5.3.7 (https://getbootstrap.com/)
+ * Bootstrap  v5.3.8 (https://getbootstrap.com/)
  * Copyright 2011-2025 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */