Jump to content

MediaWiki:Common.css: Difference between revisions

From WikiBachiller
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* ====================================================== */
/* MINIMAL UI FOR PRIVATE WIKI */
/* Vector skin */
/* ====================================================== */


#footer { display: none; }
/* ------------------------------ */
#mw-panel .body { visibility: hidden; }
/* SIDEBAR: fully hidden */
#mw-panel,
#p-navigation,
#p-interaction,
#p-lang,
.portal {
    display: none !important;
}


/* Hide the sidebar completely */
/* ------------------------------ */
#mw-panel {
/* PERSONAL MENU (LOGIN) */
     display: none !important;
/* Keep original top-right position */
#p-personal {
     display: block !important;
    position: relative !important;
}
}


/* Hide the top toolbox / actions menu */
#p-personal h3 {
#p-tb, #p-cactions {
     display: none !important;
     display: none !important;
}
}


/* Hide the footer */
/* ------------------------------ */
#footer {
/* PAGE ACTIONS: edit / history / etc */
     display: none !important;
/* Visible for logged-in users */
#p-views,
#p-cactions {
     display: block !important;
}
}


/* Optional: hide languages box */
#p-views h3,
#p-lang {
#p-cactions h3 {
     display: none !important;
     display: none !important;
}
}


/* Hide personal toolbar / search box */
#p-views ul,
#p-personal, #search {
#p-cactions ul {
     display: none !important;
     display: flex;
    gap: 12px;
}
}


/* Hide breadcrumbs or page tools */
/* ------------------------------ */
#siteSub, #contentSub {
/* HIDE EDIT / HISTORY FOR ANONYMOUS USERS */
.mw-anon-user #p-views,
.mw-anon-user #p-cactions {
     display: none !important;
     display: none !important;
}
}


/* ===== ADDITIONAL HIDE FOR MODERN SKINS ===== */
/* Hide section edit links for anon users */
 
.mw-anon-user .mw-editsection {
/* Sidebar (all panels) */
#mw-panel,
.vector-menu-content,
.portal,
#p-navigation,
#p-interaction,
#p-tb,
#p-cactions,
#p-personal,
#p-lang {
     display: none !important;
     display: none !important;
}
}


/* Footer */
/* ------------------------------ */
#footer, .mw-footer {
/* TOOLBOX + SEARCH: hidden */
#p-tb,
#search,
#searchInput,
.vector-search-box {
     display: none !important;
     display: none !important;
}
}


/* Breadcrumbs / page tools */
/* ------------------------------ */
/* FOOTER + NOISE */
#footer,
.mw-footer,
#siteSub,
#siteSub,
#contentSub,
#contentSub,
Line 62: Line 77:
}
}


/* Page header / tabs / action menu */
/* ------------------------------ */
#ca-view, #ca-edit, .vectorMenu, .mw-portlet {
/* CONTENT: FULL WIDTH, SMALL MARGINS */
     display: none !important;
#content {
    max-width: none !important;
    margin: 16px 20px !important;
    padding: 0 !important;
}
 
#mw-content-text {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
 
.mw-parser-output {
    line-height: 1.6;
}
 
/* ------------------------------ */
/* MAIN PAGE (LANDING) */
body.page-Main_Page #content {
    margin-top: 80px !important;
}
 
body.page-Main_Page #mw-content-text {
    text-align: center;
}
 
/* Optional: highlight Request Account link */
body.page-Main_Page a[href*="Request_account"] {
     display: inline-block;
    padding: 12px 20px;
    background-color: #0074D9;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    font-size: 1.1em;
}
 
body.page-Main_Page a[href*="Request_account"]:hover {
    background-color: #005fa3;
}
 
/* ------------------------------ */
/* LINKS: minimal look */
a {
    text-decoration: none;
}
 
a:hover {
    text-decoration: underline;
}
}


/* Search box */
/* ------------------------------ */
#search, #searchInput, .vector-search-box {
/* MOBILE SAFETY */
    display: none !important;
@media (max-width: 720px) {
    #content {
        margin: 12px !important;
    }
 
    #p-views ul,
    #p-cactions ul {
        flex-wrap: wrap;
    }
}
}


/* Additional skin-specific containers */
#mw-prefsection-appearance {
#p-views, #p-cactions, .mw-ui-portlet, .vector-menu {
     display: none;
     display: none !important;
}
}

Latest revision as of 16:30, 23 January 2026

/* ====================================================== */
/* MINIMAL UI FOR PRIVATE WIKI */
/* Vector skin */
/* ====================================================== */

/* ------------------------------ */
/* SIDEBAR: fully hidden */
#mw-panel,
#p-navigation,
#p-interaction,
#p-lang,
.portal {
    display: none !important;
}

/* ------------------------------ */
/* PERSONAL MENU (LOGIN) */
/* Keep original top-right position */
#p-personal {
    display: block !important;
    position: relative !important;
}

#p-personal h3 {
    display: none !important;
}

/* ------------------------------ */
/* PAGE ACTIONS: edit / history / etc */
/* Visible for logged-in users */
#p-views,
#p-cactions {
    display: block !important;
}

#p-views h3,
#p-cactions h3 {
    display: none !important;
}

#p-views ul,
#p-cactions ul {
    display: flex;
    gap: 12px;
}

/* ------------------------------ */
/* HIDE EDIT / HISTORY FOR ANONYMOUS USERS */
.mw-anon-user #p-views,
.mw-anon-user #p-cactions {
    display: none !important;
}

/* Hide section edit links for anon users */
.mw-anon-user .mw-editsection {
    display: none !important;
}

/* ------------------------------ */
/* TOOLBOX + SEARCH: hidden */
#p-tb,
#search,
#searchInput,
.vector-search-box {
    display: none !important;
}

/* ------------------------------ */
/* FOOTER + NOISE */
#footer,
.mw-footer,
#siteSub,
#contentSub,
.breadcrumb,
.mw-indicators {
    display: none !important;
}

/* ------------------------------ */
/* CONTENT: FULL WIDTH, SMALL MARGINS */
#content {
    max-width: none !important;
    margin: 16px 20px !important;
    padding: 0 !important;
}

#mw-content-text {
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.mw-parser-output {
    line-height: 1.6;
}

/* ------------------------------ */
/* MAIN PAGE (LANDING) */
body.page-Main_Page #content {
    margin-top: 80px !important;
}

body.page-Main_Page #mw-content-text {
    text-align: center;
}

/* Optional: highlight Request Account link */
body.page-Main_Page a[href*="Request_account"] {
    display: inline-block;
    padding: 12px 20px;
    background-color: #0074D9;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    border-radius: 6px;
    font-size: 1.1em;
}

body.page-Main_Page a[href*="Request_account"]:hover {
    background-color: #005fa3;
}

/* ------------------------------ */
/* LINKS: minimal look */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* ------------------------------ */
/* MOBILE SAFETY */
@media (max-width: 720px) {
    #content {
        margin: 12px !important;
    }

    #p-views ul,
    #p-cactions ul {
        flex-wrap: wrap;
    }
}

#mw-prefsection-appearance {
    display: none;
}