From 549d2a17c23b36424d1ae5b606a1085f57b2a72c Mon Sep 17 00:00:00 2001 From: MOH Date: Tue, 22 Apr 2025 18:18:42 +0200 Subject: [PATCH] First Push --- .DS_Store | Bin 0 -> 6148 bytes assets/.DS_Store | Bin 0 -> 8196 bytes assets/css/color-picker.css | 1 + assets/css/css.css | 761 +++++++++++++++++ assets/css/css.css.map | 1 + assets/js/.DS_Store | Bin 0 -> 6148 bytes assets/js/color-picker.js | 1 + assets/js/palettepro.js | 218 +++++ assets/logos/.DS_Store | Bin 0 -> 6148 bytes assets/logos/logo.svg | 1 + assets/scss/css.scss | 752 +++++++++++++++++ assets/scss/utilities/_btns.scss | 49 ++ assets/scss/utilities/_color_schemes.scss | 71 ++ assets/scss/utilities/_framework.scss | 3 + assets/scss/utilities/_grid.scss | 71 ++ assets/scss/utilities/_reset.scss | 67 ++ assets/scss/utilities/_variables.scss | 19 + functions.php | 266 ++++++ palettepro.php | 943 ++++++++++++++++++++++ palettepro_output_styles.php | 493 +++++++++++ 20 files changed, 3717 insertions(+) create mode 100644 .DS_Store create mode 100755 assets/.DS_Store create mode 100755 assets/css/color-picker.css create mode 100755 assets/css/css.css create mode 100755 assets/css/css.css.map create mode 100755 assets/js/.DS_Store create mode 100755 assets/js/color-picker.js create mode 100755 assets/js/palettepro.js create mode 100755 assets/logos/.DS_Store create mode 100755 assets/logos/logo.svg create mode 100755 assets/scss/css.scss create mode 100755 assets/scss/utilities/_btns.scss create mode 100755 assets/scss/utilities/_color_schemes.scss create mode 100755 assets/scss/utilities/_framework.scss create mode 100755 assets/scss/utilities/_grid.scss create mode 100755 assets/scss/utilities/_reset.scss create mode 100755 assets/scss/utilities/_variables.scss create mode 100755 functions.php create mode 100755 palettepro.php create mode 100755 palettepro_output_styles.php diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..23282f9ed49dbdc5ffa40d38e8264a5480d80298 GIT binary patch literal 6148 zcmeHK%}&BV5Z(oZHpGO3Mvoi4k_g0@5HA(+1*p-38f-0r#?mFU*aIQy#e?2_8sEUX z7hl4caP|jdMdOVSGt6wO9-K@iB~72LI^QH1?Eg>eh@J(bU||3Qv{^) z9x;jBBpSH^cNe13v5E|ccUL41iQwvy?E8CmM}Z&3wb~oa{T%P-($CDPHgkB_bZ8cz;hS{xb zO{dLTmDTG9vnrc58({A@8?%{dZ0_zIcDlF0Fys%4M+%>uly!}BcmyLerJ!H8Z}@N| z1L*6{_wgZbxAiA$+`m6{a>bXU#Tf6;n9<-%9VV+~p5x9QhXD`!FfxC38H5cofD9l5 z%Vt0?LPmMng|QwofDEiW17dw(paLz8sY1DQKqHR;fCX?%0b86UL=MwvX-pNu2nbcF zfGU;hBL-FJ;Ac9{(wHh#>4eJ4a35Wn>Jti;)xpnXIH8t8Y>@$EAj?2rbt_{3Kl%Oq zpH0FZGJp*HD+XwxZMR!6CB3&UOit{z4D=dQh=@xSex`sSw_=DDTk$ri6!0@)09qPT Sh2R0f9|1`NHpswI8TbI)V6i?c&ow5i$_@{Up(34x(c3IplUdCDvf+t7xpi(<+=~kzc(rN8sDD)(# z7eVhL_ys)aQG^9Qf%-B001NudpKa6W)Z-%EJV<_-y!Vp4UqWVHO9-LWQL9Wyfe>P$ zaLjL_N)WE+Wl2)1=Ms>@pRlIqGY?PsC0o;B7%&VN1`Gp+0mH!m!2sUbT&xxEeW^9I zVZbnODjDGSgN?$`Q8<+-t`1Zp1psEyEd*`x@ej0l2hdSCm53e)m99YPN>z$MRqjBg zJM@mSpGuVOgo>Flj+&XO427!HgWAHJP)DMv4FiUOWd?Zeo+eEalJK^_kiYLkv-L-a za8p*^IP9w||FhTkyWy}@`ax6a%*L5)HkaMZK6Ve-*c~>8qp;c-JmgRJ81ud3cEh{h zZIA2ub2nKqY;=S6Ksa<;ZJ0cI&<$E_TxFx66$)QhDsnk1SI=LJqDrY~m&?~CMLVkO zpuJn!nM`ul`ODka@7ACBy@0)xQBrkNkhAi6R=+|^1><+hZj<%;Qg`LoT+?HuTl06?UM)d~q2_qep*g2spi#g5<&$VroCn#LF-BhA*K_$|0ph(Aovp)>cwqeSB9EDSf=z*O04*?z~ OwaoipkZ-C}%fMg6sAHu7 literal 0 HcmV?d00001 diff --git a/assets/css/color-picker.css b/assets/css/color-picker.css new file mode 100755 index 0000000..9edb85c --- /dev/null +++ b/assets/css/color-picker.css @@ -0,0 +1 @@ +.sp-container{position:absolute;top:0;left:0;display:inline-block;z-index:9999994;overflow:hidden}.sp-original-input-container{position:relative;display:inline-flex}.sp-original-input-container input{margin:0!important}.sp-original-input-container .sp-add-on{width:40px;border-top-right-radius:0!important;border-bottom-right-radius:0!important}input.spectrum.with-add-on{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.sp-original-input-container .sp-add-on .sp-colorize{height:100%;width:100%;border-radius:inherit}.sp-colorize-container{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E")}.sp-container.sp-flat{position:relative}.sp-container,.sp-container *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sp-top{position:relative;width:100%;display:inline-block}.sp-top-inner{position:absolute;top:0;left:0;bottom:0;right:0}.sp-color{position:absolute;top:0;left:0;bottom:0;right:20px!important}.sp-hue{position:absolute;top:0;right:0;bottom:0;width:12px;height:100%;left:initial!important}.sp-clear-enabled .sp-hue{top:15%;height:85%}.sp-fill{padding-top:80%}.sp-sat,.sp-val{position:absolute;top:0;left:0;right:0;bottom:0}.sp-alpha-enabled .sp-top{margin-bottom:28px!important}.sp-alpha-enabled .sp-alpha{display:block}.sp-alpha-handle{position:absolute;top:-3px;cursor:pointer;height:16px;border-radius:50%;width:16px;margin-right:5px;left:-2px;right:0;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a}.sp-alpha{display:none;position:absolute;bottom:-18px;right:0;left:0;height:10px}.sp-alpha-inner{border-radius:4px}.sp-clear{display:none}.sp-clear.sp-clear-display{background-position:center}.sp-clear-enabled .sp-clear{display:block;position:absolute;top:3px;right:0;bottom:0;cursor:pointer;left:initial;height:14px;width:14px}.sp-alpha,.sp-alpha-handle,.sp-clear,.sp-container,.sp-container button,.sp-container.sp-dragging .sp-input,.sp-dragger,.sp-preview,.sp-replacer,.sp-slider{-webkit-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none}.sp-container.sp-input-disabled .sp-input-container{display:none}.sp-container.sp-buttons-disabled .sp-button-container{display:none}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container{display:none}.sp-palette-only .sp-picker-container{display:none}.sp-palette-disabled .sp-palette-container{display:none}.sp-initial-disabled .sp-initial{display:none}.sp-sat{background-image:-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-moz-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-o-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:-ms-linear-gradient(left,#fff,rgba(204,154,129,0));background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.sp-val{border-radius:4px;background-image:-webkit-gradient(linear,0 100%,0 0,from(#000),to(rgba(204,154,129,0)));background-image:-webkit-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-moz-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-o-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:-ms-linear-gradient(bottom,#000,rgba(204,154,129,0));background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.sp-hue{background:-moz-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-ms-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-o-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(.17,#ff0),color-stop(.33,#0f0),color-stop(.5,#0ff),color-stop(.67,#00f),color-stop(.83,#f0f),to(red));background:-webkit-linear-gradient(top,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.sp-1{height:17%}.sp-2{height:16%}.sp-3{height:17%}.sp-4{height:17%}.sp-5{height:16%}.sp-6{height:17%}.sp-hidden{display:none!important}.sp-cf:after,.sp-cf:before{content:"";display:table}.sp-cf:after{clear:both}@media (max-device-width:480px){.sp-color{right:40%}.sp-hue{left:63%}.sp-fill{padding-top:60%}}.sp-dragger{border-radius:5px;height:10px;width:10px;border:1px solid #fff;cursor:pointer;position:absolute;top:0;left:0;margin-left:3px;margin-top:3px;box-shadow:0 0 2px 1px rgba(0,0,0,.2)}.sp-slider{position:absolute;top:0;cursor:pointer;height:16px;border-radius:50%;width:16px;left:-2px;background:#f9f9f9;box-shadow:0 0 2px 0 #3a3a3a;margin-top:8px}.sp-container{display:inline-flex;border-radius:0;background-color:#fff;padding:0;border-radius:4px;color:#000;box-shadow:0 0 0 1px rgba(99,114,130,.16),0 8px 16px rgba(27,39,51,.08)}.sp-clear,.sp-color,.sp-container,.sp-container button,.sp-container input,.sp-hue{font-size:12px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.sp-top{margin-bottom:10px}.sp-clear,.sp-color,.sp-hue,.sp-sat,.sp-val{border-radius:3px}.sp-input-container{margin-top:-5px}.sp-button-container.sp-cf,.sp-initial.sp-thumb.sp-cf,.sp-input-container.sp-cf{height:25px}.sp-picker-container .sp-cf{margin-bottom:10px}.sp-palette-row-initial>span:first-child{cursor:pointer}.sp-initial-disabled .sp-input-container{width:100%}.sp-input{padding:0 5px!important;margin:0;width:100%;box-shadow:none!important;height:100%!important;background:0 0;color:#3a3a3a;border-radius:2px!important;border:1px solid #e0e0e0!important;text-align:center;font-family:monospace;font-size:inherit!important}.sp-input:focus{border:1px solid orange}.sp-input.sp-validation-error{border:1px solid red;background:#fdd}.sp-palette-container,.sp-picker-container{position:relative;padding:10px}.sp-picker-container{width:200px;padding-bottom:0}.sp-palette-container{border-right:solid 1px #ccc}.sp-palette-only .sp-palette-container{border:0}.sp-palette .sp-thumb-el{display:block;position:relative;float:left;width:24px;height:15px;margin:3px;cursor:pointer;border:solid 2px transparent}.sp-palette .sp-thumb-el.sp-thumb-active,.sp-palette .sp-thumb-el:hover{border-color:orange}.sp-thumb-el{position:relative}.sp-initial{float:left}.sp-initial span{width:30px;height:25px;border:none;display:block;float:left;margin:0}.sp-initial .spe-thumb-el.sp-thumb-active{border-radius:0 5px 5px 0}.sp-initial .spe-thumb-el{border-radius:5px 0 0 5px}.sp-initial .sp-clear-display{background-position:center}.sp-button-container{float:right}.sp-palette-button-container{margin-top:10px}.sp-replacer{position:relative;overflow:hidden;cursor:pointer;display:inline-block;border-radius:3px;border:1px solid #aaa;color:#666;transition:border-color .3s;vertical-align:middle;width:3rem;height:1.5rem;margin:0;padding:0}.sp-replacer.sp-disabled{cursor:default;border-color:silver;color:silver}.sp-dd{position:absolute;font-size:10px;right:0;top:0;bottom:0;padding:0 2px;line-height:1.6rem;background-color:#fff}.sp-preview{position:relative;width:100%;height:100%;float:left;z-index:0}.sp-preview-inner{transition:background-color .2s}.sp-preview-inner.sp-clear-display{display:none}.sp-palette .sp-thumb-el{width:16px;height:16px;margin:3px;border:none;border-radius:3px}.sp-container button{border-radius:3px;border:none;background:0 0;line-height:1;padding:0 8px;height:25px;text-transform:capitalize;text-align:center;vertical-align:middle;cursor:pointer;color:#606c72;font-weight:700}.sp-container button.sp-choose{background-color:#3cab3b;color:#fff;margin-left:5px}.sp-container button:hover{opacity:.8}.sp-container button.sp-palette-toggle{width:100%;background-color:#f3f3f3;margin:0}.sp-palette span.sp-thumb-active,.sp-palette span:hover{border-color:#000}.sp-alpha,.sp-preview,.sp-thumb-el{position:relative;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='%23ccc' fill-opacity='1'%3E%3Crect x='0' y='0' width='6' height='6' /%3E%3Crect x='6' y='6' width='6' height='6' /%3E%3C/svg%3E")}.sp-alpha-inner,.sp-preview-inner,.sp-thumb-inner{display:block;position:absolute;top:0;left:0;bottom:0;right:0}.sp-palette .sp-thumb-inner{border-radius:3px;background-position:50% 50%;background-repeat:no-repeat}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23000'%3E%3C/path%3E%3C/svg%3E")}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath d='M9 16.172l10.594-10.594 1.406 1.406-12 12-5.578-5.578 1.406-1.406z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E")}.sp-clear-display{background-repeat:no-repeat;background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABe0lEQVQokYXSsUtcQRTF4d8Jj+VhHSxkEQuLsEUKK0nhTBFTmLSSUhBCMCAWsmgIwWrBLk0akfwLCaSQKBJmtrIIISwpRFKIhViETScphGMzysMtvOVwvpm5d0bGNCuGWAOPgYdl6S8wSDn9b+bUhDHEKWAdeAFMANg+l/TV9ofcz6cjMIbYBvaBMds7QCqZ58CmpBNgPuV0DvAAIMyFGugWtJr7eTv38xEwkPRPErY7QDeG2LqFkjrAgu0dSd/KDVqSNmxvAZ8lfbS9AHRuYemnLWkv5XRVBrQMbAI/gTXgEzAJtJuwBVS2L2OIle03QA/4Lmkl5XQBXEqqbFcAVYFDYChpFngiqWf7l6TXKaezMt2Zkhk24THwG+jZriX9AFZvUAyxLbRke2D75O5zPAO+ADXwEtizjaRHwDvbTyUtppwOmicCHAJvbXcl9YA1SQDjtseA97YPRz7ATcUQp2y/kjRdevsjaTfldNrMjcDGBjXA3T96L7yvrgFzP69+0Ao/HAAAAABJRU5ErkJggg==);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='14' height='14'%3E%3Cpath d='M12 20.016q3.281 0 5.648-2.367t2.367-5.648q0-2.672-1.734-4.922l-11.203 11.203q2.25 1.734 4.922 1.734zM3.984 12q0 2.672 1.734 4.922l11.203-11.203q-2.25-1.734-4.922-1.734-3.281 0-5.648 2.367t-2.367 5.648zM12 2.016q4.125 0 7.055 2.93t2.93 7.055-2.93 7.055-7.055 2.93-7.055-2.93-2.93-7.055 2.93-7.055 7.055-2.93z' fill='%23000'%3E%3C/path%3E%3C/svg%3E")} \ No newline at end of file diff --git a/assets/css/css.css b/assets/css/css.css new file mode 100755 index 0000000..cf3affe --- /dev/null +++ b/assets/css/css.css @@ -0,0 +1,761 @@ +.mb-1 { + margin-bottom: 1rem; +} + +.pp-loader { + position: absolute; + top: 115px; + left: 1060px; + width: 25px; + height: 25px; + border-radius: 50%; + border: 4px solid #f0f0f1; + border-top: 4px solid #7049ba; + animation: spin 1s linear infinite; + z-index: 9999; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} +input[type=color], +input[type=date], +input[type=datetime-local], +input[type=datetime], +input[type=email], +input[type=month], +input[type=number], +input[type=password], +input[type=search], +input[type=tel], +input[type=text], +input[type=time], +input[type=url], +input[type=week], +select, +textarea { + box-shadow: 0 0 0 transparent; + border: 1px solid rgba(0, 0, 0, 0.1882352941); + background-color: #fff; + color: #253142; +} + +.grid1 { + display: grid; + grid-template-columns: repeat(1, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid2 { + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid3 { + display: grid; + grid-template-columns: repeat(3, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid4 { + display: grid; + grid-template-columns: repeat(4, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid5 { + display: grid; + grid-template-columns: repeat(5, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid6 { + display: grid; + grid-template-columns: repeat(6, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid-3-1 { + display: grid; + grid-template-columns: 3fr 1fr; + grid-gap: 0px; + grid-auto-flow: dense; + padding: 1rem; +} + +.noticeq { + padding: 10px; + background-color: red; + border-left: 4px solid #0073aa; +} + +.noticeq h1 { + margin: 0; + font-size: 24px; + font-weight: bold; +} + +.noticeq p { + margin: 0; + font-size: 14px; +} + +.notice-dismiss { + float: right; + margin-top: 5px; + margin-right: 5px; + background: none; + border: none; + color: #333; +} + +.notice-dismiss:before { + content: "\f153"; + font-family: dashicons; + font-size: 20px; + line-height: 1; +} + +.pp-button { + display: block; + width: 100%; + padding: 10px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; +} +.pp-button:hover { + background-color: #e5e5e5; +} + +.pp-input-wrapper label.pp-button-upload { + padding: 8px 12px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; +} +.pp-input-wrapper label.pp-button-upload:active { + background-color: #3e8e41; +} + +.btn-save { + display: block; + width: 100%; + padding: 13px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; + color: #fff; +} + +.btn-reset { + display: block; + width: 100%; + padding: 13px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; + color: #253142; +} + +.color-schemes { + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.color-schemes .color-option { + display: flex; + justify-content: center; + width: 100%; + padding: 5px; + margin-bottom: 0px; +} +.color-schemes .color-option .color-square { + width: 20px; + height: 20px; + margin-right: 10px; + border: 1px solid #ccc; +} +.color-schemes .color1 { + background-color: #ff0000; +} +.color-schemes .color2 { + background-color: #00ff00; +} +.color-schemes .color3 { + background-color: #0000ff; +} +.color-schemes .color4 { + background-color: #ffff00; +} +.color-schemes .color5 { + background-color: #ff9900; +} +.color-schemes .color6 { + background-color: #6600cc; +} +.color-schemes .color7 { + background-color: #0099ff; +} +.color-schemes .color8 { + background-color: #00cc00; +} +.color-schemes .color9 { + background-color: #ff3399; +} +.color-schemes .color10 { + background-color: #ffcc00; +} +.color-schemes .color11 { + background-color: #3366ff; +} +.color-schemes .color12 { + background-color: #ff66cc; +} + +#pp-version { + font-size: 14px; + color: blue; +} + +.pp-version-number { + font-weight: bold; +} + +.pp-wordpress-version { + font-weight: bold; + color: red; + padding: 5px 10px; +} + +.pp-plugin-version { + font-weight: bold; + color: green; +} + +.pp-current-year { + font-weight: bold; + color: black; +} + +.pp-palette { + font-weight: bold; + color: pink; +} + +@keyframes heartbeat { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.2); + } + 100% { + transform: scale(1); + } +} +.pp-made-with-heart { + display: inline-block; + vertical-align: middle; + animation: heartbeat 1s infinite; +} + +.pp-heart { + color: red; + padding-right: 4px; +} + +.pp-made-with-text { + display: inline-block; + vertical-align: middle; + margin-left: 10px; +} + +#pp_dashBoard .pp-input-wrapper input[type=number] { + border: 1px solid #fff; +} + +.pp-borderradius-btn { + border: 1px solid rgba(0, 0, 0, 0.1882352941); + color: #333; + padding: 5px 10px; + cursor: pointer; +} + +.pp-borderradius-btn.active { + background-color: #ccc; +} + +.pp-btns-borderradius { + display: grid; + grid-template-columns: repeat(3, 1fr); + align-items: center; + padding: 10px; + border: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-btns-borderradius button { + width: 100%; +} + +.pp-form { + display: grid; + grid-template-columns: 200px 700px 200px; + gap: 0px; + border: 1px solid rgba(0, 0, 0, 0.1882352941); +} +@media (max-width: 782px) { + .pp-form { + grid-template-columns: 1fr; + } +} + +.pp-settings { + background-color: #fff; + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); + color: #253142; +} +.pp-settings a.settings-active { + color: #fff; +} + +.pp-menu-link { + display: block; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); + text-decoration: none; + color: #253142; + position: relative; + transition: padding-left 0.3s ease; + padding: 10px; +} +.pp-menu-link:hover { + color: #fff; +} +.pp-menu-link:last-child { + margin-bottom: 0px; +} +.pp-menu-link:focus, .pp-menu-link:active { + outline: none; + box-shadow: none; +} + +.pp-menu-link::before { + content: ""; + font-family: "dashicons"; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + transition: transform 0.3s ease; + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); + padding: 5px 10px; + height: auto; +} + +.pp-menu-link.icon-dashboard::before { + content: "\f111"; +} + +.pp-menu-link.icon-login::before { + content: "\f307"; +} + +.pp-menu-link.icon-topmenu::before { + content: "\f342"; +} + +.pp-menu-link.icon-leftmenu::before { + content: "\f340"; +} + +.pp-menu-link.icon-btns::before { + content: "\f11a"; +} + +.pp-menu-link.icon-reset::before { + content: "\f531"; +} + +.pp-menu-link:hover { + padding-left: 55px; +} + +.pp-menu { + padding: 0; +} +.pp-menu a { + padding-left: 50px; +} +.pp-menu h2 { + color: #fff; + padding: 16px; + text-align: center; + margin: 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-content { + background-color: #fff; +} +.pp-content h1 { + text-align: center; + font-weight: 700; + margin-bottom: 20px; + color: red; +} + +.pp-sidebar { + position: relative; + background-color: #fff; + border-left: 1px solid rgba(0, 0, 0, 0.1882352941); + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-sidebar .btnsave { + display: block; + border: none; + cursor: pointer; + position: absolute; + bottom: 0px; + left: 50%; + transform: translateX(-50%); + width: 100%; + color: #fff; +} + +.pp-card-content { + display: none; +} + +.pp-card-content.active { + display: block; +} + +.pp-container { + width: 100%; + max-width: 1100px; + padding: 0 0 0 1rem; +} + +.pp-note { + background-color: #fff; + color: black; + border: 1px solid rgba(0, 0, 0, 0.1882352941); + padding: 1rem 1.5rem; + margin: 1rem 0; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; +} +.pp-note span { + margin-right: 1rem; +} +.pp-note .pp-note-content h4 { + margin: 0; + font-size: 14px; +} +.pp-note .pp-note-content p { + margin: 0; + font-size: 10px; + font-weight: 300; +} + +.pp-head { + background-color: #fff; + padding: 15px 15px 15px 20px; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); + display: flex; +} +.pp-head .pp-logo { + width: 50px; + height: 50px; + margin-right: 1rem; + padding-right: 1rem; + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-head .pp-logo img { + width: 50px; + height: 50px; +} +.pp-head .pp-logoname { + position: relative; +} +.pp-head .pp-logoname h1 { + font-size: 24px; + margin: 7px 0; + background: linear-gradient(to bottom right, #7049ba, #e95095); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.pp-head .pp-logoname p { + margin: 0; + font-size: 12px; +} +.pp-head .pp-logoname span { + position: absolute; + left: 120px; + top: 0px; + padding: 3px 5px; + border: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-footer { + background-color: #fff; + position: fixed; + bottom: 0; + width: 100%; + padding: 1rem; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); + display: flex; + justify-content: space-evenly; + align-items: center; +} +.pp-section { + text-align: center; + background-color: #fff; +} + +.pp-section-head { + padding: 1rem; + text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-section-head h2 { + padding: 0; + margin: 0; +} + +.pp-section-body { + background-color: #fff; + text-align: center; +} + +.pp-section-footer { + text-align: center; + padding: 0 10px; + border-top: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-section-footer p { + font-size: 12px; +} + +.pp-card { + background-color: #fff; + margin-top: 0; + padding: 0; + border: 1px solid rgba(0, 0, 0, 0.1882352941); + height: auto; +} + +.pp-card-head { + padding: 1rem; + text-align: center; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); + color: black; +} +.pp-card-head label { + margin: 0; + font-size: 15px; + font-weight: 500; +} + +.pp-card-body { + padding: 1rem; + margin-bottom: 0; +} +.pp-card-body h2 { + margin: 0; +} +.pp-card-body p { + margin: 0; + padding: 0; +} + +.pp-card-footer { + border-top: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-card-footer p { + font-size: 10px; +} + +.pp-card-body-login .pp-color-picker-fields .pp-color-picker-wrapper:first-child { + padding: 10px; +} +.pp-card-body-login .pp-color-picker-fields .pp-color-picker-wrapper:last-child { + padding: 10px; +} + +.pp-input-wrapper input[type=text], +.pp-input-wrapper input[type=number] { + width: 100%; + padding: 5px; + text-align: center; + border: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-input-wrapper input[type=text] { + text-align: left; + border: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-input-wrapper input[type=file] { + display: none; +} + +.pp-radio-group input[type=radio] { + display: none; +} + +.pp-radio-group input[type=radio]:checked + label { + color: #253142; +} + +.pp-color-picker-fields { + display: flex; + justify-content: center; + margin-top: 1rem; +} + +.pp-color-picker-wrapper { + width: 100%; +} +.pp-color-picker-wrapper span { + width: 100%; +} + +input.spectrum.with-add-on { + padding: 5px; + width: 100%; +} + +.sp-original-input-container .sp-add-on { + width: 50px !important; +} + +.pp-radio-group { + display: flex; + align-items: center; +} +.pp-radio-group input[type=radio] { + margin-right: 5px; +} + +.pp-radio-group label { + display: inline-block; + width: 50%; + padding: 10px 0; + font-size: 12px; + border-bottom: 1px solid rgba(0, 0, 0, 0.1882352941); + cursor: pointer; + box-sizing: border-box; + text-align: center; + color: #253142; +} + +.pp-input-wrapper { + position: relative; +} +.pp-input-wrapper button { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 40px; + height: 40px; + cursor: pointer; + border: 1px solid transparent; +} +.pp-input-wrapper button.pp-left { + left: 0; + border-left: 1px solid rgba(0, 0, 0, 0.1882352941); + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); + border-top: 1px solid rgba(0, 0, 0, 0.1882352941); +} +.pp-input-wrapper button.pp-center { + left: 50%; + transform: translateX(-50%) translateY(-50%); +} +.pp-input-wrapper button.pp-right { + right: 0px; + border-left: 1px solid rgba(0, 0, 0, 0.1882352941); + border-right: 1px solid rgba(0, 0, 0, 0.1882352941); + border-top: 1px solid rgba(0, 0, 0, 0.1882352941); +} + +.pp-input-wrapper img { + padding-top: 1rem; +} + +.pp-input-upload { + margin-top: 1rem; +} +.pp-input-upload label { + display: block; +} + +.pp-hidden { + display: none; +} + +#mceu_25 div.mce-toolbar-grp > div { + padding: 10px !important; +} + +#wpcontent, +#wpfooter { + margin-left: 140px !important; +} +@media (max-width: 960px) { + #wpcontent, + #wpfooter { + margin-left: 0 !important; + } +} + +.folded #wpcontent, +.folded #wpfooter { + margin-left: 16px !important; +} + +.wp-picker-container .wp-color-result.button { + min-height: 30px; +} + +#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, +#adminmenu .wp-menu-arrow, +#adminmenu .wp-menu-arrow div, +#adminmenu li.current a.menu-top, +#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu { + background: linear-gradient(to right, #7049ba, #e95095) !important; + color: #fff; +} + +#wpbody-content { + padding-bottom: 0px; +} + +#login { + width: 378px !important; + padding: 20% 0 0 !important; + margin: auto; +}/*# sourceMappingURL=css.css.map */ \ No newline at end of file diff --git a/assets/css/css.css.map b/assets/css/css.css.map new file mode 100755 index 0000000..b095bb4 --- /dev/null +++ b/assets/css/css.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../scss/utilities/_framework.scss","css.css","../scss/utilities/_reset.scss","../scss/utilities/_variables.scss","../scss/utilities/_grid.scss","../scss/utilities/_btns.scss","../scss/utilities/_color_schemes.scss","../scss/css.scss"],"names":[],"mappings":"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","file":"css.css"} \ No newline at end of file diff --git a/assets/js/.DS_Store b/assets/js/.DS_Store new file mode 100755 index 0000000000000000000000000000000000000000..18a6e14d450088e9221e38819b88a0497a86d863 GIT binary patch literal 6148 zcmeHKJx{|h5Pb(7Dj`HiM(+qDHb$!|12caBS~5T*1r^w{@pt(L@a_ZDkg_tsU3B++ z_B}g!Lu><(`ODooFat29E8`Zm8| zc7_K$UA5h6*>+1->TAByPu|Vg0uH(2E!hp8`83QnoM{*H;v3WG8B&2%AQeajQh|S_ z0QYRQ>49U$R3H^d1-=x}|3jfG*1+D;ejN;YeAn@bq8i(FmmrqNYhdrl5t=xa=v0X- zhB%%5CF*Km@91=ht;~61Wr-V#*y`*rRt~9-8B>8&V5q>pr!(FEFX=zr|A(Z^Qh`+9 zPbnai#r0y&Pl~;D^l`e^7WxhS(^zZe41+@e6WxlBx9W","","▼",""].join(""),Ke=function(){var e="";if(Ve)for(var t=1;t<=6;t++)e+="
";return["
","
","
","
","","
","
","
","
","
","
","
","
","
","
","
","
","
","
","
","
","
",e,"
","
","
","
","
","","
","
","
","","","
","
","
"].join("")}();function t(e,t){return!!~(""+e).indexOf(t)}function $e(e,t,a,o){for(var r=[],n=0;n')}else r.push('')}return"
"+r.join("")+"
"}function n(e,t){var a,o,r,n,h=function(e,t){e.locale=e.locale||window.navigator.language,e.locale&&(e.locale=e.locale.split("-")[0].toLowerCase()),"en"!=e.locale&&Ne.spectrum.localization[e.locale]&&(e=Ne.extend({},Ne.spectrum.localization[e.locale],e));var a=Ne.extend({},qe,e);return a.callbacks={move:Ye(a.move,t),change:Ye(a.change,t),show:Ye(a.show,t),hide:Ye(a.hide,t),beforeShow:Ye(a.beforeShow,t)},a}(t,e),s=h.type,d="flat"==s,i=h.showSelectionPalette,l=h.localStorageKey,c=h.theme,u=h.callbacks,f=(a=Oe,function(){var e=this,t=arguments;r&&clearTimeout(n),!r&&n||(n=setTimeout(function(){n=null,a.apply(e,t)},o))}),p=!(o=10),g=!1,b=0,m=0,v=0,x=0,y=0,T=0,w=0,_=0,k=0,P=0,C=1,S=[],M=[],z={},j=h.selectionPalette.slice(0),A=h.maxSelectionSize,R="sp-dragging",F=!1,H=null,L=e.ownerDocument,O=(L.body,Ne(e)),Q=!1,E=Ne(Ke,L).addClass(c),N=E.find(".sp-picker-container"),D=E.find(".sp-color"),q=E.find(".sp-dragger"),I=E.find(".sp-hue"),V=E.find(".sp-slider"),W=E.find(".sp-alpha-inner"),B=E.find(".sp-alpha"),K=E.find(".sp-alpha-handle"),$=E.find(".sp-input"),X=E.find(".sp-palette"),Y=E.find(".sp-initial"),G=E.find(".sp-cancel"),U=E.find(".sp-clear"),J=E.find(".sp-choose"),Z=E.find(".sp-palette-toggle"),ee=O.is("input"),te=(ee&&"color"===O.attr("type")&&Ue(),ee&&"color"==s),ae=te?Ne(Be).addClass(c).addClass(h.className).addClass(h.replacerClassName):Ne([]),oe=te?ae:O,re=ae.find(".sp-preview-inner"),ne=h.color||ee&&O.val(),se=!1,ie=h.preferredFormat,le=!h.showButtons||h.clickoutFiresChange,ce=!ne,ue=h.allowEmpty,fe=null,he=null,de=null,pe=null,ge=O.attr("id");if(ge!==De&&0A;)j.shift();if(l)try{window.localStorage[l]=j.join(";")}catch(e){}}}function ye(){var a=Ae(),e=Ne.map(M,function(e,t){return $e(e,a,"sp-palette-row sp-palette-row-"+t,h)});ve(),j&&e.push($e(function(){var e=[];if(h.showPalette)for(var t=0;t'),["margin"].forEach(function(e){fe.css(e,O.css(e))}),"block"==O.css("display")&&fe.css("display","flex"),te)O.after(ae).hide();else if("text"==s)fe.addClass("sp-colorize-container"),O.addClass("spectrum sp-colorize").wrap(fe);else if("component"==s){O.addClass("spectrum").wrap(fe);var e=Ne(["
","
","
"].join(""));e.width(O.outerHeight()+"px").css("border-radius",O.css("border-radius")).css("border",O.css("border")),O.addClass("with-add-on").before(e)}if(he=O.parent().find(".sp-colorize"),de=he.css("color"),pe=he.css("background-color"),ue||U.hide(),d)O.after(E).hide();else{var t="parent"===h.appendTo?O.parent():Ne(h.appendTo);1!==t.length&&(t=Ne("body")),t.append(E)}function a(e){return e.data&&e.data.ignore?(je(Ne(e.target).closest(".sp-thumb-el").data("color")),Re()):(je(Ne(e.target).closest(".sp-thumb-el").data("color")),Re(),h.hideAfterPaletteSelect?(Le(!0),Me()):Le()),!1}ve(),oe.on("click.spectrum touchstart.spectrum",function(e){Q||Pe(),e.stopPropagation(),Ne(e.target).is("input")||e.preventDefault()}),!O.is(":disabled")&&!0!==h.disabled||Qe(),E.on("click",Xe),E.on("keydown",'div[role="button"]',function(e){13==e.keyCode&&(e.preventDefault(),Ne(this).click())}),[$,O].forEach(function(t){t.on("change",function(){ke(t.val())}),t.on("paste",function(){setTimeout(function(){ke(t.val())},1)}),t.on("keydown",function(e){13==e.keyCode&&(ke(Ne(t).val()),t==O&&Me())})}),G.text(h.cancelText),G.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ze(),Me()}),U.attr("title",h.clearText),U.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),ce=!0,Re(),d&&Le(!0)}),J.text(h.chooseText),J.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),Ve&&$.is(":focus")&&$.trigger("change"),$.hasClass("sp-validation-error")||(Le(!0),Me())}),Z.text(h.showPaletteOnly?h.togglePaletteMoreText:h.togglePaletteLessText),Z.on("click.spectrum",function(e){e.stopPropagation(),e.preventDefault(),h.showPaletteOnly=!h.showPaletteOnly,h.showPaletteOnly||d||E.css("left","-="+(N.outerWidth(!0)+5)),me()}),Ge(B,function(e,t,a){C=e/y,ce=!1,a.shiftKey&&(C=Math.round(10*C)/10),Re()},we,_e),Ge(I,function(e,t){_=parseFloat(t/x),ce=!1,h.showAlpha||(C=1),Re()},we,_e),Ge(D,function(e,t,a){if(a.shiftKey){if(!H){var o=k*b,r=m-P*m,n=Math.abs(e-o)>Math.abs(t-r);H=n?"x":"y"}}else H=null;var s=!H||"y"===H;H&&"x"!==H||(k=parseFloat(e/b)),s&&(P=parseFloat((m-t)/m)),ce=!1,h.showAlpha||(C=1),Re()},we,_e),ne?(je(ne),Fe(),ie=tinycolor(ne).format||h.preferredFormat,xe(ne)):(""===ne&&je(ne),Fe()),d&&Pe();var o=Ve?"mousedown.spectrum":"click.spectrum touchstart.spectrum";X.on(o,".sp-thumb-el",a),Y.on(o,".sp-thumb-el:nth-child(1)",{ignore:!0},a)}();var Ee={show:Pe,hide:Me,toggle:function(){(p?Me:Pe)()},reflow:Oe,option:function(e,t){return e===De?Ne.extend({},h):t===De?h[e]:(h[e]=t,"preferredFormat"===e&&(ie=h.preferredFormat),void me())},enable:function(){Q=!1,O.attr("disabled",!1),oe.removeClass("sp-disabled")},disable:Qe,offset:function(e){h.offset=e,Oe()},set:function(e){je(e),Le()},get:Ae,destroy:function(){O.show().removeClass("spectrum with-add-on sp-colorize"),oe.off("click.spectrum touchstart.spectrum"),E.remove(),ae.remove(),he&&he.css("background-color",pe).css("color",de);var e=O.closest(".sp-original-input-container");0")[0];e._cachedResult="color"===t.type&&""!==t.value}return e._cachedResult},Ne.spectrum={},Ne.spectrum.localization={},Ne.spectrum.palettes={},Ne.fn.spectrum.processNativeColorInputs=function(){var e=Ne("input[type=color]");e.length&&!Ue()&&e.spectrum({preferredFormat:"hex6"})},function(){var n=/^[\s,#]+/,s=/\s+$/,o=0,c=Math,i=c.round,u=c.min,f=c.max,e=c.random,h=function(e,t){if(t=t||{},(e=e||"")instanceof h)return e;if(!(this instanceof h))return new h(e,t);var a=function(e){var t={r:0,g:0,b:0},a=1,o=!1,r=!1;"string"==typeof e&&(e=function(e){e=e.replace(n,"").replace(s,"").toLowerCase();var t,a=!1;if(C[e])e=C[e],a=!0;else if("transparent"==e)return{r:0,g:0,b:0,a:0,format:"name"};if(t=Q.rgb.exec(e))return{r:t[1],g:t[2],b:t[3]};if(t=Q.rgba.exec(e))return{r:t[1],g:t[2],b:t[3],a:t[4]};if(t=Q.hsl.exec(e))return{h:t[1],s:t[2],l:t[3]};if(t=Q.hsla.exec(e))return{h:t[1],s:t[2],l:t[3],a:t[4]};if(t=Q.hsv.exec(e))return{h:t[1],s:t[2],v:t[3]};if(t=Q.hsva.exec(e))return{h:t[1],s:t[2],v:t[3],a:t[4]};if(t=Q.hex8.exec(e))return{a:function(e){return A(e)/255}(t[1]),r:A(t[2]),g:A(t[3]),b:A(t[4]),format:a?"name":"hex8"};if(t=Q.hex6.exec(e))return{r:A(t[1]),g:A(t[2]),b:A(t[3]),format:a?"name":"hex"};if(t=Q.hex3.exec(e))return{r:A(t[1]+""+t[1]),g:A(t[2]+""+t[2]),b:A(t[3]+""+t[3]),format:a?"name":"hex"};return!1}(e));"object"==typeof e&&(e.hasOwnProperty("r")&&e.hasOwnProperty("g")&&e.hasOwnProperty("b")?(t=function(e,t,a){return{r:255*z(e,255),g:255*z(t,255),b:255*z(a,255)}}(e.r,e.g,e.b),o=!0,r="%"===String(e.r).substr(-1)?"prgb":"rgb"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("v")?(e.s=F(e.s),e.v=F(e.v),t=function(e,t,a){e=6*z(e,360),t=z(t,100),a=z(a,100);var o=c.floor(e),r=e-o,n=a*(1-t),s=a*(1-r*t),i=a*(1-(1-r)*t),l=o%6;return{r:255*[a,s,n,n,i,a][l],g:255*[i,a,a,s,n,n][l],b:255*[n,n,i,a,a,s][l]}}(e.h,e.s,e.v),o=!0,r="hsv"):e.hasOwnProperty("h")&&e.hasOwnProperty("s")&&e.hasOwnProperty("l")&&(e.s=F(e.s),e.l=F(e.l),t=function(e,t,a){var o,r,n;function s(e,t,a){return a<0&&(a+=1),1>1)+720)%360;--t;)o.h=(o.h+r)%360,n.push(h(o));return n}function P(e,t){t=t||6;for(var a=h(e).toHsv(),o=a.h,r=a.s,n=a.v,s=[],i=1/t;t--;)s.push(h({h:o,s:r,v:n})),n=(n+i)%1;return s}h.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var e=this.toRgb();return(299*e.r+587*e.g+114*e.b)/1e3},setAlpha:function(e){return this._a=M(e),this._roundA=i(1e3*this._a)/1e3,this},toHsv:function(){var e=l(this._r,this._g,this._b);return{h:360*e.h,s:e.s,v:e.v,a:this._a}},toHsvString:function(){var e=l(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),o=i(100*e.v);return 1==this._a?"hsv("+t+", "+a+"%, "+o+"%)":"hsva("+t+", "+a+"%, "+o+"%, "+this._roundA+")"},toHsl:function(){var e=r(this._r,this._g,this._b);return{h:360*e.h,s:e.s,l:e.l,a:this._a}},toHslString:function(){var e=r(this._r,this._g,this._b),t=i(360*e.h),a=i(100*e.s),o=i(100*e.l);return 1==this._a?"hsl("+t+", "+a+"%, "+o+"%)":"hsla("+t+", "+a+"%, "+o+"%, "+this._roundA+")"},toHex:function(e){return t(this._r,this._g,this._b,e)},toHexString:function(e){return"#"+this.toHex(e)},toHex8:function(){return d(this._r,this._g,this._b,this._a)},toHex8String:function(){return"#"+this.toHex8()},toRgb:function(){return{r:i(this._r),g:i(this._g),b:i(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+i(this._r)+", "+i(this._g)+", "+i(this._b)+")":"rgba("+i(this._r)+", "+i(this._g)+", "+i(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:i(100*z(this._r,255))+"%",g:i(100*z(this._g,255))+"%",b:i(100*z(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+i(100*z(this._r,255))+"%, "+i(100*z(this._g,255))+"%, "+i(100*z(this._b,255))+"%)":"rgba("+i(100*z(this._r,255))+"%, "+i(100*z(this._g,255))+"%, "+i(100*z(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(S[t(this._r,this._g,this._b,!0)]||!1)},toFilter:function(e){var t="#"+d(this._r,this._g,this._b,this._a),a=t,o=this._gradientType?"GradientType = 1, ":"";e&&(a=h(e).toHex8String());return"progid:DXImageTransform.Microsoft.gradient("+o+"startColorstr="+t+",endColorstr="+a+")"},toString:function(e){var t=!!e;e=e||this._format;var a=!1,o=this._a<1&&0<=this._a;return t||!o||"hex"!==e&&"hex6"!==e&&"hex3"!==e&&"name"!==e?("rgb"===e&&(a=this.toRgbString()),"prgb"===e&&(a=this.toPercentageRgbString()),"hex"!==e&&"hex6"!==e||(a=this.toHexString()),"hex3"===e&&(a=this.toHexString(!0)),"hex8"===e&&(a=this.toHex8String()),"name"===e&&(a=this.toName()),"hsl"===e&&(a=this.toHslString()),"hsv"===e&&(a=this.toHsvString()),a||this.toHexString()):"name"===e&&0===this._a?this.toName():this.toRgbString()},_applyModification:function(e,t){var a=e.apply(null,[this].concat([].slice.call(t)));return this._r=a._r,this._g=a._g,this._b=a._b,this.setAlpha(a._a),this},lighten:function(){return this._applyModification(b,arguments)},brighten:function(){return this._applyModification(m,arguments)},darken:function(){return this._applyModification(v,arguments)},desaturate:function(){return this._applyModification(a,arguments)},saturate:function(){return this._applyModification(p,arguments)},greyscale:function(){return this._applyModification(g,arguments)},spin:function(){return this._applyModification(x,arguments)},_applyCombination:function(e,t){return e.apply(null,[this].concat([].slice.call(t)))},analogous:function(){return this._applyCombination(k,arguments)},complement:function(){return this._applyCombination(y,arguments)},monochromatic:function(){return this._applyCombination(P,arguments)},splitcomplement:function(){return this._applyCombination(_,arguments)},triad:function(){return this._applyCombination(T,arguments)},tetrad:function(){return this._applyCombination(w,arguments)}},h.fromRatio=function(e,t){if("object"==typeof e){var a={};for(var o in e)e.hasOwnProperty(o)&&(a[o]="a"===o?e[o]:F(e[o]));e=a}return h(e,t)},h.equals=function(e,t){return!(!e||!t)&&h(e).toRgbString()==h(t).toRgbString()},h.random=function(){return h.fromRatio({r:e(),g:e(),b:e()})},h.mix=function(e,t,a){a=0===a?0:a||50;var o,r=h(e).toRgb(),n=h(t).toRgb(),s=a/100,i=2*s-1,l=n.a-r.a,c=1-(o=((o=i*l==-1?i:(i+l)/(1+i*l))+1)/2),u={r:n.r*o+r.r*c,g:n.g*o+r.g*c,b:n.b*o+r.b*c,a:n.a*s+r.a*(1-s)};return h(u)},h.readability=function(e,t){var a=h(e),o=h(t),r=a.toRgb(),n=o.toRgb(),s=a.getBrightness(),i=o.getBrightness(),l=Math.max(r.r,n.r)-Math.min(r.r,n.r)+Math.max(r.g,n.g)-Math.min(r.g,n.g)+Math.max(r.b,n.b)-Math.min(r.b,n.b);return{brightness:Math.abs(s-i),color:l}},h.isReadable=function(e,t){var a=h.readability(e,t);return 125 + +(function ($) { + "use strict"; + $(document).ready(function () { + $(".pp-color-picker").spectrum({ + preferredFormat: ["hex"], + showInput: true, + showInitial: true, + allowEmpty: true, + clickoutFiresChange: true, + showAlpha: true, + showPalette: true, + palette: [ + ["#f0f0f1", "#1d2327", "#0073aa", "#f2f6fc", "#ffc0c0"], + ["green", "#005782", "#1a1a1a", "#f2f6fc", "#ffc0c0"], + ["#dd4124", "#f7b91f", "#e95095", "#7049ba", "#c0ffc0"], + ["#dd4124", "#e86646", "#f07b69", "#f7918c", "#fab6b0"], + ["#ff6699", "#ff80aa", "#ff99bb", "#ffb3cc", "#ffcce5"], + ["#ff9933", "#ffa54d", "#ffbb66", "#ffd080", "#ffe699"], + ["#3399ff", "#4da3ff", "#66adff", "#80b7ff", "#99c1ff"], + ["#99cc33", "#a3cc4d", "#add366", "#b7dd80", "#c1e699"], + ["#9966ff", "#a373ff", "#ac80ff", "#b58cff", "#bf99ff"], + ["#cc6699", "#d280ad", "#db8cb9", "#e599c5", "#efb3d1"], + ["#ffcc00", "#ffd633", "#ffe066", "#ffeb99", "#fff5cc"], + ["#333333", "#4d4d4d", "#666666", "#808080", "#999999"], + ], + showPaletteOnly: true, // Set to true to show only the palette + maxSelectionSize: 2, // Limit the number of colors that can be selected + togglePaletteOnly: true, // Allow toggling between picker and palette + replacerClassName: "custom-color-picker", // Add a custom class name for the color picker container + appendTo: ".color-picker-container", // Append the color picker to a specific element or selector + showButtons: true, // Display OK and Cancel buttons + chooseText: "Apply", // Customize the text of the "Apply" button + + // Callbacks + change: function (color) { + console.log("Color changed:", color.toHexString()); + }, + move: function (color) { + console.log("Color moving:", color.toHexString()); + }, + show: function (color) { + console.log("Picker shown:", color.toHexString()); + }, + hide: function (color) { + console.log("Picker hidden:", color.toHexString()); + }, + beforeShow: function (color) { + console.log("Before show:", color.toHexString()); + }, + beforeHide: function (color) { + console.log("Before hide:", color.toHexString()); + }, + cancel: function (color) { + console.log("Color selection canceled:", color.toHexString()); + }, + choose: function (color) { + console.log("Color selected:", color.toHexString()); + }, + }); + showHideFields(); + }); +})(jQuery); + +//////////////////////////////////////////////////////////////////////////////// +/////////////////////////// + - border radius +//////////////////////////////////////////////////////////////////////////////// + +function changeValue(operator, event) { + event.preventDefault(); // Prevent form submission and page refresh + + const input = document.getElementById("border-radius"); + let value = parseInt(input.value); + + if (operator === "+") { + value += 1; + } else if (operator === "-" && value > 0) { + value -= 1; + } + + input.value = value; +} + +// function setBorderRadius(value, event) { +// event.preventDefault(); +// document.getElementById("border-radius").value = value; +// } + +function setBorderRadius(value, event) { + event.preventDefault(); + document.getElementById("border-radius").value = value; + // Remove 'active' class from all buttons + var buttons = document.getElementsByClassName("pp-borderradius-btn"); + for (var i = 0; i < buttons.length; i++) { + buttons[i].classList.remove("active"); + } + // Add 'active' class to the clicked button + event.target.classList.add("active"); +} + +//////////////////////////////////////////////////////////////////////////////// +/////////////////////////// Gradient für loginbackground color +//////////////////////////////////////////////////////////////////////////////// +const colorRadio = document.getElementById("login-bg-color-radio"); +const gradientRadio = document.getElementById("login-bg-gradient"); +const colorFields = document.getElementById("login-bg-color-field"); +const gradientFields = document.getElementById("login-bg-gradient-field"); + +function toggleFields() { + if (colorRadio.checked) { + colorFields.classList.remove("pp-hidden"); + gradientFields.classList.add("pp-hidden"); + } else if (gradientRadio.checked) { + colorFields.classList.add("pp-hidden"); + gradientFields.classList.remove("pp-hidden"); + } +} + +colorRadio.addEventListener("change", toggleFields); +gradientRadio.addEventListener("change", toggleFields); + +toggleFields(); // Ensure the correct fields are shown on page load + +//////////////////////////////////////////////////////////////////////////////// +/////////////////////////// loader refresh after 1sec +//////////////////////////////////////////////////////////////////////////////// +var timeoutID; + +// Function to show the loader and refresh the page after 1 second +function showLoaderAndRefresh() { + var loader = document.querySelector(".loader"); + + loader.style.display = "block"; + + timeoutID = setTimeout(function () { + window.location.reload(); + }, 1000); +} + +// Hide the loader and clear the timeout when the page finishes loading +window.addEventListener("load", function () { + var loader = document.querySelector(".loader"); + loader.style.display = "none"; + + clearTimeout(timeoutID); +}); + +// Show the loader and set the timeout when the page is being refreshed +window.addEventListener("beforeunload", showLoaderAndRefresh); +//////////////////////////////////////////////////////////////////////////////// +/////////////////////////// nnnnnn +//////////////////////////////////////////////////////////////////////////////// diff --git a/assets/logos/.DS_Store b/assets/logos/.DS_Store new file mode 100755 index 0000000000000000000000000000000000000000..07912a7968f8191831ed906500bc2712655535ba GIT binary patch literal 6148 zcmeHKF-`+P474G|Ni-=bw?{(a2dgL))O-L1q%BekrW&=RBH@c|%S&n$Cyk0yfXSsRYjOWzNUK5JP?TEKX zH}A>vQa}ovDsZ0LHT(Z9@WcFnTBMy6kOKco0bgzJw;Q}t_14A9vDY@>0btGtK*Ksp n;G!Laqa9 \ No newline at end of file diff --git a/assets/scss/css.scss b/assets/scss/css.scss new file mode 100755 index 0000000..482242a --- /dev/null +++ b/assets/scss/css.scss @@ -0,0 +1,752 @@ +@import "utilities/variables"; +@import "utilities/framework"; +@import "utilities/reset"; +@import "utilities/grid"; +@import "utilities/btns"; +@import "utilities/color_schemes"; + +#pp-version { + font-size: 14px; + color: blue; +} + +.pp-version-number { + font-weight: bold; +} + +.pp-wordpress-version { + font-weight: bold; + color: red; + // background-color: yellow; + padding: 5px 10px; +} + +.pp-plugin-version { + font-weight: bold; + color: green; +} + +.pp-current-year { + font-weight: bold; + color: black; +} + +.pp-palette { + font-weight: bold; + color: pink; +} +@keyframes heartbeat { + 0% { + transform: scale(1); + } + 50% { + transform: scale(1.2); + } + 100% { + transform: scale(1); + } +} + +.pp-made-with-heart { + display: inline-block; + vertical-align: middle; + animation: heartbeat 1s infinite; +} + +.pp-heart { + color: red; + padding-right: 4px; +} + +.pp-made-with-text { + display: inline-block; + vertical-align: middle; + margin-left: 10px; +} + +//============================================= +// +//============================================= + +// .pp-notice { +// background-color: #f44336; +// color: #fff; +// padding: 20px; +// margin-bottom: 20px; +// position: relative; +// } + +// .pp-notice h1 { +// font-size: 44px; +// margin-top: 0; +// margin-bottom: 10px; +// } + +// .pp-notice p.pp-custom-message { +// font-size: 16px; +// margin-top: 0; +// margin-bottom: 20px; +// } + +// .pp-notice-dismiss { +// position: absolute; +// top: 5px; +// right: 5px; +// background: transparent; +// border: none; +// color: #fff; +// cursor: pointer; +// font-size: 16px; +// border: 1px solid red; +// } + +// .pp-close-button { +// position: relative; +// display: inline-block; +// width: 20px; +// height: 20px; +// } + +// .pp-close-button:before, +// .pp-close-button:after { +// position: absolute; +// top: 50%; +// left: 50%; +// content: " "; +// height: 2px; +// width: 10px; +// background-color: #fff; +// transform-origin: 50% 50%; +// } + +// .pp-close-button:before { +// transform: translate(-50%, -50%) rotate(45deg); +// } + +// .pp-close-button:after { +// transform: translate(-50%, -50%) rotate(-45deg); +// } + +//============================================= +// +//============================================= + +#pp_dashBoard { + .pp-input-wrapper input[type="number"] { + border: 1px solid $white; + } +} + +//============================================= +// +//============================================= + +.pp-borderradius-btn { + // background-color: #eaeaea; + border: 1px solid $border; + color: #333; + padding: 5px 10px; + cursor: pointer; + // margin-right: 5px; +} + +.pp-borderradius-btn.active { + background-color: #ccc; +} + +.pp-btns-borderradius { + display: grid; + grid-template-columns: repeat(3, 1fr); + // gap: 2px; + align-items: center; + padding: 10px; + border: 1px solid $border; + // border-right: 1px solid $border; + // border-bottom: 1px solid $border; +} + +.pp-btns-borderradius button { + // margin-bottom: 3px; + width: 100%; +} +//============================================= +// Form +//============================================= +.pp-form { + display: grid; + grid-template-columns: 200px 700px 200px; + gap: 0px; + border: 1px solid $border; + @media (max-width: 782px) { + grid-template-columns: 1fr; + } +} + +.pp-settings { + background-color: $pp-bg; + border-right: 1px solid $border; + color: $black; + a.settings-active { + color: $white; + } +} + +//=============================================// +//============================================= +.pp-menu-link { + display: block; + border-bottom: 1px solid $border; + text-decoration: none; + color: $black; + position: relative; + transition: padding-left 0.3s ease; + padding: 10px; + + &:hover { + color: $white; + } + + &:last-child { + margin-bottom: 0px; + } + + &:focus, + &:active { + outline: none; + box-shadow: none; + } +} + +.pp-menu-link::before { + content: ""; + font-family: "dashicons"; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + transition: transform 0.3s ease; + border-right: 1px solid $border; + padding: 5px 10px; + height: auto; +} + +.pp-menu-link.icon-dashboard::before { + content: "\f111"; +} + +.pp-menu-link.icon-login::before { + content: "\f307"; +} +.pp-menu-link.icon-topmenu::before { + content: "\f342"; +} +.pp-menu-link.icon-leftmenu::before { + content: "\f340"; +} +.pp-menu-link.icon-btns::before { + content: "\f11a"; +} +.pp-menu-link.icon-reset::before { + content: "\f531"; +} + +.pp-menu-link:hover { + padding-left: 55px; +} + +// .pp-menu-link:hover::before { +// transform: translate(20px, -50%); +// } +.pp-menu { + padding: 0; + a { + padding-left: 50px; + } + + h2 { + color: $white; + padding: 16px; + text-align: center; + margin: 0; + border-bottom: 1px solid $border; + } +} +//=============================================// +//============================================= + +.pp-content { + // padding: 20px; + background-color: $card-body; + + h1 { + text-align: center; + font-weight: 700; + margin-bottom: 20px; + color: $primary-color; + } +} +.pp-sidebar { + position: relative; + + background-color: $card-body; + + border-left: 1px solid $border; + border-right: 1px solid $border; + + // padding: 1rem; + // border: 1px solid $border; + // position: sticky; + // top: 50px; + + .btnsave { + display: block; + border: none; + cursor: pointer; + position: absolute; + bottom: 0px; + left: 50%; + transform: translateX(-50%); + width: 100%; + + color: #fff; + } +} + +//============================================= +// END +//============================================= + +.pp-card-content { + display: none; +} + +.pp-card-content.active { + display: block; +} +//============================================= +// Container +//============================================= +.pp-palettepro { +} + +.pp-container { + width: 100%; + max-width: 1100px; + padding: 0 0 0 1rem; +} + +//============================================= +// NOTE +//============================================= + +.pp-note { + background-color: $pp-bg; + color: black; + border: 1px solid $border; + padding: 1rem 1.5rem; + margin: 1rem 0; + + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + align-items: center; + + span { + margin-right: 1rem; + } + + .pp-note-content { + h4 { + margin: 0; + font-size: 14px; + } + p { + margin: 0; + font-size: 10px; + font-weight: 300; + } + } +} +//============================================= +// HEADER +//============================================= + +.pp-head { + background-color: $pp-bg; + + padding: 15px 15px 15px 20px; + + border-bottom: 1px solid $border; + + display: flex; + + .pp-logo { + width: 50px; + height: 50px; + margin-right: 1rem; + padding-right: 1rem; + + border-right: 1px solid $border; + + img { + width: 50px; + height: 50px; + } + } + .pp-logoname { + position: relative; + + h1 { + font-size: 24px; + margin: 7px 0; + + background: linear-gradient(to bottom right, #7049ba, #e95095); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + p { + margin: 0; + font-size: 12px; + } + span { + position: absolute; + left: 120px; + top: 0px; + + padding: 3px 5px; + border: 1px solid $border; + } + } +} +//============================================= +// FOOTER +//============================================= + +.pp-footer { + background-color: $pp-bg; + position: fixed; + bottom: 0; + width: 100%; + + padding: 1rem; + border-bottom: 1px solid $border; + + display: flex; + // flex-wrap: wrap; + justify-content: space-evenly; + align-items: center; + + .pp-footer-text { + // text-align: center; + } +} + +//============================================= +// SECTION +//============================================= + +.pp-section { + // margin-bottom: 2rem; + text-align: center; + background-color: $pp-bg; + // border: 1px solid $border; +} + +.pp-section-head { + padding: 1rem; + text-align: center; + + border-bottom: 1px solid $border; + + h2 { + padding: 0; + margin: 0; + } +} + +.pp-section-body { + background-color: $pp-bg; + text-align: center; +} + +.pp-section-footer { + text-align: center; + padding: 0 10px; + // margin-bottom: 3rem; + + border-top: 1px solid $border; + + p { + font-size: 12px; + } +} +//============================================= +// CARDS +//============================================= + +.pp-card { + background-color: $pp-bg; + margin-top: 0; + padding: 0; + border: 1px solid $border; + height: auto; +} + +.pp-card-head { + padding: 1rem; + text-align: center; + + border-bottom: 1px solid $border; + color: black; + + label { + margin: 0; + font-size: 15px; + font-weight: 500; + } +} + +.pp-card-body { + padding: 1rem; + margin-bottom: 0; + + h2 { + margin: 0; + } + + p { + margin: 0; + padding: 0; + } +} +.pp-card-footer { + border-top: 1px solid $border; + p { + font-size: 10px; + } +} + +.pp-card-body-login { + .pp-color-picker-fields { + .pp-color-picker-wrapper:first-child { + padding: 10px; + } + .pp-color-picker-wrapper:last-child { + padding: 10px; + } + } +} +//============================================= +// INPUTS +//============================================= +.pp-input-wrapper input[type="text"], +.pp-input-wrapper input[type="number"] { + width: 100%; + padding: 5px; + text-align: center; + border: 1px solid $border; +} +.pp-input-wrapper input[type="text"] { + text-align: left; + border: 1px solid $border; +} +.pp-input-wrapper input[type="file"] { + display: none; +} + +.pp-radio-group input[type="radio"] { + display: none; +} +.pp-radio-group input[type="radio"]:checked + label { + color: $black; +} +//============================================= +// COLOR PICKER +//============================================= + +.pp-color-picker-fields { + display: flex; + justify-content: center; + margin-top: 1rem; +} +.pp-color-picker-wrapper { + width: 100%; + + // .sp-original-input-container { + // .sp-colorize-container .sp-colorize { + // border: 1px solid red !important; + // z-index: 9999999; + // } + // } + + span { + width: 100%; + } +} +input.spectrum.with-add-on { + padding: 5px; + width: 100%; + // text-align: center; +} +.sp-original-input-container .sp-add-on { + width: 50px !important; +} +//============================================= +// LOGIN COLOR GRADIENT +//============================================= +.pp-radio-group { + display: flex; + align-items: center; + + input[type="radio"] { + margin-right: 5px; + } +} + +.pp-radio-group label { + display: inline-block; + width: 50%; + padding: 10px 0; + font-size: 12px; + border-bottom: 1px solid $border; + cursor: pointer; + box-sizing: border-box; + text-align: center; + color: $black; +} + +//============================================= +// + - input number +//============================================= +.pp-input-wrapper { + position: relative; + + button { + position: absolute; + top: 50%; + transform: translateY(-50%); + width: 40px; + height: 40px; + cursor: pointer; + border: 1px solid transparent; + } + + button.pp-left { + left: 0; + border-left: 1px solid $border; + border-right: 1px solid $border; + border-top: 1px solid $border; + } + + button.pp-center { + left: 50%; + transform: translateX(-50%) translateY(-50%); + } + + button.pp-right { + right: 0px; + border-left: 1px solid $border; + border-right: 1px solid $border; + border-top: 1px solid $border; + } +} +//============================================= +// LOGO +//============================================= +.pp-input-wrapper img { + padding-top: 1rem; +} +.pp-input-upload { + margin-top: 1rem; + + label { + display: block; + } +} +//============================================= +// DISPLAY NONE +//============================================= +.pp-hidden { + display: none; +} + +//============================================= +// RANDOM +//============================================= + +#mceu_25 div.mce-toolbar-grp > div { + padding: 10px !important; +} +#wpcontent, +#wpfooter { + margin-left: 140px !important; + @media (max-width: 960px) { + margin-left: 0 !important; + } +} +.folded #wpcontent, +.folded #wpfooter { + margin-left: 16px !important; +} +.wp-picker-container .wp-color-result.button { + min-height: 30px; + // margin: 0 6px 6px 0; + // padding: 0 0 0 30px; + // font-size: 11px; +} + +///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// + +#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, +#adminmenu .wp-menu-arrow, +#adminmenu .wp-menu-arrow div, +#adminmenu li.current a.menu-top, +#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu { + background: linear-gradient(to right, #7049ba, #e95095) !important; + color: #fff; +} + +#wpbody-content { + padding-bottom: 0px; +} + +#login { + width: 378px !important; + padding: 20% 0 0 !important; + margin: auto; +} + +///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// +// .pp-left-user { +// a { +// height: 100px; + +// .pp-user-avatar { +// margin-top: -4rem; +// } +// } + +// .pp-user-avatar img { +// border-radius: 50%; +// width: 60px; +// height: 60px; +// } + +// .pp-user-name { +// // display: block; +// // font-size: 1rem; +// } +// } + +// #adminmenu .pp-left-user .wp-menu-name { +// display: flex; +// flex-direction: column; +// justify-content: center; +// align-items: center; +// width: 100%; +// height: 75px; +// // background-color: green; + +// padding: 0px !important; +// height: 100px; +// } diff --git a/assets/scss/utilities/_btns.scss b/assets/scss/utilities/_btns.scss new file mode 100755 index 0000000..abccf08 --- /dev/null +++ b/assets/scss/utilities/_btns.scss @@ -0,0 +1,49 @@ +////////////////////////////////// Container + +.pp-button { + display: block; + width: 100%; + padding: 10px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; + + &:hover { + background-color: #e5e5e5; + } +} + +.pp-input-wrapper label.pp-button-upload { + // display: inline-block; + padding: 8px 12px; + color: white; + cursor: pointer; + transition: background-color 0.3s ease; + + &:active { + background-color: #3e8e41; + } +} + +.btn-save { + display: block; + width: 100%; + padding: 13px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; + color: $white; +} + +.btn-reset { + display: block; + width: 100%; + padding: 13px 20px; + border: none; + font-weight: bold; + cursor: pointer; + transition: background-color 0.3s ease; + color: $black; +} diff --git a/assets/scss/utilities/_color_schemes.scss b/assets/scss/utilities/_color_schemes.scss new file mode 100755 index 0000000..11eb81d --- /dev/null +++ b/assets/scss/utilities/_color_schemes.scss @@ -0,0 +1,71 @@ +.color-schemes { + display: flex; + flex-wrap: wrap; + justify-content: center; + + .color-option { + display: flex; + justify-content: center; + width: 100%; + padding: 5px; + margin-bottom: 0px; + + .color-square { + width: 20px; + height: 20px; + margin-right: 10px; + border: 1px solid #ccc; + } + } + + // Color Scheme 1 + .color1 { + background-color: #ff0000; + } + + .color2 { + background-color: #00ff00; + } + + .color3 { + background-color: #0000ff; + } + + .color4 { + background-color: #ffff00; + } + + // Color Scheme 2 + .color5 { + background-color: #ff9900; + } + + .color6 { + background-color: #6600cc; + } + + .color7 { + background-color: #0099ff; + } + + .color8 { + background-color: #00cc00; + } + + // Color Scheme 3 + .color9 { + background-color: #ff3399; + } + + .color10 { + background-color: #ffcc00; + } + + .color11 { + background-color: #3366ff; + } + + .color12 { + background-color: #ff66cc; + } +} diff --git a/assets/scss/utilities/_framework.scss b/assets/scss/utilities/_framework.scss new file mode 100755 index 0000000..97641aa --- /dev/null +++ b/assets/scss/utilities/_framework.scss @@ -0,0 +1,3 @@ +.mb-1 { + margin-bottom: 1rem; +} diff --git a/assets/scss/utilities/_grid.scss b/assets/scss/utilities/_grid.scss new file mode 100755 index 0000000..132302f --- /dev/null +++ b/assets/scss/utilities/_grid.scss @@ -0,0 +1,71 @@ +@mixin grid($columns) { + display: grid; + grid-template-columns: repeat(#{$columns}, 1fr); + grid-gap: 20px; + grid-auto-flow: dense; + padding: 1rem; +} + +.grid1 { + @include grid(1); +} + +.grid2 { + @include grid(2); +} + +.grid3 { + @include grid(3); +} + +.grid4 { + @include grid(4); +} + +.grid5 { + @include grid(5); +} + +.grid6 { + @include grid(6); +} + +.grid-3-1 { + display: grid; + grid-template-columns: 3fr 1fr; + grid-gap: 0px; + grid-auto-flow: dense; + padding: 1rem; +} +.noticeq { + padding: 10px; + background-color: red; + border-left: 4px solid #0073aa; +} + +.noticeq h1 { + margin: 0; + font-size: 24px; + font-weight: bold; +} + +.noticeq p { + margin: 0; + font-size: 14px; +} + +.notice-dismiss { + float: right; + margin-top: 5px; + margin-right: 5px; + background: none; + border: none; + color: #333; +} + +.notice-dismiss:before { + content: "\f153"; + font-family: dashicons; + font-size: 20px; + line-height: 1; +} diff --git a/assets/scss/utilities/_reset.scss b/assets/scss/utilities/_reset.scss new file mode 100755 index 0000000..3408263 --- /dev/null +++ b/assets/scss/utilities/_reset.scss @@ -0,0 +1,67 @@ +// Loader +.pp-loader { + position: absolute; + top: 115px; + left: 1060px; + width: 25px; + height: 25px; + border-radius: 50%; + border: 4px solid $loader-secondary-color; + border-top: 4px solid $loader-primary-color; + animation: spin 1s linear infinite; + z-index: 9999; +} + +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(360deg); + } +} + +// border radius 0 +// .postbox, +// #dashboard-widgets .postbox-container, +// input[type="submit"].wp-core-ui.button, +// #preview-action .preview, +// .wp-core-ui .button-primary, +// .wrap .page-title-action, +// input[type="text"], +// input[type="url"], +// input[type="email"], +// input[type="password"], +// input[type="number"], +// textarea, +// .wp-core-ui .attachment .thumbnail, +// .wp-core-ui .attachment-preview, +// .wp-core-ui .button-secondary, +// form#loginform input[type="text"], +// .pp-section, +// .pp-radio-group label, +// .pp-button-upload { +// border-radius: 0; +// } +input[type="color"], +input[type="date"], +input[type="datetime-local"], +input[type="datetime"], +input[type="email"], +input[type="month"], +input[type="number"], +input[type="password"], +input[type="search"], +input[type="tel"], +input[type="text"], +input[type="time"], +input[type="url"], +input[type="week"], +select, +textarea { + box-shadow: 0 0 0 transparent; + + border: 1px solid $border; + background-color: $pp-bg; + color: $black; +} diff --git a/assets/scss/utilities/_variables.scss b/assets/scss/utilities/_variables.scss new file mode 100755 index 0000000..a557129 --- /dev/null +++ b/assets/scss/utilities/_variables.scss @@ -0,0 +1,19 @@ +$primary-color: red; +$secondary-color: lightblue; +$background-color: lightgrey; +$accent-color: green; +$highlight-color: pink; +$notice-color: #4caf50; + +$loader-primary-color: #7049ba; +$loader-secondary-color: #f0f0f1; + +$card-head: red; +$card-body: #fff; + +$pp-bg: #fff; + +$border: #00000030; + +$black: #253142; +$white: #fff; diff --git a/functions.php b/functions.php new file mode 100755 index 0000000..2b03402 --- /dev/null +++ b/functions.php @@ -0,0 +1,266 @@ +user_login; + $user_avatar = get_avatar_url($user_id); + + $pp_left_user_menu = array(); + $pp_left_user_menu[] = array( + '' . $username . '' . $username . '', + 'read', + 'profile.php', + '', // Leave the ID empty, so it gets auto-generated + 'pp-left-user' // Add any additional classes for the
  • element if needed + ); + + // Add Logout link with an extra class for the
  • element + // $pp_left_user_menu[] = array('Logout', 'read', wp_logout_url(), '', 'wp-menu-image'); + + // Add a separator between your custom items and the default items with an extra class for the
  • element + // $pp_left_user_menu[] = array('', 'read', 'separator1', '', 'wp-menu-separator'); + + // Merge your custom items with the existing menu items, placing your items at the top + $menu = array_merge($pp_left_user_menu, $menu); +} +add_action('admin_menu', 'custom_admin_menu_function'); + + + + + + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// + + +function palettepro_remove_admin_footer() +{ + return ''; +} +add_filter('admin_footer_text', 'palettepro_remove_admin_footer', 999); +add_filter('update_footer', 'palettepro_remove_admin_footer', 999); + + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// + +// Define the default options outside the function +$default_options = array( + 'palettepro_logo_url' => '/assets/a.svg', + 'palettepro_login_logo_url' => '/assets/a.svg', + + + 'palettepro_login_bg_type' => 'color', + 'palettepro_login_bg_color' => '#f0f0f1', + 'palettepro_login_bg_gradient_start' => '#f0f0f1', + 'palettepro_login_bg_gradient_end' => '#d6d6d6', + + + 'palettepro_dashboard_background_color' => '#f0f0f1', + + + 'palettepro_border_radius' => 0, + + + 'palettepro_primary_color' => '#0073aa', + + + 'palettepro_primary_button_bg_color' => '#0073aa', + 'palettepro_secondary_button_bg_color' => '#e95095', + 'palettepro_primary_button_hover_color' => '#7049ba', + 'palettepro_secondary_button_hover_color' => '#e95095', + + 'palettepro_left_menu_bg_color' => '#f0f0f1', + 'palettepro_left_menu_bg_items' => '#1D2327', + + 'palettepro_left_menu_item_text_color' => '#f2f6fc', + 'palettepro_left_menu_item_text_hover' => '#f2f6fc', + + 'palettepro_left_menu_item_bg_color' => '#0073aa', + 'palettepro_left_menu_item_bg_hover' => '#0073aa', + + + + + 'palettepro_top_menu_bg_color' => '#1D2327' +); + +// Function to reset the options to their default values +function reset_palettepro_options() +{ + global $default_options; // Access the global default_options array + + // Reset each option to its default value + foreach ($default_options as $option_name => $default_value) { + update_option($option_name, $default_value); + } + + // Update the login logo and logo URLs with the default image + $plugin_dir = plugin_dir_url(__FILE__); + $default_logo_url = $plugin_dir . 'assets/logos/logo.svg'; + $default_login_logo_url = $plugin_dir . 'assets/logos/logo.svg'; + + update_option('palettepro_logo_url', $default_logo_url); + update_option('palettepro_login_logo_url', $default_login_logo_url); +} + + + + + + + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +// Add a support menu item to the top navigation bar with an icon +function pp_support_menu($wp_admin_bar) +{ + $args = array( + 'id' => 'palettePro', + 'title' => ' palettePro', + 'href' => admin_url('admin.php?page=palettepro'), + 'parent' => 'top-secondary', // Add the parent menu item ID here + 'meta' => array('class' => 'palettePro-menu-item') + ); + $wp_admin_bar->add_node($args); + + // Add dropdown menu items + $args_submenu1 = array( + 'id' => 'submenu1', + 'title' => ' palettePro', + 'href' => '#', // Add your submenu 1 URL here + 'parent' => 'palettePro', + 'meta' => array('class' => 'pp-sub-menu1') + ); + $wp_admin_bar->add_node($args_submenu1); + + $args_submenu2 = array( + 'id' => 'submenu2', + 'title' => 'Submenu 2', + 'href' => '#', // Add your submenu 2 URL here + 'parent' => 'palettePro', + 'meta' => array('class' => 'pp-sub-menu2') + ); + $wp_admin_bar->add_node($args_submenu2); +} +add_action('admin_bar_menu', 'pp_support_menu', 10); + + + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// + + +function palettepro_custom_login_logo() +{ + $login_logo_url = get_option('palettepro_login_logo_url'); + echo ''; + $custom_logo_link = get_home_url(); // Change this to the desired URL + + if (!empty($login_logo_url)) { +?> + + + true, + '_builtin' => false + ); + $output = 'object'; + $operator = 'and'; + + $post_types = get_post_types($args, $output, $operator); + foreach ($post_types as $post_type) { + $num_posts = wp_count_posts($post_type->name); + $num = number_format_i18n($num_posts->publish); + $text = _n($post_type->labels->singular_name, $post_type->labels->name, intval($num_posts->publish)); + if (current_user_can('edit_posts')) { + $output = '' . $num . ' ' . $text . ''; + echo '
  • ' . $output . '
    • '; + } else { + $output = '' . $num . ' ' . $text . ''; + echo '
  • ' . $output . '
    • '; + } + } +} + +/*************************************************** + * Set Post Color By Status In WordPress Admin Panel + ***************************************************/ +add_action('admin_footer', 'posts_status_color_von_moh'); +function posts_status_color_von_moh() +{ + ?> + +base === 'dashboard') { + $dismissed = isset($_COOKIE['pp_dashboard_welcome_dismissed']); + if (!$dismissed) { +?> +
    +
    + +
    + + +
    +

    Welcome to My Custom Dashboard!

    +

    This is a customized message for the dashboard.

    +
    + Link + Link + Link + Link + Link +
    +
    +
    +

    Contact Support

    +
      +
    • Your Address
      • +
    • Your Email
      • +
    • Your Phone Number
      • +
    + +
    +
    +
    +
    + + base === 'dashboard') { + $dismissed = isset($_COOKIE['pp_dashboard_welcome_dismissed']); + if (!$dismissed) { + wp_enqueue_script('pp-welcome-dismiss', get_template_directory_uri() . '/js/welcome-dismiss.js', array(), '1.0', true); + } + } +} +add_action('admin_enqueue_scripts', 'pp_admin_enqueue_scripts'); + + + + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +////////////////////////////////// Output custom CSS styles +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +// +function palettepro_output_styles() +{ + include 'palettepro_output_styles.php'; +} +add_action('admin_head', 'palettepro_output_styles'); +add_action('login_head', 'palettepro_output_styles'); + +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +////////////////////////////////// Create the color customizer page +/////////////////////////////////////////////////////////////////////////////////////////////////////////// + +function palettepro_page() +{ + // Handle form submission + if (isset($_POST['submit'])) { + + + // Validate and save the selected colors and border radius + + /////////////////////////////////// DASHBOARD ////////////////////////////////////////////// + $dashboard_background_color = sanitize_hex_color($_POST['dashboard_background_color']); + $border_radius = absint($_POST['border_radius']); + + /////////////////////////////////// LEFT MENU ////////////////////////////////////////////// + $left_menu_bg_color = sanitize_hex_color($_POST['left_menu_bg_color']); + $left_menu_bg_items = sanitize_hex_color($_POST['left_menu_bg_items']); + + $left_menu_item_text_color = sanitize_hex_color($_POST['left_menu_item_text_color']); + $left_menu_item_bg_color = sanitize_hex_color($_POST['left_menu_item_bg_color']); + $left_menu_item_bg_hover = sanitize_hex_color($_POST['left_menu_item_bg_hover']); + $left_menu_item_text_hover = sanitize_hex_color($_POST['left_menu_item_text_hover']); + + + + + + + /////////////////////////////////// TOP MENU ////////////////////////////////////////////// + $top_menu_bg_color = sanitize_hex_color($_POST['top_menu_bg_color']); + + + $logo_file = $_FILES['logo_file']; + if ($logo_file['error'] === UPLOAD_ERR_OK) { + // Upload the dashboard logo + $upload_dir = wp_upload_dir(); + $logo_dir = trailingslashit($upload_dir['basedir']) . 'palettepro-logos/'; + $logo_url = trailingslashit($upload_dir['baseurl']) . 'palettepro-logos/'; + + // Create the directory if it doesn't exist + if (!file_exists($logo_dir)) { + mkdir($logo_dir); + } + + $logo_filename = $logo_file['name']; + $logo_path = $logo_dir . $logo_filename; + + move_uploaded_file($logo_file['tmp_name'], $logo_path); + update_option('palettepro_logo_url', $logo_url . $logo_filename); + } + + /////////////////////////////////// LOGIN PAGE ////////////////////////////////////////////// + $login_bg_type = $_POST['login_bg_type']; + $login_bg_color = sanitize_hex_color($_POST['login_bg_color']); + $login_bg_gradient_start = sanitize_hex_color($_POST['login_bg_gradient_start']); + $login_bg_gradient_end = sanitize_hex_color($_POST['login_bg_gradient_end']); + + $login_logo_file = $_FILES['login_logo_file']; + if ($login_logo_file['error'] === UPLOAD_ERR_OK) { + // Upload the login page logo + $upload_dir = wp_upload_dir(); + $logo_dir = trailingslashit($upload_dir['basedir']) . 'palettepro-logos/'; + $logo_url = trailingslashit($upload_dir['baseurl']) . 'palettepro-logos/'; + + // Create the directory if it doesn't exist + if (!file_exists($logo_dir)) { + mkdir($logo_dir); + } + + $logo_filename = $login_logo_file['name']; + $logo_path = $logo_dir . $logo_filename; + + // Move the uploaded file to the designated directory + move_uploaded_file($login_logo_file['tmp_name'], $logo_path); + + // Update the login page logo URL option + update_option('palettepro_login_logo_url', $logo_url . $logo_filename); + } + + /////////////////////////////////// BUTTONS ////////////////////////////////////////////// + $primary_button_bg_color = sanitize_hex_color($_POST['primary_button_bg_color']); + $primary_button_hover_color = sanitize_hex_color($_POST['primary_button_hover_color']); + $secondary_button_bg_color = sanitize_hex_color($_POST['secondary_button_bg_color']); + $secondary_button_hover_color = sanitize_hex_color($_POST['secondary_button_hover_color']); + + + $primary_color = sanitize_hex_color($_POST['primary_color']); + + + + + + + + + update_option('palettepro_dashboard_background_color', $dashboard_background_color); + update_option('palettepro_border_radius', $border_radius); + update_option('palettepro_top_menu_bg_color', $top_menu_bg_color); + update_option('palettepro_login_bg_type', $login_bg_type); + update_option('palettepro_login_bg_color', $login_bg_color); + update_option('palettepro_login_bg_gradient_start', $login_bg_gradient_start); + update_option('palettepro_login_bg_gradient_end', $login_bg_gradient_end); + update_option('palettepro_primary_button_bg_color', $primary_button_bg_color); + update_option('palettepro_primary_button_hover_color', $primary_button_hover_color); + update_option('palettepro_secondary_button_bg_color', $secondary_button_bg_color); + update_option('palettepro_secondary_button_hover_color', $secondary_button_hover_color); + update_option('palettepro_primary_color', $primary_color); + + + + + update_option('palettepro_left_menu_bg_color', $left_menu_bg_color); + update_option('palettepro_left_menu_bg_items', $left_menu_bg_items); + update_option('palettepro_left_menu_item_text_color', $left_menu_item_text_color); + update_option('palettepro_left_menu_item_bg_color', $left_menu_item_bg_color); + update_option('palettepro_left_menu_item_bg_hover', $left_menu_item_bg_hover); + update_option('palettepro_left_menu_item_text_hover', $left_menu_item_text_hover); + + + + + + + + + + + // Show the loader + echo '
    '; + + // Refresh the page after a delay + echo ''; + + // .................................. + // .................................. + + } elseif (isset($_POST['reset'])) { + echo '
    '; + // Code to reset the options to their default values... + reset_palettepro_options(); + + // Refresh the page after resetting + echo ''; + } + + + + + + + /////////////////////////////////////////////////////////////////////////////////////////////////////////// + ////////////////////////////////// Retrieve the previously selected colors and border radius + /////////////////////////////////////////////////////////////////////////////////////////////////////////// + $dashboard_background_color = get_option('palettepro_dashboard_background_color', '#81d742'); + $border_radius = get_option('palettepro_border_radius', 0); + $logo_url = get_option('palettepro_logo_url'); + $top_menu_bg_color = get_option('palettepro_top_menu_bg_color', 'red'); + $login_bg_type = get_option('palettepro_login_bg_type', 'color'); + $login_bg_color = get_option('palettepro_login_bg_color', '#ffffff'); + $login_bg_gradient_start = get_option('palettepro_login_bg_gradient_start', '#ffffff'); + $login_bg_gradient_end = get_option('palettepro_login_bg_gradient_end', '#ffffff'); + $login_logo_url = get_option('palettepro_login_logo_url'); + $primary_color = get_option('palettepro_primary_color', '#000000'); + $primary_button_bg_color = get_option('palettepro_primary_button_bg_color', '#007cba'); + $secondary_button_bg_color = get_option('palettepro_secondary_button_bg_color', '#999999'); + $primary_button_hover_color = get_option('palettepro_primary_button_hover_color', '#005a8c'); + $secondary_button_hover_color = get_option('palettepro_secondary_button_hover_color', '#808080'); + + + + + + $left_menu_bg_color = get_option('palettepro_left_menu_bg_color', 'yellow'); + $left_menu_bg_items = get_option('palettepro_left_menu_bg_items', 'yellow'); + + $left_menu_item_text_color = get_option('palettepro_left_menu_item_text_color', 'yellow'); + $left_menu_item_bg_color = get_option('palettepro_left_menu_item_bg_color', 'yellow'); + $left_menu_item_bg_hover = get_option('palettepro_left_menu_item_bg_hover', 'yellow'); + $left_menu_item_text_hover = get_option('palettepro_left_menu_item_text_hover', 'yellow'); + + + + + ?> + + + + + + + + + + + + + + + + + + +
    + +
    + +
    +

    PalettePro

    + BETA +

    Unlock the Power of Customization with PalettePro: Transform Your WordPress Experience with Personalized Colors and Styling!

    +
    +
    + +
    + +
    + +
    +

    Lorem ipsum dolor sit amet consectetur adipisicing elit.

    +

    quam, aliquid eos voluptatibus iure minus maiores, quos nisi dolorum harum est excepturi impedit magni distinctio vero libero ipsa! Aperiam.

    + +
    +
    + + +
    +
    + + + +
    + + + +
    +

    '; + echo ' palettePro ' . $plugin_version . ' '; + echo '

    '; + ?> + General + + Left Menu + Top Menu + Buttons + Reset Settings +
    +
    + + + + + + + + + + +
    + + +
    +
    +
    +

    Control Panel Customization

    +
    +
    + +
    + +
    +
    + +
    + +
    +
    + +
    +
    +
    + + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + +
    +
    + +
    + +
    +
    + + + + +
    +
    + + + + + + +
    +
    + +
    + +
    +
    + +
    +

    Enhance your user experience by personalizing the control panel. Enjoy complete control over the color scheme, including the control panel itself, background, buttons, and border radius.

    +
    +
    +
    + + +
    +
    +
    +

    Login Customization

    +
    +
    +
    + + + + + +
    +
    + +
    + + +
    + + + + +
    +
    + +
    +
    +
    + + Login Page Logo +
    + +
    + + +
    +
    +
    +
    + + +
    +
    + +
    +

    Make a lasting impression with a customized login page. Tailor the login logo to reflect your brand identity and choose from a variety of background options, whether it's a solid color or an eye-catching gradient.

    +
    + +
    +
    + + +
    +
    +
    +

    Left Menu Styling

    +
    +
    + +

    Background

    + + +
    + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + + + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + + + + + +
    +

    TEXT

    +
    + + + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + + + +
    +
    + +
    +
    +
    + +
    +
    +
    +

    for your design.

    +
    +
    + + + + + +
    + + + + + +
    + +
    +
    + + +
    +
    +
    +

    Top Menu Enhancement

    +
    +
    + +
    + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + +
    +
    + +
    + +
    +
    + + Logo +
    + +
    + + +
    +
    +
    + +
    + + + +
    +
    + +
    +

    Refine the appearance of the top menu by customizing its background color and font colors. Create a cohesive and visually appealing layout that aligns with your brand.

    +
    +
    +
    + + +
    +
    +
    +

    Button Customization

    +
    +
    + +
    + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + + + + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + +
    +
    + +
    +

    Take your WordPress buttons to the next level by customizing their colors. Whether it's primary buttons that grab attention or secondary buttons for subtler interactions, tailor their appearance to match your website's style and branding.

    +
    +
    +
    + + + +
    +
    +
    +

    RESET

    +
    +
    + +
    + + + + +
    +
    + +
    + +
    +
    + +
    +
    + +
    + + + +
    +
    + +
    +

    Take your WordPress buttons to the next level by customizing their colors. Whether it's primary buttons that grab attention or secondary buttons for subtler interactions, tailor their appearance to match your website's style and branding.

    +
    +
    +
    + + + +
    + + + +
    +
    + +
    +
    +
    + + + + + + + + + + +
    +
    Made with
    ♥
    by PP
    + +
    + '; + echo 'WordPress Version: ' . $wordpress_version . ' | Plugin Version: ' . $plugin_version . ' | ' . date('Y') . ' © PalettePro. All rights reserved.'; + echo '
    '; + ?> + +
    + +
    + + + + +' . __('Upgrade', 'your-text-domain') . ''; + $action_links = array( + 'upgrade' => $upgrade_link, + 'settings' => '' . __('Settings', 'your-text-domain') . '', + 'deactivate' => '' . __('Deactivate', 'your-text-domain') . '', + ); + + return array_merge($action_links, $links); +} + +// Add the action links to the plugin row +add_filter('plugin_action_links_' . plugin_basename(__FILE__), 'pp_custom_links_plugin_page'); +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +/////////////////////////////////////////////////////////////////////////////////////////////////////////// +// Add the color customizer page to the admin menu +function palettepro_menu() +{ + add_menu_page( + 'PalettePro', // Page title + 'PalettePro', // Menu title + 'manage_options', // Capability required to access the menu item + 'palettepro', // Menu slug + 'palettepro_page', // Callback function to render the page + 'dashicons-art', // Icon name (using 'art' icon) + 1 // Position in the menu + ); +} +add_action('admin_menu', 'palettepro_menu'); diff --git a/palettepro_output_styles.php b/palettepro_output_styles.php new file mode 100755 index 0000000..1486feb --- /dev/null +++ b/palettepro_output_styles.php @@ -0,0 +1,493 @@ + +'; +///////////////////////////////////////////////////////// +/////////////// GENERAL ////////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +// Dashboard Background + +echo 'body.wp-admin, #wp-content-editor-tools, .pp-logoname span, .pp-radio-group input[type="radio"]:checked + label, .pp-borderradius-btn, .pp-btns-borderradius, .pp-input-wrapper button +{ background-color: ' . $dashboard_background_color . '; }'; + + + + + + + + +///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Primary Color +echo ' .theme-browser .theme.add-new-theme a:focus:after, .theme-browser .theme.add-new-theme a:hover:after, '; +echo ' #adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, '; +echo ' .filter-count .count, .title-count, .pp-menu h2, .pp-menu-link.settings-active, .pp-menu-link:hover, #pp_dashBoard .pp-input-wrapper button:hover '; +echo '{'; +echo ' background-color: ' . $primary_color . ';'; +echo '}'; + + +echo ' .plugin-update-tr.active td, .plugins .active th.check-column '; +echo '{'; +echo ' border-left: 4px solid ' . $primary_color . ';'; +echo '}'; + + + +///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Border Radius +echo '.postbox,'; +echo '#dashboard-widgets .postbox-container,'; +echo 'input[type="submit"].wp-core-ui.button,'; +echo '#preview-action .preview,'; +echo '.wp-core-ui .button-primary,'; +echo '.wrap .page-title-action,'; +echo 'input[type="text"],'; +echo 'input[type="url"],'; +echo 'input[type="email"],'; +echo 'input[type="password"],'; +echo 'input[type="number"],'; +echo 'textarea,'; +echo '.wp-core-ui .attachment .thumbnail,'; +echo '.wp-core-ui .attachment-preview,'; +echo '.pp-section,'; +echo '.wp-core-ui p .button,'; +echo '.wp-core-ui .button-secondary,'; +echo '.wpb_edit_form_elements textarea, .usof-radio, .usof-radio input[type=radio]:checked + .usof-radio-value, .usof-radio input[type=radio][checked] + .usof-radio-value'; +echo '.wpb_edit_form_elements input,'; +echo '.wpb_edit_form_elements select, #loginform, #login, #login_error, #language-switcher input, #language-switcher select, #lostpasswordform, #login .message,'; +echo '.pp-card, .pp-section, .pp-button, .wp-core-ui .button, .wp-core-ui .button-secondary, .search-box input[name="s"],'; +echo '.tablenav .actions select, .media-upload-form .notice, .media-upload-form div.error, .wrap .notice, .wrap div.error, .wrap div.updated, #poststuff .inside #page_template, #poststuff .inside #parent_id, table,'; +echo '.theme-browser .theme, .wp-color-result-text, .wp-core-ui select, #dashboard-widgets .postbox-container .empty-container,'; +echo '.pp-note, .btn-reset, .pp-logoname span, .pp-logo img, .pp-section-body,'; +echo '.themes-php .wp-filter-search, .media-frame.mode-grid .media-toolbar, .media-frame.mode-grid .wp-filter input[type=search],'; +echo '.theme-browser .theme .more-details, .theme-install-php .wp-filter, .wp-filter .search-form input[type=search], .show-filters .wp-filter .button.drawer-toggle,'; +echo '.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active, '; +echo '.theme-browser .theme.add-new-theme a:after, .pp-form, .pp-notice-content, .wp-filter, .drag-drop #drag-drop-area '; + +echo '{'; +echo ' border-radius: ' . $border_radius . 'px;'; +echo '}'; + +//////////////////////////// top-left +echo '.pp-card-head, .pp-section, .pp-section-head, .wp-switch-editor, .wp-editor-expand #wp-content-editor-container, .mce-container, .mce-container *, .mce-widget, .mce-widget *, .theme-browser .theme .theme-screenshot,'; +echo '.pp-left, .pp-settings, .pp-menu-link:first-child, .pp-menu h2, .pp-btns-borderradius button:nth-child(1), .plugins thead td.check-column'; +echo '{'; +echo ' border-top-left-radius: ' . $border_radius . 'px;'; +echo '}'; +//////////////////////////// top-right +echo '.pp-card-head, .pp-sectionHead, .pp-section, .pp-section-head, + .wp-switch-editor, .theme-browser .theme .theme-screenshot, .pp-right, .pp-sidebar, .pp-btns-borderradius button:nth-child(3), .pp-close-button, .wp-submenu, .plugins thead tr th:last-child'; + +echo '{'; +echo ' border-top-right-radius: ' . $border_radius . 'px;'; +echo '}'; + +//////////////////////////// bottom-left +echo '.pp-cardBody, .pp-section, .pp-section-footer, #screen-meta-links .show-settings, .theme-browser .theme.active .theme-name,'; +echo '.theme-browser .theme .theme-name, #screen-meta, #major-publishing-actions, .pp-button-upload, .pp-settings, .pp-menu-link.settings-active:last-child, .pp-btns-borderradius,'; +echo '.pp-btns-borderradius button:nth-child(4), .plugins-php .widefat tfoot td'; + +echo '{'; +echo ' border-bottom-left-radius: ' . $border_radius . 'px;'; +echo '}'; + +//////////////////////////// bottom-right +echo '.pp-cardBody, .pp-section, .pp-section-footer, #screen-meta-links .show-settings, .theme-browser .theme.active .theme-name,'; +echo '.theme-browser .theme .theme-actions, .theme-browser .theme .theme-name, #screen-meta, #major-publishing-actions, .pp-button-upload,'; +echo ' .pp-sidebar, .pp-btns-borderradius, .pp-btns-borderradius button:nth-child(6), #adminmenu, .btn-save, #adminmenu .wp-submenu, .plugins tfoot tr th:last-child'; + +echo '{'; +echo ' border-bottom-right-radius: ' . $border_radius . 'px;'; +echo '}'; + +///////////////////////////////////////////////////////// +/////////////// LOGIN PAGE /////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +if ($login_bg_type === 'color') { + echo 'body.login { background-color: ' . $login_bg_color . '; }'; +} else { + echo 'body.login { background: linear-gradient(to top, ' . $login_bg_gradient_start . ', ' . $login_bg_gradient_end . '); }'; +} + +///////////////////////////////////////////////////////// +/////////////// BTNS ///////////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +echo '.wp-core-ui .button-primary, .pp-button, .btn-save {'; +echo ' background-color: ' . $primary_button_bg_color . ';'; +echo '}'; + +echo '.wp-core-ui .button-primary:hover, .pp-button:hover, .btn-save:hover {'; +echo ' background-color: ' . $primary_button_hover_color . ';'; +echo '}'; + +echo '.wp-core-ui .button-secondary, #preview-action .preview, .page-title-action, .pp-button-upload {'; +echo ' background-color: ' . $secondary_button_bg_color . ';'; +echo '}'; + +echo '#preview-action .preview:hover, .btn-reset:hover, .pp-button-upload:hover {'; +echo ' background-color: ' . $secondary_button_hover_color . ';'; +echo '}'; + +///////// STANDARD BTNS +echo '.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active,'; +echo '.wp-core-ui .button, .wp-core-ui .button-secondary {'; +echo ' border: 1px solid ' . $primary_color . ';'; +echo ' color: #fff;'; +echo ' background-color: ' . $primary_color . ';'; +echo '}'; + +///////////////////////////////////////////////////////// +/////////////// LEFT MENU /////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +/////////// LEFT MENU BG //////////////////////////// +echo ' #adminmenuback, #adminmenuwrap'; +echo '{'; +echo ' background-color: ' . $left_menu_bg_color . ';'; +echo '}'; + +/////////// ITEM BG //////////////////////////// +echo ' #adminmenu '; +echo '{'; +echo ' background-color: ' . $left_menu_bg_items . ';'; +echo '}'; + +/////////// ITEM TEXT COLOR //////////////////////////// +echo '#adminmenu a, #adminmenu li a:focus div.wp-menu-image:before, #collapse-button:hover, #collapse-button:focus {'; +echo ' color: ' . $left_menu_item_text_color . ';'; +echo '}'; + +/////////// ITEM TEXT HOVER //////////////////////////// +echo '#adminmenu a:hover, #adminmenu .wp-submenu a:hover, #adminmenu a:hover, .wp-has-submenu a .wp-menu-name:hover, #adminmenu li.menu-top:hover {'; +echo ' color: ' . $left_menu_item_text_hover . ';'; +echo '}'; + +/////////// ITEM BG COLOR //////////////////////////// +echo '#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu {'; +echo ' background-color: ' . $left_menu_item_bg_color . ';'; +echo '}'; + +/////////// ITEM BG HOVER //////////////////////////// +echo '#adminmenu li.menu-top:hover, #adminmenu li.opensub>a.menu-top, #adminmenu li>a.menu-top:focus,'; +echo '.wp-has-submenu a .wp-menu-image::before:hover {'; +echo ' background-color: ' . $left_menu_item_bg_hover . ';'; +echo '}'; + + + +// DARKEN 10% +$hexColor = str_replace('#', '', $left_menu_bg_items); + +// Split the hexadecimal representation into separate color components (R, G, B) +$r = hexdec(substr($hexColor, 0, 2)); +$g = hexdec(substr($hexColor, 2, 2)); +$b = hexdec(substr($hexColor, 4, 2)); + +// Calculate the darkened color components by reducing each component by 10% (10% of 255 is 25.5, rounded to 26) +$darkened_r = max($r - 26, 0); // Ensure the result is not less than 0 +$darkened_g = max($g - 26, 0); +$darkened_b = max($b - 26, 0); + +// Convert the darkened color components back to hexadecimal +$darkened_color = sprintf("#%02x%02x%02x", $darkened_r, $darkened_g, $darkened_b); + + + + +echo '#adminmenu .wp-submenu, .pp-left-user{'; +echo ' background-color: ' . $darkened_color . ';'; +echo '}'; + + + + + +echo '#adminmenu .wp-has-current-submenu .wp-submenu, + #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, + #adminmenu .wp-has-current-submenu.opensub .wp-submenu, + .no-js li.wp-has-current-submenu:hover .wp-submenu {'; +echo ' border-radius: 0px;'; +echo '}'; + + + + +//////////////////////////////////////////////////////////////////////////////////////////////////////////////// +///////// PRIMARY COLOR +//////////////////////////////////////////////////////////////////////////////////////////////////////////////// + + + +////////////// Borders in Foucs + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +///////////////////////////////////////////////////////// +/////////////// TOP MENU //////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +echo '#wpadminbar '; +echo '{'; +echo ' background-color: ' . $top_menu_bg_color . ';'; +echo '}'; + +echo '#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {'; +echo ' content: "";'; +echo ' display: inline-block;'; +echo ' width: 20px;'; // Adjust the width as needed +echo ' height: 25px;'; // Adjust the height as needed +echo ' background-image: url("' . $logo_url . '");'; +echo ' background-size: contain;'; +echo ' background-repeat: no-repeat;'; +echo ' margin-right: 3px;'; +echo ' vertical-align: middle;'; +echo '}'; + +echo '#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon svg {'; +echo ' fill: ' . $logo_color . ';'; +echo '}'; + +echo '#adminmenu {'; +echo ' margin: 0;'; +echo ' padding: 0;'; +echo '}'; + +///////////////////////////////////////////////////////// +/////////////// WELCOME MSG ///////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +echo '.pp-welcome-notice {'; +echo ' position: relative;'; +echo '}'; + +echo '.pp-flex {'; +echo ' display: flex;'; +echo ' align-items: center;'; +echo '}'; + +echo '.pp-welcome-logo {'; +echo ' flex: 1;'; +echo '}'; +echo '.pp-welcome-msg {'; +echo ' flex:12;'; +echo '}'; +echo '.pp-welcome-support {'; +echo ' flex: 3;'; +echo '}'; + + +echo '.pp-notice-content {'; +// echo ' display: flex;'; +echo ' position: relative;'; +echo ' background: #fff;'; +echo ' border: 1px solid #00000030;'; +echo ' margin-top: 2.5rem;'; +echo ' padding: 2rem;'; +echo ' margin-right: 20px;'; +echo '}'; + +echo '.pp-notice-dismiss {'; +echo ' position: absolute;'; +echo ' top: -1px;'; +echo ' right: -6px;'; +echo ' background: transparent;'; +echo ' border: none;'; +echo ' color: #ff0000;'; +echo ' cursor: pointer;'; +echo '}'; + +echo '.pp-close-button {'; +echo ' position: relative;'; +echo ' display: inline-block;'; +echo ' width: 35px;'; +echo ' height: 35px;'; +echo ' cursor: pointer;'; +echo ' background-color: yellow;'; +echo '}'; + +echo '.pp-close-button:hover {'; +echo ' background-color: blue;'; +echo '}'; + +echo '.pp-close-button:before,'; +echo '.pp-close-button:after {'; +echo ' position: absolute;'; +echo ' top: 50%;'; +echo ' left: 50%;'; +echo ' content: "";'; +echo ' height: 2px;'; +echo ' width: 10px;'; +echo ' background-color: red;'; +echo ' transition: all 0.3s ease;'; +echo '}'; + +echo '.pp-close-button:before {'; +echo ' transform: translate(-50%, -50%) rotate(45deg);'; +echo '}'; + +echo '.pp-close-button:after {'; +echo ' transform: translate(-50%, -50%) rotate(-45deg);'; +echo '}'; + +echo '.pp-notice-dismiss .dashicons-no-alt:before {'; +echo ' content: "\f158";'; +echo ' color: red;'; +echo '}'; + +echo '.pp-notice-dismiss .pp-screen-reader-text {'; +echo ' display: none;'; +echo '}'; + +echo '.pp-notice-dismiss:hover .pp-close-button:before,'; +echo '.pp-notice-dismiss:hover .pp-close-button:after {'; +echo ' background-color: green;'; +echo '}'; + +echo '.pp-welcome-menu {'; +echo ' display: flex;'; +echo ' justify-content: flex-start;'; +echo ' align-items: left;'; +echo ' padding: 10px 0px;'; +echo '}'; + +echo '.pp-welcome-menu-item {'; +echo ' padding: 8px 12px;'; +echo ' border-radius: 5px;'; +echo ' transition: background-color 0.3s ease;'; +echo '}'; + +echo '.pp-welcome-menu-item:hover {'; +echo ' background-color: #ddd;'; +echo '}'; + + + + +///////////////////////////////////////////////////////// +/////////////// RANDOM ////////////////////////////// +///////////////////////////////////////////////////////// +///////////////////////////////////////////////////////// + +echo '.wp-core-ui .button-secondary:focus, .wp-core-ui .button.focus, .wp-core-ui .button:focus,'; +echo 'input[type=checkbox]:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=radio]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, select:focus, textarea:focus,'; +echo '.rank-math-focus-keyword .tagify.tagify--focus'; +echo '{'; +echo ' border-color: none;'; +echo ' box-shadow: none;'; +echo '}'; + + + + + +echo '.pp-left-user a'; +echo '{'; +echo ' height: 100px;'; +echo '}'; + +echo '.pp-user-avatar '; +echo '{'; +echo ' margin-top: -4rem;'; +echo '}'; + +echo '.pp-user-avatar img '; +echo '{'; +echo ' border-radius: 50%;'; +echo ' width: 60px;'; +echo ' height: 60px;'; +echo '}'; + + +echo '#adminmenu .pp-left-user .wp-menu-name '; +echo '{'; +echo ' display: flex;'; +echo ' flex-direction: column;'; +echo ' justify-content: center;'; +echo ' align-items: center;'; +echo ' width: 100%;'; +echo ' height: 75px;'; +echo ' padding: 0px !important;'; +echo ' height: 100px;'; +echo '}'; + + +echo '.pp-user-name '; +echo '{'; +echo ' font-size: 15px;'; +echo '}'; + + + + + + + + + + + +echo ''; +?> \ No newline at end of file