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 underline on h3/h4 */
/* Custom pixel border for h3/h4 using border-image */
.mw-parser-output h3, .mw-parser-output h4 {
.mw-parser-output h3,
.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: 6px; /* matches the 4x line, tweak as needed */
   padding-bottom: 8px;           /* matches 8px border height */
}
   border-width: 0 0 8px 0;       /* bottom border only, 8px tall */
 
   border-image: url(https://wiki.hoodedhorse.com/images/mbhh_hisc/5/50/Border_line.png?20250801202922) 0 40 0 40 fill stretch round;
/* Custom pixel border for h3/h4 using border-image */
  /* 0 top, 40px right, 0 bottom, 40px left slices; fill center; stretch caps, repeat middle */
.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;
}
}

Revision as of 20:37, 1 August 2025

/* CSS placed here will be applied to all skins */
/* Custom pixel border for h3/h4 using border-image */
.mw-parser-output h3,
.mw-parser-output h4 {
  border-bottom: none !important;
  box-shadow: none !important;
  position: relative;
  padding-bottom: 8px;           /* matches 8px border height */
  border-width: 0 0 8px 0;       /* bottom border only, 8px tall */
  border-image: url(https://wiki.hoodedhorse.com/images/mbhh_hisc/5/50/Border_line.png?20250801202922) 0 40 0 40 fill stretch round;
  /* 0 top, 40px right, 0 bottom, 40px left slices; fill center; stretch caps, repeat middle */
}