| Current Path : /home/helpink/www/media/templates/site/tp_landing/scss/custom/ |
| Current File : /home/helpink/www/media/templates/site/tp_landing/scss/custom/joomlaplates.scss |
small { letter-spacing:0}
.verlauf {
background-image: url("../images/bg.gif");
background-repeat: no-repeat;
background-position: left top;;
}
.verlauf-rechts {
background-image: url("../images/bg-mirror.gif");
background-repeat: no-repeat;
background-position: right top;;
}
.btn:hover {
transform: translateY(-2px);
}
.btn {
padding: 0.8rem 2rem;
font-size: 1rem;
font-weight: 500;
border-radius: 50px;
transition: all 0.3s ease;
}
.shape-1 {
width: 300px;
height: 300px;
background-color: $primary;
opacity: 0.2;
top: -20px;
right: -20px;
animation: morphShape 15s linear infinite;
}
.shape-2 {
width: 200px;
height: 200px;
background-color: $light;
opacity: 0.9;
bottom: -20px;
left: -20px;
animation: morphShape 20s linear infinite reverse;
}
.shape-1, .shape-2 {
position: absolute;
border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
z-index: -1;
}
.uk-subnav li.uk-active {
background:$primary;
}
.title-shape {
width: 200px;
height: 20px;
margin: 0 auto;
background-color: $primary;
opacity: 0.5;
}
.personal-info {
margin-top: 2rem;
padding: 2rem;
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.title-shape {
width: 200px;
height: 28px;
margin: 0 auto;
color: $primary;
opacity: 0.9;
background:none;
margin-bottom:20px;
}
.title-shape svg {
width: 100%;
height: 100%;
vertical-align: middle;
}
.round-image img{
transition: all 0.3s ease;
border-radius: 50px;
}
.round-image img:hover {
transform: translateY(-5px);
opacity:0.5;
background-color:#888;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.round-accordion li a { border-radius: 30px;
}
.uk-dotnav > * > * {
width: 40px!important;
height: 10px!important;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(102, 102, 102, 0.4);
}
.uk-dotnav > .uk-active > * {
background:$primary!important;
}
.astroid-header-section .astroid-header-sticky {
padding: 10px 0;
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
height: auto !important;
font-size: 14px;
}
.shadow-jp { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}
.form-control, #adminForm .controls > textarea, #adminForm .controls > select, #adminForm .controls > input[type="text"], #adminForm .controls > input[type="password"], #adminForm .controls > input[type="datetime"], #adminForm .controls > input[type="datetime-local"], #adminForm .controls > input[type="date"], #adminForm .controls > input[type="month"], #adminForm .controls > input[type="time"], #adminForm .controls > input[type="week"], #adminForm .controls > input[type="number"], #adminForm .controls > input[type="email"], #adminForm .controls > input[type="url"], #adminForm .controls > input[type="search"], #adminForm .controls > input[type="tel"], #adminForm .controls > input[type="color"], #adminForm .controls > .uneditable-input, #adminForm .controls .field-calendar input[type="text"], #adminForm .controls .field-media-input {
background: #f8f8f8!important;
}