MediaWiki:Vector.css: Difference between revisions

From Red Faction Wiki
(Created page with "→‎All CSS here will be loaded for users of the Vector skin: // source for the below; https://stackoverflow.com/questions/34369545/mediawiki-css-customization-set-max-width →‎set max width and fix the background: html, body { position: relative; margin-left: auto !important; margin-right: auto !important; max-width: 1280px; background-position: top left; background-repeat: repeat-x; background-size: 100% 5em; background-image: url(/s...")
 
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 20: Line 20:
}
}


/* set blue right border */
h2 {
.mw-body { border-right: 1px solid #A7D7F9; }
    font-family: sans-serif !important;
    font-weight: 300 !important;
}
 
.portable-infobox h2 {
    font-weight: 700 !important;
}


/** fix the position of:
/** fix the position of:

Latest revision as of 03:29, 31 January 2024

/* All CSS here will be loaded for users of the Vector skin */

// source for the below; https://stackoverflow.com/questions/34369545/mediawiki-css-customization-set-max-width
/* set max width and fix the background */
html,
body {
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 1280px;
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 100% 5em;
    background-image: url(/skins/Vector/images/page-fade.png);
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,#ffffff),color-stop(100%,#f6f6f6));
    background-image: -webkit-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    background-image: -moz-linear-gradient(top,#ffffff 50%,#f6f6f6 100%);
    background-image: linear-gradient(#ffffff 50%,#f6f6f6 100%);
}

h2 {
    font-family: sans-serif !important;
    font-weight: 300 !important;
}

.portable-infobox h2 {
    font-weight: 700 !important;
}

/** fix the position of:
            personal user menu
            search bar
            the pop-up indicator of language selector
            search suggestions 
**/
#p-personal { right: 3pt; }
#p-search { margin-right: 3pt; }
.imeselector { position: fixed; }
.suggestions { right: 3pt !important; }