Plugin code
This commit is contained in:
parent
8819c70d0e
commit
2fde6edfdc
28 changed files with 6338 additions and 0 deletions
177
admin/css/cklph-wdl-admin.css
Normal file
177
admin/css/cklph-wdl-admin.css
Normal file
|
|
@ -0,0 +1,177 @@
|
|||
/**
|
||||
* All of the CSS for your admin-specific functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
|
||||
/* tooltip position for copy button */
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button */
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 140px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 150%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button "Link has been copied" */
|
||||
.tooltip .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: #555 transparent transparent transparent;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button "Copy" */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* for IE & MS Edge */
|
||||
#id:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* class for span in refresh button */
|
||||
.cklph-wdl-btn-text {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* class for button in refresh button */
|
||||
.button-primary {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
/* class for loading when refresh button unused. */
|
||||
.cklph-wdl-loading .cklph-wdl-btn-text {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* class for loading when refresh button is click. */
|
||||
.cklph-wdl-loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
border: 4px solid transparent;
|
||||
border-top-color: #fff;
|
||||
border-radius: 50%;
|
||||
animation: cklph-wdl-btn-loading 1s ease infinite;
|
||||
}
|
||||
|
||||
.cklph-wdl-input {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
/* loading animation */
|
||||
@keyframes cklph-wdl-btn-loading {
|
||||
from {
|
||||
transform: rotate(0turn);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
/* image for list table */
|
||||
.wc-image {
|
||||
display: block;
|
||||
position: relative;
|
||||
text-indent: -9999px;
|
||||
margin: 0 auto;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
}
|
||||
|
||||
/* image for list table show icon */
|
||||
table.wp-list-table span.wc-image::before {
|
||||
font-family: Dashicons;
|
||||
position: absolute;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
margin: 0;
|
||||
text-indent: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "\f128";
|
||||
}
|
||||
|
||||
|
||||
/* admin list table css */
|
||||
.wp-list-table .column-thumb { width: 5%; text-align: center; }
|
||||
.wp-list-table .column-post_title { width: 25%; }
|
||||
.wp-list-table .column-sku { width: 8%; }
|
||||
.wp-list-table .column-attrib { width: 8%; }
|
||||
.wp-list-table .column-category { width: 8%; }
|
||||
.wp-list-table .column-guid { width: 25%; }
|
||||
.wp-list-table .column-copy { width: 8%; }
|
||||
.wp-list-table .column-refresh { width: 8%; }
|
||||
|
||||
@media screen and (max-width: 1480px) {
|
||||
|
||||
/* admin list table css */
|
||||
.wp-list-table .column-thumb { width: 2%; text-align: center; }
|
||||
.wp-list-table .column-post_title { width: 12%; }
|
||||
.wp-list-table .column-sku { width: 5%; }
|
||||
.wp-list-table .column-attrib { width: 5%; }
|
||||
.wp-list-table .column-category { width: 5%; }
|
||||
.wp-list-table .column-guid { width: 12%; }
|
||||
.wp-list-table .column-copy { width: 6%; }
|
||||
.wp-list-table .column-refresh { width: 7%; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
/* admin list table css */
|
||||
.wp-list-table .column-post_title { width: 10%; }
|
||||
.wp-list-table .column-guid { width: 10%; }
|
||||
.wp-list-table .column-copy { width: 8%; }
|
||||
.wp-list-table .column-refresh { width: 9%; }
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-list-table td.column-primary {
|
||||
padding-right: 1%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-list-table .column-thumb {
|
||||
display: none;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wp-list-table .column-thumb::before {
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
128
admin/css/cklph-wdl-metabox.css
Normal file
128
admin/css/cklph-wdl-metabox.css
Normal file
|
|
@ -0,0 +1,128 @@
|
|||
/**
|
||||
* All of the CSS for metabox in product page functionality should be
|
||||
* included in this file.
|
||||
*/
|
||||
|
||||
/* tooltip position for copy button */
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button */
|
||||
.tooltip .tooltiptext {
|
||||
visibility: hidden;
|
||||
width: 140px;
|
||||
background-color: #555;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
bottom: 150%;
|
||||
left: 50%;
|
||||
margin-left: -75px;
|
||||
opacity: 0;
|
||||
transition: opacity 0.3s;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button "Link has been copied" */
|
||||
.tooltip .tooltiptext::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
left: 50%;
|
||||
margin-left: -5px;
|
||||
border-width: 5px;
|
||||
border-style: solid;
|
||||
border-color: #555 transparent transparent transparent;
|
||||
}
|
||||
|
||||
/* tooltip text for copy button "Copy" */
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* for IE & MS Edge */
|
||||
#id:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* class for span in refresh button */
|
||||
.cklph-wdl-btn-text {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
/* class for button in refresh button */
|
||||
.button-primary {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
/* class for loading when refresh button unused. */
|
||||
.cklph-wdl-loading .cklph-wdl-btn-text {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
/* class for loading when refresh button is click. */
|
||||
.cklph-wdl-loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
border: 4px solid transparent;
|
||||
border-top-color: #fff;
|
||||
border-radius: 50%;
|
||||
animation: cklph-wdl-btn-loading 1s ease infinite;
|
||||
}
|
||||
|
||||
/* loading animation */
|
||||
@keyframes cklph-wdl-btn-loading {
|
||||
from {
|
||||
transform: rotate(0turn);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
|
||||
.cklph-wdl-input {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
/* metabox list table css */
|
||||
.wp-list-table .column-thumb { width: 3% !important; }
|
||||
.wp-list-table .column-post_title { width: 22%; }
|
||||
.wp-list-table .column-sku { width: 10%; }
|
||||
.wp-list-table .column-attrib { width: 10%; }
|
||||
.wp-list-table .column-guid {width: 20%; }
|
||||
.wp-list-table .column-copy { width: 8%; }
|
||||
.wp-list-table .column-refresh { width: 13%; }
|
||||
|
||||
@media screen and (max-width: 1300px) {
|
||||
.wp-list-table .column-thumb { display: none; }
|
||||
.wp-list-table .column-post_title { width: 10%; }
|
||||
.wp-list-table .column-sku { display: none; }
|
||||
.wp-list-table .column-attrib { display: none; }
|
||||
.wp-list-table .column-guid {width: 9%; }
|
||||
.wp-list-table .column-copy { width: 5%; }
|
||||
.wp-list-table .column-refresh { width: 6%; }
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
span.ID {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.cklph-wdl-input {
|
||||
width: 90%;
|
||||
}
|
||||
}
|
||||
113
admin/css/cklph-wdl-settings.css
Normal file
113
admin/css/cklph-wdl-settings.css
Normal file
|
|
@ -0,0 +1,113 @@
|
|||
.tab-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tab-content > .tab-pane {
|
||||
float: left;
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab-content > .tab-pane.active {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.shortener {
|
||||
width: 20%;
|
||||
display: inline-block;
|
||||
border: 1px solid;
|
||||
border-radius: 25px;
|
||||
padding: 10px;
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.box {
|
||||
margin: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin: 10px;
|
||||
height: 50px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.cklph-wdl-btn-text {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
.button-primary {
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.cklph-wdl-loading .cklph-wdl-btn-text {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.cklph-wdl-loading::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
margin: auto;
|
||||
border: 4px solid transparent;
|
||||
border-top-color: #fff;
|
||||
border-radius: 50%;
|
||||
animation: cklph-wdl-btn-loading 1s ease infinite;
|
||||
}
|
||||
|
||||
.cklph-wdl-bulk {
|
||||
position: absolute;
|
||||
bottom: 80%;
|
||||
left: 84%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1366px) {
|
||||
.shortener {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.cklph-wdl-bulk {
|
||||
bottom: 90%;
|
||||
left: 78%;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.cklph-wdl-bulk {
|
||||
left: 68%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 480px) {
|
||||
.shortener {
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.cklph-wdl-bulk {
|
||||
bottom: 92%;
|
||||
left: 65%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes cklph-wdl-btn-loading {
|
||||
from {
|
||||
transform: rotate(0turn);
|
||||
}
|
||||
to {
|
||||
transform: rotate(1turn);
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue