Template:Main Page/styles.css: Difference between revisions

I changed ID names in the Main Page code and forgot to update in the CSS
(updated)
(I changed ID names in the Main Page code and forgot to update in the CSS)
Line 46: Line 46:
font-size: 85%;
font-size: 85%;
}
}


/* clear fix */
/* clear fix */
Line 101: Line 100:


/* Ensure images are responsive */
/* Ensure images are responsive */
#mp-tfp img {
#mp-fi img {
     max-width: 100%;
     max-width: 100%;
     height: auto;
     height: auto;
Line 109: Line 108:


/* Ensure embedded videos are responsive */
/* Ensure embedded videos are responsive */
#mp-tfp iframe {
#mp-fv iframe {
     max-width: 100%;
     max-width: 100%;
     display: block;
     display: block;
Line 126: Line 125:


@media (max-width: 875px) {
@media (max-width: 875px) {
/* We need to improve Template:POTD as used on the main page so that these
#mp-fi table,
* hacks aren't necessary */
#mp-fi tr,
#mp-tfp table,
#mp-fi td,
#mp-tfp tr,
#mp-fi tbody {
#mp-tfp td,
#mp-tfp tbody {
display: block !important;
display: block !important;
width: 100% !important;
width: 100% !important;
Line 137: Line 134:
}
}
#mp-tfp tr:first-child td:first-child a.mw-file-description {
#mp-fi tr:first-child td:first-child a.mw-file-description {
text-align: center;
text-align: center;
display: table;
display: table;