3,616
edits
Template:Mobile: Difference between revisions
Jump to navigation
Jump to search
m
Adding functionality to hide Side-TOC on mobile & improve display on sites w/ Keegan-BG class in use.
m (Improved redlink for custom links) |
m (Adding functionality to hide Side-TOC on mobile & improve display on sites w/ Keegan-BG class in use.) |
||
| Line 1: | Line 1: | ||
<includeonly>{{#css: | <includeonly>{{#css: | ||
.MobileLink { | .MobileLink { display:none; } | ||
.Keegan-BG { background-color:#ebf5ff; padding:20px; border-radius:40px; margin-right:185px; } | |||
} | .Side-TOC { display:block; } | ||
@media only screen and (max-width: 768px) { | @media only screen and (max-width: 768px) { | ||
.MobileLink { display:block; } | |||
.Side-TOC { display:none; } | |||
.Keegan-BG { background-color:#ebf5ff; } | |||
} | |||
}} | }} | ||
<div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; max-width: 750px;"> | <div class="MobileLink" style="{{#ifeq: {{{template|}}} | true | display: block; | }} margin: 1em auto; padding: 10px; background-color: lemonchiffon; border: 2px solid darkgoldenrod; text-align: center; max-width: 750px;"> | ||