MediaWiki:Common.css: Difference between revisions

Revision as of 10:03, 13 April 2025

/* CSS placed here will be applied to all skins */

div.mainpage-top-wrapper {

width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;

}

div.mainpage-series-wrapper {

width: 70%;
float:left;
margin: 0px;

}


div.mainpage-sidebar-wrapper {

width: 30%;
margin-left: 70%;

}

div.mainpage-series {

border: solid black 1px;
text-align: center;
width: 100%;
margin-bottom: 0.5em;
display: inline-block;

}

div.mainpage-sidebar {

border: solid black 1px;
text-align: left;
display: inline-block;
width: calc(100% - 0.5em);
margin-left: 0.5em;
margin-bottom: 0.5em;
padding-left 0.5em;
margin-top: 0px;

}

div.mainpage-series-title {

font-size: 1.5em;
padding: 8px;

}


div.sidebar-title {

padding: 0.25em;

}

ul.mainpage-series {

text-align: center;

}

ul.mainpage-series > li {

display: inline;

}

ul.mainpage-sidebar {

list-style: none;

}

li > ul.mainpage-sidebar {


}

li:nth-child(odd) > ul.mainpage-sidebar {

background: lightpink;

}

a.cat-series {

color:white;

}

.cat-ll {

background: #ff1493;
font-weight: bold;
color: white;

}

.cat-llss {

color: white;
background: #00bfff;
font-weight: bold;

}
.cat-lln {

color: white;
background: #fcc800;
font-weight: bold;
}
.cat-llst {

color: white;
background: #9932cc;
font-weight: bold;

}
.cat-llll {

color: white;
background: #ffc0cb;
font-weight: bold;

}
.cat-llsim {

color: white;
background: #d70035;
font-weight: bold;

}
.cat-gny {

color: white;
background: #008b8b;
font-weight: bold;

}
.cat-llbb {

color: white;
background: #008bc3;
font-weight: bold;

}

/*
 * This is the CSS common to all desktop skins on en.Wikipedia.
 * Styling inside .mw-parser-output should generally use TemplateStyles.
 */

/*
 * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;
 * SEE [[MediaWiki talk:Common.css/to do]]
 * CSS is separated by component (which is why media queries are not joined)
 */

/* Infoboxes */
.infobox {
	border: 1px solid #a2a9b1;
	color: black;
	padding: 0.2em;
	font-size: 88%;
	line-height: 1.5em;
	border-spacing: 3px;
}

@media screen {
	.infobox {
		background-color: #f8f9fa;
    }
}

@media (max-width: 640px) {
	.infobox {
		width: 100%;
	}
    
	.infobox .nowrap {
		white-space: normal;
	}
}

@media (min-width: 640px) {
	.infobox {
		/* @noflip */
		margin: 0.5em 0 0.5em 1em;
		/* @noflip */
		float: right;
		/* @noflip */
		clear: right;
		width: 22em;
	}
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}

.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}

.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}

/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}

/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row],
.wikitable.plainrowheaders th[scope=rowgroup] {
	font-weight: normal;
	/* @noflip */
	text-align: left;
}

/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
	text-decoration: none !important;
}

/* Prevent line breaks in silly places where desired (nowrap)
   and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}

/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}

/* texhtml class for inline math (based on generic times-serif class) */
/* remove spans when this is TemplateStyled */
span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	/* Force tabular and lining display for texhtml */
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}

span.texhtml span.texhtml {
	font-size: 100%;
}

@media (min-width: 640px) {
	span.texhtml {
		white-space: nowrap;
	}
}

/* Prevent flags in tables from collapsing: Fix for T116318
 * TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins
 */
@media (max-width: 640px) {
	.flagicon a > img,
	.flagicon noscript > img {
		max-width: none !important;
	}
}

@media screen {
	.nochecker .gallerybox .thumb img {
		background-image: none;
	}
}

/* Tabber stuff */
/* Base tabber styling */
.page-content .tabber {
    --tab-color: #FB4092; /* default color */
    --tab-bg: #fffaff;
    --tab-active-color: white;
    --tab-border-radius: 4px;
    --tab-font-size: 14px;
    --tab-font-weight: bold;
}

/* Remove tab content borders */
.page-content .tabber .wds-tab__content {
    border: none;
}

/* Space between tabs, except last */
.page-content .tabber ul.wds-tabs > li {
    margin-right: 2px;
}
.page-content .tabber ul.wds-tabs > li:last-child {
    margin-right: 0;
}

/* General tab layout styling */
.page-content .tabber .wds-tabs {
    background: transparent;
    border-bottom: 0 !important;
    padding: 3px 0 0 !important;
    justify-content: center;
    text-align: center;
}

/* Tab label adjustments */
.page-content .tabber ul.wds-tabs .wds-tabs__tab-label {
    height: auto;
    margin: 0;
    line-height: 1.2;
}

/* Default tab appearance */
.page-content .tabber ul.wds-tabs li a {
    background: var(--tab-bg) !important;
    border-radius: var(--tab-border-radius) var(--tab-border-radius) 0 0 !important;
    border: 1px solid var(--tab-color) !important;
    color: var(--tab-color) !important;
    font-size: var(--tab-font-size) !important;
    font-weight: var(--tab-font-weight) !important;
    text-align: center;
    padding: 3px 0.5em !important;
    position: relative;
}

/* Active tab or on hover */
.page-content .tabber ul.wds-tabs li.wds-is-current a,
.page-content .tabber ul.wds-tabs li a:hover {
    background: var(--tab-color) !important;
    border: 1px solid var(--tab-color) !important;
    color: var(--tab-active-color) !important;
}

/* Prevent unwanted shadow on active tab */
.page-content .tabber ul.wds-tabs li.wds-is-current {
    box-shadow: none;
}

/* Display headers inside tab content */
.page-content .tabber .wds-tab__content h2,
.page-content .tabber .wds-tab__content h3 {
    display: block !important;
}


/*
 * Put anything you mean to be a sitewide addition above the TemplateStyles
 * comment above.
 */