Difference between revisions of "MediaWiki:Common.css"

From Beasts of Bermuda
Jump to: navigation, search
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
 +
 +
/*** GENERAL APPEARANCE ***/
 +
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
  
 
:root {
 
:root {
 
   --font: montserrat;
 
   --font: montserrat;
 +
  --color-bg: #0e2126;
 +
  --color-link: #4a7e8b;
 
}
 
}
  
Line 19: Line 25:
 
     font: 16px/1.6 var(--font)!important;
 
     font: 16px/1.6 var(--font)!important;
 
     text-align: justify;
 
     text-align: justify;
 +
    box-sizing: border-box;
 
}
 
}
 +
 
img {
 
img {
 
     max-height: 100%;
 
     max-height: 100%;
Line 33: Line 41:
 
a {
 
a {
 
     font-weight: bold;
 
     font-weight: bold;
 +
    color: var(--color-link)!important;
 
}
 
}
 
i,
 
i,
 
em {
 
em {
 
     letter-spacing: .5px;
 
     letter-spacing: .5px;
 +
}
 +
 +
h1, h2, h3, h4, h5, h6 {
 +
  font-family: var(--font) !important;
 +
  font-weight: 600;
 +
}
 +
 +
/*** CSS ***/
 +
 +
@media screen {
 +
  h1, h2, h3, h4, h5, h6 {
 +
  border-bottom: 3px solid;
 +
  }
 +
}
 +
 +
.mw-body {
 +
  border-radius: 20px;
 +
  background: #17373f;
 +
  border: none;
 +
}
 +
 +
body,
 +
#mw-head {
 +
    background: var(--color-bg);
 
}
 
}

Revision as of 08:27, 14 October 2024

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


/*** GENERAL APPEARANCE ***/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --font: montserrat;
  --color-bg: #0e2126;
  --color-link: #4a7e8b;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    word-break: break-word;
    text-wrap: pretty;
    transition: all .16s ease;
}
html,
body {
    margin: 0;
    font: 16px/1.6 var(--font)!important;
    text-align: justify;
    box-sizing: border-box;
}

img {
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}
a,
u,
strike {
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
a {
    font-weight: bold;
    color: var(--color-link)!important;
}
i,
em {
    letter-spacing: .5px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font) !important;
  font-weight: 600;
}

/*** CSS ***/

@media screen {
  h1, h2, h3, h4, h5, h6 {
  border-bottom: 3px solid;
  }
}

.mw-body {
  border-radius: 20px;
  background: #17373f;
  border: none;
}

body,
#mw-head {
    background: var(--color-bg);
}