Web
Analytics
Join the HITS Discord and leave your suggestions for this wiki, talk about your edits, or just chat with fellow Tally Hall fans!

MediaWiki:Mobile.css

From Tally Hallmanac: The Ultimate Tally Hall Wiki
Revision as of 16:13, 26 March 2022 by Coz (talk | contribs) (Attempting to add collapsible elements into the mobile css.)
Jump to navigation Jump to search

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 affect users of the mobile site */

 footer > .post-content {
    overflow: auto;
    margin-top: 182px !important;
}

/* -----------
Tour Date Archive table colors for mobile 
-------------*/
.showsTable tr:nth-child(even) {background: #DDD}
.showsTable tr:nth-child(odd) {background: #FFF}


/* ----------------- NEW COLLAPSABLE ELEMENT ----------------- */


span.mw-customtoggle-myDivision.mw-customtoggle {
font-size: x-large;
color: #0645ad;
background-color: #fffcdb;
padding: 8px 8px 14px 8px;
margin: 20px 0px;
border-top: 1px solid #bbbbbb;
border-right: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
display: initial;
}

.mw-content-ltr .mw-collapsible-toggle, .mw-content-rtl .mw-content-ltr .mw-collapsible-toggle {
    float: left;
}

#mw-customcollapsible-myDivision {
width: 90%;
text-align: left;
padding: 30px;
background-color: #fffcdb;
border: 1px solid #bbbbbb;
}

#mw-customcollapsible-myDivision2 {
width: 90%;
text-align: left;
    padding: 15px;
    line-height: 0px;
background-color: #fffcdb;
border: 1px solid #bbbbbb;
}

#mw-customcollapsible-myDivision3 {
width: 90%;
text-align: left;
    padding: 15px;
    line-height: 0px;
background-color: #fffcdb;
border: 1px solid #bbbbbb;
}

.mw-collapsible li {
    line-height: 1.5em;
}

.mw-collapsible-content {
    margin-top: 20px;
    overflow:auto;
}