Anonymous
×
Create a new article
Write your page title here:
We currently have 33 articles on Monster Amor. Type your article name above or click on one of the titles below and start writing!



Monster Amor
33Articles

MediaWiki:Common.css: Difference between revisions



Virtual photographs of monster girls in the real world
No edit summary
No edit summary
Line 14: Line 14:
     float: right;
     float: right;
     clear: right;
     clear: right;
     margin: 0.5em 0 1em 1em; /* top right bottom left */
     margin: 0.5em 0 1em 1em;
     width: 300px;
     width: 300px;
}
}
Line 21: Line 21:
@media (max-width: 768px) {
@media (max-width: 768px) {
     .infobox {
     .infobox {
         float: none !important; /* Removes the right float */
         float: none !important;
         clear: both !important; /* Ensures clean breaks with other content */
         clear: both !important;
         margin: 0 auto 1em auto !important; /* Centers horizontally with auto left/right margins */
         margin: 0 auto 1em auto !important;
         width: 100% !important; /* Full width container */
         width: 90vw !important;
         max-width: 300px !important; /* But don't exceed original width */
         max-width: 500px !important;
        font-size: calc(14px + 0.5vw) !important;
    }
   
    .infobox img {
        width: 100% !important;
        height: auto !important;
     }
     }
}
}

Revision as of 22:41, 3 November 2024

.patreon-banner {
    display: block;
    width: 100%;
    max-width: 728px;
    height: auto;
    min-height: 90px;
    margin: 10px auto;
    text-align: center;
    background: #1a1a1a;
}

/* Desktop base rules */
.infobox {
    float: right;
    clear: right;
    margin: 0.5em 0 1em 1em;
    width: 300px;
}

/* Mobile responsive rules */
@media (max-width: 768px) {
    .infobox {
        float: none !important;
        clear: both !important;
        margin: 0 auto 1em auto !important;
        width: 90vw !important;
        max-width: 500px !important;
        font-size: calc(14px + 0.5vw) !important;
    }
    
    .infobox img {
        width: 100% !important;
        height: auto !important;
    }
}