MediaWiki:Test.css: различия между версиями

Версия от 23:48, 19 апреля 2025

.chem-recipe {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 1em;
  margin-bottom: 1em;
  background: #f9f9f9;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.chem-recipe h3 {
  margin-top: 0;
  font-size: 1.4em;
  color: #2c3e50;
}

.chem-recipe ul {
  padding-left: 1.2em;
  margin-top: 0.3em;
  margin-bottom: 0.6em;
}

.chem-recipe p {
  margin: 0.3em 0;
}

@@ Строка 1: / Строка 1: @@
-.custom-audio-wrapper {
+.chem-recipe {
-    display: flex;
+  border: 1px solid #ccc;
-    align-items: center;
+  border-radius: 12px;
-    gap: 10px;
+  padding: 1em;
-    background: #111;
+  margin-bottom: 1em;
-    padding: 10px 14px;
+  background: #f9f9f9;
-    border-radius: 12px;
+  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
-    max-width: 480px;
-    color: white;
-    font-family: monospace;
-    justify-content: space-between;
-    border: 2px solid #2a56a1;
-    box-shadow:
-0 8px rgba(42, 86, 161, 0.6),
-0 20px rgba(42, 86, 161, 0.4);
 }
-.custom-audio-play {
+.chem-recipe h3 {
-    background: #2a56a1;
+  margin-top: 0;
-    color: #fff;
+  font-size: 1.4em;
-    border: none;
+  color: #2c3e50;
-    border-radius: 6px;
-    padding: 6px 12px;
-    font-size: 16px;
-    cursor: pointer;
-    transition: background 0.2s, transform 0.1s;
 }
-.custom-audio-play:hover {
+.chem-recipe ul {
-    background: #447fbc;
+  padding-left: 1.2em;
-    transform: scale(1.05);
+  margin-top: 0.3em;
+  margin-bottom: 0.6em;
 }
-.custom-audio-progress {
+.chem-recipe p {
-    flex-grow: 1;
+  margin: 0.3em 0;
-    height: 6px;
-    border-radius: 4px;
-    background: #333;
-    outline: none;
-    accent-color: #2a56a1;
-}
-.custom-audio-time {
-    min-width: 45px;
-    text-align: right;
-    font-size: 12px;
-    color: #d6e4f1;
-    padding-left: 10px;
-    padding-right: 5px;
-}
-.custom-audio-volume-btn {
-    background: transparent;
-    color: #fff;
-    font-size: 20px;
-    border: none;
-    cursor: pointer;
-    padding: 5px;
-}
-.custom-audio-volume {
-    width: 100px;
-    margin-left: 10px;
-    background-color: #333;
-    border-radius: 4px;
 }