MediaWiki:Common.css: Difference between revisions

From He is Coming Official Wiki
mNo edit summary
mNo edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Remove default border line on h3 and h4 headings */
/* Remove default underline on h3/h4 */
.mw-parser-output h3,
.mw-parser-output h3, .mw-parser-output h4 {
.mw-parser-output h4 {
   border-bottom: none !important;
   border-bottom: none !important;
   box-shadow: none !important;
   box-shadow: none !important;
   position: relative;
   position: relative;
   padding-bottom: 5px;
   padding-bottom: 6px; /* matches the 4x line, tweak as needed */
  /* DO NOT set display:inline-block here! */
}
}


.mw-parser-output h3::after,
/* Custom pixel border for h3/h4 using border-image */
.mw-parser-output h4::after {
.mw-parser-output h3,
   content: "";
.mw-parser-output h4 {
  display: block;
   border-bottom: 20px solid transparent; /* 20px = 4x your original 5px height */
  height: 5px;
   border-image-source: url(https://wiki.hoodedhorse.com/images/mbhh_hisc/5/50/Border_line.png?20250801202922); /* update to your path */
  width: 100%;      /* This makes it span only the heading block, which will stop at the infobox */
  border-image-slice: 0 40 0 40 fill;    /* 40px = 4x 10px (cap), fill for repeat in center */
   margin-top: 4px;
  border-image-width: 0 0 20px 0;        /* only bottom border gets image */
  background:
  border-image-repeat: stretch round;    /* caps stretched, middle repeated */
    no-repeat left center / auto 5px url(/images/mbhh_hisc/0/0c/Border_line_left.png?20250801175416),
  border-image-outset: 0;
    repeat-x center center / auto 5px url(/images/mbhh_hisc/2/2b/Border_line_middle.png?20250801175434),
    no-repeat right center / auto 5px url(/images/mbhh_hisc/b/b3/Border_line_right.png?20250801175454);
}
}

Revision as of 20:33, 1 August 2025

/* CSS placed here will be applied to all skins */
/* Remove default underline on h3/h4 */
.mw-parser-output h3, .mw-parser-output h4 {
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative;
  padding-bottom: 6px; /* matches the 4x line, tweak as needed */
}

/* Custom pixel border for h3/h4 using border-image */
.mw-parser-output h3,
.mw-parser-output h4 {
  border-bottom: 20px solid transparent; /* 20px = 4x your original 5px height */
  border-image-source: url(https://wiki.hoodedhorse.com/images/mbhh_hisc/5/50/Border_line.png?20250801202922); /* update to your path */
  border-image-slice: 0 40 0 40 fill;    /* 40px = 4x 10px (cap), fill for repeat in center */
  border-image-width: 0 0 20px 0;        /* only bottom border gets image */
  border-image-repeat: stretch round;    /* caps stretched, middle repeated */
  border-image-outset: 0;
}