MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 @import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;700&display=swap');
 #mw-panel {
@@ Line 56: / Line 57: @@
 }
-#floating-toc {
+#toc {
-     position: fixed;
+     font-family: 'Cinzel', serif;
-    bottom: 20px;
-    right: 20px;
-    width: 260px; /* Set fixed width */
-    height: 400px; /* Set fixed height */
-    overflow-y: auto; /* Make it scrollable */
      background: linear-gradient(to bottom, #111 0%, #222 100%);
-     border: 2px solid rgba(255, 215, 0, 0.5); /* Goldish border */
+     border: 1px solid rgba(255, 215, 0, 0.3);
-     border-radius: 10px;
+     border-radius: 6px;
-     padding: 10px;
+     padding: 6px;
-     font-size: 14px;
+     margin: 10px 0;
-     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
+     width: fit-content;
-     transition: all 0.3s ease-in-out;
+     max-width: 300px;
-     z-index: 1000;
+     color: #bbb;
 }
-/* Scrollbar Styling */
+#toc > .toctitle {
-#floating-toc::-webkit-scrollbar {
+     font-size: 13px;
-    width: 8px;
-}
-#floating-toc::-webkit-scrollbar-thumb {
-    background: rgba(255, 215, 0, 0.5); /* Gold scroll bar */
-    border-radius: 4px;
-}
-#floating-toc::-webkit-scrollbar-track {
-    background: rgba(20, 20, 20, 0.8);
-}
-/* Header - Centered, Bold, and Gold */
-#floating-toc h2 {
-    font-family: 'Cinzel', serif;
-     font-size: 16px;
      font-weight: bold;
      text-transform: uppercase;
-     color: #C0A080; /* Gold */
+     color: #C0A080;
+    background: rgba(15, 15, 15, 0.9);
+    padding: 4px;
+    border-radius: 6px 6px 0 0;
      text-align: center;
-     margin: 0;
+     letter-spacing: 1px;
-     padding: 5px;
+     margin-bottom: 6px;
 }
-/* ToC List - Properly Aligned */
+#toc ul {
-#floating-toc ul {
      list-style: none;
      padding: 0;
-     margin-top: 10px;
+     margin: 0;
-    border-top: 1px solid rgba(255, 215, 0, 0.3);
-    text-align: left;
 }
-#floating-toc li {
+#toc ul li {
-     padding: 4px 10px;
+     margin: 4px 0;
 }
-/* Links - Aligned and Styled */
+#toc ul li a {
-#floating-toc a {
+     font-size: 12px;
-    font-family: 'Cinzel', serif;
-     font-size: 13px;
      color: #bbb;
      text-decoration: none;
+    padding: 3px 5px;
      display: block;
-    padding: 4px 10px;
+     border-radius: 2px;
-     border-radius: 4px;
      transition: all 0.3s ease;
 }
-#floating-toc a:hover {
+#toc ul li a:hover {
-     color: #FFD700; /* Golden Hover */
+     color: #FFD700;
      background: rgba(255, 255, 255, 0.1);
-}
-/* Nested Lists - Indentation */
-#floating-toc ul ul {
-    margin-left: 15px;
-}
-#floating-toc.collapsed {
-    width: 150px;
-    height: 30px;
-    overflow: hidden;
-    padding: 5px;
-    text-align: center;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: linear-gradient(to bottom, #111 0%, #222 100%);
-    border: 2px solid rgba(255, 215, 0, 0.5);
-    border-radius: 10px;
-}
-#floating-toc.collapsed::after {
-    content: "Contents ▼";
-    font-family: 'Cinzel', serif;
-    font-size: 14px;
-    font-weight: bold;
-    color: #C0A080;
-    display: block;
-    text-align: center;
-    width: 100%;
 }