first commit
This commit is contained in:
DESKTOP-GBA0BK8\Admin
@@ -0,0 +1,74 @@
|
||||
.oceanwp-about-panel .clr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
|
||||
.oceanwp-about-panel a { text-decoration: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
|
||||
.oceanwp-about-panel a:focus { -webkit-box-shadow: none; box-shadow: none; }
|
||||
.oceanwp-about-panel .title-wrap { margin: 8px 0 30px; }
|
||||
.oceanwp-about-panel .oceanwp-title { float: left; margin: 0; }
|
||||
.oceanwp-about-panel .oceanwp-title .version { font-size: 13px; font-weight: 700; padding: 6px 12px; border-radius: 3px; margin-left: 12px; background-color: #fff; color: #13aff0; }
|
||||
.oceanwp-about-panel .social-wrap { float: right; margin: 0; }
|
||||
.oceanwp-about-panel .social-wrap li { float: left; margin: 0; }
|
||||
.oceanwp-about-panel .social-wrap li a { display: inline-block; width: 50px; height: 50px; line-height: 50px; border: 1px solid #ccc; border-radius: 50%; margin-left: 10px; text-align: center; }
|
||||
.oceanwp-about-panel .social-wrap li a i { line-height: inherit; }
|
||||
.oceanwp-about-panel .social-wrap li a.twitter { color: #46d4fe; }
|
||||
.oceanwp-about-panel .social-wrap li a.twitter:hover { background-color: #46d4fe; color: #fff; border-color: #46d4fe; }
|
||||
.oceanwp-about-panel .social-wrap li a.facebook { color: #37589b; }
|
||||
.oceanwp-about-panel .social-wrap li a.facebook:hover { background-color: #37589b; color: #fff; border-color: #37589b; }
|
||||
.oceanwp-about-panel .social-wrap li a.github { color: #60b044; }
|
||||
.oceanwp-about-panel .social-wrap li a.github:hover { background-color: #60b044; color: #fff; border-color: #60b044; }
|
||||
|
||||
.oceanwp-about-panel .oceanwp-bloc.col-2 { float: left; width: 49%; }
|
||||
.oceanwp-about-panel .oceanwp-bloc.col-2.second { float: right; clear: none; }
|
||||
.oceanwp-about-panel .oceanwp-bloc.col-2 .github-link { display: block; }
|
||||
|
||||
.oceanwp-about-panel .oceanwp-bloc { display: block; position: relative; padding: 40px 80px; background: #fff; border: 1px solid #ddd; border-radius: 4px; margin-bottom: 30px; text-align: center; clear: both; box-sizing: border-box; }
|
||||
.oceanwp-about-panel .oceanwp-bloc.blue { border-color: #13aff0; }
|
||||
.oceanwp-about-panel .oceanwp-bloc h2.bloc-title { position: relative; margin: 0 0 30px; padding: 0 0 20px; font-size: 20px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc h2.bloc-title:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -30px; width: 60px; height: 2px; background-color: #13aff0; }
|
||||
.oceanwp-about-panel .oceanwp-bloc p { font-size: 15px; line-height: 1.8; color: #777; margin: 0 0 20px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc p:last-child { margin: 0; }
|
||||
.oceanwp-about-panel .oceanwp-bloc p.themecloud-price { font-size: 13px; text-transform: uppercase; letter-spacing: 0.6px; color: #32b6c0; }
|
||||
.oceanwp-about-panel .oceanwp-bloc p.themecloud-price .small-text { display: block; color: #777; font-size: 12px; text-transform: lowercase; }
|
||||
.oceanwp-about-panel .oceanwp-bloc .oceanwp-btn { display: block; }
|
||||
.oceanwp-about-panel .oceanwp-bloc .oceanwp-button { display: inline-block; font-size: 12px; font-weight: 600; color: #333; border-bottom: 1px solid; padding-bottom: 2px; text-transform: uppercase; letter-spacing: 1px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc .oceanwp-button:hover { color: #13aff0; }
|
||||
|
||||
.oceanwp-about-panel .oceanwp-bloc.customize ul.oceanwp-list li p { margin: 0 0 10px; }
|
||||
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list { margin: 0 -26px 20px -26px; border-bottom: 1px solid #eee; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list .option-title { display: block; margin: 0 0 13px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list .option-link { display: inline-block; font-size: 12px; color: #13aff0; border-bottom: 1px solid; padding-bottom: 2px; margin: 0; letter-spacing: 0.6px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list .option-link:hover { color: #0b7cac; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li { position: relative; float: left; width: 25%; border-top: 1px solid #eee; padding: 26px; margin-bottom: 0; box-sizing: border-box; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 1px; background-color: #eee; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li:nth-child(4n+1) { clear: both; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li:nth-child(4n):after { right: auto; left: -1px; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li a { display: block; margin: 0 0 13px; color: #13aff0; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li a:hover { color: #0b7cac; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li a .price { color: #45B964; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li p { font-size: 12px; line-height: 1.6; }
|
||||
|
||||
/* RTL */
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-title { float: right; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-title .version { margin-right: 12px; margin-left: 0; }
|
||||
.appearance_page_oceanwp-about .about-wrap .social-wrap { float: left; }
|
||||
.appearance_page_oceanwp-about .about-wrap .social-wrap li { float: right; }
|
||||
.appearance_page_oceanwp-about .about-wrap .social-wrap li a { margin-right: 10px; margin-left: 0; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc.col-2 { float: right; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc.col-2.second { float: left; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc h2.bloc-title:after { right: 50%; left: auto; margin-right: -30px; margin-left: 0; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc ul.oceanwp-list li { float: right; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc ul.oceanwp-list li:after { left: 0; right: auto; }
|
||||
.appearance_page_oceanwp-about .about-wrap .oceanwp-bloc ul.oceanwp-list li:nth-child(4n):after { right: -1px; left: auto; }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.oceanwp-about-panel .oceanwp-bloc.col-2 { float: none; width: 100%; }
|
||||
.oceanwp-about-panel .oceanwp-bloc.col-2.second { float: none; clear: none; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li { float: none; width: 100%; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li:after { display: none; }
|
||||
.oceanwp-about-panel .oceanwp-bloc ul.oceanwp-list li:nth-child(4n+1) { clear: none; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 480px) {
|
||||
.oceanwp-about-panel .social-wrap { display: none; }
|
||||
.oceanwp-about-panel .oceanwp-bloc { padding: 20px 30px; }
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,642 @@
|
||||
.owp-clr:after {
|
||||
content: '';
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
clear: both;
|
||||
zoom: 1;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.owp-demo-wrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-about-description {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-about-description p {
|
||||
font-size: 15px;
|
||||
font-weight: 400;
|
||||
line-height: 1.8;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owp-demo-wrap hr {
|
||||
margin: 32px 0 40px;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .themes {
|
||||
margin: 0 -15px;
|
||||
min-width: 100% !important; /* Fix the zoom image bug */
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-header-bar {
|
||||
display: inline-block;
|
||||
width: -webkit-calc(100% - 40px);
|
||||
width: calc(100% - 40px);
|
||||
margin: 20px 0 30px;
|
||||
padding: 0 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation {
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation ul {
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li {
|
||||
float: left;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li.active a,
|
||||
.owp-demo-wrap .owp-navigation li.active a:hover {
|
||||
border-bottom: 4px solid #666;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li a {
|
||||
display: block;
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
color: #444;
|
||||
border-bottom: 4px solid #fff;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li a:hover {
|
||||
cursor: pointer;
|
||||
color: #00a0d2;
|
||||
border-bottom: 4px solid #fff;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-search-input {
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
-webkit-transition: 50ms border-color ease-in-out;
|
||||
transition: 50ms border-color ease-in-out;
|
||||
outline: 0;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07);
|
||||
}
|
||||
|
||||
.owp-demo-wrap .theme-wrap {
|
||||
float: left;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 33.33%;
|
||||
padding: 0 15px 30px 15px;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .theme {
|
||||
float: none;
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.owp-is-fadeout {
|
||||
-webkit-animation: owp-fade linear 200ms 1 forwards;
|
||||
animation: owp-fade linear 200ms 1 forwards;
|
||||
}
|
||||
|
||||
.owp-is-fadein {
|
||||
-webkit-animation: owp-fade linear 200ms 1 reverse forwards;
|
||||
animation: owp-fade linear 200ms 1 reverse forwards;
|
||||
}
|
||||
|
||||
@-webkit-keyframes owp-fade {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes owp-fade {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.demo-import-loader {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.demo-import-loader.preview-all {
|
||||
background: rgba(255, 255, 255, .7);
|
||||
}
|
||||
|
||||
.demo-import-loader i {
|
||||
font-size: 32px;
|
||||
line-height: 32px;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
margin: -16px auto 0 auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.preview-icon i.custom-loader:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin-left: -15px;
|
||||
margin-top: -15px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
opacity: .8;
|
||||
border-width: 3px;
|
||||
border-style: solid;
|
||||
border-color: rgba(0,0,0,0.2);
|
||||
border-left-color: #000;
|
||||
z-index: 99;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
-ms-animation: spinner 0.6s infinite linear;
|
||||
-webkit-animation: spinner 0.6s infinite linear;
|
||||
-o-animation: spinner 0.6s infinite linear;
|
||||
-moz-animation: spinner 0.6s infinite linear;
|
||||
animation: spinner 0.6s infinite linear;
|
||||
}
|
||||
|
||||
.preview-icon i {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
@-webkit-keyframes spinner {
|
||||
0% {
|
||||
-webkit-transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spinner {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
#owp-demo-popup-wrap {
|
||||
display: none;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
#owp-demo-popup-wrap,
|
||||
#owp-demo-popup-wrap .owp-demo-popup-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
.owp-demo-popup-overlay {
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.owp-demo-popup-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.owp-demo-popup-container:before {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.owp-demo-popup-content-wrap {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
text-align: left;
|
||||
max-width: 100%;
|
||||
z-index: 100000;
|
||||
}
|
||||
|
||||
.owp-demo-popup-content-inner {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
width: 600px;
|
||||
max-width: 100%;
|
||||
margin: 0 auto;
|
||||
z-index: 1000;
|
||||
-webkit-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
-moz-box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
.owp-demo-popup-content-inner a {
|
||||
text-decoration: none;
|
||||
outline: none;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.owp-demo-popup-content-inner .owp-demo-popup-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
color: #333;
|
||||
opacity: .5;
|
||||
font-weight: 300;
|
||||
font-size: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.owp-demo-popup-content-inner .owp-demo-popup-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#owp-demo-popup-content h2.title {
|
||||
position: relative;
|
||||
font-size: 15px;
|
||||
text-transform: uppercase;
|
||||
padding: 25px 15px 18px;
|
||||
margin: 0 0 20px;
|
||||
letter-spacing: 0.6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#owp-demo-popup-content h2.title:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 50%;
|
||||
margin-left: -43px;
|
||||
display: inline-block;
|
||||
width: 86px;
|
||||
height: 2px;
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
.owp-popup-text {
|
||||
padding: 0 30px 20px;
|
||||
}
|
||||
|
||||
.owp-popup-text p {
|
||||
font-size: 14px;
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.owp-required-plugins-wrap {
|
||||
border-top: 3px solid #eaeaea;
|
||||
padding-top: 20px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.owp-required-plugins-wrap h3 {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.owp-required-plugins {
|
||||
margin: 25px auto 0;
|
||||
}
|
||||
|
||||
.owp-required-plugins .owp-plugin {
|
||||
position: relative;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.owp-required-plugins .owp-plugin:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
.owp-required-plugins h2 {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 28px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owp-required-plugins .button {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#owp-demo-popup-content .owp-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
margin: 0;
|
||||
padding: 20px 20px;
|
||||
border: 0;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
letter-spacing: .1em;
|
||||
line-height: 1;
|
||||
outline: none;
|
||||
box-shadow: none !important;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#owp-demo-popup-content .owp-button:hover {
|
||||
background-color: #0b7cac;
|
||||
}
|
||||
|
||||
#owp-demo-import-form,
|
||||
.owp-loader,
|
||||
.owp-last {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#owp-demo-import-form ul.owp-popup-text,
|
||||
.owp-loader .owp-import-status {
|
||||
width: 360px;
|
||||
max-width: 100%;
|
||||
margin: 30px auto 10px;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status p:before {
|
||||
display: inline-block;
|
||||
font: 400 18px/1 dashicons;
|
||||
vertical-align: bottom;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status .owp-imported:before {
|
||||
content: '\f147';
|
||||
color: #79ba49;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status .owp-importing:before {
|
||||
content: '\f463';
|
||||
color: #f56e28;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-animation: spinner 2s infinite linear;
|
||||
animation: spinner 2s infinite linear;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status .owp-importing-failed {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.owp-loader .owp-import-status .owp-importing-failed:before {
|
||||
content: '\f158';
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
.owp-last {
|
||||
padding: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.owp-last .checkmark {
|
||||
display: block;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
margin: 0 auto;
|
||||
-webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
||||
animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
|
||||
border-radius: 50%;
|
||||
-webkit-box-shadow: inset 0 0 0 #5bc142;
|
||||
box-shadow: inset 0 0 0 #5bc142;
|
||||
stroke-width: 2;
|
||||
stroke: #fff;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
|
||||
.owp-last .checkmark-circle {
|
||||
-webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
|
||||
animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards;
|
||||
stroke-dasharray: 166;
|
||||
stroke-dashoffset: 166;
|
||||
stroke-width: 2;
|
||||
stroke-miterlimit: 10;
|
||||
stroke: #5bc142;
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.owp-last .checkmark-check {
|
||||
-webkit-transform-origin: 50% 50%;
|
||||
-ms-transform-origin: 50% 50%;
|
||||
transform-origin: 50% 50%;
|
||||
-webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
|
||||
animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards;
|
||||
stroke-dasharray: 48;
|
||||
stroke-dashoffset: 48;
|
||||
}
|
||||
|
||||
@-webkit-keyframes stroke {
|
||||
100% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes stroke {
|
||||
100% {
|
||||
stroke-dashoffset: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes scale {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1);
|
||||
transform: scale3d(1.1, 1.1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes scale {
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
50% {
|
||||
-webkit-transform: scale3d(1.1, 1.1, 1);
|
||||
transform: scale3d(1.1, 1.1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes fill {
|
||||
100% {
|
||||
-webkit-box-shadow: inset 0 0 0 100px #5bc142;
|
||||
box-shadow: inset 0 0 0 100px #5bc142;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fill {
|
||||
100% {
|
||||
-webkit-box-shadow: inset 0 0 0 100px #5bc142;
|
||||
box-shadow: inset 0 0 0 100px #5bc142;
|
||||
}
|
||||
}
|
||||
|
||||
.owp-last h3 {
|
||||
font-size: 20px;
|
||||
margin: 30px 0 10px;
|
||||
}
|
||||
|
||||
.owp-last p {
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owp-last a {
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
font-weight: 600;
|
||||
padding-bottom: 3px;
|
||||
border-bottom: 2px solid;
|
||||
margin-top: 6px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.6px;
|
||||
}
|
||||
|
||||
.owp-last a:after {
|
||||
content: '\f345';
|
||||
font: 400 16px/1 dashicons;
|
||||
vertical-align: bottom;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl .owp-demo-wrap .theme-wrap,
|
||||
.rtl .owp-demo-wrap .owp-navigation,
|
||||
.rtl .owp-demo-wrap .owp-navigation li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.rtl .owp-demo-popup-content-wrap {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.rtl .owp-demo-popup-content-inner .owp-demo-popup-close {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
|
||||
.rtl .owp-required-plugins .button {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (min-width: 1640px) {
|
||||
.owp-demo-wrap .theme-wrap {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1080px) {
|
||||
.owp-demo-wrap .theme-wrap {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 850px) {
|
||||
.owp-demo-popup-container:before {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 780px) {
|
||||
.owp-demo-wrap .theme {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .theme-actions {
|
||||
position: relative;
|
||||
display: block;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .theme-browser .theme .theme-actions .button-primary {
|
||||
margin-right: 0 !important;
|
||||
margin-left: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 640px) {
|
||||
.owp-demo-wrap .owp-navigation {
|
||||
width: -webkit-calc(100% - 180px);
|
||||
width: calc(100% - 180px);
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-navigation li a {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.owp-demo-wrap .owp-search-input {
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
margin-top: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 580px) {
|
||||
.owp-demo-wrap .theme-wrap {
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,123 @@
|
||||
.oceanwp-extensions-panel * {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body .oceanwp-extensions-panel h2:first-child,
|
||||
.oceanwp-extensions-panel .oceanwp-desc {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .oceanwp-desc {
|
||||
margin: 6px 0 30px;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .extensions-wrap {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .extensions-wrap li {
|
||||
width: 33.33%;
|
||||
padding: 0 10px 20px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .extensions-wrap li .owp-card-top {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-align-items: center;
|
||||
align-items: center;
|
||||
min-height: 140px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ddd;
|
||||
border-bottom: 0;
|
||||
padding: 20px;
|
||||
text-decoration: none;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .extensions-wrap li .owp-card-top:hover {
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .extensions-wrap li .owp-card-top:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-img {
|
||||
padding-right: 15px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-img img {
|
||||
max-width: 80px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel h3 {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-description p {
|
||||
color: #777;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-card-btn {
|
||||
display: block;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
padding: 12px 10px;
|
||||
font-size: 13px;
|
||||
line-height: 1;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-card-btn:hover {
|
||||
background-color: #0b7cac;
|
||||
}
|
||||
|
||||
.oceanwp-extensions-panel .owp-card-btn:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
.rtl .oceanwp-extensions-panel .owp-img {
|
||||
padding-left: 15px;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 1180px) {
|
||||
.oceanwp-extensions-panel .extensions-wrap li {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 780px) {
|
||||
.oceanwp-extensions-panel .extensions-wrap li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.oceanwp-extensions-panel *{-webkit-box-sizing:border-box;box-sizing:border-box}.oceanwp-extensions-panel .oceanwp-desc,body .oceanwp-extensions-panel h2:first-child{padding-left:10px;padding-right:10px}.oceanwp-extensions-panel .oceanwp-desc{margin:6px 0 30px}.oceanwp-extensions-panel .extensions-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.oceanwp-extensions-panel .extensions-wrap li{width:33.33%;padding:0 10px 20px;margin:0;overflow:hidden}.oceanwp-extensions-panel .extensions-wrap li .owp-card-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;min-height:140px;background-color:#fff;border:1px solid #ddd;border-bottom:0;padding:20px;text-decoration:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.oceanwp-extensions-panel .extensions-wrap li .owp-card-top:hover{background-color:#f1f1f1}.oceanwp-extensions-panel .extensions-wrap li .owp-card-top:focus{-webkit-box-shadow:none;box-shadow:none}.oceanwp-extensions-panel .owp-img{padding-right:15px;line-height:1}.oceanwp-extensions-panel .owp-img img{max-width:80px;border-radius:50%}.oceanwp-extensions-panel h3{margin:0 0 15px}.oceanwp-extensions-panel .owp-description p{color:#777;font-size:14px;margin:0}.oceanwp-extensions-panel .owp-card-btn{display:block;background-color:#13aff0;color:#fff;padding:12px 10px;font-size:13px;line-height:1;font-weight:600;text-transform:uppercase;text-decoration:none;text-align:center;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.oceanwp-extensions-panel .owp-card-btn:hover{background-color:#0b7cac}.oceanwp-extensions-panel .owp-card-btn:focus{-webkit-box-shadow:none;box-shadow:none}.rtl .oceanwp-extensions-panel .owp-img{padding-left:15px;padding-right:0}@media only screen and (max-width:1180px){.oceanwp-extensions-panel .extensions-wrap li{width:50%}}@media only screen and (max-width:780px){.oceanwp-extensions-panel .extensions-wrap li{width:100%}}
|
||||
@@ -0,0 +1,23 @@
|
||||
/* Import/Export page */
|
||||
.oceanwp-import-export { margin: 25px 40px 0 20px; max-width: 1050px; }
|
||||
.oceanwp-import-export > h2 { margin: 0 0 16px !important; }
|
||||
.oceanwp-import-export p.submit { padding-bottom: 0; }
|
||||
.oceanwp-import-export .clr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
|
||||
.oceanwp-import-export .oceanwp-bloc.col-2 { float: left; width: 49%; }
|
||||
.oceanwp-import-export .oceanwp-bloc.col-2.second { float: right; clear: none; }
|
||||
.oceanwp-import-export .hndle { cursor: initial !important; }
|
||||
.oceanwp-import-export .oceanwp-export p:first-child { margin-bottom: 16px; }
|
||||
.oceanwp-import-export .oceanwp-export p:last-child { margin-top: 0; }
|
||||
|
||||
/* RTL */
|
||||
body.rtl .oceanwp-import-export { margin: 25px 20px 0 40px; }
|
||||
body.rtl .oceanwp-import-export .oceanwp-bloc.col-2 { float: right; }
|
||||
body.rtl .oceanwp-import-export .oceanwp-bloc.col-2.second { float: left; }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 767px) {
|
||||
.oceanwp-import-export .oceanwp-bloc.col-2,
|
||||
body.rtl .oceanwp-import-export .oceanwp-bloc.col-2 { float: none; width: 100%; }
|
||||
.oceanwp-import-export .oceanwp-bloc.col-2.second,
|
||||
body.rtl .oceanwp-import-export .oceanwp-bloc.col-2.second { float: none; clear: none; }
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.oceanwp-import-export{margin:25px 40px 0 20px;max-width:1050px}.oceanwp-import-export>h2{margin:0 0 16px!important}.oceanwp-import-export p.submit{padding-bottom:0}.oceanwp-import-export .clr:after{content:'';display:block;height:0;clear:both;visibility:hidden;zoom:1}.oceanwp-import-export .oceanwp-bloc.col-2{float:left;width:49%}.oceanwp-import-export .oceanwp-bloc.col-2.second{float:right;clear:none}.oceanwp-import-export .hndle{cursor:initial!important}.oceanwp-import-export .oceanwp-export p:first-child{margin-bottom:16px}.oceanwp-import-export .oceanwp-export p:last-child{margin-top:0}body.rtl .oceanwp-import-export{margin:25px 20px 0 40px}body.rtl .oceanwp-import-export .oceanwp-bloc.col-2{float:right}body.rtl .oceanwp-import-export .oceanwp-bloc.col-2.second{float:left}@media only screen and (max-width:767px){.oceanwp-import-export .oceanwp-bloc.col-2,body.rtl .oceanwp-import-export .oceanwp-bloc.col-2{float:none;width:100%}.oceanwp-import-export .oceanwp-bloc.col-2.second,body.rtl .oceanwp-import-export .oceanwp-bloc.col-2.second{float:none;clear:none}}
|
||||
@@ -0,0 +1,77 @@
|
||||
/* General */
|
||||
a:focus, .wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus { -webkit-box-shadow: none; box-shadow: none; }
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus { border-color: #999; }
|
||||
.wrap .oceanwp-desc { padding: 10px 15px; margin: 12px 0 25px; }
|
||||
.wrap .oceanwp-callout { background-color: #fff; color: #444; border: 1px solid #e5e5e5; padding: 22px 20px; border-radius: 3px; box-shadow: 0 1px 1px rgba(0,0,0,.04); }
|
||||
.wrap .oceanwp-callout p { margin: 0; }
|
||||
|
||||
/* Plugins */
|
||||
.oe-plugin-installer { box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-between; width: 102%; position: relative; left: -1%; }
|
||||
.oe-plugin-installer:after { content: ''; flex: auto; }
|
||||
.oe-plugin-installer * { box-sizing: border-box; }
|
||||
.oe-plugin-installer .plugin { width: 31.333%; margin: 0 1% 30px; padding: 0; overflow: hidden; text-align: left; border: 1px solid #e1e1e1; background: #fff; position: relative; border-radius: 2px; }
|
||||
.oe-plugin-installer .plugin:hover { border-color: #cecece; }
|
||||
.oe-plugin-installer .plugin-wrap { padding: 20px 20px 95px 145px; min-height: 214px; display: block; position: relative; }
|
||||
.oe-plugin-installer li a,
|
||||
.oe-plugin-installer .plugin-wrap a { text-decoration: none; }
|
||||
.oe-plugin-installer .plugin-wrap img { display: block; position: absolute; left: 20px; top: 20px; max-width: 108px; max-height: 108px; border: 1px solid #f7f7f7; }
|
||||
.oe-plugin-installer .plugin-wrap h2,
|
||||
.oe-plugin-installer .plugin-wrap p { padding: 0; margin: 0; font-size: 17px; font-weight: 600; color: #333; line-height: 1.4; }
|
||||
.oe-plugin-installer .plugin-wrap p { padding: 10px 0 0; margin: 0; font-size: 14px; font-weight: 400; color: #777; }
|
||||
.oe-plugin-installer .plugin-wrap p.plugin-author { font-size: 13px; padding-top: 20px; font-style: italic; }
|
||||
.oe-plugin-installer .activation-row { display: block; margin: 0; padding: 20px; background: #f7f7f7; border-top: 1px solid #e1e1e1; border-radius: 0 0 2px 2px; position: absolute; bottom: 0; width: 100%; overflow: hidden; border-radius: 0 0 2px 2px; text-align: left; }
|
||||
.oe-plugin-installer .activation-row li { display: inline-block; vertical-align: top; margin: 0 10px 0 0; font-size: 13px; line-height: 27px; }
|
||||
|
||||
/* Ribbon */
|
||||
.oe-plugin-installer li.ribbon { float: right; background-color: #67ce6b; color: #fff; padding: 0 10px; font-size: 12px; font-weight: 600; letter-spacing: 1px; text-align: center; text-transform: uppercase; border-radius: 3px; margin: 0; }
|
||||
|
||||
/* Notice */
|
||||
.oceanwp-admin-notice { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 12px 0 25px; padding: 12px 16px; width: 100%; box-shadow: 0 1px 1px rgba(0,0,0,.04); border: 1px solid #e5e5e5; background-color: #fff; color: #555; font-size: 13px; }
|
||||
.oceanwp-admin-notice .alignleft { font-size: 15px; line-height: 38px; }
|
||||
.oceanwp-admin-notice a.button-primary { height: auto; font-size: 13px; font-weight: 600; line-height: 1; background-color: #13aff0; border: 0; color: #fff; padding: 12px 25px; text-transform: uppercase; letter-spacing: 1px; border-radius: 30px; text-align: center; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
|
||||
.oceanwp-admin-notice a.button-primary:hover { background-color: #0b7cac; }
|
||||
.oceanwp-admin-notice a.button-secondary { opacity: 0.7 }
|
||||
.oceanwp-admin-notice a.button-secondary:hover { opacity: 0.9 }
|
||||
.oceanwp-admin-notice a { text-decoration: none;color: #3ba1da }
|
||||
.oceanwp-admin-notice a:hover { color: #44b0ec }
|
||||
|
||||
/* RTL */
|
||||
body.rtl .oe-plugin-installer { right: -1%; left: auto; }
|
||||
body.rtl .oe-plugin-installer .plugin { text-align: right; }
|
||||
body.rtl .oe-plugin-installer .plugin-wrap { padding: 20px 145px 95px 20px; }
|
||||
body.rtl .oe-plugin-installer .plugin-wrap img { right: 20px; left: auto; }
|
||||
body.rtl .oe-plugin-installer .activation-row { border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; text-align: right; }
|
||||
body.rtl .oe-plugin-installer .activation-row li { margin: 0 0 0 10px; }
|
||||
body.rtl .oe-plugin-installer li.ribbon { float: left; }
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 1280px) {
|
||||
.oceanwp-admin-notice { text-align: center; }
|
||||
.oceanwp-admin-notice .alignleft,
|
||||
.oceanwp-admin-notice .alignright { float: none; }
|
||||
.oceanwp-admin-notice .alignleft { line-height: 1.5; }
|
||||
.oceanwp-admin-notice a.button-primary { margin: 15px 0 5px; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1170px) {
|
||||
.oe-plugin-installer .plugin { width: 48%; margin: 0 1% 15px; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 960px) {
|
||||
.oe-plugin-installer .plugin-wrap { padding: 20px 20px 95px 115px; min-height: 214px; }
|
||||
.oe-plugin-installer .plugin-wrap img { max-width: 78px; max-height: 78px; }
|
||||
body.rtl .oe-plugin-installer .plugin-wrap { padding: 20px 115px 95px 20px; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
.oe-plugin-installer { width: 100%; position: static; }
|
||||
.oe-plugin-installer .plugin { width: 100%; margin: 0 0 20px; }
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
.oceanwp-admin-notice a.button-primary { padding: 12px 18px; }
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.oe-plugin-installer,.oe-plugin-installer *{box-sizing:border-box}.wp-core-ui .button-link:focus,.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus,a:focus{-webkit-box-shadow:none;box-shadow:none}.wp-core-ui .button-link:focus,.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{border-color:#999}.wrap .oceanwp-desc{padding:10px 15px;margin:12px 0 25px}.wrap .oceanwp-callout{background-color:#fff;color:#444;border:1px solid #e5e5e5;padding:22px 20px;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.04)}.wrap .oceanwp-callout p{margin:0}.oe-plugin-installer{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;flex-flow:row wrap;-webkit-flex-flow:row wrap;justify-content:space-between;width:102%;position:relative;left:-1%}.oe-plugin-installer:after{content:'';flex:auto}.oe-plugin-installer .plugin{width:31.333%;margin:0 1% 30px;padding:0;overflow:hidden;text-align:left;border:1px solid #e1e1e1;background:#fff;position:relative;border-radius:2px}.oe-plugin-installer .plugin:hover{border-color:#cecece}.oe-plugin-installer .plugin-wrap{padding:20px 20px 95px 145px;min-height:214px;display:block;position:relative}.oe-plugin-installer .plugin-wrap a,.oe-plugin-installer li a{text-decoration:none}.oe-plugin-installer .plugin-wrap img{display:block;position:absolute;left:20px;top:20px;max-width:108px;max-height:108px;border:1px solid #f7f7f7}.oe-plugin-installer .plugin-wrap h2,.oe-plugin-installer .plugin-wrap p{padding:0;margin:0;font-size:17px;font-weight:600;color:#333;line-height:1.4}.oe-plugin-installer .plugin-wrap p{padding:10px 0 0;margin:0;font-size:14px;font-weight:400;color:#777}.oe-plugin-installer .plugin-wrap p.plugin-author{font-size:13px;padding-top:20px;font-style:italic}.oe-plugin-installer .activation-row{display:block;margin:0;padding:20px;background:#f7f7f7;border-top:1px solid #e1e1e1;position:absolute;bottom:0;width:100%;overflow:hidden;border-radius:0 0 2px 2px;text-align:left}.oceanwp-admin-notice a.button-primary,.oe-plugin-installer li.ribbon{font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center}.oe-plugin-installer .activation-row li{display:inline-block;vertical-align:top;margin:0 10px 0 0;font-size:13px;line-height:27px}.oe-plugin-installer li.ribbon{float:right;background-color:#67ce6b;color:#fff;padding:0 10px;font-size:12px;border-radius:3px;margin:0}.oceanwp-admin-notice{display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:12px 0 25px;padding:12px 16px;width:100%;box-shadow:0 1px 1px rgba(0,0,0,.04);border:1px solid #e5e5e5;background-color:#fff;color:#555;font-size:13px}.oceanwp-admin-notice .alignleft{font-size:15px;line-height:38px}.oceanwp-admin-notice a.button-primary{height:auto;font-size:13px;line-height:1;background-color:#13aff0;border:0;color:#fff;padding:12px 25px;border-radius:30px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;text-shadow:none;-webkit-box-shadow:none;box-shadow:none}.oceanwp-admin-notice a.button-primary:hover{background-color:#0b7cac}.oceanwp-admin-notice a.button-secondary{opacity:.7}.oceanwp-admin-notice a.button-secondary:hover{opacity:.9}.oceanwp-admin-notice a{text-decoration:none;color:#3ba1da}.oceanwp-admin-notice a:hover{color:#44b0ec}body.rtl .oe-plugin-installer{right:-1%;left:auto}body.rtl .oe-plugin-installer .plugin{text-align:right}body.rtl .oe-plugin-installer .plugin-wrap{padding:20px 145px 95px 20px}body.rtl .oe-plugin-installer .plugin-wrap img{right:20px;left:auto}body.rtl .oe-plugin-installer .activation-row{border-radius:0 2px 2px 0;text-align:right}body.rtl .oe-plugin-installer .activation-row li{margin:0 0 0 10px}body.rtl .oe-plugin-installer li.ribbon{float:left}@media only screen and (max-width:1280px){.oceanwp-admin-notice{text-align:center}.oceanwp-admin-notice .alignleft,.oceanwp-admin-notice .alignright{float:none}.oceanwp-admin-notice .alignleft{line-height:1.5}.oceanwp-admin-notice a.button-primary{margin:15px 0 5px}}@media screen and (max-width:1170px){.oe-plugin-installer .plugin{width:48%;margin:0 1% 15px}}@media screen and (max-width:960px){.oe-plugin-installer .plugin-wrap{padding:20px 20px 95px 115px;min-height:214px}.oe-plugin-installer .plugin-wrap img{max-width:78px;max-height:78px}body.rtl .oe-plugin-installer .plugin-wrap{padding:20px 115px 95px 20px}}@media screen and (max-width:640px){.oe-plugin-installer{width:100%;position:static}.oe-plugin-installer .plugin{width:100%;margin:0 0 20px}}@media only screen and (max-width:320px){.oceanwp-admin-notice a.button-primary{padding:12px 18px}}
|
||||
@@ -0,0 +1,43 @@
|
||||
.clr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
|
||||
a:focus, .button, .wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }
|
||||
body .button.owp-button { background-color: #13aff0; color: #fff; height: auto; font-size: 12px; line-height: 1; font-weight: 600; text-transform: uppercase; margin: 0; padding: 14px 20px; border: 0; cursor: pointer; text-align: center; letter-spacing: .1em; border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
|
||||
body .button.owp-button:hover,
|
||||
body .button.owp-button:focus,
|
||||
body .button.owp-button:active { background-color: #0b7cac; color: #fff; }
|
||||
body .button.owp-button:active { -webkit-transform: none; -ms-transform: none; transform: none; }
|
||||
|
||||
/* Licenses tab */
|
||||
#oceanwp-license-form .form-table, #oceanwp-license-form thead, #oceanwp-license-form tbody, #oceanwp-license-form tfoot,
|
||||
#oceanwp-license-form tr, #oceanwp-license-form td, #oceanwp-license-form th, #oceanwp-license-form caption { display: block; }
|
||||
#oceanwp-license-form .form-table tr { float: left; margin: 0 15px 15px 0; background: #fff; border: 1px solid #ccc; width: 30.5%; max-width: 350px; padding: 14px; min-height: 220px; position: relative; box-sizing: border-box; }
|
||||
#oceanwp-license-form .form-table th { background: #f9f9f9; padding: 14px; border-bottom: 1px solid #ccc; margin: -14px -14px 20px; width: 100%; }
|
||||
#oceanwp-license-form .form-table td { padding: 0; }
|
||||
#oceanwp-license-form td input.regular-text { margin: 0 0 8px; width: 100%; }
|
||||
#oceanwp-license-form .oceanwp-license-data[class*="oceanwp-license-"] { position: absolute; background: #fafafa; padding: 14px; border-top: 1px solid #eee; margin: 20px -14px -14px; min-height: 67px; width: 100%; bottom: 14px; box-sizing: border-box; }
|
||||
#oceanwp-license-form .oceanwp-license-data[class*="oceanwp-license-"] a { color: #444; }
|
||||
#oceanwp-license-form .oceanwp-license-data[class*="oceanwp-license-"] a:hover { text-decoration: none; }
|
||||
#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice { background-color: #00a0d2; color: #fff; border-color: #00a0d2; }
|
||||
#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg { background-color: #e24e4e; color: #fff; border-color: #e24e4e; }
|
||||
#oceanwp-license-form .oceanwp-license-data.oceanwp-license-error-msg { background-color: #ffebcd; border-color: #ffebcd; }
|
||||
#oceanwp-license-form .oceanwp-license-data p { font-size: 13px; margin-top: 0; }
|
||||
#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice a,
|
||||
#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg a { color: #fff; }
|
||||
#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice a:hover,
|
||||
#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg a:hover { text-decoration: none; }
|
||||
#oceanwp-license-form p.submit { clear: both; }
|
||||
|
||||
#oceanwp-license-form .form-table.bundle-block tr { max-width: 500px; }
|
||||
#oceanwp-license-form .form-table.bundle-block th { background-color: #13aff0; color: #fff; }
|
||||
|
||||
/* RTL */
|
||||
body.rtl #oceanwp-license-form .form-table tr { float: right; margin: 0 0 15px 15px; }
|
||||
|
||||
@media screen and ( max-width: 1100px ) {
|
||||
#oceanwp-license-form .form-table tr { width: 46%; max-width: none; min-height: 230px; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 600px ) {
|
||||
#oceanwp-license-form .form-table tr { width: 100%; min-height: 230px; }
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.clr:after{content:'';display:block;height:0;clear:both;visibility:hidden;zoom:1}.button,.wp-core-ui .button-link:focus,.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus,a:focus{-webkit-box-shadow:none!important;box-shadow:none!important}body .button.owp-button{background-color:#13aff0;color:#fff;height:auto;font-size:12px;line-height:1;font-weight:600;text-transform:uppercase;margin:0;padding:14px 20px;border:0;cursor:pointer;text-align:center;letter-spacing:.1em;border-radius:3px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}body .button.owp-button:active,body .button.owp-button:focus,body .button.owp-button:hover{background-color:#0b7cac;color:#fff}body .button.owp-button:active{-webkit-transform:none;-ms-transform:none;transform:none}#oceanwp-license-form .form-table,#oceanwp-license-form caption,#oceanwp-license-form tbody,#oceanwp-license-form td,#oceanwp-license-form tfoot,#oceanwp-license-form th,#oceanwp-license-form thead,#oceanwp-license-form tr{display:block}#oceanwp-license-form .form-table tr{float:left;margin:0 15px 15px 0;background:#fff;border:1px solid #ccc;width:30.5%;max-width:350px;padding:14px;min-height:220px;position:relative;box-sizing:border-box}#oceanwp-license-form .form-table th{background:#f9f9f9;padding:14px;border-bottom:1px solid #ccc;margin:-14px -14px 20px;width:100%}#oceanwp-license-form .form-table td{padding:0}#oceanwp-license-form td input.regular-text{margin:0 0 8px;width:100%}#oceanwp-license-form .oceanwp-license-data[class*=oceanwp-license-]{position:absolute;background:#fafafa;padding:14px;border-top:1px solid #eee;margin:20px -14px -14px;min-height:67px;width:100%;bottom:14px;box-sizing:border-box}#oceanwp-license-form .oceanwp-license-data[class*=oceanwp-license-] a{color:#444}#oceanwp-license-form .oceanwp-license-data[class*=oceanwp-license-] a:hover{text-decoration:none}#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice{background-color:#00a0d2;color:#fff;border-color:#00a0d2}#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg{background-color:#e24e4e;color:#fff;border-color:#e24e4e}#oceanwp-license-form .oceanwp-license-data.oceanwp-license-error-msg{background-color:#ffebcd;border-color:#ffebcd}#oceanwp-license-form .oceanwp-license-data p{font-size:13px;margin-top:0}#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice a,#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg a{color:#fff}#oceanwp-license-form .oceanwp-license-data.license-expires-soon-notice a:hover,#oceanwp-license-form .oceanwp-license-data.oceanwp-license-expired-msg a:hover{text-decoration:none}#oceanwp-license-form p.submit{clear:both}#oceanwp-license-form .form-table.bundle-block tr{max-width:500px}#oceanwp-license-form .form-table.bundle-block th{background-color:#13aff0;color:#fff}body.rtl #oceanwp-license-form .form-table tr{float:right;margin:0 0 15px 15px}@media screen and (max-width:1100px){#oceanwp-license-form .form-table tr{width:46%;max-width:none;min-height:230px}}@media screen and (max-width:600px){#oceanwp-license-form .form-table tr{width:100%;min-height:230px}}
|
||||
@@ -0,0 +1,38 @@
|
||||
.wrap .ocean-extra-notice { position: relative; border: none; padding: 0; }
|
||||
.wrap .ocean-extra-notice:after { content: ''; display: block; visibility: hidden; clear: both; zoom: 1; height: 0; }
|
||||
.ocean-extra-notice .notice-inner { position: relative; }
|
||||
.ocean-extra-notice span.icon-side { color: #fff; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; font-size: 30px; width: 60px; height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
.ocean-extra-notice span.dashicons-heart { background-color: #13aff0; }
|
||||
.ocean-extra-notice .notice-content { padding: 10px 40px 15px 74px; }
|
||||
.ocean-extra-notice .notice-content p { font-size: 14px; }
|
||||
.ocean-extra-notice .notice-content p:first-child { margin-top: 0; }
|
||||
.ocean-extra-notice .notice-content p:last-child { margin-bottom: 0; }
|
||||
.ocean-extra-notice .notice-content a { text-decoration: none; -webkit-box-shadow: none !important; box-shadow: none !important; }
|
||||
.ocean-extra-notice .notice-content a.btn { height: auto; font-size: 12px; line-height: 1; background-color: #13aff0; color: #fff; border: 1px solid #13aff0; padding: 10px 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; text-shadow: none; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; }
|
||||
.ocean-extra-notice .notice-content a.btn:hover { background-color: #0b7cac; border-color: #0b7cac; }
|
||||
.ocean-extra-notice .notice-content a.btn.button-secondary { background-color: #f2f2f2; color: #666; border-color: #dadada; margin-left: 10px; }
|
||||
.ocean-extra-notice .notice-content a.btn.button-secondary:hover { background-color: #e6e6e6; border-color: #e6e6e6; }
|
||||
.ocean-extra-notice a.dismiss { position: absolute; top: 10px; right: 10px; text-decoration: none; color: #13aff0; -webkit-box-shadow: none !important; box-shadow: none !important; }
|
||||
|
||||
/* Rating notice */
|
||||
.ocean-extra-notice.oe-rating-notice span.dashicons-star-filled { background-color: #ffb900; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content p:last-child { margin-top: 20px; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a.btn { background-color: #ffb900; border-color: #ffb900; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a.btn:hover { background-color: #e6a803; border-color: #e6a803; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a.btn.button-secondary { background-color: #f2f2f2; color: #666; border-color: #dadada; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a.btn.button-secondary:hover { background-color: #e6e6e6; border-color: #e6e6e6; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a span { vertical-align: middle; }
|
||||
.ocean-extra-notice.oe-rating-notice .notice-content a span.dashicons { font-size: 1.4em; padding-right: 5px; height: auto; }
|
||||
.ocean-extra-notice.oe-rating-notice a.dismiss { color: #ffb900; }
|
||||
|
||||
body.rtl .ocean-extra-notice span.dashicons-heart { right: 0; left: auto; }
|
||||
body.rtl .ocean-extra-notice .notice-content { padding-right: 74px; padding-left: 40px; }
|
||||
body.rtl .ocean-extra-notice .notice-content a.btn.button-secondary { margin-right: 10px; margin-left: 0; }
|
||||
body.rtl .ocean-extra-notice a.dismiss { left: 10px; right: auto; }
|
||||
body.rtl .ocean-extra-notice.oe-rating-notice .notice-content a span.dashicons { padding-left: 5px; padding-right: 0; }
|
||||
|
||||
@media screen and ( max-width: 480px ) {
|
||||
.ocean-extra-notice span.dashicons-heart { display: none; }
|
||||
.ocean-extra-notice .notice-content { padding-left: 14px; }
|
||||
body.rtl .ocean-extra-notice .notice-content { padding-right: 14px; }
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
.wrap .ocean-extra-notice{position:relative;border:none;padding:0}.wrap .ocean-extra-notice:after{content:'';display:block;visibility:hidden;clear:both;zoom:1;height:0}.ocean-extra-notice .notice-inner{position:relative}.ocean-extra-notice span.icon-side{color:#fff;position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;font-size:30px;width:60px;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.ocean-extra-notice span.dashicons-heart{background-color:#13aff0}.ocean-extra-notice .notice-content{padding:10px 40px 15px 74px}.ocean-extra-notice .notice-content p{font-size:14px}.ocean-extra-notice .notice-content p:first-child{margin-top:0}.ocean-extra-notice .notice-content p:last-child{margin-bottom:0}.ocean-extra-notice .notice-content a{text-decoration:none;-webkit-box-shadow:none!important;box-shadow:none!important}.ocean-extra-notice .notice-content a.btn{height:auto;font-size:12px;line-height:1;background-color:#13aff0;color:#fff;border:1px solid #13aff0;padding:10px 18px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;text-shadow:none;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}.ocean-extra-notice .notice-content a.btn:hover{background-color:#0b7cac;border-color:#0b7cac}.ocean-extra-notice .notice-content a.btn.button-secondary{background-color:#f2f2f2;color:#666;border-color:#dadada;margin-left:10px}.ocean-extra-notice .notice-content a.btn.button-secondary:hover{background-color:#e6e6e6;border-color:#e6e6e6}.ocean-extra-notice a.dismiss{position:absolute;top:10px;right:10px;text-decoration:none;color:#13aff0;-webkit-box-shadow:none!important;box-shadow:none!important}.ocean-extra-notice.oe-rating-notice span.dashicons-star-filled{background-color:#ffb900}.ocean-extra-notice.oe-rating-notice .notice-content p:last-child{margin-top:20px}.ocean-extra-notice.oe-rating-notice .notice-content a.btn{background-color:#ffb900;border-color:#ffb900}.ocean-extra-notice.oe-rating-notice .notice-content a.btn:hover{background-color:#e6a803;border-color:#e6a803}.ocean-extra-notice.oe-rating-notice .notice-content a.btn.button-secondary{background-color:#f2f2f2;color:#666;border-color:#dadada}.ocean-extra-notice.oe-rating-notice .notice-content a.btn.button-secondary:hover{background-color:#e6e6e6;border-color:#e6e6e6}.ocean-extra-notice.oe-rating-notice .notice-content a span{vertical-align:middle}.ocean-extra-notice.oe-rating-notice .notice-content a span.dashicons{font-size:1.4em;padding-right:5px;height:auto}.ocean-extra-notice.oe-rating-notice a.dismiss{color:#ffb900}body.rtl .ocean-extra-notice span.dashicons-heart{right:0;left:auto}body.rtl .ocean-extra-notice .notice-content{padding-right:74px;padding-left:40px}body.rtl .ocean-extra-notice .notice-content a.btn.button-secondary{margin-right:10px;margin-left:0}body.rtl .ocean-extra-notice a.dismiss{left:10px;right:auto}body.rtl .ocean-extra-notice.oe-rating-notice .notice-content a span.dashicons{padding-left:5px;padding-right:0}@media screen and (max-width:480px){.ocean-extra-notice span.dashicons-heart{display:none}.ocean-extra-notice .notice-content{padding-left:14px}body.rtl .ocean-extra-notice .notice-content{padding-right:14px}}
|
||||
@@ -0,0 +1,135 @@
|
||||
.clr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
|
||||
a:focus, .button, .wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus,
|
||||
.wp-core-ui .button:focus { -webkit-box-shadow: none !important; box-shadow: none !important; }
|
||||
body .button.owp-button { background-color: #13aff0; color: #fff; height: auto; font-size: 12px; line-height: 1; font-weight: 600; text-transform: uppercase; margin: 0; padding: 14px 20px; border: 0; cursor: pointer; text-align: center; letter-spacing: .1em; border-radius: 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
|
||||
body .button.owp-button:hover,
|
||||
body .button.owp-button:focus,
|
||||
body .button.owp-button:active { background-color: #0b7cac; color: #fff; }
|
||||
body .button.owp-button:active { -webkit-transform: none; -ms-transform: none; transform: none; }
|
||||
|
||||
/* Settings wrap */
|
||||
.wrap.oceanwp-theme-panel { margin-right: 40px; }
|
||||
.oceanwp-settings .left { float: left; width: 75%; margin-top: 20px; }
|
||||
.oceanwp-settings .right { float: right; width: 23%; margin-top: 30px; }
|
||||
.oceanwp-settings .oceanwp-title { font-size: 26px; line-height: 1.6; margin: 0 0 3px 8px; }
|
||||
.oceanwp-settings .oceanwp-desc { margin: 0 0 30px 8px; font-size: 15px; }
|
||||
.oceanwp-settings .divider { display: block; height: 1px; margin: 40px 0 33px; border-bottom: 1px solid #ccc; }
|
||||
|
||||
/* Customizer panels */
|
||||
.oceanwp-panels .column-wrap { float: left; position: relative; width: 32.33%; margin: 0 0.5% 1% 0.5%; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
|
||||
.oceanwp-panels .column-name { display: block; background-color: #fff; border: 2px solid #eee; padding: 25px 25px 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
|
||||
.oceanwp-panels .column-name:hover { border-color: #ddd; }
|
||||
.oceanwp-panels .column-name h3.title { float: left; display: block; position: relative; font-size: 18px; color: #333; margin: 0; z-index: 2; }
|
||||
.oceanwp-panels .column-name .desc { display: block; position: relative; font-size: 17px; line-height: 1.6; font-weight: 400; color: #777; z-index: 2; }
|
||||
.oceanwp-panels input[type=checkbox] { float: right; width: 22px; height: 22px; min-width: 22px; margin: 0; }
|
||||
.oceanwp-panels input[type=checkbox]:checked:before { width: 22px; font-size: 27px; }
|
||||
.oceanwp-panels p.submit { display: inline-block; width: 100%; margin: 10px 0 0 0.5%; padding: 0; clear: both; }
|
||||
|
||||
/* Customizer options */
|
||||
.oceanwp-options .options-inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 30px; }
|
||||
.oceanwp-options .column-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: #fff; border: 1px solid #ccc; width: 24%; min-height: 150px; margin: 0 0.5% 1% 0.5%; padding: 25px 25px 20px; overflow: hidden; box-sizing: border-box; }
|
||||
.oceanwp-options .column-wrap.hidden { display: none !important; }
|
||||
.oceanwp-options .column-inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; }
|
||||
.oceanwp-options .title { display: block; position: relative; font-size: 17px; color: #333; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; text-transform: capitalize; }
|
||||
.oceanwp-options .desc { flex: 1 0 auto; display: block; margin: 0 0 20px; font-size: 14px; line-height: 1.6; font-weight: 400; color: #777; }
|
||||
.oceanwp-options .bottom-column { padding: 20px 0 0; border-top: 1px solid #eaeaea; margin: 0; }
|
||||
.oceanwp-options .bottom-column .option-link { font-size: 12px; font-weight: 600; line-height: 1.6; text-transform: uppercase; letter-spacing: .6px; text-decoration: none; }
|
||||
|
||||
/* Sidebar */
|
||||
.oceanwp-wizard { margin-bottom: 15px; }
|
||||
.oceanwp-wizard a { width: 100%; }
|
||||
|
||||
.oceanwp-bloc { display: inline-block; position: relative; width: 100%; background-color: #fff; margin: 0 auto 15px auto; border-radius: 3px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.04); box-shadow: 0 1px 1px rgba(0,0,0,.04); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
|
||||
.oceanwp-bloc h3 { display: block; font-size: 14px; font-weight: 600; padding: 12px 10px; background-color: #13aff0; color: #fff; text-transform: uppercase; letter-spacing: .4px; margin: 0 0 22px; text-align: center; }
|
||||
.oceanwp-bloc .content-wrap { position: relative; padding: 0 30px 25px; z-index: 2; text-align: center; }
|
||||
.oceanwp-bloc p.content { font-size: 14px; color: #5a5a5a; margin: 0; }
|
||||
body .oceanwp-bloc .button.owp-button { margin: 22px 0 10px; }
|
||||
.oceanwp-bloc p.bottom-text { color: #5a5a5a; font-size: 12px; font-weight: 600; font-style: italic; margin: 0; }
|
||||
.oceanwp-bloc i { position: absolute; bottom: -30px; right: -26px; width: auto; height: auto; font-size: 120px; opacity: .07; z-index: 1; }
|
||||
|
||||
.oceanwp-bundle { background-color: #2794da; background: -moz-linear-gradient(4deg,#2386c5 58%,#2386c5 58%,#2386c5 58%); background: -webkit-linear-gradient(4deg,#2386c5 58%,#2386c5 58%,#2794da 58%); background: linear-gradient(4deg,#2386c5 58%,#2386c5 58%,#2794da 58%); color: #fff; }
|
||||
.oceanwp-bundle .owp-text { text-align: center; margin: 0; padding: 25px 10px; }
|
||||
.oceanwp-bundle a.logo-text { display: inline-block; font-size: 38px; line-height: 1; color: #fff; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
|
||||
.oceanwp-bundle a.logo-text:hover { opacity: .6; }
|
||||
.oceanwp-bundle a.logo-text .circle { display: inline-block; width: 5px; height: 5px; background-color: #fff; border-radius: 50%; }
|
||||
.oceanwp-bundle p.content { color: #fff; }
|
||||
.oceanwp-bundle p.content a { color: #afd8f3; text-decoration: underline; }
|
||||
.oceanwp-bundle p.content a:hover { text-decoration: none; }
|
||||
body .oceanwp-bundle .button.owp-button { display: block; background-color: #1d2428; color: #fff; margin-top: 30px; }
|
||||
body .oceanwp-bundle .button.owp-button:hover { background-color: #303e4c; }
|
||||
|
||||
.oceanwp-facebook { background-color: #3b5998; color: #fff; }
|
||||
.oceanwp-facebook .owp-img { position: relative; z-index: 2; padding: 30px 30px 0; margin: 0 0 18px; text-align: center; }
|
||||
.oceanwp-facebook .owp-img img { max-width: 200px; }
|
||||
.oceanwp-bloc.oceanwp-facebook p.content { color: #fff; }
|
||||
body .oceanwp-facebook .button.owp-button { background-color: #fff; color: #3b5998; }
|
||||
body .oceanwp-facebook .button.owp-button:hover { background-color: #597dca; color: #fff; }
|
||||
.owp-ribbon { position: absolute; top: 0; left: 0; width: 100px; height: 100px; z-index: 1; overflow: hidden; }
|
||||
.owp-ribbon > div { background-color: #3fc387; left: 0; width: 200%; margin-top: 28px; font-size: 13px; line-height: 2; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-align: center; -webkit-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); -ms-transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); transform: translateY(-50%) translateX(-50%) translateX(35px) rotate(-45deg); }
|
||||
|
||||
.oceanwp-buttons { display: inline-block; width: 100%; }
|
||||
body .oceanwp-buttons .button.owp-button { padding: 14px 10px; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-yt-btn { background-color: #e62117; float: left; width: 48%; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-yt-btn:hover { background-color: #b31217; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-doc-btn { background-color: #2e3243; float: right; width: 48%; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-doc-btn:hover { background-color: #262939; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-support-btn { background-color: #13aff0; width: 100%; margin-top: 10px; }
|
||||
body .oceanwp-buttons .button.owp-button.owp-support-btn:hover { background-color: #0b7cac; }
|
||||
|
||||
/* RTL */
|
||||
body.rtl .wrap.oceanwp-theme-panel { margin-left: 40px; margin-right: 0; }
|
||||
body.rtl .oceanwp-settings .left { float: right; }
|
||||
body.rtl .oceanwp-settings .right { float: left; }
|
||||
body.rtl .oceanwp-settings .oceanwp-title { margin: 0 8px 3px 0; }
|
||||
body.rtl .oceanwp-settings .oceanwp-desc { margin: 0 8px 30px 0; }
|
||||
body.rtl .oceanwp-panels .column-wrap { float: right; }
|
||||
body.rtl .oceanwp-panels .column-name h3.title { float: right; }
|
||||
body.rtl .oceanwp-panels input[type=checkbox] { float: left; }
|
||||
body.rtl .oceanwp-panels p.submit { margin: 10px 0.5% 0 0; }
|
||||
body.rtl .oceanwp-bloc i { left: -26px; right: auto; }
|
||||
body.rtl .oceanwp-buttons .button.owp-button.owp-yt-btn { float: right; }
|
||||
body.rtl .oceanwp-buttons .button.owp-button.owp-doc-btn { float: left; }
|
||||
body.rtl .owp-ribbon { right: 0; left: auto; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
|
||||
body.rtl .owp-ribbon > div { right: 0; left: auto; -webkit-transform: translateY(-50%) translateX(0) translateX(35px) rotate(-45deg); -ms-transform: translateY(-50%) translateX(0) translateX(35px) rotate(-45deg); transform: translateY(-50%) translateX(0) translateX(35px) rotate(-45deg); }
|
||||
|
||||
@media screen and ( max-width: 1280px ) {
|
||||
.wrap.oceanwp-theme-panel { margin-right: 20px; }
|
||||
.oceanwp-settings .left,
|
||||
.oceanwp-settings .right { float: none; width: 100%; }
|
||||
.oceanwp-options .column-wrap { width: 32.33%; }
|
||||
.oceanwp-bloc,
|
||||
.oceanwp-buttons { width: 49%; }
|
||||
.oceanwp-review,
|
||||
.oceanwp-facebook.has-bundle { float: left; }
|
||||
.oceanwp-facebook.has-bundle { clear: left; }
|
||||
.oceanwp-bundle,
|
||||
.oceanwp-facebook,
|
||||
.oceanwp-buttons.has-bundle { float: right; }
|
||||
.oceanwp-buttons.has-bundle { clear: none; }
|
||||
.oceanwp-facebook { clear: none; }
|
||||
.oceanwp-buttons { float: left; clear: left; }
|
||||
body.rtl .wrap.oceanwp-theme-panel { margin-left: 20px; margin-right: 0; }
|
||||
body.rtl .oceanwp-review,
|
||||
body.rtl .oceanwp-facebook.has-bundle { float: right; }
|
||||
body.rtl .oceanwp-facebook.has-bundle { clear: right; }
|
||||
body.rtl .oceanwp-bundle,
|
||||
body.rtl .oceanwp-buttons.has-bundle { float: left; }
|
||||
body.rtl .oceanwp-facebook { float: left; }
|
||||
body.rtl .oceanwp-buttons { float: right; clear: right; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 1100px ) {
|
||||
.oceanwp-panels .column-wrap,
|
||||
.oceanwp-options .column-wrap { width: 49%; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 600px ) {
|
||||
.oceanwp-panels .column-wrap,
|
||||
.oceanwp-options .column-wrap { width: 100%; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 480px ) {
|
||||
.oceanwp-bloc,
|
||||
.oceanwp-buttons { float: none !important; width: 100%; min-width: 100%; }
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,278 @@
|
||||
.push-monkey-bootstrap * {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.push-monkey {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.push-monkey-bootstrap .container-fluid {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel {
|
||||
float: left;
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 0px;
|
||||
border-top: 2px solid #E5E5E5;
|
||||
margin-bottom: 20px;
|
||||
position: relative;
|
||||
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading {
|
||||
padding: 10px;
|
||||
background: #F5F5F5;
|
||||
border-bottom: 1px solid #E5E5E5;
|
||||
border-top-right-radius: 3px;
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading .panel-title-image {
|
||||
float: left;
|
||||
width: 30px;
|
||||
border: 2px solid #D5D5D5;
|
||||
-moz-border-radius: 50%;
|
||||
-webkit-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
margin-right: 5px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading .panel-title {
|
||||
margin: 0 0 0 7px;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
line-height: 30px;
|
||||
display: block;
|
||||
float: left;
|
||||
color: #434A54;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading .panel-title-box {
|
||||
float: left;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading .panel-title-box h3 {
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
line-height: 18px;
|
||||
color: #434A54;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading .panel-title-box span {
|
||||
font-size: 12px;
|
||||
color: #767676;
|
||||
font-weight: 400;
|
||||
line-height: 12px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-heading,
|
||||
.push-monkey-bootstrap .panel .panel-footer,
|
||||
.push-monkey-bootstrap .panel .panel-body {
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-body {
|
||||
padding: 15px;
|
||||
position: relative;
|
||||
}
|
||||
.push-monkey-bootstrap h3 {
|
||||
margin: 0 0 10px;
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: #434A54;
|
||||
}
|
||||
.push-monkey-bootstrap p {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
.push-monkey-bootstrap .panel.panel-success {
|
||||
border-top-color: #2fcc70;
|
||||
}
|
||||
.push-monkey-bootstrap .form-group {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
margin-bottom: 15px;
|
||||
clear: both;
|
||||
}
|
||||
.push-monkey-bootstrap label {
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
margin-bottom: 5px;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.push-monkey-bootstrap .col-xs-12 {
|
||||
width: 100%;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.push-monkey-bootstrap .col-md-3,
|
||||
.push-monkey-bootstrap .col-md-4,
|
||||
.push-monkey-bootstrap .col-md-6 {
|
||||
float: left;
|
||||
}
|
||||
.push-monkey-bootstrap .col-md-3 {
|
||||
width: 25%;
|
||||
}
|
||||
.push-monkey-bootstrap .col-md-4 {
|
||||
width: 33.33333333%;
|
||||
}
|
||||
.push-monkey-bootstrap .col-md-6 {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.push-monkey-bootstrap .col-md-3,
|
||||
.push-monkey-bootstrap .col-md-4,
|
||||
.push-monkey-bootstrap .col-md-6 {
|
||||
position: relative;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch {
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
}
|
||||
.push-monkey-bootstrap .switch input {
|
||||
position: absolute;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.push-monkey-bootstrap .switch input:checked + span:after {
|
||||
left: 21px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch input:checked + span {
|
||||
background-color: #2fcc70;
|
||||
}
|
||||
.push-monkey-bootstrap .switch input:disabled + span {
|
||||
background-color: #CCC;
|
||||
}
|
||||
.push-monkey-bootstrap .switch span {
|
||||
position: relative;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background-color: #E64330;
|
||||
border: 1px solid #E5E5E5;
|
||||
display: inline-block;
|
||||
-webkit-transition: all 200ms ease;
|
||||
-moz-transition: all 200ms ease;
|
||||
-ms-transition: all 200ms ease;
|
||||
-o-transition: all 200ms ease;
|
||||
transition: all 200ms ease;
|
||||
border-color: rgba(0, 0, 0, 0.1);
|
||||
left: 0px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch span:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
width: 26px;
|
||||
top: 1px;
|
||||
bottom: 1px;
|
||||
left: 1px;
|
||||
-moz-border-radius: 30px;
|
||||
-webkit-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
|
||||
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
|
||||
-webkit-transition: all 200ms ease;
|
||||
-moz-transition: all 200ms ease;
|
||||
-ms-transition: all 200ms ease;
|
||||
-o-transition: all 200ms ease;
|
||||
transition: all 200ms ease;
|
||||
}
|
||||
.push-monkey-bootstrap .switch.switch-small {
|
||||
margin: 6px 0px 4px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch.switch-small input:checked + span:after {
|
||||
left: 11px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch.switch-small span {
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
-webkit-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.push-monkey-bootstrap .switch.switch-small span:after {
|
||||
width: 16px;
|
||||
}
|
||||
.push-monkey-bootstrap .help-block {
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
color: #737373;
|
||||
}
|
||||
.push-monkey-bootstrap .form-control {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
padding: 6px 12px;
|
||||
-webkit-appearance: none;
|
||||
border: 1px solid #D5D5D5;
|
||||
background: #F9F9F9;
|
||||
color: #555555;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.push-monkey-bootstrap .form-control:focus {
|
||||
border-color: #C5C5C5;
|
||||
-moz-box-shadow: none;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border-color: #C1C1C1;
|
||||
background: #FFF;
|
||||
}
|
||||
.push-monkey-bootstrap textarea.form-control {
|
||||
height: auto;
|
||||
}
|
||||
.push-monkey-bootstrap .panel .panel-footer {
|
||||
background: #F5F5F5;
|
||||
border: 0;
|
||||
border-top: 1px solid #E3E3E3;
|
||||
line-height: 30px;
|
||||
padding: 10px;
|
||||
}
|
||||
.push-monkey-bootstrap .pull-right {
|
||||
float: right;
|
||||
}
|
||||
.push-monkey-bootstrap .btn {
|
||||
background-color: #363636;
|
||||
border-color: #363636;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
padding: 4px 15px;
|
||||
line-height: 20px;
|
||||
font-weight: 400;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
outline: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: all 200ms ease;
|
||||
-moz-transition: all 200ms ease;
|
||||
-ms-transition: all 200ms ease;
|
||||
-o-transition: all 200ms ease;
|
||||
transition: all 200ms ease;
|
||||
}
|
||||
.push-monkey-bootstrap .btn:hover {
|
||||
background-color: #286090;
|
||||
border-color: #286090;
|
||||
color: #fff;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,78 @@
|
||||
.clr:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; zoom: 1; }
|
||||
|
||||
.wrap .oceanwp-desc { padding: 10px 15px; margin: 20px 8px; }
|
||||
.wrap .oceanwp-desc p { font-size: 14px; margin: 0; }
|
||||
|
||||
.oceanwp-modules .modules-top { display: block; margin: 15px 0.5%; }
|
||||
.oceanwp-modules .modules-top p.submit { display: inline-block; margin: 0; }
|
||||
.oceanwp-modules .modules-top p.submit input:active { vertical-align: baseline !important; }
|
||||
.oceanwp-modules .modules-top .owp-all-wrap { display: inline-block; margin-left: 15px; }
|
||||
.oceanwp-modules .modules-top .owp-all-wrap p { display: inline-block; font-size: 15px; line-height: 1.5; margin: 0; }
|
||||
.oceanwp-modules .modules-top .owp-all-wrap #owp-switch { float: none; display: inline-block; margin-left: 8px; }
|
||||
.oceanwp-modules .btn-switcher { float: right; border: 1px solid rgba(0,0,0,.1); border-radius: 10px; list-style: none; margin: 0; padding: 0; }
|
||||
.oceanwp-modules .btn-switcher li { float: left; border-right: 1px solid rgba(0,0,0,.1); margin: 0; }
|
||||
.oceanwp-modules .btn-switcher li:last-child { border-right: none; }
|
||||
.oceanwp-modules .btn-switcher li a { display: inline-block; background-color: #f5f5f5; color: #555; font-size: 12px; font-weight: 600; width: 50px; height: 28px; line-height: 28px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; text-align: center; -webkit-box-shadow: none; box-shadow: none; }
|
||||
.oceanwp-modules .btn-switcher li a:hover { background-color: #eee; }
|
||||
.oceanwp-modules .btn-switcher li.active a,
|
||||
.oceanwp-modules .btn-switcher li.active a:hover { background-color: #3498DB; color: #fff; }
|
||||
.oceanwp-modules .btn-switcher li:first-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
|
||||
.oceanwp-modules .btn-switcher li:last-child a { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
|
||||
.is-fadeout { animation: fade linear 200ms 1 forwards; }
|
||||
.is-fadein { animation: fade linear 200ms 1 reverse forwards; }
|
||||
@keyframes fade { from { opacity: 1; } to { opacity: 0; } }
|
||||
|
||||
.oceanwp-modules .modules-inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin-top: 30px; }
|
||||
.oceanwp-modules .column-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: #fff; border: 1px solid #ccc; width: 24%; min-height: 150px; margin: 0 0.5% 1% 0.5%; padding: 25px 25px 20px; overflow: hidden; box-sizing: border-box; }
|
||||
.oceanwp-modules .column-wrap.hidden { display: none !important; }
|
||||
.oceanwp-modules .type { position: absolute; top: 0; right: 0; color: #fff; font-size: 12px; font-weight: 700; width: 50px; height: 30px; line-height: 30px; text-transform: uppercase; letter-spacing: 1px; border-bottom-left-radius: 5px; text-align: center; }
|
||||
.oceanwp-modules .type.js { background-color: #fea952; }
|
||||
.oceanwp-modules .type.css { background-color: #67ce6b; }
|
||||
.oceanwp-modules .column-inner { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; width: 100%; }
|
||||
.oceanwp-modules .info { display: block; position: relative; font-size: 18px; color: #333; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; }
|
||||
.oceanwp-modules .desc { flex: 1 0 auto; display: block; margin: 0 0 20px; font-size: 16px; line-height: 1.6; font-weight: 400; color: #777; }
|
||||
.oceanwp-modules .bottom-column { padding: 20px 0 0; border-top: 1px solid #eaeaea; margin: 0; }
|
||||
.oceanwp-modules .bottom-column .title { float: left; margin-top: 3px; font-size: 12px; font-weight: 600; line-height: 16px; text-transform: uppercase; letter-spacing: 0.6px; }
|
||||
.oceanwp-modules #owp-switch { float: right; }
|
||||
.oceanwp-modules #owp-switch input { position: absolute; left: -9999px; }
|
||||
.oceanwp-modules #owp-switch label { position: relative; padding-left: 4em; padding-top: .25em; cursor: pointer; }
|
||||
.oceanwp-modules #owp-switch label:before,
|
||||
.oceanwp-modules #owp-switch label:after { content: ''; position: absolute; height: 1.80em; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
|
||||
.oceanwp-modules #owp-switch label:before { left: 0; top: 0; width: 3.70em; background-color: #dfd9ea; border-radius: 1.5em; z-index: 0; }
|
||||
.oceanwp-modules #owp-switch label:after { left: .15em; top: .1em; background-color: #fff; border-radius: 50%; width: 1.60em; height: 1.60em; }
|
||||
.oceanwp-modules #owp-switch input:checked + label:before { background-color: #72da67; border-color: #72da67; }
|
||||
.oceanwp-modules #owp-switch input:checked + label:after { left: 1.95em; }
|
||||
.oceanwp-modules p.submit { margin: 15px 0 0 0.5%; padding: 0; clear: both; }
|
||||
|
||||
/* RTL */
|
||||
body.rtl .oceanwp-modules p.submit { margin: 0; }
|
||||
body.rtl .oceanwp-modules .modules-top .owp-all-wrap { margin-right: 15px; margin-left: 0; }
|
||||
body.rtl .oceanwp-modules .modules-top .owp-all-wrap #owp-switch { margin-right: 8px; margin-left: 0; }
|
||||
body.rtl .oceanwp-modules .btn-switcher { float: left; }
|
||||
body.rtl .oceanwp-modules .btn-switcher li { float: right; border-left: 1px solid rgba(0,0,0,.1); border-right: none; }
|
||||
body.rtl .oceanwp-modules .btn-switcher li:last-child { border-left: none; }
|
||||
body.rtl .oceanwp-modules .btn-switcher li:first-child a { border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
|
||||
body.rtl .oceanwp-modules .btn-switcher li:last-child a { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
|
||||
body.rtl .oceanwp-modules .type { left: 0; right: auto; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; }
|
||||
body.rtl .oceanwp-modules .bottom-column .title { float: right; }
|
||||
body.rtl .oceanwp-modules #owp-switch { float: left; }
|
||||
body.rtl .oceanwp-modules p.submit { margin: 15px 0.5% 0 0; }
|
||||
|
||||
|
||||
@media screen and ( max-width: 1280px ) {
|
||||
.oceanwp-modules .column-wrap { width: 32.33%; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 1100px ) {
|
||||
.oceanwp-modules .column-wrap { width: 49%; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 767px ) {
|
||||
.oceanwp-modules .modules-top .owp-all-wrap { display: block; margin: 10px 0 0; }
|
||||
.oceanwp-modules .modules-top { position: relative; }
|
||||
.oceanwp-modules .btn-switcher { position: absolute; top: 3px; right: 0; }
|
||||
}
|
||||
|
||||
@media screen and ( max-width: 600px ) {
|
||||
.oceanwp-modules .column-wrap { width: 100%; }
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,133 @@
|
||||
.owp-sticky-notice {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
background-color: #13aff0;
|
||||
color: #fff;
|
||||
max-width: 750px;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owp-sticky-notice a {
|
||||
-webkit-transition: all .3s ease;
|
||||
-moz-transition: all .3s ease;
|
||||
-o-transition: all .3s ease;
|
||||
-ms-transition: all .3s ease;
|
||||
transition: all .3s ease;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.owp-sticky-close {
|
||||
opacity: .5;
|
||||
font-size: 12px;
|
||||
z-index: 1;
|
||||
right: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.owp-sticky-close:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.owp-sticky-close:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.owp-sticky-close:active:before,
|
||||
.owp-sticky-close:focus:before,
|
||||
.owp-sticky-close:hover:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.owp-sticky-notice p {
|
||||
font-size: 15px;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.owp-sticky-notice p strong {
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
.owp-sticky-button {
|
||||
display: block;
|
||||
position: relative;
|
||||
background-color: #3b5998;
|
||||
color: #fff;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
padding: 26px 26px 26px 80px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.owp-sticky-button:hover {
|
||||
background-color: #527bd2;
|
||||
}
|
||||
|
||||
.owp-sticky-button:active,
|
||||
.owp-sticky-button:focus,
|
||||
.owp-sticky-button:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.owp-sticky-button i {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 25px;
|
||||
font-size: 36px;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
-webkit-transform: translateY(-50%);
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
/* RTL */
|
||||
body.rtl .owp-sticky-close {
|
||||
right: auto;
|
||||
}
|
||||
|
||||
body.rtl .owp-sticky-button {
|
||||
padding-left: 25px;
|
||||
padding-right: 80px;
|
||||
}
|
||||
|
||||
body.rtl .owp-sticky-button i {
|
||||
right: 25px;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 959px) {
|
||||
body.rtl .owp-sticky-button {
|
||||
padding-right: 26px;
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media only screen and (max-width: 959px) {
|
||||
.owp-sticky-notice {
|
||||
-ms-flex-wrap: wrap;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.owp-sticky-button {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding-left: 26px;
|
||||
}
|
||||
}
|
||||
+1
@@ -0,0 +1 @@
|
||||
.owp-sticky-notice{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background-color:#13aff0;color:#fff;max-width:750px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;padding:0;border:0;border-radius:5px;overflow:hidden}.owp-sticky-notice a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:none!important;box-shadow:none!important}.owp-sticky-close{opacity:.5;font-size:12px;z-index:1;right:0;padding:10px}.owp-sticky-close:hover{opacity:1}.owp-sticky-close:before{color:#fff}.owp-sticky-close:active:before,.owp-sticky-close:focus:before,.owp-sticky-close:hover:before{color:#fff}.owp-sticky-notice p{font-size:15px;line-height:1.6;margin:0;padding:0;padding:20px}.owp-sticky-notice p strong{font-weight:800}.owp-sticky-button{display:block;position:relative;background-color:#3b5998;color:#fff;font-size:16px;font-weight:600;padding:26px 26px 26px 80px;text-decoration:none}.owp-sticky-button:hover{background-color:#527bd2}.owp-sticky-button:active,.owp-sticky-button:focus,.owp-sticky-button:hover{color:#fff}.owp-sticky-button i{position:absolute;top:50%;left:25px;font-size:36px;width:36px;height:36px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.rtl .owp-sticky-close{right:auto}body.rtl .owp-sticky-button{padding-left:25px;padding-right:80px}body.rtl .owp-sticky-button i{right:25px;left:auto}@media only screen and (max-width:959px){body.rtl .owp-sticky-button{padding-right:26px;padding-left:0}}@media only screen and (max-width:959px){.owp-sticky-notice{-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.owp-sticky-button{width:100%;text-align:center;padding-left:26px}}
|
||||
Reference in New Issue
Block a user