Difference between revisions of "MediaWiki:Mobile.css"

From The Mickey Wiki: Your Walt Disney World Encyclopedia!
Jump to: navigation, search
 
(19 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
.tdihb {
 
.tdihb {
 
     background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG);
 
     background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG);
     width: 22em;
+
     width: 15em;
 
     height: 15em;
 
     height: 15em;
     background-size: contain;
+
     background-size: 100% 100%;
    display: inlign;
+
     overflow: hidden;
     overflow: auto;
+
    padding: 0;
+
 
     vertical-align: top;
 
     vertical-align: top;
 
     background-position: center;
 
     background-position: center;
     border: none;
+
/* Overriding skin table .content settings, which are higher in stack */
 +
    padding: 0 !important;
 +
     border: none !important;
 +
    margin: 0 !important;
 +
}
 +
 
 +
.tdihb_text {
 +
    font-size: .8rem;
 +
    padding: 0rem .6rem 0 .6rem;
 +
    text-align: center;
 +
}
 +
 
 +
.cell {
 +
    display: table-cell;
 +
    vertical-align: top;
 +
}
 +
 
 +
.cell p {
 +
    margin: 0;
 
}
 
}
  

Latest revision as of 23:42, 27 February 2022

/* CSS placed here will affect users of the mobile site */
/*Allow for This Day in History*/
.tdihb {
    background-image: url(https://themickeywiki.com/images/DonaldBoard.JPG);
    width: 15em;
    height: 15em;
    background-size: 100% 100%;
    overflow: hidden;
    vertical-align: top;
    background-position: center;
/* Overriding skin table .content settings, which are higher in stack */
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}

.tdihb_text {
     font-size: .8rem;
     padding: 0rem .6rem 0 .6rem;
     text-align: center;
}

.cell {
     display: table-cell;
     vertical-align: top;
}

.cell p {
     margin: 0;
}

/*Unfortunately, the important tag was used to force an automatic height for some reason in the skin css... can't have this for the main page*/
.content a > img.parklink {
    height: 15em !important;
}