Alathra:Navcard: Difference between revisions
m CSS test |
Second major commit |
||
| (20 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | <noinclude>__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | ||
#link-overlay { | #link-overlay { | ||
height: {{{height|180px}}}; | height: {{{height|180px}}}; | ||
width: {{{width|200px}}}; | width: {{{width|200px}}}; | ||
border: solid; | |||
overflow: hidden; | |||
} | } | ||
#overlay img { | #overlay img { | ||
position: absolute; | position: absolute; | ||
height: {{{height|180px}}}; | |||
width: {{{width|200px}}}; | |||
} | } | ||
| Line 12: | Line 16: | ||
height: 100%; | height: 100%; | ||
width: auto; | width: auto; | ||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| Line 21: | Line 23: | ||
height: 75%; | height: 75%; | ||
width: auto; | width: auto; | ||
} | } | ||
#img-container img { | #img-container img { | ||
height: 100%; | height: 100%; | ||
width: | width: {{{width|200px}}}; | ||
object-fit: cover; | object-fit: cover; | ||
} | } | ||
| Line 35: | Line 35: | ||
min-height: 20px; | min-height: 20px; | ||
width: auto; | width: auto; | ||
text-align: center; | |||
font-size: 24px; | |||
margin: auto; | |||
} | } | ||
}} | }}</noinclude> | ||
<div id="link-overlay"><div id="overlay">[[File:Invisible-png.png|{{{width|200}}}x{{{height|180px}}}]]</div><div id="container"><div id="img-container">[[File: | <div id="link-overlay"><div id="overlay">[[File:Invisible-png.png|{{{width|200}}}x{{{height|180px}}}|link={{{link|}}}]]</div><div id="container"><div id="img-container">[[File:Stillwindsclimate.jpg|link=]]</div><div id="title">{{{text|Category}}}</div></div></div> | ||