Template:Mobile: Difference between revisions

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; }
  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 {
.MobileLink { display:block; }
    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;">