MediaWiki:Vector.css: Difference between revisions

Browse history interactively

Content added Content deleted

Inline

@@ Line 47: / Line 47: @@
 #footer a:hover {
 	color: #fff;
-}
-/* header */
-#mw-page-base {
-	height: calc(5em + 56px);
 }
@@ Line 62: / Line 57: @@
 /* new Vector */
+#mw-panel {
-.mw-page-container-inner {
-	padding-top: 56px;
+	background: none;
+	border: 0;
 }
+#p-Ricochet {
-#mw-head, #mw-panel,
+	display: none;
-.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
-	top: 56px;
 }
-/* new Vector */
+/* top nav */
-#mw-panel {
+.client-js #mw-page-base {
+    height: calc(5em + 56px);
-	background: none;
-	border: 0;
 }
+.client-js .mw-page-container-inner {
-#p-Ricochet#p-Ricochet {
+    padding-top: 56px;
-	position: fixed;
+}
-	top: 0;
-	left: 0;
+.client-js #mw-head,
-	width: 100%;
+.client-js #mw-panel,
-	margin: 0;
+.client-js .ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
-	padding: .5rem 1rem;
+    top: 56px;
-	background: #343a40;
+}
-	box-sizing: border-box;
-	font-family: Verdana, Arial, Helvetica, sans-serif;
+#ricochet-top-nav {
-	font-size: 1rem;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    padding: 0.5rem 1rem;
+    background: #343a40;
+    box-sizing: border-box;
+    font-family: Verdana, Arial, Helvetica, sans-serif;
+    font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
+    text-align: left;
     z-index: 101;
 }
+#ricochet-top-nav-list {
-/*.mw-cookiewarning-container ~ #mw-navigation #p-Ricochet {
+    list-style: none;
-	top: 35px;
+    margin: 0;
-}*/
+    padding: 0;
+    display: flex;
-#p-Ricochet-label {
+    flex-direction: row;
-	display: none;
 }
+#ricochet-top-nav-list a {
-#mw-panel #p-Ricochet .vector-menu-content {
+    display: block;
-	margin: 0;
+    padding: 0.5rem 0.5rem;
-	background: none;
+    color: rgba(255, 255, 255, 0.5);
+    text-decoration: none;
 }
+#ricochet-top-nav-list a:hover,
-#mw-panel #p-Ricochet .vector-menu-content-list {
+#ricochet-top-nav-list a:focus {
-	padding: 0;
+    color: rgba(255, 255, 255, 0.75);
-	display: flex;
+    text-decoration: none;
-	flex-direction: row;
 }
+#ricochet-top-nav-list svg {
-#mw-panel #p-Ricochet .vector-menu-content li {
+    width: 20px;
-	padding: 0;
+    height: 20px;
-	font-size: 1rem;
+    fill: hsla(0, 0%, 100%, 0.5);
-	line-height: 1.5;
+    vertical-align: middle;
 }
+#ricochet-top-nav-list a[href="https://wiki.ricochetuniverse.com"]
-#mw-panel #p-Ricochet a {
+{
-	display: block;
+    color: #fff; /* active */
-	padding: .5rem .5rem;
-	color: #fff;
-	opacity: .5;
 }
+#ricochet-top-nav-list a[href$='/discord']:hover > svg,
-#mw-panel #p-Ricochet a:hover,
-#mw-panel #p-Ricochet a:focus {
+#ricochet-top-nav-list a[href$='/discord']:focus > svg {
+    fill: #5865f2;
-	opacity: .75;
-	text-decoration: none;
 }