มีเดียวิกิ:Dynimg.css
หมายเหตุ: หลังเผยแพร่ คุณอาจต้องล้างแคชเว็บเบราว์เซอร์ของคุณเพื่อดูการเปลี่ยนแปลง
- ไฟร์ฟอกซ์ / ซาฟารี: กด Shift ค้างขณะคลิก Reload หรือกด Ctrl-F5 หรือ Ctrl-R (⌘-R บนแมค)
- กูเกิล โครม: กด Ctrl-Shift-R (⌘-Shift-R บนแมค)
- อินเทอร์เน็ตเอกซ์พลอเรอร์ และ Edge: กด Ctrl ค้างขณะคลิก Refresh หรือกด Ctrl-F5
- โอเปร่า: กด Ctrl-F5
/* force images wrapped within this div class to inherit width and ???? */
div.freedImg {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 94%;
margin-top: 0.40em !important;
margin-right: auto;
margin-bottom: 0.50em !important;
margin-left: auto;
padding: .3px .3px .3px .3px;
}
div.freedImg > p.freedImg {
width: inherit !important;
height: auto;
margin-top: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
}
/* for original freedImg class using paragraph tag */
p.freedImg > a, span.freedImg > a {
width: inherit !important;
height: auto;
}
/* for newer newFreedImg class using span tag */
span#mySpan2 > a {
width: inherit !important;
height: auto;
}
.freedImg img[src*="wikipedia"], .freedImg img[src*="wikisource"], .freedImg img[src*="score"], .freedImg img[src*="math"] {
width: inherit !important;
height: auto;
}
p.imgCaption, span.imgCaption {
font-size: 94%;
line-height: 1.0;
margin-top: 0.3750em;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 0.25em; /* was padding-top: 0.75px; */
padding-right: 1.00px;
padding-bottom: 0.75px;
padding-left: 1.00px;
}
/* old tests of unconstrained images & params */
.freedImgClass {
height: 100% !important;
margin-top: auto !important;
margin-right: auto !important;
margin-bottom: auto !important;
margin-left: auto !important;
overflow: hidden !important;
text-align: center !important;
width: 100% !important;
}
/**
* The following rules are for rotation testing only.
*
*/
.rotp90, .rot90 {
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.rot180 {
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.rotn90, .rot270 {
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* @end */