MediaWiki:Common.css: Difference between revisions

From Dothack Wikipedia
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;...")
 
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;
}