MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 #mw-panel {
-     width: 150px;
+     width: 160px;
+    min-width: 150px;
+    max-width: 200px;
      padding: 2px;
      display: flex;
@@ Line 21: / Line 23: @@
 #mw-panel .mw-portlet .vector-menu-heading {
      font-family: 'Cinzel', serif;
-     font-size: 13px;
+     font-size: 12px;
      font-weight: bold;
+    letter-spacing: 0.5px;
      text-transform: uppercase;
      color: #C0A080;
      background: rgba(15, 15, 15, 0.9);
-     padding: 4px;
+     padding: 6px 4px;
      border-radius: 6px 6px 0 0;
      text-align: center;
-     letter-spacing: 1px;
+     line-height: 1.2;
-     line-height: 12px;
+    word-break: break-word;
+     white-space: normal;
 }
@@ Line 157: / Line 161: @@
 }
-.vector-menu-tabs {
+.vector-menu-content-list a {
-     background: #111;
+     position: relative;
-    border-bottom: 1px solid rgba(255, 215, 0, 0.2);
+     overflow: hidden;
-     padding: 0;
 }
+.vector-menu-content-list a::after {
-.vector-menu-tabs li {
+    content: '';
-     background: #111;
+    position: absolute;
-     margin: 0;
+    left: 0;
+    bottom: 0px;
+    width: 0%;
+    height: 2px;
+     background-color: #E5C07B;
+     transition: width 0.3s ease;
 }
+.vector-menu-content-list a:hover::after {
-.vector-menu-tabs a {
+     width: 100%;
-    color: #bbb !important;
-    background: #111;
-    font-family: 'Cinzel', serif;
-    padding: 6px 12px;
-     border: 1px solid rgba(255, 215, 0, 0.2);
-    margin-right: 2px;
-    border-radius: 4px 4px 0 0;
-    display: inline-block;
-    transition: all 0.3s ease;
 }
+.vector-menu-content-list a:visited,
-.vector-menu-tabs a:hover,
+.vector-menu-content-list a:link,
-.vector-menu-tabs .selected a {
+.vector-menu-content-list a:active {
-     color: #FFD700 !important;
+     color: #E5C07B !important;
-     background: #1a1a1a;
+     text-decoration: none !important;
-    border-color: #FFD700;
 }