MediaWiki:Mobile.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
/* All CSS here will be loaded for users of the mobile site */
/* Import fonts */
/* Import fonts */
@import url('https://fonts.cdnfonts.com/css/raleway-5');
@import url('https://fonts.cdnfonts.com/css/raleway-5');
Line 12: Line 10:
}
}


/* General Styles */
body {
body {
     background-color: white;
     background: white url("/images/TexturedBackground.jpg") fixed cover;
     font-family: 'Raleway', sans-serif;
     font-family: 'Raleway', sans-serif;
}
}
Line 22: Line 21:


a, a:visited, .toctogglelabel {
a, a:visited, .toctogglelabel {
     color: #29878C!important;
     color: #29878C !important;
}
}


Line 35: Line 34:
.header-container,
.header-container,
#mw-mf-page-center {
#mw-mf-page-center {
     background-color: white!important;
     background-color: white !important;
}
}


Line 42: Line 41:
}
}


/*Take off "Main Page" from the home page */
/* Home Page Specific */
body.page-Main_Page h1 { display: none; }
body.page-Main_Page h1 {
 
    display: none;
 
body {
background: url("/images/TexturedBackground.jpg");
background-size: cover;
background-attachment: fixed;
 
}
}


/* TABLES */
/* Table Styles */
table {
table {
  font-family: 'Raleway', sans-serif;
    font-family: 'Raleway', sans-serif;
  border-collapse: collapse;
    border-collapse: collapse;
  width:40em;
    width: 40em;
  max-width:40em;
    max-width: 40em;
}
}


th{
th {
background-color: #059862;
    background-color: #059862;
}
}


td, th {
td, th {
  border: 1px solid #ddd;
    border: 1px solid #ddd;
  padding: 8px;
    padding: 8px;
}
}


tr:nth-child(even){background-color: #f2f2f2;}
tr:nth-child(even) {
    background-color: #f2f2f2;
}


tr:hover {background-color: #ddd;}
tr:hover {
    background-color: #ddd;
}


th {
th {
  padding-top: 12px;
    padding-top: 12px;
  padding-bottom: 12px;
    padding-bottom: 12px;
  text-align: left;
    text-align: left;
}
}


Line 86: Line 83:
.wikitable > * > tr > td img {
.wikitable > * > tr > td img {
     height: auto;
     height: auto;
     max-width: 100%
     max-width: 100%;
}
}


Line 94: Line 91:
}
}


.wikitable > tr > th, .wikitable > * > tr > th, .toc, .toccolours {
.wikitable > tr > th,
.wikitable > * > tr > th,
.toc,
.toccolours {
     background-color: #FEEBB3;
     background-color: #FEEBB3;
}
}


body.page-Main_Page table {
body.page-Main_Page table {
     margin: auto!important;
     margin: auto !important;
     margin-top: 10px!important;
     margin-top: 10px !important;
     margin-bottom: 10px!important;
     margin-bottom: 10px !important;
}
}


body.page-Main_Page h2 {
body.page-Main_Page h2 {
     text-align: center;
     text-align: center;
     font-family: "Desmon",Sans-serif;
     font-family: "Desmon", sans-serif;
}
}


Line 113: Line 113:
}
}


.mw-body h1, mw-body-content h1 {
.mw-body h1,
     font-family: "Cinzel Decorative Bold",Sans-serif;
mw-body-content h1 {
     font-family: "Cinzel Decorative Bold", sans-serif;
     font-size: 32px;
     font-size: 32px;
     font-weight: 900;
     font-weight: 900;
Line 124: Line 125:


.wikitable > caption {
.wikitable > caption {
     font-family: "Cinzel Decorative Bold",Sans-serif;
     font-family: "Cinzel Decorative Bold", sans-serif;
     font-weight: 900;
     font-weight: 900;
     font-size: 20px;
     font-size: 20px;
Line 131: Line 132:


.minerva-header .branding-box a span {
.minerva-header .branding-box a span {
     font-family: "Cinzel Decorative Bold",Sans-serif;
     font-family: "Cinzel Decorative Bold", sans-serif;
     font-weight: 900;
     font-weight: 900;
     font-size: 20px;
     font-size: 20px;
}
}


/* mf page left CSS */
/* Mobile Front Page Left CSS */
#mw-mf-page-left, #mw-mf-page-left ul li {
#mw-mf-page-left,
#mw-mf-page-left ul li {
     background-color: rgba(252, 101, 67, 1);
     background-color: rgba(252, 101, 67, 1);
     border: none;
     border: none;
Line 151: Line 153:


ul.hlist {
ul.hlist {
     display: grid!important;
     display: grid !important;
}
}


/* Footer CSS */
/* Footer Styles */
.mw-footer {
.mw-footer {
     background-image: url(https://mythcraft.flywheelsites.com/wp-content/uploads/2020/12/footer-bg.png);
     background: url(https://mythcraft.flywheelsites.com/wp-content/uploads/2020/12/footer-bg.png) no-repeat center cover;
    background-repeat: no-repeat;
    background-size: cover;
     color: #FEEBB3 !important;
     color: #FEEBB3 !important;
}
}
Line 169: Line 169:
     background: none;
     background: none;
     border-bottom: none;
     border-bottom: none;
   
}
}


Line 179: Line 178:


.mw-footer > .post-content {
.mw-footer > .post-content {
     margin-top: 0px;
     margin-top: 0;
}
}


#footer-places.footer-places {
#footer-places.footer-places {
     display: flex!important;
     display: flex !important;
     justify-content: space-between;
     justify-content: space-between;
     width: 50%;
     width: 50%;
     margin: auto;
     margin: auto;
}
}

Navigation menu