Predloga:Material-kartica: Razlika med redakcijama

← Starejše urejanje

VizualnoVikibesedilo

Trenutna redakcija s časom 16:53, 15. april 2026

Example title 1

Slika:Example.jpg

● KATEGORIJA: Kategorija
● LOKACIJA: Lokacija
● INV. ŠT.: Številka

Tukaj pride opis ali podatki

@@ 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)'" > <!-- Naslov (minimalen padding) --> <div style=" padding:0.15rem 0.4rem; /* enak zgoraj/spodaj */ 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 z fiksno višino --> <div style=" flex:1; height:180px; /* fiksna višina slike */ display:flex; align-items:center; justify-content:center; background:#ffffff; padding:0.3rem; "> [[File:{{{image1|Example.jpg}}}|center|frameless|260px|link={{{title1|Example title 1}}}]] </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>
+<div style="
+  background:#E0E6EE;
+  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.1rem 0.1rem;
+  text-align:center;
+  font-weight:600;
+  font-size:1rem;
+  color:#0081ED;
+  line-height:1.2;
+  white-space:normal;
+  overflow-wrap:break-word;
+  word-break:break-word;">
+[[{{{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:#0081ED;
+    font-size:0.75rem;
+    line-height:1.2;">
+● <b>KATEGORIJA:</b> {{{kategorija1|Kategorija}}}<br>
+● <b>LOKACIJA:</b> {{{lokacija1|Lokacija}}}<br>
+● <b>INV. ŠT.:</b> {{{inv1|Številka}}}<br><br>
+{{{info1|Tukaj pride opis ali podatki}}}<br>
+  </div>
+</div>
+</div>