Alathra:Navcard: Difference between revisions
m CSS test |
Second major commit |
||
| (43 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | <noinclude>__NOTOC____NOEDITSECTION____NOTITLE__{{#css: | ||
# | #link-overlay { | ||
height: {{{height|180px}}}; | height: {{{height|180px}}}; | ||
width: {{{width|200px}}}; | width: {{{width|200px}}}; | ||
border: solid; | border: solid; | ||
overflow: hidden; | |||
} | |||
#overlay img { | |||
position: absolute; | |||
height: {{{height|180px}}}; | |||
width: {{{width|200px}}}; | |||
} | |||
#container { | |||
height: 100%; | |||
width: auto; | |||
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
} | } | ||
#img-container { | #img-container { | ||
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 26: | Line 35: | ||
min-height: 20px; | min-height: 20px; | ||
width: auto; | width: auto; | ||
text-align: center; | |||
font-size: 24px; | |||
margin: auto; | |||
} | } | ||
}} | }}</noinclude> | ||
<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> | ||
Latest revision as of 14:55, 3 May 2025
Category