woXX7-2

14. March 2023 0 weppens

Leave a Reply Cancel reply

@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: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;
}

::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
}

.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;

}
.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