CURRENT MISSION: Conclude the 2026 soyjak.party hack page, aswell as any pages relating to it, such as the Summer 2026 Crisis page.
Update Quotecord with any relevant info. See the blackboard for more info.
Template:Countries/styles.css: Difference between revisions
From Soyjak Wiki, the free ensoyclopedia
Jump to navigationJump to search
MarketPliers (talk | contribs) mNo edit summary |
MarketPliers (talk | contribs) m update to match Template Manual of Style |
||
| Line 1: | Line 1: | ||
.countries { | .template-countries { | ||
display: grid; | display: grid; | ||
grid-template-rows: repeat(2, auto); | grid-template-rows: repeat(2, auto); | ||
| Line 13: | Line 13: | ||
} | } | ||
.countries .section-heading { | .template-countries .section-heading { | ||
display: flex; | display: flex; | ||
gap: 0.5ch; | gap: 0.5ch; | ||
| Line 23: | Line 23: | ||
} | } | ||
.countries .collapse-button { | .template-countries .collapse-button { | ||
cursor: pointer; | cursor: pointer; | ||
color: #002bb8; | color: #002bb8; | ||
} | } | ||
.countries .section-content { | .template-countries .section-content { | ||
background-color: white; | background-color: white; | ||
border: 1px solid #a9a9a9; | border: 1px solid #a9a9a9; | ||
| Line 36: | Line 36: | ||
} | } | ||
.countries .header, | .template-countries .header, | ||
.countries .expandos { | .template-countries .expandos { | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| Line 44: | Line 44: | ||
@media (min-width: 500px) { | @media (min-width: 500px) { | ||
.countries { | .template-countries { | ||
grid-template-columns: repeat(2, auto); | grid-template-columns: repeat(2, auto); | ||
grid-template-rows: unset; | grid-template-rows: unset; | ||
Revision as of 13:09, 6 March 2026
.template-countries {
display: grid;
grid-template-rows: repeat(2, auto);
align-items: center;
background: linear-gradient(to bottom, #FEDBB7, #FFE 5rem);
border: 1px solid #800;
color: #800;
padding: 0.25rem 0.5rem;
margin: 0.75rem 0;
gap: 0.25rem;
text-align: center;
clear: both;
}
.template-countries .section-heading {
display: flex;
gap: 0.5ch;
justify-content: center;
background-color: #ea8;
border: 1px solid #800;
padding: 0.25rem 0.5rem;
font-weight: bold;
}
.template-countries .collapse-button {
cursor: pointer;
color: #002bb8;
}
.template-countries .section-content {
background-color: white;
border: 1px solid #a9a9a9;
padding: 0.25rem 0.5rem;
text-align: center;
color: initial;
}
.template-countries .header,
.template-countries .expandos {
display: flex;
flex-direction: column;
row-gap: 0.25rem;
}
@media (min-width: 500px) {
.template-countries {
grid-template-columns: repeat(2, auto);
grid-template-rows: unset;
column-gap: 0.75rem;
}
}
