MediaWiki:Common.css: Difference between revisions
From abbyversewiki.irkanien.de
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
Line 34: | Line 34: | ||
/* Limit the width of the main content area and center the text block */ | /* Limit the width of the main content area and center the text block */ | ||
.mw-content-ltr { | .mw-content-ltr { | ||
max-width: | max-width: 800px; /* Adjust this as needed */ | ||
margin: | margin-left: auto; | ||
margin-right: auto; | |||
padding: 0 20px; /* Adds some spacing on the sides */ | padding: 0 20px; /* Adds some spacing on the sides */ | ||
display: block; | |||
text-align: left; /* Keep text aligned left while centering the block */ | text-align: left; /* Keep text aligned left while centering the block */ | ||
} | } |
Revision as of 18:21, 7 February 2025
/* CSS placed here will be applied to all skins */
/* Scale the wiki logo */
.mw-wiki-logo {
background-size: contain !important;
width: 180px !important; /* Adjust width */
height: 180px !important; /* Adjust height */
}
#toc {
position: relative; /* Keeps it in normal document flow */
float: left !important;
max-width: 450px; /* Fix width-max typo */
margin-right: 25px;
background: #f9f9f9;
padding: 15px;
border: 1px solid #aaa;
clear: both; /* Ensures it does not get overlapped */
}
/* Set a max-width for article content */
.mw-body-content {
max-width: 800px; /* Adjust as needed */
margin: 0 auto; /* Centers the content */
}
.mw-body {
max-width: 800px; /* Adjust this as needed */
margin: 0 auto; /* Centers the content */
padding: 0 20px; /* Adds some spacing on the sides */
}
/* Limit the width of the main content area and center the text block */
.mw-content-ltr {
max-width: 800px; /* Adjust this as needed */
margin-left: auto;
margin-right: auto;
padding: 0 20px; /* Adds some spacing on the sides */
display: block;
text-align: left; /* Keep text aligned left while centering the block */
}
/* Align the Table of Contents to the left */
#toc {
float: left;
margin-right: 20px;
}
/* Ensure floating elements (infoboxes, images, etc.) stay to the right */
.floatright, .thumb, .infobox {
float: right;
margin-left: 20px;
}
/* Make sure tables don't get squeezed */
.wikitable {
width: auto;
max-width: 100%; /* Ensures tables don't break */
}