Difference between revisions of "MediaWiki:Common.css"

From Cyborg Anthropology
Jump to: navigation, search
(Trying to Change the Typography)
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Spectral:wght@400;700&display=swap');
+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
 +
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap');
 +
 
 +
 
 +
/* Targeting page titles */
 +
h1.firstHeading {
 +
    font-family: 'Spectral', serif; /* Apply Spectral font */
 +
    font-size: 60px; /* Set font size to 60px */
 +
    line-height: 64px; /* Set line height to 64px */
 +
    margin-bottom: 20px; /* Add 20px margin at the bottom for spacing */
 +
}
 +
 
 +
/* Applying font and spacing to headings */
 +
.vector-body h1 {
 +
    font-family: 'Spectral', serif;
 +
    font-size: 60px;
 +
    line-height: 64px;
 +
    padding-top: 8px; /* Adjust as needed */
 +
}
 +
 
  
 
body {
 
body {
Line 11: Line 30:
 
h1 {
 
h1 {
 
     font-family: 'Spectral', serif;
 
     font-family: 'Spectral', serif;
     font-size: 48px;
+
     font-size: 60px;
     line-height: 52px; /* 48px font size + 4px spacing */
+
     line-height: 64px; /* 48px font size + 4px spacing */
 
}
 
}
  

Latest revision as of 13:55, 1 April 2024

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@400;700&display=swap');


/* Targeting page titles */
h1.firstHeading {
    font-family: 'Spectral', serif; /* Apply Spectral font */
    font-size: 60px; /* Set font size to 60px */
    line-height: 64px; /* Set line height to 64px */
    margin-bottom: 20px; /* Add 20px margin at the bottom for spacing */
}

/* Applying font and spacing to headings */
.vector-body h1 {
    font-family: 'Spectral', serif;
    font-size: 60px;
    line-height: 64px;
    padding-top: 8px; /* Adjust as needed */
}


body {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 16px; /* 12px font size + 4px spacing */
}

h1 {
    font-family: 'Spectral', serif;
    font-size: 60px;
    line-height: 64px; /* 48px font size + 4px spacing */
}

h2 {
    font-family: 'Spectral', serif;
    font-size: 36px;
    line-height: 40px; /* 36px font size + 4px spacing */
}

h3 {
    font-family: 'Spectral', serif;
    font-size: 28px;
    line-height: 32px; /* 28px font size + 4px spacing */
}

h4 {
    font-family: 'Spectral', serif;
    font-size: 24px;
    line-height: 28px; /* 24px font size + 4px spacing */
}

h5 {
    font-family: 'Spectral', serif;
    font-size: 20px;
    line-height: 24px; /* 20px font size + 4px spacing */
}

h6 {
    font-family: 'Spectral', serif;
    font-size: 16px;
    line-height: 20px; /* 16px font size + 4px spacing */
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 16px; /* Maintaining the same line height as body for consistency */
}