first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,155 @@
|
||||
<?php
|
||||
/**
|
||||
* The template for displaying 404 pages.
|
||||
*
|
||||
* @package OceanWP WordPress theme
|
||||
*/
|
||||
|
||||
// Get ID.
|
||||
$get_id = get_theme_mod( 'ocean_error_page_template' );
|
||||
|
||||
// Check if page is Elementor page.
|
||||
$elementor = get_post_meta( $get_id, '_elementor_edit_mode', true );
|
||||
|
||||
// Get content.
|
||||
$get_content = oceanwp_error_page_template_content();
|
||||
|
||||
// If blank page.
|
||||
if ( 'on' === get_theme_mod( 'ocean_error_page_blank', 'off' ) ) { ?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html class="<?php echo esc_attr( oceanwp_html_classes() ); ?>" <?php language_attributes(); ?>>
|
||||
<head>
|
||||
<meta charset="<?php bloginfo( 'charset' ); ?>">
|
||||
<link rel="profile" href="https://gmpg.org/xfn/11">
|
||||
|
||||
<?php wp_head(); ?>
|
||||
</head>
|
||||
|
||||
<!-- Begin Body -->
|
||||
<body <?php body_class(); ?><?php oceanwp_schema_markup( 'html' ); ?>>
|
||||
|
||||
<?php wp_body_open(); ?>
|
||||
|
||||
<?php do_action( 'ocean_before_outer_wrap' ); ?>
|
||||
|
||||
<div id="outer-wrap" class="site clr">
|
||||
|
||||
<a class="skip-link screen-reader-text" href="#main"><?php oceanwp_theme_strings( 'owp-string-header-skip-link', 'oceanwp' ); ?></a>
|
||||
|
||||
<?php do_action( 'ocean_before_wrap' ); ?>
|
||||
|
||||
<div id="wrap" class="clr">
|
||||
|
||||
<?php do_action( 'ocean_before_main' ); ?>
|
||||
|
||||
<main id="main" class="site-main clr"<?php oceanwp_schema_markup( 'main' ); ?> role="main">
|
||||
|
||||
<?php
|
||||
} else {
|
||||
|
||||
get_header();
|
||||
|
||||
}
|
||||
?>
|
||||
|
||||
<?php do_action( 'ocean_before_content_wrap' ); ?>
|
||||
|
||||
<div id="content-wrap" class="container clr">
|
||||
|
||||
<?php do_action( 'ocean_before_primary' ); ?>
|
||||
|
||||
<div id="primary" class="content-area clr">
|
||||
|
||||
<?php do_action( 'ocean_before_content' ); ?>
|
||||
|
||||
<div id="content" class="clr site-content">
|
||||
|
||||
<?php do_action( 'ocean_before_content_inner' ); ?>
|
||||
|
||||
<article class="entry clr">
|
||||
|
||||
<?php
|
||||
// Elementor `404` location.
|
||||
if ( ! function_exists( 'elementor_theme_do_location' ) || ! elementor_theme_do_location( 'single' ) ) {
|
||||
|
||||
// Check if there is a template.
|
||||
if ( ! empty( $get_id ) ) {
|
||||
|
||||
// If Elementor.
|
||||
if ( OCEANWP_ELEMENTOR_ACTIVE && $elementor ) {
|
||||
|
||||
OceanWP_Elementor::get_error_page_content();
|
||||
|
||||
} elseif ( OCEANWP_BEAVER_BUILDER_ACTIVE && ! empty( $get_id ) ) {
|
||||
|
||||
echo do_shortcode( '[fl_builder_insert_layout id="' . $get_id . '"]' );
|
||||
|
||||
} else {
|
||||
|
||||
// Display template content.
|
||||
echo do_shortcode( $get_content );
|
||||
|
||||
}
|
||||
} else {
|
||||
?>
|
||||
|
||||
<div class="error404-content clr">
|
||||
|
||||
<h2 class="error-title"><?php esc_html_e( 'This page could not be found!', 'oceanwp' ); ?></h2>
|
||||
<p class="error-text"><?php esc_html_e( 'We are sorry. But the page you are looking for is not available.', 'oceanwp' ); ?><br /><?php esc_html_e( 'Perhaps you can try a new search.', 'oceanwp' ); ?></p>
|
||||
<?php get_search_form(); ?>
|
||||
<a class="error-btn button" href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php esc_html_e( 'Back To Homepage', 'oceanwp' ); ?></a>
|
||||
|
||||
</div><!-- .error404-content -->
|
||||
|
||||
<?php
|
||||
}
|
||||
}
|
||||
?>
|
||||
|
||||
</article><!-- .entry -->
|
||||
|
||||
<?php do_action( 'ocean_after_content_inner' ); ?>
|
||||
|
||||
</div><!-- #content -->
|
||||
|
||||
<?php do_action( 'ocean_after_content' ); ?>
|
||||
|
||||
</div><!-- #primary -->
|
||||
|
||||
<?php do_action( 'ocean_after_primary' ); ?>
|
||||
|
||||
</div><!-- #content-wrap -->
|
||||
|
||||
<?php do_action( 'ocean_after_content_wrap' ); ?>
|
||||
|
||||
<?php
|
||||
// If blank page.
|
||||
if ( 'on' === get_theme_mod( 'ocean_error_page_blank', 'off' ) ) {
|
||||
?>
|
||||
|
||||
</main><!-- #main-content -->
|
||||
|
||||
<?php do_action( 'ocean_after_main' ); ?>
|
||||
|
||||
</div><!-- #wrap -->
|
||||
|
||||
<?php do_action( 'ocean_after_wrap' ); ?>
|
||||
|
||||
</div><!-- .outer-wrap -->
|
||||
|
||||
<?php do_action( 'ocean_after_outer_wrap' ); ?>
|
||||
|
||||
<?php wp_footer(); ?>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<?php
|
||||
} else {
|
||||
|
||||
get_footer();
|
||||
|
||||
}
|
||||
?>
|
||||
@@ -0,0 +1,13 @@
|
||||
<?php
|
||||
/**
|
||||
* The template for displaying 500 pages in PWA.
|
||||
*
|
||||
* @package OceanWP WordPress theme
|
||||
* @since 1.8.8
|
||||
*/
|
||||
|
||||
pwa_get_header( 'pwa' );
|
||||
|
||||
do_action( 'ocean_do_server_error' );
|
||||
|
||||
pwa_get_footer( 'pwa' );
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,6 @@
|
||||
p { margin: 0 0 20px; }
|
||||
img { max-width: 100%; height: auto; vertical-align: middle; }
|
||||
pre { margin: 20px 0; padding: 20px; color: #2080ad; background-color: #fafafa; }
|
||||
code, kbd, pre, samp { font-size: 16px; }
|
||||
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
|
||||
blockquote { font-style: italic; margin: 20px 40px; padding-left: 20px; border-width: 0 0 0 3px; border-style: solid; border-color: #13aff0; }
|
||||
@@ -0,0 +1 @@
|
||||
p{margin:0 0 20px}img{max-width:100%;height:auto;vertical-align:middle}pre{margin:20px 0;padding:20px;color:#2080ad;background-color:#fafafa}code,kbd,pre,samp{font-size:16px}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}blockquote{font-style:italic;margin:20px 40px;padding-left:20px;border-width:0 0 0 3px;border-style:solid;border-color:#13aff0}
|
||||
@@ -0,0 +1,201 @@
|
||||
.editor-post-title__block .editor-post-title__input {
|
||||
font-size: 30px;
|
||||
font-size: 2rem;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.editor-block-list__block {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.8;
|
||||
color: #333;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.editor-block-list__block h1,
|
||||
.editor-block-list__block h2,
|
||||
.editor-block-list__block h3,
|
||||
.editor-block-list__block h4,
|
||||
.editor-block-list__block h5,
|
||||
.editor-block-list__block h6 {
|
||||
font-weight: 600;
|
||||
margin: 0 0 20px;
|
||||
color: #333;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
.editor-block-list__block h1 {
|
||||
font-size: 23px;
|
||||
}
|
||||
|
||||
.editor-block-list__block h2 {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.editor-block-list__block h3 {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.editor-block-list__block h4 {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.editor-block-list__block h5 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.editor-block-list__block h6 {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.editor-block-list__block .theme-heading {
|
||||
font-size: 14px;
|
||||
letter-spacing: 1.3px;
|
||||
margin: 0 0 20px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.editor-block-list__block .theme-heading .text::before {
|
||||
content: '\f105';
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #13aff0;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.editor-block-list__block p {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.editor-block-list__block abbr[title],
|
||||
.editor-block-list__block dfn[title] {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.editor-block-list__block del {
|
||||
vertical-align: baseline;
|
||||
text-decoration: line-through;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.editor-block-list__block code,
|
||||
.editor-block-list__block kbd,
|
||||
.editor-block-list__block pre,
|
||||
.editor-block-list__block samp {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.editor-block-list__block pre {
|
||||
margin: 20px 0;
|
||||
padding: 20px;
|
||||
color: #2080ad;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
.editor-block-list__block code {
|
||||
color: #2080ad;
|
||||
}
|
||||
|
||||
.editor-block-list__block blockquote {
|
||||
font-style: italic;
|
||||
margin: 20px 40px;
|
||||
padding-left: 20px;
|
||||
border-left-width: 3px;
|
||||
border-style: solid;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.editor-block-list__block blockquote cite {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px 0 0 20px;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.editor-block-list__block blockquote cite:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: "\2014";
|
||||
}
|
||||
|
||||
.editor-block-list__block q:before,
|
||||
.editor-block-list__block q:after,
|
||||
.editor-block-list__block blockquote:before,
|
||||
.editor-block-list__block blockquote:after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.editor-block-list__block address {
|
||||
display: block;
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.editor-block-list__block ul,
|
||||
.editor-block-list__block ol {
|
||||
margin: 15px 0 15px 0;
|
||||
}
|
||||
|
||||
.editor-block-list__block ol {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
.editor-block-list__block ol ol {
|
||||
list-style: upper-alpha;
|
||||
}
|
||||
|
||||
.editor-block-list__block ol ol ol {
|
||||
list-style: lower-roman;
|
||||
}
|
||||
|
||||
.editor-block-list__block ol ol ol ol {
|
||||
list-style: lower-alpha;
|
||||
}
|
||||
|
||||
.editor-block-list__block li ul,
|
||||
.editor-block-list__block li ol {
|
||||
margin: 0 0 0 25px;
|
||||
}
|
||||
|
||||
.editor-block-list__block dl {
|
||||
margin: 20px;
|
||||
}
|
||||
|
||||
.editor-block-list__block dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.editor-block-list__block dd {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.mce-content-body a {
|
||||
color: #0550f7;
|
||||
}
|
||||
|
||||
.mce-content-body a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.mce-content-body a.light {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mce-content-body a.light:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.mce-content-body a, .mce-content-body a:hover, .mce-content-body a:focus {
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.editor-writing-flow {
|
||||
height: fit-content;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.editor-post-title__block .editor-post-title__input{font-size:30px;font-size:2rem;font-family:'Open Sans', sans-serif;font-weight:normal}.editor-block-list__block{font-family:'Open Sans', sans-serif;font-size:16px;line-height:1.8;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.editor-block-list__block h1,.editor-block-list__block h2,.editor-block-list__block h3,.editor-block-list__block h4,.editor-block-list__block h5,.editor-block-list__block h6{font-weight:600;margin:0 0 20px;color:#333;line-height:1.4}.editor-block-list__block h1{font-size:23px}.editor-block-list__block h2{font-size:20px}.editor-block-list__block h3{font-size:18px}.editor-block-list__block h4{font-size:17px}.editor-block-list__block h5{font-size:15px}.editor-block-list__block h6{font-size:14px}.editor-block-list__block .theme-heading{font-size:14px;letter-spacing:1.3px;margin:0 0 20px;text-transform:uppercase}.editor-block-list__block .theme-heading .text::before{content:'\f105';font-family:'Font Awesome 5 Free';font-size:18px;font-weight:600;color:#13aff0;padding-right:6px}.editor-block-list__block p{margin:0 0 20px}.editor-block-list__block abbr[title],.editor-block-list__block dfn[title]{cursor:help}.editor-block-list__block del{vertical-align:baseline;text-decoration:line-through;color:#aaa}.editor-block-list__block code,.editor-block-list__block kbd,.editor-block-list__block pre,.editor-block-list__block samp{font-size:16px}.editor-block-list__block pre{margin:20px 0;padding:20px;color:#2080ad;background-color:#fafafa}.editor-block-list__block code{color:#2080ad}.editor-block-list__block blockquote{font-style:italic;margin:20px 40px;padding-left:20px;border-left-width:3px;border-style:solid;border-color:#13aff0}.editor-block-list__block blockquote cite{position:relative;display:block;padding:10px 0 0 20px;color:#555}.editor-block-list__block blockquote cite:before{position:absolute;left:0;content:"\2014"}.editor-block-list__block q:before,.editor-block-list__block q:after,.editor-block-list__block blockquote:before,.editor-block-list__block blockquote:after{content:""}.editor-block-list__block address{display:block;margin:0 0 20px}.editor-block-list__block ul,.editor-block-list__block ol{margin:15px 0 15px 0}.editor-block-list__block ol{list-style-type:decimal}.editor-block-list__block ol ol{list-style:upper-alpha}.editor-block-list__block ol ol ol{list-style:lower-roman}.editor-block-list__block ol ol ol ol{list-style:lower-alpha}.editor-block-list__block li ul,.editor-block-list__block li ol{margin:0 0 0 25px}.editor-block-list__block dl{margin:20px}.editor-block-list__block dt{font-weight:700}.editor-block-list__block dd{margin-bottom:20px}.mce-content-body a{color:#0550f7}.mce-content-body a:hover{color:#13aff0}.mce-content-body a.light{color:#fff}.mce-content-body a.light:hover{color:#13aff0}.mce-content-body a,.mce-content-body a:hover,.mce-content-body a:focus{text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.editor-writing-flow{height:fit-content}
|
||||
@@ -0,0 +1,292 @@
|
||||
/*!
|
||||
* Project : OceanWP WordPress Theme
|
||||
* Purpose : LearnDash LMS Tweaks
|
||||
* Author : Nick
|
||||
*/
|
||||
/** Buttons **/
|
||||
.btn-join,
|
||||
#btn-join,
|
||||
.learndash_checkout_buttons input.btn-join[type="button"],
|
||||
a#quiz_continue_link {
|
||||
display: inline-block;
|
||||
font-family: inherit;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding: 14px 20px;
|
||||
border: 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em;
|
||||
line-height: 1;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.btn-join:hover,
|
||||
.btn-join:focus,
|
||||
.btn-join:active,
|
||||
.btn-join:visited,
|
||||
.btn-join.active,
|
||||
#btn-join:hover,
|
||||
#btn-join:focus,
|
||||
a#quiz_continue_link:hover,
|
||||
.learndash_checkout_buttons input.btn-join[type="button"]:hover,
|
||||
a#quiz_continue_link:focus {
|
||||
background-color: #0b7cac;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#learndash_lessons #lesson_heading,
|
||||
#learndash_profile .learndash_profile_heading,
|
||||
#learndash_quizzes #quiz_heading,
|
||||
#learndash_lesson_topics_list div > strong {
|
||||
background: #2295ff;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
font-weight: 600;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
-ms-border-radius: 0;
|
||||
border-radius: 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#learndash_lessons h4 > a:hover,
|
||||
#learndash_quizzes h4 > a:hover,
|
||||
#learndash_lesson_topics_list ul > li > span.topic_item:hover {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.learndash .completed,
|
||||
.learndash .notcompleted,
|
||||
#learndash_profile .completed,
|
||||
#learndash_profile .notcompleted {
|
||||
position: relative;
|
||||
background: 0 0;
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.learndash .completed:before,
|
||||
.learndash .notcompleted:before,
|
||||
#learndash_profile .completed:before,
|
||||
#learndash_profile .notcompleted:before {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 20px;
|
||||
display: inline-block;
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: 20px;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "\f058";
|
||||
text-indent: 0;
|
||||
color: #068806;
|
||||
}
|
||||
|
||||
.learndash .notcompleted:before,
|
||||
#learndash_profile .notcompleted:before {
|
||||
content: "\f111";
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.learndash_navigation_lesson_topics_list .topic-completed span,
|
||||
.learndash_navigation_lesson_topics_list .topic-notcompleted span,
|
||||
.learndash_navigation_lesson_topics_list ul .topic-completed span,
|
||||
.learndash_navigation_lesson_topics_list ul .topic-notcompleted span,
|
||||
.learndash_topic_dots .topic-completed span,
|
||||
.learndash_topic_dots .topic-notcompleted span,
|
||||
.learndash_topic_dots ul .topic-completed span,
|
||||
.learndash_topic_dots ul .topic-notcompleted span {
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.learndash_navigation_lesson_topics_list .topic-completed span:before,
|
||||
.learndash_navigation_lesson_topics_list .topic-notcompleted span:before,
|
||||
.learndash_navigation_lesson_topics_list ul .topic-completed span:before,
|
||||
.learndash_navigation_lesson_topics_list ul .topic-notcompleted span:before,
|
||||
.learndash_topic_dots .topic-completed span:before,
|
||||
.learndash_topic_dots .topic-notcompleted span:before,
|
||||
.learndash_topic_dots ul .topic-completed span:before,
|
||||
.learndash_topic_dots ul .topic-notcompleted span:before {
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: 20px;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "\f058";
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#learndash_course_content .learndash_topic_dots ul > li,
|
||||
#learndash_course_content .learndash_topic_dots ul > li.nth-of-type-odd,
|
||||
#learndash_course_content .learndash_topic_dots ul > li:hover {
|
||||
background: 0 0;
|
||||
}
|
||||
|
||||
.learndash_topic_dots ul .topic-completed span,
|
||||
.learndash_topic_dots ul .topic-notcompleted span {
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
#learndash_lessons a,
|
||||
#learndash_quizzes a,
|
||||
.expand_collapse a,
|
||||
.learndash_topic_dots a,
|
||||
.learndash_topic_dots a > span,
|
||||
#learndash_lesson_topics_list span a,
|
||||
#learndash_profile a,
|
||||
#learndash_profile .profile_edit_profile a,
|
||||
#learndash_profile a span,
|
||||
#learndash_profile div,
|
||||
#learndash_profile .expand_collapse a {
|
||||
font-family: inherit;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#lessons_list > div > div,
|
||||
#course_list > div > div,
|
||||
#quiz_list > div > div,
|
||||
.single-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn,
|
||||
.singular-sfwd-lessons #learndash_lesson_topics_list ul > li > span.sn {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
#learndash_profile .list_arrow.collapse,
|
||||
#learndash_profile .list_arrow.expand {
|
||||
background: 0 0;
|
||||
padding: 10px;
|
||||
vertical-align: top;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#learndash_profile .list_arrow.collapse:before,
|
||||
#learndash_profile .list_arrow.expand:before {
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: 20px;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
content: "\f152";
|
||||
}
|
||||
|
||||
#learndash_profile .list_arrow.expand:before {
|
||||
content: "\f150";
|
||||
}
|
||||
|
||||
#learndash_profile .learndash-course-link a,
|
||||
#learndash_profile .learndash-course-status a,
|
||||
#learndash_profile .learndash-course-certificate a {
|
||||
line-height: inherit;
|
||||
padding: 10px 0;
|
||||
}
|
||||
|
||||
#learndash_profile .course_progress {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
#learndash_profile .flip {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
#lessons_list > div h4 > a,
|
||||
#course_list > div h4 > a,
|
||||
#quiz_list > div h4 > a {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ld-course-list-content .ld-entry-content img {
|
||||
margin: 0 auto 20px;
|
||||
}
|
||||
|
||||
/** Shortcodes **/
|
||||
body .thumbnail.course .ld_course_grid_price.ribbon-enrolled {
|
||||
background-color: #13aff0;
|
||||
}
|
||||
|
||||
body dd.course_progress {
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
body #ld_course_list .btn {
|
||||
display: inline-block;
|
||||
font-family: inherit;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding: 14px 20px;
|
||||
border: 0;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em;
|
||||
line-height: 1;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
body #ld_course_list .btn-primary:hover,
|
||||
body #ld_course_list .btn-primary:focus,
|
||||
body #ld_course_list .btn-primary:active,
|
||||
body #ld_course_list .btn-primary.active,
|
||||
body #ld_course_list .open .dropdown-toggle.btn-primary {
|
||||
background-color: #0b7cac;
|
||||
color: #fff;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
body.rtl {
|
||||
/** Shortcodes **/
|
||||
}
|
||||
|
||||
body.rtl .learndash .completed:before,
|
||||
body.rtl .learndash .notcompleted:before,
|
||||
body.rtl #learndash_profile .completed:before,
|
||||
body.rtl #learndash_profile .notcompleted:before {
|
||||
left: 20px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
body.rtl .learndash_navigation_lesson_topics_list .topic-completed span:before,
|
||||
body.rtl .learndash_navigation_lesson_topics_list .topic-notcompleted span:before,
|
||||
body.rtl .learndash_navigation_lesson_topics_list ul .topic-completed span:before,
|
||||
body.rtl .learndash_navigation_lesson_topics_list ul .topic-notcompleted span:before,
|
||||
body.rtl .learndash_topic_dots .topic-completed span:before,
|
||||
body.rtl .learndash_topic_dots .topic-notcompleted span:before,
|
||||
body.rtl .learndash_topic_dots ul .topic-completed span:before,
|
||||
body.rtl .learndash_topic_dots ul .topic-notcompleted span:before {
|
||||
margin-left: 10px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
body.rtl body dd.course_progress {
|
||||
margin-right: 0;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,309 @@
|
||||
/*!
|
||||
* Project : OceanWP WordPress Theme
|
||||
* Purpose : LifterLMS Tweaks
|
||||
* Author : Nick
|
||||
*/
|
||||
/** Buttons **/
|
||||
.llms-button-action,
|
||||
.llms-button-secondary,
|
||||
.llms-field-button,
|
||||
.llms-button-primary {
|
||||
display: inline-block;
|
||||
font-family: inherit;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding: 14px 20px;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
letter-spacing: 0.1em;
|
||||
line-height: 1;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.llms-button-action:hover,
|
||||
.llms-button-secondary:hover,
|
||||
.llms-field-button:hover,
|
||||
.llms-button-primary:hover {
|
||||
background-color: #0b7cac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.llms-button-action:focus,
|
||||
.llms-button-secondary:focus,
|
||||
.llms-field-button:focus,
|
||||
.llms-button-primary:focus {
|
||||
background-color: #0b7cac;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/** Tables **/
|
||||
.lifterlms thead td,
|
||||
.lifterlms th {
|
||||
border: 1px solid #eee;
|
||||
color: #000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.lifterlms thead td {
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
/** Courses Page **/
|
||||
.llms-student-dashboard .llms-sd-nav .llms-sep {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.llms-student-dashboard .llms-sd-item {
|
||||
padding: 0 15px 15px 0;
|
||||
}
|
||||
|
||||
/** Course Page **/
|
||||
.llms-syllabus-wrapper {
|
||||
margin: 15px 0;
|
||||
}
|
||||
|
||||
.llms-syllabus-wrapper .llms-section-title {
|
||||
background: #2295ff;
|
||||
color: #fff;
|
||||
margin-bottom: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.llms-syllabus-wrapper .llms-lesson-preview {
|
||||
width: auto;
|
||||
display: block;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-counter,
|
||||
.llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.llms-syllabus-wrapper .llms-lesson-preview .llms-lesson-complete {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.llms-meta-info .llms-meta p {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.llms-meta-info .llms-meta span, .llms-meta-info .llms-meta a {
|
||||
color: #929292;
|
||||
}
|
||||
|
||||
.llms-meta-info .llms-meta a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.single-course .llms_review h5 {
|
||||
color: #333 !important;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.single-course .llms_review h6 {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.single-course .llms_review p {
|
||||
color: #303030 !important;
|
||||
}
|
||||
|
||||
.single-course .llms_review p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.single-course .review_box input[type="text"],
|
||||
.single-course .review_box textarea {
|
||||
display: inline-block;
|
||||
min-height: 40px;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
line-height: 1.8;
|
||||
padding: 6px 12px;
|
||||
vertical-align: middle;
|
||||
background-color: transparent;
|
||||
color: #333;
|
||||
border: 1px solid #ddd;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.single-course .review_box textarea {
|
||||
line-height: 1.5;
|
||||
resize: vertical;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
#thank_you_box h2 {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
/** Lesson **/
|
||||
.llms-course-navigation {
|
||||
margin-top: 20px;
|
||||
padding-top: 20px;
|
||||
border-top: 1px solid #f1f1f1;
|
||||
}
|
||||
|
||||
.llms-course-navigation .llms-pre-text {
|
||||
color: #13aff0;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.llms-course-navigation .llms-prev-lesson .llms-pre-text::before,
|
||||
.llms-course-navigation .llms-next-lesson .llms-pre-text::after {
|
||||
display: inline-block;
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.llms-course-navigation .llms-prev-lesson .llms-pre-text::before {
|
||||
content: "\f30a";
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.llms-course-navigation .llms-next-lesson .llms-pre-text::after {
|
||||
content: "\f30b";
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.llms-lesson-button-wrapper {
|
||||
color: #191818;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#llms_mark_complete::before,
|
||||
.llms-lesson-button-wrapper::before {
|
||||
display: inline-block;
|
||||
font: normal normal 900 14px/1 'Font Awesome 5 free';
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#llms_mark_complete::before {
|
||||
content: "\f00c";
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
/** Dashboard **/
|
||||
.llms-student-dashboard.edit-account .llms-form-field {
|
||||
padding: 0 20px 10px 0;
|
||||
}
|
||||
|
||||
.llms-student-dashboard.edit-account .llms-form-field > label {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/** Checkout **/
|
||||
.llms-checkout-section {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.llms-notice {
|
||||
border: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.llms-checkout-wrapper .llms-form-heading {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.llms-checkout-section-content .llms-label {
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.billing-information .llms-form-field label {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.llms-distraction-free #site-logo {
|
||||
float: none;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/** Grid **/
|
||||
@media all and (max-width: 768px) {
|
||||
.llms-loop-list.tablet-1-col .llms-loop-item {
|
||||
width: 100%;
|
||||
}
|
||||
.llms-loop-list.tablet-2-col .llms-loop-item {
|
||||
width: 50%;
|
||||
}
|
||||
.llms-loop-list.tablet-3-col .llms-loop-item {
|
||||
width: 33.3333333333%;
|
||||
}
|
||||
.llms-loop-list.tablet-4-col .llms-loop-item {
|
||||
width: 25%;
|
||||
}
|
||||
.llms-loop-list.tablet-5-col .llms-loop-item {
|
||||
width: 20%;
|
||||
}
|
||||
.llms-loop-list.tablet-6-col .llms-loop-item {
|
||||
width: 16.6666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 480px) {
|
||||
.llms-loop-list.mobile-1-col .llms-loop-item {
|
||||
width: 100%;
|
||||
}
|
||||
.llms-loop-list.mobile-2-col .llms-loop-item {
|
||||
width: 50%;
|
||||
}
|
||||
.llms-loop-list.mobile-3-col .llms-loop-item {
|
||||
width: 33.3333333333%;
|
||||
}
|
||||
.llms-loop-list.mobile-4-col .llms-loop-item {
|
||||
width: 25%;
|
||||
}
|
||||
.llms-loop-list.mobile-5-col .llms-loop-item {
|
||||
width: 20%;
|
||||
}
|
||||
.llms-loop-list.mobile-6-col .llms-loop-item {
|
||||
width: 16.6666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
/** Pagination **/
|
||||
.llms-pagination {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.pagination-center .llms-pagination {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagination-center .llms-pagination ul li {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.pagination-left .llms-pagination {
|
||||
float: left;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,640 @@
|
||||
/* BuddyPress */
|
||||
#buddypress ul li {
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
#buddypress .standard-form textarea,
|
||||
#buddypress .standard-form input[type=text],
|
||||
#buddypress .standard-form input[type=text],
|
||||
#buddypress .standard-form input[type=color],
|
||||
#buddypress .standard-form input[type=date],
|
||||
#buddypress .standard-form input[type=datetime],
|
||||
#buddypress .standard-form input[type=datetime-local],
|
||||
#buddypress .standard-form input[type=email],
|
||||
#buddypress .standard-form input[type=month],
|
||||
#buddypress .standard-form input[type=number],
|
||||
#buddypress .standard-form input[type=range],
|
||||
#buddypress .standard-form input[type=search],
|
||||
#buddypress .standard-form input[type=tel],
|
||||
#buddypress .standard-form input[type=time],
|
||||
#buddypress .standard-form input[type=url],
|
||||
#buddypress .standard-form input[type=week],
|
||||
#buddypress .standard-form select,
|
||||
#buddypress .standard-form input[type=password],
|
||||
#buddypress .dir-search input[type=search],
|
||||
#buddypress .dir-search input[type=text] {
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
padding: 5px 10px;
|
||||
outline: 0;
|
||||
margin: 5px 0;
|
||||
transition: all .2s ease;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
#buddypress #commentform input[type=text],
|
||||
#buddypress #commentform textarea,
|
||||
#buddypress .form-allowed-tags,
|
||||
#buddypress .standard-form#signup_form input[type=text],
|
||||
#buddypress .standard-form#signup_form textarea,
|
||||
#buddypress .standard-form #basic-details-section input[type=password],
|
||||
#buddypress .standard-form #blog-details-section input#signup_blog_url {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#buddypress .standard-form textarea:focus,
|
||||
#buddypress .standard-form input[type=text]:focus,
|
||||
#buddypress .standard-form input[type=text]:focus,
|
||||
#buddypress .standard-form input[type=color]:focus,
|
||||
#buddypress .standard-form input[type=date]:focus,
|
||||
#buddypress .standard-form input[type=datetime]:focus,
|
||||
#buddypress .standard-form input[type=datetime-local]:focus,
|
||||
#buddypress .standard-form input[type=email]:focus,
|
||||
#buddypress .standard-form input[type=month]:focus,
|
||||
#buddypress .standard-form input[type=number]:focus,
|
||||
#buddypress .standard-form input[type=range]:focus,
|
||||
#buddypress .standard-form input[type=search]:focus,
|
||||
#buddypress .standard-form input[type=tel]:focus,
|
||||
#buddypress .standard-form input[type=time]:focus,
|
||||
#buddypress .standard-form input[type=url]:focus,
|
||||
#buddypress .standard-form input[type=week]:focus,
|
||||
#buddypress .standard-form select:focus,
|
||||
#buddypress .standard-form input[type=password]:focus,
|
||||
#buddypress .dir-search input[type=search]:focus,
|
||||
#buddypress .dir-search input[type=text]:focus {
|
||||
border-color: #aaa;
|
||||
color: inherit
|
||||
}
|
||||
|
||||
#buddypress div.dir-search input[type=text] {
|
||||
font-size: 100%;
|
||||
padding: 5px 10px
|
||||
}
|
||||
|
||||
a.bp-title-button {
|
||||
font-size: 12px;
|
||||
padding: 2px 10px;
|
||||
vertical-align: middle;
|
||||
color: #777
|
||||
}
|
||||
|
||||
a.bp-title-button:hover {
|
||||
color: #000
|
||||
}
|
||||
|
||||
.breadcrumbs .current a.bp-title-button {
|
||||
display: none
|
||||
}
|
||||
|
||||
#buddypress #messages_search_submit {
|
||||
height: 33px
|
||||
}
|
||||
|
||||
.buddypress #buddypress .button.unfav {
|
||||
background: #666;
|
||||
border: solid 1px #666
|
||||
}
|
||||
|
||||
#buddypress div.activity-meta a {
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
#buddypress .loading {
|
||||
opacity: .5
|
||||
}
|
||||
|
||||
.buddypress #buddypress div.activity-comments div.acomment-content,
|
||||
#buddypress div.activity-comments div.acomment-meta {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
#buddypress .acomment-reply:before,
|
||||
#buddypress .activity-meta .fav:before {
|
||||
content: "\f075";
|
||||
display: inline-block;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 4px;
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
#buddypress .activity-meta .fav:before {
|
||||
content: "\f087"
|
||||
}
|
||||
|
||||
#buddypress a.bp-primary-action span,
|
||||
#buddypress #reply-title small a span {
|
||||
background: rgba(0, 0, 0, .4);
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
#buddypress span.highlight {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
#buddypress form#whats-new-form #whats-new-content {
|
||||
margin-left: 65px
|
||||
}
|
||||
|
||||
#buddypress form#whats-new-form p.activity-greeting {
|
||||
margin-left: 85px
|
||||
}
|
||||
|
||||
#buddypress form#whats-new-form textarea {
|
||||
font-size: 1em;
|
||||
height: 150px;
|
||||
min-height: 150px;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
#buddypress form#whats-new-form #whats-new-options select {
|
||||
display: inline-block;
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
#buddypress ul.item-list {
|
||||
border-top: 3px solid #ccc
|
||||
}
|
||||
|
||||
#buddypress ul.item-list li div.action {
|
||||
top: 45px
|
||||
}
|
||||
|
||||
#buddypress ul.item-list li div.item-title,
|
||||
#buddypress ul.item-list li div.item-title span,
|
||||
#buddypress ul.item-list li h4,
|
||||
#buddypress ul.item-list li div.item-desc,
|
||||
#buddypress ul.item-list li div.meta {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
#buddypress ul#groups-list li div.item-title {
|
||||
font-size: 15px;
|
||||
line-height: 1.6em;
|
||||
margin-bottom: 5px
|
||||
}
|
||||
|
||||
#buddypress ul#groups-list li div.item-title span {
|
||||
font-size: 13px
|
||||
}
|
||||
|
||||
#buddypress ul#groups-list li div.item-desc {
|
||||
width: 68%
|
||||
}
|
||||
|
||||
#buddypress ul.item-list li {
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 30px 0
|
||||
}
|
||||
|
||||
#buddypress .activity-list .activity-content .activity-header a:first-child,
|
||||
#buddypress .activity-list .activity-content .comment-header a:first-child {
|
||||
font-weight: bold
|
||||
}
|
||||
|
||||
#buddypress .activity-list .activity-content .activity-inner,
|
||||
#buddypress .activity-list .activity-content blockquote,
|
||||
#buddypress .acomment-content {
|
||||
color: #333
|
||||
}
|
||||
|
||||
#buddypress div#item-header img.avatar {
|
||||
margin-left: 15px
|
||||
}
|
||||
|
||||
.buddypress.widget .avatar {
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-header-content {
|
||||
float: none;
|
||||
}
|
||||
|
||||
#buddypress .activity-list .activity-avatar .avatar,
|
||||
#whats-new-avatar .avatar,
|
||||
#buddypress ul.item-list li img.avatar,
|
||||
#buddypress img.avatar {
|
||||
border-radius: 50%;
|
||||
overflow: hidden
|
||||
}
|
||||
|
||||
#buddypress #avatar-upload-form img.avatar {
|
||||
border-radius: 0
|
||||
}
|
||||
|
||||
#avatar-crop-pane {
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
#buddypress .activity-list li.mini .activity-avatar img.avatar,
|
||||
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic {
|
||||
height: 40px;
|
||||
margin-left: 10px;
|
||||
width: 40px
|
||||
}
|
||||
|
||||
#buddypress div.activity-comments div.acomment-avatar img {
|
||||
border-width: 0;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
width: 40px
|
||||
}
|
||||
|
||||
#buddypress div.activity-comments div.acomment-content {
|
||||
font-size: 90%;
|
||||
margin: 5px 0 0 50px
|
||||
}
|
||||
|
||||
#buddypress .acomment-options {
|
||||
margin: 5px 0 5px 50px
|
||||
}
|
||||
|
||||
#buddypress div.activity-comments form div.ac-reply-content {
|
||||
margin-left: 70px
|
||||
}
|
||||
|
||||
#buddypress div.activity-comments form .ac-textarea {
|
||||
background: #fcfcfc;
|
||||
border: solid 1px #ccc;
|
||||
border-radius: 3px;
|
||||
color: #c6c6c6
|
||||
}
|
||||
|
||||
#buddypress .activity-list .activity-content {
|
||||
margin: 0 0 0 80px
|
||||
}
|
||||
|
||||
#buddypress .activity-list li.mini {
|
||||
font-size: 90%
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li#activity-filter-select label,
|
||||
#buddypress div.item-list-tabs ul li#members-order-select label {
|
||||
display: inline-block;
|
||||
margin-right: 6px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li.last select {
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#buddypress div.activity-meta {
|
||||
opacity: .75;
|
||||
transition: all .2s ease
|
||||
}
|
||||
|
||||
#buddypress .activity-item:hover div.activity-meta {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
#buddypress .activity-list .activity-content .activity-header img.avatar {
|
||||
margin: 0 5px 0 0 !important
|
||||
}
|
||||
|
||||
.blog-heading div.dir-search {
|
||||
margin-top: -30px;
|
||||
margin-bottom: -5px
|
||||
}
|
||||
|
||||
.blog-heading div.dir-search label,
|
||||
.blog-heading div.dir-search input {
|
||||
margin-bottom: 0;
|
||||
margin-top: 0
|
||||
}
|
||||
|
||||
@media only screen and (max-width:480px) {
|
||||
#buddypress div.dir-search input[type="text"] {
|
||||
width: inherit
|
||||
}
|
||||
}
|
||||
|
||||
#buddypress span.activity {
|
||||
font-size: 90%
|
||||
}
|
||||
|
||||
#buddypress .friendship-button.add:before,
|
||||
#buddypress .button.accept:before {
|
||||
content: "\f055";
|
||||
display: inline-block;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 5px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
#buddypress .button.accept:before {
|
||||
content: "\f00c"
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-meta {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-meta #item-buttons div.generic-button a {
|
||||
padding: 2px 8px;
|
||||
font-size: 90%
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-meta #latest-update {
|
||||
color: #222;
|
||||
margin-bottom: 10px;
|
||||
background: #eee;
|
||||
border-radius: 4px;
|
||||
padding: 5px 15px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
z-index: 1
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-meta #latest-update>a {
|
||||
font-size: 80%
|
||||
}
|
||||
|
||||
#buddypress div#item-header div#item-meta #latest-update:before {
|
||||
content: "\f0da";
|
||||
display: inline-block;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 3px;
|
||||
font-size: 32px;
|
||||
color: #eee;
|
||||
position: absolute;
|
||||
left: 6px;
|
||||
bottom: -15px;
|
||||
z-index: -1
|
||||
}
|
||||
|
||||
.item-list-tabs:not(#subnav) {
|
||||
border: solid 1px #ccc;
|
||||
border-radius: 3px;
|
||||
padding: 0
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li a span {
|
||||
padding: 2px 6px
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li a {
|
||||
color: #888;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
@media(max-width:991px) {
|
||||
#buddypress div.item-list-tabs:not(#subnav) ul li {
|
||||
width: 33.33333%
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:767px) {
|
||||
#buddypress div.item-list-tabs:not(#subnav) ul li {
|
||||
width: 50%
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:360px) {
|
||||
#buddypress div.item-list-tabs:not(#subnav) ul li {
|
||||
width: 100%
|
||||
}
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs:not(#subnav) ul li a,
|
||||
#buddypress div.item-list-tabs ul li span {
|
||||
height: 46px;
|
||||
line-height: 35px;
|
||||
padding: 5px 15px;
|
||||
border-right: solid 1px #ccc;
|
||||
border-bottom: solid 1px #ccc;
|
||||
margin-bottom: -1px
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li.selected a,
|
||||
#buddypress div.item-list-tabs ul li.current a {
|
||||
background-color: #f2f2f2;
|
||||
color: #8e8e8e;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs ul li a:hover {
|
||||
opacity: 1;
|
||||
color: #333
|
||||
}
|
||||
|
||||
#buddypress div.pagination .pag-count {
|
||||
margin-left: 0
|
||||
}
|
||||
|
||||
#buddypress #activity-all a:before,
|
||||
#buddypress #groups-all a:before,
|
||||
#buddypress #members-all a:before,
|
||||
#buddypress #activity-friends a:before,
|
||||
#buddypress #user-friends:before,
|
||||
#buddypress #members-personal a:before,
|
||||
#buddypress #activity-groups a:before,
|
||||
#buddypress #user-groups:before,
|
||||
#buddypress #groups-personal a:before,
|
||||
#buddypress #members:before,
|
||||
#buddypress #forums-personal-li a:before,
|
||||
#buddypress #nav-forum-groups-li a:before,
|
||||
#buddypress #activity-favorites a:before,
|
||||
#buddypress #user-activity:before,
|
||||
#buddypress #user-xprofile:before,
|
||||
#buddypress #user-notifications:before,
|
||||
#buddypress #user-messages:before,
|
||||
#buddypress .send-message:before,
|
||||
#buddypress #user-settings:before,
|
||||
#buddypress #admin:before,
|
||||
#buddypress #home:before,
|
||||
#buddypress #invite:before {
|
||||
content: "\f0ac";
|
||||
display: inline-block;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 5px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
#buddypress #activity-friends a:before,
|
||||
#buddypress #user-friends:before,
|
||||
#buddypress #members-personal a:before {
|
||||
content: "\f007"
|
||||
}
|
||||
|
||||
#buddypress #activity-groups a:before,
|
||||
#buddypress #user-groups:before,
|
||||
#buddypress #groups-personal a:before,
|
||||
#buddypress #members:before {
|
||||
content: "\f0c0"
|
||||
}
|
||||
|
||||
#buddypress #forums-personal-li a:before,
|
||||
#buddypress #nav-forum-groups-li a:before {
|
||||
content: "\f086"
|
||||
}
|
||||
|
||||
#buddypress #activity-favorites a:before {
|
||||
content: "\f005"
|
||||
}
|
||||
|
||||
#buddypress #user-activity:before {
|
||||
content: "\f022"
|
||||
}
|
||||
|
||||
#buddypress #user-xprofile:before {
|
||||
content: "\f07b"
|
||||
}
|
||||
|
||||
#buddypress #user-notifications:before {
|
||||
content: "\f0f3"
|
||||
}
|
||||
|
||||
#buddypress #user-messages:before,
|
||||
#buddypress .send-message:before {
|
||||
content: "\f0e0"
|
||||
}
|
||||
|
||||
#buddypress #user-settings:before,
|
||||
#buddypress #admin:before {
|
||||
content: "\f013"
|
||||
}
|
||||
|
||||
#buddypress #activity-mentions a:before,
|
||||
#buddypress .activity-button.mention:before {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
content: "@";
|
||||
font-weight: bold;
|
||||
margin-right: 5px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
#buddypress #home:before {
|
||||
content: "\f015"
|
||||
}
|
||||
|
||||
#buddypress #invite:before {
|
||||
content: "\f14a"
|
||||
}
|
||||
|
||||
#buddypress div.item-list-tabs#subnav {
|
||||
margin-bottom: 40px
|
||||
}
|
||||
|
||||
#buddypress div.dir-search {
|
||||
margin: 0 0 20px
|
||||
}
|
||||
|
||||
#buddypress div.dir-search label {
|
||||
display: inline-block
|
||||
}
|
||||
|
||||
#buddypress div.dir-search input[type=text] {
|
||||
margin: 0
|
||||
}
|
||||
|
||||
#buddypress div.dir-search input[type=submit] {
|
||||
min-height: 34px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.bbp-pagination .page-numbers {
|
||||
display: block;
|
||||
float: left;
|
||||
height: 25px;
|
||||
padding: 0 10px;
|
||||
border: 1px solid #ccc;
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
line-height: 25px;
|
||||
color: #888;
|
||||
cursor: pointer;
|
||||
margin: 0 4px 4px 0;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.widget.buddypress ul {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.widget.buddypress ul li {
|
||||
padding-left: 0
|
||||
}
|
||||
|
||||
.widget.buddypress ul.item-list li {
|
||||
line-height: 1.4em;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.widget.buddypress ul li:before {
|
||||
content: ''
|
||||
}
|
||||
|
||||
.widget.buddypress img.avatar {
|
||||
border-radius: 50%
|
||||
}
|
||||
|
||||
.widget.buddypress ul.item-list img.avatar {
|
||||
height: 40px;
|
||||
width: 40px
|
||||
}
|
||||
|
||||
.widget.buddypress span.activity {
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
.widget.buddypress div.item-options .selected:before {
|
||||
content: "\f0da";
|
||||
display: inline-block;
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
margin-right: 4px;
|
||||
font-size: 14px
|
||||
}
|
||||
|
||||
#buddypress div#message p,
|
||||
#sitewide-notice p {
|
||||
background-color: #a5d3ed;
|
||||
border: 1px solid #12acdf;
|
||||
color: #333;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
#buddypress table.notifications tr td.label,
|
||||
#buddypress table.notifications-settings tr td.label,
|
||||
#buddypress table.profile-fields tr td.label,
|
||||
#buddypress table.wp-profile-fields tr td.label,
|
||||
#buddypress table.messages-notices tr td.label,
|
||||
#buddypress table.forum tr td.label {
|
||||
display: table-cell;
|
||||
color: inherit;
|
||||
font-size: 100%
|
||||
}
|
||||
|
||||
#buddypress div.profile h3 {
|
||||
text-transform: uppercase
|
||||
}
|
||||
|
||||
#buddypress .standard-form label,
|
||||
#buddypress .standard-form span.label,
|
||||
.widget.buddypress #bp-login-widget-form label {
|
||||
margin-bottom: 0
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,9 @@
|
||||
/* Elementor editor */
|
||||
#main {
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
/* Hide the transparent heade in the Elementor edit mode to avoid conflicts */
|
||||
body.has-transparent-header #site-header {
|
||||
display: none;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#main{z-index:999}body.has-transparent-header #site-header{display:none}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,60 @@
|
||||
/*!
|
||||
* Project : OceanWP WordPress Theme
|
||||
* Purpose : Hamburgers Icons
|
||||
* Author : https://jonsuh.com/hamburgers/
|
||||
*/
|
||||
.hamburger {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
transition-property: opacity, filter;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: linear;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
text-transform: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
a:hover .hamburger {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.hamburger-box {
|
||||
width: 20px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hamburger-inner {
|
||||
display: block;
|
||||
top: 50%;
|
||||
margin-top: 2px;
|
||||
}
|
||||
|
||||
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
|
||||
width: 20px;
|
||||
height: 2px;
|
||||
background-color: #000;
|
||||
border-radius: 3px;
|
||||
position: absolute;
|
||||
transition-property: transform;
|
||||
transition-duration: 0.15s;
|
||||
transition-timing-function: ease;
|
||||
}
|
||||
|
||||
.hamburger-inner::before, .hamburger-inner::after {
|
||||
content: "";
|
||||
display: block;
|
||||
}
|
||||
|
||||
.hamburger-inner::before {
|
||||
top: -7px;
|
||||
}
|
||||
|
||||
.hamburger-inner::after {
|
||||
bottom: -7px;
|
||||
}
|
||||
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Project : OceanWP WordPress Theme
|
||||
* Purpose : Hamburgers Icons
|
||||
* Author : https://jonsuh.com/hamburgers/
|
||||
*/.hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}a:hover .hamburger{opacity:.7}.hamburger-box{width:20px;height:16px;display:inline-block;position:relative}.hamburger-inner{display:block;top:50%;margin-top:2px}.hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:20px;height:2px;background-color:#000;border-radius:3px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.hamburger-inner::after,.hamburger-inner::before{content:"";display:block}.hamburger-inner::before{top:-7px}.hamburger-inner::after{bottom:-7px}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DX Reverse
|
||||
*/
|
||||
.hamburger--3dx-r .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dx-r .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dx-r.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateY(-180deg);
|
||||
transform: rotateY(-180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dx-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DX
|
||||
*/
|
||||
.hamburger--3dx .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dx .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dx.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateY(180deg);
|
||||
transform: rotateY(180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dx.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dx.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DXY Reverse
|
||||
*/
|
||||
.hamburger--3dxy-r .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dxy-r .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
|
||||
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dxy-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DXY
|
||||
*/
|
||||
.hamburger--3dxy .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dxy .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dxy.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateX(180deg) rotateY(180deg);
|
||||
transform: rotateX(180deg) rotateY(180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dxy.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dxy.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DY Reverse
|
||||
*/
|
||||
.hamburger--3dy-r .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dy-r .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dy-r.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateX(180deg);
|
||||
transform: rotateX(180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dy-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
/*
|
||||
* 3DY
|
||||
*/
|
||||
.hamburger--3dy .hamburger-box {
|
||||
-webkit-perspective: 40px;
|
||||
perspective: 40px;
|
||||
}
|
||||
|
||||
.hamburger--3dy .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
|
||||
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--3dy.is-active .hamburger-inner {
|
||||
background-color: transparent;
|
||||
-webkit-transform: rotateX(-180deg);
|
||||
transform: rotateX(-180deg);
|
||||
}
|
||||
|
||||
.hamburger--3dy.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--3dy.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/*
|
||||
* Arrow Right
|
||||
*/
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrow-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
}
|
||||
@@ -0,0 +1,12 @@
|
||||
/*
|
||||
* Arrow
|
||||
*/
|
||||
.hamburger--arrow.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(-4px, 2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, 2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrow.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(-4px, -2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, -2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
* Arrow Alt Right
|
||||
*/
|
||||
.hamburger--arrowalt-r .hamburger-inner::before {
|
||||
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt-r .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
|
||||
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/*
|
||||
* Arrow Alt
|
||||
*/
|
||||
.hamburger--arrowalt .hamburger-inner::before {
|
||||
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
}
|
||||
|
||||
.hamburger--arrowalt.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
|
||||
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
* Arrow Turn Right
|
||||
*/
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(-180deg);
|
||||
-ms-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(-4px, 2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, 2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(-4px, -2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(-4px, -2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
}
|
||||
@@ -0,0 +1,18 @@
|
||||
/*
|
||||
* Arrow Turn
|
||||
*/
|
||||
.hamburger--arrowturn.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(-180deg);
|
||||
-ms-transform: rotate(-180deg);
|
||||
transform: rotate(-180deg);
|
||||
}
|
||||
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::before {
|
||||
-webkit-transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, 2px, 0) rotate(45deg) scale(0.7, 1);
|
||||
}
|
||||
|
||||
.hamburger--arrowturn.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
transform: translate3d(4px, -2px, 0) rotate(-45deg) scale(0.7, 1);
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
/*
|
||||
* Boring
|
||||
*/
|
||||
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
|
||||
-webkit-transition-property: none;
|
||||
transition-property: none;
|
||||
}
|
||||
|
||||
.hamburger--boring.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--boring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--boring.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* Collapse Reverse
|
||||
*/
|
||||
.hamburger--collapse-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: -3px;
|
||||
-webkit-transition-duration: 0.13s;
|
||||
transition-duration: 0.13s;
|
||||
-webkit-transition-delay: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--collapse-r .hamburger-inner::after {
|
||||
top: -14px;
|
||||
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
|
||||
}
|
||||
|
||||
.hamburger--collapse-r .hamburger-inner::before {
|
||||
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--collapse-r.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(45deg);
|
||||
-webkit-transition-delay: 0.22s;
|
||||
transition-delay: 0.22s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
|
||||
}
|
||||
|
||||
.hamburger--collapse-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* Collapse
|
||||
*/
|
||||
.hamburger--collapse .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: -3px;
|
||||
-webkit-transition-duration: 0.13s;
|
||||
transition-duration: 0.13s;
|
||||
-webkit-transition-delay: 0.13s;
|
||||
transition-delay: 0.13s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--collapse .hamburger-inner::after {
|
||||
top: -14px;
|
||||
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
|
||||
}
|
||||
|
||||
.hamburger--collapse .hamburger-inner::before {
|
||||
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--collapse.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
-webkit-transition-delay: 0.22s;
|
||||
transition-delay: 0.22s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--collapse.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
|
||||
}
|
||||
|
||||
.hamburger--collapse.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*
|
||||
* Elastic Reverse
|
||||
*/
|
||||
.hamburger--elastic-r .hamburger-inner {
|
||||
top: 1px;
|
||||
-webkit-transition-duration: 0.275s;
|
||||
transition-duration: 0.275s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.hamburger--elastic-r .hamburger-inner::before {
|
||||
top: 7px;
|
||||
-webkit-transition: opacity 0.125s 0.275s ease;
|
||||
transition: opacity 0.125s 0.275s ease;
|
||||
}
|
||||
|
||||
.hamburger--elastic-r .hamburger-inner::after {
|
||||
top: 14px;
|
||||
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.hamburger--elastic-r.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(-135deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(-135deg);
|
||||
-webkit-transition-delay: 0.075s;
|
||||
transition-delay: 0.075s;
|
||||
}
|
||||
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::before {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--elastic-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -14px, 0) rotate(270deg);
|
||||
transform: translate3d(0, -14px, 0) rotate(270deg);
|
||||
-webkit-transition-delay: 0.075s;
|
||||
transition-delay: 0.075s;
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*
|
||||
* Elastic
|
||||
*/
|
||||
.hamburger--elastic .hamburger-inner {
|
||||
top: 1px;
|
||||
-webkit-transition-duration: 0.275s;
|
||||
transition-duration: 0.275s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.hamburger--elastic .hamburger-inner::before {
|
||||
top: 7px;
|
||||
-webkit-transition: opacity 0.125s 0.275s ease;
|
||||
transition: opacity 0.125s 0.275s ease;
|
||||
}
|
||||
|
||||
.hamburger--elastic .hamburger-inner::after {
|
||||
top: 14px;
|
||||
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
||||
}
|
||||
|
||||
.hamburger--elastic.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(135deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(135deg);
|
||||
-webkit-transition-delay: 0.075s;
|
||||
transition-delay: 0.075s;
|
||||
}
|
||||
|
||||
.hamburger--elastic.is-active .hamburger-inner::before {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--elastic.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -14px, 0) rotate(-270deg);
|
||||
transform: translate3d(0, -14px, 0) rotate(-270deg);
|
||||
-webkit-transition-delay: 0.075s;
|
||||
transition-delay: 0.075s;
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
/*
|
||||
* Minus
|
||||
*/
|
||||
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
|
||||
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
|
||||
}
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
|
||||
opacity: 0;
|
||||
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
|
||||
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
|
||||
}
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.hamburger--minus.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/*
|
||||
* Slider Reverse
|
||||
*/
|
||||
.hamburger--slider-r .hamburger-inner {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.hamburger--slider-r .hamburger-inner::before {
|
||||
top: 7px;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: 0.15s;
|
||||
transition-duration: 0.15s;
|
||||
}
|
||||
|
||||
.hamburger--slider-r .hamburger-inner::after {
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
.hamburger--slider-r.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(-45deg);
|
||||
}
|
||||
|
||||
.hamburger--slider-r.is-active .hamburger-inner::before {
|
||||
-webkit-transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
|
||||
transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--slider-r.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -14px, 0) rotate(90deg);
|
||||
transform: translate3d(0, -14px, 0) rotate(90deg);
|
||||
}
|
||||
@@ -0,0 +1,36 @@
|
||||
/*
|
||||
* Slider
|
||||
*/
|
||||
.hamburger--slider .hamburger-inner {
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.hamburger--slider .hamburger-inner::before {
|
||||
top: 7px;
|
||||
-webkit-transition-property: -webkit-transform, opacity;
|
||||
transition-property: transform, opacity;
|
||||
-webkit-transition-timing-function: ease;
|
||||
transition-timing-function: ease;
|
||||
-webkit-transition-duration: 0.15s;
|
||||
transition-duration: 0.15s;
|
||||
}
|
||||
|
||||
.hamburger--slider .hamburger-inner::after {
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
.hamburger--slider.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--slider.is-active .hamburger-inner::before {
|
||||
-webkit-transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
|
||||
transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--slider.is-active .hamburger-inner::after {
|
||||
-webkit-transform: translate3d(0, -14px, 0) rotate(-90deg);
|
||||
transform: translate3d(0, -14px, 0) rotate(-90deg);
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/*
|
||||
* Spin Reverse
|
||||
*/
|
||||
.hamburger--spin-r .hamburger-inner {
|
||||
-webkit-transition-duration: 0.22s;
|
||||
transition-duration: 0.22s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spin-r .hamburger-inner::before {
|
||||
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
|
||||
}
|
||||
|
||||
.hamburger--spin-r .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spin-r.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(-225deg);
|
||||
-ms-transform: rotate(-225deg);
|
||||
transform: rotate(-225deg);
|
||||
-webkit-transition-delay: 0.12s;
|
||||
transition-delay: 0.12s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--spin-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
|
||||
}
|
||||
|
||||
.hamburger--spin-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/*
|
||||
* Spin
|
||||
*/
|
||||
.hamburger--spin .hamburger-inner {
|
||||
-webkit-transition-duration: 0.22s;
|
||||
transition-duration: 0.22s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spin .hamburger-inner::before {
|
||||
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
|
||||
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
|
||||
}
|
||||
|
||||
.hamburger--spin .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spin.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(225deg);
|
||||
-ms-transform: rotate(225deg);
|
||||
transform: rotate(225deg);
|
||||
-webkit-transition-delay: 0.12s;
|
||||
transition-delay: 0.12s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--spin.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
|
||||
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
|
||||
}
|
||||
|
||||
.hamburger--spin.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
/*
|
||||
* Spring Reverse
|
||||
*/
|
||||
.hamburger--spring-r .hamburger-inner {
|
||||
top: auto;
|
||||
bottom: -3px;
|
||||
-webkit-transition-duration: 0.13s;
|
||||
transition-duration: 0.13s;
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spring-r .hamburger-inner::after {
|
||||
top: -14px;
|
||||
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
|
||||
}
|
||||
|
||||
.hamburger--spring-r .hamburger-inner::before {
|
||||
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spring-r.is-active .hamburger-inner {
|
||||
-webkit-transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, -7px, 0) rotate(-45deg);
|
||||
-webkit-transition-delay: 0.22s;
|
||||
transition-delay: 0.22s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--spring-r.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
|
||||
}
|
||||
|
||||
.hamburger--spring-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,42 @@
|
||||
/*
|
||||
* Spring
|
||||
*/
|
||||
.hamburger--spring .hamburger-inner {
|
||||
top: 1px;
|
||||
-webkit-transition: background-color 0s 0.13s linear;
|
||||
transition: background-color 0s 0.13s linear;
|
||||
}
|
||||
|
||||
.hamburger--spring .hamburger-inner::before {
|
||||
top: 7px;
|
||||
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spring .hamburger-inner::after {
|
||||
top: 14px;
|
||||
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--spring.is-active .hamburger-inner {
|
||||
-webkit-transition-delay: 0.22s;
|
||||
transition-delay: 0.22s;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.hamburger--spring.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(45deg);
|
||||
}
|
||||
|
||||
.hamburger--spring.is-active .hamburger-inner::after {
|
||||
top: 0;
|
||||
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
-webkit-transform: translate3d(0, 7px, 0) rotate(-45deg);
|
||||
transform: translate3d(0, 7px, 0) rotate(-45deg);
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
/*
|
||||
* Squeeze
|
||||
*/
|
||||
.hamburger--squeeze .hamburger-inner {
|
||||
-webkit-transition-duration: 0.075s;
|
||||
transition-duration: 0.075s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--squeeze .hamburger-inner::before {
|
||||
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
|
||||
transition: top 0.075s 0.12s ease, opacity 0.075s ease;
|
||||
}
|
||||
|
||||
.hamburger--squeeze .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--squeeze.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition-delay: 0.12s;
|
||||
transition-delay: 0.12s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--squeeze.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
|
||||
transition: top 0.075s ease, opacity 0.075s 0.12s ease;
|
||||
}
|
||||
|
||||
.hamburger--squeeze.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* Stand Reverse
|
||||
*/
|
||||
.hamburger--stand-r .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
|
||||
}
|
||||
|
||||
.hamburger--stand-r .hamburger-inner::before {
|
||||
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--stand-r .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--stand-r.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
background-color: transparent;
|
||||
-webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
|
||||
}
|
||||
|
||||
.hamburger--stand-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--stand-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
/*
|
||||
* Stand
|
||||
*/
|
||||
.hamburger--stand .hamburger-inner {
|
||||
-webkit-transition: -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
|
||||
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
|
||||
}
|
||||
|
||||
.hamburger--stand .hamburger-inner::before {
|
||||
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--stand .hamburger-inner::after {
|
||||
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
|
||||
}
|
||||
|
||||
.hamburger--stand.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
background-color: transparent;
|
||||
-webkit-transition: -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
|
||||
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
|
||||
}
|
||||
|
||||
.hamburger--stand.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
-webkit-transform: rotate(-45deg);
|
||||
-ms-transform: rotate(-45deg);
|
||||
transform: rotate(-45deg);
|
||||
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
|
||||
.hamburger--stand.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(45deg);
|
||||
-ms-transform: rotate(45deg);
|
||||
transform: rotate(45deg);
|
||||
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/*
|
||||
* Vortex Reverse
|
||||
*/
|
||||
.hamburger--vortex-r .hamburger-inner {
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
|
||||
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
|
||||
-webkit-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-delay: 0.1s;
|
||||
transition-delay: 0.1s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.hamburger--vortex-r .hamburger-inner::before {
|
||||
-webkit-transition-property: top, opacity;
|
||||
transition-property: top, opacity;
|
||||
}
|
||||
|
||||
.hamburger--vortex-r .hamburger-inner::after {
|
||||
-webkit-transition-property: bottom, -webkit-transform;
|
||||
transition-property: bottom, transform;
|
||||
}
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(-765deg);
|
||||
-ms-transform: rotate(-765deg);
|
||||
transform: rotate(-765deg);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--vortex-r.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
@@ -0,0 +1,53 @@
|
||||
/*
|
||||
* Vortex
|
||||
*/
|
||||
.hamburger--vortex .hamburger-inner {
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
|
||||
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
|
||||
-webkit-transition-duration: 0s;
|
||||
transition-duration: 0s;
|
||||
-webkit-transition-delay: 0.1s;
|
||||
transition-delay: 0.1s;
|
||||
-webkit-transition-timing-function: linear;
|
||||
transition-timing-function: linear;
|
||||
}
|
||||
|
||||
.hamburger--vortex .hamburger-inner::before {
|
||||
-webkit-transition-property: top, opacity;
|
||||
transition-property: top, opacity;
|
||||
}
|
||||
|
||||
.hamburger--vortex .hamburger-inner::after {
|
||||
-webkit-transition-property: bottom, -webkit-transform;
|
||||
transition-property: bottom, transform;
|
||||
}
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner {
|
||||
-webkit-transform: rotate(765deg);
|
||||
-ms-transform: rotate(765deg);
|
||||
transform: rotate(765deg);
|
||||
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
|
||||
}
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
|
||||
-webkit-transition-delay: 0s;
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner::before {
|
||||
top: 0;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.hamburger--vortex.is-active .hamburger-inner::after {
|
||||
bottom: 0;
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
@@ -0,0 +1,351 @@
|
||||
/* Magnific Popup CSS */
|
||||
.mfp-bg {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1042;
|
||||
overflow: hidden;
|
||||
position: fixed;
|
||||
background: #0b0b0b;
|
||||
opacity: 0.8; }
|
||||
|
||||
.mfp-wrap {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 1043;
|
||||
position: fixed;
|
||||
outline: none !important;
|
||||
-webkit-backface-visibility: hidden; }
|
||||
|
||||
.mfp-container {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
padding: 0 8px;
|
||||
box-sizing: border-box; }
|
||||
|
||||
.mfp-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle; }
|
||||
|
||||
.mfp-align-top .mfp-container:before {
|
||||
display: none; }
|
||||
|
||||
.mfp-content {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
z-index: 1045; }
|
||||
|
||||
.mfp-inline-holder .mfp-content,
|
||||
.mfp-ajax-holder .mfp-content {
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-ajax-cur {
|
||||
cursor: progress; }
|
||||
|
||||
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
|
||||
cursor: -moz-zoom-out;
|
||||
cursor: -webkit-zoom-out;
|
||||
cursor: zoom-out; }
|
||||
|
||||
.mfp-zoom {
|
||||
cursor: pointer;
|
||||
cursor: -webkit-zoom-in;
|
||||
cursor: -moz-zoom-in;
|
||||
cursor: zoom-in; }
|
||||
|
||||
.mfp-auto-cursor .mfp-content {
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-close,
|
||||
.mfp-arrow,
|
||||
.mfp-preloader,
|
||||
.mfp-counter {
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.mfp-loading.mfp-figure {
|
||||
display: none; }
|
||||
|
||||
.mfp-hide {
|
||||
display: none !important; }
|
||||
|
||||
.mfp-preloader {
|
||||
color: #CCC;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: auto;
|
||||
text-align: center;
|
||||
margin-top: -0.8em;
|
||||
left: 8px;
|
||||
right: 8px;
|
||||
z-index: 1044; }
|
||||
.mfp-preloader a {
|
||||
color: #CCC; }
|
||||
.mfp-preloader a:hover {
|
||||
color: #FFF; }
|
||||
|
||||
.mfp-s-ready .mfp-preloader {
|
||||
display: none; }
|
||||
|
||||
.mfp-s-error .mfp-content {
|
||||
display: none; }
|
||||
|
||||
button.mfp-close,
|
||||
button.mfp-arrow {
|
||||
overflow: visible;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
display: block;
|
||||
outline: none;
|
||||
padding: 0;
|
||||
z-index: 1046;
|
||||
box-shadow: none;
|
||||
touch-action: manipulation; }
|
||||
|
||||
button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0; }
|
||||
|
||||
.mfp-close {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
line-height: 44px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
opacity: 0.65;
|
||||
padding: 0 0 18px 10px;
|
||||
color: #FFF;
|
||||
font-style: normal;
|
||||
font-size: 28px;
|
||||
font-family: Arial, Baskerville, monospace; }
|
||||
.mfp-close:hover,
|
||||
.mfp-close:focus {
|
||||
opacity: 1; }
|
||||
.mfp-close:active {
|
||||
top: 1px; }
|
||||
|
||||
.mfp-close-btn-in .mfp-close {
|
||||
color: #333; }
|
||||
|
||||
.mfp-image-holder .mfp-close,
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
color: #FFF;
|
||||
right: -6px;
|
||||
text-align: right;
|
||||
padding-right: 6px;
|
||||
width: 100%; }
|
||||
|
||||
.mfp-counter {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #CCC;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
white-space: nowrap; }
|
||||
|
||||
.mfp-arrow {
|
||||
position: absolute;
|
||||
opacity: 0.65;
|
||||
margin: 0;
|
||||
top: 50%;
|
||||
margin-top: -55px;
|
||||
padding: 0;
|
||||
width: 90px;
|
||||
height: 110px;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
.mfp-arrow:active {
|
||||
margin-top: -54px; }
|
||||
.mfp-arrow:hover,
|
||||
.mfp-arrow:focus {
|
||||
opacity: 1; }
|
||||
.mfp-arrow:before,
|
||||
.mfp-arrow:after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
margin-top: 35px;
|
||||
margin-left: 35px;
|
||||
border: medium inset transparent; }
|
||||
.mfp-arrow:after {
|
||||
border-top-width: 13px;
|
||||
border-bottom-width: 13px;
|
||||
top: 8px; }
|
||||
.mfp-arrow:before {
|
||||
border-top-width: 21px;
|
||||
border-bottom-width: 21px;
|
||||
opacity: 0.7; }
|
||||
|
||||
.mfp-arrow-left {
|
||||
left: 0; }
|
||||
.mfp-arrow-left:after {
|
||||
border-right: 17px solid #FFF;
|
||||
margin-left: 31px; }
|
||||
.mfp-arrow-left:before {
|
||||
margin-left: 25px;
|
||||
border-right: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-arrow-right {
|
||||
right: 0; }
|
||||
.mfp-arrow-right:after {
|
||||
border-left: 17px solid #FFF;
|
||||
margin-left: 39px; }
|
||||
.mfp-arrow-right:before {
|
||||
border-left: 27px solid #3F3F3F; }
|
||||
|
||||
.mfp-iframe-holder {
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px; }
|
||||
.mfp-iframe-holder .mfp-content {
|
||||
line-height: 0;
|
||||
width: 100%;
|
||||
max-width: 900px; }
|
||||
.mfp-iframe-holder .mfp-close {
|
||||
top: -40px; }
|
||||
|
||||
.mfp-iframe-scaler {
|
||||
width: 100%;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
padding-top: 56.25%; }
|
||||
.mfp-iframe-scaler iframe {
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #000; }
|
||||
|
||||
/* Main image in popup */
|
||||
img.mfp-img {
|
||||
width: auto;
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
line-height: 0;
|
||||
box-sizing: border-box;
|
||||
padding: 40px 0 40px;
|
||||
margin: 0 auto; }
|
||||
|
||||
/* The shadow behind the image */
|
||||
.mfp-figure {
|
||||
line-height: 0; }
|
||||
.mfp-figure:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 40px;
|
||||
bottom: 40px;
|
||||
display: block;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
z-index: -1;
|
||||
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
|
||||
background: #444; }
|
||||
.mfp-figure small {
|
||||
color: #BDBDBD;
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
line-height: 14px; }
|
||||
.mfp-figure figure {
|
||||
margin: 0; }
|
||||
|
||||
.mfp-bottom-bar {
|
||||
margin-top: -36px;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
cursor: auto; }
|
||||
|
||||
.mfp-title {
|
||||
text-align: left;
|
||||
line-height: 18px;
|
||||
color: #F3F3F3;
|
||||
word-wrap: break-word;
|
||||
padding-right: 36px; }
|
||||
|
||||
.mfp-image-holder .mfp-content {
|
||||
max-width: 100%; }
|
||||
|
||||
.mfp-gallery .mfp-image-holder .mfp-figure {
|
||||
cursor: pointer; }
|
||||
|
||||
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
|
||||
/**
|
||||
* Remove all paddings around the image on small screen
|
||||
*/
|
||||
.mfp-img-mobile .mfp-image-holder {
|
||||
padding-left: 0;
|
||||
padding-right: 0; }
|
||||
.mfp-img-mobile img.mfp-img {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-figure:after {
|
||||
top: 0;
|
||||
bottom: 0; }
|
||||
.mfp-img-mobile .mfp-figure small {
|
||||
display: inline;
|
||||
margin-left: 5px; }
|
||||
.mfp-img-mobile .mfp-bottom-bar {
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
bottom: 0;
|
||||
margin: 0;
|
||||
top: auto;
|
||||
padding: 3px 5px;
|
||||
position: fixed;
|
||||
box-sizing: border-box; }
|
||||
.mfp-img-mobile .mfp-bottom-bar:empty {
|
||||
padding: 0; }
|
||||
.mfp-img-mobile .mfp-counter {
|
||||
right: 5px;
|
||||
top: 3px; }
|
||||
.mfp-img-mobile .mfp-close {
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
background: rgba(0, 0, 0, 0.6);
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
padding: 0; } }
|
||||
|
||||
@media all and (max-width: 900px) {
|
||||
.mfp-arrow {
|
||||
-webkit-transform: scale(0.75);
|
||||
transform: scale(0.75); }
|
||||
.mfp-arrow-left {
|
||||
-webkit-transform-origin: 0;
|
||||
transform-origin: 0; }
|
||||
.mfp-arrow-right {
|
||||
-webkit-transform-origin: 100%;
|
||||
transform-origin: 100%; }
|
||||
.mfp-container {
|
||||
padding-left: 6px;
|
||||
padding-right: 6px; } }
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,17 @@
|
||||
/* WooCommerce Sensei */
|
||||
.oceanwp-sensei header {
|
||||
margin: 0 0 20px;
|
||||
}
|
||||
|
||||
.oceanwp-sensei .course-lessons article {
|
||||
margin: 0 0 50px;
|
||||
}
|
||||
|
||||
.oceanwp-sensei .post-entries {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.single-lesson .oceanwp-sensei .post-entries {
|
||||
margin-top: 30px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.oceanwp-sensei header{margin:0 0 20px}.oceanwp-sensei .course-lessons article{margin:0 0 50px}.oceanwp-sensei .post-entries{display:inline-block;width:100%}.single-lesson .oceanwp-sensei .post-entries{margin-top:30px}
|
||||
@@ -0,0 +1,766 @@
|
||||
@font-face {
|
||||
font-family: 'simple-line-icons';
|
||||
src: url('../../fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0');
|
||||
src: url('../../fonts/simple-line-icons/Simple-Line-Icons.eot?v=2.4.0#iefix') format('embedded-opentype'), url('../../fonts/simple-line-icons/Simple-Line-Icons.woff2?v=2.4.0') format('woff2'), url('../../fonts/simple-line-icons/Simple-Line-Icons.ttf?v=2.4.0') format('truetype'), url('../../fonts/simple-line-icons/Simple-Line-Icons.woff?v=2.4.0') format('woff'), url('../../fonts/simple-line-icons/Simple-Line-Icons.svg?v=2.4.0#simple-line-icons') format('svg');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
/*
|
||||
Use the following CSS code if you want to have a class per icon.
|
||||
Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower:
|
||||
*/
|
||||
.icon-user,
|
||||
.icon-people,
|
||||
.icon-user-female,
|
||||
.icon-user-follow,
|
||||
.icon-user-following,
|
||||
.icon-user-unfollow,
|
||||
.icon-login,
|
||||
.icon-logout,
|
||||
.icon-emotsmile,
|
||||
.icon-phone,
|
||||
.icon-call-end,
|
||||
.icon-call-in,
|
||||
.icon-call-out,
|
||||
.icon-map,
|
||||
.icon-location-pin,
|
||||
.icon-direction,
|
||||
.icon-directions,
|
||||
.icon-compass,
|
||||
.icon-layers,
|
||||
.icon-menu,
|
||||
.icon-list,
|
||||
.icon-options-vertical,
|
||||
.icon-options,
|
||||
.icon-arrow-down,
|
||||
.icon-arrow-left,
|
||||
.icon-arrow-right,
|
||||
.icon-arrow-up,
|
||||
.icon-arrow-up-circle,
|
||||
.icon-arrow-left-circle,
|
||||
.icon-arrow-right-circle,
|
||||
.icon-arrow-down-circle,
|
||||
.icon-check,
|
||||
.icon-clock,
|
||||
.icon-plus,
|
||||
.icon-minus,
|
||||
.icon-close,
|
||||
.icon-exclamation,
|
||||
.icon-organization,
|
||||
.icon-trophy,
|
||||
.icon-screen-smartphone,
|
||||
.icon-screen-desktop,
|
||||
.icon-plane,
|
||||
.icon-notebook,
|
||||
.icon-mustache,
|
||||
.icon-mouse,
|
||||
.icon-magnet,
|
||||
.icon-energy,
|
||||
.icon-disc,
|
||||
.icon-cursor,
|
||||
.icon-cursor-move,
|
||||
.icon-crop,
|
||||
.icon-chemistry,
|
||||
.icon-speedometer,
|
||||
.icon-shield,
|
||||
.icon-screen-tablet,
|
||||
.icon-magic-wand,
|
||||
.icon-hourglass,
|
||||
.icon-graduation,
|
||||
.icon-ghost,
|
||||
.icon-game-controller,
|
||||
.icon-fire,
|
||||
.icon-eyeglass,
|
||||
.icon-envelope-open,
|
||||
.icon-envelope-letter,
|
||||
.icon-bell,
|
||||
.icon-badge,
|
||||
.icon-anchor,
|
||||
.icon-wallet,
|
||||
.icon-vector,
|
||||
.icon-speech,
|
||||
.icon-puzzle,
|
||||
.icon-printer,
|
||||
.icon-present,
|
||||
.icon-playlist,
|
||||
.icon-pin,
|
||||
.icon-picture,
|
||||
.icon-handbag,
|
||||
.icon-globe-alt,
|
||||
.icon-globe,
|
||||
.icon-folder-alt,
|
||||
.icon-folder,
|
||||
.icon-film,
|
||||
.icon-feed,
|
||||
.icon-drop,
|
||||
.icon-drawer,
|
||||
.icon-docs,
|
||||
.icon-doc,
|
||||
.icon-diamond,
|
||||
.icon-cup,
|
||||
.icon-calculator,
|
||||
.icon-bubbles,
|
||||
.icon-briefcase,
|
||||
.icon-book-open,
|
||||
.icon-basket-loaded,
|
||||
.icon-basket,
|
||||
.icon-bag,
|
||||
.icon-action-undo,
|
||||
.icon-action-redo,
|
||||
.icon-wrench,
|
||||
.icon-umbrella,
|
||||
.icon-trash,
|
||||
.icon-tag,
|
||||
.icon-support,
|
||||
.icon-frame,
|
||||
.icon-size-fullscreen,
|
||||
.icon-size-actual,
|
||||
.icon-shuffle,
|
||||
.icon-share-alt,
|
||||
.icon-share,
|
||||
.icon-rocket,
|
||||
.icon-question,
|
||||
.icon-pie-chart,
|
||||
.icon-pencil,
|
||||
.icon-note,
|
||||
.icon-loop,
|
||||
.icon-home,
|
||||
.icon-grid,
|
||||
.icon-graph,
|
||||
.icon-microphone,
|
||||
.icon-music-tone-alt,
|
||||
.icon-music-tone,
|
||||
.icon-earphones-alt,
|
||||
.icon-earphones,
|
||||
.icon-equalizer,
|
||||
.icon-like,
|
||||
.icon-dislike,
|
||||
.icon-control-start,
|
||||
.icon-control-rewind,
|
||||
.icon-control-play,
|
||||
.icon-control-pause,
|
||||
.icon-control-forward,
|
||||
.icon-control-end,
|
||||
.icon-volume-1,
|
||||
.icon-volume-2,
|
||||
.icon-volume-off,
|
||||
.icon-calendar,
|
||||
.icon-bulb,
|
||||
.icon-chart,
|
||||
.icon-ban,
|
||||
.icon-bubble,
|
||||
.icon-camrecorder,
|
||||
.icon-camera,
|
||||
.icon-cloud-download,
|
||||
.icon-cloud-upload,
|
||||
.icon-envelope,
|
||||
.icon-eye,
|
||||
.icon-flag,
|
||||
.icon-heart,
|
||||
.icon-info,
|
||||
.icon-key,
|
||||
.icon-link,
|
||||
.icon-lock,
|
||||
.icon-lock-open,
|
||||
.icon-magnifier,
|
||||
.icon-magnifier-add,
|
||||
.icon-magnifier-remove,
|
||||
.icon-paper-clip,
|
||||
.icon-paper-plane,
|
||||
.icon-power,
|
||||
.icon-refresh,
|
||||
.icon-reload,
|
||||
.icon-settings,
|
||||
.icon-star,
|
||||
.icon-symbol-female,
|
||||
.icon-symbol-male,
|
||||
.icon-target,
|
||||
.icon-credit-card,
|
||||
.icon-paypal,
|
||||
.icon-social-tumblr,
|
||||
.icon-social-twitter,
|
||||
.icon-social-facebook,
|
||||
.icon-social-instagram,
|
||||
.icon-social-linkedin,
|
||||
.icon-social-pinterest,
|
||||
.icon-social-github,
|
||||
.icon-social-google,
|
||||
.icon-social-reddit,
|
||||
.icon-social-skype,
|
||||
.icon-social-dribbble,
|
||||
.icon-social-behance,
|
||||
.icon-social-foursqare,
|
||||
.icon-social-soundcloud,
|
||||
.icon-social-spotify,
|
||||
.icon-social-stumbleupon,
|
||||
.icon-social-youtube,
|
||||
.icon-social-dropbox {
|
||||
font-family: 'simple-line-icons';
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
/* Better Font Rendering =========== */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.icon-user:before {
|
||||
content: "\e005";
|
||||
}
|
||||
.icon-people:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.icon-user-female:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.icon-user-follow:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.icon-user-following:before {
|
||||
content: "\e003";
|
||||
}
|
||||
.icon-user-unfollow:before {
|
||||
content: "\e004";
|
||||
}
|
||||
.icon-login:before {
|
||||
content: "\e066";
|
||||
}
|
||||
.icon-logout:before {
|
||||
content: "\e065";
|
||||
}
|
||||
.icon-emotsmile:before {
|
||||
content: "\e021";
|
||||
}
|
||||
.icon-phone:before {
|
||||
content: "\e600";
|
||||
}
|
||||
.icon-call-end:before {
|
||||
content: "\e048";
|
||||
}
|
||||
.icon-call-in:before {
|
||||
content: "\e047";
|
||||
}
|
||||
.icon-call-out:before {
|
||||
content: "\e046";
|
||||
}
|
||||
.icon-map:before {
|
||||
content: "\e033";
|
||||
}
|
||||
.icon-location-pin:before {
|
||||
content: "\e096";
|
||||
}
|
||||
.icon-direction:before {
|
||||
content: "\e042";
|
||||
}
|
||||
.icon-directions:before {
|
||||
content: "\e041";
|
||||
}
|
||||
.icon-compass:before {
|
||||
content: "\e045";
|
||||
}
|
||||
.icon-layers:before {
|
||||
content: "\e034";
|
||||
}
|
||||
.icon-menu:before {
|
||||
content: "\e601";
|
||||
}
|
||||
.icon-list:before {
|
||||
content: "\e067";
|
||||
}
|
||||
.icon-options-vertical:before {
|
||||
content: "\e602";
|
||||
}
|
||||
.icon-options:before {
|
||||
content: "\e603";
|
||||
}
|
||||
.icon-arrow-down:before {
|
||||
content: "\e604";
|
||||
}
|
||||
.icon-arrow-left:before {
|
||||
content: "\e605";
|
||||
}
|
||||
.icon-arrow-right:before {
|
||||
content: "\e606";
|
||||
}
|
||||
.icon-arrow-up:before {
|
||||
content: "\e607";
|
||||
}
|
||||
.icon-arrow-up-circle:before {
|
||||
content: "\e078";
|
||||
}
|
||||
.icon-arrow-left-circle:before {
|
||||
content: "\e07a";
|
||||
}
|
||||
.icon-arrow-right-circle:before {
|
||||
content: "\e079";
|
||||
}
|
||||
.icon-arrow-down-circle:before {
|
||||
content: "\e07b";
|
||||
}
|
||||
.icon-check:before {
|
||||
content: "\e080";
|
||||
}
|
||||
.icon-clock:before {
|
||||
content: "\e081";
|
||||
}
|
||||
.icon-plus:before {
|
||||
content: "\e095";
|
||||
}
|
||||
.icon-minus:before {
|
||||
content: "\e615";
|
||||
}
|
||||
.icon-close:before {
|
||||
content: "\e082";
|
||||
}
|
||||
.icon-exclamation:before {
|
||||
content: "\e617";
|
||||
}
|
||||
.icon-organization:before {
|
||||
content: "\e616";
|
||||
}
|
||||
.icon-trophy:before {
|
||||
content: "\e006";
|
||||
}
|
||||
.icon-screen-smartphone:before {
|
||||
content: "\e010";
|
||||
}
|
||||
.icon-screen-desktop:before {
|
||||
content: "\e011";
|
||||
}
|
||||
.icon-plane:before {
|
||||
content: "\e012";
|
||||
}
|
||||
.icon-notebook:before {
|
||||
content: "\e013";
|
||||
}
|
||||
.icon-mustache:before {
|
||||
content: "\e014";
|
||||
}
|
||||
.icon-mouse:before {
|
||||
content: "\e015";
|
||||
}
|
||||
.icon-magnet:before {
|
||||
content: "\e016";
|
||||
}
|
||||
.icon-energy:before {
|
||||
content: "\e020";
|
||||
}
|
||||
.icon-disc:before {
|
||||
content: "\e022";
|
||||
}
|
||||
.icon-cursor:before {
|
||||
content: "\e06e";
|
||||
}
|
||||
.icon-cursor-move:before {
|
||||
content: "\e023";
|
||||
}
|
||||
.icon-crop:before {
|
||||
content: "\e024";
|
||||
}
|
||||
.icon-chemistry:before {
|
||||
content: "\e026";
|
||||
}
|
||||
.icon-speedometer:before {
|
||||
content: "\e007";
|
||||
}
|
||||
.icon-shield:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.icon-screen-tablet:before {
|
||||
content: "\e00f";
|
||||
}
|
||||
.icon-magic-wand:before {
|
||||
content: "\e017";
|
||||
}
|
||||
.icon-hourglass:before {
|
||||
content: "\e018";
|
||||
}
|
||||
.icon-graduation:before {
|
||||
content: "\e019";
|
||||
}
|
||||
.icon-ghost:before {
|
||||
content: "\e01a";
|
||||
}
|
||||
.icon-game-controller:before {
|
||||
content: "\e01b";
|
||||
}
|
||||
.icon-fire:before {
|
||||
content: "\e01c";
|
||||
}
|
||||
.icon-eyeglass:before {
|
||||
content: "\e01d";
|
||||
}
|
||||
.icon-envelope-open:before {
|
||||
content: "\e01e";
|
||||
}
|
||||
.icon-envelope-letter:before {
|
||||
content: "\e01f";
|
||||
}
|
||||
.icon-bell:before {
|
||||
content: "\e027";
|
||||
}
|
||||
.icon-badge:before {
|
||||
content: "\e028";
|
||||
}
|
||||
.icon-anchor:before {
|
||||
content: "\e029";
|
||||
}
|
||||
.icon-wallet:before {
|
||||
content: "\e02a";
|
||||
}
|
||||
.icon-vector:before {
|
||||
content: "\e02b";
|
||||
}
|
||||
.icon-speech:before {
|
||||
content: "\e02c";
|
||||
}
|
||||
.icon-puzzle:before {
|
||||
content: "\e02d";
|
||||
}
|
||||
.icon-printer:before {
|
||||
content: "\e02e";
|
||||
}
|
||||
.icon-present:before {
|
||||
content: "\e02f";
|
||||
}
|
||||
.icon-playlist:before {
|
||||
content: "\e030";
|
||||
}
|
||||
.icon-pin:before {
|
||||
content: "\e031";
|
||||
}
|
||||
.icon-picture:before {
|
||||
content: "\e032";
|
||||
}
|
||||
.icon-handbag:before {
|
||||
content: "\e035";
|
||||
}
|
||||
.icon-globe-alt:before {
|
||||
content: "\e036";
|
||||
}
|
||||
.icon-globe:before {
|
||||
content: "\e037";
|
||||
}
|
||||
.icon-folder-alt:before {
|
||||
content: "\e039";
|
||||
}
|
||||
.icon-folder:before {
|
||||
content: "\e089";
|
||||
}
|
||||
.icon-film:before {
|
||||
content: "\e03a";
|
||||
}
|
||||
.icon-feed:before {
|
||||
content: "\e03b";
|
||||
}
|
||||
.icon-drop:before {
|
||||
content: "\e03e";
|
||||
}
|
||||
.icon-drawer:before {
|
||||
content: "\e03f";
|
||||
}
|
||||
.icon-docs:before {
|
||||
content: "\e040";
|
||||
}
|
||||
.icon-doc:before {
|
||||
content: "\e085";
|
||||
}
|
||||
.icon-diamond:before {
|
||||
content: "\e043";
|
||||
}
|
||||
.icon-cup:before {
|
||||
content: "\e044";
|
||||
}
|
||||
.icon-calculator:before {
|
||||
content: "\e049";
|
||||
}
|
||||
.icon-bubbles:before {
|
||||
content: "\e04a";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
content: "\e04b";
|
||||
}
|
||||
.icon-book-open:before {
|
||||
content: "\e04c";
|
||||
}
|
||||
.icon-basket-loaded:before {
|
||||
content: "\e04d";
|
||||
}
|
||||
.icon-basket:before {
|
||||
content: "\e04e";
|
||||
}
|
||||
.icon-bag:before {
|
||||
content: "\e04f";
|
||||
}
|
||||
.icon-action-undo:before {
|
||||
content: "\e050";
|
||||
}
|
||||
.icon-action-redo:before {
|
||||
content: "\e051";
|
||||
}
|
||||
.icon-wrench:before {
|
||||
content: "\e052";
|
||||
}
|
||||
.icon-umbrella:before {
|
||||
content: "\e053";
|
||||
}
|
||||
.icon-trash:before {
|
||||
content: "\e054";
|
||||
}
|
||||
.icon-tag:before {
|
||||
content: "\e055";
|
||||
}
|
||||
.icon-support:before {
|
||||
content: "\e056";
|
||||
}
|
||||
.icon-frame:before {
|
||||
content: "\e038";
|
||||
}
|
||||
.icon-size-fullscreen:before {
|
||||
content: "\e057";
|
||||
}
|
||||
.icon-size-actual:before {
|
||||
content: "\e058";
|
||||
}
|
||||
.icon-shuffle:before {
|
||||
content: "\e059";
|
||||
}
|
||||
.icon-share-alt:before {
|
||||
content: "\e05a";
|
||||
}
|
||||
.icon-share:before {
|
||||
content: "\e05b";
|
||||
}
|
||||
.icon-rocket:before {
|
||||
content: "\e05c";
|
||||
}
|
||||
.icon-question:before {
|
||||
content: "\e05d";
|
||||
}
|
||||
.icon-pie-chart:before {
|
||||
content: "\e05e";
|
||||
}
|
||||
.icon-pencil:before {
|
||||
content: "\e05f";
|
||||
}
|
||||
.icon-note:before {
|
||||
content: "\e060";
|
||||
}
|
||||
.icon-loop:before {
|
||||
content: "\e064";
|
||||
}
|
||||
.icon-home:before {
|
||||
content: "\e069";
|
||||
}
|
||||
.icon-grid:before {
|
||||
content: "\e06a";
|
||||
}
|
||||
.icon-graph:before {
|
||||
content: "\e06b";
|
||||
}
|
||||
.icon-microphone:before {
|
||||
content: "\e063";
|
||||
}
|
||||
.icon-music-tone-alt:before {
|
||||
content: "\e061";
|
||||
}
|
||||
.icon-music-tone:before {
|
||||
content: "\e062";
|
||||
}
|
||||
.icon-earphones-alt:before {
|
||||
content: "\e03c";
|
||||
}
|
||||
.icon-earphones:before {
|
||||
content: "\e03d";
|
||||
}
|
||||
.icon-equalizer:before {
|
||||
content: "\e06c";
|
||||
}
|
||||
.icon-like:before {
|
||||
content: "\e068";
|
||||
}
|
||||
.icon-dislike:before {
|
||||
content: "\e06d";
|
||||
}
|
||||
.icon-control-start:before {
|
||||
content: "\e06f";
|
||||
}
|
||||
.icon-control-rewind:before {
|
||||
content: "\e070";
|
||||
}
|
||||
.icon-control-play:before {
|
||||
content: "\e071";
|
||||
}
|
||||
.icon-control-pause:before {
|
||||
content: "\e072";
|
||||
}
|
||||
.icon-control-forward:before {
|
||||
content: "\e073";
|
||||
}
|
||||
.icon-control-end:before {
|
||||
content: "\e074";
|
||||
}
|
||||
.icon-volume-1:before {
|
||||
content: "\e09f";
|
||||
}
|
||||
.icon-volume-2:before {
|
||||
content: "\e0a0";
|
||||
}
|
||||
.icon-volume-off:before {
|
||||
content: "\e0a1";
|
||||
}
|
||||
.icon-calendar:before {
|
||||
content: "\e075";
|
||||
}
|
||||
.icon-bulb:before {
|
||||
content: "\e076";
|
||||
}
|
||||
.icon-chart:before {
|
||||
content: "\e077";
|
||||
}
|
||||
.icon-ban:before {
|
||||
content: "\e07c";
|
||||
}
|
||||
.icon-bubble:before {
|
||||
content: "\e07d";
|
||||
}
|
||||
.icon-camrecorder:before {
|
||||
content: "\e07e";
|
||||
}
|
||||
.icon-camera:before {
|
||||
content: "\e07f";
|
||||
}
|
||||
.icon-cloud-download:before {
|
||||
content: "\e083";
|
||||
}
|
||||
.icon-cloud-upload:before {
|
||||
content: "\e084";
|
||||
}
|
||||
.icon-envelope:before {
|
||||
content: "\e086";
|
||||
}
|
||||
.icon-eye:before {
|
||||
content: "\e087";
|
||||
}
|
||||
.icon-flag:before {
|
||||
content: "\e088";
|
||||
}
|
||||
.icon-heart:before {
|
||||
content: "\e08a";
|
||||
}
|
||||
.icon-info:before {
|
||||
content: "\e08b";
|
||||
}
|
||||
.icon-key:before {
|
||||
content: "\e08c";
|
||||
}
|
||||
.icon-link:before {
|
||||
content: "\e08d";
|
||||
}
|
||||
.icon-lock:before {
|
||||
content: "\e08e";
|
||||
}
|
||||
.icon-lock-open:before {
|
||||
content: "\e08f";
|
||||
}
|
||||
.icon-magnifier:before {
|
||||
content: "\e090";
|
||||
}
|
||||
.icon-magnifier-add:before {
|
||||
content: "\e091";
|
||||
}
|
||||
.icon-magnifier-remove:before {
|
||||
content: "\e092";
|
||||
}
|
||||
.icon-paper-clip:before {
|
||||
content: "\e093";
|
||||
}
|
||||
.icon-paper-plane:before {
|
||||
content: "\e094";
|
||||
}
|
||||
.icon-power:before {
|
||||
content: "\e097";
|
||||
}
|
||||
.icon-refresh:before {
|
||||
content: "\e098";
|
||||
}
|
||||
.icon-reload:before {
|
||||
content: "\e099";
|
||||
}
|
||||
.icon-settings:before {
|
||||
content: "\e09a";
|
||||
}
|
||||
.icon-star:before {
|
||||
content: "\e09b";
|
||||
}
|
||||
.icon-symbol-female:before {
|
||||
content: "\e09c";
|
||||
}
|
||||
.icon-symbol-male:before {
|
||||
content: "\e09d";
|
||||
}
|
||||
.icon-target:before {
|
||||
content: "\e09e";
|
||||
}
|
||||
.icon-credit-card:before {
|
||||
content: "\e025";
|
||||
}
|
||||
.icon-paypal:before {
|
||||
content: "\e608";
|
||||
}
|
||||
.icon-social-tumblr:before {
|
||||
content: "\e00a";
|
||||
}
|
||||
.icon-social-twitter:before {
|
||||
content: "\e009";
|
||||
}
|
||||
.icon-social-facebook:before {
|
||||
content: "\e00b";
|
||||
}
|
||||
.icon-social-instagram:before {
|
||||
content: "\e609";
|
||||
}
|
||||
.icon-social-linkedin:before {
|
||||
content: "\e60a";
|
||||
}
|
||||
.icon-social-pinterest:before {
|
||||
content: "\e60b";
|
||||
}
|
||||
.icon-social-github:before {
|
||||
content: "\e60c";
|
||||
}
|
||||
.icon-social-google:before {
|
||||
content: "\e60d";
|
||||
}
|
||||
.icon-social-reddit:before {
|
||||
content: "\e60e";
|
||||
}
|
||||
.icon-social-skype:before {
|
||||
content: "\e60f";
|
||||
}
|
||||
.icon-social-dribbble:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.icon-social-behance:before {
|
||||
content: "\e610";
|
||||
}
|
||||
.icon-social-foursqare:before {
|
||||
content: "\e611";
|
||||
}
|
||||
.icon-social-soundcloud:before {
|
||||
content: "\e612";
|
||||
}
|
||||
.icon-social-spotify:before {
|
||||
content: "\e613";
|
||||
}
|
||||
.icon-social-stumbleupon:before {
|
||||
content: "\e614";
|
||||
}
|
||||
.icon-social-youtube:before {
|
||||
content: "\e008";
|
||||
}
|
||||
.icon-social-dropbox:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,111 @@
|
||||
/* Slider */
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
}
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.slick-list:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand;
|
||||
}
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-track:before, .slick-track:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
|
||||
.slick-track:after {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-slide {
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
[dir="rtl"] .slick-slide {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.slick-slide img {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-slide.slick-loading img {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.slick-initialized .slick-slide {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
@font-face {
|
||||
font-family: "slick";
|
||||
src: url("../../fonts/slick/slick.eot");
|
||||
src: url("../../fonts/slick/slick.eot?#iefix") format("embedded-opentype"), url("../../fonts/slick/slick.woff") format("woff"), url("../../fonts/slick/slick.ttf") format("truetype"), url("../../fonts/slick/slick.svg#slick") format("svg");
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;left:0;top:0;display:block}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@font-face{font-family:slick;src:url(../../fonts/slick/slick.eot);src:url(../../fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(../../fonts/slick/slick.woff) format("woff"),url(../../fonts/slick/slick.ttf) format("truetype"),url(../../fonts/slick/slick.svg#slick) format("svg");font-weight:400;font-style:normal}
|
||||
@@ -0,0 +1,194 @@
|
||||
/* WordPress Social Login */
|
||||
.wp-social-login-widget {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.wp-social-login-connect-with {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 140px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-right: 6px;
|
||||
padding: 7px 10px 7px 30px;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
text-transform: none;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
-ms-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a:hover {
|
||||
color: #fff;
|
||||
-moz-opacity: 0.7;
|
||||
-webkit-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 12px;
|
||||
margin-top: -10px;
|
||||
font-size: 20px;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-facebook {
|
||||
background-color: #3e68c0;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-twitter {
|
||||
background-color: #23abff;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-google {
|
||||
background-color: #f63329;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-yahoo {
|
||||
background-color: #4101af;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-linkedin {
|
||||
background-color: #15ace5;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-disqus {
|
||||
background-color: #3ca2ef;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-instagram {
|
||||
background-color: #447397;
|
||||
background-image: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-reddit {
|
||||
background-color: #ff5c1f;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-foursquare {
|
||||
background-color: #ff3b6f;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-lastfm {
|
||||
background-color: #ea3939;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-tumblr {
|
||||
background-color: #35465c;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-goodreads {
|
||||
background-color: #7c5931;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-stackoverflow {
|
||||
background-color: #ff780d;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-github {
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-dribbble {
|
||||
background-color: #fa488c;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-500px {
|
||||
background-color: #0099e5;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-skyrock {
|
||||
background-color: #0099f7;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-mixi {
|
||||
background-color: #ffaa01;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-steam {
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-twitchtv {
|
||||
background-color: #6441a5;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-vkontakte {
|
||||
background-color: #3673be;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-mailru {
|
||||
background-color: #007ffe;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-yandex {
|
||||
background-color: #f00;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-odnoklassniki {
|
||||
background-color: #f2720c;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-aol {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-live {
|
||||
background-color: #00ccff;
|
||||
}
|
||||
|
||||
.wp-social-login-provider-list a.opl-pixelpin {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.wp-social-login-widget-clearing {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* If login/register forms */
|
||||
body.login .wp-social-login-provider-list a {
|
||||
float: left;
|
||||
width: 48%;
|
||||
max-width: 48%;
|
||||
min-width: 48%;
|
||||
margin: 0 0 10px;
|
||||
padding: 7px 10px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
body.login .wp-social-login-provider-list a:nth-child(2n) {
|
||||
float: right;
|
||||
}
|
||||
|
||||
body.login .wp-social-login-provider-list a i {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media screen and (max-width: 480px) {
|
||||
body.login .wp-social-login-provider-list a {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wp-social-login-widget{margin-bottom:20px}.wp-social-login-connect-with{margin-bottom:6px}.wp-social-login-provider-list{padding:0}.wp-social-login-provider-list a{position:relative;display:inline-block;min-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:6px;padding:7px 10px 7px 30px;font-size:16px;line-height:1.5;background-color:#333;color:#fff;text-align:center;text-transform:none;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}.wp-social-login-provider-list a:hover{color:#fff;-moz-opacity:.7;-webkit-opacity:.7;opacity:.7}.wp-social-login-provider-list a i{position:absolute;top:50%;left:12px;margin-top:-10px;font-size:20px;width:1em;height:1em}.wp-social-login-provider-list a.opl-facebook{background-color:#3e68c0}.wp-social-login-provider-list a.opl-twitter{background-color:#23abff}.wp-social-login-provider-list a.opl-google{background-color:#f63329}.wp-social-login-provider-list a.opl-yahoo{background-color:#4101af}.wp-social-login-provider-list a.opl-linkedin{background-color:#15ace5}.wp-social-login-provider-list a.opl-disqus{background-color:#3ca2ef}.wp-social-login-provider-list a.opl-instagram{background-color:#447397;background-image:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%)}.wp-social-login-provider-list a.opl-reddit{background-color:#ff5c1f}.wp-social-login-provider-list a.opl-foursquare{background-color:#ff3b6f}.wp-social-login-provider-list a.opl-lastfm{background-color:#ea3939}.wp-social-login-provider-list a.opl-tumblr{background-color:#35465c}.wp-social-login-provider-list a.opl-goodreads{background-color:#7c5931}.wp-social-login-provider-list a.opl-stackoverflow{background-color:#ff780d}.wp-social-login-provider-list a.opl-github{background-color:#222}.wp-social-login-provider-list a.opl-dribbble{background-color:#fa488c}.wp-social-login-provider-list a.opl-500px{background-color:#0099e5}.wp-social-login-provider-list a.opl-skyrock{background-color:#0099f7}.wp-social-login-provider-list a.opl-mixi{background-color:#ffaa01}.wp-social-login-provider-list a.opl-steam{background-color:#000}.wp-social-login-provider-list a.opl-twitchtv{background-color:#6441a5}.wp-social-login-provider-list a.opl-vkontakte{background-color:#3673be}.wp-social-login-provider-list a.opl-mailru{background-color:#007ffe}.wp-social-login-provider-list a.opl-yandex{background-color:red}.wp-social-login-provider-list a.opl-odnoklassniki{background-color:#f2720c}.wp-social-login-provider-list a.opl-aol{background-color:#000}.wp-social-login-provider-list a.opl-live{background-color:#0cf}.wp-social-login-provider-list a.opl-pixelpin{background-color:#000}.wp-social-login-widget-clearing{clear:both}body.login .wp-social-login-provider-list a{float:left;width:48%;max-width:48%;min-width:48%;margin:0 0 10px;padding:7px 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body.login .wp-social-login-provider-list a:nth-child(2n){float:right}body.login .wp-social-login-provider-list a i{display:none}@media screen and (max-width:480px){body.login .wp-social-login-provider-list a{width:100%;max-width:100%;min-width:100%}}
|
||||
@@ -0,0 +1,485 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Hover Style
|
||||
-------------------------------------------------------------------*/
|
||||
.woocommerce ul.products li.owp-content-left.product.has-rating .woo-entry-inner .star-rating {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.owp-content-right.product.has-rating .woo-entry-inner .star-rating {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) {
|
||||
overflow: inherit;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner li.image-wrap {
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .tinv-wraper.tinv-wishlist {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .image-wrap .tinv-wraper.tinv-wishlist {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
margin: 0;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li {
|
||||
margin-bottom: 10px;
|
||||
opacity: 0;
|
||||
-webkit-transform: translatex(25px);
|
||||
-moz-transform: translatex(25px);
|
||||
-ms-transform: translatex(25px);
|
||||
-o-transform: translatex(25px);
|
||||
transform: translatex(25px);
|
||||
-webkit-transition: all 0.4s;
|
||||
-moz-transition: all 0.4s;
|
||||
-ms-transition: all 0.4s;
|
||||
-o-transition: all 0.4s;
|
||||
transition: all 0.4s;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li.woo-wishlist-btn {
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li:nth-child(2) {
|
||||
-webkit-transition-delay: 0.15s;
|
||||
-moz-transition-delay: 0.15s;
|
||||
-ms-transition-delay: 0.15s;
|
||||
-o-transition-delay: 0.15s;
|
||||
transition-delay: 0.15s;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li .woocommerce ul.products li.product a.tinvwl-button.tinvwl_add_to_wishlist_button.tinvwl-icon-heart:before, .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li .woocommerce-page ul.products li.product a.tinvwl-button.tinvwl-icon-heart.tinvwl_add_to_wishlist_button:before, .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a.sidr-class-wishlist_products_counter.sidr-class-top_wishlist-heart:before, .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a.wishlist_products_counter.top_wishlist-heart:before, .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li span.wishlist_products_counter.top_wishlist-heart:before {
|
||||
font-size: inherit;
|
||||
margin: 0;
|
||||
vertical-align: inherit;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li .tinvwl_add_to_wishlist-text {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li .tinv-wraper.tinv-wishlist {
|
||||
position: relative;
|
||||
top: auto;
|
||||
right: auto;
|
||||
visibility: visible;
|
||||
-moz-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a {
|
||||
display: block;
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background-color: #fff;
|
||||
color: #444;
|
||||
text-align: center;
|
||||
border-radius: 100%;
|
||||
-webkit-transition: 0.3s all;
|
||||
-moz-transition: 0.3s all;
|
||||
-ms-transition: 0.3s all;
|
||||
-o-transition: 0.3s all;
|
||||
transition: 0.3s all;
|
||||
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a:hover {
|
||||
color: #13aff0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a.owp-quick-view {
|
||||
position: relative;
|
||||
bottom: auto;
|
||||
left: auto;
|
||||
padding: 0;
|
||||
letter-spacing: 0;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a.owp-quick-view i {
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
margin: 0;
|
||||
vertical-align: inherit;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a i,
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a a:before {
|
||||
opacity: 1;
|
||||
-webkit-transition: opacity 0.2s ease;
|
||||
-moz-transition: opacity 0.2s ease;
|
||||
-ms-transition: opacity 0.2s ease;
|
||||
-o-transition: opacity 0.2s ease;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
border-left-color: #000000;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
margin-left: -9px;
|
||||
margin-top: -9px;
|
||||
-webkit-transition: opacity 0.2s ease;
|
||||
-moz-transition: opacity 0.2s ease;
|
||||
-ms-transition: opacity 0.2s ease;
|
||||
-o-transition: opacity 0.2s ease;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li.loading i,
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li.loading a:before {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li.loading a:after {
|
||||
opacity: 1;
|
||||
-ms-animation: loader 450ms infinite linear;
|
||||
-webkit-animation: loader 450ms infinite linear;
|
||||
-o-animation: loader 450ms infinite linear;
|
||||
-moz-animation: loader 450ms infinite linear;
|
||||
animation: loader 450ms infinite linear;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-entry-buttons li {
|
||||
opacity: 1;
|
||||
-webkit-transform: translatex(0);
|
||||
-moz-transform: translatex(0);
|
||||
-ms-transform: translatex(0);
|
||||
-o-transform: translatex(0);
|
||||
transform: translatex(0);
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .image-wrap .button {
|
||||
display: block;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 0;
|
||||
background-color: #13aff0;
|
||||
color: #ffffff;
|
||||
border: 0;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
z-index: 99;
|
||||
-webkit-transform: translateY(40px);
|
||||
-moz-transform: translateY(40px);
|
||||
-ms-transform: translateY(40px);
|
||||
-o-transform: translateY(40px);
|
||||
transform: translateY(40px);
|
||||
-webkit-transition: all 0.6s;
|
||||
-moz-transition: all 0.6s;
|
||||
-ms-transition: all 0.6s;
|
||||
-o-transition: all 0.6s;
|
||||
transition: all 0.6s;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .image-wrap .button:hover {
|
||||
background-color: #0b7cac;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner .added_to_cart {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .button {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner {
|
||||
z-index: 1;
|
||||
-webkit-transition: all 0.6s ease;
|
||||
-moz-transition: all 0.6s ease;
|
||||
-ms-transition: all 0.6s ease;
|
||||
-o-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner li {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner li.title, .woocommerce ul.products li.product:not(.product-category) .product-inner li:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner li.woo-desc {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-image a:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
margin-left: -19px;
|
||||
margin-top: -19px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
border: 1px solid rgba(0, 0, 0, 0.4);
|
||||
border-left-color: #000000;
|
||||
border-radius: 50%;
|
||||
opacity: 0;
|
||||
-webkit-transition: opacity 0.2s ease;
|
||||
-moz-transition: opacity 0.2s ease;
|
||||
-ms-transition: opacity 0.2s ease;
|
||||
-o-transition: opacity 0.2s ease;
|
||||
transition: opacity 0.2s ease;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-entry-image a.loading:after {
|
||||
opacity: 1;
|
||||
-ms-animation: loader 450ms infinite linear;
|
||||
-webkit-animation: loader 450ms infinite linear;
|
||||
-o-animation: loader 450ms infinite linear;
|
||||
-moz-animation: loader 450ms infinite linear;
|
||||
animation: loader 450ms infinite linear;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-product-info {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
padding: 20px 15px;
|
||||
margin: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 90px;
|
||||
background-color: #fff;
|
||||
padding: 12px;
|
||||
margin: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 0.6s ease;
|
||||
-moz-transition: all 0.6s ease;
|
||||
-ms-transition: all 0.6s ease;
|
||||
-o-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery a {
|
||||
display: block;
|
||||
position: relative;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery .active a,
|
||||
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery a:hover {
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-product-gallery {
|
||||
left: -90px;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover:before {
|
||||
left: -90px;
|
||||
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
-webkit-transition: all 0.6s ease;
|
||||
-moz-transition: all 0.6s ease;
|
||||
-ms-transition: all 0.6s ease;
|
||||
-o-transition: all 0.6s ease;
|
||||
transition: all 0.6s ease;
|
||||
}
|
||||
|
||||
@-webkit-keyframes loader {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loader {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
/* List view */
|
||||
.woocommerce ul.products.list li.product {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product .woo-entry-image,
|
||||
.woocommerce ul.products.list li.product .product-entry-slider-wrap {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product .woo-entry-inner {
|
||||
width: 100%;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product .woo-entry-inner li.image-wrap {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 32%;
|
||||
margin: 0 3% 0 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product .woo-entry-inner li.image-wrap img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product .woo-entry-inner .woo-product-info {
|
||||
position: relative;
|
||||
width: 65%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.woocommerce ul.products.list li.product.has-rating .woo-entry-inner .woo-product-info .star-rating {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .product-inner:hover,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .product-inner:hover {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-entry-buttons li,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-entry-buttons li {
|
||||
-webkit-transform: translatex(0);
|
||||
-moz-transform: translatex(0);
|
||||
-ms-transform: translatex(0);
|
||||
-o-transform: translatex(0);
|
||||
transform: translatex(0);
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons {
|
||||
left: 15px;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li {
|
||||
-webkit-transform: translatex(-25px);
|
||||
-moz-transform: translatex(-25px);
|
||||
-ms-transform: translatex(-25px);
|
||||
-o-transform: translatex(-25px);
|
||||
transform: translatex(-25px);
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .image-wrap .button,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .image-wrap .button {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .woo-product-gallery {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-product-gallery,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-product-gallery {
|
||||
right: -90px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products li.product:not(.product-category) .product-inner:hover:before,
|
||||
body.rtl .woocommerce ul.products li.product:not(.product-category) .product-inner:hover:before {
|
||||
right: -90px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products.list li.product .woo-entry-inner li.image-wrap,
|
||||
body.rtl .woocommerce ul.products.list li.product .woo-entry-inner li.image-wrap {
|
||||
margin: 0 0 0 3%;
|
||||
}
|
||||
|
||||
body.rtl.woocommerce ul.products.list li.product .woo-entry-inner .woo-product-info,
|
||||
body.rtl .woocommerce ul.products.list li.product .woo-entry-inner .woo-product-info {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
body.rtl .products .product .tinv-wraper.tinv-wishlist {
|
||||
left: auto;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 1500px) {
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover .woo-product-gallery {
|
||||
display: none;
|
||||
}
|
||||
.woocommerce ul.products li.product:not(.product-category) .product-inner:hover:before {
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,50 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Wishlist
|
||||
-------------------------------------------------------------------*/
|
||||
.products .product .tinv-wraper.tinv-wishlist {
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
visibility: hidden;
|
||||
-moz-opacity: 0;
|
||||
-webkit-opacity: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
-moz-transition: all 0.25s ease-in-out;
|
||||
-ms-transition: all 0.25s ease-in-out;
|
||||
-o-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.products .product:hover .tinv-wraper.tinv-wishlist {
|
||||
visibility: visible;
|
||||
-moz-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.woocommerce ul.products li.product .button.tinvwl_add_to_wishlist_button {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button.no-txt {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul.products li.product .tinvwl_add_to_wishlist_button {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.tinv-wishlist table input[type="checkbox"] {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.tinv-wishlist .product-action .button {
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
a.wishlist_products_counter.top_wishlist-heart-plus:before, a.wishlist_products_counter.top_wishlist-heart:before {
|
||||
margin-right: 2px;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.products .product .tinv-wraper.tinv-wishlist{position:absolute;top:10px;right:10px;visibility:hidden;-moz-opacity:0;-webkit-opacity:0;opacity:0;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-ms-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;z-index:10}.products .product:hover .tinv-wraper.tinv-wishlist{visibility:visible;-moz-opacity:1;-webkit-opacity:1;opacity:1}.woocommerce ul.products li.product .button.tinvwl_add_to_wishlist_button{border:0;padding:0}.tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button.no-txt{margin-left:0}ul.products li.product .tinvwl_add_to_wishlist_button{margin-top:0}.tinv-wishlist table input[type="checkbox"]{margin-right:0 !important}.tinv-wishlist .product-action .button{padding:12px 0}a.wishlist_products_counter.top_wishlist-heart-plus:before,a.wishlist_products_counter.top_wishlist-heart:before{margin-right:2px}
|
||||
@@ -0,0 +1,193 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Floating Bar
|
||||
-------------------------------------------------------------------*/
|
||||
.owp-floating-bar {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background-color: #2c2c2c;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
z-index: 15;
|
||||
-moz-opacity: 0;
|
||||
-webkit-opacity: 0;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
}
|
||||
|
||||
.owp-floating-bar.show {
|
||||
height: 66px;
|
||||
-moz-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.owp-floating-bar .container {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
.owp-floating-bar .left,
|
||||
.owp-floating-bar .right {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.owp-floating-bar .right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.owp-floating-bar p.selected {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
margin-right: 12px;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.owp-floating-bar h2.entry-title {
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.owp-floating-bar .product_price {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.owp-floating-bar .product_price p {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin: 0 30px 0 0;
|
||||
}
|
||||
|
||||
.owp-floating-bar .product_price del {
|
||||
-moz-opacity: 0.7;
|
||||
-webkit-opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.owp-floating-bar .product_price del .amount,
|
||||
.owp-floating-bar .product_price .amount {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.owp-floating-bar form.cart {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.owp-floating-bar form.cart .quantity {
|
||||
margin: 5px 15px 0 0;
|
||||
}
|
||||
|
||||
.owp-floating-bar form.cart .quantity .minus,
|
||||
.owp-floating-bar form.cart .quantity .plus {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.owp-floating-bar form.cart .quantity .minus:hover,
|
||||
.owp-floating-bar form.cart .quantity .plus:hover {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.owp-floating-bar form.cart .quantity .qty {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.owp-floating-bar button.button {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
font-size: 14px;
|
||||
height: 46px;
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
.owp-floating-bar button.button:hover, .owp-floating-bar button.button:focus {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.owp-floating-bar .added_to_cart {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owp-floating-bar .out-of-stock {
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.boxed-layout .owp-floating-bar {
|
||||
width: 1280px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media screen and (max-width: 1024px) {
|
||||
body {
|
||||
margin-bottom: 45px;
|
||||
}
|
||||
.owp-floating-bar {
|
||||
top: auto !important;
|
||||
bottom: 0;
|
||||
}
|
||||
.owp-floating-bar.show,
|
||||
.owp-floating-bar .container {
|
||||
height: 45px;
|
||||
}
|
||||
.owp-floating-bar .left {
|
||||
display: none;
|
||||
}
|
||||
.owp-floating-bar .right {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.owp-floating-bar form.cart {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.owp-floating-bar form.cart .quantity {
|
||||
margin-top: 0;
|
||||
}
|
||||
.owp-floating-bar button.button {
|
||||
height: 36px;
|
||||
padding: 0 30px;
|
||||
}
|
||||
#scroll-top {
|
||||
bottom: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.owp-floating-bar .product_price {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 320px) {
|
||||
.owp-floating-bar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.owp-floating-bar{position:fixed;top:0;background-color:#2c2c2c;width:100%;height:0;z-index:15;-moz-opacity:0;-webkit-opacity:0;opacity:0;visibility:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}.owp-floating-bar.show{height:66px;-moz-opacity:1;-webkit-opacity:1;opacity:1;visibility:visible}.owp-floating-bar .container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;height:66px}.owp-floating-bar .left,.owp-floating-bar .right{width:50%}.owp-floating-bar .right{text-align:right}.owp-floating-bar p.selected{display:inline-block;margin-bottom:0;margin-right:12px;color:#fff;font-size:16px;font-weight:600}.owp-floating-bar h2.entry-title{display:inline-block;color:#fff;font-size:16px;font-weight:300;margin:0;padding:0;border:0}.owp-floating-bar .product_price{display:inline-block}.owp-floating-bar .product_price p{font-size:16px;font-weight:600;margin:0 30px 0 0}.owp-floating-bar .product_price del{-moz-opacity:.7;-webkit-opacity:.7;opacity:.7}.owp-floating-bar .product_price del .amount,.owp-floating-bar .product_price .amount{color:#fff}.owp-floating-bar form.cart{display:inline-block}.owp-floating-bar form.cart .quantity{margin:5px 15px 0 0}.owp-floating-bar form.cart .quantity .minus,.owp-floating-bar form.cart .quantity .plus{background-color:rgba(255,255,255,0.1);color:#fff;font-size:20px;border:0}.owp-floating-bar form.cart .quantity .minus:hover,.owp-floating-bar form.cart .quantity .plus:hover{background-color:rgba(255,255,255,0.2)}.owp-floating-bar form.cart .quantity .qty{background-color:rgba(255,255,255,0.2);color:#fff;border:0}.owp-floating-bar button.button{background-color:#fff;color:#000;font-size:14px;height:46px;padding:0 40px}.owp-floating-bar button.button:hover,.owp-floating-bar button.button:focus{background-color:#f1f1f1}.owp-floating-bar .added_to_cart{display:none}.owp-floating-bar .out-of-stock{display:inline-block;margin:0;color:#fff;font-size:16px;font-weight:600}.boxed-layout .owp-floating-bar{width:1280px;max-width:100%}@media screen and (max-width: 1024px){body{margin-bottom:45px}.owp-floating-bar{top:auto !important;bottom:0}.owp-floating-bar.show,.owp-floating-bar .container{height:45px}.owp-floating-bar .left{display:none}.owp-floating-bar .right{width:100%;text-align:center}.owp-floating-bar form.cart{vertical-align:bottom}.owp-floating-bar form.cart .quantity{margin-top:0}.owp-floating-bar button.button{height:36px;padding:0 30px}#scroll-top{bottom:50px}}@media screen and (max-width: 767px){.owp-floating-bar .product_price{display:none}}@media screen and (max-width: 320px){.owp-floating-bar{display:none}}
|
||||
@@ -0,0 +1,11 @@
|
||||
/* Widget cart & products */
|
||||
.current-shop-items-dropdown { left: -20px; right: auto; text-align: right; }
|
||||
.boxed-layout .current-shop-items-dropdown { left: 0; right: auto; }
|
||||
.woocommerce .widget_shopping_cart .total strong { float: right; }
|
||||
.woocommerce .widget_shopping_cart .total .amount { float: left; }
|
||||
.woocommerce .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.thumbnail { border-left-width: 1px; border-right-width: 0; }
|
||||
.woocommerce .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content { padding-right: 10px; padding-left: 0; }
|
||||
.woocommerce .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content > div { padding-left: 60px; padding-right: 0; }
|
||||
.woocommerce .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content a.remove { left: 20px; right: auto; }
|
||||
.widget_shopping_cart_content .buttons .button { float: right; }
|
||||
.widget_shopping_cart_content .buttons .checkout { float: left; }
|
||||
@@ -0,0 +1,317 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Mini Cart
|
||||
-------------------------------------------------------------------*/
|
||||
.current-shop-items-dropdown {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
right: -20px;
|
||||
background-color: #fff;
|
||||
z-index: 10000;
|
||||
border-top: 3px solid transparent;
|
||||
text-align: left;
|
||||
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||
width: 350px;
|
||||
visibility: hidden;
|
||||
-moz-opacity: 0;
|
||||
-webkit-opacity: 0;
|
||||
opacity: 0;
|
||||
-webkit-transition: all 0.25s ease-in-out;
|
||||
-moz-transition: all 0.25s ease-in-out;
|
||||
-ms-transition: all 0.25s ease-in-out;
|
||||
-o-transition: all 0.25s ease-in-out;
|
||||
transition: all 0.25s ease-in-out;
|
||||
}
|
||||
|
||||
.current-shop-items-dropdown ul.woocommerce-mini-cart {
|
||||
max-height: 50vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.current-shop-items-dropdown .widgettitle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.current-shop-items-dropdown li:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.current-shop-items-dropdown p.woocommerce-mini-cart__empty-message {
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wcmenucart-toggle-drop_down:hover .current-shop-items-dropdown,
|
||||
.show-cart .wcmenucart-toggle-drop_down .current-shop-items-dropdown {
|
||||
visibility: visible;
|
||||
-moz-opacity: 1;
|
||||
-webkit-opacity: 1;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.boxed-layout .current-shop-items-dropdown {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li {
|
||||
padding: 0;
|
||||
border-bottom-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li:first-child, .widget_shopping_cart ul.cart_list li:last-child {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li:first-child {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.thumbnail {
|
||||
width: 25%;
|
||||
margin: 0;
|
||||
border-right-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.thumbnail img {
|
||||
position: relative;
|
||||
top: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.content {
|
||||
position: relative;
|
||||
width: 75%;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid > div {
|
||||
padding-right: 60px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid h3 {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-weight: normal;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid .quantity {
|
||||
color: #b2b2b2;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove {
|
||||
right: 20px;
|
||||
margin-top: -17px;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
line-height: 30px;
|
||||
color: #b3b3b3;
|
||||
border: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover {
|
||||
color: #13aff0;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart .total {
|
||||
background-color: #fafafa;
|
||||
border-width: 1px 0;
|
||||
border-style: solid;
|
||||
border-color: #e6e6e6;
|
||||
padding: 20px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart .total strong {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
color: #797979;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart .total .amount {
|
||||
float: right;
|
||||
font-size: 16px;
|
||||
line-height: 1.3;
|
||||
font-weight: 600;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart .total:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons {
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons .button {
|
||||
float: left;
|
||||
width: 48%;
|
||||
padding: 14px 8px;
|
||||
text-align: center;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons .button:first-child {
|
||||
background-color: transparent;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons .button:first-child:hover {
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons .checkout {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.widget_shopping_cart_content .buttons:after {
|
||||
content: '';
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/* Cart spacious style */
|
||||
.spacious .owp-mini-cart {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart .widget_shopping_cart ul.cart_list li {
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart .widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.thumbnail {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart .widget_shopping_cart .total {
|
||||
background-color: transparent;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart .widget_shopping_cart_content .buttons {
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
|
||||
.spacious .owp-mini-cart p.woocommerce-mini-cart__empty-message {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Cart bag style */
|
||||
.bag-style {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wcmenucart-total {
|
||||
margin-right: 7px;
|
||||
}
|
||||
|
||||
.wcmenucart-total span {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.wcmenucart-cart-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wcmenucart-cart-icon .wcmenucart-count {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
min-width: 2em;
|
||||
height: 2em;
|
||||
font-size: 1em;
|
||||
line-height: 1.7em;
|
||||
font-weight: bold;
|
||||
border: 2px solid #333;
|
||||
color: #333;
|
||||
padding: 0 3px;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.wcmenucart-cart-icon .wcmenucart-count:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 50%;
|
||||
width: 14px;
|
||||
height: 8px;
|
||||
margin-left: -7px;
|
||||
margin-bottom: 0;
|
||||
border: 2px solid #333;
|
||||
border-top-left-radius: 100px;
|
||||
border-top-right-radius: 100px;
|
||||
border-bottom: 0;
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count,
|
||||
.show-cart .wcmenucart-cart-icon .wcmenucart-count {
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
border-color: #13aff0;
|
||||
}
|
||||
|
||||
.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after,
|
||||
.show-cart .wcmenucart-cart-icon .wcmenucart-count:after {
|
||||
border-color: #13aff0;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
/* Fix for some conflict with default Woo css if custom features are disabled */
|
||||
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
|
||||
top: 50%;
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
|
||||
padding: 20px;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,214 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Multi-Step Checkout
|
||||
-------------------------------------------------------------------*/
|
||||
#owp-checkout-timeline {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline li {
|
||||
float: left;
|
||||
width: 33.33%;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.step-4 li {
|
||||
width: 25%;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline .timeline-wrapper {
|
||||
position: relative;
|
||||
display: block;
|
||||
padding: 10px;
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
font-size: 15px;
|
||||
line-height: 40px;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
-moz-transition: all 0.1s ease;
|
||||
-ms-transition: all 0.1s ease;
|
||||
-o-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline .active .timeline-wrapper {
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline .timeline-step {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
line-height: 22px;
|
||||
margin-right: 8px;
|
||||
background-color: #fff;
|
||||
color: #ccc;
|
||||
border: 2px solid #ccc;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline .timeline-label {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow li {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow .timeline-wrapper:before, #owp-checkout-timeline.arrow .timeline-wrapper:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
-webkit-transition: all 0.1s ease;
|
||||
-moz-transition: all 0.1s ease;
|
||||
-ms-transition: all 0.1s ease;
|
||||
-o-transition: all 0.1s ease;
|
||||
transition: all 0.1s ease;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow .timeline-wrapper:before {
|
||||
left: -20px;
|
||||
border-top: 30px solid #eee;
|
||||
border-bottom: 30px solid #eee;
|
||||
border-left: 20px solid transparent;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow .timeline-wrapper:after {
|
||||
right: -20px;
|
||||
border-top: 30px solid transparent;
|
||||
border-bottom: 30px solid transparent;
|
||||
border-left: 20px solid #eee;
|
||||
border-right-color: #eee;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow .active .timeline-wrapper:before {
|
||||
border-top-color: #13aff0;
|
||||
border-bottom-color: #13aff0;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.arrow .active .timeline-wrapper:after {
|
||||
border-left-color: #13aff0;
|
||||
border-right-color: #13aff0;
|
||||
}
|
||||
|
||||
#owp-checkout-timeline.square li {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#checkout-wrapper .woocommerce-billing-fields h3,
|
||||
#checkout-wrapper #customer_shipping_details,
|
||||
#checkout-wrapper #order_review,
|
||||
#checkout-wrapper #customer_billing_details.show-login-reminder.not-logged-in,
|
||||
#checkout-wrapper #checkout_coupon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#checkout-wrapper #checkout_coupon,
|
||||
#checkout-wrapper #checkout_login,
|
||||
#checkout-wrapper form.checkout {
|
||||
max-width: 850px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#checkout-wrapper #order_review {
|
||||
max-width: 650px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.checkout {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.checkout #billing_phone_field,
|
||||
#checkout-wrapper form.checkout #billing_email_field {
|
||||
width: 48%;
|
||||
clear: none;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.checkout #billing_phone_field {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.checkout #billing_email_field {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.checkout #order_review {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#checkout-wrapper form.login {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#checkout-wrapper .woocommerce-billing-fields__field-wrapper:after,
|
||||
#checkout-wrapper .woocommerce-shipping-fields__field-wrapper:after {
|
||||
content: '';
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
zoom: 1;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-top: 35px;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions p.form-row.notes {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions a {
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 1px;
|
||||
border-bottom: 2px solid;
|
||||
margin-top: 6px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions a i {
|
||||
font-size: 16px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions .buttons {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions .buttons input {
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
-ms-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions .buttons input.prev {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#checkout-wrapper #form_actions .buttons input.next {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 959px) {
|
||||
#owp-checkout-timeline li {
|
||||
padding: 0 !important;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
#owp-checkout-timeline li,
|
||||
#owp-checkout-timeline.step-4 li {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
#owp-checkout-timeline{margin-bottom:40px}#owp-checkout-timeline li{float:left;width:33.33%}#owp-checkout-timeline.step-4 li{width:25%}#owp-checkout-timeline .timeline-wrapper{position:relative;display:block;padding:10px;background-color:#eee;color:#333;font-size:15px;line-height:40px;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}#owp-checkout-timeline .active .timeline-wrapper{background-color:#13aff0;color:#fff}#owp-checkout-timeline .timeline-step{display:inline-block;font-size:14px;text-align:center;width:26px;height:26px;line-height:22px;margin-right:8px;background-color:#fff;color:#ccc;border:2px solid #ccc;border-radius:20px}#owp-checkout-timeline .timeline-label{font-weight:600}#owp-checkout-timeline.arrow li{padding-right:50px}#owp-checkout-timeline.arrow .timeline-wrapper:before,#owp-checkout-timeline.arrow .timeline-wrapper:after{content:'';position:absolute;top:0;width:0;height:0;-webkit-transition:all 0.1s ease;-moz-transition:all 0.1s ease;-ms-transition:all 0.1s ease;-o-transition:all 0.1s ease;transition:all 0.1s ease}#owp-checkout-timeline.arrow .timeline-wrapper:before{left:-20px;border-top:30px solid #eee;border-bottom:30px solid #eee;border-left:20px solid transparent}#owp-checkout-timeline.arrow .timeline-wrapper:after{right:-20px;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:20px solid #eee;border-right-color:#eee}#owp-checkout-timeline.arrow .active .timeline-wrapper:before{border-top-color:#13aff0;border-bottom-color:#13aff0}#owp-checkout-timeline.arrow .active .timeline-wrapper:after{border-left-color:#13aff0;border-right-color:#13aff0}#owp-checkout-timeline.square li{text-align:center}#checkout-wrapper .woocommerce-billing-fields h3,#checkout-wrapper #customer_shipping_details,#checkout-wrapper #order_review,#checkout-wrapper #customer_billing_details.show-login-reminder.not-logged-in,#checkout-wrapper #checkout_coupon{display:none}#checkout-wrapper #checkout_coupon,#checkout-wrapper #checkout_login,#checkout-wrapper form.checkout{max-width:850px;margin:0 auto}#checkout-wrapper #order_review{max-width:650px;margin:0 auto}#checkout-wrapper form.checkout{display:block}#checkout-wrapper form.checkout #billing_phone_field,#checkout-wrapper form.checkout #billing_email_field{width:48%;clear:none}#checkout-wrapper form.checkout #billing_phone_field{float:left}#checkout-wrapper form.checkout #billing_email_field{float:right}#checkout-wrapper form.checkout #order_review{float:none;width:100%}#checkout-wrapper form.login{margin-bottom:0}#checkout-wrapper .woocommerce-billing-fields__field-wrapper:after,#checkout-wrapper .woocommerce-shipping-fields__field-wrapper:after{content:'';display:block;visibility:hidden;clear:both;zoom:1;height:0}#checkout-wrapper #form_actions{display:inline-block;width:100%;margin-top:35px}#checkout-wrapper #form_actions p.form-row.notes{margin:0}#checkout-wrapper #form_actions a{float:left;font-size:12px;font-weight:600;padding-bottom:1px;border-bottom:2px solid;margin-top:6px;text-transform:uppercase;letter-spacing:0.6px}#checkout-wrapper #form_actions a i{font-size:16px;margin-right:5px}#checkout-wrapper #form_actions .buttons{float:right}#checkout-wrapper #form_actions .buttons input{-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;border-radius:30px}#checkout-wrapper #form_actions .buttons input.prev{display:none}#checkout-wrapper #form_actions .buttons input.next{margin-left:10px}@media only screen and (max-width: 959px){#owp-checkout-timeline li{padding:0 !important;margin-bottom:15px}#owp-checkout-timeline li,#owp-checkout-timeline.step-4 li{float:none;width:100%}}
|
||||
@@ -0,0 +1,338 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Quick View
|
||||
-------------------------------------------------------------------*/
|
||||
.owp-quick-view {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 10px 0;
|
||||
text-align: center;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.4px;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
z-index: 12;
|
||||
}
|
||||
|
||||
.owp-quick-view:hover {
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.owp-quick-view i {
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
margin-right: 6px;
|
||||
line-height: 1;
|
||||
vertical-align: middle;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
.woocommerce .products .product-inner:hover .owp-quick-view {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.woo-entry-image.loading:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
margin-top: -15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
opacity: .8;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
border-left-color: #fff;
|
||||
z-index: 99;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-ms-animation: qv-spin 0.6s infinite linear;
|
||||
-webkit-animation: qv-spin 0.6s infinite linear;
|
||||
-o-animation: qv-spin 0.6s infinite linear;
|
||||
-moz-animation: qv-spin 0.6s infinite linear;
|
||||
animation: qv-spin 0.6s infinite linear;
|
||||
}
|
||||
|
||||
.woo-entry-image.loading:after {
|
||||
content: '';
|
||||
background-color: rgba(0, 0, 0, 0.15);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
visibility: visible;
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
@-webkit-keyframes qv-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes qv-spin {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
#owp-qv-wrap {
|
||||
display: none;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#owp-qv-wrap,
|
||||
#owp-qv-wrap .owp-qv-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .owp-qv-image,
|
||||
#owp-qv-wrap .summary {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .owp-qv-slides,
|
||||
#owp-qv-wrap .flex-control-nav,
|
||||
#owp-qv-wrap .flex-direction-nav {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .owp-qv-slides {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .summary {
|
||||
padding: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-viewport {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#owp-qv-wrap img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-control-nav {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-control-nav li {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 0 5px;
|
||||
line-height: 1;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-control-nav li a {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
border: 3px solid #111;
|
||||
opacity: 0.4;
|
||||
text-indent: -9999px;
|
||||
cursor: pointer;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-control-nav li a:hover {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-control-nav li a.flex-active {
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-top: -15px;
|
||||
color: rgba(0, 0, 0, 0.8);
|
||||
opacity: 0;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a:before {
|
||||
display: inline-block;
|
||||
font: normal normal 900 30px/1 'Font Awesome 5 free';
|
||||
text-rendering: auto;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a.flex-prev {
|
||||
left: -50px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a.flex-prev:before {
|
||||
content: '\f104';
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a.flex-next {
|
||||
right: -50px;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .flex-direction-nav a.flex-next:before {
|
||||
content: '\f105';
|
||||
}
|
||||
|
||||
#owp-qv-wrap .owp-qv-image:hover .flex-direction-nav a.flex-prev {
|
||||
opacity: .8;
|
||||
left: 10px;
|
||||
}
|
||||
|
||||
#owp-qv-wrap .owp-qv-image:hover .flex-direction-nav a.flex-next {
|
||||
opacity: .8;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.owp-qv-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
.owp-qv-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.owp-qv-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owp-qv-content-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
max-width: 100%;
|
||||
z-index: 1045;
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(-30px);
|
||||
-moz-transform: translateY(-30px);
|
||||
-ms-transform: translateY(-30px);
|
||||
-o-transform: translateY(-30px);
|
||||
transform: translateY(-30px);
|
||||
-webkit-transition: transform .5s, opacity .3s;
|
||||
-moz-transition: transform .5s, opacity .3s;
|
||||
transition: transform .5s, opacity .3s;
|
||||
}
|
||||
|
||||
.is-visible .owp-qv-content-wrap {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
-o-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.owp-qv-content-inner {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
max-width: 875px;
|
||||
margin: 0 auto;
|
||||
z-index: 1000;
|
||||
-webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.owp-qv-content-inner .owp-qv-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #333;
|
||||
opacity: .5;
|
||||
font-weight: 300;
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.owp-qv-content-inner .owp-qv-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.owp-qv-content-inner .product {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owp-qv-content-inner select {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.owp-qv-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#owp-qv-content a.woocommerce-review-link {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
#owp-qv-wrap .owp-qv-image,
|
||||
#owp-qv-wrap .summary {
|
||||
width: 100%;
|
||||
}
|
||||
.owp-qv-container:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,152 @@
|
||||
/*------------------------------------------------------------------
|
||||
Woo Star Font
|
||||
-------------------------------------------------------------------*/
|
||||
@font-face { font-family: 'star'; src: url('../../fonts/star/star.eot'); src: url('../../fonts/star/star.eot?#iefix') format('embedded-opentype'), url('../../fonts/star/star.woff') format('woff'), url('../../fonts/star/star.ttf') format('truetype'), url('../../fonts/star/star.svg#star') format('svg'); font-weight: normal; font-style: normal; }
|
||||
|
||||
#reviews .comment-reply-title {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#reviews .comment-form-rating label {
|
||||
display: block;
|
||||
margin: 10px 0 0;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.star-rating {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
height: 1.618em;
|
||||
line-height: 1.618;
|
||||
font-size: 1em;
|
||||
width: 5.3em;
|
||||
font-family: star;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
.star-rating::before {
|
||||
content: '\53\53\53\53\53';
|
||||
opacity: .25;
|
||||
float: left;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.star-rating span {
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
top: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
padding-top: 1.5em
|
||||
}
|
||||
|
||||
.star-rating span::before {
|
||||
content: '\53\53\53\53\53';
|
||||
top: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: #f9ca63
|
||||
}
|
||||
|
||||
p.stars {
|
||||
display: inline-block;
|
||||
margin: 0 0 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
p.stars a {
|
||||
position: relative;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
text-indent: -999em;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
margin-right: 1px;
|
||||
font-weight: 400
|
||||
}
|
||||
|
||||
p.stars a::before {
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
font-family: star;
|
||||
content: '\53';
|
||||
color: #43454b;
|
||||
text-indent: 0;
|
||||
opacity: .25
|
||||
}
|
||||
|
||||
p.stars a:hover~a::before {
|
||||
content: '\53';
|
||||
color: #43454b;
|
||||
opacity: .25
|
||||
}
|
||||
|
||||
p.stars:hover a::before {
|
||||
content: '\53';
|
||||
color: #f9ca63;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
p.stars.selected a.active::before {
|
||||
content: '\53';
|
||||
color: #f9ca63;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
p.stars.selected a.active~a::before {
|
||||
content: '\53';
|
||||
color: #43454b;
|
||||
opacity: .25
|
||||
}
|
||||
|
||||
p.stars.selected a:not(.active)::before {
|
||||
content: '\53';
|
||||
color: #f9ca63;
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
/* Filter rating widget */
|
||||
.widget_rating_filter .wc-layered-nav-rating {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.widget_rating_filter .wc-layered-nav-rating .star-rating {
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl .star-rating::before {
|
||||
float: right;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .star-rating span {
|
||||
float: right;
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl .star-rating span::before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
.rtl p.stars a {
|
||||
margin-left: 1px;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.rtl p.stars a::before {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
@font-face{font-family:star;src:url(../../fonts/star/star.eot);src:url(../../fonts/star/star.eot?#iefix) format('embedded-opentype'),url(../../fonts/star/star.woff) format('woff'),url(../../fonts/star/star.ttf) format('truetype'),url(../../fonts/star/star.svg#star) format('svg');font-weight:400;font-style:normal}#reviews .comment-reply-title{display:none}#reviews .comment-form-rating label{display:block;margin:10px 0 0;line-height:1}.star-rating{overflow:hidden;position:relative;height:1.618em;line-height:1.618;font-size:1em;width:5.3em;font-family:star;font-weight:400}.star-rating::before{content:'\53\53\53\53\53';opacity:.25;float:left;top:0;left:0;position:absolute}.star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em}.star-rating span::before{content:'\53\53\53\53\53';top:0;position:absolute;left:0;color:#f9ca63}p.stars{display:inline-block;margin:0 0 20px;line-height:1}p.stars a{position:relative;height:1em;width:1em;text-indent:-999em;display:inline-block;text-decoration:none;margin-right:1px;font-weight:400}p.stars a::before{display:block;position:absolute;top:0;left:0;width:1em;height:1em;line-height:1;font-family:star;content:'\53';color:#43454b;text-indent:0;opacity:.25}p.stars a:hover~a::before{content:'\53';color:#43454b;opacity:.25}p.stars:hover a::before{content:'\53';color:#f9ca63;opacity:1}p.stars.selected a.active::before{content:'\53';color:#f9ca63;opacity:1}p.stars.selected a.active~a::before{content:'\53';color:#43454b;opacity:.25}p.stars.selected a:not(.active)::before{content:'\53';color:#f9ca63;opacity:1}.widget_rating_filter .wc-layered-nav-rating{margin-bottom:10px}.widget_rating_filter .wc-layered-nav-rating .star-rating{display:inline-block;height:1em;line-height:1}.rtl .star-rating::before{float:right;right:0;left:auto}.rtl .star-rating span{float:right;right:0;left:auto}.rtl .star-rating span::before{right:0;left:auto}.rtl p.stars a{margin-left:1px;margin-right:0}.rtl p.stars a::before{right:0;left:auto}
|
||||
@@ -0,0 +1,313 @@
|
||||
/*
|
||||
* Theme Name: OceanWP RTL WooCommerce CSS
|
||||
* Description: Adds support for languages written in a Right To Left (RTL) direction.
|
||||
*/
|
||||
|
||||
/* Header cart */
|
||||
.wcmenucart-details { margin-right: 8px; margin-left: 0; }
|
||||
.wcmenucart-details.count:before { right: -3px; left: auto; border-style: solid none solid solid; border-width: 5px medium 5px 5px; }
|
||||
|
||||
/* General */
|
||||
.col2-set .col-1,
|
||||
.woocommerce .form-row-first { float: right; margin-left: 4%; margin-right: 0; }
|
||||
|
||||
.col2-set .col-2,
|
||||
.woocommerce .form-row-last { float: left; }
|
||||
|
||||
/* Account page */
|
||||
.account-side-style .woocommerce #customer_login > div { float: right; }
|
||||
.account-side-style .woocommerce #customer_login .col-2 { float: left; }
|
||||
.account-side-style .woocommerce #customer_login .woocommerce-form__label .woocommerce-form__input { margin: -3px 15px 0 6px !important; }
|
||||
|
||||
/* Stars */
|
||||
.woocommerce .star-rating:before { float: right; right: 0; left: auto; }
|
||||
.woocommerce .star-rating span { float: right; right: 0; left: auto; }
|
||||
.woocommerce .star-rating span:before { right: 0; left: auto; }
|
||||
|
||||
/* Quantity */
|
||||
.quantity,
|
||||
.quantity .qty,
|
||||
.quantity .minus,
|
||||
.quantity .plus { float: right; }
|
||||
.quantity .minus { border-left-width: 0; border-right-width: 1px; }
|
||||
.quantity .plus { border-right-width: 0; border-left-width: 1px; }
|
||||
|
||||
/* Button loading*/
|
||||
.woocommerce #respond input#submit.loading:after,
|
||||
.woocommerce a.button.loading:after,
|
||||
.woocommerce button.button.loading:after,
|
||||
.woocommerce input.button.loading:after { margin-right: 6px; margin-left: 0; }
|
||||
|
||||
/* Button added to cart */
|
||||
.woocommerce ul.products li.product .added_to_cart:before { font-family: 'simple-line-icons'; content: '\e035'; margin-right: 6px; vertical-align: bottom; }
|
||||
.woocommerce ul.products li.product .added_to_cart:after { display: none; }
|
||||
|
||||
/* Store > ordering & sorting */
|
||||
.woocommerce .oceanwp-off-canvas-filter,
|
||||
.woocommerce .oceanwp-grid-list { float: right; margin: 0 0 0 20px; }
|
||||
.woocommerce .oceanwp-grid-list a:last-child { margin-right: 10px; margin-left: 0; }
|
||||
|
||||
.woocommerce .woocommerce-ordering { float: right; }
|
||||
|
||||
.woocommerce .result-count { float: left; }
|
||||
.woocommerce .result-count li { float: right; }
|
||||
.woocommerce .result-count li.view-title { margin-left: 6px; margin-right: 0; }
|
||||
|
||||
/* Store > pagination */
|
||||
.woocommerce nav.woocommerce-pagination ul { text-align: left; }
|
||||
|
||||
/* Notices */
|
||||
.woocommerce-message,
|
||||
.woocommerce-error,
|
||||
.woocommerce-info { text-align: right; }
|
||||
.woocommerce-message a,
|
||||
.woocommerce-error a,
|
||||
.woocommerce-info a { float: left; }
|
||||
|
||||
/* Sale & out of stock tags */
|
||||
.woocommerce span.onsale,
|
||||
.woocommerce ul.products li.product.outofstock .outofstock-badge,
|
||||
.woocommerce ul.products li.product .onsale { right: 20px; left: auto; }
|
||||
|
||||
/* Product entry */
|
||||
.woocommerce ul.products.owp-content-left .product-inner { text-align: right; }
|
||||
.woocommerce ul.products.owp-content-right .product-inner { text-align: left; }
|
||||
|
||||
/* Product entry > list view */
|
||||
.woocommerce ul.products.list .product-inner { text-align: right; }
|
||||
.woocommerce ul.products.list li.product .woo-entry-image { float: right; margin: 0 0 0 3%; }
|
||||
.woocommerce ul.products.list li.product .woo-entry-inner { float: right; }
|
||||
|
||||
/* Product entry slider */
|
||||
.woocommerce ul.products li.product .product-entry-slider .slick-arrow.slick-prev { left: auto; right: 0; }
|
||||
.woocommerce ul.products li.product .product-entry-slider .slick-arrow.slick-next { right: auto; left: 0; }
|
||||
|
||||
/* Product entry quick view */
|
||||
body .owp-quick-view i { margin-left: 6px; margin-right: 0; }
|
||||
body #owp-qv-wrap .summary { text-align: right; }
|
||||
body #owp-qv-wrap .flex-direction-nav a.flex-prev { right: -50px; left: auto; text-align: left; }
|
||||
body #owp-qv-wrap .flex-direction-nav a.flex-prev:before { content: '\f105'; }
|
||||
body #owp-qv-wrap .flex-direction-nav a.flex-next { left: -50px; right: auto; }
|
||||
body #owp-qv-wrap .flex-direction-nav a.flex-next:before { content: '\f104'; }
|
||||
body #owp-qv-wrap .owp-qv-image:hover .flex-direction-nav a.flex-prev { right: 10px; left: auto; }
|
||||
body #owp-qv-wrap .owp-qv-image:hover .flex-direction-nav a.flex-next { left: 10px; right: auto; }
|
||||
body .owp-qv-content-inner .owp-qv-close { left: 0; right: auto; }
|
||||
|
||||
/* Single product navigation */
|
||||
@media (min-width: 1080px) {
|
||||
.owp-product-nav-wrap { left: 0; right: auto; }
|
||||
}
|
||||
.owp-product-nav-wrap { text-align: left; }
|
||||
|
||||
.owp-product-nav li { margin-right: 3px; margin-left: 0; }
|
||||
.owp-product-nav li:first-child { margin-right: 0; }
|
||||
.owp-product-nav li .next i:before { content: '\f105'; }
|
||||
.owp-product-nav li .prev i:before { content: '\f104'; }
|
||||
.owp-product-nav li a.owp-nav-text.next-text { padding-right: 3px; padding-left: 0; }
|
||||
.owp-product-nav li a.owp-nav-text.prev-text { padding-left: 3px; padding-right: 0; }
|
||||
.owp-product-nav li .owp-nav-thumb { right: -99999px; left: auto; }
|
||||
.owp-product-nav li:hover > .owp-nav-thumb { right: 50%; left: auto; -webkit-transform: translateX(50%); transform: translateX(50%); }
|
||||
|
||||
/* Single product */
|
||||
.woocommerce div.product div.summary { float: left; }
|
||||
.woocommerce div.product div.images { float: right; }
|
||||
.woocommerce div.product form.cart .button { float: right; }
|
||||
.woocommerce div.product form.cart div.quantity { float: right; margin-right: 0; margin-left: 10px; }
|
||||
.woocommerce div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { left: 10px; right: auto; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li { float: right; margin-left: 4%; margin-right: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) { margin-left: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li { float: right; margin-left: 4%; margin-right: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) { margin-left: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li { float: right; margin-left: 4%; margin-right: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) { margin-left: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li { float: right; margin-left: 4%; margin-right: 0; }
|
||||
.woocommerce div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) { margin-left: 0; }
|
||||
.woocommerce div.product .summary .added_to_cart { margin-right: 6px; margin-left: 0; }
|
||||
|
||||
/* Single product thumbnails */
|
||||
@media (min-width: 769px) {
|
||||
.woocommerce div.product.owp-thumbs-layout-vertical span.onsale { right: 12%; left: auto; }
|
||||
.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-viewport { float: left; }
|
||||
.woocommerce div.product.owp-thumbs-layout-vertical div.images .flex-control-thumbs { float: right; }
|
||||
}
|
||||
|
||||
/* Single product rating */
|
||||
.woocommerce div.product .woocommerce-product-rating .star-rating { float: right; margin-left: 10px; margin-right: 0; }
|
||||
|
||||
/* Single product quantity */
|
||||
.woocommerce div.product form.cart div.quantity { float: right; margin-left: 10px; margin-right: 0; }
|
||||
|
||||
/* Single product variations */
|
||||
.woocommerce div.product form.cart .variations .reset_variations { float: right; }
|
||||
.woocommerce div.product form.cart .variations .reset_variations:before { margin-left: 5px; margin-right: 0; }
|
||||
.single_variation { float: right; }
|
||||
|
||||
/* Single product tabs */
|
||||
@media (min-width: 769px) {
|
||||
.woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs { float: right; }
|
||||
.woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs li a { text-align: right; }
|
||||
.woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs li a:after { left: -2px; right: auto; }
|
||||
.woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs .panel { float: left; border-right-width: 1px; border-left-width: 0; }
|
||||
}
|
||||
|
||||
/* Single product additional info */
|
||||
.woocommerce table.shop_attributes,
|
||||
.woocommerce table.shop_attributes th,
|
||||
.woocommerce table.shop_attributes td,
|
||||
.woocommerce table.shop_attributes th { text-align: right; }
|
||||
|
||||
/* Single product reviews */
|
||||
.woocommerce #reviews .star-rating { float: left; }
|
||||
|
||||
/* Single product reviews list */
|
||||
.woocommerce #reviews #comments ol.commentlist li img.avatar { right: 0; left: auto; }
|
||||
.woocommerce #reviews #comments ol.commentlist li .comment_container { padding-right: 90px; padding-left: 0; }
|
||||
|
||||
/* Single product reviews respond form */
|
||||
#review_form #respond p.comment-form-author { float: right; padding-left: 10px; padding-right: 0; }
|
||||
#review_form #respond p.comment-form-email { float: left; padding-right: 10px; padding-left: 0; }
|
||||
#review_form #respond p { text-align: right; }
|
||||
#review_form #respond .form-submit input,
|
||||
#review_form #respond .form-submit input { right: auto }
|
||||
|
||||
/* Single product reviews stars */
|
||||
p.stars span a:after { right: 0; left: auto; }
|
||||
|
||||
/* Floating bar */
|
||||
body .owp-floating-bar .right { text-align: left; }
|
||||
body .owp-floating-bar p.selected { margin-left: 12px; margin-right: 0; }
|
||||
body .owp-floating-bar .product_price p { margin-left: 30px; margin-right: 0; }
|
||||
body .owp-floating-bar form.cart .quantity { margin-left: 15px; margin-right: 0; }
|
||||
|
||||
/* Widget filter */
|
||||
.woocommerce .widget_price_filter .ui-slider { text-align: right; }
|
||||
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { margin-right: -6px; margin-left: 0; }
|
||||
.woocommerce .widget_price_filter .price_slider_amount .button { float: left; }
|
||||
.woocommerce .widget_price_filter .price_slider_amount { text-align: right; }
|
||||
|
||||
/* Widget search */
|
||||
.woocommerce-product-search input[type='submit'] { float: left; }
|
||||
|
||||
/* Widget product categories */
|
||||
.widget_product_categories li a,
|
||||
.widget_layered_nav li a { padding-right: 22px; padding-left: 0; }
|
||||
.widget_product_categories li a:before,
|
||||
.widget_layered_nav li a:before { right: 0; left: auto; }
|
||||
.widget_product_categories li .count,
|
||||
.widget_layered_nav li .count { left: 0; right: auto; }
|
||||
.woocommerce .widget_product_categories li ul.children { margin: 5px 16px 0 0; }
|
||||
.woocommerce .widget_product_categories li ul.children li a { padding-right: 0; }
|
||||
|
||||
/* Cart table */
|
||||
.woocommerce table.shop_table { margin: 0 0 24px -1px; text-align: right; }
|
||||
|
||||
/* Cart actions */
|
||||
.woocommerce-cart table.cart td.actions .coupon .input-text { margin: 0 0 0 8px; }
|
||||
.woocommerce-cart table.cart td.actions input[name='update_cart'] { float: left; }
|
||||
.woocommerce-cart table.cart td.actions .coupon { float: right; }
|
||||
|
||||
/* Cart collaterals */
|
||||
.woocommerce .cart-collaterals .related,
|
||||
.woocommerce-page .cart-collaterals .related,
|
||||
.woocommerce .cart-collaterals .cross-sells,
|
||||
.woocommerce-page .cart-collaterals .cross-sells { float: right; }
|
||||
.woocommerce .cart-collaterals .shipping_calculator,
|
||||
.woocommerce-page .cart-collaterals .shipping_calculator { clear: left; float: left; }
|
||||
.woocommerce .cart-collaterals .cart_totals,
|
||||
.woocommerce-page .cart-collaterals .cart_totals { float: left; }
|
||||
|
||||
.woocommerce-cart .cart-collaterals .cart_totals table th { border-left-style: solid; border-left-width: 1px; border-right-width: 0; }
|
||||
|
||||
/* Checkout login/register/coupon forms */
|
||||
.woocommerce-checkout form.login .lost_password { float: left; }
|
||||
.woocommerce-checkout form.checkout_coupon .form-row-first { float: right; }
|
||||
.woocommerce-checkout form.checkout_coupon .form-row-last { float: left; }
|
||||
|
||||
/* Checkout > Col */
|
||||
.woocommerce-checkout > .col2-set { float: right; }
|
||||
.woocommerce-checkout h3#order_review_heading,
|
||||
.woocommerce-checkout #order_review { float: left; }
|
||||
|
||||
/* Checkout your order */
|
||||
.woocommerce #order_review table.shop_table tbody td.product-name { text-align: right; }
|
||||
.woocommerce #order_review table.shop_table thead th.product-total { text-align: left; }
|
||||
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method > label:before { margin-left: 10px; margin-right: 0; }
|
||||
.woocommerce-checkout #payment ul.payment_methods li { text-align: right; }
|
||||
.woocommerce-checkout #payment ul.payment_methods li img { float: left; }
|
||||
.woocommerce-checkout #payment .payment_method_paypal .about_paypal { margin-right: 6px; margin-left: 0; }
|
||||
|
||||
/* Checkout returning customer form */
|
||||
.woocommerce form.login .lost_password { margin: 0 }
|
||||
.woocommerce-checkout form.login label.inline { padding-right: 10px; padding-left: 0; }
|
||||
|
||||
/* Multi-step checkout */
|
||||
body #owp-checkout-timeline li { float: right; }
|
||||
body #owp-checkout-timeline .timeline-step { margin-left: 8px; margin-right: 0; }
|
||||
body #owp-checkout-timeline.arrow li { padding-left: 50px; padding-right: 0; }
|
||||
body #owp-checkout-timeline.arrow .timeline-wrapper:before { right: -20px; left: auto; border-right: 20px solid transparent; border-left-width: 0; }
|
||||
body #owp-checkout-timeline.arrow .timeline-wrapper:after { left: -20px; right: auto; border-right-width: 20px; border-right-style: solid; border-left-width: 0; }
|
||||
body #checkout-wrapper form.checkout #billing_phone_field { float: right; }
|
||||
body #checkout-wrapper form.checkout #billing_email_field { float: left; }
|
||||
body #checkout-wrapper #form_actions a { float: right; }
|
||||
body #checkout-wrapper #form_actions a i { margin-left: 5px; margin-right: 0; }
|
||||
body #checkout-wrapper #form_actions .buttons { float: left; }
|
||||
body #checkout-wrapper #form_actions .buttons input.next { margin-right: 10px; margin-left: 0; }
|
||||
|
||||
/* Account page */
|
||||
@media(min-width: 768px) {
|
||||
.woocommerce-MyAccount-tabs { float: right; margin-left: 6%; margin-right: 0; }
|
||||
.woocommerce-MyAccount-content { float: left; }
|
||||
}
|
||||
|
||||
/* Wishlist */
|
||||
body .products .product .tinv-wraper.tinv-wishlist { left: 10px; right: auto; }
|
||||
body .tinv-wishlist.tinvwl-after-add-to-cart .tinvwl_add_to_wishlist_button.no-txt { margin-right: 0; }
|
||||
body .tinv-wishlist table input[type="checkbox"] { margin-left: 0 !important; }
|
||||
body a.wishlist_products_counter.top_wishlist-heart-plus:before,
|
||||
body a.wishlist_products_counter.top_wishlist-heart:before { margin-left: 2px; margin-right: 0; }
|
||||
|
||||
/* Off Canvas sidebar */
|
||||
#oceanwp-off-canvas-sidebar-wrap { right: 0; left: auto; }
|
||||
#oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar { right: -100%; left: auto; }
|
||||
.off-canvas-enabled #oceanwp-off-canvas-sidebar-wrap .oceanwp-off-canvas-sidebar { right: 0; left: auto; }
|
||||
.oceanwp-off-canvas-close { left: 15px; right: auto; }
|
||||
|
||||
/* Mobile menu cart sidebar */
|
||||
#oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar { left: -100%; right: auto; }
|
||||
.cart-enabled #oceanwp-cart-sidebar-wrap .oceanwp-cart-sidebar { left: 0; right: auto; }
|
||||
|
||||
/* Cart shortcode */
|
||||
.wcmenucart-total { margin-left: 7px; margin-right: 0; }
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
Phone Portrait & Landscape
|
||||
-------------------------------------------------------------------*/
|
||||
@media only screen and (max-width: 767px) {
|
||||
|
||||
/* shop list */
|
||||
.woocommerce .products.list .product .woo-entry-image { margin: 0 0 20px; }
|
||||
|
||||
/* table cart page */
|
||||
.woocommerce table.shop_table tr td { text-align: left; }
|
||||
.woocommerce table.shop_table tr td:before { float: right; }
|
||||
.woocommerce table.shop_table tr td.product-quantity .quantity { float: left; }
|
||||
.woocommerce table.shop_table.my_account_orders .order-actions { text-align: left; }
|
||||
|
||||
/* cart collaterals */
|
||||
.woocommerce-cart .cart-collaterals .cart_totals table td { text-align: left; }
|
||||
|
||||
/* Single product navigation */
|
||||
.owp-product-nav li.next-li { float: right; }
|
||||
.owp-product-nav li.prev-li { float: left; }
|
||||
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------
|
||||
Phone Portrait
|
||||
-------------------------------------------------------------------*/
|
||||
@media only screen and (max-width: 480px) {
|
||||
|
||||
/* shop toolbar */
|
||||
.woocommerce .woocommerce-ordering { text-align: right; }
|
||||
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,14 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-display: auto;
|
||||
src: url("../webfonts/fa-brands-400.eot");
|
||||
src: url("../webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.woff") format("woff"), url("../webfonts/fa-brands-400.ttf") format("truetype"), url("../webfonts/fa-brands-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.fab {
|
||||
font-family: 'Font Awesome 5 Brands'; }
|
||||
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,15 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: auto;
|
||||
src: url("../webfonts/fa-regular-400.eot");
|
||||
src: url("../webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.woff") format("woff"), url("../webfonts/fa-regular-400.ttf") format("truetype"), url("../webfonts/fa-regular-400.svg#fontawesome") format("svg"); }
|
||||
|
||||
.far {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 400; }
|
||||
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 5 Free";font-weight:400}
|
||||
@@ -0,0 +1,16 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
font-display: auto;
|
||||
src: url("../webfonts/fa-solid-900.eot");
|
||||
src: url("../webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fa-solid-900.svg#fontawesome") format("svg"); }
|
||||
|
||||
.fa,
|
||||
.fas {
|
||||
font-family: 'Font Awesome 5 Free';
|
||||
font-weight: 900; }
|
||||
@@ -0,0 +1,5 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Free";font-weight:900}
|
||||
@@ -0,0 +1,371 @@
|
||||
/*!
|
||||
* Font Awesome Free 5.11.2 by @fontawesome - https://fontawesome.com
|
||||
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||
*/
|
||||
svg:not(:root).svg-inline--fa {
|
||||
overflow: visible; }
|
||||
|
||||
.svg-inline--fa {
|
||||
display: inline-block;
|
||||
font-size: inherit;
|
||||
height: 1em;
|
||||
overflow: visible;
|
||||
vertical-align: -.125em; }
|
||||
.svg-inline--fa.fa-lg {
|
||||
vertical-align: -.225em; }
|
||||
.svg-inline--fa.fa-w-1 {
|
||||
width: 0.0625em; }
|
||||
.svg-inline--fa.fa-w-2 {
|
||||
width: 0.125em; }
|
||||
.svg-inline--fa.fa-w-3 {
|
||||
width: 0.1875em; }
|
||||
.svg-inline--fa.fa-w-4 {
|
||||
width: 0.25em; }
|
||||
.svg-inline--fa.fa-w-5 {
|
||||
width: 0.3125em; }
|
||||
.svg-inline--fa.fa-w-6 {
|
||||
width: 0.375em; }
|
||||
.svg-inline--fa.fa-w-7 {
|
||||
width: 0.4375em; }
|
||||
.svg-inline--fa.fa-w-8 {
|
||||
width: 0.5em; }
|
||||
.svg-inline--fa.fa-w-9 {
|
||||
width: 0.5625em; }
|
||||
.svg-inline--fa.fa-w-10 {
|
||||
width: 0.625em; }
|
||||
.svg-inline--fa.fa-w-11 {
|
||||
width: 0.6875em; }
|
||||
.svg-inline--fa.fa-w-12 {
|
||||
width: 0.75em; }
|
||||
.svg-inline--fa.fa-w-13 {
|
||||
width: 0.8125em; }
|
||||
.svg-inline--fa.fa-w-14 {
|
||||
width: 0.875em; }
|
||||
.svg-inline--fa.fa-w-15 {
|
||||
width: 0.9375em; }
|
||||
.svg-inline--fa.fa-w-16 {
|
||||
width: 1em; }
|
||||
.svg-inline--fa.fa-w-17 {
|
||||
width: 1.0625em; }
|
||||
.svg-inline--fa.fa-w-18 {
|
||||
width: 1.125em; }
|
||||
.svg-inline--fa.fa-w-19 {
|
||||
width: 1.1875em; }
|
||||
.svg-inline--fa.fa-w-20 {
|
||||
width: 1.25em; }
|
||||
.svg-inline--fa.fa-pull-left {
|
||||
margin-right: .3em;
|
||||
width: auto; }
|
||||
.svg-inline--fa.fa-pull-right {
|
||||
margin-left: .3em;
|
||||
width: auto; }
|
||||
.svg-inline--fa.fa-border {
|
||||
height: 1.5em; }
|
||||
.svg-inline--fa.fa-li {
|
||||
width: 2em; }
|
||||
.svg-inline--fa.fa-fw {
|
||||
width: 1.25em; }
|
||||
|
||||
.fa-layers svg.svg-inline--fa {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.fa-layers {
|
||||
display: inline-block;
|
||||
height: 1em;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
vertical-align: -.125em;
|
||||
width: 1em; }
|
||||
.fa-layers svg.svg-inline--fa {
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center; }
|
||||
|
||||
.fa-layers-text, .fa-layers-counter {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
text-align: center; }
|
||||
|
||||
.fa-layers-text {
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
-webkit-transform: translate(-50%, -50%);
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-transform-origin: center center;
|
||||
transform-origin: center center; }
|
||||
|
||||
.fa-layers-counter {
|
||||
background-color: #ff253a;
|
||||
border-radius: 1em;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #fff;
|
||||
height: 1.5em;
|
||||
line-height: 1;
|
||||
max-width: 5em;
|
||||
min-width: 1.5em;
|
||||
overflow: hidden;
|
||||
padding: .25em;
|
||||
right: 0;
|
||||
text-overflow: ellipsis;
|
||||
top: 0;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
-webkit-transform-origin: top right;
|
||||
transform-origin: top right; }
|
||||
|
||||
.fa-layers-bottom-right {
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
top: auto;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
-webkit-transform-origin: bottom right;
|
||||
transform-origin: bottom right; }
|
||||
|
||||
.fa-layers-bottom-left {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: auto;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
-webkit-transform-origin: bottom left;
|
||||
transform-origin: bottom left; }
|
||||
|
||||
.fa-layers-top-right {
|
||||
right: 0;
|
||||
top: 0;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
-webkit-transform-origin: top right;
|
||||
transform-origin: top right; }
|
||||
|
||||
.fa-layers-top-left {
|
||||
left: 0;
|
||||
right: auto;
|
||||
top: 0;
|
||||
-webkit-transform: scale(0.25);
|
||||
transform: scale(0.25);
|
||||
-webkit-transform-origin: top left;
|
||||
transform-origin: top left; }
|
||||
|
||||
.fa-lg {
|
||||
font-size: 1.33333em;
|
||||
line-height: 0.75em;
|
||||
vertical-align: -.0667em; }
|
||||
|
||||
.fa-xs {
|
||||
font-size: .75em; }
|
||||
|
||||
.fa-sm {
|
||||
font-size: .875em; }
|
||||
|
||||
.fa-1x {
|
||||
font-size: 1em; }
|
||||
|
||||
.fa-2x {
|
||||
font-size: 2em; }
|
||||
|
||||
.fa-3x {
|
||||
font-size: 3em; }
|
||||
|
||||
.fa-4x {
|
||||
font-size: 4em; }
|
||||
|
||||
.fa-5x {
|
||||
font-size: 5em; }
|
||||
|
||||
.fa-6x {
|
||||
font-size: 6em; }
|
||||
|
||||
.fa-7x {
|
||||
font-size: 7em; }
|
||||
|
||||
.fa-8x {
|
||||
font-size: 8em; }
|
||||
|
||||
.fa-9x {
|
||||
font-size: 9em; }
|
||||
|
||||
.fa-10x {
|
||||
font-size: 10em; }
|
||||
|
||||
.fa-fw {
|
||||
text-align: center;
|
||||
width: 1.25em; }
|
||||
|
||||
.fa-ul {
|
||||
list-style-type: none;
|
||||
margin-left: 2.5em;
|
||||
padding-left: 0; }
|
||||
.fa-ul > li {
|
||||
position: relative; }
|
||||
|
||||
.fa-li {
|
||||
left: -2em;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 2em;
|
||||
line-height: inherit; }
|
||||
|
||||
.fa-border {
|
||||
border: solid 0.08em #eee;
|
||||
border-radius: .1em;
|
||||
padding: .2em .25em .15em; }
|
||||
|
||||
.fa-pull-left {
|
||||
float: left; }
|
||||
|
||||
.fa-pull-right {
|
||||
float: right; }
|
||||
|
||||
.fa.fa-pull-left,
|
||||
.fas.fa-pull-left,
|
||||
.far.fa-pull-left,
|
||||
.fal.fa-pull-left,
|
||||
.fab.fa-pull-left {
|
||||
margin-right: .3em; }
|
||||
|
||||
.fa.fa-pull-right,
|
||||
.fas.fa-pull-right,
|
||||
.far.fa-pull-right,
|
||||
.fal.fa-pull-right,
|
||||
.fab.fa-pull-right {
|
||||
margin-left: .3em; }
|
||||
|
||||
.fa-spin {
|
||||
-webkit-animation: fa-spin 2s infinite linear;
|
||||
animation: fa-spin 2s infinite linear; }
|
||||
|
||||
.fa-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8); }
|
||||
|
||||
@-webkit-keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
@keyframes fa-spin {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
transform: rotate(0deg); }
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform: rotate(360deg); } }
|
||||
|
||||
.fa-rotate-90 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
|
||||
-webkit-transform: rotate(90deg);
|
||||
transform: rotate(90deg); }
|
||||
|
||||
.fa-rotate-180 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg); }
|
||||
|
||||
.fa-rotate-270 {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
|
||||
-webkit-transform: rotate(270deg);
|
||||
transform: rotate(270deg); }
|
||||
|
||||
.fa-flip-horizontal {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
|
||||
-webkit-transform: scale(-1, 1);
|
||||
transform: scale(-1, 1); }
|
||||
|
||||
.fa-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||
-webkit-transform: scale(1, -1);
|
||||
transform: scale(1, -1); }
|
||||
|
||||
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
|
||||
-webkit-transform: scale(-1, -1);
|
||||
transform: scale(-1, -1); }
|
||||
|
||||
:root .fa-rotate-90,
|
||||
:root .fa-rotate-180,
|
||||
:root .fa-rotate-270,
|
||||
:root .fa-flip-horizontal,
|
||||
:root .fa-flip-vertical,
|
||||
:root .fa-flip-both {
|
||||
-webkit-filter: none;
|
||||
filter: none; }
|
||||
|
||||
.fa-stack {
|
||||
display: inline-block;
|
||||
height: 2em;
|
||||
position: relative;
|
||||
width: 2.5em; }
|
||||
|
||||
.fa-stack-1x,
|
||||
.fa-stack-2x {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
margin: auto;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
.svg-inline--fa.fa-stack-1x {
|
||||
height: 1em;
|
||||
width: 1.25em; }
|
||||
|
||||
.svg-inline--fa.fa-stack-2x {
|
||||
height: 2em;
|
||||
width: 2.5em; }
|
||||
|
||||
.fa-inverse {
|
||||
color: #fff; }
|
||||
|
||||
.sr-only {
|
||||
border: 0;
|
||||
clip: rect(0, 0, 0, 0);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px; }
|
||||
|
||||
.sr-only-focusable:active, .sr-only-focusable:focus {
|
||||
clip: auto;
|
||||
height: auto;
|
||||
margin: 0;
|
||||
overflow: visible;
|
||||
position: static;
|
||||
width: auto; }
|
||||
|
||||
.svg-inline--fa .fa-primary {
|
||||
fill: var(--fa-primary-color, currentColor);
|
||||
opacity: 1;
|
||||
opacity: var(--fa-primary-opacity, 1); }
|
||||
|
||||
.svg-inline--fa .fa-secondary {
|
||||
fill: var(--fa-secondary-color, currentColor);
|
||||
opacity: 0.4;
|
||||
opacity: var(--fa-secondary-opacity, 0.4); }
|
||||
|
||||
.svg-inline--fa.fa-swap-opacity .fa-primary {
|
||||
opacity: 0.4;
|
||||
opacity: var(--fa-secondary-opacity, 0.4); }
|
||||
|
||||
.svg-inline--fa.fa-swap-opacity .fa-secondary {
|
||||
opacity: 1;
|
||||
opacity: var(--fa-primary-opacity, 1); }
|
||||
|
||||
.svg-inline--fa mask .fa-primary,
|
||||
.svg-inline--fa mask .fa-secondary {
|
||||
fill: black; }
|
||||
|
||||
.fad.fa-inverse {
|
||||
color: #fff; }
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 434 KiB |
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user