MediaWiki:Vector-2022.css: Difference between revisions

@@ Line 11: / Line 11: @@
      .skin-invert,
      .notheme {
-         /* Colors */
+         /* Colors */s
          --color-base: #5a4a3c;
          --color-base-fixed: #5a4a3c;
@@ Line 479: / Line 479: @@
   | SIDEBAR |
   *=========*/
+/* Hide print and permalink links */
+#t-print,
+#t-permalink {
+    display: none;
+}
+/* Format Wiki Discord link */
+/* Adapted from Runescape Wiki */
+#n-Wiki-Discord a {
+    color: white !important;
+    font-size: 12px;
+    font-weight: bold;
+    border-radius: 5px;
+    border: 1px solid #4b56d0;
+    background-color: #5865F2;
+    display: block;
+    position: relative;
+    padding: 4px 0 5px calc(17px + 5.5px * 2);
+    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
+    transition: 0.2s ease;
+}
+#n-Wiki-Discord a::before {
+    content: '';
+    font-weight: normal;
+    opacity: 0.85;
+    margin-right: 5px;
+}
+#n-Wiki-Discord a::after {
+    content: '';
+    background: url(https://runescape.wiki/images/Discord_logo_icon.svg?62c64) no-repeat;
+    background-size: 17px 13px;
+    filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
+    position: absolute;
+    top: 5px;
+    left: 7px;
+    width: 17px;
+    height: 13px;
+}
+#n-Wiki-Discord a:hover {
+    text-decoration: none;
+    background-color: #525ee0;
+}
 /* Hide the Vector-2022 "switch back" link in sidebar */
 .vector-main-menu-action-opt-out {