Vorlage:UNITE-Attacken/style.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
K (Von Feblue) |
Feblue (Diskussion | Beiträge) K (Von Feblue, Korrektur :enton:) |
||
| Zeile 1: | Zeile 1: | ||
.unite-atk { | .unite-atk { | ||
width: | width: 70%; | ||
margin: auto; | 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: 2px; | ||
gap: | gap: 2px; | ||
} | } | ||
| Zeile 16: | Zeile 16: | ||
flex-flow: wrap; | flex-flow: wrap; | ||
border-radius: 0.5em; | border-radius: 0.5em; | ||
padding: | padding: 2px; | ||
} | } | ||
.unite-atk | .unite-atk .gridcolumn { | ||
grid-column: span 3; | grid-column: span 3; | ||
} | } | ||
.unite-atk | .unite-atk .gridrow { | ||
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: 2px; | ||
} | } | ||
| Zeile 42: | Zeile 42: | ||
background: #FFFFFF; | background: #FFFFFF; | ||
border-radius: 0.5em; | border-radius: 0.5em; | ||
padding: | padding: 2px; | ||
} | } | ||
| Zeile 49: | Zeile 49: | ||
} | } | ||
@media only screen and (max-width: 480px) { | /*@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 21. Oktober 2021, 00:16 Uhr
.unite-atk {
width: 70%;
margin: auto;
border-radius: 0.5em;
display: grid;
grid-template-columns: 1fr 50px 1fr;
padding: 2px;
gap: 2px;
}
.unite-atk > div {
display: flex;
justify-content: center;
align-items: stretch;
align-content: center;
flex-flow: wrap;
border-radius: 0.5em;
padding: 2px;
}
.unite-atk .gridcolumn {
grid-column: span 3;
}
.unite-atk .gridrow {
grid-row: span 2;
}
.unite-atk .clicktoggle-target {
display: grid;
grid-column: span 3;
grid-template-columns: 1fr 2fr;
text-align: center;
gap: 2px;
}
.unite-atk .clicktoggle-target div {
display: flex;
justify-content: center;
align-content: center;
flex-flow: wrap;
background: #FFFFFF;
border-radius: 0.5em;
padding: 2px;
}
.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]] */