Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(74 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Override .citizen-overflow-wrapper to ensure proper centering */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}


.tocnumber{padding-left:0;padding-right:0.5em;color:#fff}
/* Ensure all wikitables are centered and border-collapse is set to separate */
.tocnumber:after { content: '.' }
body.skin-citizen-dark.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
.mw-gallery-slideshow li.gallerybox.slideshow-current {
body.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
    background: #051e37; }
body.citizen-feature-autohide-navigation-clientpref-1 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
.mw-body a:link { color: #c9daea; } /* normal unvisited links */
body.citizen-feature-pure-black-clientpref-0 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
.mw-body a:link:visited { color: #c9daea; } /* visited links */
body.citizen-feature-custom-font-size-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
.mw-body a:link:active { color: #c9daea; } /* active links */
body.citizen-feature-custom-width-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable {
.mw-body a:link.new { color: #485767; } /* new links */
    border-collapse: separate !important;
.mw-body-content a:link.extiw { color: #3366BB; !important } /* interwiki links */
    margin-left: auto !important;
.mw-body a:link.external { color: #3366BB; } /* external links */
    margin-right: auto !important;
.mw-body a:link.stub { color: #772233; } /* hovered links */
    display: table !important;
.mw-body a.new:visited { color:#485767; }
    box-sizing: border-box !important;
.mw-body a:link {color: #c9daea}
    transition: none !important; /* Disable transitions */
.mw-body a:hover {color: #b4c4d2}
}
.mw-body a:active {color: #697887}
 
.mw-body a.external:visited {color: #3366BB; }
/* Forcing the table to center by wrapping it in a div */
.mw-body a.extiw:visited {color: #3366BB; }
body .wikitable-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}
 
body .wikitable-wrapper .wikitable {
    margin: 0 !important;
}


.editOptions{color:#ccc;}
/* Apply to all table cells */
body .mw-body table th,
body .mw-body table td {
    border: 2px solid #2C4663 !important; /* Set border size and color for cells */
    text-align: center; /* Center-align text */
}


/*Fonts */
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Oxygen');


.mw-body .mw-editsection,.mw-body .mw-editsection-like{font-family: 'Oxygen', sans-serif;}
.mw-body a:link.new { color: #FF7081; } /* new links */
.mw-body p{line-height:inherit;margin:.9em 0}
.mw-body a.new:visited { color:#485767; }
.mw-body h1,.mw-body h2,.mw-body #firstHeading{font-family: 'Lobster', sans-serif;line-height:1.3;margin-bottom:.25em;padding:0;color:#ead9c9}
.mw-body h1,.mw-body #firstHeading{font-size:1.7em;font-family: 'Lobster', sans-serif;}
.mw-body h2{font-size:1.5em;margin-top:1em;font-family: 'Fjalla One', sans-serif;}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6{font-family: 'Lobster', sans-serif;line-height:1.6;margin-top:.3em;margin-bottom:0;padding-bottom:0;color:#ead9c9}
.mw-body h3{font-family: 'Lobster', sans-serif;font-size:1.3em}
.mw-body h3,.mw-body h4{font-family: 'Lobster', sans-serif;font-weight:bold}
.mw-body h4,.mw-body h5,.mw-body h6{font-family: 'Lobster', sans-serif;font-size:100%}
div#mw-panel div.portal h3{font-family: 'Lobster', sans-serif;text-transform:uppercase;font-size:.8em;color:#ead9c9;font-weight:bold;}

Latest revision as of 14:19, 17 November 2024

/* Override .citizen-overflow-wrapper to ensure proper centering */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}

/* Ensure all wikitables are centered and border-collapse is set to separate */
body.skin-citizen-dark.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.skin-theme-clientpref-night .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-autohide-navigation-clientpref-1 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-pure-black-clientpref-0 .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-font-size-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable,
body.citizen-feature-custom-width-clientpref-standard .mw-body .content .citizen-overflow-wrapper .citizen-overflow-content table.wikitable {
    border-collapse: separate !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
    box-sizing: border-box !important;
    transition: none !important; /* Disable transitions */
}

/* Forcing the table to center by wrapping it in a div */
body .wikitable-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

body .wikitable-wrapper .wikitable {
    margin: 0 !important;
}

/* Apply to all table cells */
body .mw-body table th, 
body .mw-body table td {
    border: 2px solid #2C4663 !important; /* Set border size and color for cells */
    text-align: center; /* Center-align text */
}


.mw-body a:link.new { color: #FF7081; } /* new links */
.mw-body a.new:visited { color:#485767; }