clean up legacy code
This commit is contained in:
parent
cb3b475b9d
commit
edca399ba1
1 changed files with 0 additions and 287 deletions
287
kit/style.css
287
kit/style.css
|
|
@ -8,11 +8,6 @@
|
|||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
/* 1 */
|
||||
-ms-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
-webkit-text-size-adjust: 100%;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -189,8 +184,6 @@ figure {
|
|||
* Address differences between Firefox and other browsers.
|
||||
*/
|
||||
hr {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
}
|
||||
|
|
@ -267,10 +260,7 @@ button,
|
|||
html input[type='button'],
|
||||
input[type='reset'],
|
||||
input[type='submit'] {
|
||||
-webkit-appearance: button;
|
||||
/* 2 */
|
||||
cursor: pointer;
|
||||
/* 3 */
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -281,15 +271,6 @@ html input[disabled] {
|
|||
cursor: default;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and border in Firefox 4+.
|
||||
*/
|
||||
button::-moz-focus-inner,
|
||||
input::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
|
||||
* the UA stylesheet.
|
||||
|
|
@ -307,45 +288,19 @@ input {
|
|||
*/
|
||||
input[type='checkbox'],
|
||||
input[type='radio'] {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/* 1 */
|
||||
padding: 0;
|
||||
/* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
|
||||
* `font-size` values of the `input`, it causes the cursor style of the
|
||||
* decrement button to change from `default` to `text`.
|
||||
*/
|
||||
input[type='number']::-webkit-inner-spin-button,
|
||||
input[type='number']::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
|
||||
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome
|
||||
* (include `-moz` to future-proof).
|
||||
*/
|
||||
input[type='search'] {
|
||||
-moz-box-sizing: content-box;
|
||||
-webkit-box-sizing: content-box;
|
||||
/* 2 */
|
||||
box-sizing: content-box;
|
||||
-webkit-appearance: textfield;
|
||||
/* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
|
||||
* Safari (but not Chrome) clips the cancel button when the search input has
|
||||
* padding (and `textfield` appearance).
|
||||
*/
|
||||
input[type='search']::-webkit-search-cancel-button,
|
||||
input[type='search']::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
@ -403,7 +358,6 @@ th {
|
|||
color: #333333 !important;
|
||||
text-shadow: none !important;
|
||||
background: transparent !important;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
a[href]::after {
|
||||
|
|
@ -448,14 +402,12 @@ th {
|
|||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
overflow-y: scroll;
|
||||
|
|
@ -576,20 +528,10 @@ section .content-wrap > * + * {
|
|||
}
|
||||
|
||||
.container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
|
@ -1077,8 +1019,6 @@ h6 {
|
|||
height: 0.44444rem;
|
||||
background-color: #009982;
|
||||
opacity: 1;
|
||||
-webkit-transition: left 1s, width .7s, opacity .5s;
|
||||
-o-transition: left 1s, width .7s, opacity .5s;
|
||||
transition: left 1s, width .7s, opacity .5s;
|
||||
}
|
||||
|
||||
|
|
@ -1508,7 +1448,6 @@ aside .aside-icon:hover {
|
|||
background-position: center center;
|
||||
background-size: cover;
|
||||
pointer-events: none;
|
||||
transition: -webkit-transform .3s;
|
||||
transition: transform .3s;
|
||||
}
|
||||
|
||||
|
|
@ -1923,9 +1862,7 @@ body.page-theme-color-quaternary .tabs-and-triangle::after {
|
|||
}
|
||||
|
||||
.story-teaser-background-image img {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center center;
|
||||
object-position: center center;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
|
|
@ -2021,9 +1958,7 @@ body.page-theme-color-quaternary .tabs-and-triangle::after {
|
|||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center center;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
|
|
@ -2707,8 +2642,6 @@ body.page-theme-color-quaternary form input[type='submit'] {
|
|||
border-bottom-color: #009982;
|
||||
color: #009982;
|
||||
font-weight: 700;
|
||||
-webkit-transition: border-bottom-color .3s, color .3s;
|
||||
-o-transition: border-bottom-color .3s, color .3s;
|
||||
transition: border-bottom-color .3s, color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -2718,8 +2651,6 @@ body.page-theme-color-quaternary form input[type='submit'] {
|
|||
}
|
||||
|
||||
.teaser-box-category-marker:hover::after {
|
||||
-webkit-transform: translateX(-3px);
|
||||
-ms-transform: translateX(-3px);
|
||||
transform: translateX(-3px);
|
||||
opacity: .7;
|
||||
}
|
||||
|
|
@ -2732,11 +2663,7 @@ body.page-theme-color-quaternary form input[type='submit'] {
|
|||
display: block;
|
||||
width: 1.77778rem;
|
||||
height: 1.27778rem;
|
||||
-webkit-transition: opacity .3s, -webkit-transform .3s;
|
||||
transition: opacity .3s, -webkit-transform .3s;
|
||||
-o-transition: transform .3s, opacity .3s;
|
||||
transition: transform .3s, opacity .3s;
|
||||
transition: transform .3s, opacity .3s, -webkit-transform .3s;
|
||||
}
|
||||
|
||||
.teaser-box-color-brand-primary .teaser-box-category-marker {
|
||||
|
|
@ -2886,9 +2813,7 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
width: 100%;
|
||||
max-width: none;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center center;
|
||||
object-position: center center;
|
||||
}
|
||||
|
||||
|
|
@ -2915,8 +2840,6 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
background-color: rgba(0, 0, 0, 0.6);
|
||||
background-image: none;
|
||||
outline: none;
|
||||
-webkit-transition: background-color .3s;
|
||||
-o-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -2933,8 +2856,6 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
left: 50%;
|
||||
width: 0.88889rem;
|
||||
height: 0.88889rem;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
|
@ -2958,8 +2879,6 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
}
|
||||
|
||||
.pro-contra {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
|
@ -2998,8 +2917,6 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
display: block;
|
||||
width: 2.22222rem;
|
||||
height: 2.22222rem;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
|
|
@ -3015,8 +2932,6 @@ body.page-theme-color-quaternary .teaser-box-category-marker::after {
|
|||
display: block;
|
||||
width: 2.22222rem;
|
||||
height: 2.22222rem;
|
||||
-webkit-transform: translateY(-50%);
|
||||
-ms-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
|
|
@ -3107,11 +3022,7 @@ body.page-theme-color-quaternary .pro-contra ul li.contra {
|
|||
margin-left: 2.77778rem;
|
||||
overflow-wrap: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
-webkit-transition: opacity .5s, -webkit-transform .5s;
|
||||
transition: opacity .5s, -webkit-transform .5s;
|
||||
-o-transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s;
|
||||
transition: opacity .5s, transform .5s, -webkit-transform .5s;
|
||||
}
|
||||
|
||||
.icon-headline-text li + li {
|
||||
|
|
@ -3132,15 +3043,11 @@ body.page-theme-color-quaternary .pro-contra ul li.contra {
|
|||
}
|
||||
|
||||
.icon-headline-text li.waypoint {
|
||||
-webkit-transform: translateX(-25px);
|
||||
-ms-transform: translateX(-25px);
|
||||
transform: translateX(-25px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.icon-headline-text li.waypoint-triggered {
|
||||
-webkit-transform: none;
|
||||
-ms-transform: none;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
}
|
||||
|
|
@ -3206,26 +3113,16 @@ body.page-theme-color-quaternary .icon-headline-text li.star::before {
|
|||
right: 0;
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
-webkit-transform-origin: center;
|
||||
-ms-transform-origin: center;
|
||||
transform-origin: center;
|
||||
line-height: 1;
|
||||
-webkit-transition: -webkit-transform .4s;
|
||||
transition: -webkit-transform .4s;
|
||||
-o-transition: transform .4s;
|
||||
transition: transform .4s;
|
||||
transition: transform .4s, -webkit-transform .4s;
|
||||
}
|
||||
|
||||
.tab-navigation-mobile-head.active span::after {
|
||||
-webkit-transform: rotate(180deg);
|
||||
-ms-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.tab-navigation-items {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
margin-bottom: 1.66667rem;
|
||||
border-bottom: 0.44444rem solid #ffffff;
|
||||
|
|
@ -3242,36 +3139,22 @@ body.page-theme-color-quaternary .icon-headline-text li.star::before {
|
|||
|
||||
.tab-navigation-item > div {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.tab-navigation-item > div span {
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
color: #999999;
|
||||
font-size: 1.22222rem;
|
||||
font-weight: 500;
|
||||
line-height: 1.55556rem;
|
||||
-webkit-transition: color .2s;
|
||||
-o-transition: color .2s;
|
||||
transition: color .2s;
|
||||
}
|
||||
|
||||
|
|
@ -3283,8 +3166,6 @@ body.page-theme-color-quaternary .icon-headline-text li.star::before {
|
|||
width: 100%;
|
||||
height: 0.44444rem;
|
||||
background-color: transparent;
|
||||
-webkit-transition: background-color .2s;
|
||||
-o-transition: background-color .2s;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
|
||||
|
|
@ -3449,8 +3330,6 @@ body.page-theme-color-quaternary .tab-navigation-item.active > div::after {
|
|||
text-align: center;
|
||||
overflow-wrap: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
-webkit-transition: color .5s, background-color .5s;
|
||||
-o-transition: color .5s, background-color .5s;
|
||||
transition: color .5s, background-color .5s;
|
||||
}
|
||||
|
||||
|
|
@ -3491,8 +3370,6 @@ body.page-theme-color-quaternary .tab-navigation-item.active > div::after {
|
|||
text-transform: uppercase;
|
||||
letter-spacing: .2px;
|
||||
background-color: #009982;
|
||||
-webkit-transition: background-color .3s;
|
||||
-o-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -3550,17 +3427,11 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
|
||||
.image-slider::before {
|
||||
left: 0;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(rgba(127, 127, 127, 0.5)), to(rgba(255, 255, 255, 0)));
|
||||
background-image: -webkit-linear-gradient(left, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(left, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(to right, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
|
||||
.image-slider::after {
|
||||
right: 0;
|
||||
background-image: -webkit-gradient(linear, right top, left top, from(rgba(127, 127, 127, 0.5)), to(rgba(255, 255, 255, 0)));
|
||||
background-image: -webkit-linear-gradient(right, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: -o-linear-gradient(right, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
background-image: linear-gradient(to left, rgba(127, 127, 127, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
|
||||
|
|
@ -3589,9 +3460,7 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
}
|
||||
|
||||
.image-slider .swiper-slide figure img {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center center;
|
||||
object-position: center center;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
|
|
@ -3614,9 +3483,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#e5e5e5), color-stop(45%, #e5e5e5), color-stop(47%, rgba(229, 229, 229, 0.97)), color-stop(50%, rgba(229, 229, 229, 0.89)), color-stop(75%, rgba(229, 229, 229, 0)), to(rgba(229, 229, 229, 0)));
|
||||
background-image: -webkit-linear-gradient(left, #e5e5e5 0%, #e5e5e5 45%, rgba(229, 229, 229, 0.97) 47%, rgba(229, 229, 229, 0.89) 50%, rgba(229, 229, 229, 0) 75%, rgba(229, 229, 229, 0) 100%);
|
||||
background-image: -o-linear-gradient(left, #e5e5e5 0%, #e5e5e5 45%, rgba(229, 229, 229, 0.97) 47%, rgba(229, 229, 229, 0.89) 50%, rgba(229, 229, 229, 0) 75%, rgba(229, 229, 229, 0) 100%);
|
||||
background-image: linear-gradient(to right, #e5e5e5 0%, #e5e5e5 45%, rgba(229, 229, 229, 0.97) 47%, rgba(229, 229, 229, 0.89) 50%, rgba(229, 229, 229, 0) 75%, rgba(229, 229, 229, 0) 100%);
|
||||
}
|
||||
|
||||
|
|
@ -3625,9 +3491,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
}
|
||||
|
||||
.image-slider .swiper-slide-dark::after {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#333333), color-stop(45%, #333333), color-stop(47%, rgba(51, 51, 51, 0.97)), color-stop(50%, rgba(51, 51, 51, 0.89)), color-stop(75%, rgba(51, 51, 51, 0)), to(rgba(51, 51, 51, 0)));
|
||||
background-image: -webkit-linear-gradient(left, #333333 0%, #333333 45%, rgba(51, 51, 51, 0.97) 47%, rgba(51, 51, 51, 0.89) 50%, rgba(51, 51, 51, 0) 75%, rgba(51, 51, 51, 0) 100%);
|
||||
background-image: -o-linear-gradient(left, #333333 0%, #333333 45%, rgba(51, 51, 51, 0.97) 47%, rgba(51, 51, 51, 0.89) 50%, rgba(51, 51, 51, 0) 75%, rgba(51, 51, 51, 0) 100%);
|
||||
background-image: linear-gradient(to right, #333333 0%, #333333 45%, rgba(51, 51, 51, 0.97) 47%, rgba(51, 51, 51, 0.89) 50%, rgba(51, 51, 51, 0) 75%, rgba(51, 51, 51, 0) 100%);
|
||||
}
|
||||
|
||||
|
|
@ -3648,8 +3511,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
left: 50%;
|
||||
width: 2.22222rem;
|
||||
height: 4.11111rem;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
|
@ -3662,8 +3523,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
margin: 0 6px;
|
||||
outline: none;
|
||||
opacity: .4;
|
||||
-webkit-transition: background-color .3s, opacity .3s;
|
||||
-o-transition: background-color .3s, opacity .3s;
|
||||
transition: background-color .3s, opacity .3s;
|
||||
}
|
||||
|
||||
|
|
@ -3768,8 +3627,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
background-color: rgba(0, 0, 0, 0.8);
|
||||
background-image: none;
|
||||
outline: none;
|
||||
-webkit-transition: background-color .3s;
|
||||
-o-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
.image-slider .swiper-button-prev:hover,
|
||||
|
|
@ -3784,8 +3641,6 @@ body.page-theme-color-quaternary .page-category-marker {
|
|||
left: 50%;
|
||||
width: 1.22222rem;
|
||||
height: 1.22222rem;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
|
@ -3838,21 +3693,12 @@ body.page-theme-color-quaternary .image-slider .swiper-pagination-bullet-active
|
|||
z-index: -2;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transition: -webkit-transform .7s;
|
||||
transition: -webkit-transform .7s;
|
||||
-o-transition: transform .7s;
|
||||
transition: transform .7s;
|
||||
transition: transform .7s, -webkit-transform .7s;
|
||||
}
|
||||
|
||||
.teaser-tile:hover img {
|
||||
-webkit-transform: translate(-50%, -50%) scale(1.1);
|
||||
-ms-transform: translate(-50%, -50%) scale(1.1);
|
||||
transform: translate(-50%, -50%) scale(1.1);
|
||||
}
|
||||
|
||||
|
|
@ -3951,41 +3797,22 @@ body.page-theme-color-quaternary .teaser-tile::before {
|
|||
}
|
||||
|
||||
.big-teaser-tiles {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.big-teaser-tiles .big-teaser-tile {
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
width: 50%;
|
||||
min-height: 25rem;
|
||||
padding-left: 60px;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
overflow: hidden;
|
||||
color: #eeeeee;
|
||||
|
|
@ -4000,21 +3827,12 @@ body.page-theme-color-quaternary .teaser-tile::before {
|
|||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-webkit-transform: translate(-50%, -50%) scale(1.001);
|
||||
-ms-transform: translate(-50%, -50%) scale(1.001);
|
||||
transform: translate(-50%, -50%) scale(1.001);
|
||||
-webkit-transition: -webkit-transform .7s;
|
||||
transition: -webkit-transform .7s;
|
||||
-o-transition: transform .7s;
|
||||
transition: transform .7s;
|
||||
transition: transform .7s, -webkit-transform .7s;
|
||||
}
|
||||
|
||||
.big-teaser-tiles .big-teaser-tile:hover img {
|
||||
-webkit-transform: translate(-50%, -50%) scale(1.1);
|
||||
-ms-transform: translate(-50%, -50%) scale(1.1);
|
||||
transform: translate(-50%, -50%) scale(1.1);
|
||||
}
|
||||
|
||||
|
|
@ -4145,45 +3963,25 @@ body.page-theme-color-quaternary .teaser-tile::before {
|
|||
}
|
||||
|
||||
.teaser-strip {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
overflow-wrap: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
-webkit-transition: background-color .5s;
|
||||
-o-transition: background-color .5s;
|
||||
transition: background-color .5s;
|
||||
}
|
||||
|
||||
.teaser-strip:hover img {
|
||||
-webkit-transform: scale(1.03);
|
||||
-ms-transform: scale(1.03);
|
||||
transform: scale(1.03);
|
||||
}
|
||||
|
||||
.teaser-strip-image-left .container-2-cols {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.teaser-strip-image-right .container-2-cols {
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: reverse;
|
||||
-ms-flex-direction: row-reverse;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
|
|
@ -4212,15 +4010,9 @@ body.page-theme-color-quaternary .teaser-tile::before {
|
|||
width: 100%;
|
||||
max-width: none;
|
||||
height: 100%;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center center;
|
||||
object-position: center center;
|
||||
-webkit-transition: -webkit-transform .5s;
|
||||
transition: -webkit-transform .5s;
|
||||
-o-transition: transform .5s;
|
||||
transition: transform .5s;
|
||||
transition: transform .5s, -webkit-transform .5s;
|
||||
}
|
||||
|
||||
.teaser-strip .column h2,
|
||||
|
|
@ -4300,9 +4092,6 @@ body.page-theme-color-quaternary .teaser-strip:hover {
|
|||
|
||||
@media (max-width: 680px) {
|
||||
.teaser-strip-image-left .container-2-cols, .teaser-strip-image-right .container-2-cols {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.teaser-strip .column {
|
||||
|
|
@ -4358,8 +4147,6 @@ body.page-theme-color-quaternary .teaser-strip:hover {
|
|||
display: block;
|
||||
padding-left: 2.5rem;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color .3s;
|
||||
-o-transition: color .3s;
|
||||
transition: color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -4383,12 +4170,8 @@ body.page-theme-color-quaternary .teaser-strip:hover {
|
|||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
-ms-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: #009982;
|
||||
-webkit-transition: height .3s;
|
||||
-o-transition: height .3s;
|
||||
transition: height .3s;
|
||||
}
|
||||
|
||||
|
|
@ -4477,58 +4260,34 @@ body.page-theme-color-quaternary .toggle-head-icon::before, body.page-theme-colo
|
|||
}
|
||||
|
||||
.eyecatcher.background-color-brand-primary {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#009982), to(#08d7b8)) !important;
|
||||
background-image: -webkit-linear-gradient(left, #009982, #08d7b8) !important;
|
||||
background-image: -o-linear-gradient(left, #009982, #08d7b8) !important;
|
||||
background-image: linear-gradient(90deg, #009982, #08d7b8) !important;
|
||||
}
|
||||
|
||||
.eyecatcher.background-color-brand-secondary {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#00a4e4), to(#00b7ff)) !important;
|
||||
background-image: -webkit-linear-gradient(left, #00a4e4, #00b7ff) !important;
|
||||
background-image: -o-linear-gradient(left, #00a4e4, #00b7ff) !important;
|
||||
background-image: linear-gradient(90deg, #00a4e4, #00b7ff) !important;
|
||||
}
|
||||
|
||||
.eyecatcher.background-color-brand-tertiary {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#df9b1b), to(#f4c431)) !important;
|
||||
background-image: -webkit-linear-gradient(left, #df9b1b, #f4c431) !important;
|
||||
background-image: -o-linear-gradient(left, #df9b1b, #f4c431) !important;
|
||||
background-image: linear-gradient(90deg, #df9b1b, #f4c431) !important;
|
||||
}
|
||||
|
||||
.eyecatcher.background-color-brand-quaternary {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#a3107c), to(#d02ea5)) !important;
|
||||
background-image: -webkit-linear-gradient(left, #a3107c, #d02ea5) !important;
|
||||
background-image: -o-linear-gradient(left, #a3107c, #d02ea5) !important;
|
||||
background-image: linear-gradient(90deg, #a3107c, #d02ea5) !important;
|
||||
}
|
||||
|
||||
body.page-theme-color-primary .eyecatcher {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#009982), to(#08d7b8));
|
||||
background-image: -webkit-linear-gradient(left, #009982, #08d7b8);
|
||||
background-image: -o-linear-gradient(left, #009982, #08d7b8);
|
||||
background-image: linear-gradient(90deg, #009982, #08d7b8);
|
||||
}
|
||||
|
||||
body.page-theme-color-secondary .eyecatcher {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#00a4e4), to(#00b7ff));
|
||||
background-image: -webkit-linear-gradient(left, #00a4e4, #00b7ff);
|
||||
background-image: -o-linear-gradient(left, #00a4e4, #00b7ff);
|
||||
background-image: linear-gradient(90deg, #00a4e4, #00b7ff);
|
||||
}
|
||||
|
||||
body.page-theme-color-tertiary .eyecatcher {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#df9b1b), to(#f4c431));
|
||||
background-image: -webkit-linear-gradient(left, #df9b1b, #f4c431);
|
||||
background-image: -o-linear-gradient(left, #df9b1b, #f4c431);
|
||||
background-image: linear-gradient(90deg, #df9b1b, #f4c431);
|
||||
}
|
||||
|
||||
body.page-theme-color-quaternary .eyecatcher {
|
||||
background-image: -webkit-gradient(linear, left top, right top, from(#a3107c), to(#d02ea5));
|
||||
background-image: -webkit-linear-gradient(left, #a3107c, #d02ea5);
|
||||
background-image: -o-linear-gradient(left, #a3107c, #d02ea5);
|
||||
background-image: linear-gradient(90deg, #a3107c, #d02ea5);
|
||||
}
|
||||
|
||||
|
|
@ -4620,20 +4379,10 @@ body.page-theme-color-quaternary .eyecatcher {
|
|||
}
|
||||
|
||||
.events .small-event-teaser {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: nowrap;
|
||||
flex-wrap: nowrap;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
|
|
@ -4658,14 +4407,10 @@ body.page-theme-color-quaternary .eyecatcher {
|
|||
padding: 0.83333rem;
|
||||
padding-bottom: 3.33333rem;
|
||||
margin-left: 2px;
|
||||
-webkit-box-flex: 1;
|
||||
-ms-flex-positive: 1;
|
||||
flex-grow: 1;
|
||||
background-color: #f2f2f2;
|
||||
overflow-wrap: break-word;
|
||||
overflow-wrap: anywhere;
|
||||
-webkit-transition: background-color .3s;
|
||||
-o-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -4809,8 +4554,6 @@ body.page-theme-color-quaternary .eyecatcher {
|
|||
margin-top: 15px !important;
|
||||
margin-left: 1.66667rem;
|
||||
font-weight: 700;
|
||||
-webkit-transition: color .3s;
|
||||
-o-transition: color .3s;
|
||||
transition: color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -4929,20 +4672,10 @@ body.page-theme-color-quaternary .events-readmore-link:hover {
|
|||
|
||||
@media (max-width: 960px) {
|
||||
.events .small-event-teaser-container {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: horizontal;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: row;
|
||||
flex-direction: row;
|
||||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-box-align: stretch;
|
||||
-ms-flex-align: stretch;
|
||||
align-items: stretch;
|
||||
-webkit-box-pack: start;
|
||||
-ms-flex-pack: start;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.events .small-event-teaser {
|
||||
|
|
@ -4961,9 +4694,6 @@ body.page-theme-color-quaternary .events-readmore-link:hover {
|
|||
|
||||
@media (max-width: 680px) {
|
||||
.events .small-event-teaser-container {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
.events .small-event-teaser {
|
||||
|
|
@ -5040,12 +4770,7 @@ article > p:first-child {
|
|||
background-color: #009982;
|
||||
border-radius: 0;
|
||||
outline: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-transition: background-color .2s;
|
||||
-o-transition: background-color .2s;
|
||||
transition: background-color .2s;
|
||||
}
|
||||
|
||||
|
|
@ -5101,8 +4826,6 @@ article > p:first-child {
|
|||
padding: 10px 15px;
|
||||
color: #eeeeee;
|
||||
background-color: #333333;
|
||||
-webkit-transition: background-color .3s;
|
||||
-o-transition: background-color .3s;
|
||||
transition: background-color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -5116,8 +4839,6 @@ article > p:first-child {
|
|||
}
|
||||
|
||||
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-title a {
|
||||
-webkit-transition: color .3s;
|
||||
-o-transition: color .3s;
|
||||
transition: color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -5137,8 +4858,6 @@ article > p:first-child {
|
|||
}
|
||||
|
||||
.tx-indexedsearch .tx-indexedsearch-res .link-more span {
|
||||
-webkit-transition: color .3s;
|
||||
-o-transition: color .3s;
|
||||
transition: color .3s;
|
||||
}
|
||||
|
||||
|
|
@ -5147,11 +4866,7 @@ article > p:first-child {
|
|||
position: absolute;
|
||||
width: 17px;
|
||||
margin-left: 10px;
|
||||
-webkit-transition: -webkit-transform .3s;
|
||||
transition: -webkit-transform .3s;
|
||||
-o-transition: transform .3s;
|
||||
transition: transform .3s;
|
||||
transition: transform .3s, -webkit-transform .3s;
|
||||
}
|
||||
|
||||
.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover {
|
||||
|
|
@ -5159,8 +4874,6 @@ article > p:first-child {
|
|||
}
|
||||
|
||||
.tx-indexedsearch .tx-indexedsearch-res .link-more span:hover::after {
|
||||
-webkit-transform: translateX(3px);
|
||||
-ms-transform: translateX(3px);
|
||||
transform: translateX(3px);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue