From 71dcd3a9c7c253da983f6049c9813b5fc5236986 Mon Sep 17 00:00:00 2001 From: bmen Date: Thu, 28 Mar 2019 14:42:05 +0100 Subject: [PATCH] =?UTF-8?q?Designanpassungen=20am=20Suchergebnisraster=20n?= =?UTF-8?q?ach=20Gespr=C3=A4ch=20mit=20Anton=20am=2028.03.2019?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- img/DIN_logo.svg | 21 ++++++++++++++++++ img/OSH_logo.svg | 18 ++++++++++++++++ index.html | 36 +++++++++++++++---------------- style.css | 56 +++++++++++++++++++++++++++++++++++++----------- 4 files changed, 101 insertions(+), 30 deletions(-) create mode 100644 img/DIN_logo.svg create mode 100644 img/OSH_logo.svg diff --git a/img/DIN_logo.svg b/img/DIN_logo.svg new file mode 100644 index 0000000..9e68b7a --- /dev/null +++ b/img/DIN_logo.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + diff --git a/img/OSH_logo.svg b/img/OSH_logo.svg new file mode 100644 index 0000000..676fcf8 --- /dev/null +++ b/img/OSH_logo.svg @@ -0,0 +1,18 @@ + + + + + diff --git a/index.html b/index.html index c409162..9472c3a 100644 --- a/index.html +++ b/index.html @@ -152,9 +152,9 @@
 
@@ -189,9 +189,9 @@
 
@@ -226,9 +226,9 @@
 
@@ -263,9 +263,9 @@
 
@@ -300,9 +300,9 @@
 
@@ -337,9 +337,9 @@
 
diff --git a/style.css b/style.css index 47d955c..43adcfe 100644 --- a/style.css +++ b/style.css @@ -356,7 +356,7 @@ a:hover { } .headline input.search-field-content { border:2px #a14032 solid; - border-radius: 8px; + border-radius: 7px; font-size:100%; padding:10px 40px 10px 10px; color:#002b3e; @@ -411,7 +411,7 @@ a:hover { padding: 5px; font-size: 100%; line-height: 1; - border-radius: 8px; + border-radius: 7px; height: 45px; -webkit-appearance: none; float: left; @@ -486,17 +486,19 @@ a:hover { z-index:999; } .search-results-variante3-item:hover { + top:-10px; left: -16px; width:278px; z-index:1000; border:1px #002b3e solid; - border-radius: 10px; + border-radius: 7px; -webkit-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 60px 0px rgba(0,0,0,0.75); } .search-results-variante3-item .search-results-variante3-item-img { - + border-top-left-radius: 7px; + border-top-right-radius: 7px; } .search-results-variante3-item .search-results-variante3-item-img img { clip-path: inset(33px 0 33px 0); @@ -507,11 +509,18 @@ a:hover { clip-path: inset(0 0 0 0); width:278px; margin:0 0; - border-radius:8px; + border-top-left-radius: 6px; + border-top-right-radius: 6px; } .search-results-variante3-item .search-results-variante3-item-info { background: #fef0e4; padding:10px; + border-bottom-right-radius: 7px; + border-bottom-left-radius: 7px; +} +.search-results-variante3-item:hover .search-results-variante3-item-info { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } .search-results-variante3-item .search-results-variante3-item-info h2 { margin:0; @@ -527,8 +536,9 @@ a:hover { .search-results-variante3-item .search-results-variante3-item-meta { padding: 5px; background:#fff; - border-bottom-right-radius: 8px; - border-bottom-left-radius: 8px; + border-bottom-right-radius: 7px; + border-bottom-left-radius: 7px; + font-size: 11px; } .search-results-variante3-item:hover .search-results-variante3-item-meta { padding: 5px 10px; @@ -544,9 +554,23 @@ a:hover { .search-results-variante3-item .search-results-variante3-item-meta li { list-style: none; margin:0; - padding:0 8px; + padding:2px 11px; float:left; border-right:1px #002b3e solid; + height:16px; +} +.search-results-variante3-item .search-results-variante3-item-meta li { +} +.search-results-variante3-item .search-results-variante3-item-meta li svg { + background-color: red; + fill: currentColor; +} +.search-results-variante3-item:hover .search-results-variante3-item-meta li { + padding:2px 11px; +} +.search-results-variante3-item .search-results-variante3-item-meta li i { + font-size:13px; + color:#296178; } .search-results-variante3-item .search-results-variante3-item-meta li:first-child { padding-left:0; @@ -555,13 +579,20 @@ a:hover { border-right:0; padding-right:0; } +.search-results-variante3-item:hover .search-results-variante3-item-meta li:last-child { + padding-left:10px; +} .search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-compl { width:180px; float:left; + margin-bottom:6px; +} +.search-results-variante3-item:hover .search-results-variante3-item-meta .search-results-variante3-item-meta-compl { + width:205px; } .search-results-variante3-item .search-results-variante3-item-meta-status { width:35px; - padding-left:5px; + padding:0 0 3px 5px; float:right; border-left:1px #002b3e solid; text-align: center; @@ -578,13 +609,14 @@ a:hover { } .search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date { display:none; -} -.search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date .released { - float:right; + margin-top:3px; } .search-results-variante3-item:hover .search-results-variante3-item-meta .search-results-variante3-item-meta-date { display:block; } +.search-results-variante3-item .search-results-variante3-item-meta .search-results-variante3-item-meta-date .released { + float:right; +} .search-results-variante3 svg { transform: rotate(-90deg); stroke-dasharray: 251; /* (2PI * 40px) */