Module:Infobox/styles.css: Difference between revisions

From HIBIKIFORUM
Jump to navigation Jump to search
(Created page with "→‎Infobox template style: .infobox { border: 1px solid #a2a9b1; border-spacing: 3px; background-color: #f8f9fa; color: black; →‎@noflip: margin: 0.5em 0 0.5em 1em; padding: 0.2em; →‎@noflip: float: right; →‎@noflip: clear: right; font-size: 88%; line-height: 1.5em; } .infobox caption { font-size: 125%; font-weight: bold; padding: 0.2em; text-align: center; } .infobox td, .infobox th { vertical-align: top; →‎@noflip: text-align: left; }...")
 
mNo edit summary
Line 1: Line 1:
/* Infobox template style */
/* Infobox template style */
/*New styles on Module:Infobox/styles.css */
.infobox-subbox {
padding: 0;
border: none;
margin: -3px;
width: auto;
min-width: 100%;
font-size: 100%;
clear: none;
float: none;
background-color: transparent;
}
.infobox-3cols-child {
margin: auto;
}
.infobox .navbar {
font-size: 100%;
}
.infobox-header,
.infobox-subheader,
.infobox-above,
.infobox-title,
.infobox-image,
.infobox-full-data,
.infobox-below {
text-align: center;
}
/* Original Infobox Styles */
.infobox {
.infobox {
border: 1px solid #a2a9b1;
border: 1px solid #a2a9b1;
Line 14: Line 48:
font-size: 88%;
font-size: 88%;
line-height: 1.5em;
line-height: 1.5em;
width: 22em;
}
}
.infobox caption {
 
.infobox-above,
.infobox-title,
.infobox-caption {
font-size: 125%;
font-size: 125%;
font-weight: bold;
font-weight: bold;
padding: 0.2em;
padding: 0.2em;
text-align: center;
text-align: center;
}
.infobox td,
.infobox th {
vertical-align: top;
/* @noflip */
text-align: left;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
}


.infobox.sisterproject {
.infobox-title,
width: 20em;
.infobox-caption {
font-size: 90%;
padding: 0.2em;
}
}


.infobox.standard-talk {
/* .infobox td,
border: 1px solid #c0c090;
.infobox th */
background-color: #f8eaba;
.infobox-header,
}
.infobox-label,
.infobox.standard-talk.bordered td,
.infobox-above,
.infobox.standard-talk.bordered th {
.infobox-full-data,
border: 1px solid #c0c090;
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar {
vertical-align: top;
}
}


/* styles for bordered infobox with merged rows */
.infobox-label,
.infobox.bordered .mergedtoprow td,
.infobox-data
.infobox.bordered .mergedtoprow th {
/* .infobox td,
border: 0;
.infobox th */ {
border-top: 1px solid #a2a9b1;
/* @noflip */
/* @noflip */
border-right: 1px solid #a2a9b1;
text-align: left;
}
}


.infobox.bordered .mergedrow td,
.infobox-navbar {
.infobox.bordered .mergedrow th {
border: 0;
/* @noflip */
/* @noflip */
border-right: 1px solid #a2a9b1;
text-align: right;
}
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 8 (2016-05-21)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
padding: .3em;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
padding: .3em;
}
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: " · ";
}
 
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
display: inline;
font-size: 100%;
}
}

Revision as of 07:48, 12 June 2023

/* Infobox template style */

/*New styles on Module:Infobox/styles.css */
.infobox-subbox {
	padding: 0;
	border: none;
	margin: -3px;
	width: auto;
	min-width: 100%;
	font-size: 100%;
	clear: none;
	float: none;
	background-color: transparent;
}

.infobox-3cols-child {
	margin: auto;
}

.infobox .navbar {
	font-size: 100%;
}

.infobox-header,
.infobox-subheader,
.infobox-above,
.infobox-title,
.infobox-image,
.infobox-full-data,
.infobox-below {
	text-align: center;
}

/* Original Infobox Styles */

.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 22em;
}

.infobox-above,
.infobox-title,
.infobox-caption {
	font-size: 125%;
	font-weight: bold;
	padding: 0.2em;
	text-align: center;
}

.infobox-title,
.infobox-caption {
	padding: 0.2em;
}

/* .infobox td,
.infobox th */
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar {
	vertical-align: top;
}

.infobox-label,
.infobox-data
/* .infobox td,
.infobox th */ {
	/* @noflip */
	text-align: left;
}

.infobox-navbar {
	/* @noflip */
	text-align: right;
}