Difference between revisions of "MediaWiki:Mobile.css"

From The Viking Age Compendium
Jump to: navigation, search
m
m
Line 10: Line 10:
 
     height: auto;
 
     height: auto;
 
     float: left;
 
     float: left;
}
 
.externalimage-holder img {
 
    width: 100%;
 
    height: inherit;
 
 
     border-radius: 10px;
 
     border-radius: 10px;
 
     -moz-border-radius: 10px;
 
     -moz-border-radius: 10px;
Line 20: Line 16:
 
     -icab-border-radius: 10px;
 
     -icab-border-radius: 10px;
 
     -o-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;  
 
     color: #ffffff;  
 
     background: green;  
 
     background: green;  
 
     text-align:center;  
 
     text-align:center;  
   
 
    opacity:0.7;
 
 
     margin: 0 0 10px 10px;
 
     margin: 0 0 10px 10px;
     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;  
 
}
 
}

Revision as of 18:56, 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;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -icab-border-radius: 10px;
    -o-border-radius: 10px;
    color: #ffffff; 
    background: green; 
    text-align:center; 
    margin: 0 0 10px 10px;
}
.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; 
}