2,242
edits
Difference between revisions of "MediaWiki:Mobile.css"
Attempting to add collapsible elements into the mobile css.
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; | |||
} | |||