MediaWiki:Common.css: Difference between revisions

MediaWiki:Common.css (view source)

Revision as of 18:08, 6 February 2025

309 bytes removed , 6 February

no edit summary

Zhiktang

Bureaucrats, Interface administrators, Administrators

290

edits

@@ Line 28: / Line 28: @@
-.content-toggle {
+.toggle-container {
-    position: fixed;
-    top: 70px;
-    right: 20px;
      background: #f8f9fa;
-     padding: 15px;
+     padding: 1em;
-     border-radius: 8px;
+    margin: 1em 0;
-     box-shadow: 0 2px 5px rgba(0,0,0,0.2);
+     border: 1px solid #a2a9b1;
-     z-index: 100;
+     border-radius: 4px;
+     text-align: center;
 }
-.toggle-switch {
+.toggle-button {
-    position: relative;
      display: inline-block;
-     width: 60px;
+     padding: 0.5em 1em;
-    height: 34px;
+     margin: 0 0.5em;
-     margin-left: 10px;
+     border: 1px solid #a2a9b1;
-}
+     border-radius: 3px;
-.toggle-switch input {
-    opacity: 0;
-    width: 0;
-     height: 0;
-}
-.slider {
-     position: absolute;
      cursor: pointer;
-    top: 0;
+     background: #ffffff;
-    left: 0;
+     transition: all 0.2s ease;
-    right: 0;
-    bottom: 0;
-     background-color: #2196F3;
-     transition: .4s;
-    border-radius: 34px;
 }
-.slider:before {
+.toggle-button.active {
-     position: absolute;
+     background: #36c;
-    content: "";
+     color: white;
-    height: 26px;
+     border-color: #36c;
-    width: 26px;
-    left: 4px;
-    bottom: 4px;
-     background-color: white;
-    transition: .4s;
-     border-radius: 50%;
 }
-input:checked + .slider {
+.manga-content, .anime-content {
-     background-color: #ff4081;
+     display: none;
 }
-input:checked + .slider:before {
+.show-manga .manga-content,
-     transform: translateX(26px);
+.show-anime .anime-content {
+     display: block;
 }