MediaWiki:Vector.css: Difference between revisions
Appearance
Created page with "→All CSS here will be loaded for users of the Vector skin: @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Parisienne|Alef&display=swap'); →Global font settings: body { font-family: "Montserrat", sans-serif; } →Headings: h1, h2, h3, h4, h5, h6 { font-family: "Montserrat", sans-serif; font-weight: 700; →Adjust as needed: } →Italic or script text: em, i { font-family: "Parisienne", c..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* Import Montserrat font with multiple weights */ | ||
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900 | @import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap'); | ||
/* | /* Apply Montserrat as the default font */ | ||
body { | body { | ||
font-family: "Montserrat", sans-serif; | font-family: "Montserrat", sans-serif; | ||
font-weight: 400; /* Regular weight */ | |||
} | } | ||
/* Headings */ | /* Headings */ | ||
h1 | h1 { | ||
font-family: "Montserrat", sans-serif; | font-family: "Montserrat", sans-serif; | ||
font-weight: | font-weight: 900; /* Extra bold for main headings */ | ||
text-transform: uppercase; | |||
} | } | ||
/* | h2 { | ||
font-family: "Montserrat", sans-serif; | |||
font-weight: 800; | |||
} | |||
h3 { | |||
font-family: "Montserrat", sans-serif; | |||
font-weight: 700; | |||
} | |||
h4, h5, h6 { | |||
font-family: "Montserrat", sans-serif; | |||
font-weight: 600; | |||
} | |||
/* Italics and emphasis */ | |||
em, i { | em, i { | ||
font-family: " | font-family: "Montserrat", sans-serif; | ||
font-style: italic; | |||
font-weight: 300; /* Lighter for contrast */ | |||
} | } | ||
/* Code blocks and monospaced | /* Bold text */ | ||
strong, b { | |||
font-family: "Montserrat", sans-serif; | |||
font-weight: 700; /* Bold */ | |||
} | |||
/* Code blocks and monospaced text */ | |||
pre, code { | pre, code { | ||
font-family: " | font-family: "Montserrat", sans-serif; | ||
font-weight: 500; /* Medium weight */ | |||
background-color: #f5f5f5; | |||
padding: 5px; | |||
border-radius: 3px; | |||
} | } | ||
/* Navigation menus | /* Navigation menus */ | ||
#p-navigation, #mw-panel { | #p-navigation, #mw-panel { | ||
font-family: "Montserrat", sans-serif; | font-family: "Montserrat", sans-serif; | ||
font-weight: 600; | |||
} | } | ||
| Line 31: | Line 61: | ||
#footer { | #footer { | ||
font-family: "Montserrat", sans-serif; | font-family: "Montserrat", sans-serif; | ||
font-weight: 400; | |||
} | |||
/* Sidebar */ | |||
#mw-panel { | |||
font-family: "Montserrat", sans-serif; | |||
font-weight: 500; | |||
} | |||
/* Buttons and form elements */ | |||
button, input, select, textarea { | |||
font-family: "Montserrat", sans-serif; | |||
font-weight: 600; | |||
text-transform: uppercase; | |||
letter-spacing: 0.05em; | |||
} | } | ||
Revision as of 01:58, 26 February 2025
/* Import Montserrat font with multiple weights */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
/* Apply Montserrat as the default font */
body {
font-family: "Montserrat", sans-serif;
font-weight: 400; /* Regular weight */
}
/* Headings */
h1 {
font-family: "Montserrat", sans-serif;
font-weight: 900; /* Extra bold for main headings */
text-transform: uppercase;
}
h2 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
}
h3 {
font-family: "Montserrat", sans-serif;
font-weight: 700;
}
h4, h5, h6 {
font-family: "Montserrat", sans-serif;
font-weight: 600;
}
/* Italics and emphasis */
em, i {
font-family: "Montserrat", sans-serif;
font-style: italic;
font-weight: 300; /* Lighter for contrast */
}
/* Bold text */
strong, b {
font-family: "Montserrat", sans-serif;
font-weight: 700; /* Bold */
}
/* Code blocks and monospaced text */
pre, code {
font-family: "Montserrat", sans-serif;
font-weight: 500; /* Medium weight */
background-color: #f5f5f5;
padding: 5px;
border-radius: 3px;
}
/* Navigation menus */
#p-navigation, #mw-panel {
font-family: "Montserrat", sans-serif;
font-weight: 600;
}
/* Footer */
#footer {
font-family: "Montserrat", sans-serif;
font-weight: 400;
}
/* Sidebar */
#mw-panel {
font-family: "Montserrat", sans-serif;
font-weight: 500;
}
/* Buttons and form elements */
button, input, select, textarea {
font-family: "Montserrat", sans-serif;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
}