From 738d68811f8c7ad15baa78d3370cf1bf0dcb5a10 Mon Sep 17 00:00:00 2001 From: Diego Orellano Date: Tue, 5 Mar 2024 11:41:05 -0300 Subject: [PATCH 1/4] update libraries --- composer.json | 4 +- vendor/composer/installed.json | 63 ++++++++++----------- vendor/composer/installed.php | 28 ++++----- vendor/symfony/polyfill-php73/composer.json | 3 - 4 files changed, 46 insertions(+), 52 deletions(-) diff --git a/composer.json b/composer.json index 0efa586..ca09133 100644 --- a/composer.json +++ b/composer.json @@ -27,8 +27,8 @@ }, "scripts": { "stan": "vendor/bin/phpstan analyse --memory-limit=-1 --error-format=table > ../../../phpstan-report-ilovepdf.txt", - "phpcs": "phpcs -s --ignore=*/vendor/*,*/lib/*,*/.github/* --report-file=../../../condesniffer-report-ilovepdf.txt ./", - "phpcbf": "phpcbf --ignore=vendor/,lib/,.github/ ./", + "phpcs": "phpcs -s --ignore=*/node_modules/*,*/vendor/*,*/.github/* --report-file=../../../condesniffer-report-ilovepdf.txt ./", + "phpcbf": "phpcbf --ignore=node_modules/,vendor/,.github/ ./", "autoload-dev": "composer dump-autoload", "autoload-prod": "composer dump-autoload --no-dev" }, diff --git a/vendor/composer/installed.json b/vendor/composer/installed.json index 11bad82..29fda9a 100644 --- a/vendor/composer/installed.json +++ b/vendor/composer/installed.json @@ -453,17 +453,17 @@ }, { "name": "php-stubs/wordpress-stubs", - "version": "v6.4.1", - "version_normalized": "6.4.1.0", + "version": "v6.4.3", + "version_normalized": "6.4.3.0", "source": { "type": "git", "url": "https://github.com/php-stubs/wordpress-stubs.git", - "reference": "6d6063cf9464a306ca2a0529705d41312b08500b" + "reference": "6105bdab2f26c0204fe90ecc53d5684754550e8f" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/php-stubs/wordpress-stubs/zipball/6d6063cf9464a306ca2a0529705d41312b08500b", - "reference": "6d6063cf9464a306ca2a0529705d41312b08500b", + "url": "https://api.github.com/repos/php-stubs/wordpress-stubs/zipball/6105bdab2f26c0204fe90ecc53d5684754550e8f", + "reference": "6105bdab2f26c0204fe90ecc53d5684754550e8f", "shasum": "" }, "require-dev": { @@ -472,16 +472,16 @@ "php": "^7.4 || ~8.0.0", "php-stubs/generator": "^0.8.3", "phpdocumentor/reflection-docblock": "^5.3", - "phpstan/phpstan": "^1.10.12", + "phpstan/phpstan": "^1.10.49", "phpunit/phpunit": "^9.5", - "szepeviktor/phpcs-psr-12-neutron-hybrid-ruleset": "^0.8" + "szepeviktor/phpcs-psr-12-neutron-hybrid-ruleset": "^0.11" }, "suggest": { "paragonie/sodium_compat": "Pure PHP implementation of libsodium", "symfony/polyfill-php80": "Symfony polyfill backporting some PHP 8.0+ features to lower PHP versions", "szepeviktor/phpstan-wordpress": "WordPress extensions for PHPStan" }, - "time": "2023-11-10T00:33:47+00:00", + "time": "2024-02-11T18:56:19+00:00", "type": "library", "installation-source": "dist", "notification-url": "https://packagist.org/downloads/", @@ -497,7 +497,7 @@ ], "support": { "issues": "https://github.com/php-stubs/wordpress-stubs/issues", - "source": "https://github.com/php-stubs/wordpress-stubs/tree/v6.4.1" + "source": "https://github.com/php-stubs/wordpress-stubs/tree/v6.4.3" }, "install-path": "../php-stubs/wordpress-stubs" }, @@ -550,17 +550,17 @@ }, { "name": "phpstan/phpstan", - "version": "1.10.50", - "version_normalized": "1.10.50.0", + "version": "1.10.59", + "version_normalized": "1.10.59.0", "source": { "type": "git", "url": "https://github.com/phpstan/phpstan.git", - "reference": "06a98513ac72c03e8366b5a0cb00750b487032e4" + "reference": "e607609388d3a6d418a50a49f7940e8086798281" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/phpstan/phpstan/zipball/06a98513ac72c03e8366b5a0cb00750b487032e4", - "reference": "06a98513ac72c03e8366b5a0cb00750b487032e4", + "url": "https://api.github.com/repos/phpstan/phpstan/zipball/e607609388d3a6d418a50a49f7940e8086798281", + "reference": "e607609388d3a6d418a50a49f7940e8086798281", "shasum": "" }, "require": { @@ -569,7 +569,7 @@ "conflict": { "phpstan/phpstan-shim": "*" }, - "time": "2023-12-13T10:59:42+00:00", + "time": "2024-02-20T13:59:13+00:00", "bin": [ "phpstan", "phpstan.phar" @@ -901,28 +901,25 @@ }, { "name": "symfony/polyfill-php73", - "version": "v1.28.0", - "version_normalized": "1.28.0.0", + "version": "v1.29.0", + "version_normalized": "1.29.0.0", "source": { "type": "git", "url": "https://github.com/symfony/polyfill-php73.git", - "reference": "fe2f306d1d9d346a7fee353d0d5012e401e984b5" + "reference": "21bd091060673a1177ae842c0ef8fe30893114d2" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/fe2f306d1d9d346a7fee353d0d5012e401e984b5", - "reference": "fe2f306d1d9d346a7fee353d0d5012e401e984b5", + "url": "https://api.github.com/repos/symfony/polyfill-php73/zipball/21bd091060673a1177ae842c0ef8fe30893114d2", + "reference": "21bd091060673a1177ae842c0ef8fe30893114d2", "shasum": "" }, "require": { "php": ">=7.1" }, - "time": "2023-01-26T09:26:14+00:00", + "time": "2024-01-29T20:11:03+00:00", "type": "library", "extra": { - "branch-alias": { - "dev-main": "1.28-dev" - }, "thanks": { "name": "symfony/polyfill", "url": "https://github.com/symfony/polyfill" @@ -963,7 +960,7 @@ "shim" ], "support": { - "source": "https://github.com/symfony/polyfill-php73/tree/v1.28.0" + "source": "https://github.com/symfony/polyfill-php73/tree/v1.29.0" }, "funding": [ { @@ -983,23 +980,23 @@ }, { "name": "szepeviktor/phpstan-wordpress", - "version": "v1.3.2", - "version_normalized": "1.3.2.0", + "version": "v1.3.3", + "version_normalized": "1.3.3.0", "source": { "type": "git", "url": "https://github.com/szepeviktor/phpstan-wordpress.git", - "reference": "b8516ed6bab7ec50aae981698ce3f67f1be2e45a" + "reference": "f7ff091331bc00c5688fe4ce0c4d51d06fa61553" }, "dist": { "type": "zip", - "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/b8516ed6bab7ec50aae981698ce3f67f1be2e45a", - "reference": "b8516ed6bab7ec50aae981698ce3f67f1be2e45a", + "url": "https://api.github.com/repos/szepeviktor/phpstan-wordpress/zipball/f7ff091331bc00c5688fe4ce0c4d51d06fa61553", + "reference": "f7ff091331bc00c5688fe4ce0c4d51d06fa61553", "shasum": "" }, "require": { "php": "^7.2 || ^8.0", "php-stubs/wordpress-stubs": "^4.7 || ^5.0 || ^6.0", - "phpstan/phpstan": "^1.10.30", + "phpstan/phpstan": "^1.10.31", "symfony/polyfill-php73": "^1.12.0" }, "require-dev": { @@ -1013,7 +1010,7 @@ "suggest": { "swissspidy/phpstan-no-private": "Detect usage of internal core functions, classes and methods" }, - "time": "2023-10-16T17:23:56+00:00", + "time": "2024-02-26T13:55:50+00:00", "type": "phpstan-extension", "extra": { "phpstan": { @@ -1042,7 +1039,7 @@ ], "support": { "issues": "https://github.com/szepeviktor/phpstan-wordpress/issues", - "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1.3.2" + "source": "https://github.com/szepeviktor/phpstan-wordpress/tree/v1.3.3" }, "install-path": "../szepeviktor/phpstan-wordpress" } diff --git a/vendor/composer/installed.php b/vendor/composer/installed.php index 8d154d6..39c61ee 100644 --- a/vendor/composer/installed.php +++ b/vendor/composer/installed.php @@ -3,7 +3,7 @@ 'name' => 'ilovepdf/ilovepdf-wp', 'pretty_version' => 'dev-develop', 'version' => 'dev-develop', - 'reference' => '6f47fef6ab28c9fed7873a28b571986521e45651', + 'reference' => 'a56940f88ef022acde6d8845c5d806a52567ef1d', 'type' => 'wordpress-plugin', 'install_path' => __DIR__ . '/../../', 'aliases' => array(), @@ -58,16 +58,16 @@ 'ilovepdf/ilovepdf-wp' => array( 'pretty_version' => 'dev-develop', 'version' => 'dev-develop', - 'reference' => '6f47fef6ab28c9fed7873a28b571986521e45651', + 'reference' => 'a56940f88ef022acde6d8845c5d806a52567ef1d', 'type' => 'wordpress-plugin', 'install_path' => __DIR__ . '/../../', 'aliases' => array(), 'dev_requirement' => false, ), 'php-stubs/wordpress-stubs' => array( - 'pretty_version' => 'v6.4.1', - 'version' => '6.4.1.0', - 'reference' => '6d6063cf9464a306ca2a0529705d41312b08500b', + 'pretty_version' => 'v6.4.3', + 'version' => '6.4.3.0', + 'reference' => '6105bdab2f26c0204fe90ecc53d5684754550e8f', 'type' => 'library', 'install_path' => __DIR__ . '/../php-stubs/wordpress-stubs', 'aliases' => array(), @@ -83,9 +83,9 @@ 'dev_requirement' => true, ), 'phpstan/phpstan' => array( - 'pretty_version' => '1.10.50', - 'version' => '1.10.50.0', - 'reference' => '06a98513ac72c03e8366b5a0cb00750b487032e4', + 'pretty_version' => '1.10.59', + 'version' => '1.10.59.0', + 'reference' => 'e607609388d3a6d418a50a49f7940e8086798281', 'type' => 'library', 'install_path' => __DIR__ . '/../phpstan/phpstan', 'aliases' => array(), @@ -155,18 +155,18 @@ 'dev_requirement' => false, ), 'symfony/polyfill-php73' => array( - 'pretty_version' => 'v1.28.0', - 'version' => '1.28.0.0', - 'reference' => 'fe2f306d1d9d346a7fee353d0d5012e401e984b5', + 'pretty_version' => 'v1.29.0', + 'version' => '1.29.0.0', + 'reference' => '21bd091060673a1177ae842c0ef8fe30893114d2', 'type' => 'library', 'install_path' => __DIR__ . '/../symfony/polyfill-php73', 'aliases' => array(), 'dev_requirement' => true, ), 'szepeviktor/phpstan-wordpress' => array( - 'pretty_version' => 'v1.3.2', - 'version' => '1.3.2.0', - 'reference' => 'b8516ed6bab7ec50aae981698ce3f67f1be2e45a', + 'pretty_version' => 'v1.3.3', + 'version' => '1.3.3.0', + 'reference' => 'f7ff091331bc00c5688fe4ce0c4d51d06fa61553', 'type' => 'phpstan-extension', 'install_path' => __DIR__ . '/../szepeviktor/phpstan-wordpress', 'aliases' => array(), diff --git a/vendor/symfony/polyfill-php73/composer.json b/vendor/symfony/polyfill-php73/composer.json index 48295ef..3d47d15 100644 --- a/vendor/symfony/polyfill-php73/composer.json +++ b/vendor/symfony/polyfill-php73/composer.json @@ -25,9 +25,6 @@ }, "minimum-stability": "dev", "extra": { - "branch-alias": { - "dev-main": "1.28-dev" - }, "thanks": { "name": "symfony/polyfill", "url": "https://github.com/symfony/polyfill" From 1dd20ffb10df3ac84f59fa6771fed754e7db73f3 Mon Sep 17 00:00:00 2001 From: Diego Orellano Date: Wed, 6 Mar 2024 09:43:51 -0300 Subject: [PATCH 2/4] add gulp config. Remove duplicate scripts on admin page --- admin/Ilove_Pdf_Admin.php | 9 +- admin/css/_ilove-pdf-admin.css | 321 ---- admin/css/circle.css | 1065 ------------ admin/css/ilove-pdf-admin.css | 168 -- admin/general-statistics.php | 1 - admin/watermark-settings.php | 6 - assets/css/app.min.css | 12 + assets/js/main.min.js | 1 + composer.json | 2 +- admin/js/ilove-pdf-admin.js => dev/js/main.js | 28 - dev/scss/_admin.scss | 200 +++ dev/scss/_circle.scss | 1519 +++++++++++++++++ dev/scss/app.scss | 3 + {admin/css => dev/scss}/grid.css | 0 gulpfile.mjs | 44 + package.json | 21 + 16 files changed, 1807 insertions(+), 1593 deletions(-) delete mode 100644 admin/css/_ilove-pdf-admin.css delete mode 100644 admin/css/circle.css delete mode 100644 admin/css/ilove-pdf-admin.css create mode 100644 assets/css/app.min.css create mode 100644 assets/js/main.min.js rename admin/js/ilove-pdf-admin.js => dev/js/main.js (95%) create mode 100644 dev/scss/_admin.scss create mode 100644 dev/scss/_circle.scss create mode 100644 dev/scss/app.scss rename {admin/css => dev/scss}/grid.css (100%) create mode 100644 gulpfile.mjs create mode 100644 package.json diff --git a/admin/Ilove_Pdf_Admin.php b/admin/Ilove_Pdf_Admin.php index 4e4ce94..9b2aca1 100644 --- a/admin/Ilove_Pdf_Admin.php +++ b/admin/Ilove_Pdf_Admin.php @@ -75,8 +75,7 @@ public function enqueue_styles() { global $pagenow; if ( ( 'upload.php' === $pagenow || 'options-general.php' === $pagenow || 'media-new.php' === $pagenow || 'post.php' === $pagenow ) && get_current_screen()->post_type !== 'product' ) { - wp_enqueue_style( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'css/ilove-pdf-admin.css', array(), $this->version, 'all' ); - wp_enqueue_style( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'css/grid.css', array(), $this->version, 'all' ); + wp_enqueue_style( $this->plugin_name, plugins_url( '/assets/css/app.min.css', __DIR__ ), array(), $this->version, 'all' ); } wp_enqueue_style( 'font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css', array(), '4.7.0' ); @@ -101,6 +100,10 @@ public function enqueue_scripts() { * class. */ - wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/ilove-pdf-admin.js', array( 'jquery' ), $this->version, false ); + // Add the color picker css file + wp_enqueue_style( 'wp-color-picker' ); + + // Include our custom jQuery file with WordPress Color Picker dependency + wp_enqueue_script( 'ilove-pdf-admin', plugins_url( '/assets/js/main.min.js', __DIR__ ), array( 'wp-color-picker' ), '1.0.0', true ); } } diff --git a/admin/css/_ilove-pdf-admin.css b/admin/css/_ilove-pdf-admin.css deleted file mode 100644 index 0dbd4fb..0000000 --- a/admin/css/_ilove-pdf-admin.css +++ /dev/null @@ -1,321 +0,0 @@ -/** - * All of the CSS for your admin-specific functionality should be - * included in this file. - */ - - -/*********** -* SETTINGS * -************/ - -.white-panel { - background-color: white; - padding-top: 20px; - padding-left: 20px; - padding-bottom: 20px; - width: 35%; - height: 230px; - float: left; - border-top: 1px solid #e5e5e5; - border-bottom: 1px solid #e5e5e5; - border-spacing: 1px; -} - -.white-inside { - padding-right: 25px; - border-right: 1px solid #e5e5e5; - font-weight: bold; - height: 100%; -} - -.white-panel p,input { - font-weight: normal; -} - -.white-panel input { - width: 100%; - padding: 5px; - margin-bottom: 25px; -} - -.white-panel input.button-primary { - width: 100% -} - -.white-inside-second { - margin-right: 20px; - font-weight: bold; - position: absolute; - bottom: 0; - margin-bottom: 25px; - width: 90%; -} - -.white-panel p.submit { - margin: 0px; - padding: 0px; -} - -.setting-first { - border-left: 1px solid #e5e5e5; - border-spacing: 1px; - position: relative; -} - -.setting-second { - border-right: 1px solid #e5e5e5; - border-spacing: 1px; - position: relative; -} - -.tab-ilovepdf { - border-top: #f00 solid 4px; -} - -.plugin-logo-full { - margin-left: 15px; -} - -.second-full { - margin-top: 20px; -} - -.wrap-profile { - margin-left: 15px; -} - -/* -CUSTOM TABS WATERMARK -*/ - - - - -/******** -* MEDIA * -*********/ - -.full-white-panel { - background-color: white; - padding: 10px; - float: left; - width: 100%; - border: 1px solid #e5e5e5; - border-spacing: 1px; -} - -.inside-full-white-panel { - width: 100%; - float: left; - padding: 10px; - margin-right: 120px; -} - -.width-50 { - width: 50% !important; -} - -.width-70 { - width: 70% !important; - padding-left: 20px !important; -} - -.image-stats { - width: 48%; - float: left; - border: 1px solid #e5e5e5; - border-spacing: 1px; - margin-right: 15px; -} - -.image-stats div { - float: left; - width: 22%; - margin-bottom: 15px; - text-align: center; -} - -.image-stats h3 { - color: gray; - opacity: 0.5; -} - -.image-stats span { - font-size: 20px; - font-weight: bold; -} - -.image-stats-panel { - margin: 10px !important; - padding-right: 10px; - border-right: 1px solid #e5e5e5; - height: 100px; -} - -.image-stats-panel-no { - margin-top: 10px !important; - height: 100px; -} - -.info-full-white-panel { - float: left; - clear: left; - -} - -.total-full-white-panel { - float: left; - width: 100%; - text-align: center; -} - -.total-full-white-panel .button-primary{ - padding: 10px; - height: auto !important; - margin-bottom: 15px; -} - -.dual-statistics-panel { - float: left; - width: 50%; - text-align: center; -} - -.panel-right-align { - float: left; - width: 50%; - text-align: right; -} - -.panel-right-align span { - float: right; - clear: both; - margin-right: 10px; - margin-top: 10px; - font-size: 1.4em; -} - -.panel-left-align { - float: left; - width: 50%; - text-align: left; -} - -.panel-left-align span { - float: left; - clear: both; - color: #bbb; - font-size: 14px; - margin-top: 10px; -} - -.totals-panel { - width: 40% !important; - padding-top: 50px; -} - -.dual-statistics-panel #optimization-chart { - width: 100% !important; -} - -.optimization-pdf { - margin-top: 10px; - margin-left: 3px; - width: 100% !important; - float: left; -} - -.btn-compress { - float: right; - margin-top: 15px; - margin-right: 15px; -} - -.check-column { - padding-bottom: 5px !important; -} - -.stats-watermark { - padding-top: 25px !important; -} - -/********************** -*** COMRPESS BUTTON *** -***********************/ - -.media-ilovepdf{ - float: left; - margin-right: 10px !important; -} - -.media-ilovepdf-box{ - margin-right: 8px !important; - margin-top: 10px; - margin-bottom: 10px !important; -} - -.link-restore{ - float: left; - clear: left; -} - -.link-restore-box{ - clear: left; -} - -/******** -* CHART * -*********/ - -#optimization-chart { - float: left; - position: relative; - width: 50%; - text-align: center; -} - -.ie8 #optimization-chart { - margin: 0; -} - -#optimization-chart svg circle.main { - fill: #ebebeb; - animation: shwoosh 2s ease; - transition: stroke-dasharray 1s ease; -} - -#optimization-chart svg circle.inner { - fill: #fff; -} - -#optimization-chart div.value { - position: absolute; - top: 0; - left: 0; - width: 100%; - text-align: center; -} - -#optimization-chart div.value div.percentage { - width: 50%; - margin-left: auto; - margin-right: auto; - margin-top: 56px; - font-size: 2.1em; - line-height: 1em; -} - -#optimization-chart div.value div.label { - width: 50%; - margin-left: auto; - margin-right: auto; - font-size: 1.4em; - line-height: 1.2em; -} - -@media only screen and (max-width: 400px) { - #optimization-chart { - float: none; - width: 100%; - } -} diff --git a/admin/css/circle.css b/admin/css/circle.css deleted file mode 100644 index fcb54d9..0000000 --- a/admin/css/circle.css +++ /dev/null @@ -1,1065 +0,0 @@ -.rect-auto, -.c100.p51 .slice, -.c100.p52 .slice, -.c100.p53 .slice, -.c100.p54 .slice, -.c100.p55 .slice, -.c100.p56 .slice, -.c100.p57 .slice, -.c100.p58 .slice, -.c100.p59 .slice, -.c100.p60 .slice, -.c100.p61 .slice, -.c100.p62 .slice, -.c100.p63 .slice, -.c100.p64 .slice, -.c100.p65 .slice, -.c100.p66 .slice, -.c100.p67 .slice, -.c100.p68 .slice, -.c100.p69 .slice, -.c100.p70 .slice, -.c100.p71 .slice, -.c100.p72 .slice, -.c100.p73 .slice, -.c100.p74 .slice, -.c100.p75 .slice, -.c100.p76 .slice, -.c100.p77 .slice, -.c100.p78 .slice, -.c100.p79 .slice, -.c100.p80 .slice, -.c100.p81 .slice, -.c100.p82 .slice, -.c100.p83 .slice, -.c100.p84 .slice, -.c100.p85 .slice, -.c100.p86 .slice, -.c100.p87 .slice, -.c100.p88 .slice, -.c100.p89 .slice, -.c100.p90 .slice, -.c100.p91 .slice, -.c100.p92 .slice, -.c100.p93 .slice, -.c100.p94 .slice, -.c100.p95 .slice, -.c100.p96 .slice, -.c100.p97 .slice, -.c100.p98 .slice, -.c100.p99 .slice, -.c100.p100 .slice { - clip: rect(auto, auto, auto, auto); -} -.pie, -.c100 .bar, -.c100.p51 .fill, -.c100.p52 .fill, -.c100.p53 .fill, -.c100.p54 .fill, -.c100.p55 .fill, -.c100.p56 .fill, -.c100.p57 .fill, -.c100.p58 .fill, -.c100.p59 .fill, -.c100.p60 .fill, -.c100.p61 .fill, -.c100.p62 .fill, -.c100.p63 .fill, -.c100.p64 .fill, -.c100.p65 .fill, -.c100.p66 .fill, -.c100.p67 .fill, -.c100.p68 .fill, -.c100.p69 .fill, -.c100.p70 .fill, -.c100.p71 .fill, -.c100.p72 .fill, -.c100.p73 .fill, -.c100.p74 .fill, -.c100.p75 .fill, -.c100.p76 .fill, -.c100.p77 .fill, -.c100.p78 .fill, -.c100.p79 .fill, -.c100.p80 .fill, -.c100.p81 .fill, -.c100.p82 .fill, -.c100.p83 .fill, -.c100.p84 .fill, -.c100.p85 .fill, -.c100.p86 .fill, -.c100.p87 .fill, -.c100.p88 .fill, -.c100.p89 .fill, -.c100.p90 .fill, -.c100.p91 .fill, -.c100.p92 .fill, -.c100.p93 .fill, -.c100.p94 .fill, -.c100.p95 .fill, -.c100.p96 .fill, -.c100.p97 .fill, -.c100.p98 .fill, -.c100.p99 .fill, -.c100.p100 .fill { - position: absolute; - border: 0.08em solid #307bbb; - width: 0.84em; - height: 0.84em; - clip: rect(0em, 0.5em, 1em, 0em); - border-radius: 50%; - -webkit-transform: rotate(0deg); - -moz-transform: rotate(0deg); - -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); - transform: rotate(0deg); -} -.pie-fill, -.c100.p51 .bar:after, -.c100.p51 .fill, -.c100.p52 .bar:after, -.c100.p52 .fill, -.c100.p53 .bar:after, -.c100.p53 .fill, -.c100.p54 .bar:after, -.c100.p54 .fill, -.c100.p55 .bar:after, -.c100.p55 .fill, -.c100.p56 .bar:after, -.c100.p56 .fill, -.c100.p57 .bar:after, -.c100.p57 .fill, -.c100.p58 .bar:after, -.c100.p58 .fill, -.c100.p59 .bar:after, -.c100.p59 .fill, -.c100.p60 .bar:after, -.c100.p60 .fill, -.c100.p61 .bar:after, -.c100.p61 .fill, -.c100.p62 .bar:after, -.c100.p62 .fill, -.c100.p63 .bar:after, -.c100.p63 .fill, -.c100.p64 .bar:after, -.c100.p64 .fill, -.c100.p65 .bar:after, -.c100.p65 .fill, -.c100.p66 .bar:after, -.c100.p66 .fill, -.c100.p67 .bar:after, -.c100.p67 .fill, -.c100.p68 .bar:after, -.c100.p68 .fill, -.c100.p69 .bar:after, -.c100.p69 .fill, -.c100.p70 .bar:after, -.c100.p70 .fill, -.c100.p71 .bar:after, -.c100.p71 .fill, -.c100.p72 .bar:after, -.c100.p72 .fill, -.c100.p73 .bar:after, -.c100.p73 .fill, -.c100.p74 .bar:after, -.c100.p74 .fill, -.c100.p75 .bar:after, -.c100.p75 .fill, -.c100.p76 .bar:after, -.c100.p76 .fill, -.c100.p77 .bar:after, -.c100.p77 .fill, -.c100.p78 .bar:after, -.c100.p78 .fill, -.c100.p79 .bar:after, -.c100.p79 .fill, -.c100.p80 .bar:after, -.c100.p80 .fill, -.c100.p81 .bar:after, -.c100.p81 .fill, -.c100.p82 .bar:after, -.c100.p82 .fill, -.c100.p83 .bar:after, -.c100.p83 .fill, -.c100.p84 .bar:after, -.c100.p84 .fill, -.c100.p85 .bar:after, -.c100.p85 .fill, -.c100.p86 .bar:after, -.c100.p86 .fill, -.c100.p87 .bar:after, -.c100.p87 .fill, -.c100.p88 .bar:after, -.c100.p88 .fill, -.c100.p89 .bar:after, -.c100.p89 .fill, -.c100.p90 .bar:after, -.c100.p90 .fill, -.c100.p91 .bar:after, -.c100.p91 .fill, -.c100.p92 .bar:after, -.c100.p92 .fill, -.c100.p93 .bar:after, -.c100.p93 .fill, -.c100.p94 .bar:after, -.c100.p94 .fill, -.c100.p95 .bar:after, -.c100.p95 .fill, -.c100.p96 .bar:after, -.c100.p96 .fill, -.c100.p97 .bar:after, -.c100.p97 .fill, -.c100.p98 .bar:after, -.c100.p98 .fill, -.c100.p99 .bar:after, -.c100.p99 .fill, -.c100.p100 .bar:after, -.c100.p100 .fill { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} -.c100 { - position: relative; - font-size: 120px; - width: 1em; - height: 1em; - border-radius: 50%; - float: left; - margin: 0 0.1em 0.1em 0; - background-color: #cccccc; -} -.c100 *, -.c100 *:before, -.c100 *:after { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -} -.c100.center { - float: none; - margin: 0 auto; -} -.c100.big { - font-size: 240px; -} -.c100.small { - font-size: 80px; -} -.c100 > span { - position: absolute; - width: 100%; - z-index: 1; - left: 0; - top: 15px; - width: 5em; - line-height: 5em; - font-size: 0.2em; - color: #cccccc; - display: block; - text-align: center; - white-space: nowrap; - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: ease-out; - -moz-transition-timing-function: ease-out; - -o-transition-timing-function: ease-out; - transition-timing-function: ease-out; -} -.c100:after { - position: absolute; - top: 0.08em; - left: 0.08em; - display: block; - content: " "; - border-radius: 50%; - background-color: #f5f5f5; - width: 0.84em; - height: 0.84em; - -webkit-transition-property: all; - -moz-transition-property: all; - -o-transition-property: all; - transition-property: all; - -webkit-transition-duration: 0.2s; - -moz-transition-duration: 0.2s; - -o-transition-duration: 0.2s; - transition-duration: 0.2s; - -webkit-transition-timing-function: ease-in; - -moz-transition-timing-function: ease-in; - -o-transition-timing-function: ease-in; - transition-timing-function: ease-in; -} -.c100 .slice { - position: absolute; - width: 1em; - height: 1em; - clip: rect(0em, 1em, 1em, 0.5em); -} -.c100.p1 .bar { - -webkit-transform: rotate(3.6deg); - -moz-transform: rotate(3.6deg); - -ms-transform: rotate(3.6deg); - -o-transform: rotate(3.6deg); - transform: rotate(3.6deg); -} -.c100.p2 .bar { - -webkit-transform: rotate(7.2deg); - -moz-transform: rotate(7.2deg); - -ms-transform: rotate(7.2deg); - -o-transform: rotate(7.2deg); - transform: rotate(7.2deg); -} -.c100.p3 .bar { - -webkit-transform: rotate(10.8deg); - -moz-transform: rotate(10.8deg); - -ms-transform: rotate(10.8deg); - -o-transform: rotate(10.8deg); - transform: rotate(10.8deg); -} -.c100.p4 .bar { - -webkit-transform: rotate(14.4deg); - -moz-transform: rotate(14.4deg); - -ms-transform: rotate(14.4deg); - -o-transform: rotate(14.4deg); - transform: rotate(14.4deg); -} -.c100.p5 .bar { - -webkit-transform: rotate(18deg); - -moz-transform: rotate(18deg); - -ms-transform: rotate(18deg); - -o-transform: rotate(18deg); - transform: rotate(18deg); -} -.c100.p6 .bar { - -webkit-transform: rotate(21.6deg); - -moz-transform: rotate(21.6deg); - -ms-transform: rotate(21.6deg); - -o-transform: rotate(21.6deg); - transform: rotate(21.6deg); -} -.c100.p7 .bar { - -webkit-transform: rotate(25.2deg); - -moz-transform: rotate(25.2deg); - -ms-transform: rotate(25.2deg); - -o-transform: rotate(25.2deg); - transform: rotate(25.2deg); -} -.c100.p8 .bar { - -webkit-transform: rotate(28.8deg); - -moz-transform: rotate(28.8deg); - -ms-transform: rotate(28.8deg); - -o-transform: rotate(28.8deg); - transform: rotate(28.8deg); -} -.c100.p9 .bar { - -webkit-transform: rotate(32.4deg); - -moz-transform: rotate(32.4deg); - -ms-transform: rotate(32.4deg); - -o-transform: rotate(32.4deg); - transform: rotate(32.4deg); -} -.c100.p10 .bar { - -webkit-transform: rotate(36deg); - -moz-transform: rotate(36deg); - -ms-transform: rotate(36deg); - -o-transform: rotate(36deg); - transform: rotate(36deg); -} -.c100.p11 .bar { - -webkit-transform: rotate(39.6deg); - -moz-transform: rotate(39.6deg); - -ms-transform: rotate(39.6deg); - -o-transform: rotate(39.6deg); - transform: rotate(39.6deg); -} -.c100.p12 .bar { - -webkit-transform: rotate(43.2deg); - -moz-transform: rotate(43.2deg); - -ms-transform: rotate(43.2deg); - -o-transform: rotate(43.2deg); - transform: rotate(43.2deg); -} -.c100.p13 .bar { - -webkit-transform: rotate(46.800000000000004deg); - -moz-transform: rotate(46.800000000000004deg); - -ms-transform: rotate(46.800000000000004deg); - -o-transform: rotate(46.800000000000004deg); - transform: rotate(46.800000000000004deg); -} -.c100.p14 .bar { - -webkit-transform: rotate(50.4deg); - -moz-transform: rotate(50.4deg); - -ms-transform: rotate(50.4deg); - -o-transform: rotate(50.4deg); - transform: rotate(50.4deg); -} -.c100.p15 .bar { - -webkit-transform: rotate(54deg); - -moz-transform: rotate(54deg); - -ms-transform: rotate(54deg); - -o-transform: rotate(54deg); - transform: rotate(54deg); -} -.c100.p16 .bar { - -webkit-transform: rotate(57.6deg); - -moz-transform: rotate(57.6deg); - -ms-transform: rotate(57.6deg); - -o-transform: rotate(57.6deg); - transform: rotate(57.6deg); -} -.c100.p17 .bar { - -webkit-transform: rotate(61.2deg); - -moz-transform: rotate(61.2deg); - -ms-transform: rotate(61.2deg); - -o-transform: rotate(61.2deg); - transform: rotate(61.2deg); -} -.c100.p18 .bar { - -webkit-transform: rotate(64.8deg); - -moz-transform: rotate(64.8deg); - -ms-transform: rotate(64.8deg); - -o-transform: rotate(64.8deg); - transform: rotate(64.8deg); -} -.c100.p19 .bar { - -webkit-transform: rotate(68.4deg); - -moz-transform: rotate(68.4deg); - -ms-transform: rotate(68.4deg); - -o-transform: rotate(68.4deg); - transform: rotate(68.4deg); -} -.c100.p20 .bar { - -webkit-transform: rotate(72deg); - -moz-transform: rotate(72deg); - -ms-transform: rotate(72deg); - -o-transform: rotate(72deg); - transform: rotate(72deg); -} -.c100.p21 .bar { - -webkit-transform: rotate(75.60000000000001deg); - -moz-transform: rotate(75.60000000000001deg); - -ms-transform: rotate(75.60000000000001deg); - -o-transform: rotate(75.60000000000001deg); - transform: rotate(75.60000000000001deg); -} -.c100.p22 .bar { - -webkit-transform: rotate(79.2deg); - -moz-transform: rotate(79.2deg); - -ms-transform: rotate(79.2deg); - -o-transform: rotate(79.2deg); - transform: rotate(79.2deg); -} -.c100.p23 .bar { - -webkit-transform: rotate(82.8deg); - -moz-transform: rotate(82.8deg); - -ms-transform: rotate(82.8deg); - -o-transform: rotate(82.8deg); - transform: rotate(82.8deg); -} -.c100.p24 .bar { - -webkit-transform: rotate(86.4deg); - -moz-transform: rotate(86.4deg); - -ms-transform: rotate(86.4deg); - -o-transform: rotate(86.4deg); - transform: rotate(86.4deg); -} -.c100.p25 .bar { - -webkit-transform: rotate(90deg); - -moz-transform: rotate(90deg); - -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); - transform: rotate(90deg); -} -.c100.p26 .bar { - -webkit-transform: rotate(93.60000000000001deg); - -moz-transform: rotate(93.60000000000001deg); - -ms-transform: rotate(93.60000000000001deg); - -o-transform: rotate(93.60000000000001deg); - transform: rotate(93.60000000000001deg); -} -.c100.p27 .bar { - -webkit-transform: rotate(97.2deg); - -moz-transform: rotate(97.2deg); - -ms-transform: rotate(97.2deg); - -o-transform: rotate(97.2deg); - transform: rotate(97.2deg); -} -.c100.p28 .bar { - -webkit-transform: rotate(100.8deg); - -moz-transform: rotate(100.8deg); - -ms-transform: rotate(100.8deg); - -o-transform: rotate(100.8deg); - transform: rotate(100.8deg); -} -.c100.p29 .bar { - -webkit-transform: rotate(104.4deg); - -moz-transform: rotate(104.4deg); - -ms-transform: rotate(104.4deg); - -o-transform: rotate(104.4deg); - transform: rotate(104.4deg); -} -.c100.p30 .bar { - -webkit-transform: rotate(108deg); - -moz-transform: rotate(108deg); - -ms-transform: rotate(108deg); - -o-transform: rotate(108deg); - transform: rotate(108deg); -} -.c100.p31 .bar { - -webkit-transform: rotate(111.60000000000001deg); - -moz-transform: rotate(111.60000000000001deg); - -ms-transform: rotate(111.60000000000001deg); - -o-transform: rotate(111.60000000000001deg); - transform: rotate(111.60000000000001deg); -} -.c100.p32 .bar { - -webkit-transform: rotate(115.2deg); - -moz-transform: rotate(115.2deg); - -ms-transform: rotate(115.2deg); - -o-transform: rotate(115.2deg); - transform: rotate(115.2deg); -} -.c100.p33 .bar { - -webkit-transform: rotate(118.8deg); - -moz-transform: rotate(118.8deg); - -ms-transform: rotate(118.8deg); - -o-transform: rotate(118.8deg); - transform: rotate(118.8deg); -} -.c100.p34 .bar { - -webkit-transform: rotate(122.4deg); - -moz-transform: rotate(122.4deg); - -ms-transform: rotate(122.4deg); - -o-transform: rotate(122.4deg); - transform: rotate(122.4deg); -} -.c100.p35 .bar { - -webkit-transform: rotate(126deg); - -moz-transform: rotate(126deg); - -ms-transform: rotate(126deg); - -o-transform: rotate(126deg); - transform: rotate(126deg); -} -.c100.p36 .bar { - -webkit-transform: rotate(129.6deg); - -moz-transform: rotate(129.6deg); - -ms-transform: rotate(129.6deg); - -o-transform: rotate(129.6deg); - transform: rotate(129.6deg); -} -.c100.p37 .bar { - -webkit-transform: rotate(133.20000000000002deg); - -moz-transform: rotate(133.20000000000002deg); - -ms-transform: rotate(133.20000000000002deg); - -o-transform: rotate(133.20000000000002deg); - transform: rotate(133.20000000000002deg); -} -.c100.p38 .bar { - -webkit-transform: rotate(136.8deg); - -moz-transform: rotate(136.8deg); - -ms-transform: rotate(136.8deg); - -o-transform: rotate(136.8deg); - transform: rotate(136.8deg); -} -.c100.p39 .bar { - -webkit-transform: rotate(140.4deg); - -moz-transform: rotate(140.4deg); - -ms-transform: rotate(140.4deg); - -o-transform: rotate(140.4deg); - transform: rotate(140.4deg); -} -.c100.p40 .bar { - -webkit-transform: rotate(144deg); - -moz-transform: rotate(144deg); - -ms-transform: rotate(144deg); - -o-transform: rotate(144deg); - transform: rotate(144deg); -} -.c100.p41 .bar { - -webkit-transform: rotate(147.6deg); - -moz-transform: rotate(147.6deg); - -ms-transform: rotate(147.6deg); - -o-transform: rotate(147.6deg); - transform: rotate(147.6deg); -} -.c100.p42 .bar { - -webkit-transform: rotate(151.20000000000002deg); - -moz-transform: rotate(151.20000000000002deg); - -ms-transform: rotate(151.20000000000002deg); - -o-transform: rotate(151.20000000000002deg); - transform: rotate(151.20000000000002deg); -} -.c100.p43 .bar { - -webkit-transform: rotate(154.8deg); - -moz-transform: rotate(154.8deg); - -ms-transform: rotate(154.8deg); - -o-transform: rotate(154.8deg); - transform: rotate(154.8deg); -} -.c100.p44 .bar { - -webkit-transform: rotate(158.4deg); - -moz-transform: rotate(158.4deg); - -ms-transform: rotate(158.4deg); - -o-transform: rotate(158.4deg); - transform: rotate(158.4deg); -} -.c100.p45 .bar { - -webkit-transform: rotate(162deg); - -moz-transform: rotate(162deg); - -ms-transform: rotate(162deg); - -o-transform: rotate(162deg); - transform: rotate(162deg); -} -.c100.p46 .bar { - -webkit-transform: rotate(165.6deg); - -moz-transform: rotate(165.6deg); - -ms-transform: rotate(165.6deg); - -o-transform: rotate(165.6deg); - transform: rotate(165.6deg); -} -.c100.p47 .bar { - -webkit-transform: rotate(169.20000000000002deg); - -moz-transform: rotate(169.20000000000002deg); - -ms-transform: rotate(169.20000000000002deg); - -o-transform: rotate(169.20000000000002deg); - transform: rotate(169.20000000000002deg); -} -.c100.p48 .bar { - -webkit-transform: rotate(172.8deg); - -moz-transform: rotate(172.8deg); - -ms-transform: rotate(172.8deg); - -o-transform: rotate(172.8deg); - transform: rotate(172.8deg); -} -.c100.p49 .bar { - -webkit-transform: rotate(176.4deg); - -moz-transform: rotate(176.4deg); - -ms-transform: rotate(176.4deg); - -o-transform: rotate(176.4deg); - transform: rotate(176.4deg); -} -.c100.p50 .bar { - -webkit-transform: rotate(180deg); - -moz-transform: rotate(180deg); - -ms-transform: rotate(180deg); - -o-transform: rotate(180deg); - transform: rotate(180deg); -} -.c100.p51 .bar { - -webkit-transform: rotate(183.6deg); - -moz-transform: rotate(183.6deg); - -ms-transform: rotate(183.6deg); - -o-transform: rotate(183.6deg); - transform: rotate(183.6deg); -} -.c100.p52 .bar { - -webkit-transform: rotate(187.20000000000002deg); - -moz-transform: rotate(187.20000000000002deg); - -ms-transform: rotate(187.20000000000002deg); - -o-transform: rotate(187.20000000000002deg); - transform: rotate(187.20000000000002deg); -} -.c100.p53 .bar { - -webkit-transform: rotate(190.8deg); - -moz-transform: rotate(190.8deg); - -ms-transform: rotate(190.8deg); - -o-transform: rotate(190.8deg); - transform: rotate(190.8deg); -} -.c100.p54 .bar { - -webkit-transform: rotate(194.4deg); - -moz-transform: rotate(194.4deg); - -ms-transform: rotate(194.4deg); - -o-transform: rotate(194.4deg); - transform: rotate(194.4deg); -} -.c100.p55 .bar { - -webkit-transform: rotate(198deg); - -moz-transform: rotate(198deg); - -ms-transform: rotate(198deg); - -o-transform: rotate(198deg); - transform: rotate(198deg); -} -.c100.p56 .bar { - -webkit-transform: rotate(201.6deg); - -moz-transform: rotate(201.6deg); - -ms-transform: rotate(201.6deg); - -o-transform: rotate(201.6deg); - transform: rotate(201.6deg); -} -.c100.p57 .bar { - -webkit-transform: rotate(205.20000000000002deg); - -moz-transform: rotate(205.20000000000002deg); - -ms-transform: rotate(205.20000000000002deg); - -o-transform: rotate(205.20000000000002deg); - transform: rotate(205.20000000000002deg); -} -.c100.p58 .bar { - -webkit-transform: rotate(208.8deg); - -moz-transform: rotate(208.8deg); - -ms-transform: rotate(208.8deg); - -o-transform: rotate(208.8deg); - transform: rotate(208.8deg); -} -.c100.p59 .bar { - -webkit-transform: rotate(212.4deg); - -moz-transform: rotate(212.4deg); - -ms-transform: rotate(212.4deg); - -o-transform: rotate(212.4deg); - transform: rotate(212.4deg); -} -.c100.p60 .bar { - -webkit-transform: rotate(216deg); - -moz-transform: rotate(216deg); - -ms-transform: rotate(216deg); - -o-transform: rotate(216deg); - transform: rotate(216deg); -} -.c100.p61 .bar { - -webkit-transform: rotate(219.6deg); - -moz-transform: rotate(219.6deg); - -ms-transform: rotate(219.6deg); - -o-transform: rotate(219.6deg); - transform: rotate(219.6deg); -} -.c100.p62 .bar { - -webkit-transform: rotate(223.20000000000002deg); - -moz-transform: rotate(223.20000000000002deg); - -ms-transform: rotate(223.20000000000002deg); - -o-transform: rotate(223.20000000000002deg); - transform: rotate(223.20000000000002deg); -} -.c100.p63 .bar { - -webkit-transform: rotate(226.8deg); - -moz-transform: rotate(226.8deg); - -ms-transform: rotate(226.8deg); - -o-transform: rotate(226.8deg); - transform: rotate(226.8deg); -} -.c100.p64 .bar { - -webkit-transform: rotate(230.4deg); - -moz-transform: rotate(230.4deg); - -ms-transform: rotate(230.4deg); - -o-transform: rotate(230.4deg); - transform: rotate(230.4deg); -} -.c100.p65 .bar { - -webkit-transform: rotate(234deg); - -moz-transform: rotate(234deg); - -ms-transform: rotate(234deg); - -o-transform: rotate(234deg); - transform: rotate(234deg); -} -.c100.p66 .bar { - -webkit-transform: rotate(237.6deg); - -moz-transform: rotate(237.6deg); - -ms-transform: rotate(237.6deg); - -o-transform: rotate(237.6deg); - transform: rotate(237.6deg); -} -.c100.p67 .bar { - -webkit-transform: rotate(241.20000000000002deg); - -moz-transform: rotate(241.20000000000002deg); - -ms-transform: rotate(241.20000000000002deg); - -o-transform: rotate(241.20000000000002deg); - transform: rotate(241.20000000000002deg); -} -.c100.p68 .bar { - -webkit-transform: rotate(244.8deg); - -moz-transform: rotate(244.8deg); - -ms-transform: rotate(244.8deg); - -o-transform: rotate(244.8deg); - transform: rotate(244.8deg); -} -.c100.p69 .bar { - -webkit-transform: rotate(248.4deg); - -moz-transform: rotate(248.4deg); - -ms-transform: rotate(248.4deg); - -o-transform: rotate(248.4deg); - transform: rotate(248.4deg); -} -.c100.p70 .bar { - -webkit-transform: rotate(252deg); - -moz-transform: rotate(252deg); - -ms-transform: rotate(252deg); - -o-transform: rotate(252deg); - transform: rotate(252deg); -} -.c100.p71 .bar { - -webkit-transform: rotate(255.6deg); - -moz-transform: rotate(255.6deg); - -ms-transform: rotate(255.6deg); - -o-transform: rotate(255.6deg); - transform: rotate(255.6deg); -} -.c100.p72 .bar { - -webkit-transform: rotate(259.2deg); - -moz-transform: rotate(259.2deg); - -ms-transform: rotate(259.2deg); - -o-transform: rotate(259.2deg); - transform: rotate(259.2deg); -} -.c100.p73 .bar { - -webkit-transform: rotate(262.8deg); - -moz-transform: rotate(262.8deg); - -ms-transform: rotate(262.8deg); - -o-transform: rotate(262.8deg); - transform: rotate(262.8deg); -} -.c100.p74 .bar { - -webkit-transform: rotate(266.40000000000003deg); - -moz-transform: rotate(266.40000000000003deg); - -ms-transform: rotate(266.40000000000003deg); - -o-transform: rotate(266.40000000000003deg); - transform: rotate(266.40000000000003deg); -} -.c100.p75 .bar { - -webkit-transform: rotate(270deg); - -moz-transform: rotate(270deg); - -ms-transform: rotate(270deg); - -o-transform: rotate(270deg); - transform: rotate(270deg); -} -.c100.p76 .bar { - -webkit-transform: rotate(273.6deg); - -moz-transform: rotate(273.6deg); - -ms-transform: rotate(273.6deg); - -o-transform: rotate(273.6deg); - transform: rotate(273.6deg); -} -.c100.p77 .bar { - -webkit-transform: rotate(277.2deg); - -moz-transform: rotate(277.2deg); - -ms-transform: rotate(277.2deg); - -o-transform: rotate(277.2deg); - transform: rotate(277.2deg); -} -.c100.p78 .bar { - -webkit-transform: rotate(280.8deg); - -moz-transform: rotate(280.8deg); - -ms-transform: rotate(280.8deg); - -o-transform: rotate(280.8deg); - transform: rotate(280.8deg); -} -.c100.p79 .bar { - -webkit-transform: rotate(284.40000000000003deg); - -moz-transform: rotate(284.40000000000003deg); - -ms-transform: rotate(284.40000000000003deg); - -o-transform: rotate(284.40000000000003deg); - transform: rotate(284.40000000000003deg); -} -.c100.p80 .bar { - -webkit-transform: rotate(288deg); - -moz-transform: rotate(288deg); - -ms-transform: rotate(288deg); - -o-transform: rotate(288deg); - transform: rotate(288deg); -} -.c100.p81 .bar { - -webkit-transform: rotate(291.6deg); - -moz-transform: rotate(291.6deg); - -ms-transform: rotate(291.6deg); - -o-transform: rotate(291.6deg); - transform: rotate(291.6deg); -} -.c100.p82 .bar { - -webkit-transform: rotate(295.2deg); - -moz-transform: rotate(295.2deg); - -ms-transform: rotate(295.2deg); - -o-transform: rotate(295.2deg); - transform: rotate(295.2deg); -} -.c100.p83 .bar { - -webkit-transform: rotate(298.8deg); - -moz-transform: rotate(298.8deg); - -ms-transform: rotate(298.8deg); - -o-transform: rotate(298.8deg); - transform: rotate(298.8deg); -} -.c100.p84 .bar { - -webkit-transform: rotate(302.40000000000003deg); - -moz-transform: rotate(302.40000000000003deg); - -ms-transform: rotate(302.40000000000003deg); - -o-transform: rotate(302.40000000000003deg); - transform: rotate(302.40000000000003deg); -} -.c100.p85 .bar { - -webkit-transform: rotate(306deg); - -moz-transform: rotate(306deg); - -ms-transform: rotate(306deg); - -o-transform: rotate(306deg); - transform: rotate(306deg); -} -.c100.p86 .bar { - -webkit-transform: rotate(309.6deg); - -moz-transform: rotate(309.6deg); - -ms-transform: rotate(309.6deg); - -o-transform: rotate(309.6deg); - transform: rotate(309.6deg); -} -.c100.p87 .bar { - -webkit-transform: rotate(313.2deg); - -moz-transform: rotate(313.2deg); - -ms-transform: rotate(313.2deg); - -o-transform: rotate(313.2deg); - transform: rotate(313.2deg); -} -.c100.p88 .bar { - -webkit-transform: rotate(316.8deg); - -moz-transform: rotate(316.8deg); - -ms-transform: rotate(316.8deg); - -o-transform: rotate(316.8deg); - transform: rotate(316.8deg); -} -.c100.p89 .bar { - -webkit-transform: rotate(320.40000000000003deg); - -moz-transform: rotate(320.40000000000003deg); - -ms-transform: rotate(320.40000000000003deg); - -o-transform: rotate(320.40000000000003deg); - transform: rotate(320.40000000000003deg); -} -.c100.p90 .bar { - -webkit-transform: rotate(324deg); - -moz-transform: rotate(324deg); - -ms-transform: rotate(324deg); - -o-transform: rotate(324deg); - transform: rotate(324deg); -} -.c100.p91 .bar { - -webkit-transform: rotate(327.6deg); - -moz-transform: rotate(327.6deg); - -ms-transform: rotate(327.6deg); - -o-transform: rotate(327.6deg); - transform: rotate(327.6deg); -} -.c100.p92 .bar { - -webkit-transform: rotate(331.2deg); - -moz-transform: rotate(331.2deg); - -ms-transform: rotate(331.2deg); - -o-transform: rotate(331.2deg); - transform: rotate(331.2deg); -} -.c100.p93 .bar { - -webkit-transform: rotate(334.8deg); - -moz-transform: rotate(334.8deg); - -ms-transform: rotate(334.8deg); - -o-transform: rotate(334.8deg); - transform: rotate(334.8deg); -} -.c100.p94 .bar { - -webkit-transform: rotate(338.40000000000003deg); - -moz-transform: rotate(338.40000000000003deg); - -ms-transform: rotate(338.40000000000003deg); - -o-transform: rotate(338.40000000000003deg); - transform: rotate(338.40000000000003deg); -} -.c100.p95 .bar { - -webkit-transform: rotate(342deg); - -moz-transform: rotate(342deg); - -ms-transform: rotate(342deg); - -o-transform: rotate(342deg); - transform: rotate(342deg); -} -.c100.p96 .bar { - -webkit-transform: rotate(345.6deg); - -moz-transform: rotate(345.6deg); - -ms-transform: rotate(345.6deg); - -o-transform: rotate(345.6deg); - transform: rotate(345.6deg); -} -.c100.p97 .bar { - -webkit-transform: rotate(349.2deg); - -moz-transform: rotate(349.2deg); - -ms-transform: rotate(349.2deg); - -o-transform: rotate(349.2deg); - transform: rotate(349.2deg); -} -.c100.p98 .bar { - -webkit-transform: rotate(352.8deg); - -moz-transform: rotate(352.8deg); - -ms-transform: rotate(352.8deg); - -o-transform: rotate(352.8deg); - transform: rotate(352.8deg); -} -.c100.p99 .bar { - -webkit-transform: rotate(356.40000000000003deg); - -moz-transform: rotate(356.40000000000003deg); - -ms-transform: rotate(356.40000000000003deg); - -o-transform: rotate(356.40000000000003deg); - transform: rotate(356.40000000000003deg); -} -.c100.p100 .bar { - -webkit-transform: rotate(360deg); - -moz-transform: rotate(360deg); - -ms-transform: rotate(360deg); - -o-transform: rotate(360deg); - transform: rotate(360deg); -} -.c100:hover { - cursor: default; -} -.c100:hover > span { - width: 3.33em; - line-height: 3.33em; - font-size: 0.3em; - color: #307bbb; -} -.c100:hover:after { - top: 0.04em; - left: 0.04em; - width: 0.92em; - height: 0.92em; -} -.c100.dark { - background-color: #777777; -} -.c100.dark .bar, -.c100.dark .fill { - border-color: #c6ff00 !important; -} -.c100.dark > span { - color: #777777; -} -.c100.dark:after { - background-color: #666666; -} -.c100.dark:hover > span { - color: #c6ff00; -} -.c100.green .bar, -.c100.green .fill { - border-color: #4db53c !important; -} -.c100.green:hover > span { - color: #4db53c; -} -.c100.green.dark .bar, -.c100.green.dark .fill { - border-color: #5fd400 !important; -} -.c100.green.dark:hover > span { - color: #5fd400; -} -.c100.orange .bar, -.c100.orange .fill { - border-color: #dd9d22 !important; -} -.c100.orange:hover > span { - color: #dd9d22; -} -.c100.orange.dark .bar, -.c100.orange.dark .fill { - border-color: #e08833 !important; -} -.c100.orange.dark:hover > span { - color: #e08833; -} diff --git a/admin/css/ilove-pdf-admin.css b/admin/css/ilove-pdf-admin.css deleted file mode 100644 index 6107c56..0000000 --- a/admin/css/ilove-pdf-admin.css +++ /dev/null @@ -1,168 +0,0 @@ -@import url('grid.css'); -@import url('circle.css'); -#wpfooter{ - display: none; -} -.row{ - margin-top: 20px; -} -.panel{ - background-color: #fff; - padding: 30px; - box-sizing: border-box; - /* border-radius: 5px; */ - margin-bottom: 20px; - border: 1px solid #ddd; -} -.panel h3{ - margin: 0 0 10px 0; -} -.panel .link{ - display: block; - margin: 20px 0; -} -.progress{margin-bottom: 10px;} - -.progress .progress__text{ - margin-bottom: 2px; -} - -.progress .progress__total{ - width: 100%; - overflow: hidden; - border-radius: 2px; - height: 30px; - background: #ececec; - position: relative; -} -.progress .progress__total .progress__total__percent{ - height: 30px; - background: #4db53c; - border-radius: 2px; -} -.progress .progress__total .progress__total_text{ - position: absolute; - top: 0px;left: 0px;bottom: 0px;right: 0px; - text-align: center; - line-height: 30px; - font-style: italic; -} - -.status-c100{ - -} -.status-c100 ul{ - margin-top: 35px; -} -.status-c100 ul li{ - font-size: 15px; - color: #838383; -} -.status-c100 ul li strong{ - color: #4db53c; -} -.panel h1{ - color: #838383; -} -.panel h1 strong{ - color: #4db53c; -} -.multi-form{ - width:28%; - float: left; -} -.multi-form-watermark{ - width: 40%; -} -.no-center{ - margin-left: 20px !important; -} - -.success {color: #46b450;} -.compress-success {color: #46b450;} -.applied-success {color: #46b450;} -.error {color: #a00;} -.compress-error {color: #a00;} -.applied-error {color: #a00;} -.compress-abort {color: #a00;} -.applied-abort {color: #a00;} -.all-compressing {color: #0085ba;} -.all-applying-watermark {color: #0085ba;} -.pdf-status {display: none} -.custom-title{line-height: 36px;} -.pdf-id{margin-left: 10px; display: none;} -div.panel-margin-left {margin-left: 15px !important} - -.fa-check{color: green !important} -.files-not-found{ - float: left; - color: red; - margin-right: 15px; -} - -div.row-library{ - display: flex; - flex-wrap: wrap; - gap: 10px; -} - -.multi-process{ - text-align: center; -} - -.multi-process span { - font-size: 18px; -} -.multi-process .all-compressing, -.multi-process .all-applying-watermark{position: relative;overflow: hidden;border-radius: 20px;height: 30px;background: #c3c3c3;} -.multi-process .all-compressing span, -.multi-process .all-applying-watermark span{ - color: #ffffff; - position: relative; - z-index: 20; - font-size: 14px; - display: block; - line-height: 30px; -} -.multi-process .all-compressing .progress-percent, -.multi-process .all-applying-watermark .progress-percent{ - height: 100%; - background-color: #6b94c7; - position: absolute; - top: 0; - left: 0; - border-radius: 20px; -} -#cancel-compress{ - display: none; - margin-top: 15px; -} - -#cancel-watermark{ - display: none; - margin-top: 15px; -} -body #TB_window{ - border-top: 5px solid red; - -} -.popup_buymore{ - -} -.popup_buymore h3{ - font-size: 26px; - text-align: center; - color: #383838; - margin-bottom: 0px; -} -.popup_buymore{ - text-align: center; -} -.popup_buymore p{ - font-size: 18px; - text-align: center; - color: #888; - font-style: italic; - padding: 0px !important; - margin-bottom: 0px; -} \ No newline at end of file diff --git a/admin/general-statistics.php b/admin/general-statistics.php index 37c7ac8..2182cce 100644 --- a/admin/general-statistics.php +++ b/admin/general-statistics.php @@ -331,7 +331,6 @@ function ilove_pdf_be_attachment_field_mode_grid( $form_fields, $post ) { $html .= '' . __( 'Applying Watermark', 'ilove-pdf' ) . '...'; $html .= '' . __( 'Error', 'ilove-pdf' ) . ''; $html .= '' . __( 'Completed', 'ilove-pdf' ) . ''; - $html .= ''; //phpcs:ignore WordPress.WP.EnqueuedResources.NonEnqueuedScript $form_fields['iLovePDF-compress'] = array( 'label' => 'iLovePDF', diff --git a/admin/watermark-settings.php b/admin/watermark-settings.php index 9c20c0e..07d6de1 100644 --- a/admin/watermark-settings.php +++ b/admin/watermark-settings.php @@ -145,12 +145,6 @@ function ilove_pdf_initialize_options_format_watermark() { if ( ! empty( $_SERVER['PHP_SELF'] ) && 'options-general.php' === basename( sanitize_url( wp_unslash( $_SERVER['PHP_SELF'] ) ) ) ) { wp_enqueue_media(); } - // Add the color picker css file - wp_enqueue_style( 'wp-color-picker' ); - - // Include our custom jQuery file with WordPress Color Picker dependency - wp_enqueue_script( 'ilove-pdf-admin', plugins_url( 'js/ilove-pdf-admin.js', __FILE__ ), array( 'wp-color-picker' ), '1.0.0', true ); - if ( false === get_option( 'ilove_pdf_display_settings_format_watermark' ) ) { add_option( 'ilove_pdf_display_settings_format_watermark' ); } diff --git a/assets/css/app.min.css b/assets/css/app.min.css new file mode 100644 index 0000000..e4a1530 --- /dev/null +++ b/assets/css/app.min.css @@ -0,0 +1,12 @@ +/*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2017 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! + * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=ac41234d96c44222f85bc6e30ce71944) + * Config saved to config.json and https://gist.github.com/ac41234d96c44222f85bc6e30ce71944 + *//*! + * Bootstrap v3.3.7 (http://getbootstrap.com) + * Copyright 2011-2016 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}.rect-auto{clip:rect(auto,auto,auto,auto)}.c100.p100 .slice,.c100.p51 .slice,.c100.p52 .slice,.c100.p53 .slice,.c100.p54 .slice,.c100.p55 .slice,.c100.p56 .slice,.c100.p57 .slice,.c100.p58 .slice,.c100.p59 .slice,.c100.p60 .slice,.c100.p61 .slice,.c100.p62 .slice,.c100.p63 .slice,.c100.p64 .slice,.c100.p65 .slice,.c100.p66 .slice,.c100.p67 .slice,.c100.p68 .slice,.c100.p69 .slice,.c100.p70 .slice,.c100.p71 .slice,.c100.p72 .slice,.c100.p73 .slice,.c100.p74 .slice,.c100.p75 .slice,.c100.p76 .slice,.c100.p77 .slice,.c100.p78 .slice,.c100.p79 .slice,.c100.p80 .slice,.c100.p81 .slice,.c100.p82 .slice,.c100.p83 .slice,.c100.p84 .slice,.c100.p85 .slice,.c100.p86 .slice,.c100.p87 .slice,.c100.p88 .slice,.c100.p89 .slice,.c100.p90 .slice,.c100.p91 .slice,.c100.p92 .slice,.c100.p93 .slice,.c100.p94 .slice,.c100.p95 .slice,.c100.p96 .slice,.c100.p97 .slice,.c100.p98 .slice,.c100.p99 .slice{clip:rect(auto,auto,auto,auto)}.pie{position:absolute;border:.08em solid #307bbb;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}.c100 .bar,.c100.p100 .fill,.c100.p51 .fill,.c100.p52 .fill,.c100.p53 .fill,.c100.p54 .fill,.c100.p55 .fill,.c100.p56 .fill,.c100.p57 .fill,.c100.p58 .fill,.c100.p59 .fill,.c100.p60 .fill,.c100.p61 .fill,.c100.p62 .fill,.c100.p63 .fill,.c100.p64 .fill,.c100.p65 .fill,.c100.p66 .fill,.c100.p67 .fill,.c100.p68 .fill,.c100.p69 .fill,.c100.p70 .fill,.c100.p71 .fill,.c100.p72 .fill,.c100.p73 .fill,.c100.p74 .fill,.c100.p75 .fill,.c100.p76 .fill,.c100.p77 .fill,.c100.p78 .fill,.c100.p79 .fill,.c100.p80 .fill,.c100.p81 .fill,.c100.p82 .fill,.c100.p83 .fill,.c100.p84 .fill,.c100.p85 .fill,.c100.p86 .fill,.c100.p87 .fill,.c100.p88 .fill,.c100.p89 .fill,.c100.p90 .fill,.c100.p91 .fill,.c100.p92 .fill,.c100.p93 .fill,.c100.p94 .fill,.c100.p95 .fill,.c100.p96 .fill,.c100.p97 .fill,.c100.p98 .fill,.c100.p99 .fill{position:absolute;border:.08em solid #307bbb;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);border-radius:50%;-webkit-transform:rotate(0);transform:rotate(0)}.pie-fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100{position:relative;font-size:120px;width:1em;height:1em;border-radius:50%;float:left;margin:0 .1em .1em 0;background-color:#ccc}.c100.p51 .bar:after,.c100.p51 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p52 .bar:after,.c100.p52 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p53 .bar:after,.c100.p53 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p54 .bar:after,.c100.p54 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p55 .bar:after,.c100.p55 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p56 .bar:after,.c100.p56 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p57 .bar:after,.c100.p57 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p58 .bar:after,.c100.p58 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p59 .bar:after,.c100.p59 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p60 .bar:after,.c100.p60 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p61 .bar:after,.c100.p61 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p62 .bar:after,.c100.p62 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p63 .bar:after,.c100.p63 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p64 .bar:after,.c100.p64 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p65 .bar:after,.c100.p65 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p66 .bar:after,.c100.p66 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p67 .bar:after,.c100.p67 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p68 .bar:after,.c100.p68 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p69 .bar:after,.c100.p69 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p70 .bar:after,.c100.p70 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p71 .bar:after,.c100.p71 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p72 .bar:after,.c100.p72 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p73 .bar:after,.c100.p73 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p74 .bar:after,.c100.p74 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p75 .bar:after,.c100.p75 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p76 .bar:after,.c100.p76 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p77 .bar:after,.c100.p77 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p78 .bar:after,.c100.p78 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p79 .bar:after,.c100.p79 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p80 .bar:after,.c100.p80 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p81 .bar:after,.c100.p81 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p82 .bar:after,.c100.p82 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p83 .bar:after,.c100.p83 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p84 .bar:after,.c100.p84 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p85 .bar:after,.c100.p85 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p86 .bar:after,.c100.p86 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p87 .bar:after,.c100.p87 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p88 .bar:after,.c100.p88 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p89 .bar:after,.c100.p89 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p90 .bar:after,.c100.p90 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p91 .bar:after,.c100.p91 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p92 .bar:after,.c100.p92 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p93 .bar:after,.c100.p93 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p94 .bar:after,.c100.p94 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p95 .bar:after,.c100.p95 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p96 .bar:after,.c100.p96 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p97 .bar:after,.c100.p97 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p98 .bar:after,.c100.p98 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p99 .bar:after,.c100.p99 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p100 .bar:after,.c100.p100 .fill{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100 *{-webkit-box-sizing:content-box;box-sizing:content-box}.c100 :after,.c100 :before{-webkit-box-sizing:content-box;box-sizing:content-box}.c100.center{float:none;margin:0 auto}.c100.big{font-size:240px}.c100.small{font-size:80px}.c100>span{position:absolute;width:100%;z-index:1;left:0;top:15px;width:5em;line-height:5em;font-size:.2em;color:#ccc;display:block;text-align:center;white-space:nowrap;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";border-radius:50%;background-color:#f5f5f5;width:.84em;height:.84em;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.c100.p1 .bar{-webkit-transform:rotate(3.6deg);transform:rotate(3.6deg)}.c100.p2 .bar{-webkit-transform:rotate(7.2deg);transform:rotate(7.2deg)}.c100.p3 .bar{-webkit-transform:rotate(10.8deg);transform:rotate(10.8deg)}.c100.p4 .bar{-webkit-transform:rotate(14.4deg);transform:rotate(14.4deg)}.c100.p5 .bar{-webkit-transform:rotate(18deg);transform:rotate(18deg)}.c100.p6 .bar{-webkit-transform:rotate(21.6deg);transform:rotate(21.6deg)}.c100.p7 .bar{-webkit-transform:rotate(25.2deg);transform:rotate(25.2deg)}.c100.p8 .bar{-webkit-transform:rotate(28.8deg);transform:rotate(28.8deg)}.c100.p9 .bar{-webkit-transform:rotate(32.4deg);transform:rotate(32.4deg)}.c100.p10 .bar{-webkit-transform:rotate(36deg);transform:rotate(36deg)}.c100.p11 .bar{-webkit-transform:rotate(39.6deg);transform:rotate(39.6deg)}.c100.p12 .bar{-webkit-transform:rotate(43.2deg);transform:rotate(43.2deg)}.c100.p13 .bar{-webkit-transform:rotate(46.8deg);transform:rotate(46.8deg)}.c100.p14 .bar{-webkit-transform:rotate(50.4deg);transform:rotate(50.4deg)}.c100.p15 .bar{-webkit-transform:rotate(54deg);transform:rotate(54deg)}.c100.p16 .bar{-webkit-transform:rotate(57.6deg);transform:rotate(57.6deg)}.c100.p17 .bar{-webkit-transform:rotate(61.2deg);transform:rotate(61.2deg)}.c100.p18 .bar{-webkit-transform:rotate(64.8deg);transform:rotate(64.8deg)}.c100.p19 .bar{-webkit-transform:rotate(68.4deg);transform:rotate(68.4deg)}.c100.p20 .bar{-webkit-transform:rotate(72deg);transform:rotate(72deg)}.c100.p21 .bar{-webkit-transform:rotate(75.6deg);transform:rotate(75.6deg)}.c100.p22 .bar{-webkit-transform:rotate(79.2deg);transform:rotate(79.2deg)}.c100.p23 .bar{-webkit-transform:rotate(82.8deg);transform:rotate(82.8deg)}.c100.p24 .bar{-webkit-transform:rotate(86.4deg);transform:rotate(86.4deg)}.c100.p25 .bar{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.c100.p26 .bar{-webkit-transform:rotate(93.6deg);transform:rotate(93.6deg)}.c100.p27 .bar{-webkit-transform:rotate(97.2deg);transform:rotate(97.2deg)}.c100.p28 .bar{-webkit-transform:rotate(100.8deg);transform:rotate(100.8deg)}.c100.p29 .bar{-webkit-transform:rotate(104.4deg);transform:rotate(104.4deg)}.c100.p30 .bar{-webkit-transform:rotate(108deg);transform:rotate(108deg)}.c100.p31 .bar{-webkit-transform:rotate(111.6deg);transform:rotate(111.6deg)}.c100.p32 .bar{-webkit-transform:rotate(115.2deg);transform:rotate(115.2deg)}.c100.p33 .bar{-webkit-transform:rotate(118.8deg);transform:rotate(118.8deg)}.c100.p34 .bar{-webkit-transform:rotate(122.4deg);transform:rotate(122.4deg)}.c100.p35 .bar{-webkit-transform:rotate(126deg);transform:rotate(126deg)}.c100.p36 .bar{-webkit-transform:rotate(129.6deg);transform:rotate(129.6deg)}.c100.p37 .bar{-webkit-transform:rotate(133.2deg);transform:rotate(133.2deg)}.c100.p38 .bar{-webkit-transform:rotate(136.8deg);transform:rotate(136.8deg)}.c100.p39 .bar{-webkit-transform:rotate(140.4deg);transform:rotate(140.4deg)}.c100.p40 .bar{-webkit-transform:rotate(144deg);transform:rotate(144deg)}.c100.p41 .bar{-webkit-transform:rotate(147.6deg);transform:rotate(147.6deg)}.c100.p42 .bar{-webkit-transform:rotate(151.2deg);transform:rotate(151.2deg)}.c100.p43 .bar{-webkit-transform:rotate(154.8deg);transform:rotate(154.8deg)}.c100.p44 .bar{-webkit-transform:rotate(158.4deg);transform:rotate(158.4deg)}.c100.p45 .bar{-webkit-transform:rotate(162deg);transform:rotate(162deg)}.c100.p46 .bar{-webkit-transform:rotate(165.6deg);transform:rotate(165.6deg)}.c100.p47 .bar{-webkit-transform:rotate(169.2deg);transform:rotate(169.2deg)}.c100.p48 .bar{-webkit-transform:rotate(172.8deg);transform:rotate(172.8deg)}.c100.p49 .bar{-webkit-transform:rotate(176.4deg);transform:rotate(176.4deg)}.c100.p50 .bar{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.c100.p51 .bar{-webkit-transform:rotate(183.6deg);transform:rotate(183.6deg)}.c100.p52 .bar{-webkit-transform:rotate(187.2deg);transform:rotate(187.2deg)}.c100.p53 .bar{-webkit-transform:rotate(190.8deg);transform:rotate(190.8deg)}.c100.p54 .bar{-webkit-transform:rotate(194.4deg);transform:rotate(194.4deg)}.c100.p55 .bar{-webkit-transform:rotate(198deg);transform:rotate(198deg)}.c100.p56 .bar{-webkit-transform:rotate(201.6deg);transform:rotate(201.6deg)}.c100.p57 .bar{-webkit-transform:rotate(205.2deg);transform:rotate(205.2deg)}.c100.p58 .bar{-webkit-transform:rotate(208.8deg);transform:rotate(208.8deg)}.c100.p59 .bar{-webkit-transform:rotate(212.4deg);transform:rotate(212.4deg)}.c100.p60 .bar{-webkit-transform:rotate(216deg);transform:rotate(216deg)}.c100.p61 .bar{-webkit-transform:rotate(219.6deg);transform:rotate(219.6deg)}.c100.p62 .bar{-webkit-transform:rotate(223.2deg);transform:rotate(223.2deg)}.c100.p63 .bar{-webkit-transform:rotate(226.8deg);transform:rotate(226.8deg)}.c100.p64 .bar{-webkit-transform:rotate(230.4deg);transform:rotate(230.4deg)}.c100.p65 .bar{-webkit-transform:rotate(234deg);transform:rotate(234deg)}.c100.p66 .bar{-webkit-transform:rotate(237.6deg);transform:rotate(237.6deg)}.c100.p67 .bar{-webkit-transform:rotate(241.2deg);transform:rotate(241.2deg)}.c100.p68 .bar{-webkit-transform:rotate(244.8deg);transform:rotate(244.8deg)}.c100.p69 .bar{-webkit-transform:rotate(248.4deg);transform:rotate(248.4deg)}.c100.p70 .bar{-webkit-transform:rotate(252deg);transform:rotate(252deg)}.c100.p71 .bar{-webkit-transform:rotate(255.6deg);transform:rotate(255.6deg)}.c100.p72 .bar{-webkit-transform:rotate(259.2deg);transform:rotate(259.2deg)}.c100.p73 .bar{-webkit-transform:rotate(262.8deg);transform:rotate(262.8deg)}.c100.p74 .bar{-webkit-transform:rotate(266.4deg);transform:rotate(266.4deg)}.c100.p75 .bar{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.c100.p76 .bar{-webkit-transform:rotate(273.6deg);transform:rotate(273.6deg)}.c100.p77 .bar{-webkit-transform:rotate(277.2deg);transform:rotate(277.2deg)}.c100.p78 .bar{-webkit-transform:rotate(280.8deg);transform:rotate(280.8deg)}.c100.p79 .bar{-webkit-transform:rotate(284.4deg);transform:rotate(284.4deg)}.c100.p80 .bar{-webkit-transform:rotate(288deg);transform:rotate(288deg)}.c100.p81 .bar{-webkit-transform:rotate(291.6deg);transform:rotate(291.6deg)}.c100.p82 .bar{-webkit-transform:rotate(295.2deg);transform:rotate(295.2deg)}.c100.p83 .bar{-webkit-transform:rotate(298.8deg);transform:rotate(298.8deg)}.c100.p84 .bar{-webkit-transform:rotate(302.4deg);transform:rotate(302.4deg)}.c100.p85 .bar{-webkit-transform:rotate(306deg);transform:rotate(306deg)}.c100.p86 .bar{-webkit-transform:rotate(309.6deg);transform:rotate(309.6deg)}.c100.p87 .bar{-webkit-transform:rotate(313.2deg);transform:rotate(313.2deg)}.c100.p88 .bar{-webkit-transform:rotate(316.8deg);transform:rotate(316.8deg)}.c100.p89 .bar{-webkit-transform:rotate(320.4deg);transform:rotate(320.4deg)}.c100.p90 .bar{-webkit-transform:rotate(324deg);transform:rotate(324deg)}.c100.p91 .bar{-webkit-transform:rotate(327.6deg);transform:rotate(327.6deg)}.c100.p92 .bar{-webkit-transform:rotate(331.2deg);transform:rotate(331.2deg)}.c100.p93 .bar{-webkit-transform:rotate(334.8deg);transform:rotate(334.8deg)}.c100.p94 .bar{-webkit-transform:rotate(338.4deg);transform:rotate(338.4deg)}.c100.p95 .bar{-webkit-transform:rotate(342deg);transform:rotate(342deg)}.c100.p96 .bar{-webkit-transform:rotate(345.6deg);transform:rotate(345.6deg)}.c100.p97 .bar{-webkit-transform:rotate(349.2deg);transform:rotate(349.2deg)}.c100.p98 .bar{-webkit-transform:rotate(352.8deg);transform:rotate(352.8deg)}.c100.p99 .bar{-webkit-transform:rotate(356.4deg);transform:rotate(356.4deg)}.c100.p100 .bar{-webkit-transform:rotate(360deg);transform:rotate(360deg)}.c100:hover{cursor:default}.c100:hover>span{width:3.33em;line-height:3.33em;font-size:.3em;color:#307bbb}.c100:hover:after{top:.04em;left:.04em;width:.92em;height:.92em}.c100.dark{background-color:#777}.c100.dark .bar,.c100.dark .fill{border-color:#c6ff00!important}.c100.dark>span{color:#777}.c100.dark:after{background-color:#666}.c100.dark:hover>span{color:#c6ff00}.c100.green .bar,.c100.green .fill{border-color:#4db53c!important}.c100.green:hover>span{color:#4db53c}.c100.green.dark .bar,.c100.green.dark .fill{border-color:#5fd400!important}.c100.green.dark:hover>span{color:#5fd400}.c100.orange .bar,.c100.orange .fill{border-color:#dd9d22!important}.c100.orange:hover>span{color:#dd9d22}.c100.orange.dark .bar,.c100.orange.dark .fill{border-color:#e08833!important}.c100.orange.dark:hover>span{color:#e08833}#wpfooter{display:none}.row{margin-top:20px}.panel{background-color:#fff;padding:30px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;border:1px solid #ddd}.panel h3{margin:0 0 10px 0}.panel .link{display:block;margin:20px 0}.progress{margin-bottom:10px}.progress .progress__text{margin-bottom:2px}.progress .progress__total{width:100%;overflow:hidden;border-radius:2px;height:30px;background:#ececec;position:relative}.progress .progress__total .progress__total__percent{height:30px;background:#4db53c;border-radius:2px}.progress .progress__total .progress__total_text{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;line-height:30px;font-style:italic}.status-c100 ul{margin-top:35px}.status-c100 ul li{font-size:15px;color:#838383}.status-c100 ul li strong{color:#4db53c}.panel h1{color:#838383}.panel h1 strong{color:#4db53c}.multi-form{width:28%;float:left}.multi-form-watermark{width:40%}.no-center{margin-left:20px!important}.applied-success,.compress-success,.success{color:#46b450}.applied-abort,.applied-error,.compress-abort,.compress-error,.error{color:#a00}.all-applying-watermark,.all-compressing{color:#0085ba}.pdf-status{display:none}.custom-title{line-height:36px}.pdf-id{margin-left:10px;display:none}div.panel-margin-left{margin-left:15px!important}.fa-check{color:green!important}.files-not-found{float:left;color:red;margin-right:15px}div.row-library{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.multi-process{text-align:center}.multi-process span{font-size:18px}.multi-process .all-applying-watermark,.multi-process .all-compressing{position:relative;overflow:hidden;border-radius:20px;height:30px;background:#c3c3c3}.multi-process .all-applying-watermark span,.multi-process .all-compressing span{color:#fff;position:relative;z-index:20;font-size:14px;display:block;line-height:30px}.multi-process .all-applying-watermark .progress-percent,.multi-process .all-compressing .progress-percent{height:100%;background-color:#6b94c7;position:absolute;top:0;left:0;border-radius:20px}#cancel-compress,#cancel-watermark{display:none;margin-top:15px}body #TB_window{border-top:5px solid red}.popup_buymore{text-align:center}.popup_buymore h3{font-size:26px;text-align:center;color:#383838;margin-bottom:0}.popup_buymore p{font-size:18px;text-align:center;color:#888;font-style:italic;padding:0!important;margin-bottom:0} \ No newline at end of file diff --git a/assets/js/main.min.js b/assets/js/main.min.js new file mode 100644 index 0000000..01f461e --- /dev/null +++ b/assets/js/main.min.js @@ -0,0 +1 @@ +!function(n){"use strict";n(function(){jQuery(".color-field").wpColorPicker()}),n("#check-all-compress").on("click",function(){this.checked?n(".nslb-input").each(function(){this.checked=!0}):n(".nslb-input").each(function(){this.checked=!1})}),n(".nslb-input").on("click",function(){n(".nslb-input:checked").length==n(".nslb-input").length?n("#check-all-compress").prop("checked",!0):n("#check-all-compress").prop("checked",!1)}),n("#check-all-watermark").on("click",function(){this.checked?n(".nslb-input").each(function(){this.checked=!0}):n(".nslb-input").each(function(){this.checked=!1})}),n(".nslb-input").on("click",function(){n(".nslb-input:checked").length==n(".nslb-input").length?n("#check-all-watermark").prop("checked",!0):n("#check-all-watermark").prop("checked",!1)}),n("input[name$='ilove_pdf_display_settings_format_watermark[ilove_pdf_format_watermark_mode]']").on("change",function(){var e=n(this).val();n("div.watermark-mode").hide(),n("#div-mode"+e).show()});var r=!0,e=(n(".btn-cancel").click(function(){r=!1}),0),a=0;function l(i){0==e&&(a=i.length);var s=n("#file-row-"+i[0]).find("td:eq(3)");s.find("a").hide(),n(".all-compressing").show(),s.find(".compressing").show(),e++,n(".all-compressing span").html(e+"/"+a),n(".all-compressing .progress-percent").width(100*e/a+"%"),n.post("admin-post.php?action=ilovepdf_compress&id="+i[0]+"&ajax=1",function(e){var t;""==e||1!=e.status||e.api_error?"error_auth"==e.api_error?(tb_show("HAI","#TB_inline?height=240&width=405&inlineId=pricing_ilovepdf&modal=true",null),s.show()):(s.find(".compressing").hide(),(t=document.createElement("div")).innerHTML=e.api_error,s.find(".error").html(t.innerText).show(),i.splice(0,1),!jQuery.isEmptyObject(i)&&r?l(i):(n(".all-compressing").hide(),n(r?".compress-success":".compress-abort").show(),n("#cancel-compress").hide())):(s.find(".compressing").hide(),s.find(".success").show(),n("#file-row-"+i[0]).find("td:eq(2)").html(e.compress_size),i.splice(0,1),!jQuery.isEmptyObject(i)&&r?l(i):(n(".all-compressing").hide(),n(r?".compress-success":".compress-abort").show(),n("#cancel-compress").hide(),window.setTimeout(function(){n("#stats_total_files_compressed").html(e.total_files),n("#stats_initial_size").html(e.initial_size),n("#stats_current_size").html(e.current_size),n("#stats_total_percentage").html(e.percentage+"%"),n("#stats_total_percentage").parent(".c100").addClass("p"+e.percentage),n("#compress-pdf-list").load(document.URL+" #compress-pdf-list")},2e3)))},"json")}function c(i){0==e&&(a=i.length);var s=n("#file-row-"+i[0]).find("td:eq(2)");s.find("a").hide(),n(".all-applying-watermark").show(),s.find(".applying-watermark").show(),e++,n(".all-applying-watermark span").html(e+"/"+a),n(".all-applying-watermark .progress-percent").width(100*e/a+"%"),n.post("admin-post.php?action=ilovepdf_watermark&id="+i[0]+"&ajax=1",function(e){var t;""==e||1!=e.status||e.api_error?"error_auth"==e.api_error?(tb_show("HAI","#TB_inline?height=240&width=405&inlineId=pricing_ilovepdf&modal=true",null),s.show()):(s.find(".applying-watermark").hide(),(t=document.createElement("div")).innerHTML=e.api_error,s.find(".error").html(t.innerText).show(),i.splice(0,1),!jQuery.isEmptyObject(i)&&r?c(i):(n(".all-applying-watermark").hide(),n(r?".applied-success":".applied-abort").show(),n("#cancel-watermark").hide())):(s.find(".applying-watermark").hide(),s.find(".success").show(),i.splice(0,1),!jQuery.isEmptyObject(i)&&r?c(i):(n(".all-applying-watermark").hide(),n(r?".applied-success":".applied-abort").show(),n("#cancel-watermark").hide(),window.setTimeout(function(){n("#stats_total_files_watermarked").html(e.total_files),n("#watermark-pdf-list").load(document.URL+" #watermark-pdf-list")},2e3)))},"json")}n(".btn-compress-all").click(function(){n("#cancel-compress").css("display","inline-block"),n.ajax({type:"POST",url:"admin-post.php?action=ilovepdf_compress_list",success:function(e){var t,e=n.parseJSON(e);""!=e&&1==e.status?(a=e.list_pdf.length,l(e.list_pdf)):((t=document.createElement("div")).innerHTML=e,n(".compress-error").html(t.innerText).show())}})}),window.exportedCompressMultiPDF=l,n(".btn-watermark-all").click(function(){n("#cancel-watermark").css("display","inline-block"),n.ajax({type:"POST",url:"admin-post.php?action=ilovepdf_watermark_list",success:function(e){var t,e=n.parseJSON(e);""!=e&&1==e.status?(a=e.list_pdf.length,c(e.list_pdf)):((t=document.createElement("div")).innerHTML=e,n(".applied-error").html(t.innerText).show())}})}),window.exportedWatermarkMultiPDF=c,n(".btn-compress").click(function(e){var i=n(this),s=n(this).parent(),r=!1;e.preventDefault(),i.closest(".row-library").find(".btn-watermark").is(":visible")&&(r=!0),i.closest(".row-library").find(".btn-watermark").hide(),n(this).hide(),n(this).nextAll(".compressing").show(),n(this).nextAll(".success").hide(),n.post(n(this).prop("href")+"&ajax=1",function(e){var t;i.nextAll(".compressing").hide(),r&&i.closest(".row-library").find(".btn-watermark").show(),""==e||1!=e.status||e.api_error?("error_auth"==e.api_error?(tb_show("HAI","#TB_inline?height=240&width=405&inlineId=pricing_ilovepdf&modal=true",null),i):((t=document.createElement("div")).innerHTML=e.api_error,1==e.editpdf&&i.nextAll(".error").before("

"),i.nextAll(".error").html(t.innerText))).show():(console.log(e.api_error),i.nextAll(".success").show(),n("#stats_total_files_compressed").html(parseInt(n("#stats_total_files_compressed").html())+1),n("#stats_initial_size").html(e.initial_size),n("#stats_current_size").html(e.current_size),n("#stats_total_percentage").html(e.percentage+"%"),n("#stats_total_percentage").parent(".c100").addClass("p"+e.percentage),window.setTimeout(function(){i.nextAll(".success").hide(),1==e.library?i.nextAll(".stats-compress").html(' Compressed
Savings '+e.percent+"%"):(1==e.editpdf?i.prevAll("#current-size").find("strong"):(s.html(e.percent+"%"),s.closest("td").prev("td"))).html(e.compress_size)},3e3))},"json")}),n(".btn-watermark").click(function(e){var i=n(this),s=n(this).parent(),r=!1;e.preventDefault(),i.closest(".row-library").find(".btn-compress").is(":visible")&&(r=!0),i.closest(".row-library").find(".btn-compress").hide(),n(this).hide(),n(this).nextAll(".applying-watermark").show(),n(this).prevAll(".stats-compress").hide(),n(this).nextAll(".success").hide(),n.post(n(this).prop("href")+"&ajax=1",function(e){var t;i.nextAll(".applying-watermark").hide(),r&&i.closest(".row-library").find(".btn-compress").show(),""==e||1!=e.status||e.api_error?("error_auth"==e.api_error?(tb_show("HAI","#TB_inline?height=240&width=405&inlineId=pricing_ilovepdf&modal=true",null),i):((t=document.createElement("div")).innerHTML=e.api_error,1==e.editpdf&&i.nextAll(".error").before("

"),i.nextAll(".error").html(t.innerText))).show():(i.nextAll(".success").show(),n("#stats_total_files_watermarked").html(parseInt(n("#stats_total_files_watermarked").html())+1),window.setTimeout(function(){i.nextAll(".success").hide(),1==e.library?s.html(' Stamped'):1==e.editpdf&&s.append(' Stamped')},3e3))},"json")}),n(".btn-restore").click(function(e){var i=n(this);e.preventDefault(),n(this).hide(),n(this).nextAll(".loading").show(),n(this).prevAll(".btn-compress").hide(),n(this).prevAll(".stats-compress").hide(),n(this).nextAll(".success").hide(),n.post(n(this).prop("href")+"&ajax=1",function(e){var t;i.nextAll(".loading").hide(),(""==e?i.nextAll(".success"):((t=document.createElement("div")).innerHTML=e,i.nextAll(".error").html(t.innerText))).show()})})}(jQuery); \ No newline at end of file diff --git a/composer.json b/composer.json index ca09133..f902236 100644 --- a/composer.json +++ b/composer.json @@ -27,7 +27,7 @@ }, "scripts": { "stan": "vendor/bin/phpstan analyse --memory-limit=-1 --error-format=table > ../../../phpstan-report-ilovepdf.txt", - "phpcs": "phpcs -s --ignore=*/node_modules/*,*/vendor/*,*/.github/* --report-file=../../../condesniffer-report-ilovepdf.txt ./", + "phpcs": "phpcs -s --ignore=*/node_modules/*,*/vendor/*,*/.github/*,*/assets/js/*,*/assets/css/* --report-file=../../../condesniffer-report-ilovepdf.txt ./", "phpcbf": "phpcbf --ignore=node_modules/,vendor/,.github/ ./", "autoload-dev": "composer dump-autoload", "autoload-prod": "composer dump-autoload --no-dev" diff --git a/admin/js/ilove-pdf-admin.js b/dev/js/main.js similarity index 95% rename from admin/js/ilove-pdf-admin.js rename to dev/js/main.js index 4116f84..f9a6353 100644 --- a/admin/js/ilove-pdf-admin.js +++ b/dev/js/main.js @@ -1,34 +1,6 @@ (function ( $ ) { 'use strict'; - /** - * All of the code for your admin-facing JavaScript source - * should reside in this file. - * - * Note: It has been assumed you will write jQuery code here, so the - * $ function reference has been prepared for usage within the scope - * of this function. - * - * This enables you to define handlers, for when the DOM is ready: - * - * $(function() { - * - * }); - * - * When the window is loaded: - * - * $( window ).load(function() { - * - * }); - * - * ...and/or other possibilities. - * - * Ideally, it is not considered best practise to attach more than a - * single DOM-ready or window-load handler for a particular page. - * Although scripts in the WordPress core, Plugins and Themes may be - * practising this, we should strive to set a better example in our own work. - */ - // Add Color Picker to all inputs that have 'color-field' class $( function () { diff --git a/dev/scss/_admin.scss b/dev/scss/_admin.scss new file mode 100644 index 0000000..17a9351 --- /dev/null +++ b/dev/scss/_admin.scss @@ -0,0 +1,200 @@ +#wpfooter { + display: none; +} + +.row { + margin-top: 20px; +} + +.panel { + background-color: #fff; + padding: 30px; + box-sizing: border-box; + margin-bottom: 20px; + border: 1px solid #ddd; + + h3 { + margin: 0 0 10px 0; + } + + .link { + display: block; + margin: 20px 0; + } +} + +.progress { + margin-bottom: 10px; + + .progress__text { + margin-bottom: 2px; + } + + .progress__total { + width: 100%; + overflow: hidden; + border-radius: 2px; + height: 30px; + background: #ececec; + position: relative; + + .progress__total__percent { + height: 30px; + background: #4db53c; + border-radius: 2px; + } + + .progress__total_text { + position: absolute; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; + text-align: center; + line-height: 30px; + font-style: italic; + } + } +} + +.status-c100 ul { + margin-top: 35px; + + li { + font-size: 15px; + color: #838383; + + strong { + color: #4db53c; + } + } +} + +.panel h1 { + color: #838383; + + strong { + color: #4db53c; + } +} + +.multi-form { + width: 28%; + float: left; +} + +.multi-form-watermark { + width: 40%; +} + +.no-center { + margin-left: 20px !important; +} + +.success, .compress-success, .applied-success { + color: #46b450; +} + +.error, .compress-error, .applied-error, .compress-abort, .applied-abort { + color: #a00; +} + +.all-compressing, .all-applying-watermark { + color: #0085ba; +} + +.pdf-status { + display: none; +} + +.custom-title { + line-height: 36px; +} + +.pdf-id { + margin-left: 10px; + display: none; +} + +div.panel-margin-left { + margin-left: 15px !important; +} + +.fa-check { + color: green !important; +} + +.files-not-found { + float: left; + color: red; + margin-right: 15px; +} + +div.row-library { + display: flex; + flex-wrap: wrap; + gap: 10px; +} + +.multi-process { + text-align: center; + + span { + font-size: 18px; + } + + .all-compressing, .all-applying-watermark { + position: relative; + overflow: hidden; + border-radius: 20px; + height: 30px; + background: #c3c3c3; + } + + .all-compressing span, .all-applying-watermark span { + color: #ffffff; + position: relative; + z-index: 20; + font-size: 14px; + display: block; + line-height: 30px; + } + + .all-compressing .progress-percent, .all-applying-watermark .progress-percent { + height: 100%; + background-color: #6b94c7; + position: absolute; + top: 0; + left: 0; + border-radius: 20px; + } +} + +#cancel-compress, #cancel-watermark { + display: none; + margin-top: 15px; +} + +body #TB_window { + border-top: 5px solid red; +} + +.popup_buymore { + h3 { + font-size: 26px; + text-align: center; + color: #383838; + margin-bottom: 0px; + } + + text-align: center; + + p { + font-size: 18px; + text-align: center; + color: #888; + font-style: italic; + padding: 0px !important; + margin-bottom: 0px; + } +} diff --git a/dev/scss/_circle.scss b/dev/scss/_circle.scss new file mode 100644 index 0000000..742ee33 --- /dev/null +++ b/dev/scss/_circle.scss @@ -0,0 +1,1519 @@ +.rect-auto { + clip: rect(auto, auto, auto, auto); +} + +.c100 { + &.p51 .slice, &.p52 .slice, &.p53 .slice, &.p54 .slice, &.p55 .slice, &.p56 .slice, &.p57 .slice, &.p58 .slice, &.p59 .slice, &.p60 .slice, &.p61 .slice, &.p62 .slice, &.p63 .slice, &.p64 .slice, &.p65 .slice, &.p66 .slice, &.p67 .slice, &.p68 .slice, &.p69 .slice, &.p70 .slice, &.p71 .slice, &.p72 .slice, &.p73 .slice, &.p74 .slice, &.p75 .slice, &.p76 .slice, &.p77 .slice, &.p78 .slice, &.p79 .slice, &.p80 .slice, &.p81 .slice, &.p82 .slice, &.p83 .slice, &.p84 .slice, &.p85 .slice, &.p86 .slice, &.p87 .slice, &.p88 .slice, &.p89 .slice, &.p90 .slice, &.p91 .slice, &.p92 .slice, &.p93 .slice, &.p94 .slice, &.p95 .slice, &.p96 .slice, &.p97 .slice, &.p98 .slice, &.p99 .slice, &.p100 .slice { + clip: rect(auto, auto, auto, auto); + } +} + +.pie { + position: absolute; + border: 0.08em solid #307bbb; + width: 0.84em; + height: 0.84em; + clip: rect(0em, 0.5em, 1em, 0em); + border-radius: 50%; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); +} + +.c100 { + .bar, &.p51 .fill, &.p52 .fill, &.p53 .fill, &.p54 .fill, &.p55 .fill, &.p56 .fill, &.p57 .fill, &.p58 .fill, &.p59 .fill, &.p60 .fill, &.p61 .fill, &.p62 .fill, &.p63 .fill, &.p64 .fill, &.p65 .fill, &.p66 .fill, &.p67 .fill, &.p68 .fill, &.p69 .fill, &.p70 .fill, &.p71 .fill, &.p72 .fill, &.p73 .fill, &.p74 .fill, &.p75 .fill, &.p76 .fill, &.p77 .fill, &.p78 .fill, &.p79 .fill, &.p80 .fill, &.p81 .fill, &.p82 .fill, &.p83 .fill, &.p84 .fill, &.p85 .fill, &.p86 .fill, &.p87 .fill, &.p88 .fill, &.p89 .fill, &.p90 .fill, &.p91 .fill, &.p92 .fill, &.p93 .fill, &.p94 .fill, &.p95 .fill, &.p96 .fill, &.p97 .fill, &.p98 .fill, &.p99 .fill, &.p100 .fill { + position: absolute; + border: 0.08em solid #307bbb; + width: 0.84em; + height: 0.84em; + clip: rect(0em, 0.5em, 1em, 0em); + border-radius: 50%; + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } +} + +.pie-fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} + +.c100 { + &.p51 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p52 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p53 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p54 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p55 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p56 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p57 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p58 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p59 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p60 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p61 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p62 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p63 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p64 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p65 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p66 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p67 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p68 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p69 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p70 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p71 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p72 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p73 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p74 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p75 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p76 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p77 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p78 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p79 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p80 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p81 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p82 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p83 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p84 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p85 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p86 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p87 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p88 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p89 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p90 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p91 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p92 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p93 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p94 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p95 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p96 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p97 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p98 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p99 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + &.p100 { + .bar:after, .fill { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + } + + position: relative; + font-size: 120px; + width: 1em; + height: 1em; + border-radius: 50%; + float: left; + margin: 0 0.1em 0.1em 0; + background-color: #cccccc; + + * { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + + &:before, &:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + } + } + + &.center { + float: none; + margin: 0 auto; + } + + &.big { + font-size: 240px; + } + + &.small { + font-size: 80px; + } + + > span { + position: absolute; + width: 100%; + z-index: 1; + left: 0; + top: 15px; + width: 5em; + line-height: 5em; + font-size: 0.2em; + color: #cccccc; + display: block; + text-align: center; + white-space: nowrap; + -webkit-transition-property: all; + -moz-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: ease-out; + -moz-transition-timing-function: ease-out; + -o-transition-timing-function: ease-out; + transition-timing-function: ease-out; + } + + &:after { + position: absolute; + top: 0.08em; + left: 0.08em; + display: block; + content: " "; + border-radius: 50%; + background-color: #f5f5f5; + width: 0.84em; + height: 0.84em; + -webkit-transition-property: all; + -moz-transition-property: all; + -o-transition-property: all; + transition-property: all; + -webkit-transition-duration: 0.2s; + -moz-transition-duration: 0.2s; + -o-transition-duration: 0.2s; + transition-duration: 0.2s; + -webkit-transition-timing-function: ease-in; + -moz-transition-timing-function: ease-in; + -o-transition-timing-function: ease-in; + transition-timing-function: ease-in; + } + + .slice { + position: absolute; + width: 1em; + height: 1em; + clip: rect(0em, 1em, 1em, 0.5em); + } + + &.p1 .bar { + -webkit-transform: rotate(3.6deg); + -moz-transform: rotate(3.6deg); + -ms-transform: rotate(3.6deg); + -o-transform: rotate(3.6deg); + transform: rotate(3.6deg); + } + + &.p2 .bar { + -webkit-transform: rotate(7.2deg); + -moz-transform: rotate(7.2deg); + -ms-transform: rotate(7.2deg); + -o-transform: rotate(7.2deg); + transform: rotate(7.2deg); + } + + &.p3 .bar { + -webkit-transform: rotate(10.8deg); + -moz-transform: rotate(10.8deg); + -ms-transform: rotate(10.8deg); + -o-transform: rotate(10.8deg); + transform: rotate(10.8deg); + } + + &.p4 .bar { + -webkit-transform: rotate(14.4deg); + -moz-transform: rotate(14.4deg); + -ms-transform: rotate(14.4deg); + -o-transform: rotate(14.4deg); + transform: rotate(14.4deg); + } + + &.p5 .bar { + -webkit-transform: rotate(18deg); + -moz-transform: rotate(18deg); + -ms-transform: rotate(18deg); + -o-transform: rotate(18deg); + transform: rotate(18deg); + } + + &.p6 .bar { + -webkit-transform: rotate(21.6deg); + -moz-transform: rotate(21.6deg); + -ms-transform: rotate(21.6deg); + -o-transform: rotate(21.6deg); + transform: rotate(21.6deg); + } + + &.p7 .bar { + -webkit-transform: rotate(25.2deg); + -moz-transform: rotate(25.2deg); + -ms-transform: rotate(25.2deg); + -o-transform: rotate(25.2deg); + transform: rotate(25.2deg); + } + + &.p8 .bar { + -webkit-transform: rotate(28.8deg); + -moz-transform: rotate(28.8deg); + -ms-transform: rotate(28.8deg); + -o-transform: rotate(28.8deg); + transform: rotate(28.8deg); + } + + &.p9 .bar { + -webkit-transform: rotate(32.4deg); + -moz-transform: rotate(32.4deg); + -ms-transform: rotate(32.4deg); + -o-transform: rotate(32.4deg); + transform: rotate(32.4deg); + } + + &.p10 .bar { + -webkit-transform: rotate(36deg); + -moz-transform: rotate(36deg); + -ms-transform: rotate(36deg); + -o-transform: rotate(36deg); + transform: rotate(36deg); + } + + &.p11 .bar { + -webkit-transform: rotate(39.6deg); + -moz-transform: rotate(39.6deg); + -ms-transform: rotate(39.6deg); + -o-transform: rotate(39.6deg); + transform: rotate(39.6deg); + } + + &.p12 .bar { + -webkit-transform: rotate(43.2deg); + -moz-transform: rotate(43.2deg); + -ms-transform: rotate(43.2deg); + -o-transform: rotate(43.2deg); + transform: rotate(43.2deg); + } + + &.p13 .bar { + -webkit-transform: rotate(46.8deg); + -moz-transform: rotate(46.8deg); + -ms-transform: rotate(46.8deg); + -o-transform: rotate(46.8deg); + transform: rotate(46.8deg); + } + + &.p14 .bar { + -webkit-transform: rotate(50.4deg); + -moz-transform: rotate(50.4deg); + -ms-transform: rotate(50.4deg); + -o-transform: rotate(50.4deg); + transform: rotate(50.4deg); + } + + &.p15 .bar { + -webkit-transform: rotate(54deg); + -moz-transform: rotate(54deg); + -ms-transform: rotate(54deg); + -o-transform: rotate(54deg); + transform: rotate(54deg); + } + + &.p16 .bar { + -webkit-transform: rotate(57.6deg); + -moz-transform: rotate(57.6deg); + -ms-transform: rotate(57.6deg); + -o-transform: rotate(57.6deg); + transform: rotate(57.6deg); + } + + &.p17 .bar { + -webkit-transform: rotate(61.2deg); + -moz-transform: rotate(61.2deg); + -ms-transform: rotate(61.2deg); + -o-transform: rotate(61.2deg); + transform: rotate(61.2deg); + } + + &.p18 .bar { + -webkit-transform: rotate(64.8deg); + -moz-transform: rotate(64.8deg); + -ms-transform: rotate(64.8deg); + -o-transform: rotate(64.8deg); + transform: rotate(64.8deg); + } + + &.p19 .bar { + -webkit-transform: rotate(68.4deg); + -moz-transform: rotate(68.4deg); + -ms-transform: rotate(68.4deg); + -o-transform: rotate(68.4deg); + transform: rotate(68.4deg); + } + + &.p20 .bar { + -webkit-transform: rotate(72deg); + -moz-transform: rotate(72deg); + -ms-transform: rotate(72deg); + -o-transform: rotate(72deg); + transform: rotate(72deg); + } + + &.p21 .bar { + -webkit-transform: rotate(75.6deg); + -moz-transform: rotate(75.6deg); + -ms-transform: rotate(75.6deg); + -o-transform: rotate(75.6deg); + transform: rotate(75.6deg); + } + + &.p22 .bar { + -webkit-transform: rotate(79.2deg); + -moz-transform: rotate(79.2deg); + -ms-transform: rotate(79.2deg); + -o-transform: rotate(79.2deg); + transform: rotate(79.2deg); + } + + &.p23 .bar { + -webkit-transform: rotate(82.8deg); + -moz-transform: rotate(82.8deg); + -ms-transform: rotate(82.8deg); + -o-transform: rotate(82.8deg); + transform: rotate(82.8deg); + } + + &.p24 .bar { + -webkit-transform: rotate(86.4deg); + -moz-transform: rotate(86.4deg); + -ms-transform: rotate(86.4deg); + -o-transform: rotate(86.4deg); + transform: rotate(86.4deg); + } + + &.p25 .bar { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + } + + &.p26 .bar { + -webkit-transform: rotate(93.6deg); + -moz-transform: rotate(93.6deg); + -ms-transform: rotate(93.6deg); + -o-transform: rotate(93.6deg); + transform: rotate(93.6deg); + } + + &.p27 .bar { + -webkit-transform: rotate(97.2deg); + -moz-transform: rotate(97.2deg); + -ms-transform: rotate(97.2deg); + -o-transform: rotate(97.2deg); + transform: rotate(97.2deg); + } + + &.p28 .bar { + -webkit-transform: rotate(100.8deg); + -moz-transform: rotate(100.8deg); + -ms-transform: rotate(100.8deg); + -o-transform: rotate(100.8deg); + transform: rotate(100.8deg); + } + + &.p29 .bar { + -webkit-transform: rotate(104.4deg); + -moz-transform: rotate(104.4deg); + -ms-transform: rotate(104.4deg); + -o-transform: rotate(104.4deg); + transform: rotate(104.4deg); + } + + &.p30 .bar { + -webkit-transform: rotate(108deg); + -moz-transform: rotate(108deg); + -ms-transform: rotate(108deg); + -o-transform: rotate(108deg); + transform: rotate(108deg); + } + + &.p31 .bar { + -webkit-transform: rotate(111.6deg); + -moz-transform: rotate(111.6deg); + -ms-transform: rotate(111.6deg); + -o-transform: rotate(111.6deg); + transform: rotate(111.6deg); + } + + &.p32 .bar { + -webkit-transform: rotate(115.2deg); + -moz-transform: rotate(115.2deg); + -ms-transform: rotate(115.2deg); + -o-transform: rotate(115.2deg); + transform: rotate(115.2deg); + } + + &.p33 .bar { + -webkit-transform: rotate(118.8deg); + -moz-transform: rotate(118.8deg); + -ms-transform: rotate(118.8deg); + -o-transform: rotate(118.8deg); + transform: rotate(118.8deg); + } + + &.p34 .bar { + -webkit-transform: rotate(122.4deg); + -moz-transform: rotate(122.4deg); + -ms-transform: rotate(122.4deg); + -o-transform: rotate(122.4deg); + transform: rotate(122.4deg); + } + + &.p35 .bar { + -webkit-transform: rotate(126deg); + -moz-transform: rotate(126deg); + -ms-transform: rotate(126deg); + -o-transform: rotate(126deg); + transform: rotate(126deg); + } + + &.p36 .bar { + -webkit-transform: rotate(129.6deg); + -moz-transform: rotate(129.6deg); + -ms-transform: rotate(129.6deg); + -o-transform: rotate(129.6deg); + transform: rotate(129.6deg); + } + + &.p37 .bar { + -webkit-transform: rotate(133.2deg); + -moz-transform: rotate(133.2deg); + -ms-transform: rotate(133.2deg); + -o-transform: rotate(133.2deg); + transform: rotate(133.2deg); + } + + &.p38 .bar { + -webkit-transform: rotate(136.8deg); + -moz-transform: rotate(136.8deg); + -ms-transform: rotate(136.8deg); + -o-transform: rotate(136.8deg); + transform: rotate(136.8deg); + } + + &.p39 .bar { + -webkit-transform: rotate(140.4deg); + -moz-transform: rotate(140.4deg); + -ms-transform: rotate(140.4deg); + -o-transform: rotate(140.4deg); + transform: rotate(140.4deg); + } + + &.p40 .bar { + -webkit-transform: rotate(144deg); + -moz-transform: rotate(144deg); + -ms-transform: rotate(144deg); + -o-transform: rotate(144deg); + transform: rotate(144deg); + } + + &.p41 .bar { + -webkit-transform: rotate(147.6deg); + -moz-transform: rotate(147.6deg); + -ms-transform: rotate(147.6deg); + -o-transform: rotate(147.6deg); + transform: rotate(147.6deg); + } + + &.p42 .bar { + -webkit-transform: rotate(151.2deg); + -moz-transform: rotate(151.2deg); + -ms-transform: rotate(151.2deg); + -o-transform: rotate(151.2deg); + transform: rotate(151.2deg); + } + + &.p43 .bar { + -webkit-transform: rotate(154.8deg); + -moz-transform: rotate(154.8deg); + -ms-transform: rotate(154.8deg); + -o-transform: rotate(154.8deg); + transform: rotate(154.8deg); + } + + &.p44 .bar { + -webkit-transform: rotate(158.4deg); + -moz-transform: rotate(158.4deg); + -ms-transform: rotate(158.4deg); + -o-transform: rotate(158.4deg); + transform: rotate(158.4deg); + } + + &.p45 .bar { + -webkit-transform: rotate(162deg); + -moz-transform: rotate(162deg); + -ms-transform: rotate(162deg); + -o-transform: rotate(162deg); + transform: rotate(162deg); + } + + &.p46 .bar { + -webkit-transform: rotate(165.6deg); + -moz-transform: rotate(165.6deg); + -ms-transform: rotate(165.6deg); + -o-transform: rotate(165.6deg); + transform: rotate(165.6deg); + } + + &.p47 .bar { + -webkit-transform: rotate(169.2deg); + -moz-transform: rotate(169.2deg); + -ms-transform: rotate(169.2deg); + -o-transform: rotate(169.2deg); + transform: rotate(169.2deg); + } + + &.p48 .bar { + -webkit-transform: rotate(172.8deg); + -moz-transform: rotate(172.8deg); + -ms-transform: rotate(172.8deg); + -o-transform: rotate(172.8deg); + transform: rotate(172.8deg); + } + + &.p49 .bar { + -webkit-transform: rotate(176.4deg); + -moz-transform: rotate(176.4deg); + -ms-transform: rotate(176.4deg); + -o-transform: rotate(176.4deg); + transform: rotate(176.4deg); + } + + &.p50 .bar { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + } + + &.p51 .bar { + -webkit-transform: rotate(183.6deg); + -moz-transform: rotate(183.6deg); + -ms-transform: rotate(183.6deg); + -o-transform: rotate(183.6deg); + transform: rotate(183.6deg); + } + + &.p52 .bar { + -webkit-transform: rotate(187.2deg); + -moz-transform: rotate(187.2deg); + -ms-transform: rotate(187.2deg); + -o-transform: rotate(187.2deg); + transform: rotate(187.2deg); + } + + &.p53 .bar { + -webkit-transform: rotate(190.8deg); + -moz-transform: rotate(190.8deg); + -ms-transform: rotate(190.8deg); + -o-transform: rotate(190.8deg); + transform: rotate(190.8deg); + } + + &.p54 .bar { + -webkit-transform: rotate(194.4deg); + -moz-transform: rotate(194.4deg); + -ms-transform: rotate(194.4deg); + -o-transform: rotate(194.4deg); + transform: rotate(194.4deg); + } + + &.p55 .bar { + -webkit-transform: rotate(198deg); + -moz-transform: rotate(198deg); + -ms-transform: rotate(198deg); + -o-transform: rotate(198deg); + transform: rotate(198deg); + } + + &.p56 .bar { + -webkit-transform: rotate(201.6deg); + -moz-transform: rotate(201.6deg); + -ms-transform: rotate(201.6deg); + -o-transform: rotate(201.6deg); + transform: rotate(201.6deg); + } + + &.p57 .bar { + -webkit-transform: rotate(205.2deg); + -moz-transform: rotate(205.2deg); + -ms-transform: rotate(205.2deg); + -o-transform: rotate(205.2deg); + transform: rotate(205.2deg); + } + + &.p58 .bar { + -webkit-transform: rotate(208.8deg); + -moz-transform: rotate(208.8deg); + -ms-transform: rotate(208.8deg); + -o-transform: rotate(208.8deg); + transform: rotate(208.8deg); + } + + &.p59 .bar { + -webkit-transform: rotate(212.4deg); + -moz-transform: rotate(212.4deg); + -ms-transform: rotate(212.4deg); + -o-transform: rotate(212.4deg); + transform: rotate(212.4deg); + } + + &.p60 .bar { + -webkit-transform: rotate(216deg); + -moz-transform: rotate(216deg); + -ms-transform: rotate(216deg); + -o-transform: rotate(216deg); + transform: rotate(216deg); + } + + &.p61 .bar { + -webkit-transform: rotate(219.6deg); + -moz-transform: rotate(219.6deg); + -ms-transform: rotate(219.6deg); + -o-transform: rotate(219.6deg); + transform: rotate(219.6deg); + } + + &.p62 .bar { + -webkit-transform: rotate(223.2deg); + -moz-transform: rotate(223.2deg); + -ms-transform: rotate(223.2deg); + -o-transform: rotate(223.2deg); + transform: rotate(223.2deg); + } + + &.p63 .bar { + -webkit-transform: rotate(226.8deg); + -moz-transform: rotate(226.8deg); + -ms-transform: rotate(226.8deg); + -o-transform: rotate(226.8deg); + transform: rotate(226.8deg); + } + + &.p64 .bar { + -webkit-transform: rotate(230.4deg); + -moz-transform: rotate(230.4deg); + -ms-transform: rotate(230.4deg); + -o-transform: rotate(230.4deg); + transform: rotate(230.4deg); + } + + &.p65 .bar { + -webkit-transform: rotate(234deg); + -moz-transform: rotate(234deg); + -ms-transform: rotate(234deg); + -o-transform: rotate(234deg); + transform: rotate(234deg); + } + + &.p66 .bar { + -webkit-transform: rotate(237.6deg); + -moz-transform: rotate(237.6deg); + -ms-transform: rotate(237.6deg); + -o-transform: rotate(237.6deg); + transform: rotate(237.6deg); + } + + &.p67 .bar { + -webkit-transform: rotate(241.2deg); + -moz-transform: rotate(241.2deg); + -ms-transform: rotate(241.2deg); + -o-transform: rotate(241.2deg); + transform: rotate(241.2deg); + } + + &.p68 .bar { + -webkit-transform: rotate(244.8deg); + -moz-transform: rotate(244.8deg); + -ms-transform: rotate(244.8deg); + -o-transform: rotate(244.8deg); + transform: rotate(244.8deg); + } + + &.p69 .bar { + -webkit-transform: rotate(248.4deg); + -moz-transform: rotate(248.4deg); + -ms-transform: rotate(248.4deg); + -o-transform: rotate(248.4deg); + transform: rotate(248.4deg); + } + + &.p70 .bar { + -webkit-transform: rotate(252deg); + -moz-transform: rotate(252deg); + -ms-transform: rotate(252deg); + -o-transform: rotate(252deg); + transform: rotate(252deg); + } + + &.p71 .bar { + -webkit-transform: rotate(255.6deg); + -moz-transform: rotate(255.6deg); + -ms-transform: rotate(255.6deg); + -o-transform: rotate(255.6deg); + transform: rotate(255.6deg); + } + + &.p72 .bar { + -webkit-transform: rotate(259.2deg); + -moz-transform: rotate(259.2deg); + -ms-transform: rotate(259.2deg); + -o-transform: rotate(259.2deg); + transform: rotate(259.2deg); + } + + &.p73 .bar { + -webkit-transform: rotate(262.8deg); + -moz-transform: rotate(262.8deg); + -ms-transform: rotate(262.8deg); + -o-transform: rotate(262.8deg); + transform: rotate(262.8deg); + } + + &.p74 .bar { + -webkit-transform: rotate(266.4deg); + -moz-transform: rotate(266.4deg); + -ms-transform: rotate(266.4deg); + -o-transform: rotate(266.4deg); + transform: rotate(266.4deg); + } + + &.p75 .bar { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + } + + &.p76 .bar { + -webkit-transform: rotate(273.6deg); + -moz-transform: rotate(273.6deg); + -ms-transform: rotate(273.6deg); + -o-transform: rotate(273.6deg); + transform: rotate(273.6deg); + } + + &.p77 .bar { + -webkit-transform: rotate(277.2deg); + -moz-transform: rotate(277.2deg); + -ms-transform: rotate(277.2deg); + -o-transform: rotate(277.2deg); + transform: rotate(277.2deg); + } + + &.p78 .bar { + -webkit-transform: rotate(280.8deg); + -moz-transform: rotate(280.8deg); + -ms-transform: rotate(280.8deg); + -o-transform: rotate(280.8deg); + transform: rotate(280.8deg); + } + + &.p79 .bar { + -webkit-transform: rotate(284.4deg); + -moz-transform: rotate(284.4deg); + -ms-transform: rotate(284.4deg); + -o-transform: rotate(284.4deg); + transform: rotate(284.4deg); + } + + &.p80 .bar { + -webkit-transform: rotate(288deg); + -moz-transform: rotate(288deg); + -ms-transform: rotate(288deg); + -o-transform: rotate(288deg); + transform: rotate(288deg); + } + + &.p81 .bar { + -webkit-transform: rotate(291.6deg); + -moz-transform: rotate(291.6deg); + -ms-transform: rotate(291.6deg); + -o-transform: rotate(291.6deg); + transform: rotate(291.6deg); + } + + &.p82 .bar { + -webkit-transform: rotate(295.2deg); + -moz-transform: rotate(295.2deg); + -ms-transform: rotate(295.2deg); + -o-transform: rotate(295.2deg); + transform: rotate(295.2deg); + } + + &.p83 .bar { + -webkit-transform: rotate(298.8deg); + -moz-transform: rotate(298.8deg); + -ms-transform: rotate(298.8deg); + -o-transform: rotate(298.8deg); + transform: rotate(298.8deg); + } + + &.p84 .bar { + -webkit-transform: rotate(302.4deg); + -moz-transform: rotate(302.4deg); + -ms-transform: rotate(302.4deg); + -o-transform: rotate(302.4deg); + transform: rotate(302.4deg); + } + + &.p85 .bar { + -webkit-transform: rotate(306deg); + -moz-transform: rotate(306deg); + -ms-transform: rotate(306deg); + -o-transform: rotate(306deg); + transform: rotate(306deg); + } + + &.p86 .bar { + -webkit-transform: rotate(309.6deg); + -moz-transform: rotate(309.6deg); + -ms-transform: rotate(309.6deg); + -o-transform: rotate(309.6deg); + transform: rotate(309.6deg); + } + + &.p87 .bar { + -webkit-transform: rotate(313.2deg); + -moz-transform: rotate(313.2deg); + -ms-transform: rotate(313.2deg); + -o-transform: rotate(313.2deg); + transform: rotate(313.2deg); + } + + &.p88 .bar { + -webkit-transform: rotate(316.8deg); + -moz-transform: rotate(316.8deg); + -ms-transform: rotate(316.8deg); + -o-transform: rotate(316.8deg); + transform: rotate(316.8deg); + } + + &.p89 .bar { + -webkit-transform: rotate(320.4deg); + -moz-transform: rotate(320.4deg); + -ms-transform: rotate(320.4deg); + -o-transform: rotate(320.4deg); + transform: rotate(320.4deg); + } + + &.p90 .bar { + -webkit-transform: rotate(324deg); + -moz-transform: rotate(324deg); + -ms-transform: rotate(324deg); + -o-transform: rotate(324deg); + transform: rotate(324deg); + } + + &.p91 .bar { + -webkit-transform: rotate(327.6deg); + -moz-transform: rotate(327.6deg); + -ms-transform: rotate(327.6deg); + -o-transform: rotate(327.6deg); + transform: rotate(327.6deg); + } + + &.p92 .bar { + -webkit-transform: rotate(331.2deg); + -moz-transform: rotate(331.2deg); + -ms-transform: rotate(331.2deg); + -o-transform: rotate(331.2deg); + transform: rotate(331.2deg); + } + + &.p93 .bar { + -webkit-transform: rotate(334.8deg); + -moz-transform: rotate(334.8deg); + -ms-transform: rotate(334.8deg); + -o-transform: rotate(334.8deg); + transform: rotate(334.8deg); + } + + &.p94 .bar { + -webkit-transform: rotate(338.4deg); + -moz-transform: rotate(338.4deg); + -ms-transform: rotate(338.4deg); + -o-transform: rotate(338.4deg); + transform: rotate(338.4deg); + } + + &.p95 .bar { + -webkit-transform: rotate(342deg); + -moz-transform: rotate(342deg); + -ms-transform: rotate(342deg); + -o-transform: rotate(342deg); + transform: rotate(342deg); + } + + &.p96 .bar { + -webkit-transform: rotate(345.6deg); + -moz-transform: rotate(345.6deg); + -ms-transform: rotate(345.6deg); + -o-transform: rotate(345.6deg); + transform: rotate(345.6deg); + } + + &.p97 .bar { + -webkit-transform: rotate(349.2deg); + -moz-transform: rotate(349.2deg); + -ms-transform: rotate(349.2deg); + -o-transform: rotate(349.2deg); + transform: rotate(349.2deg); + } + + &.p98 .bar { + -webkit-transform: rotate(352.8deg); + -moz-transform: rotate(352.8deg); + -ms-transform: rotate(352.8deg); + -o-transform: rotate(352.8deg); + transform: rotate(352.8deg); + } + + &.p99 .bar { + -webkit-transform: rotate(356.4deg); + -moz-transform: rotate(356.4deg); + -ms-transform: rotate(356.4deg); + -o-transform: rotate(356.4deg); + transform: rotate(356.4deg); + } + + &.p100 .bar { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } + + &:hover { + cursor: default; + + > span { + width: 3.33em; + line-height: 3.33em; + font-size: 0.3em; + color: #307bbb; + } + + &:after { + top: 0.04em; + left: 0.04em; + width: 0.92em; + height: 0.92em; + } + } + + &.dark { + background-color: #777777; + + .bar, .fill { + border-color: #c6ff00 !important; + } + + > span { + color: #777777; + } + + &:after { + background-color: #666666; + } + + &:hover > span { + color: #c6ff00; + } + } + + &.green { + .bar, .fill { + border-color: #4db53c !important; + } + + &:hover > span { + color: #4db53c; + } + + &.dark { + .bar, .fill { + border-color: #5fd400 !important; + } + + &:hover > span { + color: #5fd400; + } + } + } + + &.orange { + .bar, .fill { + border-color: #dd9d22 !important; + } + + &:hover > span { + color: #dd9d22; + } + + &.dark { + .bar, .fill { + border-color: #e08833 !important; + } + + &:hover > span { + color: #e08833; + } + } + } +} diff --git a/dev/scss/app.scss b/dev/scss/app.scss new file mode 100644 index 0000000..fcc8588 --- /dev/null +++ b/dev/scss/app.scss @@ -0,0 +1,3 @@ +@import "grid"; +@import "circle"; +@import "admin"; \ No newline at end of file diff --git a/admin/css/grid.css b/dev/scss/grid.css similarity index 100% rename from admin/css/grid.css rename to dev/scss/grid.css diff --git a/gulpfile.mjs b/gulpfile.mjs new file mode 100644 index 0000000..df3fc5e --- /dev/null +++ b/gulpfile.mjs @@ -0,0 +1,44 @@ +import gulp from 'gulp'; +import gulpSass from 'gulp-sass'; +import cleanCSS from 'gulp-clean-css'; +import autoprefixer from 'gulp-autoprefixer'; +import * as sassCompiler from 'sass'; +import uglify from 'gulp-uglify'; +import rename from 'gulp-rename'; +import merge from 'merge-stream'; + +const sass = gulpSass(sassCompiler); + +// Task to compile Sass and minify CSS +gulp.task('build-css', function() { + return gulp.src('dev/scss/**/*.scss') + .pipe(sass.sync().on('error', sass.logError)) + .pipe(autoprefixer({ + overrideBrowserslist: ["last 2 versions"], + cascade: false, + })) + .pipe(cleanCSS()) + .pipe(rename({ suffix: '.min' })) + .pipe(gulp.dest('assets/css')); +}); + +// Task to compile and minify JavaScript +gulp.task('build-js', function() { + // Process main.js in this file you can import others files js + const mainJsStream = gulp.src('dev/js/main.js') + .pipe(uglify()) + .pipe(rename({ suffix: '.min' })) // Rename file to main.min.js + .pipe(gulp.dest('assets/js')); + + // Return a merged stream to signal completion + return merge(mainJsStream); +}); + +// Task to watch for changes in Sass files +gulp.task('watch', function() { + gulp.watch('dev/scss/**/*.scss', gulp.series('build-css')); + gulp.watch('dev/js/**/*.js', gulp.series('build-js')); +}); + +// Default task +gulp.task('default', gulp.series('build-css', 'build-js', 'watch')); diff --git a/package.json b/package.json new file mode 100644 index 0000000..621ac05 --- /dev/null +++ b/package.json @@ -0,0 +1,21 @@ +{ + "name": "ilovepdf/ilovepdf-wp", + "version": "1.0.0", + "description": "Compress your PDF files and Stamp Images or text into PDF files. This is the Official iLovePDF plugin for WordPress. You can optimize all your PDF and stamp them automatically as you do in ilovepdf.com.", + "main": "index.js", + "scripts": { + "dev": "gulp" + }, + "author": "ilovepdf", + "license": "ISC", + "devDependencies": { + "gulp": "^4.0.2", + "gulp-autoprefixer": "^9.0.0", + "gulp-clean-css": "^4.3.0", + "gulp-rename": "^2.0.0", + "gulp-sass": "^5.1.0", + "gulp-uglify": "^3.0.2", + "merge-stream": "^2.0.0", + "sass": "^1.71.1" + } +} From 2a220e422d34c04c65114e4de45a761e9f79bc1a Mon Sep 17 00:00:00 2001 From: Diego Orellano Date: Wed, 6 Mar 2024 09:51:00 -0300 Subject: [PATCH 3/4] update plugin to v2.0.5 --- README.md | 6 +++--- README.txt | 11 ++++++++--- ilove-pdf.php | 2 +- includes/Ilove_Pdf.php | 2 +- 4 files changed, 13 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 9bdf3f0..b0e260d 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,13 @@ === PDF Compressor & Watermark - iLovePDF === Plugin Name: Image Compressor & Optimizer - iLovePDF -Version: 2.0.4 +Version: 2.0.5 Author: iLovePDF Author URI: https://www.ilovepdf.com/ Contributors: iLovePDF Tags: compress, watermark, optimize, performance, pdf optimizer Requires at least: 5.3 -Tested up to: 6.4.1 -Stable tag: 2.0.4 +Tested up to: 6.4.3 +Stable tag: 2.0.5 Requires PHP: 7.4 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html diff --git a/README.txt b/README.txt index 46daa95..6cee694 100644 --- a/README.txt +++ b/README.txt @@ -1,13 +1,13 @@ === PDF Compressor & Watermark - iLovePDF === Plugin Name: Image Compressor & Optimizer - iLovePDF -Version: 2.0.4 +Version: 2.0.5 Author: iLovePDF Author URI: https://www.ilovepdf.com/ Contributors: iLovePDF Tags: compress, watermark, optimize, performance, pdf optimizer Requires at least: 5.3 -Tested up to: 6.4.1 -Stable tag: 2.0.4 +Tested up to: 6.4.3 +Stable tag: 2.0.5 Requires PHP: 7.4 License: GPLv2 or later License URI: https://www.gnu.org/licenses/gpl-2.0.html @@ -82,6 +82,11 @@ We will send you an email before limit is reached. When limit is reached, no mor == Changelog == +== 2.0.5 == +Improved +* Update Libraries. +* Assets. + == 2.0.4 == Fixed * Compatibility issue with the Woocommerce plugin. diff --git a/ilove-pdf.php b/ilove-pdf.php index 8847904..5a4f11f 100644 --- a/ilove-pdf.php +++ b/ilove-pdf.php @@ -15,7 +15,7 @@ * Plugin Name: iLovePDF * Plugin URI: https://developer.ilovepdf.com/ * Description: Compress your PDF files and Stamp Images or text into PDF files. This is the Official iLovePDF plugin for WordPress. You can optimize all your PDF and stamp them automatically as you do in ilovepdf.com. - * Version: 2.0.4 + * Version: 2.0.5 * Requires at least: 5.3 * Requires PHP: 7.4 * Author: ILovePDF diff --git a/includes/Ilove_Pdf.php b/includes/Ilove_Pdf.php index 770ef37..2999a66 100644 --- a/includes/Ilove_Pdf.php +++ b/includes/Ilove_Pdf.php @@ -74,7 +74,7 @@ class Ilove_Pdf { public function __construct() { $this->plugin_name = 'ilove-pdf'; - $this->version = 'wp.2.0.4'; + $this->version = 'wp.2.0.5'; $this->load_dependencies(); $this->set_locale(); From beeb6807949cf7ab77c4b1007609eb81aa2612ec Mon Sep 17 00:00:00 2001 From: Diego Orellano Date: Thu, 7 Mar 2024 08:42:35 -0300 Subject: [PATCH 4/4] ignore files minified for codersniffer --- composer.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/composer.json b/composer.json index f902236..47c0b74 100644 --- a/composer.json +++ b/composer.json @@ -28,7 +28,7 @@ "scripts": { "stan": "vendor/bin/phpstan analyse --memory-limit=-1 --error-format=table > ../../../phpstan-report-ilovepdf.txt", "phpcs": "phpcs -s --ignore=*/node_modules/*,*/vendor/*,*/.github/*,*/assets/js/*,*/assets/css/* --report-file=../../../condesniffer-report-ilovepdf.txt ./", - "phpcbf": "phpcbf --ignore=node_modules/,vendor/,.github/ ./", + "phpcbf": "phpcbf --ignore=node_modules/,vendor/,assets/js/,assets/css/,.github/ ./", "autoload-dev": "composer dump-autoload", "autoload-prod": "composer dump-autoload --no-dev" },