projekte
/
oho
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Designanpassungen am Suchergebnisraster nach Gespräch mit Anton am 28.03.2019

This commit is contained in:
bmen 2019-03-28 14:42:05 +01:00
parent eabe2ccc7b
commit 71dcd3a9c7
4 changed files with 101 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
img/DIN_logo.svg Normal file
View File

@ -0,0 +1,21 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;}
</style>
<g id="layer1" transform="translate(-3782.83,1466.2)">
<g id="g32272" transform="translate(8.852143,8.858074)">
<path id="path32193" d="M3775.58-1470.97h14.05v0.72h-14.05V-1470.97z"/>
<path id="path32195" class="st0" d="M3789.63-1462.87h-1.02l-2.99-4.39v4.39h-1.02v-6.25h1.02l2.99,4.43v-4.43h1.02V-1462.87"/>
<path id="path32197" d="M3781.98-1469.12h1.02v6.25h-1.02V-1469.12z"/>
<path id="path32199" d="M3775.58-1461.73h14.05v0.76h-14.05V-1461.73z"/>
<path id="path32201" class="st0" d="M3775.61-1469.12c0,2.08,0,4.17,0,6.25c1.05,0,2.11,0,3.16,0c0.44,0,0.95-0.33,1.17-0.54
c0.28-0.27,0.63-0.73,0.64-1.33c0-0.86,0-1.72,0-2.58c-0.04-0.49-0.22-0.92-0.59-1.25c-0.39-0.37-0.88-0.54-1.22-0.55
C3777.71-1469.12,3776.66-1469.12,3775.61-1469.12z M3776.6-1468.17c0.65,0,1.3-0.01,1.95,0.01c0.25,0.01,0.42,0.09,0.6,0.2
c0.25,0.18,0.42,0.46,0.44,0.75c0,0.78,0.01,1.56-0.01,2.34c-0.02,0.29-0.18,0.58-0.4,0.77c-0.38,0.31-0.86,0.25-1.32,0.26
c-0.42,0-0.85,0-1.27,0C3776.6-1465.29,3776.6-1466.73,3776.6-1468.17z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

18
img/OSH_logo.svg Normal file
View File

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 18 17" style="enable-background:new 0 0 18 17;" xml:space="preserve">
<path d="M17.91,7.9L15.73,7.5c-0.05-0.01-0.11-0.06-0.13-0.11l-0.67-1.56c-0.02-0.05-0.02-0.12,0.01-0.17l1.27-1.85
c0.03-0.04,0.02-0.11-0.01-0.15l-1.59-1.59c-0.04-0.04-0.11-0.04-0.15-0.01l-1.89,1.29c-0.04,0.03-0.12,0.04-0.17,0.01l-1.51-0.62
c-0.05-0.02-0.1-0.07-0.11-0.13l-0.42-2.26c-0.01-0.05-0.06-0.1-0.12-0.1H8c-0.05,0-0.11,0.04-0.12,0.1L7.46,2.61
C7.45,2.66,7.4,2.72,7.35,2.74L5.83,3.36C5.79,3.38,5.71,3.38,5.67,3.35L3.78,2.05C3.73,2.02,3.67,2.03,3.63,2.06L2.04,3.65
C2,3.69,2,3.76,2.03,3.8L3.3,5.66C3.33,5.7,3.33,5.78,3.31,5.83L2.64,7.39C2.62,7.44,2.56,7.49,2.51,7.5L0.33,7.9
c-0.05,0.01-0.1,0.06-0.1,0.12l0,2.25c0,0.05,0.04,0.11,0.1,0.12l2.13,0.4c0.05,0.01,0.11,0.06,0.13,0.11l0.66,1.66
c0.02,0.05,0.02,0.12-0.01,0.17l-1.21,1.76C2,14.53,2,14.6,2.04,14.63l1.59,1.59c0.04,0.04,0.11,0.04,0.15,0.01l1.73-1.19
c0.04-0.03,0.12-0.03,0.17-0.01l0.76,0.41c0.05,0.02,0.1,0,0.13-0.05l1.57-3.8c0.02-0.05,0-0.11-0.05-0.14L7.9,11.34
c-0.04-0.02-0.08-0.06-0.12-0.09c-0.69-0.44-1.15-1.21-1.15-2.09c0-1.37,1.11-2.48,2.48-2.48s2.48,1.11,2.48,2.48
c0,0.88-0.46,1.65-1.15,2.09c-0.04,0.03-0.09,0.07-0.12,0.09l-0.19,0.12c-0.05,0.03-0.07,0.09-0.05,0.14l1.57,3.8
c0.02,0.05,0.08,0.07,0.13,0.05l0.76-0.41c0.05-0.03,0.12-0.02,0.17,0.01l1.73,1.19c0.04,0.03,0.11,0.02,0.15-0.01l1.59-1.59
c0.04-0.04,0.04-0.11,0.01-0.15L15,12.72c-0.03-0.04-0.04-0.12-0.01-0.17l0.66-1.66c0.02-0.05,0.07-0.1,0.13-0.11l2.13-0.4
c0.05-0.01,0.1-0.06,0.1-0.12l0-2.25C18.01,7.97,17.96,7.91,17.91,7.9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

36
index.html
View File

@ -152,9 +152,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>
@ -189,9 +189,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>
@ -226,9 +226,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>
@ -263,9 +263,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>
@ -300,9 +300,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>
@ -337,9 +337,9 @@
</div>
</div>
<ul>
<li><img src="img/language-icon.gif" /> DE,EN</li>
<li><img src="img/opensource-off.png" /></li>
<li>DIN</li>
<li><i class="fas fa-language"></i> DE,EN</li>
<li><img src="img/OSH_logo.svg" width="16" /></li>
<li><img style="margin-top:-2px;" src="img/DIN_logo.svg" width="20" /></li>
<li><i class="fas fa-book-open"></i></li>
</ul>
<div class="clearer">&nbsp;</div>

56
style.css
View File

@ -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) */