Vorlage:UNITE-Attacken/style.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Feblue (Diskussion | Beiträge) K (padding & gap an Infobox angepasst; Vorlage etwas breiter gemacht) |
K (Von Feblue) |
||
Zeile 1: | Zeile 1: | ||
.unite-atk { | .unite-atk { | ||
width: 60%; | |||
margin: auto; | |||
border-radius: 0.5em; | border-radius: 0.5em; | ||
display: grid; | display: grid; | ||
grid-template-columns: 1fr 50px 1fr; | grid-template-columns: 1fr 50px 1fr; | ||
padding: | padding: 3px; | ||
gap: | gap: 3px; | ||
} | } | ||
Zeile 19: | Zeile 19: | ||
} | } | ||
.unite-atk > div:first-child, .unite-atk > div:nth-child(3), .unite-atk > div:nth-child( | .unite-atk > div:first-child, .unite-atk > div:nth-child(3), .unite-atk > div:nth-child(5), .unite-atk > div:nth-child(23) { | ||
grid-column: span 3; | grid-column: span 3; | ||
} | } | ||
.unite-atk > div:nth-child( | .unite-atk > div:nth-child(7), .unite-atk > div:nth-child(15) { | ||
grid-row: span 2; | grid-row: span 2; | ||
} | } | ||
Zeile 32: | Zeile 32: | ||
grid-template-columns: 1fr 2fr; | grid-template-columns: 1fr 2fr; | ||
text-align: center; | text-align: center; | ||
gap: | gap: 3px; | ||
} | } | ||
Zeile 49: | Zeile 49: | ||
} | } | ||
@media only screen and (max-width: 480px) { | |||
.unite-atk { | .unite-atk { | ||
width: 90%; | width: 90%; | ||
} | } | ||
} | } | ||
/* [[Kategorie:Vorlage:Non-Wikitext]] */ | /* [[Kategorie:Vorlage:Non-Wikitext]] */ |
Version vom 20. Oktober 2021, 23:56 Uhr
.unite-atk {
width: 60%;
margin: auto;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr 50px 1fr;
padding: 3px;
gap: 3px;
}
.unite-atk > div {
display: flex;
justify-content: center;
align-items: stretch;
align-content: center;
flex-flow: wrap;
border-radius: 0.5em;
padding: 3px;
}
.unite-atk > div:first-child, .unite-atk > div:nth-child(3), .unite-atk > div:nth-child(5), .unite-atk > div:nth-child(23) {
grid-column: span 3;
}
.unite-atk > div:nth-child(7), .unite-atk > div:nth-child(15) {
grid-row: span 2;
}
.unite-atk .clicktoggle-target {
display: grid;
grid-column: span 3;
grid-template-columns: 1fr 2fr;
text-align: center;
gap: 3px;
}
.unite-atk .clicktoggle-target div {
display: flex;
justify-content: center;
align-content: center;
flex-flow: wrap;
background: #FFFFFF;
border-radius: 0.5em;
padding: 3px;
}
.unite-atk .clicktoggle, .unite-atk .clicktoggle-target div:nth-child(2n+1) {
font-weight: bold;
}
@media only screen and (max-width: 480px) {
.unite-atk {
width: 90%;
}
}
/* [[Kategorie:Vorlage:Non-Wikitext]] */