Jump to content

MediaWiki:Common.css: Difference between revisions

From n-gon Wiki
changed body text font to the ones used in n-gon
 
gave legacy vector (and hopefully other skins) n-gon themed colors
Line 2: Line 2:
body {
body {
     font-family: "Helvetica", "Arial", sans-serif;
     font-family: "Helvetica", "Arial", sans-serif;
    background-color: #e3e8eb; /* from title screen */
}
#mw-page-base {
background-image: linear-gradient(to bottom, #eff5f7 /* title screen made brighter */ 50%, #e3e8eb 100%);
}
.mw-body {
border: 1px solid #aeb6c2; /* from experiment mode background */
}
.mw-body, .parsoid-body {
    background-color: #fafcfd; /* card color */
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #aeb6c2 100%);
}
.vector-menu-tabs-legacy .selected {
    background: #fafcfd;
}
.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top, #7f8792 /* adjusted to fit with border color */ 0, #e4f5ff /* reactor background but made way brighter*/ 1px, #eff5f7 100%);
}
}

Revision as of 14:41, 15 February 2025

/* CSS placed here will be applied to all skins */
body {
    font-family: "Helvetica", "Arial", sans-serif;
    background-color: #e3e8eb; /* from title screen */
}

#mw-page-base {
	background-image: linear-gradient(to bottom, #eff5f7 /* title screen made brighter */ 50%, #e3e8eb 100%);
}

.mw-body {
	border: 1px solid #aeb6c2; /* from experiment mode background */
}

.mw-body, .parsoid-body {
    background-color: #fafcfd; /* card color */
}

.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
    background-image: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #aeb6c2 100%);
}

.vector-menu-tabs-legacy .selected {
    background: #fafcfd;
}

.vector-menu-tabs-legacy li {
    background-image: linear-gradient(to top, #7f8792 /* adjusted to fit with border color */ 0, #e4f5ff /* reactor background but made way brighter*/ 1px, #eff5f7 100%);
}