No edit summary |
No edit summary |
||
| Line 14: | Line 14: | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
margin: 0.5em 0 1em 1em; | 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; | float: none !important; | ||
clear: both !important; | clear: both !important; | ||
margin: 0 auto 1em auto !important; | margin: 0 auto 1em auto !important; | ||
width: | width: 90vw !important; | ||
max-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;
}
}
