Common.css: Difference between revisions

Revision as of 13:31, 20 August 2025

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

/*Add color coding for translation changes (article pages)*/
.translationInsert {
    color: seagreen;
}
    
.translationOmission {
    color: crimson;
}
    
.translationChange {
    color: royalblue;
}

/* Text styling for .translationTable */
.translationTable td {
	vertical-align: top;
}

/*Styling .articleNote and .collectionNote on article pages*/
.articleNote,
.collectionNote {
	margin-bottom: 20px;
}

/*Styling for .translationChanges on article pages*/
/*Styling for .overviewExplanatoryNote on overview pages*/
.translationChanges,
.overviewExplanatoryNote {
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 1em;
	background: #f8f9fa;
	border-radius: 3px;
	border: 1px solid #ccc;
}

/*Table styling for .datatable*/
.datatable > thead:nth-child(2) th {
	padding: 0 5px;
}

.dt-container .dt-input{
	padding: 5px;
	min-width: 50px;
}

.dtsb-searchBuilder .dtsb-button,
.dtsb-searchBuilder .dtsb-button:hover,
.dtsb-searchBuilder .dtsb-logicContainer {
	background: transparent !important;
	background-color: transparent !important;
}

.dtsb-searchBuilder .dtsb-dropDown {
	height: auto !important;
	min-width: 6em !important;
}


/*Styling for .overviewBox on Topic Overview Pages*/
.overviewBox {
	background: #f8f9fa;
	border-radius: 3px;
	border: 1px solid #ccc;
}

/*Styling table of contents*/
#toc {
	background: #f8f9fa;
	border-radius: 3px;
	border: 1px solid #ccc;
}

/*Styling of article overview table (#articleOverview)*/
#articleOverview th,
#articleOverview td {
	font-size: 14px;
}

#articleOverview tr:has(.n) td {
	color: #818589 !important;
}
#articleOverview tr:has(.n) td a {
	color: #60D8FF !important;
}

/*Styling for .topicLinkList on Topic Pages*/
.topicLinkList .mw-collapsible-toggle {
	float: left !important;
	margin-right: 10px;
	color: #008CBA !important;
}
.topicLinkList .mw-collapsible-toggle:hover,
.topicLinkList .mw-collapsible-toggle:focus {
	background-color: transparent;
}

.topicLinkList .mw-collapsible-text {
	color: inherit;
}

.topicLinkList .mw-collapsible-text:hover {
	text-decoration: none !important;
	color: inherit;
}