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; | |||
} | |||
Revision as of 23:41, 2 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;
}