Skip to content
Expand Menu
Home
Team
Current Page:
Vacancies
Contact
Vacancies
Currently, there are no vacancies. Check back later.
Global
All posts
This post
@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap'); @import url('https://fonts.googleapis.com/css?family=Fredoka One&display=swap'); @import url('https://fonts.googleapis.com/css?family=Lato&display=swap'); @mydarkblue:#000080; @mylightblue:#80b3ff; @mysuperlightblue:#aaccff; @mygreyish:#ebebeb; @first_color:@mydarkblue; @second_color:@mylightblue; @third_color:white; @bg1_color:white; @text_color:@first_color; @link_color:@second_color; @sitebg_color:@mygreyish; @selectbg_color:@first_color; @select_color:@third_color; .font_lato { font-family: 'Lato', sans-serif; } .font_fredoka { font-family: 'fredoka', sans-serif; } .textfont { .font_lato; font-size:10px; letter-spacing: 0.045em; } .headingfont { .font_lato; } .menufont { .font_lato; font-size: 16px; } body { .textfont; color: @text_color; background:@sitebg_color !important; } ::selection { color:@select_color; background-color: @selectbg_color; } h1, h2, h3, h4, h5, h6 { .headingfont; color:@text_color; } .entry-header .entry-title { font-weight: 600; font-size: 23px; line-height: 1.1em; letter-spacing: 1px; margin-bottom: 20px; } /* Impressum */ .post-223 p { font-size:80%; line-height:120% } /* Title Page */ .home .entry-title { color:transparent; } .site-title img{ /* */ } a { color: @link_color; text-decoration: underline solid @second_color; } .entry a { box-shadow: unset; color: @text_color; } .entry a:hover { box-shadow: unset; text-decoration: none; border-bottom: 1px solid @second_color; color: @second_color; } .nav-menu:not(.mobile) a { color: @second_color; } img.people { width: 150px; height: 200px; filter:sepia(100%) hue-rotate(175deg) saturate(50%); filter: grayscale(0%) drop-shadow(-30px 1px 4px @second_color); border-bottom-right-radius: 150px; transform:scaleX(-1); } img.burcu { transform:scaleX(1); filter: hue-rotate(-22deg) drop-shadow(30px 1px 4px @second_color); border-bottom-left-radius: 150px; border-bottom-right-radius: 0px; } img.wolfi { transform:scaleX(1); filter: brightness(120%) saturate(80%) drop-shadow(30px 1px 4px @second_color); border-bottom-left-radius: 150px; border-bottom-right-radius: 0px; } .toggle-search { background: transparent; } .site-title a img { max-height: 250px; /* Backgrounds */ } .post-wrapper { background: @bg1_color; filter: drop-shadow(2px 1px 6px @first_color); } .main { border-top: 10px solid @first_color; background: @second_color; } .menu{ .menufont; } #header { border-top: 10px solid @second_color; background:@bg1_color !important; } .s2 { background: @third_color; display:none } .entry-header, .entry-media, .entry-footer { padding-right: 60px; padding-left: 60px; } .entry-content { padding-right: 60px; padding-left: 60px; padding-bottom: 60px; } .col-2cr .nav-menu:not(.mobile) > div > ul > li.current_page_item > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-menu-item > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-menu-ancestor > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-post-parent > span > a::before { content: ""; border: 10px solid transparent; border-left-color: @second_color; position: absolute; left: -30px; top: 14px; } wrapper ol { margin-left: 1em; margin-bottom: 2em; } .wrapper ol li { padding-left: 0.75em; margin-bottom:0.75em; } .wrapper ul { margin: 0 0 1.5em 0; padding: 0; list-style: none; display: grid; grid-gap: 0.75em; } .wrapper ul li { display: grid; grid-template-columns: 0 1fr; grid-gap: 1.75em; align-items: start; } .content ol { margin-left: 1em; margin-bottom: 2em; } .content ol li { padding-left: 0.75em; margin-bottom:0.75em; } .content ul { margin: 0 0 1.5em 0; padding: 0; list-style: none; display: grid; grid-gap: 0.75em; } .content ul li { display: grid; grid-template-columns: 0 1fr; grid-gap: 1.75em; align-items: start; } .content ul li::before { color: @second_color; content: "X"; font-weight:bold; } /* ===== INTRO Animation ====== */ @keyframes kjkj { 0% { filter: blur(2px); transform: rotate(12deg) scale(0.1) translate(400px, 500px); } 50% { filter: blur(0px); transform: rotate(12deg) scale(0.6) translate(200px, 300px); } 100% { filter: blur(0px); transform: rotate(0deg) scale(1) translate(0,0); } } .post-wrapper { animation: 1s ease-out 0s 1 kjkj ; } /* ===== FORMs ====== */ form.torro-form input, form.torro-form textarea { background-color:@third_color !important; border-radius:10px !important; border: 1px solid @second_color !important; color: @text_color !important; } form.torro-form input:focus, form.torro-form textarea:focus { border: 1px solid @second_color !important; color: @second_color !important; filter:drop-shadow(4px 1px 4px @second_color); } form.torro-form textarea { width:100%; } button.torro-button-primary { margin-top:1em; margin-bottom:1em; width:200px } form.torro-form > p{ display:none; } form.torro-form .torro-element-wrap { margin-bottom:0.4em; } form.torro-form .torro-element-description { display:none; } .themeform label { font-weight:unset; } .torro-required-indicator { font-weight: unset; display:none; }
Save
Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by
wpion.com