Skip to content
Expand Menu
Home
Team
Current Page Parent
Events and Courses
Our Principles
Vacancies
Contact
Expand Menu
Home
Team
Current Page Parent
Events and Courses
Our Principles
Vacancies
Contact
Choose a language
English
Tags
No Tags
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'); @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-BoldItalic.woff") format("woff"); font-weight: bold; font-style: italic; } @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-Bold.woff") format("woff"); font-weight: bold; font-style: normal; } @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-Light.woff") format("woff"); font-weight: lighter; font-style: normal; } @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-LightItalic.woff") format("woff"); font-weight: lighter; font-style: italic; } @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-Italic.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: "Lato TR"; src: url("/fonts/LatoTR-Regular.woff") format("woff"); font-weight: normal; font-style: normal; } @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 TR', sans-serif; } .font_fredoka { font-family: 'fredoka', sans-serif; } .textfont { .font_lato; font-size:100%; letter-spacing: 0.045em; line-height: 1.8em; } .headingfont { .font_fredoka; } .menufont { .font_lato; font-size: 16px; } body { .textfont; color: @text_color; background:@sitebg_color !important; } .entry { .textfont; div { padding-bottom: 0.7em } } div.entry-footer { display: none; } ::selection { color:@select_color; background-color: @selectbg_color; } h1, h2, h3, h4, h5, h6 { .headingfont; color:@text_color; } .em.pixelbones h3, .em.pixelbones h2 { font-size: 19px !important; .menufont; letter-spacing: 0.5px !important; } .em.em-event-booking-form h3.em-booking-section-title { font-size: 18px !important; font-weight: 700; } div.em-event-prices{ display: none !important; } .entry-header .entry-title { .headingfont; font-weight: 600; font-size: 20px; line-height: 1.1em; letter-spacing: 0.2px; margin-bottom: 20px; } .page-title-inner { h1{ color:#ccc; font-weight: 600; font-size: 20px; line-height: 1.1em; letter-spacing: 0.2px; margin-bottom: 20px; } box-shadow: 0 0 10px rgba(0,0,0,0.05); margin: 0 auto; max-width: 940px; border-radius: 10px; overflow: hidden; background-color:@first_color; padding: 20px 40px 20px 80px; } .notebox { font-size: 100% !important; color:#ccc; } .entry-meta { display: none; } /* 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 } .s1 { background: @third_color; margin:0; } .sidebar .widget { padding: 0px 10px; border-top: 0; } .widget select { border: none; color: @second_color; .menufont; background: @bg1_color; padding: 10px; width: 100%; max-width: 100%; font-style: bold; font-size: 13pt; } .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; } .fa-hand-point-right, .related-thumbnail {display: none;} .related-posts li {width: unset;} .entry-footer { margin-top:0px; h4, p { .textfont } } .post-nav { li::before { content : ""!important; } } #header{padding:0}; .site-title {padding: 20px 20px} .wrap-nav { padding: 0 20px; border-bottom: 3pt solid @second_color !important; border-top: 3pt solid @second_color !important; } @media only screen and (min-width: 961px) { .nav-menu:not(.mobile) .menu > li > span { margin: 0 -20px; padding: 4px 20px; }} .em.em-item .em-item-image .em-item-image-placeholder, .em.em-list .em-item .em-item-image .em-item-image-placeholder, .em.em-list-widget .em-item .em-item-image .em-item-image-placeholder { background-size: 80%; } .em.em-list .em-item { grid-template-columns: minmax(0,1fr) 3fr; } .em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line { grid-template-columns: 35px 100%; } .em-add-to-calendar { float: right; margin-right:-39pt; } .em { --default-color:@text_color; --accent-color:@first_color; --text-color-normal:@text_color; } .em > p { font-size:; line-height:1.5 } .notebox { color: @text_color !important; } ul.front-page-event-list p { margin:5pt; }
Save
Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by
wpion.com