Join the HITS Discord and leave your suggestions for this wiki, talk about your edits, or just chat with fellow Tally Hall fans!
Difference between revisions of "MediaWiki:Mobile.css"
Jump to navigation
Jump to search
m (The first if many mobile edits to come, I'm sure hehehe.) Tags: Mobile edit Mobile web edit Advanced mobile edit |
(Attempting to add collapsible elements into the mobile css.) Tags: Mobile edit Mobile web edit Advanced mobile edit |
||
Line 6: | Line 6: | ||
} | } | ||
/* Tour Date Archive table colors for mobile */ | /* ----------- | ||
Tour Date Archive table colors for mobile | |||
-------------*/ | |||
.showsTable tr:nth-child(even) {background: #DDD} | .showsTable tr:nth-child(even) {background: #DDD} | ||
.showsTable tr:nth-child(odd) {background: #FFF} | .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; | |||
} |
Revision as of 16:13, 26 March 2022
/* 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;
}