Difference between revisions of "MediaWiki:Common.css"

Revision as of 11:38, 26 May 2020

/* Adding varying font faces for the PPS Wiki Similar or Identical to their Style: */
@font-face {
    font-family: 'Bebas Neue';
    src: url('/resources/assets/fonts/BebasNeue-Book.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue Bold';
    src: url('/resources/assets/fonts/BebasNeue-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('/resources/assets/fonts/Muli-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Muli Bold';
    src: url('/resources/assets/fonts/Muli-Black.woff') format('woff');
    font-weight: 900;
    font-style: bold;
}
@font-face {
    font-family: 'Muli Italic';
    src: url('/resources/assets/fonts/Muli-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Muli Light';
    src: url('/resources/assets/fonts/Muli-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/* Settings for the default fonts being used through the entire wiki: */
body {
  font-family: "Muli", normal;
}

#content h1{
  font-family: "Bebas Neue Bold", normal;
  font-size: 350%;
  line-height: 0%;
}
#content h2 {
  font-family: "Bebas Neue", normal;
  font-size: 250%;
  line-height: 0%;
}
#content h3 {
  font-family: "Bebas Neue Bold", normal;
  font-size: 250%;
  line-height: 0%;
}
#content h4 {
  font-family: "Bebas Neue", normal;
  font-size: 200%;
  line-height: 0%;
}


/* Alterations in the Logo to make it fit neater on the page: */
#logo {
	background-size: 45px;
	background-repeat: no-repeat;
        background-position: left;
	display: inline-block;
	padding-left: 50px;
	text-decoration: none;
	vertical-align: middle;
	text-transform: uppercase;
	letter-spacing: 2px;
	word-spacing: 3px;
	height: 100%;
        font-family: "Bebas Neue Bold", normal;
}

/* Alterations for aligning the Devices section properly: */
.infobox {
	padding: 0.0em;
	float: left;
	clear: left;
	font-size: 250%;
	text-align: left;
        font-family: "Bebas Neue Bold", normal;
	margin: 0em 1em 0em 0em;
}

/* To make images responsive */
.res-img img {
	max-width:100%;
	height:auto;
}

/*For vertical header text*/
.vertical-text {
  margin: 0 0 0 1em;
  line-height: 0.5em;
  max-height: 4em;
  font-size: 2em;
  color: #ffffff;
  text-align: center;
  -webkit-writing-mode: vertical-lr; /* old Win safari */
  writing-mode: vertical-lr;
  writing-mode: tb-lr;
  direction: ltr;
  /* actually 
  writing-mode:sideways-lr; would be the one , but not avalaible everywhere so, let's transform */
  transform: scale(-1, -1);
}