MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: body.page-Main_Page h1.firstHeading { display:none; } →Infobox template style: .infobox { font-family: Tahoma;...") |
MysteryCorgi (talk | contribs) m (added spoiler blur) |
||
Line 52: | Line 52: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* for spoiler blur use: <span class="spoilerblur">INSERT TEXT HERE</span> */ | |||
.spoilerblur { | |||
filter: blur(3px); /* fallback if for some reason browsers can't parse floating point */ | |||
filter: blur(3.5px); | |||
opacity: 0.40; | |||
transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear; | |||
} | |||
.spoilerblur:hover { | |||
filter: blur(0px); | |||
opacity: 1; | |||
text-shadow: 0 0 0 transparent; | |||
transition-delay: 500ms; | |||
} |
Latest revision as of 00:41, 3 February 2023
/* CSS placed here will be applied to all skins */ body.page-Main_Page h1.firstHeading { display:none; } /* Infobox template style */ .infobox { font-family: Tahoma; border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; clear: right; } .infobox td, .infobox th { vertical-align: top; } .infobox caption { font-size: larger; margin-left: inherit; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /** Blue Rectangle Boxes */ .roundcont { background: #A0C6E3; color: white; -moz-border-radius:7px; } /** Grey Rectangle Boxes */ .roundcont2 { background: #f1f1f1; color: black; -moz-border-radius:7px; } /* CSS placed here will be applied to all skins */ /* for spoiler blur use: <span class="spoilerblur">INSERT TEXT HERE</span> */ .spoilerblur { filter: blur(3px); /* fallback if for some reason browsers can't parse floating point */ filter: blur(3.5px); opacity: 0.40; transition: filter 1s linear, opacity 1s linear, text-shadow 1s linear; } .spoilerblur:hover { filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; transition-delay: 500ms; }