MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "→General Infobox Styling: .infobox { width: 300px; →Adjust width: background: #f7efe3; →Soft parchment color: border: 2px solid #a67c52; →A warm brown border: padding: 10px; margin: 0 10px 10px 0; border-radius: 10px; →Soft rounded corners: box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); →Subtle shadow: } →Table styling inside the infobox: .infobox th { background: #a67c52; →Brownish header: color: white;..." |
No edit summary Tag: Manual revert |
||
| (19 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* General Infobox Styling */ | /* General Infobox Styling */ | ||
. | .infoboxTable { | ||
width: 300px; /* Adjust width */ | width: 300px; /* Adjust width */ | ||
background: #f7efe3; /* Soft parchment color */ | background: #f7efe3; /* Soft parchment color */ | ||
| Line 11: | Line 11: | ||
/* Table styling inside the infobox */ | /* Table styling inside the infobox */ | ||
. | .infoboxTable th { | ||
background: #a67c52; /* Brownish header */ | background: #a67c52; /* Brownish header */ | ||
color: white; /* White text */ | color: white; /* White text */ | ||
| Line 21: | Line 21: | ||
/* Table cells (data) */ | /* Table cells (data) */ | ||
. | .infoboxTable td { | ||
padding: 8px; | padding: 8px; | ||
border-bottom: 1px solid #ddd; | border-bottom: 1px solid #ddd; | ||
| Line 27: | Line 27: | ||
} | } | ||
/* | /* Hide empty figcaption below the image */ | ||
.infobox img { | .infoboxTable figure figcaption { | ||
width: 100%; | display: none; | ||
} | |||
/* Center images inside the infobox */ | |||
.infoboxTable figure { | |||
text-align: center; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
/* Make images fit neatly */ | |||
.infoboxTable img { | |||
width: 100%; | |||
max-width: 250px; | |||
border-radius: 5px; | border-radius: 5px; | ||
border: 1px solid #8c6239; | border: 1px solid #8c6239; | ||
} | |||
/* Hide the infobox title row */ | |||
.infoboxTable .infoboxTitle { | |||
display: none; | |||
} | } | ||
Latest revision as of 09:48, 27 February 2025
/* General Infobox Styling */
.infoboxTable {
width: 300px; /* Adjust width */
background: #f7efe3; /* Soft parchment color */
border: 2px solid #a67c52; /* A warm brown border */
padding: 10px;
margin: 0 10px 10px 0;
border-radius: 10px; /* Soft rounded corners */
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); /* Subtle shadow */
}
/* Table styling inside the infobox */
.infoboxTable th {
background: #a67c52; /* Brownish header */
color: white; /* White text */
text-align: left;
padding: 8px;
font-weight: bold;
border-bottom: 2px solid #8c6239;
}
/* Table cells (data) */
.infoboxTable td {
padding: 8px;
border-bottom: 1px solid #ddd;
font-size: 14px;
}
/* Hide empty figcaption below the image */
.infoboxTable figure figcaption {
display: none;
}
/* Center images inside the infobox */
.infoboxTable figure {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
/* Make images fit neatly */
.infoboxTable img {
width: 100%;
max-width: 250px;
border-radius: 5px;
border: 1px solid #8c6239;
}
/* Hide the infobox title row */
.infoboxTable .infoboxTitle {
display: none;
}