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 17: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;
}