Difference between revisions of "MediaWiki:Common.css"
From Camilo's web
m |
|||
(117 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 */ | ||
/* li# | .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; } | 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 { | 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: | 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-height: 23px; | line-height: 23px; | ||
color: rgb(55, 125, 181); | color: #204a87; | ||
/*#2d8659*/ | |||
/*rgb(55, 125, 181);*/ | |||
} | } | ||
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-height: 23px; | line-height: 23px; | ||
color: | color: #3465a4; | ||
} | } | ||
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-height: 23px; | line-height: 23px; | ||
color: | color: #3465a4; | ||
} | } | ||
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-height: 23px; | line-height: 23px; | ||
color: | color: #3465a4; | ||
} | } | ||
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-height: 23px; | line-height: 23px; | ||
color: | color: #3465a4; | ||
} | } | ||
p { | p { | ||
font-family: | font-family: 'Fira Sans', sans-serif; | ||
font-size: 16px; | font-size: 16px; | ||
font-style: normal; | font-style: normal; | ||
font-variant: normal; | font-variant: normal; | ||
font-weight: 400; | font-weight: 400; | ||
line-height: | line-height: 20px; | ||
color: rgb(24,24,24) | 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 { | blockquote { | ||
font-family: Palatino; | font-family: Palatino; | ||
Line 83: | Line 163: | ||
font-weight: bold; | font-weight: bold; | ||
line-height: 25px; | line-height: 25px; | ||
color: rgb(24,24,24) | color: rgb(24,24,24); | ||
} | } | ||
pre { | pre { | ||
font-family: | font-family: Currier New; | ||
font-size: 14px; | font-size: 14px; | ||
font-style: italic; | font-style: italic; | ||
Line 93: | Line 174: | ||
line-height: 16px; | line-height: 16px; | ||
color: rgb(124,124,124) ; | 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; | |||
} | } |
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;
}