Template:ZETA banner: Difference between revisions
From Zoophilia Wiki
Jump to navigationJump to search
No edit summary |
Properly declare CSS3 flex-* attributes for all containers to achieve a fully responsive design Tag: 2017 source edit |
||
| Line 1: | Line 1: | ||
<div style=" | <div style="align-content: space-around; align-items: center; background-color: #f0f8ff; border: 5px double #cdc1c5; box-shadow: 12px 12px 12px -2px #0000004d; display: flex; flex-direction: row; font-family: Times, serif; font-size: 2em; gap: 0.5em; justify-content: space-evenly; line-height: 1.1; margin: 0.75em 1em; overflow: auto; padding: 0.5em 0; -moz-box-shadow: 10px 10px 12px -2px #0000004d; -webkit-box-shadow: 10px 10px 12px -2px #0000004d;"> | ||
<div style="border-style: hidden; flex-basis: 33%;">[[File:Zeta templatelogo.png|center|middle|x64px|alt=ZETA logo|link=]]<div style="flex-basis: fit-content; flex-wrap: nowrap; font-size: 2.75em; letter-spacing: 0.125em; text-align: center;"><span style="color: #351b0c;">Z</span><span style="color: #8fa990;">E</span><span style="color: #351b0c;">T</span><span style="color: #589294;">A</span></div></div> | |||
< | <div style="border-style: hidden; flex: auto;">[[File:DogHand.jpg|middle|x128px|link=]]</div> | ||
<div style="border-style: hidden; flex: auto;">[[File:Flag.png|middle|x128px|link=]]</div> | |||
< | <div style="border-style: hidden; flex: auto;">[[File:DogMarrage.jpg|middle|x128px|link=]]</div> | ||
[[File:DogHand.jpg| | |||
< | |||
[[File:Flag.png| | |||
</ | |||
< | |||
[[File:DogMarrage.jpg| | |||
</ | |||
</div> | </div> | ||
