MediaWiki:Common.css: Difference between revisions

From Age of Dungeons Wiki
m (Need relative position set on parent infobox element)
m (Add slight opacity to filigree)
 
Line 18: Line 18:
   left: calc(-150% - 2.0em);
   left: calc(-150% - 2.0em);
   transform:scale(0.25, 0.17);
   transform:scale(0.25, 0.17);
  opacity: 0.75;
}
}
.infobox.legendary::after {
.infobox.legendary::after {
Line 25: Line 26:
   left: calc(-150% - 2.0em);
   left: calc(-150% - 2.0em);
   transform:scale(0.25, -0.17);
   transform:scale(0.25, -0.17);
  opacity: 0.75;
}
}
.legendary .infobox-title {
.legendary .infobox-title {

Latest revision as of 19:37, 6 June 2025

/* CSS placed here will be applied to all skins */
.infobox {
	position: relative;
	width: 300px;
	float: right;
	
	padding: 0.75em;
	margin: 0 0 1.5em 2.0em;
	background: #f8f9fa;
	border: solid #eaecf0;
	border-width: 1px 1px 0.2em;
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.02);
}
.infobox.legendary::before {
  content: url('/wiki/images/d/dd/Legendary_filigree.png');
  position:absolute;
  top: calc((-226px * 0.17) - 2.0em - 0.75em - 40px);
  left: calc(-150% - 2.0em);
  transform:scale(0.25, 0.17);
  opacity: 0.75;
}
.infobox.legendary::after {
  content: url('/wiki/images/d/dd/Legendary_filigree.png');
  position:absolute;
  top: calc(100% - (226px * 0.17) - 2.0em - 0.75em - 30px);
  left: calc(-150% - 2.0em);
  transform:scale(0.25, -0.17);
  opacity: 0.75;
}
.legendary .infobox-title {
	font-family: serif;
	font-weight: 800;
	text-transform: uppercase;
}
.infobox-title {
	font-size: 1.0em;
	font-family: sans-serif;
	font-weight: 600;
	text-transform: none;
	text-align: center;
}
.infobox-image {
	text-align: center;
}
.infobox-table th {
	text-align: left;
	vertical-align: top;
	width: 150px;
}
.infobox-table td {
	vertical-align: top;
}

h1 {
	clear: right;
}

h2 {
	clear: right;
}

h3 {
	clear: right;
}