mirror of
https://gitlab.com/futo-org/fcast.git
synced 2025-06-24 21:25:23 +00:00
Added website.
This commit is contained in:
parent
193dc032c5
commit
9c01167b96
32 changed files with 58625 additions and 0 deletions
7184
website/css/skin-app-landing.css
Normal file
7184
website/css/skin-app-landing.css
Normal file
File diff suppressed because it is too large
Load diff
299
website/css/style.css
Normal file
299
website/css/style.css
Normal file
|
@ -0,0 +1,299 @@
|
|||
html, body, .body {
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
.custom-font-size-1 {
|
||||
font-size: 50px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-font-size-1 {
|
||||
font-size: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
border-width: 1px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
#header .header-nav-main nav > ul > li > a {
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-stroke-text-effect-1 {
|
||||
-webkit-text-fill-color: transparent;
|
||||
-webkit-text-stroke-width: 1px;
|
||||
-webkit-text-stroke-color: #777;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.custom-carousel-1 {
|
||||
position: relative;
|
||||
background: url(../../img/demos/app-landing/backgrounds/bg-smartphone.png);
|
||||
width: 344px;
|
||||
height: 636px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel {
|
||||
padding: 72px 0 0 3px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-next:before {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev {
|
||||
left: -12px;
|
||||
}
|
||||
|
||||
.custom-carousel-1 .owl-carousel .owl-nav button.owl-prev:before {
|
||||
font-size: 32px !important;
|
||||
}
|
||||
|
||||
.custom-call-to-action {
|
||||
margin-left: 50px;
|
||||
margin-right: 50px;
|
||||
border-radius: 70px;
|
||||
}
|
||||
|
||||
.custom-feature-box-1 .feature-box-icon {
|
||||
width: 4.5em;
|
||||
height: 4.5em;
|
||||
}
|
||||
|
||||
.custom-feature-box-1 .feature-box-icon:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-img-1 {
|
||||
position: absolute;
|
||||
top: -35%;
|
||||
right: -25px;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-1 {
|
||||
position: absolute;
|
||||
right: -200%;
|
||||
top: -60%;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-1 {
|
||||
right: -78%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-1 {
|
||||
right: -45%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-1 {
|
||||
right: -35%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-1 {
|
||||
right: -21%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-2 {
|
||||
position: absolute;
|
||||
left: -120%;
|
||||
top: -207%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-2 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-2 {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-2 {
|
||||
left: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-2 {
|
||||
left: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-3 {
|
||||
position: absolute;
|
||||
right: -120%;
|
||||
top: 12%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-3 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-3 {
|
||||
right: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-3 {
|
||||
right: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-3 {
|
||||
right: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-svg-4 {
|
||||
position: absolute;
|
||||
left: -120%;
|
||||
top: 0%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-svg-4 {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.custom-svg-4 {
|
||||
left: -100%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1440px) {
|
||||
.custom-svg-4 {
|
||||
left: -75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1680px) {
|
||||
.custom-svg-4 {
|
||||
left: -55%;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el {
|
||||
position: absolute;
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-el {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-el-circle {
|
||||
border: 2px solid #CCC;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.custom-el-rounded-rectangle {
|
||||
border: 2px solid #CCC;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.custom-el-blur-1 {
|
||||
filter: blur(1px);
|
||||
}
|
||||
|
||||
.custom-el-blur-2 {
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
.custom-rotate-45 {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon .animated-icon {
|
||||
border: 1px solid #d9d9d9;
|
||||
padding: 14px;
|
||||
border-radius: 50%;
|
||||
max-width: 105px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-icon h4 {
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
letter-spacing: -0.5px;
|
||||
display: inline-block;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-icon h4 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect {
|
||||
position: relative;
|
||||
min-width: 115px;
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect-dots {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 5px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-connect-dots {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-steps-icons .custom-steps-connect-point {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 98px;
|
||||
margin-top: 15px;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.custom-steps-icons .custom-steps-connect-point {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
372
website/css/theme-blog.css
Normal file
372
website/css/theme-blog.css
Normal file
|
@ -0,0 +1,372 @@
|
|||
/*
|
||||
Name: theme-blog.css
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 9.9.3
|
||||
*/
|
||||
/* Posts */
|
||||
.blog-posts:not(.blog-posts-no-margins) article {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
|
||||
margin-bottom: 50px;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.blog-posts:not(.blog-posts-no-margins) .pagination {
|
||||
margin: -10px 0 20px;
|
||||
}
|
||||
|
||||
.blog-posts.blog-posts-no-margins .pagination {
|
||||
margin-top: 28.8px;
|
||||
margin-top: 1.8rem;
|
||||
}
|
||||
|
||||
/* Post */
|
||||
article.post h2 a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
article.post .post-meta {
|
||||
font-size: 0.9em;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
article.post .post-meta > span {
|
||||
display: inline-block;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
article.post .post-meta i {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
article.post .post-date {
|
||||
float: left;
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
article.post .post-date .month {
|
||||
display: block;
|
||||
background: #CCC;
|
||||
border-radius: 0 0 2px 2px;
|
||||
color: #FFF;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.8;
|
||||
padding: 1px 10px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
article.post .post-date .day {
|
||||
background: #f7f7f7;
|
||||
border-radius: 2px 2px 0 0;
|
||||
color: #CCC;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: 900;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
article.post .post-image .owl-carousel {
|
||||
width: 100.1%;
|
||||
}
|
||||
|
||||
article .post-video {
|
||||
transition: all 0.2s ease-in-out;
|
||||
padding: 0;
|
||||
background-color: #FFF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 8px;
|
||||
display: block;
|
||||
height: auto;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
padding-bottom: 61%;
|
||||
}
|
||||
|
||||
article .post-video iframe {
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
padding: 4px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
article .post-audio {
|
||||
transition: all 0.2s ease-in-out;
|
||||
padding: 0;
|
||||
background-color: #FFF;
|
||||
border: 1px solid rgba(0, 0, 0, 0.06);
|
||||
border-radius: 8px;
|
||||
display: block;
|
||||
height: auto;
|
||||
position: relative;
|
||||
margin: 0 0 30px 0;
|
||||
padding-bottom: 35%;
|
||||
min-height: 160px;
|
||||
}
|
||||
|
||||
article .post-audio iframe {
|
||||
bottom: 0;
|
||||
height: auto;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
min-height: 100%;
|
||||
min-width: 100%;
|
||||
padding: 4px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
article.post-medium .post-image .owl-carousel {
|
||||
width: 100.2%;
|
||||
}
|
||||
|
||||
article.post-large {
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
article.post-large h2 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
article.post-large .post-image, article.post-large .post-date {
|
||||
margin-left: -60px;
|
||||
}
|
||||
|
||||
article.post-large .post-image {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
article.post-large .post-image.single {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
article.post-large .post-video {
|
||||
margin-left: -60px;
|
||||
}
|
||||
|
||||
article.post-large .post-audio {
|
||||
margin-left: -60px;
|
||||
}
|
||||
|
||||
/* Single Post */
|
||||
.single-post article {
|
||||
border-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
article.blog-single-post .post-meta {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
/* Post Block */
|
||||
.post-block h3 {
|
||||
font-size: 1.8em;
|
||||
font-weight: 200;
|
||||
margin: 0 0 20px;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.post-block h3 i {
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
/* Post Author */
|
||||
.post-author img {
|
||||
max-height: 80px;
|
||||
max-width: 80px;
|
||||
}
|
||||
|
||||
.post-author p {
|
||||
font-size: 0.9em;
|
||||
line-height: 22px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.post-author p .name {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.post-author .img-thumbnail {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
/* Post Comments */
|
||||
ul.comments {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.comments li {
|
||||
clear: both;
|
||||
padding: 10px 0 0 70px;
|
||||
}
|
||||
|
||||
ul.comments li img.avatar {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
ul.comments li ul.reply {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul.comments li a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.comments li .img-thumbnail {
|
||||
margin-left: -70px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
ul.comments li .comment {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
ul.comments .comment-arrow {
|
||||
border-bottom: 12px solid transparent;
|
||||
border-right: 12px solid #f7f7f7;
|
||||
border-top: 12px solid transparent;
|
||||
height: 0;
|
||||
left: -12px;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
width: 0;
|
||||
}
|
||||
|
||||
ul.comments .comment-block {
|
||||
background: #f7f7f7;
|
||||
border-radius: 5px;
|
||||
padding: 20px 20px 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.comments .comment-block p {
|
||||
font-size: 0.9em;
|
||||
line-height: 21px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.comments .comment-block .comment-by {
|
||||
display: block;
|
||||
font-size: 1em;
|
||||
line-height: 21px;
|
||||
margin: 0;
|
||||
padding: 0 0 5px 0;
|
||||
}
|
||||
|
||||
ul.comments .comment-block .date {
|
||||
color: #999;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* Leave a Comment */
|
||||
.post-leave-comment h3 {
|
||||
margin: 0 0 40px;
|
||||
}
|
||||
|
||||
/* Recent Posts */
|
||||
.recent-posts h4 {
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.recent-posts article.recent-post h4 {
|
||||
margin: 0 0 3px 0;
|
||||
}
|
||||
|
||||
.recent-posts article.recent-post h4 a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.recent-posts .date {
|
||||
margin-right: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.recent-posts .date .month {
|
||||
background: #CCC;
|
||||
color: #FFF;
|
||||
font-size: 0.9em;
|
||||
padding: 3px 10px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.recent-posts .date .day {
|
||||
background: #F7F7F7;
|
||||
color: #CCC;
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
font-weight: bold;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
section.section .recent-posts .date .day {
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
/* Simple Post List */
|
||||
ul.simple-post-list {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.simple-post-list li {
|
||||
border-bottom: 1px dotted #E2E2E2;
|
||||
padding: 15px 0;
|
||||
}
|
||||
|
||||
ul.simple-post-list li::after {
|
||||
clear: both;
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.simple-post-list li:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
ul.simple-post-list .post-image {
|
||||
float: left;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
ul.simple-post-list .post-meta {
|
||||
color: #888;
|
||||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
ul.simple-post-list .post-info {
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 575px) {
|
||||
ul.comments li {
|
||||
border-left: 8px solid rgba(0, 0, 0, 0.06);
|
||||
clear: both;
|
||||
padding: 0 0 0 10px;
|
||||
}
|
||||
|
||||
ul.comments li .img-thumbnail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.comments .comment-arrow {
|
||||
display: none;
|
||||
}
|
||||
}
|
19060
website/css/theme-elements.css
Normal file
19060
website/css/theme-elements.css
Normal file
File diff suppressed because it is too large
Load diff
873
website/css/theme-shop.css
Normal file
873
website/css/theme-shop.css
Normal file
|
@ -0,0 +1,873 @@
|
|||
/*
|
||||
Name: theme-shop.css
|
||||
Written by: Okler Themes - (http://www.okler.net)
|
||||
Theme Version: 9.9.3
|
||||
*/
|
||||
/* Custom Font - Stars (From WooCommerce) */
|
||||
@font-face {
|
||||
font-family: 'star';
|
||||
src: url("fonts/star.eot");
|
||||
src: url("fonts/star.eot?#iefix") format("embedded-opentype"), url("fonts/star.woff") format("woff"), url("fonts/star.ttf") format("truetype"), url("fonts/star.svg#star") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
/* Shop - Base */
|
||||
.shop .products:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.shop .products .product {
|
||||
position: relative;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.shop .products .product a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.shop .products .product .quick-view {
|
||||
transition: ease transform 300ms, ease background 300ms;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 12px 10px;
|
||||
font-size: 1em;
|
||||
color: #FFF;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
z-index: 3;
|
||||
opacity: 0;
|
||||
transform: translate3d(0, 100%, 0);
|
||||
}
|
||||
|
||||
.shop .products .product .quick-view [class*="fa-"], .shop .products .product .quick-view .icons {
|
||||
margin-right: 3px;
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
.shop .products .product:hover .quick-view {
|
||||
opacity: 1;
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.shop .products .product:hover .quick-view:hover {
|
||||
background: #000;
|
||||
}
|
||||
|
||||
.shop .products .product .onsale {
|
||||
position: absolute;
|
||||
background-image: none;
|
||||
border-radius: 100%;
|
||||
left: auto;
|
||||
right: 0;
|
||||
top: -15px;
|
||||
text-shadow: none;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
z-index: 10;
|
||||
box-shadow: none;
|
||||
font-size: 0.9em;
|
||||
color: #FFF;
|
||||
border-bottom: 2px solid transparent;
|
||||
}
|
||||
|
||||
/* Quick View Popup Fix (When Close) */
|
||||
html.lightbox-beforeclose .quick-view {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.masonry-loader-showing .products {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* Product Info */
|
||||
.product-info {
|
||||
transition: all 0.2s;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border: 1px solid #DDD;
|
||||
background: #F7F9FC;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.product-info:hover {
|
||||
background-color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.product-info a {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product-info a:hover {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product-info img {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.product-info h4 {
|
||||
color: #404751;
|
||||
letter-spacing: -1px;
|
||||
font-weight: 600;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.product-info + .product-info {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.product-info .product-info-image {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.product-info .product-info-image:before {
|
||||
transition: all 0.2s;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #333;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info:hover .product-info-image:before {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
.product-info .product-info-act {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
.product-info .product-info-act em {
|
||||
font-style: normal;
|
||||
position: relative;
|
||||
font-size: 1.2em;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
.product-info .product-info-act-left, .product-info .product-info-act-right {
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.product-info .product-info-act-left {
|
||||
text-align: right;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.product-info .product-info-act-left em {
|
||||
transition: all 0.2s ease 0s;
|
||||
left: 0%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info .product-info-act-right {
|
||||
text-align: left;
|
||||
margin-left: 2%;
|
||||
width: 53%;
|
||||
}
|
||||
|
||||
.product-info .product-info-act-right em {
|
||||
transition: all 0.2s ease 0s;
|
||||
right: 0%;
|
||||
font-weight: 600;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info:hover .product-info-act-left em {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.product-info:hover .product-info-act-right em {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.product-info .product-info-content {
|
||||
padding: 15px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product-info .product-info-caption {
|
||||
padding: 0 15px 15px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product-info .product-info-caption p {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
|
||||
.product-info .product-info-extra {
|
||||
clear: both;
|
||||
padding: 10px 0 0;
|
||||
margin: 10px 0 0;
|
||||
border-top: 1px solid #EBEBF4;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product-info .product-info-extra.social {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.product-info .product-info-extra.social a {
|
||||
border-right: 1px solid #EBEBF4;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
padding-right: 10px;
|
||||
font-size: 0.9em;
|
||||
color: #ACACAC;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.product-info .product-info-extra.social a:last-child {
|
||||
border-right: 0;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.product-info .date {
|
||||
color: #9AA1AB;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.product-info.secondary .product-info-content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.product-info.secondary .product-info-content h4 {
|
||||
transition: all 0.2s;
|
||||
color: #FFF;
|
||||
position: relative;
|
||||
top: -25%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info.secondary .product-info-content .date {
|
||||
transition: all 0.2s;
|
||||
position: relative;
|
||||
top: 25%;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info.secondary .product-info-act {
|
||||
top: 30%;
|
||||
}
|
||||
|
||||
.product-info.secondary .label {
|
||||
transition: all 0.2s;
|
||||
clear: both;
|
||||
display: inline-block;
|
||||
margin-top: 15px;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product-info.secondary:hover .label {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.product-info.secondary:hover .product-info-content h4 {
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.product-info.secondary:hover .product-info-content .date {
|
||||
top: 0;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Rating */
|
||||
.shop .review-num {
|
||||
margin-left: 7px;
|
||||
float: left;
|
||||
font-size: 0.85em;
|
||||
}
|
||||
|
||||
.shop .summary .price {
|
||||
color: #444;
|
||||
font-size: 2em;
|
||||
letter-spacing: -1px;
|
||||
line-height: 30px;
|
||||
margin-top: 10px;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.shop .quantity {
|
||||
margin: 0 15px 25px 0;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 125px;
|
||||
height: 40px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.shop .quantity .minus {
|
||||
background: transparent;
|
||||
border: 1px solid #F0F0F0;
|
||||
border-radius: 2px;
|
||||
box-shadow: none;
|
||||
color: #5E5E5E;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
height: 40px;
|
||||
line-height: 13px;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
vertical-align: text-top;
|
||||
width: 40px;
|
||||
border-radius: 0.25rem 0 0 0.25rem;
|
||||
}
|
||||
|
||||
.shop .quantity .plus {
|
||||
background: transparent;
|
||||
border: 1px solid #F0F0F0;
|
||||
border-radius: 2px;
|
||||
box-shadow: none;
|
||||
color: #5E5E5E;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
height: 40px;
|
||||
line-height: 13px;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
outline: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
vertical-align: text-top;
|
||||
width: 40px;
|
||||
border-radius: 0 0.25rem 0.25rem 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.shop .quantity .qty {
|
||||
border: 1px solid #F0F0F0;
|
||||
box-shadow: none;
|
||||
float: left;
|
||||
height: 40px;
|
||||
padding: 0 39px;
|
||||
text-align: center;
|
||||
width: 125px;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
outline: 0;
|
||||
border-radius: .25rem;
|
||||
}
|
||||
|
||||
.shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.shop .quantity .qty::-ms-clear {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.shop .quantity.quantity-lg {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.shop .quantity.quantity-lg .minus {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.shop .quantity.quantity-lg .plus {
|
||||
height: 45px;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.shop .quantity.quantity-lg .qty {
|
||||
height: 45px;
|
||||
}
|
||||
|
||||
.shop .product-meta {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.shop .tabs-product {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.shop ul.comments .comment-arrow {
|
||||
border-right-color: #F5F7F7;
|
||||
}
|
||||
|
||||
.shop ul.comments .comment-block {
|
||||
background: #F5F7F7;
|
||||
}
|
||||
|
||||
.shop ul.simple-post-list li {
|
||||
border: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
/* Product Thumb Info */
|
||||
.product .product-thumb-info {
|
||||
transition: all 0.2s;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
border: 0;
|
||||
border-bottom: 3px solid #E3E4E8;
|
||||
background: #F7F9FC;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
border: 1px solid #DDD;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.product .product-thumb-info a {
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.product .product-thumb-info img {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.product .product-thumb-info h4 {
|
||||
color: #404751;
|
||||
letter-spacing: -1px;
|
||||
font-weight: 600;
|
||||
font-size: 1.4em;
|
||||
line-height: 1.1em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.product .product-thumb-info + .product-thumb-info {
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-touch-hover {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
display: none;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.product .product-thumb-info.hover .product-thumb-info-touch-hover {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-image {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-image:before {
|
||||
transition: all 0.2s;
|
||||
content: "";
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: #212121;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-act {
|
||||
position: absolute;
|
||||
top: 40%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
color: #FFF;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-act em {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-content {
|
||||
padding: 15px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-caption {
|
||||
padding: 0 15px 15px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-caption p {
|
||||
margin: 0;
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-extra {
|
||||
clear: both;
|
||||
padding: 10px 0 0;
|
||||
margin: 10px 0 0;
|
||||
border-top: 1px solid #EBEBF4;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-extra.social a:last-child {
|
||||
border-right: 0;
|
||||
margin-right: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-badges-wrapper {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 15px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-badges-wrapper .badge + .badge {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .addtocart-btn-wrapper {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
color: #212121;
|
||||
background: #FFF;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 100%;
|
||||
font-size: 16px;
|
||||
font-size: 1rem;
|
||||
box-shadow: 0px 0px 12px -4px rgba(0, 0, 0, 0.4);
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, 5px, 0);
|
||||
transition: ease transform 300ms, ease opacity 300ms;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover {
|
||||
color: #FFF;
|
||||
background: #CCC;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-image-effect > img:nth-child(1) {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
transition: ease opacity 300ms;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .product-thumb-info-image-effect > img:nth-child(2) {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.product .product-thumb-info .countdown-offer-wrapper {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 10px;
|
||||
right: 10px;
|
||||
padding: 8px 0;
|
||||
background: #0184c2;
|
||||
z-index: 3;
|
||||
transition: ease opacity 300ms;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info {
|
||||
background-color: #FFF;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .product-thumb-info-image:before {
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .product-thumb-info-act {
|
||||
opacity: 1;
|
||||
top: 50%;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: ease transform 300ms, ease opacity 300ms;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:before {
|
||||
content: attr(title);
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
right: calc( 100% + 10px);
|
||||
top: 50%;
|
||||
font-size: 11.2px;
|
||||
font-size: 0.7rem;
|
||||
background: #212121;
|
||||
color: #FFF;
|
||||
padding: 4px 8px;
|
||||
padding: .25rem .5rem;
|
||||
border-radius: 3px;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translate3d(0, -50%, 0);
|
||||
transition: ease opacity 300ms;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 5px solid #212121;
|
||||
display: none;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: calc( 100% + 5px);
|
||||
transform: translate3d(0, -50%, 0);
|
||||
transition: ease opacity 300ms;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover:before, .product:hover .product-thumb-info .addtocart-btn-wrapper .addtocart-btn:hover:after {
|
||||
display: block;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .product-thumb-info-image-effect > img:nth-child(1) {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.product:hover .product-thumb-info .countdown-offer-wrapper {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
/* Product Thumb Info - Full Width */
|
||||
.full-width .product-thumb-info .product-thumb-info-image:before {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
/* Products Navigation */
|
||||
.products-navigation .next, .products-navigation .prev {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
border-radius: 100%;
|
||||
border: 1px solid #CCC;
|
||||
font-size: 11.2px;
|
||||
font-size: 0.7rem;
|
||||
}
|
||||
|
||||
.products-navigation .prev {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
/* Price */
|
||||
.price {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
.price del {
|
||||
color: rgba(145, 145, 145, 0.5);
|
||||
font-size: 0.7em;
|
||||
margin: -2px 0 0;
|
||||
}
|
||||
|
||||
.price ins {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.price .sale {
|
||||
order: 2;
|
||||
font-size: 0.9em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.price .sale + .amount {
|
||||
font-size: 0.7em;
|
||||
font-weight: 500;
|
||||
margin-right: 4px;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.price .amount {
|
||||
order: 1;
|
||||
font-size: 0.9em;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Shop Finish Buy Steps Nav */
|
||||
/* Shop Table */
|
||||
.shop_table {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.shop_table th {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.shop_table td {
|
||||
border-top: 1px solid rgba(0, 0, 0, 0.06);
|
||||
padding: 17px 10px;
|
||||
}
|
||||
|
||||
.shop_table .product-thumbnail .product-thumbnail-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove {
|
||||
position: absolute;
|
||||
top: -5px;
|
||||
right: -8px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 11.2px;
|
||||
font-size: 0.7rem;
|
||||
color: #212121;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: #FFF;
|
||||
border: 1px solid #dbdbdb;
|
||||
border-radius: 100%;
|
||||
box-shadow: 0px 0px 19px -6px rgba(0, 0, 0, 0.5);
|
||||
text-decoration: none;
|
||||
transition: ease background 300ms;
|
||||
}
|
||||
|
||||
.shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove:hover {
|
||||
background: #f4f4f4;
|
||||
}
|
||||
|
||||
.shop_table .product-name {
|
||||
padding-left: 22.4px;
|
||||
padding-left: 1.4rem;
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.shop .actions-continue {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.shop table.cart .product-thumbnail {
|
||||
width: 12%;
|
||||
}
|
||||
|
||||
.shop table.cart .product-name {
|
||||
width: 35%;
|
||||
}
|
||||
|
||||
#header nav.mega-menu .mega-menu-shop a {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
#header nav.mega-menu .mega-menu-shop a .fa-caret-down {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
#header nav.mega-menu .mega-menu-shop > ul.dropdown-menu {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.shop table.cart .product-name {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-remove {
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.shop_table .product-thumbnail .product-thumbnail-wrapper .product-thumbnail-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.shop_table .product-name {
|
||||
padding-left: 0.7rem;
|
||||
}
|
||||
}
|
11588
website/css/theme.css
Normal file
11588
website/css/theme.css
Normal file
File diff suppressed because it is too large
Load diff
Loading…
Add table
Add a link
Reference in a new issue