MediaWiki:RPGC-width.css: Difference between revisions

From RPG Continuum Wiki
Jump to navigation Jump to search
Created page with "Default readable-width article layout: body.rpgc-readable-width .mw-body { max-width: 1280px !important; margin-right: auto !important; } body.rpgc-readable-width .mw-parser-output { max-width: 1180px; } Full-width mode: body.rpgc-full-width .mw-body, body.rpgc-full-width .mw-parser-output { max-width: none !important; } Toggle button: #rpgc-width-toggle { position: fixed; top: 46px; right: 12px; z-index: 9999; backgr..."
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 2: Line 2:
body.rpgc-readable-width .mw-body {
body.rpgc-readable-width .mw-body {
     max-width: 1280px !important;
     max-width: 1280px !important;
    margin-left: auto !important;
     margin-right: auto !important;
     margin-right: auto !important;
}
    padding-left: 32px !important;
 
     padding-right: 32px !important;
body.rpgc-readable-width .mw-parser-output {
     max-width: 1180px;
}
}


/* Full-width mode */
/* Full-width mode */
body.rpgc-full-width .mw-body,
body.rpgc-full-width .mw-body {
body.rpgc-full-width .mw-parser-output {
     max-width: none !important;
     max-width: none !important;
    margin-left: 176px !important;
    margin-right: 24px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}
}


/* Toggle button */
/* Title-row width toggle */
#rpgc-width-toggle {
#rpgc-width-toggle {
     position: fixed;
     float: right;
     top: 46px;
     margin-top: 8px;
     right: 12px;
     margin-left: 12px;
    z-index: 9999;
     background: #171d24;
     background: #171d24;
     color: #d7dce3;
     color: #d7dce3;
     border: 1px solid #2a333d;
     border: 1px solid #2a333d;
     border-bottom: 2px solid #315f9d;
     border-bottom: 2px solid #315f9d;
     padding: 5px 9px;
     padding: 4px 8px;
     font-size: 11px;
     font-size: 11px;
    line-height: 1.2;
     cursor: pointer;
     cursor: pointer;
     box-shadow: 0 0 8px rgba(79,134,214,.2);
     box-shadow: 0 0 8px rgba(79,134,214,.2);

Latest revision as of 23:04, 4 July 2026

/* Default readable-width article layout */
body.rpgc-readable-width .mw-body {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* Full-width mode */
body.rpgc-full-width .mw-body {
    max-width: none !important;
    margin-left: 176px !important;
    margin-right: 24px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

/* Title-row width toggle */
#rpgc-width-toggle {
    float: right;
    margin-top: 8px;
    margin-left: 12px;
    background: #171d24;
    color: #d7dce3;
    border: 1px solid #2a333d;
    border-bottom: 2px solid #315f9d;
    padding: 4px 8px;
    font-size: 11px;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 0 8px rgba(79,134,214,.2);
}

#rpgc-width-toggle:hover {
    background: #233044;
    color: #fff;
}