MediaWiki:Common.css: Difference between revisions

Revision as of 09:16, 19 August 2020

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

body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
                              
@font-face {
    font-family: 'happytimes';
    src: url('floop-wiki-fonts/happytimes/happy-times-NG_regular_master_web.woff2') format('woff2'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_regular_master_web.woff') format('woff'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_regular_master_web.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'happytimes';
    src: url('floop-wiki-fonts/happytimes/happy-times-NG_bold_master_web.woff2') format('woff2'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_bold_master_web.woff') format('woff'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_bold_master_web.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'happytimes';
    src: url('floop-wiki-fonts/happytimes/happy-times-NG_italic_master_web.woff2') format('woff2'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_italic_master_web.woff') format('woff'),
         url('floop-wiki-fonts/happytimes/happy-times-NG_italic_master_web.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}


/*mediawiki css*/
#footer {
margin-left: 21em;
}

.mw-references-wrap {
font-family: 'happytimes', serif;
}

.mw-references-wrap.mw-references-columns {
font-family: 'happytimes', serif;
padding-top: 12px;
}

.mw-wiki-logo {
padding-top: 12px;
}

#mw-head {
background-colour: white;
}

#mw-panel {
width: 18em;
padding-right: 8px;
font-family: 'happytimes', serif;
background-colour: white;
}

#left-navigation {
margin-left: 19em;
}

#mw-page-base {
background-color: white;
background-image: none;
}

#mw-head-base {
margin-left: 19em;
}

.mw-body {
margin-left: 19em;
background-color: white;
border: none;

}

.mw-body-content {
background-color: white;
margin: none;
}


/* padding/sizing and aesthetic styles for the background of the tabs */
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorTabs ul li span {
	background: white;
	line-height: 1;
	overflow: visible;
}

.vectorTabs {
background-image: none;
color: white;
}

.vectorTabs li a {
color: white:
}

/* meta-diagram */
.container {
/* border: 1px solid red;*/
display: grid;
padding: 8px;
grid-template-columns: auto auto auto;
grid-template-rows: auto auto auto;
}

.container-shell {
font-family: 'Arial', sans-serif;
padding: 12px;
}

.container-title {
padding: 12px;
/*vertical-align: middle;*/
/*display: table-cell;*/
max-width: 100%;
}

.container-box {
float: left;
padding: 18px;
position: relative;
text-align: center;
max-width: 100%;
display: table-cell;
}


/*type classes*/
.title {
font-family: 'happytimes', serif;
font-size: 3em;
font-style: regular;
text-align: center;
line-height: 1em;
max-width: 100%;
}

.subtitle {
font-family: 'happytimes', serif;
font-size: 1.4em;
/*font-style: italic;*/
line-height: 1.2em;
text-align: center;
margin-top: -24px;
max-width: 100%;
}

.loglines {
text-align: left;
padding: 12px;
font-size: 1.4em;
line-height: 1.2em;
font-family: 'happytimes', serif;
max-width: 100%;
}

.machine {
font-family: 'happytimes', serif;
font-size: 1.4em;
line-height: 1.2em;
text-align: center;
max-width: 100%;
}

.caption {
font-family: 'happytimes', serif;
text-align: left;
font-size: 1em;
margin-top: -8px;
}

.byline {
font-family: 'happytimes', serif;
text-align: center;
margin-left: auto;
margin-right: auto;
}

body {
background-color: white;
background-image: none;
}

h1#firstHeading.firstHeading {
font-family: 'happytimes', serif;
border-bottom: none;
margin-bottom: 12px;
}

p {
font-family: 'happytimes', serif;
font-size: 1.4em;
line-height: 1.3em;
max-width: 60%;
}


a.image {
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: 12px;
margin-bottom: 12px;
/*width: 50%;*/
}

a:link, a:visited {
color: #0b0080;
}

a:hover, a:active {
text-decoration: underline;
}


/* an attempt to vertical-align text in this cell*/
#title-box {
vertical-align: middle;
display: table-cell;
}