From 2835b0eb872dbebdb412373060dadc6d7cb59b87 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 14 May 2019 20:14:19 +0200 Subject: expand dataset list --- site/assets/css/css.css | 33 ++++++--------------------------- 1 file changed, 6 insertions(+), 27 deletions(-) (limited to 'site/assets/css/css.css') diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 92e59b3c..c76476e2 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -843,12 +843,17 @@ section.fullwidth .image { } .dataset-list .dataset { width: 300px; - height: 178px; padding: 10px; color: white; font-weight: 400; font-family: 'Roboto'; position: relative; + background: black; +} +.dataset-list .dataset-image { + background-size: cover; + width: 300px; + height: 178px; } .desktop .content .dataset-list a { border: none; @@ -856,38 +861,12 @@ section.fullwidth .image { .desktop .dataset-list a:hover { border: none; } -.dataset-list a:nth-child(3n+1) { background-color: rgba(255, 0, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+1):hover { background-color: rgba(255, 0, 0, 0.2); } - -.dataset-list a:nth-child(3n+2) { background-color: rgba(255, 128, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+2):hover { background-color: rgba(255, 128, 0, 0.2); } - -.dataset-list a:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); } -.desktop .dataset-list a:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); } - -.dataset-list span { - background-color: #181818; - box-shadow: -3px -3px #181818, 3px -3px #181818, -3px 3px #181818, 3px 3px #181818; - box-decoration-break: clone; -} -.dataset-list .title { - margin-bottom: 10px; - padding: 2px 4px; -} .dataset-list .fields { - display: block; - position: absolute; - bottom: 0px; - left: 10px; font-size: 12px; } .dataset-list .fields div { - display: none; -} -.dataset-list .fields div.visible { display: block; - margin-bottom: 10px; } .dataset-list .sort-options { margin: 0; -- cgit v1.2.3-70-g09d2