first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
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%}}
|
||||
Reference in New Issue
Block a user