Template:Striped table.css: Difference between revisions

Template page
No edit summary
mNo edit summary
 
(5 intermediate revisions by the same user not shown)
Line 2: Line 2:
border: 2px solid #bbbbbb;
border: 2px solid #bbbbbb;
}
}
.striped-table > tbody > tr:nth-of-type(2n + 1) {
.headerRow {background-color: #f5f5f5;}
.striped-table tr:nth-child(odd) {
background-color: #f5f5f5;
background-color: #f5f5f5;
}
}
.striped-table tr:not(:last-child) {border-bottom: 1px solid #a2a9b1;}
.headerRow {
.headerRow {
text-align: center;
text-align: center;
Line 10: Line 14:
.headerRow th {
.headerRow th {
font-size: 1rem;
font-size: 1rem;
padding: 5px;
}
.headerRow .table-title {
font-size: 1.1rem;
}
}
.bodyRow td {
.bodyRow td {
border-top: 1px solid #a2a9b1;
padding: 5px;
padding: 5px;
}
}


.linkID {
.linkID {font-weight: bold;}
padding: 0 10px 0 5px;
font-weight: bold;
}




/* Darkmode */
/* Darkmode */
html.skin-citizen-dark .striped-table > tbody > tr:nth-of-type(2n + 1) {
html.skin-citizen-dark .headerRow {background-color: #262626;}
html.skin-citizen-dark .striped-table tr:nth-of-type(odd) {
background-color: #262626;
background-color: #262626;
}
}
html.skin-citizen-dark .striped-table > tbody > tr:nth-of-type(2n + 2) {
html.skin-citizen-dark .striped-table tr:nth-of-type(even) {
background-color: #343434
background-color: #343434
}
}

Latest revision as of 15:38, 1 October 2023

.striped-table {
	border: 2px solid #bbbbbb;
}
.headerRow {background-color: #f5f5f5;}
.striped-table tr:nth-child(odd) {
	background-color: #f5f5f5;
}

.striped-table tr:not(:last-child) {border-bottom: 1px solid #a2a9b1;}

.headerRow {
	text-align: center;
}
.headerRow th {
	font-size: 1rem;
	padding: 5px;
}
.headerRow .table-title {
	font-size: 1.1rem;
}
.bodyRow td {
	padding: 5px;
}

.linkID {font-weight: bold;}


/* Darkmode */
html.skin-citizen-dark .headerRow {background-color: #262626;}
html.skin-citizen-dark .striped-table tr:nth-of-type(odd) {
	background-color: #262626;
}
html.skin-citizen-dark .striped-table tr:nth-of-type(even) {
	background-color: #343434
}