Untitled
unknown
plain_text
2 months ago
4.9 kB
5
Indexable
@media (min-width: 768px) { .teaser--overlap .cmp-teaser { position: relative; width: 100%; overflow: hidden; } .teaser--overlap .cmp-teaser__image { width: 100%; height: auto; display: block; } .teaser--overlap .cmp-teaser__pretitle { font-weight: lighter; font-size: 18px; color: rgb(255, 255, 255); background: rgba(143, 141, 141, 0.312); backdrop-filter: blur(0.1px); -webkit-backdrop-filter: blur(2.4px); max-width: fit-content; display: block; padding: 12.5px; margin-bottom: 10px; background: #012b45; border-radius: 10px; } .teaser--overlap .cmp-teaser__title-link { font-size: 50px; font-weight: bolder; color: #17a2b8; text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000; background: rgba(143, 141, 141, 0.312); backdrop-filter: blur(0.1px); -webkit-backdrop-filter: blur(2.4px); max-width: fit-content; display: block; padding: 12.5px; background: #012b45; font-family: IrvinHeadingPro, "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 10px; } .teaser--overlap .cmp-teaser__title { font-size: 50px; font-weight: bolder; color: white; text-shadow: -0.5px -0.5px 0 #000, 0.5px -0.5px 0 #000, -0.5px 0.5px 0 #000, 0.5px 0.5px 0 #000; background: rgba(143, 141, 141, 0.312); backdrop-filter: blur(0.1px); -webkit-backdrop-filter: blur(2.4px); max-width: fit-content; display: block; padding: 12.5px; background: #012b45; font-family: IrvinHeadingPro, "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius: 10px; } .teaser--overlap .cmp-teaser__description { font-size: 28px; font-weight: 300; line-height: 2.3ch; color: rgb(255, 255, 255); background: rgba(143, 141, 141, 0.312); backdrop-filter: blur(0.1px); -webkit-backdrop-filter: blur(2.4px); max-width: fit-content; display: block; padding: 12.5px; background: #012b45; border-radius: 10px; } .teaser--overlap .cmp-teaser__description p { margin: 0px 0px 0px 0px; } .teaser--overlap .cmp-teaser__content { max-width: 65%; display: block; padding: 20px; position: absolute; bottom: 15%; left: 1%; text-align: -webkit-center; color: rgb(0, 0, 0); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); font-family: "Adobe Caslon Pro", serif; } .teaser--withoutoverlap .cmp-teaser__content { text-align: center; left: 1%; padding: 10px; background-color: rgba(175, 175, 175, 0.129); } .teaser--withoutoverlap .cmp-teaser__pretitle { font-size: 20px; font-weight: 50; } .teaser--withoutoverlap .cmp-teaser__title { font-size: 50px; font-weight: bolder; color: #012b45; } .teaser--withoutoverlap .cmp-teaser__description { font-size: 24px; font-weight: 100; } .teaser--withoutoverlap .cmp-teaser__title-link { font-weight: bold; color: rgb(42, 103, 146); } } @media only screen and (max-width: 767px) { .teaser--withoutoverlap .cmp-teaser__content { text-align: center; left: 1%; padding: 10px; background-color: rgba(175, 175, 175, 0.129); } .teaser--withoutoverlap .cmp-teaser__pretitle { font-size: normal; font-weight: 50; } .teaser--withoutoverlap .cmp-teaser__description { font-size: large; font-weight: 100; } .teaser--withoutoverlap .cmp-teaser__title-link { font-weight: bold; color: rgb(42, 103, 146); } .teaser--withoutoverlap .cmp-teaser__title { font-size: 50px; font-weight: bolder; color: #012b45; } .teaser--overlap .cmp-teaser__content { text-align: center; left: 1%; padding: 10px; background-color: rgba(175, 175, 175, 0.129); } .teaser--overlap .cmp-teaser__pretitle { font-size: normal; font-weight: 50; } .teaser--overlap .cmp-teaser__description { font-size: large; font-weight: 100; } .teaser--overlap .cmp-teaser__title-link { font-weight: bold; color: rgb(42, 103, 146); } .teaser--overlap .cmp-teaser__title { font-size: 50px; font-weight: bolder; color: #012b45; } }
Editor is loading...
Leave a Comment