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
Tag: Reverted
No edit summary
 
(46 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Override .citizen-overflow-wrapper to ensure proper centering */
/* All CSS here will be loaded for users of the Citizen skin */
.citizen-overflow-wrapper {
    position: relative;
    display: block !important; /* Change from flex to block */
    max-width: 100% !important; /* Ensure it does not restrict the width */
}


@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
/* Ensure all wikitables are centered and border-collapse is set to separate */
@import url('https://fonts.googleapis.com/css?family=Raleway');
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 */
}


/*Hides help link*/
/* Forcing the table to center by wrapping it in a div */
.mw-htmlform-ooui-wrapper, #mw-indicator-mw-helplink {
body .wikitable-wrapper {
  display:none;
    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 */
}


.citizen-footer{background-color:var(--color-surface-2);clear:both;color:var(--color-base--subtle);direction:ltr;font-size:0.875rem}
.citizen-footer__container{max-width:var(--width-layout--extended);margin-right:auto;margin-left:auto}
.citizen-footer__content,
.citizen-footer__bottom{display:flex;flex-wrap:wrap;padding:var(--space-md) 0;gap:var(--space-md)}
.citizen-footer__bottom{align-items:center;justify-content:space-between;border-top:1px solid var(--border-color-base);margin-right:auto;margin-left:auto}
.citizen-footer__siteinfo{display:flex;max-width:90ch;flex-direction:column;gap:var(--space-sm)}
.citizen-footer__siteinfo p{margin:0;line-height:var(--line-height)}
.citizen-footer a{color:var(--color-base--emphasized);font-weight:500}
.citizen-footer ul{display:flex;flex-wrap:wrap;margin:0}
.citizen-footer li{list-style:none}#footer-sitetitle{color:var(--color-base--emphasized);font-size:1.25rem}#footer-sitetitle img
.mw-logo-wordmark{width:auto;height:54px;filter:invert(1) hue-rotate(180deg)}#footer-places ul{flex-direction:row}#footer-places a{display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--border-radius--small)}#footer-places a:hover{background-color:var(--background-color-quiet--hover)}#footer-places a:active{background-color:var(--background-color-quiet--active)}#footer-tagline{padding:10px 0}#footer-icons{display:flex}#footer-icons ul{gap:var(--space-sm)}#footer-icons li{display:flex}#footer-icons a{display:flex;align-items:center}


/*Hiding Tabs*/
.mw-body a:link.new { color: #FF7081; } /* new links */
#ca-talk { display: none !important; }
.mw-body a.new:visited { color:#485767; }
#ca-viewsource { display: none !important; }

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; }