Vorlage:Event-Pokémon/style.css
Zur Navigation springen
Zur Suche springen
.event-pokemon {
border-radius: 0.5em;
display: grid;
gap: 5px;
background: #b1cdec;
border: 2px solid #5c82ae;
margin-bottom: 1em;
}
.event-pokemon a:not(.new), .event-pokemon a:not(.new):visited {
color: #000000;
}
.event-pokemon > div:not(:first-child) {
margin-left: 3px;
}
.event-pokemon .name {
text-align: center;
font-size: 140%;
background: #5c82ae;
}
.event-pokemon .img {
display: flex;
justify-content: center;
align-items: center;
}
.event-pokemon .data, .event-pokemon .attacks {
grid-template-rows: min-content;
}
.event-pokemon .data {
display: grid;
grid-template-columns: min-content auto;
}
.event-pokemon .general img {
max-width: 32px;
max-height: 32px;
width: auto !important;
height: auto !important;
}
.event-pokemon .general .tera img {
max-width: none;
max-height: none
}
.event-pokemon .data div:first-child {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 0.3em;
grid-column-end: span 2;
}
.event-pokemon .data:not(.trainer) div:not(:first-child),
.event-pokemon .trainer div:not(:first-child):nth-child(even),
.event-pokemon .attacks div:not(:first-child) {
padding-left: 0.7em;
display: flex;
align-items: center;
}
.event-pokemon .data div:not(:first-child):nth-child(even),
.event-pokemon .attacks div:not(:first-child) {
border-left: 3px solid #5c82ae;
white-space: nowrap;
}
.event-pokemon .data div:nth-child(even),
.event-pokemon .time div:first-child {
font-weight: bold;
}
.event-pokemon .trainer div:not(:first-child):nth-child(odd) {
padding-left: 0.7em;
align-self: center;
}
.event-pokemon .attacks {
display: grid;
grid-auto-rows: 1fr;
}
.event-pokemon .attacks div:first-child {
font-size: 1.1em;
font-weight: bold;
}
.event-pokemon .time {
display: grid;
grid-template-columns: min-content 1fr;
}
.event-pokemon .time div:last-child,
.event-pokemon .info {
font-size: 0.9em;
}
.event-pokemon .time div, .event-pokemon .info {
padding: 3px;
}
/*@media only screen and (min-width: 851px) {*/
.event-pokemon {
grid-template-columns: 1fr 2fr 1fr;
}
.event-pokemon .name, .event-pokemon .time, .event-pokemon .info {
grid-column-end: span 3;
}
.event-pokemon .img, .event-pokemon .general {
grid-row-end: span 2;
}
/*}
@media only screen and (max-width: 850px) and (min-width: 481px) {
.event-pokemon {
grid-template-columns: repeat(2, 1fr);
}
.event-pokemon .name, .event-pokemon .time, .event-pokemon .info {
grid-column-end: span 2;
}
}*/
/* [[Kategorie:Vorlage:Non-Wikitext]] */