Qualitätswoche: Artikel verbessern und Crunchyroll-Premium-Abo gewinnen!
Verbessere im Rahmen der Qualitätswoche einen Artikel deiner Wahl und gewinne mit etwas |
Benutzer:Rikku/common.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
Inhalt hinzugefügt Inhalt gelöscht
Rikku (Diskussion | Beiträge) K (+csss responsive stuff (i);) |
Rikku (Diskussion | Beiträge) K (+ valign:top in res-list;) |
||
(Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) | |||
Zeile 2: | Zeile 2: | ||
white-space:pre-wrap; |
white-space:pre-wrap; |
||
} |
} |
||
− | |||
/* 2020-03-23 HR responsive images */ |
/* 2020-03-23 HR responsive images */ |
||
− | /* @test: why do i need this... */ |
||
− | .res-img img, |
||
− | .res-img p a img { |
||
− | max-height:300px; |
||
− | width:auto; |
||
− | } |
||
/* To make images responsive */ |
/* To make images responsive */ |
||
+ | |||
img { |
img { |
||
max-width:100%; |
max-width:100%; |
||
Zeile 21: | Zeile 15: | ||
/* 2020-03-23 HR responsive lists */ |
/* 2020-03-23 HR responsive lists */ |
||
+ | |||
.res-list ul li { |
.res-list ul li { |
||
display:inline-block; |
display:inline-block; |
||
margin: 3px; |
margin: 3px; |
||
text-align: center; |
text-align: center; |
||
+ | vertical-align: top; |
||
} |
} |
||
Aktuelle Version vom 26. Juli 2020, 21:26 Uhr
pre { white-space:pre-wrap; } /* 2020-03-23 HR responsive images */ /* To make images responsive */ img { max-width:100%; height:auto; } /* 2020-03-23 HR responsive lists */ .res-list ul li { display:inline-block; margin: 3px; text-align: center; vertical-align: top; } .res-list ul li ul li{ display: block; }