Alathra:Navcard: Difference between revisions

VisualWikitext

@@ Line 1: / Line 1: @@
-__NOTOC____NOEDITSECTION____NOTITLE__{{#css:
+<noinclude>__NOTOC____NOEDITSECTION____NOTITLE__{{#css:
+  #link-overlay {
+    height: {{{height|180px}}};
+    width: {{{width|200px}}};
+    border: solid;
+    overflow: hidden;
+  }
+  #overlay img {
+    position: absolute;
+    height: {{{height|180px}}};
+    width: {{{width|200px}}};
+  }
    #container {
-     height: {{{height|200px}}};
+     height: 100%;
+    width: auto;
+    display: flex;
+    flex-direction: column;
+  }
+  #img-container {
+    height: 75%;
+    width: auto;
+  }
+  #img-container img {
+    height: 100%;
      width: {{{width|200px}}};
-     border: solid;
+     object-fit: cover;
-     border-color: red;
+  }
+  #title {
+    height: 25%;
+    min-height: 20px;
+    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}}}|link={{{link|}}}]]</div><div id="container"><div id="img-container">[[File:Stillwindsclimate.jpg|link=]]</div><div id="title">{{{text|Category}}}</div></div></div>
-<div id="container"></div>