MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 17: / Line 17: @@
 .mw-logo-icon {
-     width: 80px !important;
+     width: 160px !important;
-     height: 80px !important;
+     height: 160px !important;
 }
-.ths-banner {
+/* Full-width banner at the absolute top, behind everything */
-     background-color: #1a1a1a;
+body {
-     color: #ffffff;
+    background-image: url('https://wiki.thehumanserver.org/images/9/9e/Wiki_background_top.png');
-     padding: 12px;
+    background-repeat: no-repeat;
-     margin: 0 auto 1em auto;
+    background-position: center top;
-     box-shadow: 0 4px 6px rgba(0,0,0,0.3);
+    background-size: 100% auto; /* Forces image to fit screen width */
+    background-attachment: scroll; /* Use 'fixed' if you want it to stay when scrolling */
+    background-color: 2f2f2f;
+}
+/* Vector-2022 Specific: Make the skin's main containers transparent to reveal the banner */
+.mw-page-container,
+.mw-header,
+.vector-sticky-header {
+     background-color: transparent !important;
+}
+/* Optional: Add space at the top so the banner isn't covered by the logo/search bar */
+.mw-header {
+    margin-top: 100px; /* Adjust this value to the height of your banner */
+}
+#content {
+     background-color: #2f2f2f; /* Makes content semi-transparent */
+}
+/* Make the top-right personal tools larger and stick to the corner */
+.vector-user-links {
+     position: fixed;
+    top: 10px;
+    right: 20px;
+    z-index: 1000;
+     transform: scale(1.2);
+     transform-origin: top right;
+    background: rgba(0, 0, 0, 0.5);
+    padding: 5px 10px;
+    border-radius: 8px;
+}
+/* Adjust icons specifically if they look blurry after scaling */
+.vector-user-links .vector-icon {
+    width: 24px;  /* Increase base icon size */
+    height: 24px;
+}
+/* Change all links to silver */
+a {
+    color: #a5a5a5 !important; /* You can also use the hex code #C0C0C0 */
+}
+/* Optional: Change color for visited links to stay silver */
+a:visited {
+    color: silver !important;
+}
+/* Optional: Slightly brighter silver or a different effect on hover */
+a:hover {
+    color: #e0e0e0 !important;
+    text-decoration: underline;
 }