Main Page.css: Difference between revisions

← Older edit Newer edit →

@@ Line 338: / Line 338: @@
    overflow: hidden;
    border-radius: 8px;
-}
+   height: 100%;
+   display: flex;
-.crw-card-link{
+   flex-direction: column;
-   display: block;
-   color: inherit;
-   text-decoration: none;
 }
 .crw-card-img{
    height: 120px;
+  background: rgba(0,64,128,0.06);
    overflow: hidden;
-  background: rgba(0,64,128,0.06);
 }
@@ Line 357: / Line 354: @@
    object-fit: cover;
    display: block;
+}
+.crw-card-img-placeholder{
+  height: 100%;
+  width: 100%;
 }
 .crw-card-body{
    padding: 0.7em 0.8em;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 .crw-card-title{
    font-weight: 800;
+  line-height: 1.15;
+}
+.crw-card-title a{
    color: #004080;
-   line-height: 1.15;
+   text-decoration: none;
+}
+.crw-card-title a:hover,
+.crw-card-title a:focus{
+  text-decoration: underline;
 }
@@ Line 380: / Line 394: @@
 }
-.crw-card-link:hover .crw-card-title,
+/* Dark */
-.crw-card-link:focus .crw-card-title{
-  text-decoration: underline;
-}
-.crw-card-more{
-  margin-top: 0.75em;
-  font-weight: 600;
-}
-/* Dark mode */
 @media screen{
    html.skin-theme-clientpref-night .crw-card{
@@ Line 396: / Line 400: @@
      border-color: #004080;
    }
-   html.skin-theme-clientpref-night .crw-card-title{
+   html.skin-theme-clientpref-night .crw-card-title a{
      color: #b9dcff;
    }
@@ Line 412: / Line 416: @@
      border-color: #004080;
    }
-   html.skin-theme-clientpref-os .crw-card-title{
+   html.skin-theme-clientpref-os .crw-card-title a{
      color: #b9dcff;
    }