080600
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,139 +1,139 @@
|
||||
<?php
|
||||
|
||||
//////////////////////////////////////////////////////////////
|
||||
//===========================================================
|
||||
// givecss.php
|
||||
//===========================================================
|
||||
// PAGELAYER
|
||||
// Inspired by the DESIRE to be the BEST OF ALL
|
||||
// ----------------------------------------------------------
|
||||
// Started by: Pulkit Gupta
|
||||
// Date: 23rd Jan 2017
|
||||
// Time: 23:00 hrs
|
||||
// Site: http://pagelayer.com/wordpress (PAGELAYER)
|
||||
// ----------------------------------------------------------
|
||||
// Please Read the Terms of use at http://pagelayer.com/tos
|
||||
// ----------------------------------------------------------
|
||||
//===========================================================
|
||||
// (c)Pagelayer Team
|
||||
//===========================================================
|
||||
//////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
// Read the file
|
||||
$data = '';
|
||||
$data_premium = '';
|
||||
$self_path = dirname(__FILE__);
|
||||
$files = array(
|
||||
// Admin CSS
|
||||
'pagelayer-editor.css',
|
||||
'pagelayer-icons.css',
|
||||
'pagelayer-editor-frontend.css',
|
||||
// Enduser CSS
|
||||
'font-awesome5.min.css',
|
||||
'font-awesome5-v4shims.css',
|
||||
'nivo-lightbox.css',
|
||||
'owl.carousel.min.css',
|
||||
'owl.theme.default.min.css',
|
||||
'pagelayer-frontend.css',
|
||||
'premium-frontend.css',
|
||||
'animate.min.css',
|
||||
'chartist.min.css',
|
||||
'pagelayer-pen.css'
|
||||
);
|
||||
|
||||
// What files to give
|
||||
$give = @$_REQUEST['give'];
|
||||
|
||||
// Premium
|
||||
$premium = @$_REQUEST['premium'];
|
||||
|
||||
if(!empty($give)){
|
||||
|
||||
$give = explode(',', $give);
|
||||
|
||||
// Check all files are in the supported list
|
||||
foreach($give as $file){
|
||||
if(in_array($file, $files)){
|
||||
$final[md5($file)] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(!empty($premium)){
|
||||
|
||||
$premium = explode(',', trim($premium, ','));
|
||||
|
||||
// Check all files are in the supported list
|
||||
foreach($premium as $file){
|
||||
if(in_array($file, $files)){
|
||||
$final_premium[md5($file)] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Give all
|
||||
if(empty($final)){
|
||||
$final = $files;
|
||||
}
|
||||
|
||||
foreach($final as $k => $v){
|
||||
//echo $k.'<br>';
|
||||
$data .= file_get_contents($self_path.'/'.$v)."\n\n";
|
||||
}
|
||||
|
||||
if(!empty($final_premium)){
|
||||
|
||||
foreach($final_premium as $k => $v){
|
||||
//echo $k.'<br>';
|
||||
$data_premium .= file_get_contents($self_path.'/'.$v)."\n\n";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// We are zipping if possible
|
||||
if(function_exists('ob_gzhandler') && !ini_get('zlib.output_compression')){
|
||||
ob_start('ob_gzhandler');
|
||||
}
|
||||
|
||||
// Type CSS
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
|
||||
// Set a zero Mtime
|
||||
$filetime = filemtime($self_path.'/pagelayer-editor.css');
|
||||
|
||||
// Cache Control
|
||||
header("Cache-Control: must-revalidate");
|
||||
|
||||
// Checking if the client is validating his cache and if it is current.
|
||||
if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) && (@strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) >= $filetime)) {
|
||||
|
||||
// Client's cache IS current, so we just respond '304 Not Modified'.
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $filetime).' GMT', true, 304);
|
||||
|
||||
return;
|
||||
|
||||
}else{
|
||||
|
||||
// Image not cached or cache outdated, we respond '200 OK' and output the image.
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $filetime).' GMT', true, 200);
|
||||
|
||||
}
|
||||
|
||||
if(defined('DOING_AJAX') && !defined('SITEPAD')){
|
||||
$data = str_replace('../fonts/', '../wp-content/plugins/'.(basename(dirname(dirname(__FILE__)))).'/fonts/', $data);
|
||||
}
|
||||
|
||||
echo $data;
|
||||
echo $data_premium;
|
||||
|
||||
// Write if we are front-end only then
|
||||
$dev = dirname(dirname(__FILE__)).'/dev.php';
|
||||
if(!empty($_REQUEST['write']) && file_exists($dev)){
|
||||
include_once($dev);
|
||||
write_css();
|
||||
}
|
||||
|
||||
<?php
|
||||
|
||||
//////////////////////////////////////////////////////////////
|
||||
//===========================================================
|
||||
// givecss.php
|
||||
//===========================================================
|
||||
// PAGELAYER
|
||||
// Inspired by the DESIRE to be the BEST OF ALL
|
||||
// ----------------------------------------------------------
|
||||
// Started by: Pulkit Gupta
|
||||
// Date: 23rd Jan 2017
|
||||
// Time: 23:00 hrs
|
||||
// Site: http://pagelayer.com/wordpress (PAGELAYER)
|
||||
// ----------------------------------------------------------
|
||||
// Please Read the Terms of use at http://pagelayer.com/tos
|
||||
// ----------------------------------------------------------
|
||||
//===========================================================
|
||||
// (c)Pagelayer Team
|
||||
//===========================================================
|
||||
//////////////////////////////////////////////////////////////
|
||||
|
||||
|
||||
// Read the file
|
||||
$data = '';
|
||||
$data_premium = '';
|
||||
$self_path = dirname(__FILE__);
|
||||
$files = array(
|
||||
// Admin CSS
|
||||
'pagelayer-editor.css',
|
||||
'pagelayer-icons.css',
|
||||
'pagelayer-editor-frontend.css',
|
||||
// Enduser CSS
|
||||
'font-awesome5.min.css',
|
||||
'font-awesome5-v4shims.css',
|
||||
'nivo-lightbox.css',
|
||||
'owl.carousel.min.css',
|
||||
'owl.theme.default.min.css',
|
||||
'pagelayer-frontend.css',
|
||||
'premium-frontend.css',
|
||||
'animate.min.css',
|
||||
'chartist.min.css',
|
||||
'pagelayer-pen.css'
|
||||
);
|
||||
|
||||
// What files to give
|
||||
$give = @$_REQUEST['give'];
|
||||
|
||||
// Premium
|
||||
$premium = @$_REQUEST['premium'];
|
||||
|
||||
if(!empty($give)){
|
||||
|
||||
$give = explode(',', $give);
|
||||
|
||||
// Check all files are in the supported list
|
||||
foreach($give as $file){
|
||||
if(in_array($file, $files)){
|
||||
$final[md5($file)] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
if(!empty($premium)){
|
||||
|
||||
$premium = explode(',', trim($premium, ','));
|
||||
|
||||
// Check all files are in the supported list
|
||||
foreach($premium as $file){
|
||||
if(in_array($file, $files)){
|
||||
$final_premium[md5($file)] = $file;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
// Give all
|
||||
if(empty($final)){
|
||||
$final = $files;
|
||||
}
|
||||
|
||||
foreach($final as $k => $v){
|
||||
//echo $k.'<br>';
|
||||
$data .= file_get_contents($self_path.'/'.$v)."\n\n";
|
||||
}
|
||||
|
||||
if(!empty($final_premium)){
|
||||
|
||||
foreach($final_premium as $k => $v){
|
||||
//echo $k.'<br>';
|
||||
$data_premium .= file_get_contents($self_path.'/'.$v)."\n\n";
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// We are zipping if possible
|
||||
if(function_exists('ob_gzhandler') && !ini_get('zlib.output_compression')){
|
||||
ob_start('ob_gzhandler');
|
||||
}
|
||||
|
||||
// Type CSS
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
|
||||
// Set a zero Mtime
|
||||
$filetime = filemtime($self_path.'/pagelayer-editor.css');
|
||||
|
||||
// Cache Control
|
||||
header("Cache-Control: must-revalidate");
|
||||
|
||||
// Checking if the client is validating his cache and if it is current.
|
||||
if (isset($_SERVER['HTTP_IF_MODIFIED_SINCE']) && (@strtotime($_SERVER['HTTP_IF_MODIFIED_SINCE']) >= $filetime)) {
|
||||
|
||||
// Client's cache IS current, so we just respond '304 Not Modified'.
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $filetime).' GMT', true, 304);
|
||||
|
||||
return;
|
||||
|
||||
}else{
|
||||
|
||||
// Image not cached or cache outdated, we respond '200 OK' and output the image.
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s', $filetime).' GMT', true, 200);
|
||||
|
||||
}
|
||||
|
||||
if(defined('DOING_AJAX') && !defined('SITEPAD')){
|
||||
$data = str_replace('../fonts/', '../wp-content/plugins/'.(basename(dirname(dirname(__FILE__)))).'/fonts/', $data);
|
||||
}
|
||||
|
||||
echo $data;
|
||||
echo $data_premium;
|
||||
|
||||
// Write if we are front-end only then
|
||||
$dev = dirname(dirname(__FILE__)).'/dev.php';
|
||||
if(!empty($_REQUEST['write']) && file_exists($dev)){
|
||||
include_once($dev);
|
||||
write_css();
|
||||
}
|
||||
|
||||
|
||||
@@ -1,306 +1,306 @@
|
||||
/*!
|
||||
* Nivo Lightbox v1.3.1
|
||||
* http://dev7studios.com/nivo-lightbox
|
||||
*
|
||||
* Copyright 2013, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
.nivo-lightbox-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99998;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.nivo-lightbox-overlay.nivo-lightbox-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.nivo-lightbox-wrap {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
bottom: 10%;
|
||||
left: 10%;
|
||||
right: 10%;
|
||||
}
|
||||
.nivo-lightbox-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.nivo-lightbox-title-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 99999;
|
||||
text-align: center;
|
||||
}
|
||||
.nivo-lightbox-nav { display: none; }
|
||||
.nivo-lightbox-prev {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.nivo-lightbox-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
}
|
||||
.nivo-lightbox-close {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
.nivo-lightbox-image { text-align: center; }
|
||||
.nivo-lightbox-image img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
.nivo-lightbox-content iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.nivo-lightbox-inline,
|
||||
.nivo-lightbox-ajax {
|
||||
max-height: 100%;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
|
||||
}
|
||||
.nivo-lightbox-error {
|
||||
display: table;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
}
|
||||
.nivo-lightbox-error p {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Effects
|
||||
**********************************************/
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* fadeScale */
|
||||
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
-webkit-transform: scale(0.7);
|
||||
-moz-transform: scale(0.7);
|
||||
-ms-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
}
|
||||
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* slideLeft / slideRight / slideUp / slideDown */
|
||||
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
}
|
||||
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(-10%);
|
||||
-moz-transform: translateX(-10%);
|
||||
-ms-transform: translateX(-10%);
|
||||
transform: translateX(-10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(10%);
|
||||
-moz-transform: translateX(10%);
|
||||
-ms-transform: translateX(10%);
|
||||
transform: translateX(10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(-10%);
|
||||
-moz-transform: translateY(-10%);
|
||||
-ms-transform: translateY(-10%);
|
||||
transform: translateY(-10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(10%);
|
||||
-moz-transform: translateY(10%);
|
||||
-ms-transform: translateY(10%);
|
||||
transform: translateY(10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* fall */
|
||||
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
|
||||
-webkit-perspective: 1000px;
|
||||
-moz-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
-webkit-transform: translateZ(300px);
|
||||
-moz-transform: translateZ(300px);
|
||||
-ms-transform: translateZ(300px);
|
||||
transform: translateZ(300px);
|
||||
}
|
||||
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
/*
|
||||
* Nivo Lightbox Default Theme v1.0
|
||||
* http://dev7studios.com/nivo-lightbox
|
||||
*
|
||||
* Copyright 2013, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
|
||||
background: #666;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(../images/nivo-icons/loading.gif) no-repeat 50% 50%; }
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-nav {
|
||||
top: 10%;
|
||||
width: 8%;
|
||||
height: 80%;
|
||||
text-indent: -9999px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
|
||||
opacity: 1;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-prev {
|
||||
background-image: url(../images/nivo-icons/prev.png);
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-next {
|
||||
background-image: url(../images/nivo-icons/next.png);
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close {
|
||||
display: block;
|
||||
background: url(../images/nivo-icons/close.png) no-repeat;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
text-indent: -9999px;
|
||||
padding: 5px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-title {
|
||||
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
padding: 7px 15px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-image img {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-inline {
|
||||
background: #fff;
|
||||
padding: 40px;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.3),
|
||||
(-o-min-device-pixel-ratio: 2.6/2),
|
||||
(min--moz-device-pixel-ratio: 1.3),
|
||||
(min-device-pixel-ratio: 1.3),
|
||||
(min-resolution: 1.3dppx) {
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
|
||||
background-image: url(../images/nivo-icons/loading@2x.gif);
|
||||
-webkit-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-prev {
|
||||
background-image: url(../images/nivo-icons/prev@2x.png);
|
||||
-webkit-background-size: 48px 48px;
|
||||
background-size: 48px 48px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-next {
|
||||
background-image: url(../images/nivo-icons/next@2x.png);
|
||||
-webkit-background-size: 48px 48px;
|
||||
background-size: 48px 48px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close {
|
||||
background-image: url(../images/nivo-icons/close@2x.png);
|
||||
-webkit-background-size: 16px 16px;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
/*!
|
||||
* Nivo Lightbox v1.3.1
|
||||
* http://dev7studios.com/nivo-lightbox
|
||||
*
|
||||
* Copyright 2013, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
.nivo-lightbox-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 99998;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.nivo-lightbox-overlay.nivo-lightbox-open {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.nivo-lightbox-wrap {
|
||||
position: absolute;
|
||||
top: 10%;
|
||||
bottom: 10%;
|
||||
left: 10%;
|
||||
right: 10%;
|
||||
}
|
||||
.nivo-lightbox-content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.nivo-lightbox-title-wrap {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 99999;
|
||||
text-align: center;
|
||||
}
|
||||
.nivo-lightbox-nav { display: none; }
|
||||
.nivo-lightbox-prev {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
}
|
||||
.nivo-lightbox-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
}
|
||||
.nivo-lightbox-close {
|
||||
position: absolute;
|
||||
top: 2%;
|
||||
right: 2%;
|
||||
}
|
||||
|
||||
.nivo-lightbox-image { text-align: center; }
|
||||
.nivo-lightbox-image img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
width: auto;
|
||||
height: auto;
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
.nivo-lightbox-content iframe {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.nivo-lightbox-inline,
|
||||
.nivo-lightbox-ajax {
|
||||
max-height: 100%;
|
||||
overflow: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
|
||||
}
|
||||
.nivo-lightbox-error {
|
||||
display: table;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #fff;
|
||||
text-shadow: 0 1px 1px #000;
|
||||
}
|
||||
.nivo-lightbox-error p {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Effects
|
||||
**********************************************/
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
|
||||
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
|
||||
-webkit-transition: all 0.2s ease-in-out;
|
||||
-moz-transition: all 0.2s ease-in-out;
|
||||
-ms-transition: all 0.2s ease-in-out;
|
||||
-o-transition: all 0.2s ease-in-out;
|
||||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
/* fadeScale */
|
||||
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s;
|
||||
-moz-transition: all 0.3s;
|
||||
-ms-transition: all 0.3s;
|
||||
-o-transition: all 0.3s;
|
||||
transition: all 0.3s;
|
||||
-webkit-transform: scale(0.7);
|
||||
-moz-transform: scale(0.7);
|
||||
-ms-transform: scale(0.7);
|
||||
transform: scale(0.7);
|
||||
}
|
||||
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
/* slideLeft / slideRight / slideUp / slideDown */
|
||||
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
|
||||
}
|
||||
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(-10%);
|
||||
-moz-transform: translateX(-10%);
|
||||
-ms-transform: translateX(-10%);
|
||||
transform: translateX(-10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(10%);
|
||||
-moz-transform: translateX(10%);
|
||||
-ms-transform: translateX(10%);
|
||||
transform: translateX(10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateX(0);
|
||||
-moz-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(-10%);
|
||||
-moz-transform: translateY(-10%);
|
||||
-ms-transform: translateY(-10%);
|
||||
transform: translateY(-10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(10%);
|
||||
-moz-transform: translateY(10%);
|
||||
-ms-transform: translateY(10%);
|
||||
transform: translateY(10%);
|
||||
}
|
||||
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
|
||||
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateY(0);
|
||||
-moz-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* fall */
|
||||
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
|
||||
-webkit-perspective: 1000px;
|
||||
-moz-perspective: 1000px;
|
||||
perspective: 1000px;
|
||||
}
|
||||
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-ms-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
-webkit-transform: translateZ(300px);
|
||||
-moz-transform: translateZ(300px);
|
||||
-ms-transform: translateZ(300px);
|
||||
transform: translateZ(300px);
|
||||
}
|
||||
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
|
||||
-webkit-transform: translateZ(0);
|
||||
-moz-transform: translateZ(0);
|
||||
-ms-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
/*
|
||||
* Nivo Lightbox Default Theme v1.0
|
||||
* http://dev7studios.com/nivo-lightbox
|
||||
*
|
||||
* Copyright 2013, Dev7studios
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*/
|
||||
|
||||
.nivo-lightbox-theme-default.nivo-lightbox-overlay {
|
||||
background: #666;
|
||||
background: rgba(0,0,0,0.6);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(../images/nivo-icons/loading.gif) no-repeat 50% 50%; }
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-nav {
|
||||
top: 10%;
|
||||
width: 8%;
|
||||
height: 80%;
|
||||
text-indent: -9999px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
|
||||
opacity: 1;
|
||||
background-color: rgba(0,0,0,0.5);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-prev {
|
||||
background-image: url(../images/nivo-icons/prev.png);
|
||||
border-radius: 0 3px 3px 0;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-next {
|
||||
background-image: url(../images/nivo-icons/next.png);
|
||||
border-radius: 3px 0 0 3px;
|
||||
}
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close {
|
||||
display: block;
|
||||
background: url(../images/nivo-icons/close.png) no-repeat;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
text-indent: -9999px;
|
||||
padding: 5px;
|
||||
opacity: 0.5;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-title {
|
||||
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
padding: 7px 15px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-image img {
|
||||
background: #fff;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-inline {
|
||||
background: #fff;
|
||||
padding: 40px;
|
||||
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
@media (-webkit-min-device-pixel-ratio: 1.3),
|
||||
(-o-min-device-pixel-ratio: 2.6/2),
|
||||
(min--moz-device-pixel-ratio: 1.3),
|
||||
(min-device-pixel-ratio: 1.3),
|
||||
(min-resolution: 1.3dppx) {
|
||||
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
|
||||
background-image: url(../images/nivo-icons/loading@2x.gif);
|
||||
-webkit-background-size: 32px 32px;
|
||||
background-size: 32px 32px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-prev {
|
||||
background-image: url(../images/nivo-icons/prev@2x.png);
|
||||
-webkit-background-size: 48px 48px;
|
||||
background-size: 48px 48px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-next {
|
||||
background-image: url(../images/nivo-icons/next@2x.png);
|
||||
-webkit-background-size: 48px 48px;
|
||||
background-size: 48px 48px;
|
||||
}
|
||||
.nivo-lightbox-theme-default .nivo-lightbox-close {
|
||||
background-image: url(../images/nivo-icons/close@2x.png);
|
||||
-webkit-background-size: 16px 16px;
|
||||
background-size: 16px 16px;
|
||||
}
|
||||
|
||||
}
|
||||
@@ -1,2 +1,2 @@
|
||||
1) Rename all CSS .owl to .pagelayer-owl
|
||||
1) Rename all CSS .owl to .pagelayer-owl
|
||||
2) Rename owlCarousel to pagelayerowlCarousel in JS
|
||||
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.pagelayer-owl-carousel,.pagelayer-owl-carousel .pagelayer-owl-item{-webkit-tap-highlight-color:transparent;position:relative}.pagelayer-owl-carousel{display:none;width:100%;z-index:1}.pagelayer-owl-carousel .pagelayer-owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.pagelayer-owl-carousel .pagelayer-owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.pagelayer-owl-carousel .pagelayer-owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.pagelayer-owl-carousel .pagelayer-owl-item,.pagelayer-owl-carousel .pagelayer-owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.pagelayer-owl-carousel .pagelayer-owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.pagelayer-owl-carousel .pagelayer-owl-item img{display:block;width:100%}.pagelayer-owl-carousel .pagelayer-owl-dots.disabled,.pagelayer-owl-carousel .pagelayer-owl-nav.disabled{display:none}.no-js .pagelayer-owl-carousel,.pagelayer-owl-carousel.pagelayer-owl-loaded{display:block}.pagelayer-owl-carousel .pagelayer-owl-dot,.pagelayer-owl-carousel .pagelayer-owl-nav .pagelayer-owl-next,.pagelayer-owl-carousel .pagelayer-owl-nav .pagelayer-owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagelayer-owl-carousel .pagelayer-owl-nav button.pagelayer-owl-next,.pagelayer-owl-carousel .pagelayer-owl-nav button.pagelayer-owl-prev,.pagelayer-owl-carousel button.pagelayer-owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.pagelayer-owl-carousel.pagelayer-owl-loading{opacity:0;display:block}.pagelayer-owl-carousel.pagelayer-owl-hidden{opacity:0}.pagelayer-owl-carousel.pagelayer-owl-refresh .pagelayer-owl-item{visibility:hidden}.pagelayer-owl-carousel.pagelayer-owl-drag .pagelayer-owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pagelayer-owl-carousel.pagelayer-owl-grab{cursor:move;cursor:grab}.pagelayer-owl-carousel.pagelayer-owl-rtl{direction:rtl}.pagelayer-owl-carousel.pagelayer-owl-rtl .pagelayer-owl-item{float:right}.pagelayer-owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.pagelayer-owl-carousel .pagelayer-owl-animated-in{z-index:0}.pagelayer-owl-carousel .pagelayer-owl-animated-out{z-index:1}.pagelayer-owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.pagelayer-owl-height{transition:height .5s ease-in-out}.pagelayer-owl-carousel .pagelayer-owl-item .pagelayer-owl-lazy{opacity:0;transition:opacity .4s ease}.pagelayer-owl-carousel .pagelayer-owl-item .pagelayer-owl-lazy:not([src]),.pagelayer-owl-carousel .pagelayer-owl-item .pagelayer-owl-lazy[src^=""]{max-height:0}.pagelayer-owl-carousel .pagelayer-owl-item img.pagelayer-owl-lazy{transform-style:preserve-3d}.pagelayer-owl-carousel .pagelayer-owl-video-wrapper{position:relative;height:100%;background:#000}.pagelayer-owl-carousel .pagelayer-owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.pagelayer-owl-carousel .pagelayer-owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.pagelayer-owl-carousel .pagelayer-owl-video-playing .pagelayer-owl-video-play-icon,.pagelayer-owl-carousel .pagelayer-owl-video-playing .pagelayer-owl-video-tn{display:none}.pagelayer-owl-carousel .pagelayer-owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.pagelayer-owl-carousel .pagelayer-owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
|
||||
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
/**
|
||||
* Owl Carousel v2.3.4
|
||||
* Copyright 2013-2018 David Deutsch
|
||||
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
|
||||
*/
|
||||
.pagelayer-owl-theme .pagelayer-owl-dots,.pagelayer-owl-theme .pagelayer-owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.pagelayer-owl-theme .pagelayer-owl-nav{margin-top:10px}.pagelayer-owl-theme .pagelayer-owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.pagelayer-owl-theme .pagelayer-owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.pagelayer-owl-theme .pagelayer-owl-nav .disabled{opacity:.5;cursor:default}.pagelayer-owl-theme .pagelayer-owl-nav.disabled+.pagelayer-owl-dots{margin-top:10px}.pagelayer-owl-theme .pagelayer-owl-dots .pagelayer-owl-dot{display:inline-block;zoom:1}.pagelayer-owl-theme .pagelayer-owl-dots .pagelayer-owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.pagelayer-owl-theme .pagelayer-owl-dots .pagelayer-owl-dot.active span,.pagelayer-owl-theme .pagelayer-owl-dots .pagelayer-owl-dot:hover span{background:#869791}
|
||||
@@ -1,152 +1,152 @@
|
||||
.pagelayer-tab-panel{
|
||||
padding:20px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-setting-form th, .pagelayer-setting-form td{
|
||||
padding:10px 20px 10px 0px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.pagelayer-internal-table th, .pagelayer-internal-table td{
|
||||
padding:3px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper{
|
||||
width:90%;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper .pagelayer-acc-tab{
|
||||
width:100%;
|
||||
float:unset;
|
||||
display:block;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper .pagelayer-acc-panel{
|
||||
padding:0px 20px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-setting-form td .pagelayer-app-id{
|
||||
width:350px;
|
||||
}
|
||||
|
||||
.pagelayer-cf table{
|
||||
width: 80%;
|
||||
}
|
||||
.pagelayer-cf table label,
|
||||
.pagelayer-cf table input:not([type="checkbox"]):not([type="radio"]),
|
||||
.pagelayer-cf table textarea{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagelayer-show-vanilla{
|
||||
border: 1px solid #0495ce;
|
||||
display: block;
|
||||
padding: 4px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
width: 40px;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.pagelayer-show-vanilla .dashicons{
|
||||
position: absolute;
|
||||
right:0px;
|
||||
top: 0px;
|
||||
font-size: 14px;
|
||||
background: #686868;
|
||||
color: #fff;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.pagelayer-color-div{
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pagelayer-color-none{
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1QTFRFAAAAAQEBBQUFDAwM9PT0+vr6/////v7+BAQE+/v7AgIC/f39AwMDDQ0N8/Pzb6ggJQAAAZ5JREFUeJztlr1twzAQhU+tK7ELDDdBNsgO2SAznAr3JAJXWSJp49YLuPAW2cJbhEdSQZBCEMRHgMVj5U80HnkSfz4Ra06eXjSoTvr6HKGGU94o8vBpqPr2LjLUcAr8ikNEnLx6jT93VZxneBn1Zg9uOlxsxO0suTkXfJywTsG5Ok5x9hK0NKM6bhEosh+nq+HJD+c6TmvG2r8RtrMb9g4aOKY3CA0ElyyHcbAHIXNw5Q9bWeLG2aUH80ItU97K8ihlhmmIUFb+dpZvOceNE7fOnz/UsNztHAMEzSwf6idEqTOLHv0R8THc7/o72Qzrl8vMwAVdmreDFhloLxQcCC65QSC45AYfBV0yfGGjtx78cLjrVaHHF/yAhV8B8EsKfo3CL/pRHFZFnIBlCa5z9EP6If1wBdMPe5QleMkNAumHuZ9+SD9cYPphjzpHP6Qf0g9XMP2wR1mCl9wgkH6Y++mH9MMFph/2qHP0Q/oh/XAF0w97lCV4yQ0C6Ye5n35IP1xg+mGPOkc/pB/SD1cw/bBHWYKX3CCQfpj76Yfr+QfwnsxmcLvdhQAAAABJRU5ErkJggg==') !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
.pagelayer-heading-tab-panel{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-styles-screens > li{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagelayer-heading-tab{
|
||||
background: #fff !important;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0px;
|
||||
border-radius:0px;
|
||||
}
|
||||
|
||||
.pagelayer-heading-wrapper{
|
||||
margin-right: 20px;
|
||||
border-bottom: unset;
|
||||
}
|
||||
|
||||
.pagelayer-heading-wrapper .nav-tab{
|
||||
display:block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.pagelayer-website-padding{
|
||||
width:65px;
|
||||
}
|
||||
|
||||
.pagelayer-notice{
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-notice-info{
|
||||
border-left: 5px solid #00a0d2 !important;
|
||||
}
|
||||
|
||||
.button-pagelayer{
|
||||
padding: 12px 25px !important;
|
||||
font-size: 15px !important;
|
||||
font-weight: bold;
|
||||
background: #7444fd !important;
|
||||
color: #fff !important;
|
||||
border: 1px solid #7444fd !important;
|
||||
transition: all .3s linear;
|
||||
pointer: cursor;
|
||||
}
|
||||
|
||||
.button-pagelayer:hover{
|
||||
background: #fff !important;
|
||||
color: #7444fd !important;
|
||||
}
|
||||
|
||||
.pagelayer-pro-div{
|
||||
margin: 50px auto;
|
||||
display: block;
|
||||
max-width: 700px;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pagelayer-pro-head{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagelayer-pro-message{
|
||||
margin: 25px auto;
|
||||
font-size: 15px;
|
||||
padding: 2px 25px;
|
||||
text-align: center;
|
||||
line-height: 1.8;
|
||||
.pagelayer-tab-panel{
|
||||
padding:20px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-setting-form th, .pagelayer-setting-form td{
|
||||
padding:10px 20px 10px 0px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.pagelayer-internal-table th, .pagelayer-internal-table td{
|
||||
padding:3px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper{
|
||||
width:90%;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper .pagelayer-acc-tab{
|
||||
width:100%;
|
||||
float:unset;
|
||||
display:block;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.pagelayer-acc-wrapper .pagelayer-acc-panel{
|
||||
padding:0px 20px;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-setting-form td .pagelayer-app-id{
|
||||
width:350px;
|
||||
}
|
||||
|
||||
.pagelayer-cf table{
|
||||
width: 80%;
|
||||
}
|
||||
.pagelayer-cf table label,
|
||||
.pagelayer-cf table input:not([type="checkbox"]):not([type="radio"]),
|
||||
.pagelayer-cf table textarea{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagelayer-show-vanilla{
|
||||
border: 1px solid #0495ce;
|
||||
display: block;
|
||||
padding: 4px;
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
width: 40px;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
.pagelayer-show-vanilla .dashicons{
|
||||
position: absolute;
|
||||
right:0px;
|
||||
top: 0px;
|
||||
font-size: 14px;
|
||||
background: #686868;
|
||||
color: #fff;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.pagelayer-color-div{
|
||||
width: 40px;
|
||||
height: 25px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.pagelayer-color-none{
|
||||
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgBAMAAAB54XoeAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC1QTFRFAAAAAQEBBQUFDAwM9PT0+vr6/////v7+BAQE+/v7AgIC/f39AwMDDQ0N8/Pzb6ggJQAAAZ5JREFUeJztlr1twzAQhU+tK7ELDDdBNsgO2SAznAr3JAJXWSJp49YLuPAW2cJbhEdSQZBCEMRHgMVj5U80HnkSfz4Ra06eXjSoTvr6HKGGU94o8vBpqPr2LjLUcAr8ikNEnLx6jT93VZxneBn1Zg9uOlxsxO0suTkXfJywTsG5Ok5x9hK0NKM6bhEosh+nq+HJD+c6TmvG2r8RtrMb9g4aOKY3CA0ElyyHcbAHIXNw5Q9bWeLG2aUH80ItU97K8ihlhmmIUFb+dpZvOceNE7fOnz/UsNztHAMEzSwf6idEqTOLHv0R8THc7/o72Qzrl8vMwAVdmreDFhloLxQcCC65QSC45AYfBV0yfGGjtx78cLjrVaHHF/yAhV8B8EsKfo3CL/pRHFZFnIBlCa5z9EP6If1wBdMPe5QleMkNAumHuZ9+SD9cYPphjzpHP6Qf0g9XMP2wR1mCl9wgkH6Y++mH9MMFph/2qHP0Q/oh/XAF0w97lCV4yQ0C6Ye5n35IP1xg+mGPOkc/pB/SD1cw/bBHWYKX3CCQfpj76Yfr+QfwnsxmcLvdhQAAAABJRU5ErkJggg==') !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
|
||||
.pagelayer-heading-tab-panel{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.pagelayer-styles-screens > li{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagelayer-heading-tab{
|
||||
background: #fff !important;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0px;
|
||||
border-radius:0px;
|
||||
}
|
||||
|
||||
.pagelayer-heading-wrapper{
|
||||
margin-right: 20px;
|
||||
border-bottom: unset;
|
||||
}
|
||||
|
||||
.pagelayer-heading-wrapper .nav-tab{
|
||||
display:block;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.pagelayer-website-padding{
|
||||
width:65px;
|
||||
}
|
||||
|
||||
.pagelayer-notice{
|
||||
padding: 10px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-notice-info{
|
||||
border-left: 5px solid #00a0d2 !important;
|
||||
}
|
||||
|
||||
.button-pagelayer{
|
||||
padding: 12px 25px !important;
|
||||
font-size: 15px !important;
|
||||
font-weight: bold;
|
||||
background: #7444fd !important;
|
||||
color: #fff !important;
|
||||
border: 1px solid #7444fd !important;
|
||||
transition: all .3s linear;
|
||||
pointer: cursor;
|
||||
}
|
||||
|
||||
.button-pagelayer:hover{
|
||||
background: #fff !important;
|
||||
color: #7444fd !important;
|
||||
}
|
||||
|
||||
.pagelayer-pro-div{
|
||||
margin: 50px auto;
|
||||
display: block;
|
||||
max-width: 700px;
|
||||
padding: 20px;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pagelayer-pro-head{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.pagelayer-pro-message{
|
||||
margin: 25px auto;
|
||||
font-size: 15px;
|
||||
padding: 2px 25px;
|
||||
text-align: center;
|
||||
line-height: 1.8;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,365 +1,365 @@
|
||||
/* Pagelayer Pen editor*/
|
||||
.pagelayer-pen{
|
||||
-webkit-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.pagelayer-pen-holder{
|
||||
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
background-color: #ffffff;
|
||||
position: fixed;
|
||||
z-index: 9999999999;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
transform: translateY(-100%);
|
||||
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
|
||||
border-radius: 2px;
|
||||
line-height: 1;
|
||||
padding: 8px 2px;
|
||||
font-size: 15px !important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar{
|
||||
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
box-sizing: border-box;
|
||||
width: max-content;
|
||||
max-width: 90vw;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-formats{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-right: 7px;
|
||||
padding-left: 7px;
|
||||
border-left:1px solid #ccc;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar button{
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 24px;
|
||||
padding: 3px 5px;
|
||||
width: 28px;
|
||||
font-size: 14px !important;
|
||||
font-weight: 700 !important;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar button strong{
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-formats:first-child {
|
||||
padding-left: 0px !important;
|
||||
border-left: 0px;
|
||||
}
|
||||
/* Start Dropdown picker*/
|
||||
.pagelayer-pen-picker{
|
||||
color: #444;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
padding:3px 5px;
|
||||
font-size: 14px !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-label {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker .pagelayer-pen-picker-label:after {
|
||||
content: "\f0dc";
|
||||
padding-left: 15px;
|
||||
font-weight: 600;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-font .pagelayer-pen-picker-label:after,
|
||||
.pagelayer-pen-picker.pagelayer-pen-lineheight .pagelayer-pen-picker-label:after,
|
||||
.pagelayer-pen-picker.pagelayer-pen-color-picker .pagelayer-pen-picker-label:after {
|
||||
content: "";
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-label::before {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options {
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
min-width: 100%;
|
||||
padding: 4px 8px;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
margin-left: -8px;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar {
|
||||
width:3px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
cursor:context-menu;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options .pagelayer-pen-picker-item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label {
|
||||
color: #ccc;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label .pagelayer-pen-fill {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label .pagelayer-pen-stroke {
|
||||
stroke: #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-options {
|
||||
display: block;
|
||||
margin-top: -1px;
|
||||
top: 100%;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 0px 1px 1px #e4e4e4;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-labe{
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-icon-picker .pagelayer-pen-picker-options {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-icon-picker .pagelayer-pen-picker-item {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-options {
|
||||
padding: 3px 5px;
|
||||
width: 152px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-item {
|
||||
border: 1px solid transparent;
|
||||
float: left;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-size-picker .pagelayer-pen-picker-label:before,
|
||||
.pagelayer-pen-picker:not(.pagelayer-pen-color-picker) .pagelayer-pen-picker-item:empty:before{
|
||||
content: attr(data-value);
|
||||
}
|
||||
|
||||
.pagelayer-pen-link-tooltip > *{
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-link-tooltip input{
|
||||
min-width: 300px;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-unlink-btn,
|
||||
.pagelayer-pen-link-btn{
|
||||
padding: 7px;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* End Dropdown picker*/
|
||||
/* Start HTML viewer*/
|
||||
.pagelayer-pen-html-viewer{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: none;
|
||||
background: #0000009c;
|
||||
z-index:999999;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-holder{
|
||||
width: 90%;
|
||||
height: 80vh;
|
||||
margin: auto;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
transform: translateY(-50%);
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 7px 0px #fff;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-area{
|
||||
resize: none;
|
||||
width: 100%;
|
||||
height: calc(100% - 50px);
|
||||
border-radius: 0;
|
||||
padding: 10px;
|
||||
font-family: courier, courier new, serif;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-btn{
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-btn button{
|
||||
margin-right: 10px;
|
||||
padding: 7px 20px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-area:focus{
|
||||
border:none;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
/* End HTML viewer*/
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-close{
|
||||
background: #e6e6e6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-close .fas{
|
||||
font-size: 10px !important;
|
||||
color: #fb0101;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar svg{
|
||||
width:18px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pagelayer-pen-stroke{
|
||||
fill: none;
|
||||
stroke: #444;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active,
|
||||
.pagelayer-pen-toolbar button:hover,
|
||||
.pagelayer-pen-picker-label:hover,
|
||||
.pagelayer-pen-picker-item:hover,
|
||||
.pagelayer-pen-active .fas,
|
||||
.pagelayer-pen-toolbar button:hover .fas,
|
||||
.pagelayer-pen-picker-label:hover .fas,
|
||||
.pagelayer-pen-picker-item:hover .fas{
|
||||
color: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active .pagelayer-pen-fill,
|
||||
.pagelayer-pen-toolbar button:hover .pagelayer-pen-fill,
|
||||
.pagelayer-pen-picker-label:hover .pagelayer-pen-fill,
|
||||
.pagelayer-pen-picker-item:hover .pagelayer-pen-fill{
|
||||
fill: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-toolbar button:hover .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-picker-label:hover .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-picker-item:hover .pagelayer-pen-stroke{
|
||||
stroke: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-custom-input{
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 75px;
|
||||
height: 25px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h1"]:before{
|
||||
content: "Heading 1" !important;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h2"]:before{
|
||||
content: "Heading 2" !important;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h3"]:before{
|
||||
content: "Heading 3" !important;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h4"]:before{
|
||||
content: "Heading 4" !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h5"]:before{
|
||||
content: "Heading 5" !important;
|
||||
font-size: 0.83em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h6"]:before{
|
||||
content: "Heading 6" !important;
|
||||
font-size: 0.67em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="p"]:before{
|
||||
content: "Paragraph" !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="blockquote"]:before{
|
||||
content: "Blockquote" !important;
|
||||
/* Pagelayer Pen editor*/
|
||||
.pagelayer-pen{
|
||||
-webkit-user-select: text;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
.pagelayer-pen-holder{
|
||||
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
background-color: #ffffff;
|
||||
position: fixed;
|
||||
z-index: 9999999999;
|
||||
top: 50px;
|
||||
left: 0;
|
||||
transform: translateY(-100%);
|
||||
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
|
||||
border-radius: 2px;
|
||||
line-height: 1;
|
||||
padding: 8px 2px;
|
||||
font-size: 15px !important;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar{
|
||||
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
|
||||
box-sizing: border-box;
|
||||
width: max-content;
|
||||
max-width: 90vw;
|
||||
background: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-formats{
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
padding-right: 7px;
|
||||
padding-left: 7px;
|
||||
border-left:1px solid #ccc;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar button{
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 24px;
|
||||
padding: 3px 5px;
|
||||
width: 28px;
|
||||
font-size: 14px !important;
|
||||
font-weight: 700 !important;
|
||||
color: #444;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar button strong{
|
||||
font-weight: bold !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-formats:first-child {
|
||||
padding-left: 0px !important;
|
||||
border-left: 0px;
|
||||
}
|
||||
/* Start Dropdown picker*/
|
||||
.pagelayer-pen-picker{
|
||||
color: #444;
|
||||
display: inline-block;
|
||||
float: left;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
padding:3px 5px;
|
||||
font-size: 14px !important;
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-label {
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker .pagelayer-pen-picker-label:after {
|
||||
content: "\f0dc";
|
||||
padding-left: 15px;
|
||||
font-weight: 600;
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-font .pagelayer-pen-picker-label:after,
|
||||
.pagelayer-pen-picker.pagelayer-pen-lineheight .pagelayer-pen-picker-label:after,
|
||||
.pagelayer-pen-picker.pagelayer-pen-color-picker .pagelayer-pen-picker-label:after {
|
||||
content: "";
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-label::before {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options {
|
||||
background-color: #fff;
|
||||
display: none;
|
||||
min-width: 100%;
|
||||
padding: 4px 8px;
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
margin-left: -8px;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar {
|
||||
width:3px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-track {
|
||||
background: #f1f1f1;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-thumb {
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options::-webkit-scrollbar-thumb:hover {
|
||||
background: #555;
|
||||
cursor:context-menu;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker-options .pagelayer-pen-picker-item {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding-bottom: 5px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label {
|
||||
color: #ccc;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label .pagelayer-pen-fill {
|
||||
fill: #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-label .pagelayer-pen-stroke {
|
||||
stroke: #ccc;
|
||||
}
|
||||
|
||||
.pagelayer-pen-picker.pagelayer-pen-expanded .pagelayer-pen-picker-options {
|
||||
display: block;
|
||||
margin-top: -1px;
|
||||
top: 100%;
|
||||
z-index: 1;
|
||||
box-shadow: 0px 0px 1px 1px #e4e4e4;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-labe{
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-icon-picker .pagelayer-pen-picker-options {
|
||||
padding: 4px 0px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-icon-picker .pagelayer-pen-picker-item {
|
||||
height: 24px;
|
||||
width: 24px;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-options {
|
||||
padding: 3px 5px;
|
||||
width: 152px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-color-picker .pagelayer-pen-picker-item {
|
||||
border: 1px solid transparent;
|
||||
float: left;
|
||||
height: 16px;
|
||||
margin: 2px;
|
||||
padding: 0px;
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-size-picker .pagelayer-pen-picker-label:before,
|
||||
.pagelayer-pen-picker:not(.pagelayer-pen-color-picker) .pagelayer-pen-picker-item:empty:before{
|
||||
content: attr(data-value);
|
||||
}
|
||||
|
||||
.pagelayer-pen-link-tooltip > *{
|
||||
margin:0 2px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-link-tooltip input{
|
||||
min-width: 300px;
|
||||
font-size: 13px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.pagelayer-pen-unlink-btn,
|
||||
.pagelayer-pen-link-btn{
|
||||
padding: 7px;
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
/* End Dropdown picker*/
|
||||
/* Start HTML viewer*/
|
||||
.pagelayer-pen-html-viewer{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
display: none;
|
||||
background: #0000009c;
|
||||
z-index:999999;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-holder{
|
||||
width: 90%;
|
||||
height: 80vh;
|
||||
margin: auto;
|
||||
top: 50%;
|
||||
position: relative;
|
||||
transform: translateY(-50%);
|
||||
background: #fff;
|
||||
box-shadow: 0px 0px 7px 0px #fff;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-area{
|
||||
resize: none;
|
||||
width: 100%;
|
||||
height: calc(100% - 50px);
|
||||
border-radius: 0;
|
||||
padding: 10px;
|
||||
font-family: courier, courier new, serif;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-btn{
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-btn button{
|
||||
margin-right: 10px;
|
||||
padding: 7px 20px !important;
|
||||
font-size: 15px !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-html-viewer .pagelayer-pen-html-area:focus{
|
||||
border:none;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
/* End HTML viewer*/
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-close{
|
||||
background: #e6e6e6;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar .pagelayer-pen-close .fas{
|
||||
font-size: 10px !important;
|
||||
color: #fb0101;
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.pagelayer-pen-toolbar svg{
|
||||
width:18px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.pagelayer-pen-stroke{
|
||||
fill: none;
|
||||
stroke: #444;
|
||||
stroke-linecap: round;
|
||||
stroke-linejoin: round;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active,
|
||||
.pagelayer-pen-toolbar button:hover,
|
||||
.pagelayer-pen-picker-label:hover,
|
||||
.pagelayer-pen-picker-item:hover,
|
||||
.pagelayer-pen-active .fas,
|
||||
.pagelayer-pen-toolbar button:hover .fas,
|
||||
.pagelayer-pen-picker-label:hover .fas,
|
||||
.pagelayer-pen-picker-item:hover .fas{
|
||||
color: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active .pagelayer-pen-fill,
|
||||
.pagelayer-pen-toolbar button:hover .pagelayer-pen-fill,
|
||||
.pagelayer-pen-picker-label:hover .pagelayer-pen-fill,
|
||||
.pagelayer-pen-picker-item:hover .pagelayer-pen-fill{
|
||||
fill: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-active .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-toolbar button:hover .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-picker-label:hover .pagelayer-pen-stroke,
|
||||
.pagelayer-pen-picker-item:hover .pagelayer-pen-stroke{
|
||||
stroke: #06c;
|
||||
}
|
||||
|
||||
.pagelayer-pen-custom-input{
|
||||
display: block;
|
||||
width: 100%;
|
||||
min-width: 75px;
|
||||
height: 25px;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h1"]:before{
|
||||
content: "Heading 1" !important;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h2"]:before{
|
||||
content: "Heading 2" !important;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h3"]:before{
|
||||
content: "Heading 3" !important;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h4"]:before{
|
||||
content: "Heading 4" !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h5"]:before{
|
||||
content: "Heading 5" !important;
|
||||
font-size: 0.83em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="h6"]:before{
|
||||
content: "Heading 6" !important;
|
||||
font-size: 0.67em;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="p"]:before{
|
||||
content: "Paragraph" !important;
|
||||
}
|
||||
|
||||
.pagelayer-pen-formating .pagelayer-pen-picker-item[data-value="blockquote"]:before{
|
||||
content: "Blockquote" !important;
|
||||
}
|
||||
@@ -1,165 +1,165 @@
|
||||
/*! Licensed under MIT, https://github.com/sofish/pen */
|
||||
|
||||
/* basic reset */
|
||||
.pen, .pen-menu, .pen-input, .pen textarea{font:400 1.16em/1.45 Palatino, Optima, Georgia, serif;color:#331;}
|
||||
.pen:focus{outline:none;}
|
||||
.pen fieldset, img {border: 0;}
|
||||
.pen blockquote{padding-left:10px;margin-left:-14px;border-left:4px solid #1abf89;}
|
||||
.pen a{color:#1abf89;}
|
||||
.pen del{text-decoration:line-through;}
|
||||
.pen sub, .pen sup {font-size:75%;position:relative;vertical-align:text-top;}
|
||||
:root .pen sub, :root .pen sup{vertical-align:baseline; /* for ie9 and other mordern browsers */}
|
||||
.pen sup {top:-0.5em;}
|
||||
.pen sub {bottom:-0.25em;}
|
||||
.pen hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:25px;*color:pink;*filter:chroma(color=pink);height:10px;*margin:-7px 0 15px;}
|
||||
.pen small{font-size:0.8em;color:#888;}
|
||||
.pen em, .pen b, .pen strong{font-weight:700;}
|
||||
.pen pre{white-space:pre-wrap;padding:0.85em;background:#f8f8f8;}
|
||||
|
||||
/* block-level element margin */
|
||||
.pen p, .pen pre, .pen ul, .pen ol, .pen dl, .pen form, .pen table, .pen blockquote{margin-bottom:16px;}
|
||||
|
||||
/* headers */
|
||||
.pen h1, .pen h2, .pen h3, .pen h4, .pen h5, .pen h6{margin-bottom:16px;font-weight:700;line-height:1.2;}
|
||||
.pen h1{font-size:2em;}
|
||||
.pen h2{font-size:1.8em;}
|
||||
.pen h3{font-size:1.6em;}
|
||||
.pen h4{font-size:1.4em;}
|
||||
.pen h5, .pen h6{font-size:1.2em;}
|
||||
|
||||
/* list */
|
||||
.pen ul, .pen ol{margin-left:1.2em;}
|
||||
.pen ul, .pen-ul{list-style:disc;}
|
||||
.pen ol, .pen-ol{list-style:decimal;}
|
||||
.pen li ul, .pen li ol, .pen-ul ul, .pen-ul ol, .pen-ol ul, .pen-ol ol{margin:0 2em 0 1.2em;}
|
||||
.pen li ul, .pen-ul ul, .pen-ol ul{list-style: circle;}
|
||||
|
||||
/* pen menu */
|
||||
.pen-menu [class^="icon-"], .pen-menu [class*=" icon-"] { /* reset to avoid conflicts with Bootstrap */
|
||||
background: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
.pen-menu { min-width: 320px; }
|
||||
.pen-menu, .pen-input{font-size:14px;line-height:1;}
|
||||
.pen-menu{white-space:nowrap;box-shadow:1px 2px 3px -2px #222;background:#333;background-image:linear-gradient(to bottom, #222, #333);opacity:0.9;position:fixed;height:36px;border:1px solid #333;border-radius:3px;display:none;z-index:1000;}
|
||||
.pen-menu:after {top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
|
||||
.pen-menu:after {border-color:rgba(51, 51, 51, 0);border-top-color:#333;border-width:6px;left:50%;margin-left:-6px;}
|
||||
.pen-menu-below:after {top: -11px; display:block; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
|
||||
.pen-icon{font:normal 900 16px/40px Georgia serif;min-width:20px;display:inline-block;padding:0 10px;height:36px;overflow:hidden;color:#fff;text-align:center;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
|
||||
.pen-icon:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px;}
|
||||
.pen-icon:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px;}
|
||||
.pen-icon:hover{background:#000;}
|
||||
.pen-icon.active{color:#1abf89;background:#000;box-shadow:inset 2px 2px 4px #000;}
|
||||
.pen-input{position:absolute;width:100%;left:0;top:0;height:36px;line-height:20px;background:#333;color:#fff;border:none;text-align:center;display:none;font-family:arial, sans-serif;}
|
||||
.pen-input:focus{outline:none;}
|
||||
|
||||
.pen-textarea{display:block;background:#f8f8f8;padding:20px;}
|
||||
.pen textarea{font-size:14px;border:none;background:none;width:100%;_height:200px;min-height:200px;resize:none;}
|
||||
|
||||
.pen-menu [class^="icon-"]:before, .pen-menu [class*=" icon-"]:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
margin-left: .2em;
|
||||
}
|
||||
.pen-menu .icon-location:before { content: '\e815'; } /* '' */
|
||||
.pen-menu .icon-fit:before { content: '\e80f'; } /* '' */
|
||||
.pen-menu .icon-bold:before { content: "\f032"; } /* '' */
|
||||
.pen-menu .icon-italic:before { content: "\f033"; } /* '' */
|
||||
.pen-menu .icon-justifyleft:before { content: '\e80a'; } /* '' */
|
||||
.pen-menu .icon-justifycenter:before { content: '\e80b'; } /* '' */
|
||||
.pen-menu .icon-justifyright:before { content: '\e80c'; } /* '' */
|
||||
.pen-menu .icon-justifyfull:before { content: '\e80d'; } /* '' */
|
||||
.pen-menu .icon-outdent:before { content: '\e800'; } /* '' */
|
||||
.pen-menu .icon-indent:before { content: '\e801'; } /* '' */
|
||||
.pen-menu .icon-mode:before { content: '\e813'; } /* '' */
|
||||
.pen-menu .icon-fullscreen:before { content: '\e80e'; } /* '' */
|
||||
.pen-menu .icon-insertunorderedlist:before { content: '\e802'; } /* '' */
|
||||
.pen-menu .icon-insertorderedlist:before { content: '\e803'; } /* '' */
|
||||
.pen-menu .icon-strikethrough:before { content: "\f0cc"; } /* '' */
|
||||
.pen-menu .icon-strike:before { content: "\f0cc"; } /* '' */
|
||||
.pen-menu .icon-underline:before { content: "\f0cd"; } /* '' */
|
||||
.pen-menu .icon-blockquote:before { content: '\e814'; } /* '' */
|
||||
.pen-menu .icon-undo:before { content: '\e817'; } /* '' */
|
||||
.pen-menu .icon-code:before { content: '\e816'; } /* '' */
|
||||
.pen-menu .icon-pre:before { content: '\e816'; } /* '' */
|
||||
.pen-menu .icon-unlink:before { content: '\e811'; } /* '' */
|
||||
.pen-menu .icon-superscript:before { content: '\e808'; } /* '' */
|
||||
.pen-menu .icon-subscript:before { content: '\e809'; } /* '' */
|
||||
.pen-menu .icon-inserthorizontalrule:before { content: '\e818'; } /* '' */
|
||||
.pen-menu .icon-pin:before { content: '\e812'; } /* '' */
|
||||
.pen-menu .icon-createlink:before { content: '\e810'; } /* '' */
|
||||
.pen-menu .icon-h1:before { content: 'H1'; }
|
||||
.pen-menu .icon-h2:before { content: 'H2'; }
|
||||
.pen-menu .icon-h3:before { content: 'H3'; }
|
||||
.pen-menu .icon-h4:before { content: 'H4'; }
|
||||
.pen-menu .icon-h5:before { content: 'H5'; }
|
||||
.pen-menu .icon-h6:before { content: 'H6'; }
|
||||
.pen-menu .icon-p:before { content: 'P'; }
|
||||
.pen-menu .icon-insertimage:before { width:1.8em;margin:0;position:relative;top:-2px;content:'IMG';font-size:12px;border:1px solid #fff;padding:2px;border-radius:2px; }
|
||||
.pen {
|
||||
position: relative;
|
||||
}
|
||||
.pen.hinted h1:before,
|
||||
.pen.hinted h2:before,
|
||||
.pen.hinted h3:before,
|
||||
.pen.hinted h4:before,
|
||||
.pen.hinted h5:before,
|
||||
.pen.hinted h6:before,
|
||||
.pen.hinted blockquote:before,
|
||||
.pen.hinted hr:before {
|
||||
color: #eee;
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
white-space: nowrap;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pen.hinted blockquote { border-left: 0; margin-left: 0; padding-left: 0; }
|
||||
.pen.hinted blockquote:before {
|
||||
color: #1abf89;
|
||||
content: ">";
|
||||
font-weight: bold;
|
||||
vertical-align: center;
|
||||
}
|
||||
.pen.hinted h1:before { content: "#";}
|
||||
.pen.hinted h2:before { content: "##";}
|
||||
.pen.hinted h3:before { content: "###";}
|
||||
.pen.hinted h4:before { content: "####";}
|
||||
.pen.hinted h5:before { content: "#####";}
|
||||
.pen.hinted h6:before { content: "######";}
|
||||
.pen.hinted hr:before { content: "﹘﹘﹘"; line-height: 1.2; vertical-align: bottom; }
|
||||
|
||||
.pen.hinted pre:before, .pen.hinted pre:after {
|
||||
content: "```";
|
||||
display: block;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.pen.hinted ul { list-style: none; }
|
||||
.pen.hinted ul li:before {
|
||||
content: "*";
|
||||
color: #999;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
margin-left: -1.2em;
|
||||
display: inline-block;
|
||||
width: 1.2em;
|
||||
}
|
||||
|
||||
.pen.hinted b:before, .pen.hinted b:after { content: "**"; color: #eee; font-weight: normal; }
|
||||
.pen.hinted i:before, .pen.hinted i:after { content: "*"; color: #eee; }
|
||||
|
||||
.pen.hinted a { text-decoration: none; }
|
||||
.pen.hinted a:before {content: "["; color: #ddd; }
|
||||
.pen.hinted a:after { content: "](" attr(href) ")"; color: #ddd; }
|
||||
|
||||
.pen-placeholder:after { position: absolute; top: 0; left: 0; content: attr(data-placeholder); color: #999; cursor: text; }
|
||||
/*! Licensed under MIT, https://github.com/sofish/pen */
|
||||
|
||||
/* basic reset */
|
||||
.pen, .pen-menu, .pen-input, .pen textarea{font:400 1.16em/1.45 Palatino, Optima, Georgia, serif;color:#331;}
|
||||
.pen:focus{outline:none;}
|
||||
.pen fieldset, img {border: 0;}
|
||||
.pen blockquote{padding-left:10px;margin-left:-14px;border-left:4px solid #1abf89;}
|
||||
.pen a{color:#1abf89;}
|
||||
.pen del{text-decoration:line-through;}
|
||||
.pen sub, .pen sup {font-size:75%;position:relative;vertical-align:text-top;}
|
||||
:root .pen sub, :root .pen sup{vertical-align:baseline; /* for ie9 and other mordern browsers */}
|
||||
.pen sup {top:-0.5em;}
|
||||
.pen sub {bottom:-0.25em;}
|
||||
.pen hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:25px;*color:pink;*filter:chroma(color=pink);height:10px;*margin:-7px 0 15px;}
|
||||
.pen small{font-size:0.8em;color:#888;}
|
||||
.pen em, .pen b, .pen strong{font-weight:700;}
|
||||
.pen pre{white-space:pre-wrap;padding:0.85em;background:#f8f8f8;}
|
||||
|
||||
/* block-level element margin */
|
||||
.pen p, .pen pre, .pen ul, .pen ol, .pen dl, .pen form, .pen table, .pen blockquote{margin-bottom:16px;}
|
||||
|
||||
/* headers */
|
||||
.pen h1, .pen h2, .pen h3, .pen h4, .pen h5, .pen h6{margin-bottom:16px;font-weight:700;line-height:1.2;}
|
||||
.pen h1{font-size:2em;}
|
||||
.pen h2{font-size:1.8em;}
|
||||
.pen h3{font-size:1.6em;}
|
||||
.pen h4{font-size:1.4em;}
|
||||
.pen h5, .pen h6{font-size:1.2em;}
|
||||
|
||||
/* list */
|
||||
.pen ul, .pen ol{margin-left:1.2em;}
|
||||
.pen ul, .pen-ul{list-style:disc;}
|
||||
.pen ol, .pen-ol{list-style:decimal;}
|
||||
.pen li ul, .pen li ol, .pen-ul ul, .pen-ul ol, .pen-ol ul, .pen-ol ol{margin:0 2em 0 1.2em;}
|
||||
.pen li ul, .pen-ul ul, .pen-ol ul{list-style: circle;}
|
||||
|
||||
/* pen menu */
|
||||
.pen-menu [class^="icon-"], .pen-menu [class*=" icon-"] { /* reset to avoid conflicts with Bootstrap */
|
||||
background: transparent;
|
||||
background-image: none;
|
||||
}
|
||||
.pen-menu { min-width: 320px; }
|
||||
.pen-menu, .pen-input{font-size:14px;line-height:1;}
|
||||
.pen-menu{white-space:nowrap;box-shadow:1px 2px 3px -2px #222;background:#333;background-image:linear-gradient(to bottom, #222, #333);opacity:0.9;position:fixed;height:36px;border:1px solid #333;border-radius:3px;display:none;z-index:1000;}
|
||||
.pen-menu:after {top:100%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
|
||||
.pen-menu:after {border-color:rgba(51, 51, 51, 0);border-top-color:#333;border-width:6px;left:50%;margin-left:-6px;}
|
||||
.pen-menu-below:after {top: -11px; display:block; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
|
||||
.pen-icon{font:normal 900 16px/40px Georgia serif;min-width:20px;display:inline-block;padding:0 10px;height:36px;overflow:hidden;color:#fff;text-align:center;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;}
|
||||
.pen-icon:first-of-type{border-top-left-radius:3px;border-bottom-left-radius:3px;}
|
||||
.pen-icon:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px;}
|
||||
.pen-icon:hover{background:#000;}
|
||||
.pen-icon.active{color:#1abf89;background:#000;box-shadow:inset 2px 2px 4px #000;}
|
||||
.pen-input{position:absolute;width:100%;left:0;top:0;height:36px;line-height:20px;background:#333;color:#fff;border:none;text-align:center;display:none;font-family:arial, sans-serif;}
|
||||
.pen-input:focus{outline:none;}
|
||||
|
||||
.pen-textarea{display:block;background:#f8f8f8;padding:20px;}
|
||||
.pen textarea{font-size:14px;border:none;background:none;width:100%;_height:200px;min-height:200px;resize:none;}
|
||||
|
||||
.pen-menu [class^="icon-"]:before, .pen-menu [class*=" icon-"]:before {
|
||||
font-family: "Font Awesome 5 Free";
|
||||
font-style: normal;
|
||||
font-weight: 900;
|
||||
speak: none;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
margin-right: .2em;
|
||||
text-align: center;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1em;
|
||||
margin-left: .2em;
|
||||
}
|
||||
.pen-menu .icon-location:before { content: '\e815'; } /* '' */
|
||||
.pen-menu .icon-fit:before { content: '\e80f'; } /* '' */
|
||||
.pen-menu .icon-bold:before { content: "\f032"; } /* '' */
|
||||
.pen-menu .icon-italic:before { content: "\f033"; } /* '' */
|
||||
.pen-menu .icon-justifyleft:before { content: '\e80a'; } /* '' */
|
||||
.pen-menu .icon-justifycenter:before { content: '\e80b'; } /* '' */
|
||||
.pen-menu .icon-justifyright:before { content: '\e80c'; } /* '' */
|
||||
.pen-menu .icon-justifyfull:before { content: '\e80d'; } /* '' */
|
||||
.pen-menu .icon-outdent:before { content: '\e800'; } /* '' */
|
||||
.pen-menu .icon-indent:before { content: '\e801'; } /* '' */
|
||||
.pen-menu .icon-mode:before { content: '\e813'; } /* '' */
|
||||
.pen-menu .icon-fullscreen:before { content: '\e80e'; } /* '' */
|
||||
.pen-menu .icon-insertunorderedlist:before { content: '\e802'; } /* '' */
|
||||
.pen-menu .icon-insertorderedlist:before { content: '\e803'; } /* '' */
|
||||
.pen-menu .icon-strikethrough:before { content: "\f0cc"; } /* '' */
|
||||
.pen-menu .icon-strike:before { content: "\f0cc"; } /* '' */
|
||||
.pen-menu .icon-underline:before { content: "\f0cd"; } /* '' */
|
||||
.pen-menu .icon-blockquote:before { content: '\e814'; } /* '' */
|
||||
.pen-menu .icon-undo:before { content: '\e817'; } /* '' */
|
||||
.pen-menu .icon-code:before { content: '\e816'; } /* '' */
|
||||
.pen-menu .icon-pre:before { content: '\e816'; } /* '' */
|
||||
.pen-menu .icon-unlink:before { content: '\e811'; } /* '' */
|
||||
.pen-menu .icon-superscript:before { content: '\e808'; } /* '' */
|
||||
.pen-menu .icon-subscript:before { content: '\e809'; } /* '' */
|
||||
.pen-menu .icon-inserthorizontalrule:before { content: '\e818'; } /* '' */
|
||||
.pen-menu .icon-pin:before { content: '\e812'; } /* '' */
|
||||
.pen-menu .icon-createlink:before { content: '\e810'; } /* '' */
|
||||
.pen-menu .icon-h1:before { content: 'H1'; }
|
||||
.pen-menu .icon-h2:before { content: 'H2'; }
|
||||
.pen-menu .icon-h3:before { content: 'H3'; }
|
||||
.pen-menu .icon-h4:before { content: 'H4'; }
|
||||
.pen-menu .icon-h5:before { content: 'H5'; }
|
||||
.pen-menu .icon-h6:before { content: 'H6'; }
|
||||
.pen-menu .icon-p:before { content: 'P'; }
|
||||
.pen-menu .icon-insertimage:before { width:1.8em;margin:0;position:relative;top:-2px;content:'IMG';font-size:12px;border:1px solid #fff;padding:2px;border-radius:2px; }
|
||||
.pen {
|
||||
position: relative;
|
||||
}
|
||||
.pen.hinted h1:before,
|
||||
.pen.hinted h2:before,
|
||||
.pen.hinted h3:before,
|
||||
.pen.hinted h4:before,
|
||||
.pen.hinted h5:before,
|
||||
.pen.hinted h6:before,
|
||||
.pen.hinted blockquote:before,
|
||||
.pen.hinted hr:before {
|
||||
color: #eee;
|
||||
position: absolute;
|
||||
right: 100%;
|
||||
white-space: nowrap;
|
||||
padding-right: 10px;
|
||||
}
|
||||
.pen.hinted blockquote { border-left: 0; margin-left: 0; padding-left: 0; }
|
||||
.pen.hinted blockquote:before {
|
||||
color: #1abf89;
|
||||
content: ">";
|
||||
font-weight: bold;
|
||||
vertical-align: center;
|
||||
}
|
||||
.pen.hinted h1:before { content: "#";}
|
||||
.pen.hinted h2:before { content: "##";}
|
||||
.pen.hinted h3:before { content: "###";}
|
||||
.pen.hinted h4:before { content: "####";}
|
||||
.pen.hinted h5:before { content: "#####";}
|
||||
.pen.hinted h6:before { content: "######";}
|
||||
.pen.hinted hr:before { content: "﹘﹘﹘"; line-height: 1.2; vertical-align: bottom; }
|
||||
|
||||
.pen.hinted pre:before, .pen.hinted pre:after {
|
||||
content: "```";
|
||||
display: block;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
.pen.hinted ul { list-style: none; }
|
||||
.pen.hinted ul li:before {
|
||||
content: "*";
|
||||
color: #999;
|
||||
line-height: 1;
|
||||
vertical-align: bottom;
|
||||
margin-left: -1.2em;
|
||||
display: inline-block;
|
||||
width: 1.2em;
|
||||
}
|
||||
|
||||
.pen.hinted b:before, .pen.hinted b:after { content: "**"; color: #eee; font-weight: normal; }
|
||||
.pen.hinted i:before, .pen.hinted i:after { content: "*"; color: #eee; }
|
||||
|
||||
.pen.hinted a { text-decoration: none; }
|
||||
.pen.hinted a:before {content: "["; color: #ddd; }
|
||||
.pen.hinted a:after { content: "](" attr(href) ")"; color: #ddd; }
|
||||
|
||||
.pen-placeholder:after { position: absolute; top: 0; left: 0; content: attr(data-placeholder); color: #999; cursor: text; }
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user