Difference between revisions of "MediaWiki:Mobile.css"

From The Viking Age Compendium
Jump to: navigation, search
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;
}