Predloga:Material-kartica: Razlika med redakcijama
Brez povzetka urejanja |
Brez povzetka urejanja |
||
| Vrstica 1: | Vrstica 1: | ||
<div style=" background:#0081ED; border-radius:10px; overflow:hidden; box-shadow:0 4px 5px rgba(0,0,0,0.1); transition:transform 0.2s ease, box-shadow 0.2s ease; display:flex; flex-direction:column; " onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'" > <!-- | <div style=" | ||
background:#0081ED; | |||
border-radius:10px; | |||
overflow:hidden; | |||
box-shadow:0 4px 5px rgba(0,0,0,0.1); | |||
transition:transform 0.2s ease, box-shadow 0.2s ease; | |||
display:flex; | |||
flex-direction:column; | |||
" | |||
onmouseover="this.style.transform='translateY(-4px)'; this.style.boxShadow='0 8px 12px rgba(0,0,0,0.15)'" | |||
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 4px 5px rgba(0,0,0,0.1)'" | |||
> | |||
<!-- NASLOV --> | |||
<div style=" | |||
padding:0.15rem 0.4rem; | |||
text-align:center; | |||
font-weight:600; | |||
font-size:1.1rem; | |||
color:#1C1463; | |||
line-height:1.1; | |||
white-space:nowrap; | |||
overflow:hidden; | |||
text-overflow:ellipsis; | |||
"> | |||
[[{{{title1|Example title 1}}}|{{{display1|{{{title1|Example title 1}}}}}}]] | |||
</div> | |||
<!-- SPODNJI DEL --> | |||
<div style="flex:1; display:flex;"> | |||
<!-- SLIKA --> | |||
<div style=" | |||
flex:1; | |||
height:180px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
background:#ffffff; | |||
padding:0.3rem; | |||
overflow:hidden; | |||
"> | |||
<div style="max-width:100%; max-height:100%;"> | |||
[[File:{{{image1|Example.jpg}}}|center|frameless|upright=1|link={{{title1|Example title 1}}}]] | |||
</div> | |||
</div> | |||
<!-- PODATKI --> | |||
<div style=" | |||
flex:1; | |||
padding:0.6rem; | |||
color:#ffffff; | |||
font-size:0.9rem; | |||
line-height:1.4; | |||
"> | |||
{{{info1|Tukaj pride opis ali podatki}}}<br><br> | |||
● <b>KATEGORIJA:</b> {{{Kategorija1|Kategorija}}}<br> | |||
● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}} | |||
</div> | |||
</div> | |||
</div> | |||
