KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
{{# | /*** Allgemeine Formatierungen ***/ | ||
.magnify { | |||
display: none; | |||
} | |||
.thumbinner { | |||
border: 0px solid white; | |||
padding: 0px; | |||
background-color: white; | |||
}} | font-size: 94%; | ||
{{ | text-align: center; | ||
overflow: hidden; | |||
} | |||
.thumbimage { | |||
background-color: #fff; | |||
border: 0px solid white; | |||
} | |||
.tright { | |||
margin: 0px; | |||
} | |||
.tile { | |||
/* Äußerer Kasten */ | |||
border: 2px solid #ef8b80; | |||
border-radius: 2px; | |||
width: 95%; | |||
margin-bottom: 10px; | |||
display: inline-block; | |||
} | |||
.tile-footer { | |||
/* Fußzeile */ | |||
border-top: 2px solid #ef8b80; | |||
background: #f5f5f5; | |||
display: block; | |||
padding: 5px; | |||
color: #E74C3C; | |||
text-align: right; | |||
} | |||
/*** Formatierungen für Monitore ***/ | |||
@media (min-width:601px) { | |||
.grid-box { | |||
display:grid; | |||
grid-template-columns: 33% 33% 33%; | |||
} | |||
.logo-made { | |||
width: 150px; | |||
float: right; | |||
margin-left: 50px; | |||
} | |||
.tile-icon { | |||
/* Linke Spalte mit Icon */ | |||
padding: 10px; | |||
color: #e74c3c; | |||
display: inline-block; | |||
width: 20%; | |||
vertical-align: top; | |||
font-size: 350%; | |||
} | |||
.tile-right-col { | |||
/* Rechte Spalte */ | |||
padding: 5px; | |||
display: inline-block; | |||
width: 80%; | |||
} | |||
.tile-right-header { | |||
/* Rechte Spalte Header */ | |||
color: #e74c3c !important; | |||
font-weight: bold; | |||
font-size: 120%; | |||
} | |||
.tile-list { | |||
/* Rechte Spalte Liste */ | |||
color:#585858; | |||
font-size: 90%; | |||
margin-left: 20px; | |||
} | |||
} /* Ende Formatierungen für Monitore */ | |||
/*** Formatierungen für Mobil-Geräte ***/ | |||
@media (max-width: 600px) { | |||
.grid-box { | |||
display:grid; | |||
grid-template-columns: 98%; | |||
} | |||
.logo-made { | |||
width: 50%; | |||
} | |||
} /* Ende Formatierungen für Mobil-Geräte */ |
Version vom 22. November 2019, 15:53 Uhr
/*** Allgemeine Formatierungen ***/ .magnify { display: none; } .thumbinner { border: 0px solid white; padding: 0px; background-color: white; font-size: 94%; text-align: center; overflow: hidden; } .thumbimage { background-color: #fff; border: 0px solid white; } .tright { margin: 0px; } .tile { /* Äußerer Kasten */ border: 2px solid #ef8b80; border-radius: 2px; width: 95%; margin-bottom: 10px; display: inline-block; } .tile-footer { /* Fußzeile */ border-top: 2px solid #ef8b80; background: #f5f5f5; display: block; padding: 5px; color: #E74C3C; text-align: right; } /*** Formatierungen für Monitore ***/ @media (min-width:601px) { .grid-box { display:grid; grid-template-columns: 33% 33% 33%; } .logo-made { width: 150px; float: right; margin-left: 50px; } .tile-icon { /* Linke Spalte mit Icon */ padding: 10px; color: #e74c3c; display: inline-block; width: 20%; vertical-align: top; font-size: 350%; } .tile-right-col { /* Rechte Spalte */ padding: 5px; display: inline-block; width: 80%; } .tile-right-header { /* Rechte Spalte Header */ color: #e74c3c !important; font-weight: bold; font-size: 120%; } .tile-list { /* Rechte Spalte Liste */ color:#585858; font-size: 90%; margin-left: 20px; } } /* Ende Formatierungen für Monitore */ /*** Formatierungen für Mobil-Geräte ***/ @media (max-width: 600px) { .grid-box { display:grid; grid-template-columns: 98%; } .logo-made { width: 50%; } } /* Ende Formatierungen für Mobil-Geräte */