MediaWiki:Vector.css: Difference between revisions

← Older edit

@@ Line 614: / Line 614: @@
    display: flex;
    gap: 2px;
-   border-bottom: 1px solid #4c4c4c;
+   border-bottom: 1px solid #444;
    background: transparent;
    margin: 0;
@@ Line 620: / Line 620: @@
 }
-#p-namespaces .vector-menu-content-list > li > a,
+/* Base tab look */
-#p-views .vector-menu-content-list > li > a {
+#p-namespaces li a,
+#p-views li a {
    display: block;
-   padding: .6em .8em;
+   padding: .6em .9em;
-   background: #333;
+   background: #2a2a2a;
    color: #e87057;
-   border: 1px solid #4c4c4c;
+  text-decoration: none;
+   border: 1px solid #e87057;
    border-bottom: none;
-   border-radius: .5em .5em 0 0;
+   transition: background .2s, color .2s;
-  text-decoration: none;
 }
-#p-namespaces li > a:hover,
+#p-namespaces li a:hover,
-#p-views li > a:hover,
+#p-views li a:hover {
-#p-namespaces li > a:focus,
-#p-views li > a:focus {
    background: #3a3a3a;
-   color: #e87057;
+   color: #fff;
 }
-#p-namespaces .selected > a,
+#p-namespaces .selected a,
-#p-views .selected > a {
+#p-views .selected a {
    background: #222;
    color: #D28A0D;
    font-weight: bold;
-   border-color: #5a5a5a;
+  border: 2px solid #e87057;
+   border-bottom: none;
    position: relative;
-   z-index: 1;
+  top: 1px;
+   z-index: 2;
 }
-#p-namespaces li > a.new,
+#p-namespaces li a.new,
-#p-views li > a.new {
+#p-views li a.new {
    color: #d44 !important;
 }
@@ Line 657: / Line 658: @@
 #p-cactions .vector-menu-heading {
    display: inline-block;
-   padding: .6em .8em;
+   padding: .6em .9em;
-   background: #333;
+   background: #2a2a2a;
    color: #e87057;
-   border: 1px solid #4c4c4c;
+   border: 1px solid #e87057;
    border-bottom: none;
-   border-radius: .5em .5em 0 0;
+   cursor: pointer;
 }
-#p-cactions .vector-menu-content-list > li > a {
+#p-cactions .vector-menu-content-list {
+  background: #333;
+  border: 1px solid #e87057;
+}
+#p-cactions .vector-menu-content-list li a {
+  display: block;
+  padding: .4em .8em;
    background: #333;
    color: #c1c1c1;
-   border: none;
+   border-bottom: 1px solid #444;
 }
-#p-cactions .vector-menu-content-list > li > a:hover {
+#p-cactions .vector-menu-content-list li a:hover {
    background: #3a3a3a;
    color: #fff;
 }
-#p-namespaces .selected a,
+.vector-menu-tabs li a,
-#p-views .selected a {
+.vector-menu-tabs li.selected a {
-  border-bottom: 3px solid #e87057 !important;
+    outline: none !important;
-  padding-bottom: .3em;   /* keeps height even after border */
+    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,269: / 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,299: / 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;