Alathra:Navcard: Difference between revisions

@@ Line 1: / Line 1: @@
-__NOTOC____NOEDITSECTION____NOTITLE__{{#css:
+<noinclude>__NOTOC____NOEDITSECTION____NOTITLE__{{#css:
-   #container {
+   #link-overlay {
      height: {{{height|180px}}};
      width: {{{width|200px}}};
      border: solid;
-     border-color: red;
+     overflow: hidden;
+  }
+  #overlay img {
+    position: absolute;
+    height: {{{height|180px}}};
+    width: {{{width|200px}}};
+  }
+  #container {
+    height: 100%;
+    width: auto;
+    display: flex;
+    flex-direction: column;
    }
-   #img {
-     height: 80%;
+   #img-container {
-     border: solid;
+    height: 75%;
-     border-color: yellow;
+    width: auto;
+  }
+  #img-container img {
+    height: 100%;
+    width: {{{width|200px}}};
+    object-fit: cover;
+  }
+  #title {
+     height: 25%;
+     min-height: 20px;
+    width: auto;
+    text-align: center;
+     font-size: 24px;
+    margin: auto;
    }
-}}
+}}</noinclude>
-<div id="container"><div id="img"></div></div>
+<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>