Skip to content
Snippets Groups Projects
Commit 7092afea authored by Janne Mareike Koschinski's avatar Janne Mareike Koschinski
Browse files

Updated assets

parent bcc397ed
Branches
No related tags found
No related merge requests found
@font-face { @font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Regular.eot");src:url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Regular.woff2") format("woff2"),url("/assets/fonts/Lato-Regular.woff") format("woff"),url("/assets/fonts/Lato-Regular.ttf") format("truetype");font-style:normal;font-weight:normal;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Bold.eot");src:url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Bold.woff2") format("woff2"),url("/assets/fonts/Lato-Bold.woff") format("woff"),url("/assets/fonts/Lato-Bold.ttf") format("truetype");font-style:normal;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-BoldItalic.eot");src:url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"),url("/assets/fonts/Lato-BoldItalic.woff") format("woff"),url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");font-style:italic;font-weight:bold;text-rendering:optimizeLegibility}@font-face{font-family:'Lato';src:url("/assets/fonts/Lato-Italic.eot");src:url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/Lato-Italic.woff2") format("woff2"),url("/assets/fonts/Lato-Italic.woff") format("woff"),url("/assets/fonts/Lato-Italic.ttf") format("truetype");font-style:italic;font-weight:normal;text-rendering:optimizeLegibility}
font-family: 'Lato';
src: url("/assets/fonts/Lato-Regular.eot");
src: url("/assets/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lato-Regular.woff2") format("woff2"), url("/assets/fonts/Lato-Regular.woff") format("woff"), url("/assets/fonts/Lato-Regular.ttf") format("truetype");
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility; }
@font-face {
font-family: 'Lato';
src: url("/assets/fonts/Lato-Bold.eot");
src: url("/assets/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lato-Bold.woff2") format("woff2"), url("/assets/fonts/Lato-Bold.woff") format("woff"), url("/assets/fonts/Lato-Bold.ttf") format("truetype");
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility; }
@font-face {
font-family: 'Lato';
src: url("/assets/fonts/Lato-BoldItalic.eot");
src: url("/assets/fonts/Lato-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lato-BoldItalic.woff2") format("woff2"), url("/assets/fonts/Lato-BoldItalic.woff") format("woff"), url("/assets/fonts/Lato-BoldItalic.ttf") format("truetype");
font-style: italic;
font-weight: bold;
text-rendering: optimizeLegibility; }
@font-face {
font-family: 'Lato';
src: url("/assets/fonts/Lato-Italic.eot");
src: url("/assets/fonts/Lato-Italic.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Lato-Italic.woff2") format("woff2"), url("/assets/fonts/Lato-Italic.woff") format("woff"), url("/assets/fonts/Lato-Italic.ttf") format("truetype");
font-style: italic;
font-weight: normal;
text-rendering: optimizeLegibility; }
This diff is collapsed.
...@@ -559,12 +559,12 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { ...@@ -559,12 +559,12 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
.ui.basic.buttons .button:hover { .ui.basic.buttons .button:hover {
box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset; box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) ;
} }
.ui.basic.buttons .button:active { .ui.basic.buttons .button:active {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) ;
} }
.ui.basic.buttons .active.button { .ui.basic.buttons .active.button {
...@@ -661,8 +661,6 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { ...@@ -661,8 +661,6 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
margin: 0 0.42857143em 0 -0.21428571em; margin: 0 0.42857143em 0 -0.21428571em;
-webkit-transition: opacity 0.1s ease; -webkit-transition: opacity 0.1s ease;
transition: opacity 0.1s ease; transition: opacity 0.1s ease;
vertical-align: none;
color: none;
} }
.ui.button:not(.icon) > .icon:not(.button):not(.dropdown) { .ui.button:not(.icon) > .icon:not(.button):not(.dropdown) {
...@@ -945,7 +943,6 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover { ...@@ -945,7 +943,6 @@ body .ui.inverted::-webkit-scrollbar-thumb:hover {
} }
.ui.header .ui.label { .ui.header .ui.label {
font-size: none;
margin-left: 0.5rem; margin-left: 0.5rem;
vertical-align: middle; vertical-align: middle;
} }
...@@ -1009,8 +1006,6 @@ h5.ui.header .sub.header { ...@@ -1009,8 +1006,6 @@ h5.ui.header .sub.header {
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-variant: normal; font-variant: normal;
text-decoration: inherit;
text-transform: none;
} }
i.icon { i.icon {
...@@ -1227,7 +1222,6 @@ i.icons .icon { ...@@ -1227,7 +1222,6 @@ i.icons .icon {
-webkit-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
margin: 0; margin: 0;
margin: 0;
} }
i.icons .icon:first-child { i.icons .icon:first-child {
...@@ -1497,8 +1491,6 @@ i.icon.download:before { ...@@ -1497,8 +1491,6 @@ i.icon.download:before {
} }
.ui.compact.segments { .ui.compact.segments {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex; display: inline-flex;
} }
...@@ -1598,8 +1590,6 @@ i.icon.download:before { ...@@ -1598,8 +1590,6 @@ i.icon.download:before {
-webkit-box-direction: normal; -webkit-box-direction: normal;
-ms-flex-direction: row; -ms-flex-direction: row;
flex-direction: row; flex-direction: row;
background-color: transparent;
border-radius: 0;
padding: 0; padding: 0;
background-color: #FFFFFF; background-color: #FFFFFF;
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
...@@ -1672,8 +1662,6 @@ i.icon.download:before { ...@@ -1672,8 +1662,6 @@ i.icon.download:before {
} }
.ui.secondary.inverted.segment { .ui.secondary.inverted.segment {
background: #4c4f52 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.2)), to(rgba(255, 255, 255, 0.2)));
background: #4c4f52 -webkit-linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%); background: #4c4f52 linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.2) 100%);
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
...@@ -1684,8 +1672,6 @@ i.icon.download:before { ...@@ -1684,8 +1672,6 @@ i.icon.download:before {
} }
.ui.tertiary.inverted.segment { .ui.tertiary.inverted.segment {
background: #717579 -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.35)), to(rgba(255, 255, 255, 0.35)));
background: #717579 -webkit-linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%); background: #717579 linear-gradient(rgba(255, 255, 255, 0.35) 0, rgba(255, 255, 255, 0.35) 100%);
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
} }
...@@ -1837,10 +1823,7 @@ i.icon.download:before { ...@@ -1837,10 +1823,7 @@ i.icon.download:before {
text-transform: none; text-transform: none;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
font-weight: normal; font-weight: normal;
-webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease; transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
} }
.ui.menu > .item:first-child { .ui.menu > .item:first-child {
...@@ -1924,7 +1907,7 @@ i.icon.download:before { ...@@ -1924,7 +1907,7 @@ i.icon.download:before {
.ui.vertical.menu .header.item { .ui.vertical.menu .header.item {
margin: 0; margin: 0;
background: none; background: none;
text-transform: normal; text-transform: none;
font-weight: bold; font-weight: bold;
} }
...@@ -2157,7 +2140,6 @@ i.icon.download:before { ...@@ -2157,7 +2140,6 @@ i.icon.download:before {
} }
.ui.secondary.menu .item { .ui.secondary.menu .item {
-ms-flex-item-align: center;
align-self: center; align-self: center;
box-shadow: none; box-shadow: none;
border: none; border: none;
...@@ -2283,11 +2265,7 @@ i.icon.download:before { ...@@ -2283,11 +2265,7 @@ i.icon.download:before {
border: none; border: none;
border-radius: 0; border-radius: 0;
box-shadow: none; box-shadow: none;
-webkit-transition: -webkit-box-shadow 0.1s ease;
transition: -webkit-box-shadow 0.1s ease;
transition: box-shadow 0.1s ease; transition: box-shadow 0.1s ease;
transition: box-shadow 0.1s ease, -webkit-box-shadow 0.1s ease;
z-index: none;
} }
.ui.items > .item a { .ui.items > .item a {
...@@ -2325,16 +2303,13 @@ i.icon.download:before { ...@@ -2325,16 +2303,13 @@ i.icon.download:before {
.ui.items > .item > .image { .ui.items > .item > .image {
position: relative; position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto; flex: 0 0 auto;
display: block; display: block;
float: none; float: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
max-height: none; max-height: none;
-ms-flex-item-align: top; align-self: flex-start;
align-self: top;
} }
.ui.items > .item > .image > img { .ui.items > .item > .image > img {
...@@ -2377,8 +2352,7 @@ i.icon.download:before { ...@@ -2377,8 +2352,7 @@ i.icon.download:before {
width: auto; width: auto;
display: block; display: block;
margin-left: 0; margin-left: 0;
-ms-flex-item-align: top; align-self: flex-start;
align-self: top;
padding-left: 1.5em; padding-left: 1.5em;
} }
...@@ -2403,21 +2377,16 @@ i.icon.download:before { ...@@ -2403,21 +2377,16 @@ i.icon.download:before {
} }
.ui.items > .item .content img { .ui.items > .item .content img {
-ms-flex-item-align: middle; align-self: center;
align-self: middle;
width: none;
} }
.ui.items > .item img.avatar, .ui.items > .item img.avatar,
.ui.items > .item .avatar img { .ui.items > .item .avatar img {
width: none;
height: none;
border-radius: 500rem; border-radius: 500rem;
} }
.ui.items > .item > .content > .description { .ui.items > .item > .content > .description {
margin-top: 0.6em; margin-top: 0.6em;
max-width: auto;
font-size: 1em; font-size: 1em;
line-height: 1.4285em; line-height: 1.4285em;
color: rgba(0, 0, 0, 0.87); color: rgba(0, 0, 0, 0.87);
...@@ -2452,15 +2421,9 @@ i.icon.download:before { ...@@ -2452,15 +2421,9 @@ i.icon.download:before {
} }
.ui.items > .item > .content a:not(.ui) { .ui.items > .item > .content a:not(.ui) {
color: none;
-webkit-transition: color 0.1s ease;
transition: color 0.1s ease; transition: color 0.1s ease;
} }
.ui.items > .item > .content a:not(.ui):hover {
color: none;
}
.ui.items > .item > .content > a.header { .ui.items > .item > .content > a.header {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
} }
...@@ -2555,17 +2518,14 @@ i.icon.download:before { ...@@ -2555,17 +2518,14 @@ i.icon.download:before {
} }
.ui.items > .item > .image + [class*="top aligned"].content { .ui.items > .item > .image + [class*="top aligned"].content {
-ms-flex-item-align: start;
align-self: flex-start; align-self: flex-start;
} }
.ui.items > .item > .image + [class*="middle aligned"].content { .ui.items > .item > .image + [class*="middle aligned"].content {
-ms-flex-item-align: center;
align-self: center; align-self: center;
} }
.ui.items > .item > .image + [class*="bottom aligned"].content { .ui.items > .item > .image + [class*="bottom aligned"].content {
-ms-flex-item-align: end;
align-self: flex-end; align-self: flex-end;
} }
......
This diff is collapsed.
body:not(.noscript) img[data-src] { body:not(.noscript) img[data-src]{filter:blur(2px) !important}.following.bar{position:fixed !important;top:0 !important;z-index:900 !important;left:0 !important;padding:2em 0 !important;width:100% !important;box-shadow:0 0 0 0 transparent !important;border-bottom:1px solid transparent !important;transition:padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important}body:not(.index) .following.bar{position:sticky !important}.ui.logo{opacity:.9 !important;float:none !important;margin:0 .35714286em 0 0 !important;height:1em !important}.secondary.menu .item{line-height:1.6rem !important}.secondary.menu .item>i.icon{height:1.6rem !important}.following.bar{padding:1em 0 !important}body:not(.index) .following.bar,body.noscript .following.bar,.following.bar.qd{background:#0a70c0 !important}.masthead{position:relative !important;overflow:hidden !important;text-align:center !important;color:rgba(255,255,255,0.9) !important;margin-bottom:0 !important;border-bottom:none !important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat,linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;background-size:cover, cover !important;padding:10rem 0 !important;max-height:100vh !important}@media (max-width: 500px){.masthead .segment{min-height:100vh !important}}@media (max-width: 1024px){.masthead .segment{padding:6rem 0 0 !important}}.masthead:after{content:"" !important;bottom:-100px;position:absolute !important;left:0 !important;right:0 !important;background:#fff;width:120%;height:200px;transform:rotate(-4deg)}.introduction h1.header{font-size:4.5rem !important}.ui.grid .row+.ui.divider{margin-top:3rem !important;margin-bottom:3rem !important}#image_container img.phone{display:inline-block !important;max-height:33vw !important;max-width:355px !important;vertical-align:middle !important}#image_container img.tablet{display:inline-block !important;max-height:33vw !important;max-width:633px !important;vertical-align:middle !important}.vertical.segment{box-shadow:none !important}.introduction{perspective:500px !important;text-shadow:0 0 10px rgba(0,0,0,0.2) !important;margin-left:auto !important;margin-right:auto !important;margin-bottom:6rem !important}.introduction .ui.header{font-weight:normal !important}@media (max-width: 1024px){.introduction{margin-bottom:2rem !important}.introduction h1.header{font-size:3rem !important}.introduction h2{font-size:1.4rem !important}}.image{overflow:hidden !important}.pusher{display:flex;flex-direction:column;min-height:100vh}.pusher .stripe{padding:5rem 0 !important;border-radius:0 !important;margin:0 !important}@media (max-width: 1024px){.pusher .stripe{padding:2rem 0 !important}}.pusher .stripe.alternate.stripe{background-color:#F2F3F5 !important}.pusher .stripe h1{font-size:40px !important}.pusher .stripe h2{font-size:26px !important}.pusher .stripe .column>p{font-size:16px !important;line-height:1.6 !important;margin:1em 0 !important}.pusher .intro.segment h1+p{font-size:22px !important}.pusher>.full.height{flex-grow:1}.pusher>.footer{clear:both !important;margin:0 !important;border-radius:0 !important;padding:4em 0 !important}.pusher>.footer .grid{display:block !important}.pusher>.footer .grid .column{margin-left:2rem !important;margin-right:2rem !important}@media (max-width: 359px){.ui.menu .item{font-size:0.9rem !important}}@media (max-width: 500px){.ui.menu .item>span.text{display:none !important}.ui.menu .item>i.icon{margin-right:0 !important}}@media (max-width: 800px), (max-height: 720px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}}@media (min-width: 800px) and (max-height: 800px){#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-33vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}@media (max-height: 500px){.masthead.segment{max-height:initial !important}#image_container img.tablet{display:none !important}#image_container img.phone{max-width:calc(50vw + 100px) !important;max-height:100vh !important;margin-bottom:calc(-22vh) !important}.ui.huge.button,.ui.huge.buttons .button,.ui.huge.buttons .or{font-size:1rem !important}.introduction,.introduction+.row{display:inline-block !important;margin-left:4rem !important;margin-right:4rem !important}}
filter: blur(2px) !important; }
.following.bar {
position: fixed !important;
top: 0 !important;
z-index: 900 !important;
left: 0 !important;
padding: 2em 0 !important;
width: 100% !important;
box-shadow: 0 0 0 0 transparent !important;
border-bottom: 1px solid transparent !important;
transition: padding 0.5s ease, background 0.5s ease, box-shadow 0.5s ease, border 0.5s ease !important; }
body:not(.index) .following.bar {
position: sticky !important; }
.ui.logo {
opacity: .9 !important;
float: none !important;
margin: 0 .35714286em 0 0 !important;
height: 1em !important; }
.secondary.menu .item {
line-height: 1.6rem !important; }
.secondary.menu .item > i.icon {
height: 1.6rem !important; }
.following.bar {
padding: 1em 0 !important; }
body:not(.index) .following.bar, body.noscript .following.bar, .following.bar.qd {
background: #0a70c0 !important; }
.masthead {
position: relative !important;
overflow: hidden !important;
text-align: center !important;
color: rgba(255, 255, 255, 0.9) !important;
margin-bottom: 0 !important;
border-bottom: none !important;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 1440 810'%3E%3Cpath fill='%23124e99' fill-opacity='.25' d='M334.24 0L539.8 205.54 745.32 0h-411.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.3' d='M1366.24 0l-516 516 44.04 44.04L1440 14.32V0h-73.76z'/%3E%3Cpath fill='%230291e7' fill-opacity='.64' d='M745.33 0L539.8 205.54 850.23 516l516-516h-620.9z'/%3E%3Cpath fill='%230291e7' fill-opacity='.57' d='M1440 14.32L894.28 560.04l128.08 128.08 150.1-150.1L1440 270.5V14.32z'/%3E%3Cpath fill='%230291e7' fill-opacity='.28' d='M1440 270.48l-267.55 267.55L1440 805.58v-535.1z'/%3E%3Cpath fill='%23124e99' fill-opacity='.71' d='M1022.36 688.12L1144.24 810H1440v-4.42l-267.55-267.55-150.1 150.1z'/%3E%3Cpath fill='%230291e7' fill-opacity='.46' d='M0 0v455.43L354.57 810h789.67l-810-810H0z'/%3E%3Cpath fill='%23124e99' fill-opacity='.68' d='M0 455.43v80.96L273.6 810h80.97L0 455.43z'/%3E%3Cpath fill='%230291e7' fill-opacity='.4' d='M0 536.4V810h273.6L0 536.4z'/%3E%3C/svg%3E") center center no-repeat, linear-gradient(148deg, #124E99 7%, #105a94 20%, #0a70c0 27%, #0291E7 60%, #0271B3 100%) !important;
background-size: cover, cover !important;
padding: 10rem 0 !important;
max-height: 100vh !important; }
@media (max-width: 500px) {
.masthead .segment {
min-height: 100vh !important; } }
@media (max-width: 1024px) {
.masthead .segment {
padding: 6rem 0 0 !important; } }
.masthead:after {
content: "" !important;
bottom: -100px;
position: absolute !important;
left: 0 !important;
right: 0 !important;
background: #fff;
width: 120%;
height: 200px;
transform: rotate(-4deg); }
.introduction h1.header {
font-size: 4.5rem !important; }
.ui.grid .row + .ui.divider {
margin-top: 3rem !important;
margin-bottom: 3rem !important; }
#image_container img.phone {
display: inline-block !important;
max-height: 33vw !important;
max-width: 355px !important;
vertical-align: middle !important; }
#image_container img.tablet {
display: inline-block !important;
max-height: 33vw !important;
max-width: 633px !important;
vertical-align: middle !important; }
.vertical.segment {
box-shadow: none !important; }
.introduction {
perspective: 500px !important;
text-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 6rem !important; }
.introduction .ui.header {
font-weight: normal !important; }
@media (max-width: 1024px) {
.introduction {
margin-bottom: 2rem !important; }
.introduction h1.header {
font-size: 3rem !important; }
.introduction h2 {
font-size: 1.4rem !important; } }
.image {
overflow: hidden !important; }
.pusher {
display: flex;
flex-direction: column;
min-height: 100vh; }
.pusher .stripe {
padding: 5rem 0 !important;
border-radius: 0 !important;
margin: 0 !important; }
@media (max-width: 1024px) {
.pusher .stripe {
padding: 2rem 0 !important; } }
.pusher .stripe.alternate.stripe {
background-color: #F2F3F5 !important; }
.pusher .stripe h1 {
font-size: 40px !important; }
.pusher .stripe h2 {
font-size: 26px !important; }
.pusher .stripe .column > p {
font-size: 16px !important;
line-height: 1.6 !important;
margin: 1em 0 !important; }
.pusher .intro.segment h1 + p {
font-size: 22px !important; }
.pusher > .full.height {
flex-grow: 1; }
.pusher > .footer {
clear: both !important;
margin: 0 !important;
border-radius: 0 !important;
padding: 4em 0 !important; }
.pusher > .footer .grid {
display: block !important; }
.pusher > .footer .grid .column {
margin-left: 2rem !important;
margin-right: 2rem !important; }
@media (max-width: 359px) {
.ui.menu .item {
font-size: 0.9rem !important; } }
@media (max-width: 500px) {
.ui.menu .item > span.text {
display: none !important; }
.ui.menu .item > i.icon {
margin-right: 0 !important; } }
@media (max-width: 800px), (max-height: 720px) {
#image_container img.tablet {
display: none !important; }
#image_container img.phone {
max-width: calc(50vw + 100px) !important;
max-height: 100vh !important;
margin-bottom: calc(-33vh) !important; }
.ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
font-size: 1rem !important; } }
@media (min-width: 800px) and (max-height: 800px) {
#image_container img.tablet {
display: none !important; }
#image_container img.phone {
max-width: calc(50vw + 100px) !important;
max-height: 100vh !important;
margin-bottom: calc(-33vh) !important; }
.ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
font-size: 1rem !important; }
.introduction, .introduction + .row {
display: inline-block !important;
margin-left: 4rem !important;
margin-right: 4rem !important; } }
@media (max-height: 500px) {
.masthead.segment {
max-height: initial !important; }
#image_container img.tablet {
display: none !important; }
#image_container img.phone {
max-width: calc(50vw + 100px) !important;
max-height: 100vh !important;
margin-bottom: calc(-22vh) !important; }
.ui.huge.button, .ui.huge.buttons .button, .ui.huge.buttons .or {
font-size: 1rem !important; }
.introduction, .introduction + .row {
display: inline-block !important;
margin-left: 4rem !important;
margin-right: 4rem !important; } }
This diff is collapsed.
...@@ -84,7 +84,7 @@ block content ...@@ -84,7 +84,7 @@ block content
.image .image
noscript noscript
img(src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w") img(src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w")
img(data-src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w") img(src="/assets/images/themes@thumb.jpg" data-src="/assets/images/themes@1180.png 1180w" sizes="(max-width: 767px) calc(100vw + 1px), (max-width: 991px) 364px, (max-width: 1199px) 475px, 591px" data-srcset="/assets/images/themes@363.png 363w, /assets/images/themes@474.png 474w, /assets/images/themes@590.png 590w, /assets/images/themes@726.png 726w, /assets/images/themes@948.png 948w, /assets/images/themes@1180.png 1180w")
.ui.divider .ui.divider
.row.centered .row.centered
.wide.column .wide.column
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
"description": "This is a websearch frontend for a quassel database.", "description": "This is a websearch frontend for a quassel database.",
"scripts": { "scripts": {
"pug": "node_modules/pug-cli/index.js --basedir . **/index.pug index.pug", "pug": "node_modules/pug-cli/index.js --basedir . **/index.pug index.pug",
"sass": "node_modules/node-sass/bin/node-sass --style compressed assets/css/ -o assets/css/", "sass": "node_modules/node-sass/bin/node-sass assets/css/ -o assets/css/ --output-style compressed",
"build": "npm run sass && npm run pug" "build": "npm run sass && npm run pug"
}, },
"author": "Janne Koschinski", "author": "Janne Koschinski",
......
This diff is collapsed.
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment