MediaWiki: Common.css
From Camilo's web
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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: 500px !important;
}
/* lower blue line + footer content */
#footer {
margin-left: auto !important;
margin-right: auto !important;
max-width: 500px !important;
}
/* main content */
#content {
margin-left: auto !important;
margin-right: auto !important;
max-width: 500px;
}