, , , ,

MediaWiki: Common.css

From Camilo's web
Revision as of 16:48, 25 November 2021 by Camilo (talk | contribs)
Jump to: navigation, search
Mountain View

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;
}