MediaWiki:Common.css: Difference between revisions

From abbyversewiki.irkanien.de
Jump to navigationJump to search
mNo edit summary
mNo edit summary
 
(21 intermediate revisions by the same user not shown)
Line 9: Line 9:


#toc {
#toc {
    position: relative; /* Keeps it in normal document flow */
     float: left !important;
     float: left !important;
     max-width: 450px; /* Fix width-max typo */
     width: 225px;  
     margin-right: 25px;
     margin-right: 25px;
     background: #f9f9f9;
     background: #f9f9f9;
     padding: 15px;
     padding: 15px;
     border: 1px solid #aaa;
     border: 1px solid #aaa;
     clear: both; /* Ensures it does not get overlapped */
     clear: both; /* Ensures it always stays at the top */
}
}


/* Set a max-width for article content */
/* Set a max-width for article content */
.mw-body-content {
.mw-body-content {
     max-width: 800px; /* Adjust as needed */
     width: 800px; /* Adjust as needed */
     margin: 0 auto; /* Centers the content */
     margin: 0 auto; /* Centers the content */
}
}
Line 27: Line 26:
/* 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: 800px; /* Adjust this as needed */
     width: 800px; /* Adjust this as needed */
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
     padding: 0 20px; /* Adds some spacing on the sides */
     padding: 0 15px; /* Adds some spacing on the sides */
     display: block;
     display: block;
     text-align: left; /* Keep text aligned left while centering the 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 */
}
}


.mw-body-content {
.mw-body-content {
     max-width: 1200px; /* Adjust this as needed */
     width: 1200px; /* Adjust this as needed */
     margin-left: auto;
     margin-left: auto;
     margin-right: auto;
     margin-right: auto;
     padding: 0 20px; /* Adds some spacing on the sides */
     padding: 0 15px; /* Adds some spacing on the sides */
     display: flex;
     display: flex;
     flex-direction: column;
     flex-direction: column;
     align-items: center;
     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;
}