Initial commit
This commit is contained in:
ayakael
commit
57a2089dd9
1541 changed files with 595392 additions and 0 deletions
|
|
@ -0,0 +1,21 @@
|
|||
.shortpixel.notice {
|
||||
padding: 8px; }
|
||||
.shortpixel.notice img {
|
||||
display: inline-block;
|
||||
margin: 0 25px 0 0;
|
||||
max-height: 50px; }
|
||||
.shortpixel.notice .notice-dismiss {
|
||||
margin-top: 10px; }
|
||||
|
||||
/* In-view notice ( not on top, between the options ) - styled after WP notice */
|
||||
.view-notice {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
border: 4px solid #fff;
|
||||
padding: 1px 12px; }
|
||||
.view-notice p {
|
||||
margin: 1em 0 !important; }
|
||||
.view-notice.warning {
|
||||
border-left-color: #ffb900; }
|
||||
|
||||
.view-notice-row {
|
||||
display: none; }
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
.shortpixel.notice
|
||||
{
|
||||
//padding: 18px;
|
||||
//min-height: 50px;
|
||||
padding: 8px;
|
||||
img
|
||||
{
|
||||
display:inline-block;
|
||||
margin: 0 25px 0 0;
|
||||
max-height: 50px;
|
||||
}
|
||||
.notice-dismiss
|
||||
{
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* In-view notice ( not on top, between the options ) - styled after WP notice */
|
||||
.view-notice
|
||||
{
|
||||
|
||||
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
|
||||
border: 4px solid #fff;
|
||||
|
||||
padding: 1px 12px;
|
||||
p {
|
||||
margin: 1em 0 !important;
|
||||
}
|
||||
&.warning
|
||||
{
|
||||
border-left-color: #ffb900;
|
||||
}
|
||||
}
|
||||
|
||||
.view-notice-row
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
991
wp-content/plugins/enable-media-replace/css/admin.css
Normal file
991
wp-content/plugins/enable-media-replace/css/admin.css
Normal file
|
|
@ -0,0 +1,991 @@
|
|||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #ffffff;
|
||||
color: #333333; }
|
||||
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
left: 2px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
right: 2px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0; }
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 45%; }
|
||||
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em; }
|
||||
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0; }
|
||||
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px; }
|
||||
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: center;
|
||||
text-decoration: none; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: left; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: left; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em; }
|
||||
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%; }
|
||||
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%; }
|
||||
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: left; }
|
||||
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
right: 1px;
|
||||
left: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
left: 1px;
|
||||
right: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: right; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: left; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: right; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px; }
|
||||
|
||||
/* Icons */
|
||||
.ui-datepicker .ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
left: .5em;
|
||||
top: .3em; }
|
||||
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px; }
|
||||
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png"); }
|
||||
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png"); }
|
||||
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-button:hover .ui-icon,
|
||||
.ui-button:focus .ui-icon {
|
||||
background-image: url("../img/ui-icons_555555_256x240.png"); }
|
||||
|
||||
.ui-state-active .ui-icon,
|
||||
.ui-button:active .ui-icon {
|
||||
background-image: url("../img/ui-icons_ffffff_256x240.png"); }
|
||||
|
||||
.ui-state-highlight .ui-icon,
|
||||
.ui-button .ui-state-highlight.ui-icon {
|
||||
background-image: url("../img/ui-icons_777620_256x240.png"); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank {
|
||||
background-position: 16px 16px; }
|
||||
|
||||
.ui-icon-caret-1-n {
|
||||
background-position: 0 0; }
|
||||
|
||||
.ui-icon-caret-1-ne {
|
||||
background-position: -16px 0; }
|
||||
|
||||
.ui-icon-caret-1-e {
|
||||
background-position: -32px 0; }
|
||||
|
||||
.ui-icon-caret-1-se {
|
||||
background-position: -48px 0; }
|
||||
|
||||
.ui-icon-caret-1-s {
|
||||
background-position: -65px 0; }
|
||||
|
||||
.ui-icon-caret-1-sw {
|
||||
background-position: -80px 0; }
|
||||
|
||||
.ui-icon-caret-1-w {
|
||||
background-position: -96px 0; }
|
||||
|
||||
.ui-icon-caret-1-nw {
|
||||
background-position: -112px 0; }
|
||||
|
||||
.ui-icon-caret-2-n-s {
|
||||
background-position: -128px 0; }
|
||||
|
||||
.ui-icon-caret-2-e-w {
|
||||
background-position: -144px 0; }
|
||||
|
||||
.ui-icon-triangle-1-n {
|
||||
background-position: 0 -16px; }
|
||||
|
||||
.ui-icon-triangle-1-ne {
|
||||
background-position: -16px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-e {
|
||||
background-position: -32px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-se {
|
||||
background-position: -48px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-s {
|
||||
background-position: -65px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-sw {
|
||||
background-position: -80px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-w {
|
||||
background-position: -96px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-nw {
|
||||
background-position: -112px -16px; }
|
||||
|
||||
.ui-icon-triangle-2-n-s {
|
||||
background-position: -128px -16px; }
|
||||
|
||||
.ui-icon-triangle-2-e-w {
|
||||
background-position: -144px -16px; }
|
||||
|
||||
.ui-icon-arrow-1-n {
|
||||
background-position: 0 -32px; }
|
||||
|
||||
.ui-icon-arrow-1-ne {
|
||||
background-position: -16px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-e {
|
||||
background-position: -32px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-se {
|
||||
background-position: -48px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-s {
|
||||
background-position: -65px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-sw {
|
||||
background-position: -80px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-w {
|
||||
background-position: -96px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-nw {
|
||||
background-position: -112px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-n-s {
|
||||
background-position: -128px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-ne-sw {
|
||||
background-position: -144px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-e-w {
|
||||
background-position: -160px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-se-nw {
|
||||
background-position: -176px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-n {
|
||||
background-position: -192px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-e {
|
||||
background-position: -208px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-s {
|
||||
background-position: -224px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-w {
|
||||
background-position: -240px -32px; }
|
||||
|
||||
.ui-icon-arrowthick-1-n {
|
||||
background-position: 1px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-ne {
|
||||
background-position: -16px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-e {
|
||||
background-position: -32px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-se {
|
||||
background-position: -48px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-s {
|
||||
background-position: -64px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-sw {
|
||||
background-position: -80px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-w {
|
||||
background-position: -96px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-nw {
|
||||
background-position: -112px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-n-s {
|
||||
background-position: -128px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-ne-sw {
|
||||
background-position: -144px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-e-w {
|
||||
background-position: -160px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-se-nw {
|
||||
background-position: -176px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-n {
|
||||
background-position: -192px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-e {
|
||||
background-position: -208px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-s {
|
||||
background-position: -224px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-w {
|
||||
background-position: -240px -48px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-w {
|
||||
background-position: 0 -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-n {
|
||||
background-position: -16px -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-e {
|
||||
background-position: -32px -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-s {
|
||||
background-position: -48px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-w {
|
||||
background-position: -64px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-n {
|
||||
background-position: -80px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-e {
|
||||
background-position: -96px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-s {
|
||||
background-position: -112px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-w {
|
||||
background-position: -128px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-n {
|
||||
background-position: -144px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-e {
|
||||
background-position: -160px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-s {
|
||||
background-position: -176px -64px; }
|
||||
|
||||
.ui-icon-arrow-4 {
|
||||
background-position: 0 -80px; }
|
||||
|
||||
.ui-icon-arrow-4-diag {
|
||||
background-position: -16px -80px; }
|
||||
|
||||
.ui-icon-extlink {
|
||||
background-position: -32px -80px; }
|
||||
|
||||
.ui-icon-newwin {
|
||||
background-position: -48px -80px; }
|
||||
|
||||
.ui-icon-refresh {
|
||||
background-position: -64px -80px; }
|
||||
|
||||
.ui-icon-shuffle {
|
||||
background-position: -80px -80px; }
|
||||
|
||||
.ui-icon-transfer-e-w {
|
||||
background-position: -96px -80px; }
|
||||
|
||||
.ui-icon-transferthick-e-w {
|
||||
background-position: -112px -80px; }
|
||||
|
||||
.ui-icon-folder-collapsed {
|
||||
background-position: 0 -96px; }
|
||||
|
||||
.ui-icon-folder-open {
|
||||
background-position: -16px -96px; }
|
||||
|
||||
.ui-icon-document {
|
||||
background-position: -32px -96px; }
|
||||
|
||||
.ui-icon-document-b {
|
||||
background-position: -48px -96px; }
|
||||
|
||||
.ui-icon-note {
|
||||
background-position: -64px -96px; }
|
||||
|
||||
.ui-icon-mail-closed {
|
||||
background-position: -80px -96px; }
|
||||
|
||||
.ui-icon-mail-open {
|
||||
background-position: -96px -96px; }
|
||||
|
||||
.ui-icon-suitcase {
|
||||
background-position: -112px -96px; }
|
||||
|
||||
.ui-icon-comment {
|
||||
background-position: -128px -96px; }
|
||||
|
||||
.ui-icon-person {
|
||||
background-position: -144px -96px; }
|
||||
|
||||
.ui-icon-print {
|
||||
background-position: -160px -96px; }
|
||||
|
||||
.ui-icon-trash {
|
||||
background-position: -176px -96px; }
|
||||
|
||||
.ui-icon-locked {
|
||||
background-position: -192px -96px; }
|
||||
|
||||
.ui-icon-unlocked {
|
||||
background-position: -208px -96px; }
|
||||
|
||||
.ui-icon-bookmark {
|
||||
background-position: -224px -96px; }
|
||||
|
||||
.ui-icon-tag {
|
||||
background-position: -240px -96px; }
|
||||
|
||||
.ui-icon-home {
|
||||
background-position: 0 -112px; }
|
||||
|
||||
.ui-icon-flag {
|
||||
background-position: -16px -112px; }
|
||||
|
||||
.ui-icon-calendar {
|
||||
background-position: -32px -112px; }
|
||||
|
||||
.ui-icon-cart {
|
||||
background-position: -48px -112px; }
|
||||
|
||||
.ui-icon-pencil {
|
||||
background-position: -64px -112px; }
|
||||
|
||||
.ui-icon-clock {
|
||||
background-position: -80px -112px; }
|
||||
|
||||
.ui-icon-disk {
|
||||
background-position: -96px -112px; }
|
||||
|
||||
.ui-icon-calculator {
|
||||
background-position: -112px -112px; }
|
||||
|
||||
.ui-icon-zoomin {
|
||||
background-position: -128px -112px; }
|
||||
|
||||
.ui-icon-zoomout {
|
||||
background-position: -144px -112px; }
|
||||
|
||||
.ui-icon-search {
|
||||
background-position: -160px -112px; }
|
||||
|
||||
.ui-icon-wrench {
|
||||
background-position: -176px -112px; }
|
||||
|
||||
.ui-icon-gear {
|
||||
background-position: -192px -112px; }
|
||||
|
||||
.ui-icon-heart {
|
||||
background-position: -208px -112px; }
|
||||
|
||||
.ui-icon-star {
|
||||
background-position: -224px -112px; }
|
||||
|
||||
.ui-icon-link {
|
||||
background-position: -240px -112px; }
|
||||
|
||||
.ui-icon-cancel {
|
||||
background-position: 0 -128px; }
|
||||
|
||||
.ui-icon-plus {
|
||||
background-position: -16px -128px; }
|
||||
|
||||
.ui-icon-plusthick {
|
||||
background-position: -32px -128px; }
|
||||
|
||||
.ui-icon-minus {
|
||||
background-position: -48px -128px; }
|
||||
|
||||
.ui-icon-minusthick {
|
||||
background-position: -64px -128px; }
|
||||
|
||||
.ui-icon-close {
|
||||
background-position: -80px -128px; }
|
||||
|
||||
.ui-icon-closethick {
|
||||
background-position: -96px -128px; }
|
||||
|
||||
.ui-icon-key {
|
||||
background-position: -112px -128px; }
|
||||
|
||||
.ui-icon-lightbulb {
|
||||
background-position: -128px -128px; }
|
||||
|
||||
.ui-icon-scissors {
|
||||
background-position: -144px -128px; }
|
||||
|
||||
.ui-icon-clipboard {
|
||||
background-position: -160px -128px; }
|
||||
|
||||
.ui-icon-copy {
|
||||
background-position: -176px -128px; }
|
||||
|
||||
.ui-icon-contact {
|
||||
background-position: -192px -128px; }
|
||||
|
||||
.ui-icon-image {
|
||||
background-position: -208px -128px; }
|
||||
|
||||
.ui-icon-video {
|
||||
background-position: -224px -128px; }
|
||||
|
||||
.ui-icon-script {
|
||||
background-position: -240px -128px; }
|
||||
|
||||
.ui-icon-alert {
|
||||
background-position: 0 -144px; }
|
||||
|
||||
.ui-icon-info {
|
||||
background-position: -16px -144px; }
|
||||
|
||||
.ui-icon-notice {
|
||||
background-position: -32px -144px; }
|
||||
|
||||
.ui-icon-help {
|
||||
background-position: -48px -144px; }
|
||||
|
||||
.ui-icon-check {
|
||||
background-position: -64px -144px; }
|
||||
|
||||
.ui-icon-bullet {
|
||||
background-position: -80px -144px; }
|
||||
|
||||
.ui-icon-radio-on {
|
||||
background-position: -96px -144px; }
|
||||
|
||||
.ui-icon-radio-off {
|
||||
background-position: -112px -144px; }
|
||||
|
||||
.ui-icon-pin-w {
|
||||
background-position: -128px -144px; }
|
||||
|
||||
.ui-icon-pin-s {
|
||||
background-position: -144px -144px; }
|
||||
|
||||
.ui-icon-play {
|
||||
background-position: 0 -160px; }
|
||||
|
||||
.ui-icon-pause {
|
||||
background-position: -16px -160px; }
|
||||
|
||||
.ui-icon-seek-next {
|
||||
background-position: -32px -160px; }
|
||||
|
||||
.ui-icon-seek-prev {
|
||||
background-position: -48px -160px; }
|
||||
|
||||
.ui-icon-seek-end {
|
||||
background-position: -64px -160px; }
|
||||
|
||||
.ui-icon-seek-start {
|
||||
background-position: -80px -160px; }
|
||||
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first {
|
||||
background-position: -80px -160px; }
|
||||
|
||||
.ui-icon-stop {
|
||||
background-position: -96px -160px; }
|
||||
|
||||
.ui-icon-eject {
|
||||
background-position: -112px -160px; }
|
||||
|
||||
.ui-icon-volume-off {
|
||||
background-position: -128px -160px; }
|
||||
|
||||
.ui-icon-volume-on {
|
||||
background-position: -144px -160px; }
|
||||
|
||||
.ui-icon-power {
|
||||
background-position: 0 -176px; }
|
||||
|
||||
.ui-icon-signal-diag {
|
||||
background-position: -16px -176px; }
|
||||
|
||||
.ui-icon-signal {
|
||||
background-position: -32px -176px; }
|
||||
|
||||
.ui-icon-battery-0 {
|
||||
background-position: -48px -176px; }
|
||||
|
||||
.ui-icon-battery-1 {
|
||||
background-position: -64px -176px; }
|
||||
|
||||
.ui-icon-battery-2 {
|
||||
background-position: -80px -176px; }
|
||||
|
||||
.ui-icon-battery-3 {
|
||||
background-position: -96px -176px; }
|
||||
|
||||
.ui-icon-circle-plus {
|
||||
background-position: 0 -192px; }
|
||||
|
||||
.ui-icon-circle-minus {
|
||||
background-position: -16px -192px; }
|
||||
|
||||
.ui-icon-circle-close {
|
||||
background-position: -32px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-e {
|
||||
background-position: -48px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-s {
|
||||
background-position: -64px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-w {
|
||||
background-position: -80px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-n {
|
||||
background-position: -96px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-e {
|
||||
background-position: -112px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-s {
|
||||
background-position: -128px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-w {
|
||||
background-position: -144px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-n {
|
||||
background-position: -160px -192px; }
|
||||
|
||||
.ui-icon-circle-zoomin {
|
||||
background-position: -176px -192px; }
|
||||
|
||||
.ui-icon-circle-zoomout {
|
||||
background-position: -192px -192px; }
|
||||
|
||||
.ui-icon-circle-check {
|
||||
background-position: -208px -192px; }
|
||||
|
||||
.ui-icon-circlesmall-plus {
|
||||
background-position: 0 -208px; }
|
||||
|
||||
.ui-icon-circlesmall-minus {
|
||||
background-position: -16px -208px; }
|
||||
|
||||
.ui-icon-circlesmall-close {
|
||||
background-position: -32px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-plus {
|
||||
background-position: -48px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-minus {
|
||||
background-position: -64px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-close {
|
||||
background-position: -80px -208px; }
|
||||
|
||||
.ui-icon-grip-dotted-vertical {
|
||||
background-position: 0 -224px; }
|
||||
|
||||
.ui-icon-grip-dotted-horizontal {
|
||||
background-position: -16px -224px; }
|
||||
|
||||
.ui-icon-grip-solid-vertical {
|
||||
background-position: -32px -224px; }
|
||||
|
||||
.ui-icon-grip-solid-horizontal {
|
||||
background-position: -48px -224px; }
|
||||
|
||||
.ui-icon-gripsmall-diagonal-se {
|
||||
background-position: -64px -224px; }
|
||||
|
||||
.ui-icon-grip-diagonal-se {
|
||||
background-position: -80px -224px; }
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 3px; }
|
||||
|
||||
.emr_upload_form form {
|
||||
display: flex; }
|
||||
.emr_upload_form form .upsell-wrapper {
|
||||
margin-left: 10px; }
|
||||
.emr_upload_form .wrapper {
|
||||
padding: 18px;
|
||||
border: 1px solid #ccc; }
|
||||
.emr_upload_form .wrapper .section-header {
|
||||
font-size: 18px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 6px 0;
|
||||
margin: 0 0 15px 0; }
|
||||
.emr_upload_form .image_chooser.wrapper {
|
||||
min-height: 350px; }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area {
|
||||
border: 4px dashed #b4b9be;
|
||||
max-width: 600px;
|
||||
padding: 28px 14px;
|
||||
text-align: center;
|
||||
position: relative; }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area h1 {
|
||||
display: none; }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area .drop-wrapper {
|
||||
margin: 0 auto; }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area.drop_breakout {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
max-width: none;
|
||||
border-color: #83b4d8;
|
||||
border-width: 10px;
|
||||
z-index: 999999;
|
||||
background-color: rgba(68, 68, 68, 0.7); }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area.drop_breakout h1 {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-size: 50px;
|
||||
line-height: 50px;
|
||||
margin-top: -25px;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: block; }
|
||||
.emr_upload_form .image_chooser.wrapper .emr_drop_area.drop_breakout .drop-wrapper {
|
||||
display: none; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews {
|
||||
margin: 15px 0; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-right: 25px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ddd;
|
||||
vertical-align: top;
|
||||
max-height: 500px; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder .textlayer {
|
||||
font-size: 25px;
|
||||
line-height: 25px;
|
||||
opacity: 0.7;
|
||||
position: absolute;
|
||||
color: #ccc;
|
||||
left: 48%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border: 1px dashed #eee;
|
||||
background-color: #333;
|
||||
padding: 8px; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder .dashicons {
|
||||
font-size: 60px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
left: 50%;
|
||||
margin-left: -30px;
|
||||
opacity: 0.5; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder .image_size {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
width: 100%; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder.is_image .dashicons::before, .emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder.is_image .dashicons {
|
||||
display: none; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder.not_image img {
|
||||
display: none; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder.not_image .textlayer {
|
||||
display: none; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews .image_placeholder.not_image.is_document .textlayer {
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
display: block; }
|
||||
.emr_upload_form .form-error, .emr_upload_form .form-warning {
|
||||
background: #fff;
|
||||
padding: 8px;
|
||||
border-left: 4px solid #ff0000;
|
||||
margin: 10px 0;
|
||||
display: none; }
|
||||
.emr_upload_form .form-error p, .emr_upload_form .form-warning p {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-weight: 700; }
|
||||
.emr_upload_form .form-warning {
|
||||
border-left: 4px solid #ffb900; }
|
||||
.emr_upload_form .option-flex-wrapper {
|
||||
display: flex; }
|
||||
.emr_upload_form .replace_type.wrapper {
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
margin: 15px 0; }
|
||||
.emr_upload_form .replace_type.wrapper .option {
|
||||
position: relative;
|
||||
z-index: 1; }
|
||||
.emr_upload_form .replace_type.wrapper .option label {
|
||||
font-size: 1.2em; }
|
||||
.emr_upload_form .replace_type.wrapper .option .nofeature-notice {
|
||||
border: 1px solid #ccc;
|
||||
padding: 8px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
opacity: 0.8;
|
||||
z-index: 9;
|
||||
background: #444; }
|
||||
.emr_upload_form .replace_type.wrapper .option .nofeature-notice p {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 15px 0; }
|
||||
.emr_upload_form .options.wrapper {
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
margin: 15px 0 15px 35px; }
|
||||
.emr_upload_form .options.wrapper .custom_date .emr_datepicker {
|
||||
width: 150px; }
|
||||
.emr_upload_form .options.wrapper .custom_date .emr_hour, .emr_upload_form .options.wrapper .custom_date .emr_minute {
|
||||
width: 45px; }
|
||||
.emr_upload_form .options.wrapper ul li input {
|
||||
margin-right: 8px; }
|
||||
.emr_upload_form .options.wrapper .option label {
|
||||
vertical-align: top; }
|
||||
.emr_upload_form .options.wrapper .small {
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
margin-left: 8px; }
|
||||
.emr_upload_form .options.wrapper .custom_date {
|
||||
margin: 8px 0 0 25px;
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
.emr_upload_form .options.wrapper .custom_date span.field-title {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
color: #444;
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
line-height: 26px; }
|
||||
.emr_upload_form .options.wrapper .custom_date span.field-title::before {
|
||||
font-size: 20px;
|
||||
vertical-align: top;
|
||||
margin-right: 4px; }
|
||||
.emr_upload_form .options.wrapper .location_option {
|
||||
display: none;
|
||||
margin-top: 12px; }
|
||||
.emr_upload_form .options.wrapper .location_option label {
|
||||
vertical-align: baseline;
|
||||
margin-right: 8px; }
|
||||
.emr_upload_form .form_controls.wrapper {
|
||||
clear: both;
|
||||
margin: 8px 0 15px 0;
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
.emr_upload_form .form_controls.wrapper .button {
|
||||
padding-left: 20px;
|
||||
padding-right: 20px; }
|
||||
.emr_upload_form .shortpixel.notice {
|
||||
padding: 12px; }
|
||||
.emr_upload_form .shortpixel-offer {
|
||||
background: #fff;
|
||||
width: 250px;
|
||||
min-height: 270px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
margin-bottom: 25px;
|
||||
float: right;
|
||||
clear: both; }
|
||||
.emr_upload_form .shortpixel-offer h3 {
|
||||
line-height: 1.3em; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed {
|
||||
background-color: #dcfdff; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed .img-wrapper {
|
||||
text-align: center;
|
||||
margin: 0 0 25px 0; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed .img-wrapper img {
|
||||
max-width: 140px;
|
||||
max-height: 140px;
|
||||
margin: 0; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed h3 {
|
||||
color: #00d0e5;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
line-height: 1.3em; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed .button-wrapper {
|
||||
text-align: center;
|
||||
margin-top: 35px; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed .button-wrapper a {
|
||||
background-color: #ff0000;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
font-size: 20px; }
|
||||
.emr_upload_form .shortpixel-offer.site-speed .red {
|
||||
color: #ff0000; }
|
||||
@media (max-width: 1200px) {
|
||||
.emr_upload_form .image_previews {
|
||||
text-align: center; }
|
||||
.emr_upload_form .option-flex-wrapper {
|
||||
flex-direction: column; }
|
||||
.emr_upload_form .option-flex-wrapper .options.wrapper {
|
||||
margin-left: 0; } }
|
||||
@media (max-width: 960px) {
|
||||
.emr_upload_form .upsell-wrapper {
|
||||
display: none; } }
|
||||
834
wp-content/plugins/enable-media-replace/css/admin.rtl.css
Normal file
834
wp-content/plugins/enable-media-replace/css/admin.rtl.css
Normal file
|
|
@ -0,0 +1,834 @@
|
|||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #ffffff;
|
||||
color: #333333; }
|
||||
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
height: 100%; }
|
||||
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
right: 2px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
left: 2px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
right: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
left: 1px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: 50%;
|
||||
margin-right: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0; }
|
||||
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 45%; }
|
||||
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em; }
|
||||
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0; }
|
||||
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px; }
|
||||
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: center;
|
||||
text-decoration: none; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: left;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible; }
|
||||
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: right; }
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: right; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em; }
|
||||
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%; }
|
||||
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%; }
|
||||
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0; }
|
||||
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: right; }
|
||||
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0; }
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: ltr; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
left: 2px;
|
||||
right: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
right: 2px;
|
||||
left: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
left: 1px;
|
||||
right: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
right: 1px;
|
||||
left: auto; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: left; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: right; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: left; }
|
||||
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0;
|
||||
border-right-width: 1px; }
|
||||
|
||||
/* Icons */
|
||||
.ui-datepicker .ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
right: .5em;
|
||||
top: .3em; }
|
||||
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px; }
|
||||
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png"); }
|
||||
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png"); }
|
||||
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-button:hover .ui-icon,
|
||||
.ui-button:focus .ui-icon {
|
||||
background-image: url("../img/ui-icons_555555_256x240.png"); }
|
||||
|
||||
.ui-state-active .ui-icon,
|
||||
.ui-button:active .ui-icon {
|
||||
background-image: url("../img/ui-icons_ffffff_256x240.png"); }
|
||||
|
||||
.ui-state-highlight .ui-icon,
|
||||
.ui-button .ui-state-highlight.ui-icon {
|
||||
background-image: url("../img/ui-icons_777620_256x240.png"); }
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank {
|
||||
background-position: 16px 16px; }
|
||||
|
||||
.ui-icon-caret-1-n {
|
||||
background-position: 100% 0; }
|
||||
|
||||
.ui-icon-caret-1-ne {
|
||||
background-position: -16px 0; }
|
||||
|
||||
.ui-icon-caret-1-e {
|
||||
background-position: -32px 0; }
|
||||
|
||||
.ui-icon-caret-1-se {
|
||||
background-position: -48px 0; }
|
||||
|
||||
.ui-icon-caret-1-s {
|
||||
background-position: -65px 0; }
|
||||
|
||||
.ui-icon-caret-1-sw {
|
||||
background-position: -80px 0; }
|
||||
|
||||
.ui-icon-caret-1-w {
|
||||
background-position: -96px 0; }
|
||||
|
||||
.ui-icon-caret-1-nw {
|
||||
background-position: -112px 0; }
|
||||
|
||||
.ui-icon-caret-2-n-s {
|
||||
background-position: -128px 0; }
|
||||
|
||||
.ui-icon-caret-2-e-w {
|
||||
background-position: -144px 0; }
|
||||
|
||||
.ui-icon-triangle-1-n {
|
||||
background-position: 100% -16px; }
|
||||
|
||||
.ui-icon-triangle-1-ne {
|
||||
background-position: -16px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-e {
|
||||
background-position: -32px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-se {
|
||||
background-position: -48px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-s {
|
||||
background-position: -65px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-sw {
|
||||
background-position: -80px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-w {
|
||||
background-position: -96px -16px; }
|
||||
|
||||
.ui-icon-triangle-1-nw {
|
||||
background-position: -112px -16px; }
|
||||
|
||||
.ui-icon-triangle-2-n-s {
|
||||
background-position: -128px -16px; }
|
||||
|
||||
.ui-icon-triangle-2-e-w {
|
||||
background-position: -144px -16px; }
|
||||
|
||||
.ui-icon-arrow-1-n {
|
||||
background-position: 100% -32px; }
|
||||
|
||||
.ui-icon-arrow-1-ne {
|
||||
background-position: -16px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-e {
|
||||
background-position: -32px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-se {
|
||||
background-position: -48px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-s {
|
||||
background-position: -65px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-sw {
|
||||
background-position: -80px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-w {
|
||||
background-position: -96px -32px; }
|
||||
|
||||
.ui-icon-arrow-1-nw {
|
||||
background-position: -112px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-n-s {
|
||||
background-position: -128px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-ne-sw {
|
||||
background-position: -144px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-e-w {
|
||||
background-position: -160px -32px; }
|
||||
|
||||
.ui-icon-arrow-2-se-nw {
|
||||
background-position: -176px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-n {
|
||||
background-position: -192px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-e {
|
||||
background-position: -208px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-s {
|
||||
background-position: -224px -32px; }
|
||||
|
||||
.ui-icon-arrowstop-1-w {
|
||||
background-position: -240px -32px; }
|
||||
|
||||
.ui-icon-arrowthick-1-n {
|
||||
background-position: 1px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-ne {
|
||||
background-position: -16px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-e {
|
||||
background-position: -32px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-se {
|
||||
background-position: -48px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-s {
|
||||
background-position: -64px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-sw {
|
||||
background-position: -80px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-w {
|
||||
background-position: -96px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-1-nw {
|
||||
background-position: -112px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-n-s {
|
||||
background-position: -128px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-ne-sw {
|
||||
background-position: -144px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-e-w {
|
||||
background-position: -160px -48px; }
|
||||
|
||||
.ui-icon-arrowthick-2-se-nw {
|
||||
background-position: -176px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-n {
|
||||
background-position: -192px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-e {
|
||||
background-position: -208px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-s {
|
||||
background-position: -224px -48px; }
|
||||
|
||||
.ui-icon-arrowthickstop-1-w {
|
||||
background-position: -240px -48px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-w {
|
||||
background-position: 100% -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-n {
|
||||
background-position: -16px -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-e {
|
||||
background-position: -32px -64px; }
|
||||
|
||||
.ui-icon-arrowreturnthick-1-s {
|
||||
background-position: -48px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-w {
|
||||
background-position: -64px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-n {
|
||||
background-position: -80px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-e {
|
||||
background-position: -96px -64px; }
|
||||
|
||||
.ui-icon-arrowreturn-1-s {
|
||||
background-position: -112px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-w {
|
||||
background-position: -128px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-n {
|
||||
background-position: -144px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-e {
|
||||
background-position: -160px -64px; }
|
||||
|
||||
.ui-icon-arrowrefresh-1-s {
|
||||
background-position: -176px -64px; }
|
||||
|
||||
.ui-icon-arrow-4 {
|
||||
background-position: 100% -80px; }
|
||||
|
||||
.ui-icon-arrow-4-diag {
|
||||
background-position: -16px -80px; }
|
||||
|
||||
.ui-icon-extlink {
|
||||
background-position: -32px -80px; }
|
||||
|
||||
.ui-icon-newwin {
|
||||
background-position: -48px -80px; }
|
||||
|
||||
.ui-icon-refresh {
|
||||
background-position: -64px -80px; }
|
||||
|
||||
.ui-icon-shuffle {
|
||||
background-position: -80px -80px; }
|
||||
|
||||
.ui-icon-transfer-e-w {
|
||||
background-position: -96px -80px; }
|
||||
|
||||
.ui-icon-transferthick-e-w {
|
||||
background-position: -112px -80px; }
|
||||
|
||||
.ui-icon-folder-collapsed {
|
||||
background-position: 100% -96px; }
|
||||
|
||||
.ui-icon-folder-open {
|
||||
background-position: -16px -96px; }
|
||||
|
||||
.ui-icon-document {
|
||||
background-position: -32px -96px; }
|
||||
|
||||
.ui-icon-document-b {
|
||||
background-position: -48px -96px; }
|
||||
|
||||
.ui-icon-note {
|
||||
background-position: -64px -96px; }
|
||||
|
||||
.ui-icon-mail-closed {
|
||||
background-position: -80px -96px; }
|
||||
|
||||
.ui-icon-mail-open {
|
||||
background-position: -96px -96px; }
|
||||
|
||||
.ui-icon-suitcase {
|
||||
background-position: -112px -96px; }
|
||||
|
||||
.ui-icon-comment {
|
||||
background-position: -128px -96px; }
|
||||
|
||||
.ui-icon-person {
|
||||
background-position: -144px -96px; }
|
||||
|
||||
.ui-icon-print {
|
||||
background-position: -160px -96px; }
|
||||
|
||||
.ui-icon-trash {
|
||||
background-position: -176px -96px; }
|
||||
|
||||
.ui-icon-locked {
|
||||
background-position: -192px -96px; }
|
||||
|
||||
.ui-icon-unlocked {
|
||||
background-position: -208px -96px; }
|
||||
|
||||
.ui-icon-bookmark {
|
||||
background-position: -224px -96px; }
|
||||
|
||||
.ui-icon-tag {
|
||||
background-position: -240px -96px; }
|
||||
|
||||
.ui-icon-home {
|
||||
background-position: 100% -112px; }
|
||||
|
||||
.ui-icon-flag {
|
||||
background-position: -16px -112px; }
|
||||
|
||||
.ui-icon-calendar {
|
||||
background-position: -32px -112px; }
|
||||
|
||||
.ui-icon-cart {
|
||||
background-position: -48px -112px; }
|
||||
|
||||
.ui-icon-pencil {
|
||||
background-position: -64px -112px; }
|
||||
|
||||
.ui-icon-clock {
|
||||
background-position: -80px -112px; }
|
||||
|
||||
.ui-icon-disk {
|
||||
background-position: -96px -112px; }
|
||||
|
||||
.ui-icon-calculator {
|
||||
background-position: -112px -112px; }
|
||||
|
||||
.ui-icon-zoomin {
|
||||
background-position: -128px -112px; }
|
||||
|
||||
.ui-icon-zoomout {
|
||||
background-position: -144px -112px; }
|
||||
|
||||
.ui-icon-search {
|
||||
background-position: -160px -112px; }
|
||||
|
||||
.ui-icon-wrench {
|
||||
background-position: -176px -112px; }
|
||||
|
||||
.ui-icon-gear {
|
||||
background-position: -192px -112px; }
|
||||
|
||||
.ui-icon-heart {
|
||||
background-position: -208px -112px; }
|
||||
|
||||
.ui-icon-star {
|
||||
background-position: -224px -112px; }
|
||||
|
||||
.ui-icon-link {
|
||||
background-position: -240px -112px; }
|
||||
|
||||
.ui-icon-cancel {
|
||||
background-position: 100% -128px; }
|
||||
|
||||
.ui-icon-plus {
|
||||
background-position: -16px -128px; }
|
||||
|
||||
.ui-icon-plusthick {
|
||||
background-position: -32px -128px; }
|
||||
|
||||
.ui-icon-minus {
|
||||
background-position: -48px -128px; }
|
||||
|
||||
.ui-icon-minusthick {
|
||||
background-position: -64px -128px; }
|
||||
|
||||
.ui-icon-close {
|
||||
background-position: -80px -128px; }
|
||||
|
||||
.ui-icon-closethick {
|
||||
background-position: -96px -128px; }
|
||||
|
||||
.ui-icon-key {
|
||||
background-position: -112px -128px; }
|
||||
|
||||
.ui-icon-lightbulb {
|
||||
background-position: -128px -128px; }
|
||||
|
||||
.ui-icon-scissors {
|
||||
background-position: -144px -128px; }
|
||||
|
||||
.ui-icon-clipboard {
|
||||
background-position: -160px -128px; }
|
||||
|
||||
.ui-icon-copy {
|
||||
background-position: -176px -128px; }
|
||||
|
||||
.ui-icon-contact {
|
||||
background-position: -192px -128px; }
|
||||
|
||||
.ui-icon-image {
|
||||
background-position: -208px -128px; }
|
||||
|
||||
.ui-icon-video {
|
||||
background-position: -224px -128px; }
|
||||
|
||||
.ui-icon-script {
|
||||
background-position: -240px -128px; }
|
||||
|
||||
.ui-icon-alert {
|
||||
background-position: 100% -144px; }
|
||||
|
||||
.ui-icon-info {
|
||||
background-position: -16px -144px; }
|
||||
|
||||
.ui-icon-notice {
|
||||
background-position: -32px -144px; }
|
||||
|
||||
.ui-icon-help {
|
||||
background-position: -48px -144px; }
|
||||
|
||||
.ui-icon-check {
|
||||
background-position: -64px -144px; }
|
||||
|
||||
.ui-icon-bullet {
|
||||
background-position: -80px -144px; }
|
||||
|
||||
.ui-icon-radio-on {
|
||||
background-position: -96px -144px; }
|
||||
|
||||
.ui-icon-radio-off {
|
||||
background-position: -112px -144px; }
|
||||
|
||||
.ui-icon-pin-w {
|
||||
background-position: -128px -144px; }
|
||||
|
||||
.ui-icon-pin-s {
|
||||
background-position: -144px -144px; }
|
||||
|
||||
.ui-icon-play {
|
||||
background-position: 100% -160px; }
|
||||
|
||||
.ui-icon-pause {
|
||||
background-position: -16px -160px; }
|
||||
|
||||
.ui-icon-seek-next {
|
||||
background-position: -32px -160px; }
|
||||
|
||||
.ui-icon-seek-prev {
|
||||
background-position: -48px -160px; }
|
||||
|
||||
.ui-icon-seek-end {
|
||||
background-position: -64px -160px; }
|
||||
|
||||
.ui-icon-seek-start {
|
||||
background-position: -80px -160px; }
|
||||
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first {
|
||||
background-position: -80px -160px; }
|
||||
|
||||
.ui-icon-stop {
|
||||
background-position: -96px -160px; }
|
||||
|
||||
.ui-icon-eject {
|
||||
background-position: -112px -160px; }
|
||||
|
||||
.ui-icon-volume-off {
|
||||
background-position: -128px -160px; }
|
||||
|
||||
.ui-icon-volume-on {
|
||||
background-position: -144px -160px; }
|
||||
|
||||
.ui-icon-power {
|
||||
background-position: 100% -176px; }
|
||||
|
||||
.ui-icon-signal-diag {
|
||||
background-position: -16px -176px; }
|
||||
|
||||
.ui-icon-signal {
|
||||
background-position: -32px -176px; }
|
||||
|
||||
.ui-icon-battery-0 {
|
||||
background-position: -48px -176px; }
|
||||
|
||||
.ui-icon-battery-1 {
|
||||
background-position: -64px -176px; }
|
||||
|
||||
.ui-icon-battery-2 {
|
||||
background-position: -80px -176px; }
|
||||
|
||||
.ui-icon-battery-3 {
|
||||
background-position: -96px -176px; }
|
||||
|
||||
.ui-icon-circle-plus {
|
||||
background-position: 100% -192px; }
|
||||
|
||||
.ui-icon-circle-minus {
|
||||
background-position: -16px -192px; }
|
||||
|
||||
.ui-icon-circle-close {
|
||||
background-position: -32px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-e {
|
||||
background-position: -48px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-s {
|
||||
background-position: -64px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-w {
|
||||
background-position: -80px -192px; }
|
||||
|
||||
.ui-icon-circle-triangle-n {
|
||||
background-position: -96px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-e {
|
||||
background-position: -112px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-s {
|
||||
background-position: -128px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-w {
|
||||
background-position: -144px -192px; }
|
||||
|
||||
.ui-icon-circle-arrow-n {
|
||||
background-position: -160px -192px; }
|
||||
|
||||
.ui-icon-circle-zoomin {
|
||||
background-position: -176px -192px; }
|
||||
|
||||
.ui-icon-circle-zoomout {
|
||||
background-position: -192px -192px; }
|
||||
|
||||
.ui-icon-circle-check {
|
||||
background-position: -208px -192px; }
|
||||
|
||||
.ui-icon-circlesmall-plus {
|
||||
background-position: 100% -208px; }
|
||||
|
||||
.ui-icon-circlesmall-minus {
|
||||
background-position: -16px -208px; }
|
||||
|
||||
.ui-icon-circlesmall-close {
|
||||
background-position: -32px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-plus {
|
||||
background-position: -48px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-minus {
|
||||
background-position: -64px -208px; }
|
||||
|
||||
.ui-icon-squaresmall-close {
|
||||
background-position: -80px -208px; }
|
||||
|
||||
.ui-icon-grip-dotted-vertical {
|
||||
background-position: 100% -224px; }
|
||||
|
||||
.ui-icon-grip-dotted-horizontal {
|
||||
background-position: -16px -224px; }
|
||||
|
||||
.ui-icon-grip-solid-vertical {
|
||||
background-position: -32px -224px; }
|
||||
|
||||
.ui-icon-grip-solid-horizontal {
|
||||
background-position: -48px -224px; }
|
||||
|
||||
.ui-icon-gripsmall-diagonal-se {
|
||||
background-position: -64px -224px; }
|
||||
|
||||
.ui-icon-grip-diagonal-se {
|
||||
background-position: -80px -224px; }
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-right-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-left-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-right-radius: 3px; }
|
||||
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-left-radius: 3px; }
|
||||
|
||||
.emr_upload_form .wrapper {
|
||||
margin: 15px 0;
|
||||
padding: 18px;
|
||||
border: 1px solid #ccc; }
|
||||
.emr_upload_form .wrapper .section-header {
|
||||
font-size: 18px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 6px 0;
|
||||
margin: 0 0 15px 0; }
|
||||
.emr_upload_form .image_chooser.wrapper {
|
||||
min-height: 350px; }
|
||||
.emr_upload_form .image_chooser.wrapper .image_previews {
|
||||
margin: 15px 0; }
|
||||
.emr_upload_form .option-flex-wrapper {
|
||||
display: flex; }
|
||||
.emr_upload_form .replace_type.wrapper {
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
margin: 15px 0; }
|
||||
.emr_upload_form .replace_type.wrapper label {
|
||||
font-size: 1.2em; }
|
||||
.emr_upload_form .options.wrapper {
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
margin: 15px 35px 15px 0; }
|
||||
.emr_upload_form .options.wrapper .custom_date .emr_datepicker {
|
||||
width: 150px; }
|
||||
.emr_upload_form .options.wrapper .custom_date .emr_hour, .emr_upload_form .options.wrapper .custom_date .emr_minute {
|
||||
width: 45px; }
|
||||
.emr_upload_form .options.wrapper ul li input {
|
||||
margin-left: 8px; }
|
||||
.emr_upload_form .options.wrapper .option label {
|
||||
vertical-align: top; }
|
||||
.emr_upload_form .options.wrapper .small {
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
margin-right: 8px; }
|
||||
.emr_upload_form .options.wrapper .custom_date {
|
||||
margin: 8px 25px 0 0;
|
||||
visibility: hidden;
|
||||
opacity: 0; }
|
||||
.emr_upload_form .options.wrapper .custom_date span.field-title {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
color: #444;
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
vertical-align: middle;
|
||||
line-height: 26px; }
|
||||
.emr_upload_form .options.wrapper .custom_date span.field-title::before {
|
||||
font-size: 20px;
|
||||
vertical-align: top;
|
||||
margin-left: 4px; }
|
||||
.emr_upload_form .form_controls.wrapper {
|
||||
clear: both;
|
||||
margin: 8px 0 15px 0;
|
||||
border: 0;
|
||||
padding: 0; }
|
||||
.emr_upload_form .form_controls.wrapper .button {
|
||||
padding-right: 20px;
|
||||
padding-left: 20px; }
|
||||
.emr_upload_form .shortpixel-notice {
|
||||
background: #fff;
|
||||
width: 250px;
|
||||
min-height: 270px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
margin: 0 0 10px;
|
||||
float: left; }
|
||||
.emr_upload_form .shortpixel-notice h3 {
|
||||
line-height: 1.3em; }
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
/* Styling for the edit attachment screen */
|
||||
#emr-replace-box .previewwrapper, #emr-showthumbs-box .previewwrapper {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
clear: both;
|
||||
margin: 3px 0; }
|
||||
#emr-replace-box .previewwrapper img, #emr-showthumbs-box .previewwrapper img {
|
||||
max-width: 100%; }
|
||||
#emr-replace-box .previewwrapper span.label, #emr-showthumbs-box .previewwrapper span.label {
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
text-align: center;
|
||||
padding: 4px 0; }
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
355
wp-content/plugins/enable-media-replace/js/emr_admin.js
Normal file
355
wp-content/plugins/enable-media-replace/js/emr_admin.js
Normal file
|
|
@ -0,0 +1,355 @@
|
|||
|
||||
// interface for emr.
|
||||
var emrIf = function ($)
|
||||
{
|
||||
var source_type;
|
||||
var source_is_image;
|
||||
var target_type;
|
||||
var target_is_image;
|
||||
|
||||
var is_debug = false;
|
||||
|
||||
var is_dragging = false;
|
||||
|
||||
this.init = function()
|
||||
{
|
||||
|
||||
if ( emr_options.is_debug)
|
||||
{
|
||||
this.is_debug = true;
|
||||
this.debug('EMR Debug is active');
|
||||
}
|
||||
|
||||
$('input[name="timestamp_replace"]').on('change', $.proxy(this.checkCustomDate, this));
|
||||
$('input[name="replace_type"]').on('change', $.proxy(this.showReplaceOptions, this));
|
||||
$('input[name="userfile"]').on('change', $.proxy(this.handleImage, this));
|
||||
|
||||
// DragDrop
|
||||
$('.wrap.emr_upload_form').on('dragover', $.proxy(this.dragOverArea, this));
|
||||
$('.wrap.emr_upload_form').on('dragleave', $.proxy(this.dragOutArea, this));
|
||||
$('.emr_drop_area').on('drop', $.proxy(this.fileDrop, this));
|
||||
|
||||
this.checkCustomDate();
|
||||
this.loadDatePicker();
|
||||
|
||||
var source = $('.image_placeholder').first();
|
||||
if (typeof( $(source).data('filetype') ) !== 'undefined')
|
||||
{
|
||||
source_type = $(source).data('filetype').trim();
|
||||
this.debug('detected type - ' + source_type);
|
||||
}
|
||||
else
|
||||
source_type = ''; // error state
|
||||
|
||||
if (source.hasClass('is_image'))
|
||||
{
|
||||
source_is_image = true;
|
||||
}
|
||||
|
||||
this.updateTextLayer(source, false);
|
||||
this.showReplaceOptions();
|
||||
|
||||
}
|
||||
this.loadDatePicker = function()
|
||||
{
|
||||
$('#emr_datepicker').datepicker({
|
||||
dateFormat: emr_options.dateFormat,
|
||||
onClose: function() {
|
||||
var date = $(this).datepicker( 'getDate' );
|
||||
if (date) {
|
||||
var formattedDate = (date.getFullYear()) + "-" +
|
||||
(date.getMonth()+1) + "-" +
|
||||
date.getDate();
|
||||
$('input[name="custom_date_formatted"]').val(formattedDate);
|
||||
//$('input[name="custom_date"]').val($.datepicker.parseDate( emr_options.dateFormat, date));
|
||||
}
|
||||
},
|
||||
});
|
||||
},
|
||||
this.checkCustomDate = function()
|
||||
{
|
||||
if ($('input[name="timestamp_replace"]:checked').val() == 3)
|
||||
this.showCustomDate();
|
||||
else
|
||||
this.hideCustomDate();
|
||||
},
|
||||
this.showCustomDate = function()
|
||||
{
|
||||
$('.custom_date').css('visibility', 'visible').fadeTo(100, 1);
|
||||
},
|
||||
this.hideCustomDate = function()
|
||||
{
|
||||
$('.custom_date').fadeTo(100,0,
|
||||
function ()
|
||||
{
|
||||
$('.custom_date').css('visibility', 'hidden');
|
||||
});
|
||||
}
|
||||
this.handleImage = function(e)
|
||||
{
|
||||
this.toggleErrors(false);
|
||||
var target = e.target;
|
||||
var file = target.files[0];
|
||||
|
||||
if (! target.files || target.files.length <= 0) // FileAPI appears to be not present, handle files on backend.
|
||||
{
|
||||
if ($('input[name="userfile"]').val().length > 0)
|
||||
this.checkSubmit();
|
||||
console.log('FileAPI not detected');
|
||||
return false;
|
||||
}
|
||||
|
||||
var status = this.checkUpload(file);
|
||||
this.debug('check upload status ' + status);
|
||||
this.debug('file size:' + file.size);
|
||||
|
||||
if (status)
|
||||
{
|
||||
this.updatePreview(file);
|
||||
}
|
||||
else {
|
||||
this.updatePreview(null);
|
||||
}
|
||||
this.checkSubmit();
|
||||
},
|
||||
this.updatePreview = function(file)
|
||||
{
|
||||
var preview = $('.image_placeholder').last();
|
||||
|
||||
$(preview).find('img').remove();
|
||||
$(preview).removeClass('is_image not_image is_document');
|
||||
var is_empty = false;
|
||||
|
||||
if (file !== null) /// file is null when empty, or error
|
||||
{
|
||||
target_is_image = (file.type.indexOf('image') >= 0) ? true : false;
|
||||
target_type = file.type.trim();
|
||||
}
|
||||
else
|
||||
{
|
||||
is_empty = true;
|
||||
}
|
||||
// If image, load thumbnail and get dimensions.
|
||||
if (file && target_is_image)
|
||||
{
|
||||
var img = new Image();
|
||||
img.src = window.URL.createObjectURL(file);
|
||||
self = this;
|
||||
|
||||
img.setAttribute('style', 'max-width:100%; max-height: 100%;');
|
||||
img.addEventListener("load", function () {
|
||||
// with formats like svg it can be rough.
|
||||
var width = img.naturalWidth;
|
||||
var height = img.naturalHeight;
|
||||
if (width == 0)
|
||||
width = img.width;
|
||||
if (height == 0)
|
||||
height = img.height;
|
||||
// $(preview).find('.textlayer').text(img.naturalWidth + ' x ' + img.naturalHeight );
|
||||
self.updateTextLayer(preview, width + ' x ' + height);
|
||||
self.updateFileSize(preview, file);
|
||||
});
|
||||
|
||||
$(preview).prepend(img);
|
||||
$(preview).addClass('is_image');
|
||||
}
|
||||
else if(file === null)
|
||||
{
|
||||
$(preview).addClass('not_image');
|
||||
$(preview).find('.dashicons').removeClass().addClass('dashicons dashicons-no');
|
||||
//$(preview).find('.textlayer').text('');
|
||||
this.updateTextLayer(preview, '');
|
||||
this.updateFileSize(preview, null);
|
||||
this.debug('File is null');
|
||||
}
|
||||
else { // not an image
|
||||
$(preview).addClass('not_image is_document');
|
||||
$(preview).find('.dashicons').removeClass().addClass('dashicons dashicons-media-document');
|
||||
//$(preview).find('.textlayer').text(file.name);
|
||||
this.updateTextLayer(preview, file.name);
|
||||
this.updateFileSize(preview, file);
|
||||
this.debug('Not image, media document');
|
||||
}
|
||||
|
||||
if (! is_empty && target_type != source_type)
|
||||
{
|
||||
this.debug(target_type + ' not ' + source_type);
|
||||
var falsePositive = this.checkFalsePositiveType(source_type, target_type);
|
||||
if (! falsePositive)
|
||||
this.warningFileType();
|
||||
}
|
||||
|
||||
if (! is_empty && emr_options.allowed_mime.indexOf(target_type) == -1)
|
||||
{
|
||||
this.debug(target_type + ' not ' + ' in allowed types ');
|
||||
var falsePositive = this.checkFalsePositiveType(source_type, target_type);
|
||||
|
||||
if (! falsePositive)
|
||||
this.warningMimeType();
|
||||
}
|
||||
// this.debug(emr_options.allowed_mime);
|
||||
|
||||
}
|
||||
this.checkFalsePositiveType = function(source_type, target_type)
|
||||
{
|
||||
// windows (sigh) reports application/zip as application/x-zip-compressed. Or something else, why not.
|
||||
if (source_type.indexOf('zip') >= 0 && target_type.indexOf('zip') >= 0)
|
||||
{
|
||||
this.debug('Finding ' + source_type + ' ' + target_type + ' close enough, false positive');
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
// replace the text, check if text is there ( or hide ), and fix the layout.
|
||||
this.updateTextLayer = function (preview, newtext)
|
||||
{
|
||||
textlayer = $(preview).find('.textlayer');
|
||||
textlayer.css('opacity', '0');
|
||||
if (newtext !== false)
|
||||
textlayer.text(newtext);
|
||||
|
||||
if (textlayer.text() !== '')
|
||||
{
|
||||
textlayer.css('opacity', '0.7');
|
||||
// textlayer.css('margin-left', '-' + (textlayer.width() / 2 ) + 'px');
|
||||
}
|
||||
|
||||
},
|
||||
this.updateFileSize = function(preview, file)
|
||||
{
|
||||
if (file === null)
|
||||
{
|
||||
$(preview).find('.image_size').text('');
|
||||
return;
|
||||
}
|
||||
var bytes = file.size;
|
||||
if (bytes == 0) { return "0.00 B"; }
|
||||
var e = Math.floor(Math.log(bytes) / Math.log(1024));
|
||||
var size = (bytes/Math.pow(1024, e)).toFixed(2)+' '+' KMGTP'.charAt(e)+'B';
|
||||
|
||||
$(preview).find('.image_size').text(size);
|
||||
}
|
||||
this.checkSubmit = function()
|
||||
{
|
||||
var check = ($('input[name="userfile"]').val().length > 0) ? true : false;
|
||||
|
||||
if (check)
|
||||
{
|
||||
$('input[type="submit"]').prop('disabled', false);
|
||||
}
|
||||
else {
|
||||
$('input[type="submit"]').prop('disabled', true);
|
||||
}
|
||||
},
|
||||
this.toggleErrors = function(toggle)
|
||||
{
|
||||
$('.form-error').fadeOut();
|
||||
$('.form-warning').fadeOut();
|
||||
},
|
||||
this.checkUpload = function(fileItem)
|
||||
{
|
||||
var maxsize = emr_options.maxfilesize;
|
||||
|
||||
if ($('input[name="userfile"]').val().length <= 0)
|
||||
{
|
||||
console.info('[EMR] - Upload file value not set in form. Pick a file');
|
||||
$('input[name="userfile"]').val('');
|
||||
return false;
|
||||
}
|
||||
|
||||
if (fileItem.size > maxsize)
|
||||
{
|
||||
console.info('[EMR] - File too big for uploading - exceeds upload limits');
|
||||
this.errorFileSize(fileItem);
|
||||
$('input[name="userfile"]').val('');
|
||||
return false;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
this.errorFileSize = function(fileItem)
|
||||
{
|
||||
$('.form-error.filesize').find('.fn').text(fileItem.name);
|
||||
$('.form-error.filesize').fadeIn();
|
||||
}
|
||||
this.warningFileType = function(fileItem)
|
||||
{
|
||||
$('.form-warning.filetype').fadeIn();
|
||||
}
|
||||
this.warningMimeType = function(fileItem)
|
||||
{
|
||||
$('.form-warning.mimetype').fadeIn();
|
||||
}
|
||||
this.debug = function(message)
|
||||
{
|
||||
console.debug(message);
|
||||
}
|
||||
this.showReplaceOptions = function(e)
|
||||
{
|
||||
$('section.options .location_option').hide();
|
||||
var replace_option = $('input[name="replace_type"]:checked').val();
|
||||
if (replace_option == 'replace_and_search')
|
||||
{
|
||||
$('section.options .location_option').show();
|
||||
}
|
||||
|
||||
}
|
||||
this.dragOverArea = function(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
|
||||
if ( this.is_dragging)
|
||||
return;
|
||||
|
||||
//this.debug('dragover');
|
||||
//$('.emr_drop_area').css('border-color', '#83b4d8');
|
||||
$('.emr_drop_area').addClass('drop_breakout');
|
||||
this.is_dragging = true;
|
||||
}
|
||||
this.dragOutArea = function(e)
|
||||
{
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
// this.debug('dragout');
|
||||
//$('.emr_drop_area').css('border-color', '#b4b9be');
|
||||
$('.emr_drop_area').removeClass('drop_breakout');
|
||||
this.is_dragging = false;
|
||||
}
|
||||
this.fileDrop = function (e)
|
||||
{
|
||||
var ev = e.originalEvent;
|
||||
this.dragOutArea(e);
|
||||
ev.preventDefault();
|
||||
e.preventDefault();
|
||||
|
||||
if (ev.dataTransfer.items) {
|
||||
// Use DataTransferItemList interface to access the file(s)
|
||||
document.getElementById('userfile').files = ev.dataTransfer.files;
|
||||
$('input[name="userfile"]').trigger('change');
|
||||
}
|
||||
}
|
||||
} // emrIf
|
||||
|
||||
jQuery(document).ready(function($)
|
||||
{
|
||||
window.enableMediaReplace = new emrIf($);
|
||||
window.enableMediaReplace.init();
|
||||
});
|
||||
|
||||
|
||||
function emrDelayedInit() {
|
||||
console.log('Checking delayed init ');
|
||||
if(typeof window.enableMediaReplace == "undefined") {
|
||||
console.log(emrIf);
|
||||
window.enableMediaReplace = new emrIf(jQuery);
|
||||
window.enableMediaReplace.init();
|
||||
}
|
||||
else if (typeof window.enableMediaReplace !== 'undefined')
|
||||
{
|
||||
// All fine.
|
||||
}
|
||||
else { // Nothing yet, try again.
|
||||
setTimeout(emrdelayedInit, 3000);
|
||||
}
|
||||
}
|
||||
setTimeout(emrDelayedInit, 3000);
|
||||
421
wp-content/plugins/enable-media-replace/scss/_datepicker.scss
Normal file
421
wp-content/plugins/enable-media-replace/scss/_datepicker.scss
Normal file
|
|
@ -0,0 +1,421 @@
|
|||
// Straight from jquery UI css
|
||||
|
||||
.ui-widget-content {
|
||||
border: 1px solid #dddddd;
|
||||
background: #ffffff;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
|
||||
.ui-widget-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ui-datepicker {
|
||||
width: 17em;
|
||||
padding: .2em .2em 0;
|
||||
display: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-header {
|
||||
position: relative;
|
||||
padding: .2em 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev,
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
width: 1.8em;
|
||||
height: 1.8em;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover,
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
top: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev {
|
||||
left: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next {
|
||||
right: 2px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev-hover {
|
||||
left: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-next-hover {
|
||||
right: 1px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-prev span,
|
||||
.ui-datepicker .ui-datepicker-next span {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
margin-left: -8px;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title {
|
||||
margin: 0 2.3em;
|
||||
line-height: 1.8em;
|
||||
text-align: center;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-title select {
|
||||
font-size: 1em;
|
||||
margin: 1px 0;
|
||||
}
|
||||
.ui-datepicker select.ui-datepicker-month,
|
||||
.ui-datepicker select.ui-datepicker-year {
|
||||
width: 45%;
|
||||
}
|
||||
.ui-datepicker table {
|
||||
width: 100%;
|
||||
font-size: .9em;
|
||||
border-collapse: collapse;
|
||||
margin: 0 0 .4em;
|
||||
}
|
||||
.ui-datepicker th {
|
||||
padding: .7em .3em;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
border: 0;
|
||||
}
|
||||
.ui-datepicker td {
|
||||
border: 0;
|
||||
padding: 1px;
|
||||
}
|
||||
.ui-datepicker td span,
|
||||
.ui-datepicker td a {
|
||||
display: block;
|
||||
padding: .2em;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane {
|
||||
background-image: none;
|
||||
margin: .7em 0 0 0;
|
||||
padding: 0 .2em;
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button {
|
||||
float: right;
|
||||
margin: .5em .2em .4em;
|
||||
cursor: pointer;
|
||||
padding: .2em .6em .3em .6em;
|
||||
width: auto;
|
||||
overflow: visible;
|
||||
}
|
||||
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* with multiple calendars */
|
||||
.ui-datepicker.ui-datepicker-multi {
|
||||
width: auto;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group table {
|
||||
width: 95%;
|
||||
margin: 0 auto .4em;
|
||||
}
|
||||
.ui-datepicker-multi-2 .ui-datepicker-group {
|
||||
width: 50%;
|
||||
}
|
||||
.ui-datepicker-multi-3 .ui-datepicker-group {
|
||||
width: 33.3%;
|
||||
}
|
||||
.ui-datepicker-multi-4 .ui-datepicker-group {
|
||||
width: 25%;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-left-width: 0;
|
||||
}
|
||||
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||||
clear: left;
|
||||
}
|
||||
.ui-datepicker-row-break {
|
||||
clear: both;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
/* RTL support */
|
||||
.ui-datepicker-rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev {
|
||||
right: 2px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next {
|
||||
left: 2px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-prev:hover {
|
||||
right: 1px;
|
||||
left: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-next:hover {
|
||||
left: 1px;
|
||||
right: auto;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane {
|
||||
clear: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
|
||||
float: left;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
|
||||
.ui-datepicker-rtl .ui-datepicker-group {
|
||||
float: right;
|
||||
}
|
||||
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
|
||||
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
|
||||
border-right-width: 0;
|
||||
border-left-width: 1px;
|
||||
}
|
||||
|
||||
/* Icons */
|
||||
.ui-datepicker .ui-icon {
|
||||
display: block;
|
||||
text-indent: -99999px;
|
||||
overflow: hidden;
|
||||
background-repeat: no-repeat;
|
||||
left: .5em;
|
||||
top: .3em;
|
||||
}
|
||||
|
||||
.ui-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
.ui-icon,
|
||||
.ui-widget-content .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-widget-header .ui-icon {
|
||||
background-image: url("../img/ui-icons_444444_256x240.png");
|
||||
}
|
||||
.ui-state-hover .ui-icon,
|
||||
.ui-state-focus .ui-icon,
|
||||
.ui-button:hover .ui-icon,
|
||||
.ui-button:focus .ui-icon {
|
||||
background-image: url("../img/ui-icons_555555_256x240.png");
|
||||
}
|
||||
.ui-state-active .ui-icon,
|
||||
.ui-button:active .ui-icon {
|
||||
background-image: url("../img/ui-icons_ffffff_256x240.png");
|
||||
}
|
||||
.ui-state-highlight .ui-icon,
|
||||
.ui-button .ui-state-highlight.ui-icon {
|
||||
background-image: url("../img/ui-icons_777620_256x240.png");
|
||||
}
|
||||
|
||||
/* positioning */
|
||||
.ui-icon-blank { background-position: 16px 16px; }
|
||||
.ui-icon-caret-1-n { background-position: 0 0; }
|
||||
.ui-icon-caret-1-ne { background-position: -16px 0; }
|
||||
.ui-icon-caret-1-e { background-position: -32px 0; }
|
||||
.ui-icon-caret-1-se { background-position: -48px 0; }
|
||||
.ui-icon-caret-1-s { background-position: -65px 0; }
|
||||
.ui-icon-caret-1-sw { background-position: -80px 0; }
|
||||
.ui-icon-caret-1-w { background-position: -96px 0; }
|
||||
.ui-icon-caret-1-nw { background-position: -112px 0; }
|
||||
.ui-icon-caret-2-n-s { background-position: -128px 0; }
|
||||
.ui-icon-caret-2-e-w { background-position: -144px 0; }
|
||||
.ui-icon-triangle-1-n { background-position: 0 -16px; }
|
||||
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
|
||||
.ui-icon-triangle-1-e { background-position: -32px -16px; }
|
||||
.ui-icon-triangle-1-se { background-position: -48px -16px; }
|
||||
.ui-icon-triangle-1-s { background-position: -65px -16px; }
|
||||
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
|
||||
.ui-icon-triangle-1-w { background-position: -96px -16px; }
|
||||
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
|
||||
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
|
||||
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
|
||||
.ui-icon-arrow-1-n { background-position: 0 -32px; }
|
||||
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
|
||||
.ui-icon-arrow-1-e { background-position: -32px -32px; }
|
||||
.ui-icon-arrow-1-se { background-position: -48px -32px; }
|
||||
.ui-icon-arrow-1-s { background-position: -65px -32px; }
|
||||
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
|
||||
.ui-icon-arrow-1-w { background-position: -96px -32px; }
|
||||
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
|
||||
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
|
||||
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
|
||||
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
|
||||
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
|
||||
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
|
||||
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
|
||||
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
|
||||
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
|
||||
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
|
||||
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
|
||||
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
|
||||
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
|
||||
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
|
||||
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
|
||||
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
|
||||
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
|
||||
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
|
||||
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
|
||||
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
|
||||
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
|
||||
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
|
||||
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
|
||||
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
|
||||
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
|
||||
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
|
||||
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
|
||||
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
|
||||
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
|
||||
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
|
||||
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
|
||||
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
|
||||
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
|
||||
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
|
||||
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
|
||||
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
|
||||
.ui-icon-arrow-4 { background-position: 0 -80px; }
|
||||
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
|
||||
.ui-icon-extlink { background-position: -32px -80px; }
|
||||
.ui-icon-newwin { background-position: -48px -80px; }
|
||||
.ui-icon-refresh { background-position: -64px -80px; }
|
||||
.ui-icon-shuffle { background-position: -80px -80px; }
|
||||
.ui-icon-transfer-e-w { background-position: -96px -80px; }
|
||||
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
|
||||
.ui-icon-folder-collapsed { background-position: 0 -96px; }
|
||||
.ui-icon-folder-open { background-position: -16px -96px; }
|
||||
.ui-icon-document { background-position: -32px -96px; }
|
||||
.ui-icon-document-b { background-position: -48px -96px; }
|
||||
.ui-icon-note { background-position: -64px -96px; }
|
||||
.ui-icon-mail-closed { background-position: -80px -96px; }
|
||||
.ui-icon-mail-open { background-position: -96px -96px; }
|
||||
.ui-icon-suitcase { background-position: -112px -96px; }
|
||||
.ui-icon-comment { background-position: -128px -96px; }
|
||||
.ui-icon-person { background-position: -144px -96px; }
|
||||
.ui-icon-print { background-position: -160px -96px; }
|
||||
.ui-icon-trash { background-position: -176px -96px; }
|
||||
.ui-icon-locked { background-position: -192px -96px; }
|
||||
.ui-icon-unlocked { background-position: -208px -96px; }
|
||||
.ui-icon-bookmark { background-position: -224px -96px; }
|
||||
.ui-icon-tag { background-position: -240px -96px; }
|
||||
.ui-icon-home { background-position: 0 -112px; }
|
||||
.ui-icon-flag { background-position: -16px -112px; }
|
||||
.ui-icon-calendar { background-position: -32px -112px; }
|
||||
.ui-icon-cart { background-position: -48px -112px; }
|
||||
.ui-icon-pencil { background-position: -64px -112px; }
|
||||
.ui-icon-clock { background-position: -80px -112px; }
|
||||
.ui-icon-disk { background-position: -96px -112px; }
|
||||
.ui-icon-calculator { background-position: -112px -112px; }
|
||||
.ui-icon-zoomin { background-position: -128px -112px; }
|
||||
.ui-icon-zoomout { background-position: -144px -112px; }
|
||||
.ui-icon-search { background-position: -160px -112px; }
|
||||
.ui-icon-wrench { background-position: -176px -112px; }
|
||||
.ui-icon-gear { background-position: -192px -112px; }
|
||||
.ui-icon-heart { background-position: -208px -112px; }
|
||||
.ui-icon-star { background-position: -224px -112px; }
|
||||
.ui-icon-link { background-position: -240px -112px; }
|
||||
.ui-icon-cancel { background-position: 0 -128px; }
|
||||
.ui-icon-plus { background-position: -16px -128px; }
|
||||
.ui-icon-plusthick { background-position: -32px -128px; }
|
||||
.ui-icon-minus { background-position: -48px -128px; }
|
||||
.ui-icon-minusthick { background-position: -64px -128px; }
|
||||
.ui-icon-close { background-position: -80px -128px; }
|
||||
.ui-icon-closethick { background-position: -96px -128px; }
|
||||
.ui-icon-key { background-position: -112px -128px; }
|
||||
.ui-icon-lightbulb { background-position: -128px -128px; }
|
||||
.ui-icon-scissors { background-position: -144px -128px; }
|
||||
.ui-icon-clipboard { background-position: -160px -128px; }
|
||||
.ui-icon-copy { background-position: -176px -128px; }
|
||||
.ui-icon-contact { background-position: -192px -128px; }
|
||||
.ui-icon-image { background-position: -208px -128px; }
|
||||
.ui-icon-video { background-position: -224px -128px; }
|
||||
.ui-icon-script { background-position: -240px -128px; }
|
||||
.ui-icon-alert { background-position: 0 -144px; }
|
||||
.ui-icon-info { background-position: -16px -144px; }
|
||||
.ui-icon-notice { background-position: -32px -144px; }
|
||||
.ui-icon-help { background-position: -48px -144px; }
|
||||
.ui-icon-check { background-position: -64px -144px; }
|
||||
.ui-icon-bullet { background-position: -80px -144px; }
|
||||
.ui-icon-radio-on { background-position: -96px -144px; }
|
||||
.ui-icon-radio-off { background-position: -112px -144px; }
|
||||
.ui-icon-pin-w { background-position: -128px -144px; }
|
||||
.ui-icon-pin-s { background-position: -144px -144px; }
|
||||
.ui-icon-play { background-position: 0 -160px; }
|
||||
.ui-icon-pause { background-position: -16px -160px; }
|
||||
.ui-icon-seek-next { background-position: -32px -160px; }
|
||||
.ui-icon-seek-prev { background-position: -48px -160px; }
|
||||
.ui-icon-seek-end { background-position: -64px -160px; }
|
||||
.ui-icon-seek-start { background-position: -80px -160px; }
|
||||
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
|
||||
.ui-icon-seek-first { background-position: -80px -160px; }
|
||||
.ui-icon-stop { background-position: -96px -160px; }
|
||||
.ui-icon-eject { background-position: -112px -160px; }
|
||||
.ui-icon-volume-off { background-position: -128px -160px; }
|
||||
.ui-icon-volume-on { background-position: -144px -160px; }
|
||||
.ui-icon-power { background-position: 0 -176px; }
|
||||
.ui-icon-signal-diag { background-position: -16px -176px; }
|
||||
.ui-icon-signal { background-position: -32px -176px; }
|
||||
.ui-icon-battery-0 { background-position: -48px -176px; }
|
||||
.ui-icon-battery-1 { background-position: -64px -176px; }
|
||||
.ui-icon-battery-2 { background-position: -80px -176px; }
|
||||
.ui-icon-battery-3 { background-position: -96px -176px; }
|
||||
.ui-icon-circle-plus { background-position: 0 -192px; }
|
||||
.ui-icon-circle-minus { background-position: -16px -192px; }
|
||||
.ui-icon-circle-close { background-position: -32px -192px; }
|
||||
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
|
||||
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
|
||||
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
|
||||
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
|
||||
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
|
||||
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
|
||||
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
|
||||
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
|
||||
.ui-icon-circle-zoomin { background-position: -176px -192px; }
|
||||
.ui-icon-circle-zoomout { background-position: -192px -192px; }
|
||||
.ui-icon-circle-check { background-position: -208px -192px; }
|
||||
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
|
||||
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
|
||||
.ui-icon-circlesmall-close { background-position: -32px -208px; }
|
||||
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
|
||||
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
|
||||
.ui-icon-squaresmall-close { background-position: -80px -208px; }
|
||||
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
|
||||
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
|
||||
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
|
||||
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
|
||||
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
|
||||
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
|
||||
|
||||
/* Corner radius */
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-left,
|
||||
.ui-corner-tl {
|
||||
border-top-left-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-top,
|
||||
.ui-corner-right,
|
||||
.ui-corner-tr {
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-left,
|
||||
.ui-corner-bl {
|
||||
border-bottom-left-radius: 3px;
|
||||
}
|
||||
.ui-corner-all,
|
||||
.ui-corner-bottom,
|
||||
.ui-corner-right,
|
||||
.ui-corner-br {
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
362
wp-content/plugins/enable-media-replace/scss/admin.scss
Normal file
362
wp-content/plugins/enable-media-replace/scss/admin.scss
Normal file
|
|
@ -0,0 +1,362 @@
|
|||
@import 'datepicker';
|
||||
|
||||
.emr_upload_form
|
||||
{
|
||||
form
|
||||
{
|
||||
display: flex; //editor and upsell
|
||||
.upsell-wrapper
|
||||
{
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.wrapper
|
||||
{
|
||||
// margin: 15px 0;
|
||||
padding: 18px;
|
||||
border: 1px solid #ccc;
|
||||
|
||||
.section-header
|
||||
{
|
||||
font-size: 18px;
|
||||
//text-align: center;
|
||||
border-bottom: 1px solid #ccc;
|
||||
padding: 6px 0;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.image_chooser.wrapper
|
||||
{
|
||||
min-height: 350px;
|
||||
|
||||
.emr_drop_area
|
||||
{
|
||||
border: 4px dashed #b4b9be;
|
||||
max-width: 600px;
|
||||
padding: 28px 14px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
h1 { display: none; }
|
||||
.drop-wrapper
|
||||
{
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
&.drop_breakout
|
||||
{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right:0;
|
||||
bottom: 0;
|
||||
top: 0;
|
||||
max-width: none;
|
||||
border-color: #83b4d8;
|
||||
border-width: 10px;
|
||||
z-index: 999999;
|
||||
background-color: rgba(#444, 0.7);
|
||||
h1 {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
font-size: 50px;
|
||||
line-height: 50px;
|
||||
margin-top: -25px;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
.drop-wrapper { display: none; }
|
||||
}
|
||||
}
|
||||
.image_previews
|
||||
{
|
||||
margin: 15px 0;
|
||||
.image_placeholder
|
||||
{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-right: 25px;
|
||||
margin-bottom: 10px;
|
||||
border: 1px solid #ddd;
|
||||
vertical-align: top;
|
||||
max-height: 500px;
|
||||
.textlayer
|
||||
{
|
||||
font-size: 25px;
|
||||
line-height: 25px;
|
||||
opacity: 0.7;
|
||||
position: absolute;
|
||||
color: #ccc;
|
||||
left: 48%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
border: 1px dashed #eee;
|
||||
background-color: #333;
|
||||
padding: 8px;
|
||||
//max-width: 100%;
|
||||
}
|
||||
.dashicons
|
||||
{
|
||||
font-size: 60px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
margin-top: -30px;
|
||||
left: 50%;
|
||||
margin-left: -30px;
|
||||
opacity: 0.5;
|
||||
|
||||
}
|
||||
.image_size
|
||||
{
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
width: 100%;
|
||||
}
|
||||
&.is_image
|
||||
{
|
||||
.dashicons::before, .dashicons { display: none }
|
||||
|
||||
|
||||
}
|
||||
&.not_image
|
||||
{
|
||||
img { display: none; }
|
||||
.textlayer { display: none; }
|
||||
&.is_document{
|
||||
.textlayer {
|
||||
font-size: 18px;
|
||||
line-height: 20px;
|
||||
display: block;
|
||||
|
||||
}
|
||||
}
|
||||
} // not_image
|
||||
} // image_placeholder
|
||||
} // image_previews
|
||||
} // wrapper
|
||||
|
||||
.form-error, .form-warning
|
||||
{
|
||||
background: #fff;
|
||||
padding: 8px;
|
||||
border-left: 4px solid #ff0000;
|
||||
// display: inline-block;
|
||||
margin: 10px 0;
|
||||
display: none;
|
||||
p {
|
||||
margin: 0;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
}
|
||||
.form-warning
|
||||
{
|
||||
border-left: 4px solid #ffb900;
|
||||
}
|
||||
|
||||
.option-flex-wrapper
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.replace_type.wrapper
|
||||
{
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
margin: 15px 0;
|
||||
.option
|
||||
{
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
&.disabled
|
||||
{
|
||||
// color: #eee;
|
||||
}
|
||||
label
|
||||
{
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.nofeature-notice
|
||||
{
|
||||
border: 1px solid #ccc;
|
||||
padding: 8px;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
opacity: 0.8;
|
||||
z-index: 9;
|
||||
background: #444;
|
||||
p {
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.options.wrapper
|
||||
{
|
||||
flex: 1;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
margin: 15px 0 15px 35px;
|
||||
.custom_date
|
||||
{
|
||||
.emr_datepicker {
|
||||
width: 150px;
|
||||
}
|
||||
.emr_hour, .emr_minute
|
||||
{
|
||||
width: 45px;
|
||||
}
|
||||
}
|
||||
ul
|
||||
{
|
||||
li
|
||||
{
|
||||
input
|
||||
{
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.option
|
||||
{
|
||||
label { vertical-align: top; }
|
||||
}
|
||||
.small
|
||||
{
|
||||
font-size: 10px;
|
||||
vertical-align: top;
|
||||
margin-left: 8px;
|
||||
}
|
||||
.custom_date
|
||||
{
|
||||
margin: 8px 0 0 25px;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
span.field-title {
|
||||
display: inline-block;
|
||||
margin-bottom: 4px;
|
||||
color: #444;
|
||||
//margin-left: 8px;
|
||||
font-size: 12px;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
vertical-align: middle;
|
||||
line-height: 26px;
|
||||
&::before
|
||||
{
|
||||
font-size: 20px;
|
||||
vertical-align: top;
|
||||
margin-right: 4px;
|
||||
}
|
||||
}
|
||||
} // custom_date
|
||||
.location_option
|
||||
{
|
||||
display: none;
|
||||
margin-top: 12px;
|
||||
label
|
||||
{
|
||||
vertical-align: baseline;
|
||||
margin-right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.form_controls.wrapper
|
||||
{
|
||||
clear: both;
|
||||
margin: 8px 0 15px 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
.button
|
||||
{
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.shortpixel.notice
|
||||
{
|
||||
padding: 12px;
|
||||
}
|
||||
.shortpixel-offer
|
||||
{
|
||||
background: #fff;
|
||||
width: 250px;
|
||||
min-height: 270px;
|
||||
border: 1px solid #ccc;
|
||||
padding: 15px;
|
||||
//margin: 0 0 10px 25px;
|
||||
margin-bottom:25px;
|
||||
float: right;
|
||||
clear: both;
|
||||
h3 {
|
||||
line-height: 1.3em; // match size
|
||||
}
|
||||
&.site-speed
|
||||
{
|
||||
background-color: #dcfdff;
|
||||
.img-wrapper
|
||||
{
|
||||
text-align: center;
|
||||
margin: 0 0 25px 0;
|
||||
img { max-width: 140px; max-height: 140px; margin: 0; }
|
||||
}
|
||||
h3 {
|
||||
color: #00d0e5;
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
.button-wrapper
|
||||
{
|
||||
text-align: center;
|
||||
margin-top: 35px;
|
||||
a {
|
||||
background-color: #ff0000;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
}
|
||||
}
|
||||
.red { color: #ff0000; }
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@media( max-width: 1200px)
|
||||
{
|
||||
.image_previews
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
.option-flex-wrapper {
|
||||
flex-direction: column;
|
||||
.options.wrapper
|
||||
{ margin-left: 0;}
|
||||
}
|
||||
}
|
||||
@media (max-width: 960px)
|
||||
{
|
||||
.upsell-wrapper { display: none; }
|
||||
}
|
||||
} // emr_upload_form
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
|
||||
/* Styling for the edit attachment screen */
|
||||
#emr-replace-box, #emr-showthumbs-box
|
||||
{
|
||||
.previewwrapper
|
||||
{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
clear: both;
|
||||
margin: 3px 0;
|
||||
|
||||
img { max-width: 100%; }
|
||||
span.label
|
||||
{
|
||||
font-size: 14px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
line-height: 16px;
|
||||
margin-top: -8px;
|
||||
top: 50%;
|
||||
left: 0; right: 0;
|
||||
background: rgba(0,0,0,0.5);
|
||||
text-align: center;
|
||||
padding: 4px 0;
|
||||
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue