Template:Styles/Default.css: Difference between revisions
Content deleted Content added
tweaks for amount buttons |
styling for stacked appeals on mobile - still not shown by default |
||
Line 30:
#mw-panel .portal,
#mw-head, #catlinks,
#firstHeading, #contentSub, #contentSub2, #siteSub,
#jump-to-nav, .uls-tipsy {
display: none;
Line 75:
/* Prevent site logos from showing through modals (e.g. for monthly convert) */
.vector-body {
}
body.modal-open {
}
Line 88:
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
Line 106 ⟶ 108:
#appeal-wrapper {
flex: 1;
padding-right: 28px;▼
}▼
body.rtl #appeal-wrapper {▼
padding-left: 28px;▼
}
Line 552 ⟶ 548:
/* Mobile styles */
@media
/* Text & Logo layout */
Line 589 ⟶ 585:
}
}
@media (max-width: 721px) {
/* Stack appeal and form */
flex-basis: 100%;
}
▲}
@media (max-width: 501px) {
/* Appeal same width as form */
#appeal-wrapper {
max-width: 380px;
}
}
/* === end of Template:Styles/Default.css === */
| |||