MediaWiki:Vector.css: Difference between revisions

← Older edit

@@ Line 610: / Line 610: @@
 }
-#left-navigation div.darkvectorTabs,
+#p-namespaces .vector-menu-content-list,
-#right-navigation div.darkvectorTabs {
+#p-views .vector-menu-content-list {
-    background-image: inherit;
+  display: flex;
-    background-color: #e87057
+  gap: 2px;
+  border-bottom: 1px solid #444;
+  background: transparent;
+  margin: 0;
+  padding: 0;
 }
-#left-navigation div.darkvectorTabs ul,
+/* Base tab look */
-#right-navigation div.darkvectorTabs ul {
+#p-namespaces li a,
-    background-color: #e87057
+#p-views li a {
+  display: block;
+  padding: .6em .9em;
+  background: #2a2a2a;
+  color: #e87057;
+  text-decoration: none;
+  border: 1px solid #e87057;
+  border-bottom: none;
+  transition: background .2s, color .2s;
 }
-#left-navigation div.darkvectorTabs ul li,
+#p-namespaces li a:hover,
-#right-navigation div.darkvectorTabs ul li {
+#p-views li a:hover {
-    background-color: #e87057;
+  background: #3a3a3a;
-    background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
+  color: #fff;
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
-    background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
-    background-image: linear-gradient(#333 20%, #2a2a2a 100%)
 }
-#left-navigation div.darkvectorTabs li.new a,
+#p-namespaces .selected a,
-#right-navigation div.darkvectorTabs li.new a,
+#p-views .selected a {
-#left-navigation div.darkvectorTabs li.new a:visited,
+  background: #222;
-#right-navigation div.darkvectorTabs li.new a:visited {
+  color: #D28A0D;
-    color: #d44
+  font-weight: bold;
+  border: 2px solid #e87057;
+  border-bottom: none;
+  position: relative;
+  top: 1px;
+  z-index: 2;
 }
-#left-navigation div.darkvectorTabs li.selected,
+#p-namespaces li a.new,
-#right-navigation div.darkvectorTabs li.selected {
+#p-views li a.new {
-    background-color: #333;
+  color: #d44 !important;
-    background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
-    background-image: -webkit-linear-gradient(top, #e87057 0, #333 10%);
-    background-image: linear-gradient(#e87057 0, #333 10%)
-}
-#left-navigation div.darkvectorTabs li.selected a,
-#right-navigation div.darkvectorTabs li.selected a,
-#left-navigation div.darkvectorTabs li.selected a:visited,
-#right-navigation div.darkvectorTabs li.selected a:visited {
-    color: #D28A0D
-}
-#left-navigation div.darkvectorTabs li a,
-#right-navigation div.darkvectorTabs li a {
-    color: #e87057
 }
-#left-navigation div.darkvectorTabs span,
+#p-cactions .vector-menu-heading {
-#right-navigation div.darkvectorTabs span {
+  display: inline-block;
-    background: transparent
+  padding: .6em .9em;
+  background: #2a2a2a;
+  color: #e87057;
+  border: 1px solid #e87057;
+  border-bottom: none;
+  cursor: pointer;
 }
-#mw-head #right-navigation div.darkvectorMenu h3 {
+#p-cactions .vector-menu-content-list {
-    background: inherit
+  background: #333;
+  border: 1px solid #e87057;
 }
-#mw-head div.darkvectorMenu h3 span {
+#p-cactions .vector-menu-content-list li a {
-    color: #e87057
+  display: block;
+  padding: .4em .8em;
+  background: #333;
+  color: #c1c1c1;
+  border-bottom: 1px solid #444;
 }
-div.darkvectorMenu h3 a {
+#p-cactions .vector-menu-content-list li a:hover {
-    background: inherit
+  background: #3a3a3a;
+  color: #fff;
 }
-div.darkvectorMenu ul {
+.vector-menu-tabs li a,
-     background-color: black;
+.vector-menu-tabs li.selected a {
-     border: solid 1px #0c0c0c
+     outline: none !important;
+    box-shadow: none !important;
+     border: none !important;
 }
-div.darkvectorMenu li a {
+.vector-menu-tabs li.selected {
-     color: #e87057
+     border: 1px solid #e87057 !important;
+    background: #333;
 }
-div.darkvectorMenu li.selected a,
+.vector-menu-tabs li.selected a {
-div.darkvectorMenu li.selected a:visited {
+     color: #e87057 !important;
-    color: #D28A0D;
-    text-decoration: none
-}
-div.darkvectorMenu#p-cactions div.menu {
-     border-color: #666
-}
-div.darkvectorMenu#p-cactions ul {
-    border: 0;
-    background-color: #4c4c4c
 }
@@ Line 1,288: / 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,318: / 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;