Difference between revisions of "MediaWiki:Common.css"
From Camilo's web
m |
m |
||
(26 intermediate revisions by the same user not shown) | |||
Line 46: | Line 46: | ||
/* @import url( 'https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif ');*/ | /* @import url( 'https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif ');*/ | ||
<style> | |||
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=Montserrat&display=swap'); | |||
</style> | |||
/* DEFINES THE FONTS, SIZES, AND COLORS OF THE WIKI */ | /* DEFINES THE FONTS, SIZES, AND COLORS OF THE WIKI */ | ||
h0 { | |||
font-family: 'Montserrat', sans-serif; | |||
font-size: 30px; | |||
font-style: normal; | |||
font-variant: normal; | |||
line-height: 30px; | |||
color: #204a87; | |||
} | |||
h1 { | h1 { | ||
font-family: | font-family: 'Montserrat', sans-serif; | ||
font-size: 26px; | font-size: 26px; | ||
font-style: | font-style: normal; | ||
font-variant: | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
line-height: | line-height: 26px; | ||
color: #204a87; | color: #204a87; | ||
} | } | ||
h2 { | h2 { | ||
font-family: | font-family: 'Montserrat', sans-serif; | ||
font-size: 23px; | font-size: 23px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 79: | Line 87: | ||
h3 { | h3 { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 20px; | font-size: 20px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 89: | Line 97: | ||
h4 { | h4 { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 18px; | font-size: 18px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 99: | Line 107: | ||
h5 { | h5 { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 17px; | font-size: 17px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 109: | Line 117: | ||
h6 { | h6 { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: bold; | font-weight: bold; | ||
Line 119: | Line 127: | ||
p { | p { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: 400; | font-weight: 400; | ||
Line 129: | Line 137: | ||
ol { | ol { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: 400; | font-weight: 400; | ||
Line 139: | Line 147: | ||
ul { | ul { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
font-style: | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: 400; | font-weight: 400; | ||
Line 159: | Line 167: | ||
pre { | pre { | ||
font-family: | font-family: Currier New; | ||
font-size: 14px; | font-size: 14px; | ||
font-style: italic; | font-style: italic; | ||
Line 172: | Line 180: | ||
max-width:100%; | max-width:100%; | ||
height:auto; | height:auto; | ||
} | |||
/* upper blue line */ | |||
#mw-head-base { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
max-width: 1500px !important; | |||
} | |||
/* lower blue line + footer content */ | |||
#footer { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
max-width: 1500px !important; | |||
} | |||
/* main content */ | |||
#content { | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
max-width: 650px; | |||
} | } |
Latest revision as of 16:56, 25 November 2021
/* CSS placed here will be applied to all skins */
.mw-body-content a:link { color: #068b9a !IMPORTANT; }
.mw-body-content a:link:visited { color: #204a87 !IMPORTANT; }
.mw-body-content a:link {color: #068b9a}
.mw-body-content a:visited {color: #204a87}
.mw-body-content a:hover {color: #068b9a}
.mw-body-content a:active {color: #068b9a}
.mw-body a:link {color: #068b9a}
.mw-body a:visited {color: #204a87}
.no-decoration a:hover {text-decoration: none;}
/* Style of the tweeter feed */
#tw-list {
margin-left: 43px;
padding: 0;
}
#tw-list li{
list-style:decimal;
margin-bottom: 2px;
padding: 4px;
}
/* REMOVES THE IMAGES FROM THE EXTERNAL LINKS */
div#content a.external[href ^="https://"] {
background-image: none;
padding-right: 0;
}
div#content a.external[href ^="http://"] {
background-image: none;
padding-right: 0;
}
/* REMOVE THE TITLE FROM THE MAIN PAGE */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
/* @import url( 'https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Serif ');*/
<style>
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=Montserrat&display=swap');
</style>
/* DEFINES THE FONTS, SIZES, AND COLORS OF THE WIKI */
h0 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
font-style: normal;
font-variant: normal;
line-height: 30px;
color: #204a87;
}
h1 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 26px;
color: #204a87;
}
h2 {
font-family: 'Montserrat', sans-serif;
font-size: 23px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 23px;
color: #204a87;
/*#2d8659*/
/*rgb(55, 125, 181);*/
}
h3 {
font-family: 'Fira Sans', sans-serif;
font-size: 20px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 23px;
color: #3465a4;
}
h4 {
font-family: 'Fira Sans', sans-serif;
font-size: 18px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 23px;
color: #3465a4;
}
h5 {
font-family: 'Fira Sans', sans-serif;
font-size: 17px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 23px;
color: #3465a4;
}
h6 {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
line-height: 23px;
color: #3465a4;
}
p {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
color: rgb(24,24,24);
}
ol {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
color: rgb(24,24,24);
}
ul {
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 20px;
color: rgb(24,24,24);
}
blockquote {
font-family: Palatino;
font-size: 20px;
font-style: normal;
font-variant: small-caps;
font-weight: bold;
line-height: 25px;
color: rgb(24,24,24);
}
pre {
font-family: Currier New;
font-size: 14px;
font-style: italic;
font-variant: normal;
font-weight: 400;
line-height: 16px;
color: rgb(124,124,124) ;
}
/* To make images responsive */
.res-img img {
max-width:100%;
height:auto;
}
/* upper blue line */
#mw-head-base {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1500px !important;
}
/* lower blue line + footer content */
#footer {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1500px !important;
}
/* main content */
#content {
margin-left: auto !important;
margin-right: auto !important;
max-width: 650px;
}