Difference between revisions of "MediaWiki:Common.css"

From Public Play Space Community
 
(57 intermediate revisions by one other user not shown)
Line 1: Line 1:
/* Adding varying font faces for the PPS Wiki Similar or Identical to their Style: */
/* Adding varying font faces for the PPS Wiki Similar or Identical to their Style: */
@font-face {
@font-face {
     font-family: 'Bebas Neue';
     font-family: 'Montserrat';
     src: url('/resources/assets/fonts/BebasNeue-Book.woff') format('woff');
     src: url('/resources/assets/fonts/Montserrat-Regular.woff') format('woff');
     font-weight: 300;
     font-weight: 300;
     font-style: normal;
     font-style: normal;
}
}
@font-face {
@font-face {
     font-family: 'Bebas Neue Bold';
     font-family: 'Montserrat Bold';
     src: url('/resources/assets/fonts/BebasNeue-Bold.woff') format('woff');
     src: url('/resources/assets/fonts/Montserrat-Bold.woff') format('woff');
     font-weight: bold;
     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;
     font-style: normal;
}
}
Line 42: Line 15:
/* Settings for the default fonts being used through the entire wiki: */
/* Settings for the default fonts being used through the entire wiki: */
body {
body {
   font-family: "Muli", normal;
   font-family: "Montserrat", normal;
}
}


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


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


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


/* Alterations for aligning the Devices section properly: */
/* Settings for the GAME SPACE PLAY category boxes: */
.infobox2 {
.infobox2 {
padding: 0.0em;
    padding: 0.0em;
float: left;
    float: right;
clear: left;
    clear: both;
font-size: 100%;
    font-size: 100%;
text-align: left;
    text-align: left;
         font-family: "Bebas Neue Bold", normal;
         font-family: "Montserrat Bold", normal;
margin: 0em 1em 0em 0em;
    margin: 0em 1em 0em 0em;
    position: relative;
    left: -1000px;
}
 
/*menu icons */
#user-icon{
    background-image: url(/skins/Poncho/images/user_dark.png?c4f8e);
}
#menu-icon{
    background-image: url(/skins/Poncho/images/menu_dark.png?701c4);
}
}


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


/* change transparency, used for inactive selection options in matrix */
/* change transparency, used for inactive selection options in matrix so we only need one image per subcategory*/
.inactive{
.inactive{
   opacity: 0.25;
   opacity: 0.25;
}
.inactive:hover{
  opacity: 0.65;
}
.active{
  opacity: 1.00;
}
}


Line 124: Line 116:


.longtitle{
.longtitle{
   font-family: "Bebas Neue Bold", normal;
   font-family: "Montserrat Bold", normal;
   font-size: 250%;
   font-size: 100%;
   -moz-transform:rotate(-90deg);           
   -moz-transform:rotate(-90deg);           
   -webkit-transform: rotate(-90deg);         
   -webkit-transform: rotate(-90deg);         
   -o-transform: rotate(-90deg);  
   -o-transform: rotate(-90deg);  
}
/* for adding full width expandable blocks*/
.expandableblock{
  font-family: "Montserrat Bold", normal;
  font-size: 350%;
  line-height: 0%;
}
/* for adding tooltips*/
.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border-color: black;
  border-style: solid;
 
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* Hide the Subcategories and Pages section in the Categories Page to use own custom style */
.mw-subcategories {
display: none;
}
.mw-pages{
display: none;
}
.mw-category-generated{
display: none;
}
li.gallerybox div.thumb{
    border: 0px solid #ffffff;
    background-color: #ffffff;
}
.gallerytext{
max-height: 1.6em;
line-height: 1.6em;
text-align: center;
}
/* modification done by hekman.m@buas.nl to give the standard Poncho the same look as our ealier PonchoPPS... */
#poncho-logo {
    font-family: "Montserrat Bold", normal;
    text-transform: uppercase;
    background-size: 75px;
    background-repeat: no-repeat;
    color: inherit;
    display: inline-block;
    font-size: 1.5em;
    height: 100%;
    line-height: 1.5;
    padding: .33em .33em .33em 80px;
    letter-spacing: 2px;
    vertical-align: middle;
    text-decoration: none;
    background-position: left;
}
.image img {
    max-width: 100%;
    height: auto;
}
a.new {
    color: #ba0000;
}
#content h1, #firstHeading {
    font-family: "Montserrat Bold", normal;
    font-size: 350%;
    line-height: 1.2;
}
#content h2 {
  font-family: "Montserrat", normal;
  font-size: 250%;
  line-height: 1.2;
}
#content h3 {
  font-family: "Montserrat Bold", normal;
  font-size: 250%;
  line-height: 1.2;
}
#content h4 {
  font-family: "Montserrat", normal;
  font-size: 200%;
  line-height: 1.2;
}
}

Latest revision as of 09:10, 26 October 2021

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

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

#content h1{
  font-family: "Montserrat Bold", normal;
  font-size: 350%;
  line-height: 1;
}
#content h2 {
  font-family: "Montserrat", normal;
  font-size: 250%;
  line-height: 1;
}
#content h3 {
  font-family: "Montserrat Bold", normal;
  font-size: 250%;
  line-height: 1;
}
#content h4 {
  font-family: "Montserrat", normal;
  font-size: 200%;
  line-height: 1;
}
#content {
  overflow: unset !important;
}


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

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

/* Settings for the GAME SPACE PLAY category boxes: */
.infobox2 {
    padding: 0.0em;
    float: right;
    clear: both;
    font-size: 100%;
    text-align: left;
        font-family: "Montserrat Bold", normal;
    margin: 0em 1em 0em 0em;
    position: relative;
    left: -1000px;
}

/*menu icons */
#user-icon{
    background-image: url(/skins/Poncho/images/user_dark.png?c4f8e);
}
#menu-icon{
    background-image: url(/skins/Poncho/images/menu_dark.png?701c4);
}

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

/* change transparency, used for inactive selection options in matrix so we only need one image per subcategory*/
.inactive{
  opacity: 0.25;
}
.inactive:hover{
  opacity: 0.65;
}
.active{
  opacity: 1.00;
}

/* To make text rotate (used in table headers)*/
.rotate {         
-moz-transform:rotate(-90deg);          
-webkit-transform: rotate(-90deg);         
-o-transform: rotate(-90deg); 
}

.longtitle{
  font-family: "Montserrat Bold", normal;
  font-size: 100%;
  -moz-transform:rotate(-90deg);          
  -webkit-transform: rotate(-90deg);         
  -o-transform: rotate(-90deg); 
}

/* for adding full width expandable blocks*/
.expandableblock{
  font-family: "Montserrat Bold", normal;
  font-size: 350%;
  line-height: 0%;
}

/* for adding tooltips*/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: white;
  color: black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border-color: black;
  border-style: solid;
  
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Hide the Subcategories and Pages section in the Categories Page to use own custom style */
.mw-subcategories { 
display: none; 
}
.mw-pages{ 
 display: none; 
}
.mw-category-generated{ 
 display: none; 
}

li.gallerybox div.thumb{
    border: 0px solid #ffffff;
    background-color: #ffffff;
}

.gallerytext{
max-height: 1.6em;
line-height: 1.6em;
text-align: center;
}

/* modification done by hekman.m@buas.nl to give the standard Poncho the same look as our ealier PonchoPPS... */

#poncho-logo {
    font-family: "Montserrat Bold", normal;
    text-transform: uppercase;
    background-size: 75px;
    background-repeat: no-repeat;
    color: inherit;
    display: inline-block;
    font-size: 1.5em;
    height: 100%;
    line-height: 1.5;
    padding: .33em .33em .33em 80px;
    letter-spacing: 2px;
    vertical-align: middle;
    text-decoration: none;
    background-position: left;
}

.image img {
    max-width: 100%;
    height: auto;
}

a.new {
    color: #ba0000;
}

#content h1, #firstHeading {
    font-family: "Montserrat Bold", normal;
    font-size: 350%;
    line-height: 1.2;
}

#content h2 {
  font-family: "Montserrat", normal;
  font-size: 250%;
  line-height: 1.2;
}
#content h3 {
  font-family: "Montserrat Bold", normal;
  font-size: 250%;
  line-height: 1.2;
}
#content h4 {
  font-family: "Montserrat", normal;
  font-size: 200%;
  line-height: 1.2;
}