Difference between revisions of "MediaWiki:Common.css"

From EclectricWiki
Jump to: navigation, search
(Created page with "CSS placed here will be applied to all skins: To make images responsive: .res-img img { max-width:100%; height:auto; }")
 
 
(20 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
.res-img img {
 
.res-img img {
 
     max-width:100%;
 
     max-width:100%;
     height:auto;
+
    width:100%; 
 +
    height:auto; 
 +
}
 +
 
 +
 
 +
img.half-width {
 +
    width:50% !important;
 +
     height:auto !important;
 +
}
 +
 
 +
 
 +
img.whole-width {
 +
    width:100% !important;
 +
    height:auto !important;
 +
}
 +
 
 +
 
 +
img.whole-width-max860 {
 +
    width:100% !important;
 +
    height:auto !important;
 +
    max-width:860px;
 +
}
 +
 
 +
img.whole-width-max660 {
 +
    width:100% !important;
 +
    height:auto !important;
 +
    max-width:660px;
 
}
 
}

Latest revision as of 20:51, 27 June 2018

/* CSS placed here will be applied to all skins */

/* To make images responsive */
.res-img img {
    max-width:100%;
    width:100%;  
    height:auto;  
}


img.half-width {
    width:50% !important;
    height:auto !important;
}


img.whole-width {
    width:100% !important;
    height:auto !important;
}


img.whole-width-max860 {
    width:100% !important;
    height:auto !important;
    max-width:860px;
}

img.whole-width-max660 {
    width:100% !important;
    height:auto !important;
    max-width:660px;
}