MediaWiki:Common.css - Revision history

Xarkanoth at 23:51, 10 October 2025

2025-10-10T23:51:22Z

2025-10-10T23:50:22Z

2025-10-10T23:47:38Z

2025-10-10T23:43:47Z

2025-10-10T23:40:52Z

2025-10-10T23:39:17Z

2025-10-10T23:34:53Z

2025-10-10T23:33:49Z

2025-10-10T23:31:28Z

2025-10-10T23:28:52Z

@@ Line 52: / Line 52: @@
 /* Desktop / tablet: banner + gradients */
 @media (min-width:720px){
    body{
      background:
-       url("/Special:FilePath/BannerImage.png")         left top/40vw  no-repeat,
+      /* 1) banner patch */
-       /* 2) dark top strip */
+       url("/Special:FilePath/BannerImage.png")
        linear-gradient(to right,var(--color-sidebar-top)0%,var(--color-sidebar-bot)100%)
          left top/100% var(--banner-h) no-repeat,
        linear-gradient(to bottom,var(--color-sidebar-top)0%,var(--color-sidebar-bot)100%)
          left top/var(--sidebar-w) 100% repeat-y,
        var(--color-parchment);
+   }
+}

@@ Line 55: / Line 55: @@
    body{
      background:
-      /* 1) banner */
+       url("/Special:FilePath/BannerImage.png")         left top/40vw  no-repeat,
        /* 2) dark top strip */
        linear-gradient(to right,var(--color-sidebar-top)0%,var(--color-sidebar-bot)100%)
@@ Line 63: / Line 62: @@
        linear-gradient(to bottom,var(--color-sidebar-top)0%,var(--color-sidebar-bot)100%)
          left top/var(--sidebar-w) 100% repeat-y,
-       /* 4) parchment fill */
+       /* 4) parchment */
        var(--color-parchment);
      background-attachment:scroll;

@@ Line 56: / Line 56: @@
      background:
        /* 1) banner */
-       url("/wiki/Special:Redirect/file/BannerImage.png") left top/40vw no-repeat,
+       url("/wiki/Special:FilePath/BannerImage.png") left top/40vw no-repeat,
        /* 2) dark top strip */
        linear-gradient(to right,var(--color-sidebar-top)0%,var(--color-sidebar-bot)100%)

@@ Line 342: / Line 342: @@
    z-index: 1;                                   /* above photo, below links */
    pointer-events: none;                         /* clicks pass through */
+}

@@ Line 322: / Line 322: @@
 body.skin-vector #column-one{
    position: relative !important;   /* add this line */
+}

@@ Line 269: / Line 269: @@
 body.skin-vector-2022 #mw-panel::before,
 body.skin-vector #column-one::before{
-   content: "";
+   content:"";
-   position: absolute;
+   position:absolute;
-   top: 0; left: 0;
+   top:0;left:0;
-   width: 100%;
+   width:100%;
-   height: var(--hf-sidebar-hero-h);
+   height:var(--hf-sidebar-hero-h);
-   background: url("/Special:FilePath/Sidebar-Hero.jpg") center/cover no-repeat;
+   background:url("/wiki/Special:Redirect/file/Sidebar-Hero.jpg") center/cover no-repeat;
-   z-index: -1;            /* sits behind links & headings */
+  filter:brightness(.82);       /* darken slightly so logo pops */
-   filter: brightness(.82);/* subtle darken so white logo pops */
+   z-index:0;                    /* sits above gradient, below links */
+}
@@ Line 306: / Line 315: @@
    margin-left:0;
    margin-right:0;
+}

@@ Line 241: / Line 241: @@
    display: block;
    margin: var(--space-3) auto;  /* vertical breathing room */
+}

← Older revision		Revision as of 23:28, 10 October 2025
Line 217:		Line 217:
	#mw-panel .portal:first-child,		#mw-panel .portal:first-child,
	#column-one .portlet:first-child{border-top:0;margin-top:0;padding-top:0;}		#column-one .portlet:first-child{border-top:0;margin-top:0;padding-top:0;}
		+
		+	/* ---------------------------------------------------
		+	A. Keep sidebar ON-SCREEN for desktop / tablets
		+	--------------------------------------------------- */
		+	@media (min-width: 720px){
		+	body.skin-vector #mw-panel,
		+	body.skin-vector-2022 #mw-panel,
		+	body.skin-vector #column-one{ /* legacy Vector alias */
		+	left: 0; /* instead of -100% */
		+	}
		+	}
		+
		+	/* ---------------------------------------------------
		+	B. Make sure the logo shows in BOTH Vector skins
		+	--------------------------------------------------- */
		+	#p-logo a, /* Vector 2010 / legacy */
		+	.mw-wiki-logo, /* generic */
		+	.vector-header-logo{ /* Vector 2022 */
		+	background: url("/Special:FilePath/Holdfast_Logo_White_Gold_Compass.png")
		+	center/contain no-repeat !important;
		+	width: 150px; /* revert to your original size */
		+	height: 150px;
		+	display: block;
		+	margin: var(--space-3) auto; /* vertical breathing room */
		+	}