implement search page and search results

This commit is contained in:
Jonas Heinrich 2020-04-16 14:23:49 +02:00
parent 45fea232e6
commit b72fd2f4b4
6 changed files with 171 additions and 50 deletions

View file

@ -613,7 +613,6 @@ section .content-wrap > * + * {
@media (max-width: 960px) {
.container-3-cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-3-cols .column {
@ -629,7 +628,6 @@ section .content-wrap > * + * {
margin-top: 1.66667rem;
}
.container-2-cols-golden-rule {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-2-cols-golden-rule .column {
@ -641,7 +639,6 @@ section .content-wrap > * + * {
margin-left: 0;
}
.container-2-cols-2-thirds-1-third {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-2-cols-2-thirds-1-third .column {
@ -656,7 +653,6 @@ section .content-wrap > * + * {
@media (max-width: 768px) {
.container-4-cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-4-cols .column {
@ -675,7 +671,6 @@ section .content-wrap > * + * {
@media (max-width: 680px) {
.container-2-cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-2-cols .column {
@ -695,7 +690,6 @@ section .content-wrap > * + * {
@media (max-width: 420px) {
.container-3-cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-3-cols .column {
@ -706,7 +700,6 @@ section .content-wrap > * + * {
margin-left: 0;
}
.container-4-cols {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.container-4-cols .column {
@ -1017,7 +1010,6 @@ h6 {
left: 0;
width: 5.83333rem;
height: 0.44444rem;
background-color: #009982;
opacity: 1;
transition: left 1s, width .7s, opacity .5s;
}
@ -1967,7 +1959,6 @@ body.page-theme-color-quaternary .tabs-and-triangle::after {
}
.locations-map .button {
-ms-flex-item-align: start;
align-self: flex-start;
width: 100%;
padding: 1.11111rem 1.11111rem;
@ -2381,7 +2372,6 @@ form textarea {
}
form input[type='submit'] {
-ms-flex-item-align: start;
align-self: flex-start;
display: inline-block;
width: auto;
@ -2390,7 +2380,6 @@ form input[type='submit'] {
margin-top: 0.83333rem;
color: #ffffff;
font-weight: 500;
background-color: #009982;
transition: background-color .5s;
}
@ -2976,7 +2965,6 @@ body.page-theme-color-quaternary .pro-contra ul li.contra {
@media (max-width: 560px) {
.pro-contra {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.pro-contra ul {
@ -3198,14 +3186,11 @@ body.page-theme-color-quaternary .icon-headline-text li.star::before {
}
.tabs-auto-height .tab-content-container {
display: -ms-grid;
display: grid;
}
.tabs-auto-height .tab-content-wrapper {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
display: block;
}
@ -3292,7 +3277,6 @@ body.page-theme-color-quaternary .tab-navigation-item.active > div::after {
width: 100%;
margin-top: 10px;
border-bottom: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #ffffff;
}
@ -4767,7 +4751,6 @@ article > p:first-child {
text-decoration: none;
text-transform: uppercase;
vertical-align: bottom;
background-color: #009982;
border-radius: 0;
outline: none;
user-select: none;
@ -4814,10 +4797,6 @@ article > p:first-child {
margin-right: 0;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul li.tx-indexedsearch-browselist-currentPage a {
background-color: #009982;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul li::before {
display: none;
}
@ -4829,23 +4808,14 @@ article > p:first-child {
transition: background-color .3s;
}
.tx-indexedsearch .tx-indexedsearch-browsebox ul li a:hover {
background-color: #009982;
}
.tx-indexedsearch .tx-indexedsearch-res {
padding: 30px 0;
border-bottom: 1px solid #009982;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a {
transition: color .3s;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a:hover {
color: #009982;
}
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-description strong {
font-weight: 400;
background-color: rgba(0, 153, 130, 0.1);
@ -4869,10 +4839,6 @@ article > p:first-child {
transition: transform .3s;
}
.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover {
color: #009982;
}
.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover::after {
transform: translateX(3px);
}