719 lines
No EOL
12 KiB
CSS
719 lines
No EOL
12 KiB
CSS
@import url('https://fonts.googleapis.com/css?family=Pacifico');
|
|
|
|
|
|
|
|
|
|
h1, .h1 {
|
|
|
|
font-family: 'Pacifico', cursive;
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
h1 {
|
|
color:#b5c49b;
|
|
font-size: 2.6em;
|
|
margin: 0 0 16px 0;
|
|
}
|
|
|
|
h1.small-h1 {
|
|
font-size: 2em;
|
|
}
|
|
|
|
h2 {
|
|
margin: 0 0 10px 0;
|
|
font-weight: 500;
|
|
}
|
|
|
|
h3.h3 {
|
|
|
|
font-family: 'Pacifico', cursive;
|
|
font-size: 1.6em;
|
|
color:#b5c49b;
|
|
margin-bottom: 25px;
|
|
|
|
|
|
}
|
|
|
|
h3 {
|
|
|
|
margin: 0 0 10px 0;
|
|
font-weight: 400;
|
|
|
|
|
|
}
|
|
|
|
#header #topNav a.logo > img.fixed_top {
|
|
display: inline-block;
|
|
-webkit-transition: all 0.4s ease 0s;
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
#header #topNav a.logo > img.fixed_scroll {
|
|
display: none;
|
|
-webkit-transition: all 0.4s ease 0s;
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
|
|
#header.fixed #topNav a.logo > img.fixed_top {
|
|
display: none;
|
|
-webkit-transition: all 0.4s ease 0s;
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
#header.fixed #topNav a.logo > img.fixed_scroll {
|
|
display: inline-block;
|
|
-webkit-transition: all 0.4s ease 0s;
|
|
transition: all 0.4s ease 0s;
|
|
}
|
|
|
|
|
|
div.heading-title {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.text-success{
|
|
color:#b5c49b !important
|
|
}
|
|
|
|
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
|
|
background-color: #b5c49b !important;
|
|
|
|
}
|
|
|
|
ul {
|
|
margin-bottom: 30px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
div.side-nav ul > li.active > a{
|
|
color:#fff !important;
|
|
|
|
}
|
|
|
|
.list-group-item:first-child {
|
|
border-top-right-radius: 0px;
|
|
border-top-left-radius: 0px;
|
|
}
|
|
.list-group-item:last-child {
|
|
border-bottom-right-radius: 0px;
|
|
border-bottom-left-radius: 0px;
|
|
}
|
|
|
|
.alert-success, #footer > .copyright {
|
|
background-color: rgba(181, 196, 155, 0.45);
|
|
}
|
|
|
|
.text-muted {
|
|
color: #424242;
|
|
}
|
|
|
|
p {
|
|
color: #424242;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.table > thead > tr:first-child > td, .table > tbody > tr:first-child > td{
|
|
border: none;
|
|
}
|
|
|
|
.table > tbody > tr > td > p {
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
hr {
|
|
border-top:1px solid #e5e5e5;
|
|
}
|
|
|
|
.right-line > div {
|
|
border-right: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.right-line > div:last-child {
|
|
border-right: none;
|
|
}
|
|
.btn-primary:active:hover, .btn-primary.active:hover {
|
|
background-color: #b3cda6;
|
|
border-color: #b3cda6;
|
|
}
|
|
|
|
.btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:hover .pagination > .active > a, .pagination > .active > a:hover {
|
|
background-color: #b3cda6;
|
|
border-color: #b3cda6;
|
|
}
|
|
|
|
div.heading-title p {
|
|
font-weight: 400;
|
|
}
|
|
|
|
.form-control {
|
|
border: #b5c49b 1px solid;
|
|
|
|
}
|
|
|
|
.btn-sm {
|
|
font-size: 14px;
|
|
}
|
|
.btn {
|
|
font-size: 16px;
|
|
}
|
|
.btn-text-500{
|
|
font-weight: 600;
|
|
}
|
|
|
|
div.shop-item-buttons .btn-xs {
|
|
font-size: 13px;
|
|
}
|
|
|
|
#header li.quick-cart .quick-cart-box {
|
|
padding-bottom: 0;
|
|
border: 1px solid #9ca985;
|
|
}
|
|
|
|
|
|
form input.form-control, form select.form-control, form textarea.form-control {
|
|
padding: 8px 10px;
|
|
}
|
|
|
|
form .row {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
form .select2-container .select2-selection--single .select2-selection__rendered {
|
|
padding: 12px 20px;
|
|
height: 45px;
|
|
}
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
section div.row>div {
|
|
margin-bottom:20px;
|
|
}
|
|
.pull-left-xs {
|
|
float: left !important;
|
|
}
|
|
section.page-header.page-header-xlg {
|
|
padding: 50px 0 50px 0;
|
|
}
|
|
section {
|
|
padding-top: 20px ;
|
|
}
|
|
.shop-item-image {
|
|
padding-left: 40px;
|
|
padding-right: 40px;
|
|
}
|
|
.owl-carousel.zoom-more a > img {
|
|
opacity: 1;
|
|
}
|
|
.owl-carousel.owl-padding-3 .owl-item a {
|
|
padding: 0 30px;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 340px) {
|
|
#header.fixed #topNav a.logo > img {
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@-webkit-keyframes burst {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(1.6);
|
|
transform: scale(1.6);
|
|
opacity: 1
|
|
}
|
|
|
|
85% {
|
|
-webkit-transform: scale(1.7);
|
|
transform: scale(1.7);
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
@keyframes burst {
|
|
0% {
|
|
opacity: 1
|
|
}
|
|
|
|
75% {
|
|
-webkit-transform: scale(1.6);
|
|
transform: scale(1.6);
|
|
opacity: 1
|
|
}
|
|
|
|
85% {
|
|
-webkit-transform: scale(1.7);
|
|
transform: scale(1.7);
|
|
opacity: 0
|
|
}
|
|
|
|
100% {
|
|
opacity: 0
|
|
}
|
|
}
|
|
|
|
.faa-burst.animated, .faa-burst.animated-hover:hover, .faa-parent.animated-hover:hover > .faa-burst {
|
|
-webkit-animation: burst 3s infinite linear;
|
|
animation: burst 3s infinite linear;
|
|
margin-left: 3px;
|
|
margin-right: 3px
|
|
}
|
|
|
|
.faa-burst.animated-hover.faa-fast:hover, .faa-burst.animated.faa-fast,
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-fast {
|
|
-webkit-animation: burst 1s infinite linear;
|
|
animation: burst 1s infinite linear
|
|
}
|
|
|
|
.faa-burst.animated-hover.faa-slow:hover, .faa-burst.animated.faa-slow,
|
|
.faa-parent.animated-hover:hover > .faa-burst.faa-slow {
|
|
-webkit-animation: burst 3s infinite linear;
|
|
animation: burst 3s infinite linear
|
|
}
|
|
|
|
/* HORIZONTAL */
|
|
|
|
@-webkit-keyframes horizontal {
|
|
0% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
24% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
36% {
|
|
-webkit-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
@keyframes horizontal {
|
|
0% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
6% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
12% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
18% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
24% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
|
|
30% {
|
|
-webkit-transform: translate(5px,0);
|
|
-ms-transform: translate(5px,0);
|
|
transform: translate(5px,0);
|
|
}
|
|
|
|
36% {
|
|
-webkit-transform: translate(0,0);
|
|
-ms-transform: translate(0,0);
|
|
transform: translate(0,0);
|
|
}
|
|
}
|
|
|
|
.faa-horizontal.animated,
|
|
.faa-horizontal.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-horizontal {
|
|
-webkit-animation: horizontal 4s ease infinite;
|
|
animation: horizontal 4s ease infinite;
|
|
}
|
|
|
|
|
|
|
|
/* BOUNCE */
|
|
|
|
@-webkit-keyframes bounce {
|
|
0%, 10%, 20%, 50%, 80% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
}
|
|
|
|
@keyframes bounce {
|
|
0%, 10%, 20%, 50%, 80% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
40% {
|
|
-webkit-transform: translateY(-15px);
|
|
-ms-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
|
|
60% {
|
|
-webkit-transform: translateY(-15px);
|
|
-ms-transform: translateY(-15px);
|
|
transform: translateY(-15px);
|
|
}
|
|
}
|
|
|
|
.faa-bounce.animated,
|
|
.faa-bounce.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-bounce {
|
|
-webkit-animation: bounce 2s ease infinite;
|
|
animation: bounce 2s ease infinite;
|
|
}
|
|
|
|
/* SPIN */
|
|
|
|
@-webkit-keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
-webkit-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: rotate(359deg);
|
|
-ms-transform: rotate(359deg);
|
|
transform: rotate(359deg);
|
|
}
|
|
}
|
|
|
|
.faa-spin.animated,
|
|
.faa-spin.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-spin {
|
|
-webkit-animation: spin 1.5s linear infinite;
|
|
animation: spin 1.5s linear infinite;
|
|
}
|
|
|
|
/* FLOAT */
|
|
|
|
@-webkit-keyframes float {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
@keyframes float {
|
|
0% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateY(-6px);
|
|
-ms-transform: translateY(-6px);
|
|
transform: translateY(-6px);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateY(0);
|
|
-ms-transform: translateY(0);
|
|
transform: translateY(0);
|
|
}
|
|
}
|
|
|
|
.faa-float.animated,
|
|
.faa-float.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-float {
|
|
-webkit-animation: float 2s linear infinite;
|
|
animation: float 2s linear infinite;
|
|
}
|
|
|
|
/* PULSE */
|
|
|
|
@-webkit-keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
|
|
@keyframes pulse {
|
|
0% {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(0.8);
|
|
-ms-transform: scale(0.8);
|
|
transform: scale(0.8);
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: scale(1.1);
|
|
-ms-transform: scale(1.1);
|
|
transform: scale(1.1);
|
|
}
|
|
}
|
|
|
|
.faa-pulse.animated,
|
|
.faa-pulse.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-pulse {
|
|
-webkit-animation: pulse 2s linear infinite;
|
|
animation: pulse 2s linear infinite;
|
|
}
|
|
|
|
/* SHAKE */
|
|
|
|
.faa-shake.animated,
|
|
.faa-shake.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-shake {
|
|
-webkit-animation: wrench 2.5s ease infinite;
|
|
animation: wrench 2.5s ease infinite;
|
|
}
|
|
|
|
/* TADA */
|
|
|
|
@-webkit-keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale(.9) rotate(-8deg);
|
|
transform: scale(.9) rotate(-8deg);
|
|
}
|
|
|
|
30%, 50%, 70% {
|
|
-webkit-transform: scale(1.3) rotate(8deg);
|
|
transform: scale(1.3) rotate(8deg);
|
|
}
|
|
|
|
40%, 60% {
|
|
-webkit-transform: scale(1.3) rotate(-8deg);
|
|
transform: scale(1.3) rotate(-8deg);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale(1) rotate(0);
|
|
transform: scale(1) rotate(0);
|
|
}
|
|
}
|
|
|
|
@keyframes tada {
|
|
0% {
|
|
-webkit-transform: scale(1);
|
|
-ms-transform: scale(1);
|
|
transform: scale(1);
|
|
}
|
|
|
|
10%, 20% {
|
|
-webkit-transform: scale(.9) rotate(-8deg);
|
|
-ms-transform: scale(.9) rotate(-8deg);
|
|
transform: scale(.9) rotate(-8deg);
|
|
}
|
|
|
|
30%, 50%, 70% {
|
|
-webkit-transform: scale(1.3) rotate(8deg);
|
|
-ms-transform: scale(1.3) rotate(8deg);
|
|
transform: scale(1.3) rotate(8deg);
|
|
}
|
|
|
|
40%, 60% {
|
|
-webkit-transform: scale(1.3) rotate(-8deg);
|
|
-ms-transform: scale(1.3) rotate(-8deg);
|
|
transform: scale(1.3) rotate(-8deg);
|
|
}
|
|
|
|
80% {
|
|
-webkit-transform: scale(1) rotate(0);
|
|
-ms-transform: scale(1) rotate(0);
|
|
transform: scale(1) rotate(0);
|
|
}
|
|
}
|
|
|
|
.faa-tada.animated,
|
|
.faa-tada.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-tada {
|
|
-webkit-animation: tada 2s linear infinite;
|
|
animation: tada 2s linear infinite;
|
|
}
|
|
|
|
/* PASSING */
|
|
|
|
@-webkit-keyframes passing {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes passing {
|
|
0% {
|
|
-webkit-transform: translateX(-50%);
|
|
-ms-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: translateX(0%);
|
|
-ms-transform: translateX(0%);
|
|
transform: translateX(0%);
|
|
opacity: 1;
|
|
}
|
|
|
|
100% {
|
|
-webkit-transform: translateX(50%);
|
|
-ms-transform: translateX(50%);
|
|
transform: translateX(50%);
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.faa-passing.animated,
|
|
.faa-passing.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-passing {
|
|
-webkit-animation: passing 3s linear infinite;
|
|
animation: passing 3s linear infinite;
|
|
}
|
|
|
|
/* WAVE */
|
|
|
|
@-webkit-keyframes burst {
|
|
0% {
|
|
opacity: .6;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.8);
|
|
transform: scale(1.8);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
@keyframes burst {
|
|
0% {
|
|
opacity: .6;
|
|
}
|
|
|
|
50% {
|
|
-webkit-transform: scale(1.8);
|
|
-ms-transform: scale(1.8);
|
|
transform: scale(1.8);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
}
|
|
|
|
.faa-burst.animated,
|
|
.faa-burst.animated-hover:hover,
|
|
.faa-parent.animated-hover:hover > .faa-burst {
|
|
-webkit-animation: burst 3s infinite linear;
|
|
animation: burst 3s infinite linear;
|
|
} |