Difference between revisions of "MediaWiki:Mobile.css"
From The Viking Age Compendium
m |
m |
||
Line 4: | Line 4: | ||
/* Hides Desktop only elements */ | /* Hides Desktop only elements */ | ||
#mf-HideOnMobile { display: none; } | #mf-HideOnMobile { display: none; } | ||
+ | |||
+ | /* Size External Images */ | ||
+ | .externalimage-holder { | ||
+ | position: relative; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | } | ||
+ | .externalimage-holder img { | ||
+ | width: 100%; | ||
+ | height: inherit; | ||
+ | border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -khtml-border-radius: 10px; | ||
+ | -icab-border-radius: 10px; | ||
+ | -o-border-radius: 10px; | ||
+ | float: left; | ||
+ | margin: 0 0 10px 10px; | ||
+ | } | ||
+ | .externalimage-holder .caption { | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | height: auto; | ||
+ | bottom: -20px; | ||
+ | left: 0px; | ||
+ | color: #ffffff; | ||
+ | background: green; | ||
+ | text-align:center; | ||
+ | |||
+ | opacity:0.7; | ||
+ | margin: 0 0 10px 10px; | ||
+ | float: left; | ||
+ | } |
Revision as of 18:41, 20 February 2017
/* CSS placed here will affect users of the mobile site */ .mobile-float-reset { float: none !important; width: 100% !important; } /* Hides Desktop only elements */ #mf-HideOnMobile { display: none; } /* Size External Images */ .externalimage-holder { position: relative; height: auto; float: left; } .externalimage-holder img { width: 100%; height: inherit; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; float: left; margin: 0 0 10px 10px; } .externalimage-holder .caption { position: absolute; width: 100%; height: auto; bottom: -20px; left: 0px; color: #ffffff; background: green; text-align:center; opacity:0.7; margin: 0 0 10px 10px; float: left; }