MediaWiki:Vector.css: Difference between revisions

← Older edit

@@ Line 610: / Line 610: @@
 }
-/* === Vector tab styling (Page / Talk / Edit / History etc.) === */
-/* Container reset */
 #p-namespaces .vector-menu-content-list,
 #p-views .vector-menu-content-list {
    display: flex;
    gap: 2px;
-   border-bottom: 1px solid #444; /* bar baseline */
+   border-bottom: 1px solid #444;
    background: transparent;
    margin: 0;
@@ Line 631: / Line 628: @@
    color: #e87057;
    text-decoration: none;
-   border: 1px solid #444;
+   border: 1px solid #e87057;
-   border-bottom: none;               /* so tab blends into content */
+   border-bottom: none;
-  border-radius: .5em .5em 0 0;      /* rounded top corners */
    transition: background .2s, color .2s;
 }
@@ Line 665: / Line 661: @@
    background: #2a2a2a;
    color: #e87057;
-   border: 1px solid #444;
+   border: 1px solid #e87057;
    border-bottom: none;
    cursor: pointer;
@@ Line 672: / Line 668: @@
 #p-cactions .vector-menu-content-list {
    background: #333;
-   border: 1px solid #444;
+   border: 1px solid #e87057;
-  border-radius: 0 0 .5em .5em;
 }
@@ Line 687: / Line 682: @@
    background: #3a3a3a;
    color: #fff;
+}
+.vector-menu-tabs li a,
+.vector-menu-tabs li.selected a {
+    outline: none !important;
+    box-shadow: none !important;
+    border: none !important;
+}
+.vector-menu-tabs li.selected {
+    border: 1px solid #e87057 !important;
+    background: #333;
+}
+.vector-menu-tabs li.selected a {
+    color: #e87057 !important;
 }
@@ Line 1,278: / Line 1,289: @@
      background-position: 5px 60%
 }
+#ca-unwatch.icon a,
+#ca-watch.icon a,
+#ca-unwatch.icon a:hover,
+#ca-watch.icon a:hover,
+#ca-unwatch.icon a:focus,
+#ca-watch.icon a:focus,
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+  background-repeat: no-repeat;
+}
 #ca-unwatch.icon a {
      background-image: url('images/unwatch-icon.svg');
@@ Line 1,308: / Line 1,328: @@
 #ca-watch.icon a.loading {
      background-image: url('images/watch-icon-loading.svg');
-     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
+     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
-     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
+     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
      -webkit-animation: rotate 700ms infinite linear;
      -moz-animation: rotate 700ms infinite linear;