MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 109: | Line 109: | ||
max-width: 100% !important; | max-width: 100% !important; | ||
height: auto !important; | height: auto !important; | ||
} | |||
/* ============================================================ | |||
WIKI-WIDE LEAF HEADERS (KH STYLE) | |||
============================================================ */ | |||
/* 1. MAIN HEADERS (H2) */ | |||
h2 { | |||
position: relative !important; | |||
padding-left: 35px !important; /* Space for the leaf */ | |||
border-bottom: 2px solid #3e5a47 !important; /* Forest Green Underline */ | |||
color: #003366 !important; /* KH Blue Text */ | |||
font-family: "Georgia", serif !important; | |||
margin-top: 1.5em !important; | |||
} | |||
/* Adds the leaf to H2 */ | |||
h2::before { | |||
content: "\1F343" !important; | |||
position: absolute !important; | |||
left: 0 !important; | |||
bottom: 5px !important; /* Keeps it just above the underline */ | |||
font-size: 22px !important; | |||
} | |||
/* 2. SUB-HEADERS (H3) */ | |||
h3 { | |||
position: relative !important; | |||
padding-left: 28px !important; | |||
color: #3e5a47 !important; /* Green text for subheaders */ | |||
font-family: "Georgia", serif !important; | |||
} | |||
/* Adds a slightly smaller leaf to H3 */ | |||
h3::before { | |||
content: "\1F343" !important; | |||
position: absolute !important; | |||
left: 0 !important; | |||
font-size: 18px !important; | |||
} | |||
/* 3. OPTIONAL: Header Hover Effect */ | |||
/* Makes the leaf "shake" slightly when you hover over a header */ | |||
h2:hover::before, h3:hover::before { | |||
transform: rotate(15deg); | |||
transition: 0.2s ease-in-out; | |||
} | } | ||