MediaWiki:Common.css: Difference between revisions
From abbyversewiki.irkanien.de
Jump to navigationJump to search
mNo edit summary |
mNo edit summary |
||
(17 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* | /* CSS placed here will be applied to all skins */ | ||
/* | /* Scale the wiki logo */ | ||
.mw- | .mw-wiki-logo { | ||
background-size: contain !important; | |||
width: | width: 180px !important; /* Adjust width */ | ||
height: 180px !important; /* Adjust height */ | |||
} | } | ||
#toc { | #toc { | ||
float: left !important; | |||
width: 225px; | |||
margin-right: 25px; | |||
background: #f9f9f9; | background: #f9f9f9; | ||
padding: 15px; | padding: 15px; | ||
border: 1px solid #aaa; | border: 1px solid #aaa; | ||
clear: both; /* Ensures it always stays at the top */ | |||
} | } | ||
/* | /* Set a max-width for article content */ | ||
. | .mw-body-content { | ||
width: 800px; /* Adjust as needed */ | |||
margin: 0 auto; /* Centers the content */ | |||
} | } | ||
/* | /* Limit the width of the main content area and center the text block */ | ||
. | .mw-content-ltr { | ||
width: auto; | width: 800px; /* Adjust this as needed */ | ||
margin-left: auto; | |||
margin-right: auto; | |||
padding: 0 15px; /* Adds some spacing on the sides */ | |||
display: block; | |||
text-align: left; /* Keep text aligned left while centering the block */ | |||
} | |||
.mw-body-content { | |||
width: 1200px; /* Adjust this as needed */ | |||
margin-left: auto; | |||
margin-right: auto; | |||
padding: 0 15px; /* Adds some spacing on the sides */ | |||
display: flex; | |||
flex-direction: column; | |||
align-items: center; | |||
} | } |
Latest revision as of 22:14, 10 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 {
float: left !important;
width: 225px;
margin-right: 25px;
background: #f9f9f9;
padding: 15px;
border: 1px solid #aaa;
clear: both; /* Ensures it always stays at the top */
}
/* Set a max-width for article content */
.mw-body-content {
width: 800px; /* Adjust as needed */
margin: 0 auto; /* Centers the content */
}
/* Limit the width of the main content area and center the text block */
.mw-content-ltr {
width: 800px; /* Adjust this as needed */
margin-left: auto;
margin-right: auto;
padding: 0 15px; /* Adds some spacing on the sides */
display: block;
text-align: left; /* Keep text aligned left while centering the block */
}
.mw-body-content {
width: 1200px; /* Adjust this as needed */
margin-left: auto;
margin-right: auto;
padding: 0 15px; /* Adds some spacing on the sides */
display: flex;
flex-direction: column;
align-items: center;
}