Your IP : 216.73.216.138
/**
* @version 1.0
* @package: Admin Panel
* @category: Admin UI
* @author wpdevelop
*
* @web-site https://oplugins.com/
* @email info@oplugins.com
*
* @modified 2015-04-11
*/
/* Admin Content Pages */
/* Top Header at the page */
.opsd_page h2.opsd_header {
color: #595959;
font-size: 2em;
line-height: 2em;
padding:0;
text-shadow: 0 0 1px #aaaaaa;
margin-bottom:10px;
}
.opsd_page .wpdevelop label{
font-weight: 400;
}
.opsd_page .wpdevelop label.opsd-required{
font-weight: 600;
}
.opsd_page .wpdevelop optgroup {
font-weight: 600;
}
.opsd_page .wpdevelop .visibility_container {
display:none;
}
.opsd_page .wpdevelop .opsd-no-margin {
margin:0;
}
.opsd_page .wpdevelop .opsd-no-padding {
padding:0;
}
.wpdevelop a.button:focus,
.wpdevelop a.button:hover {
text-decoration: none;
}
/* Support CSS Classes **/
.wpdevelop .visible_items,
.visible_items {
display: block;
}
.wpdevelop .hidden_items,
.hidden_items {
display: none;
}
/* M E S S A G E S - Backward compatibility - For showing correctly messages in WP 4.0 */
.opsd_page .notice {
background: #fff;
border-left: 4px solid #fff;
-webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
margin: 5px 15px 2px;
padding: 1px 12px;
}
.opsd_page .notice-success,
.opsd_page div.updated {
border-left-color: #46b450;
}
.opsd_page div.notice-warning {
border-left-color: #ffb900;
}
.opsd_page .notice-error,
.opsd_page div.error {
border-left-color: #dc3232;
}
.opsd_page .notice-info {
border-left-color: #00a0d2;
}
/* Messages that show at top of admin panel pages */
.opsd_page div.opsd_inner_message {
padding:10px;
/* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
position: absolute;
display: inline;
z-index: 10000;
width: 98%;
margin: 3px 0 0;
top: 5px;
left: 0;
padding: 12px;
box-sizing: border-box;
min-height:1em;
height:auto;
/* From WordPress 4.4.1 */
/*
border-left: 4px solid #fff;
background: #fff none repeat scroll 0 0;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
*/
}
/* From WordPress 4.4.1 */
.opsd_page div.opsd_inner_message a.close,
.opsd_page div.opsd_inner_message a.close:hover,
.opsd_page div.opsd_inner_message a.close:focus{
font-size: 18px;
float: right;
text-decoration: none;
}
/* Form Messages */
.wpdevelop .alert.opsd-near-field-message {
height: auto;
font-size: 0.9em;
background-image: none;
}
/* Alerts & Help messages */
.opsd-info-message,
.opsd-error-message,
.opsd-success-message,
.opsd-help-message{
display: block;
margin: 10px 0;
padding: 5px 10px;
font-weight: 400;
text-align: center;
color:#777;
background-color: #faf8f8;
/* border: 1px solid #E6DB55;*/
border: 2px dashed #bbb;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 1.9em;
font-size: 1em;
padding: 5px 10px !important;
width: auto !important;
box-sizing: padding-box;
-moz-box-sizing: padding-box;
-webkit-box-sizing: padding-box;
}
.opsd-help-message {
background-color: #FFFDFD;
text-align: left;
}
.opsd-error-message {
background-color: #FFEEEE;
border-color: #FFBBBB;
}
.opsd-success-message {
background-color: #F5FFF0;
border-color: #AAEEAA;
}
.opsd-demo-alert-not-allow {
color: #AA4400;
font-size: 1.1em;
font-weight: 400;
text-shadow: 0 -1px 0 #FFEEEE;
}
.opsd_inner_message {
margin-bottom: 25px !important;
}
.opsd_inner_message .close{
float: right;
font-size: 18px;
}
.opsd_page div.opsd_outer_message {
position: relative;
display: block;
margin: 5px 0 15px !important;
}
.alert.alert-block {
border:2px dashed;
}
.message {
border-left-width: 3px solid #f90;
clear: both;
display: block;
position: relative;
text-align: left;
}
/* Internal Settings Message */
.opsd-settings-notice {
background: #ffffff;
border-left: 4px solid #fff;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
margin: 5px 0 2px 0;
padding: 1px 12px;
line-height: 2.5em;
text-align:left;
}
.opsd-settings-notice.notice-success {
border-left-color: #46b450;
}
.opsd-settings-notice.notice-success.notice-alt {
background-color: #ecf7ed;
}
.opsd-settings-notice.notice-warning {
border-left-color: #ffb900;
}
.opsd-settings-notice.notice-warning.notice-alt {
background-color: #fff8e5;
}
.opsd-settings-notice.notice-error {
border-left-color: #dc3232;
}
.opsd-settings-notice.notice-error.notice-alt {
background-color: #fbeaea;
}
.opsd-settings-notice.notice-info {
border-left-color: #00a0d2;
}
.opsd-settings-notice.notice-info.notice-alt {
background-color: #e5f5fa;
}
/* Modal Content for popup windows ********************************************/
.opsd_popup_modal {
display: none;
}
/* Sort Table */
table.opsd_sort_table {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.opsd_sort_table thead th {
padding:8px 0;
text-align: center;
font-weight: 600;
font-size:1em;
color:#555 !important;
}
.opsd_sort_table tfoot th {
padding:10px;
}
.opsd_sort_table .widefat th.sort,
.opsd_sort_table .widefat td.sort {
width: 30px;
padding-top:4px;
padding-left:4px;
}
.opsd_sort_table .widefat td.sort::before{
color: #aaa;
content: "\f333";
display: inline-block;
font-family: dashicons;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 20px;
line-height: 1;
text-align: center;
text-decoration-color: inherit;
text-decoration-line: inherit;
text-decoration-style: inherit;
vertical-align: top;
width: 20px;
padding:4px 0 0 2px;
}
.opsd_sort_table .widefat td.sort span.glyphicon {
vertical-align: middle;
}
.opsd_sort_table .widefat td {
padding:0;
}
.opsd_sort_table .widefat th input[type=text],
.opsd_sort_table .widefat td input[type=text]{
width:100%;
margin:0;
padding-left:5px;
height: 36px;
}
.opsd_sortable_table.widefat {
background:#FAFAFA;
}
.opsd_sortable_table.widefat td.border_bottom {
border-bottom: 1px solid #ddd;
}
.opsd_sortable_table td input[type=text]{
border-radius: 0;
}
/* Color Picker */
.opsd_page .wpdevelop .wp-picker-container .wp-color-result,
.opsd_sortable_table td .wp-picker-container .wp-color-result {
height: 24px;
clear:both;
}
.opsd_sortable_table td .opsd-field-colors {
padding:2px 10px 2px;
border:1px solid #ccc;
font-weight: 600;
font-size:16px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
vertical-align: middle;
}
/* Settings table customization */
.opsd_page .form-table th,
.opsd_page .form-table td {
padding:10px 0;
}
.form-table th label {
line-height: 2em;
vertical-align: middle;
}
/* Dismiss button for Welcome Page Panel *************************************/
.opsd-panel-dismiss {
position: absolute;
top: 5px;
right: 10px;
padding: 8px 3px;
font-size: 13px;
text-decoration: none;
line-height: 1;
outline: 0 none;
cursor: pointer;
}
.opsd-panel-dismiss:before {
content: ' ';
position: absolute;
left: -12px;
width: 10px;
height: 100%;
background: url('../../../../../wp-admin/images/xit.gif') 0 7% no-repeat;
}
.opsd-panel-dismiss:hover:before {
background-position: 100% 7%;
}
/* SORTED Support Styles and Tricks *******************************************/
.opsd_mobile_legend {
display:none;
}
/* Align blocks */
.opsd-align-right {
float: right !important;
}
.opsd-align-left {
float: left !important;
}
/* Align text */
.opsd-text-right {
text-align: right !important;
}
.opsd-text-left {
text-align: left !important;
}
.opsd-text-center {
text-align: center !important;
}
.opsd-text-justify {
text-align: justify !important;
}
.clear-line {
clear:both;
width:100%;
}
/* Trick - Fix HEIGHT for the container with FLOAT elements inside */
.clearfix-height:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix-height {
display: inline-block;
}
html[xmlns] .clearfix-height {
display: block;
}
html[xmlns] .clearfix-height.hidden_items {
display: none;
}
* html .clearfix-height {
height: 1%;
}
/* Sortable table */
.opsd_sortable_table thead th {
padding:10px 0;
font-weight: 600;
}
.opsd_sortable_table tfoot th {
padding:10px;
}
.opsd_sortable_table .widefat th.sort,
.opsd_sortable_table .widefat td.sort {
width:30px;
}
.opsd_sortable_table .widefat td.sort::before{
color: #aaa;
content: "\f333";
display: inline-block;
font-family: dashicons;
font-size: 20px;
font-style: normal;
font-weight: 400;
height: 20px;
line-height: 1;
text-align: center;
text-decoration-color: inherit;
text-decoration-line: inherit;
text-decoration-style: inherit;
vertical-align: top;
width: 20px;
padding:4px 0 0 2px;
}
.branch-3-5 .opsd_sortable_table .widefat td.sort::before,
.branch-3-6 .opsd_sortable_table .widefat td.sort::before,
.branch-3-7 .opsd_sortable_table .widefat td.sort::before {
content: "=";
}
.opsd_sortable_table .widefat td {
padding:0;
}
.opsd_sortable_table .widefat th input[type=text],
.opsd_sortable_table .widefat td input[type=text]{
width:100%;
margin:0;
padding-left:5px;
}
/* Hack to fix checkbox height in Firefox, otherwise sometimes, there exist weird artefact */
@-moz-document url-prefix() {
.opsd_page input[type='checkbox'] {
/*height: auto;*/ /* FixIn: 1.1.1.1 */
}
.opsd_page input[type='radio'] {
/*height: auto;*/ /* FixIn: 1.1.1.1 */
/*height: 32px;*/
}
}
/* Ajax loading icon */
.opsd_ajax_icon {
font-size: 9px;
margin: 0px 5px 5px 5px;
line-height: 1em;
vertical-align: middle;
}
/* Rotate Icons for Loading ***********************************************/
.opsd_spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(359deg);
}
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
}
}
@-o-keyframes spin {
0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(359deg);
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.opsd_rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.opsd_rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.opsd_rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.opsd_flip-horizontal {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
-webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.opsd_flip-vertical {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/******************************************************************************/
/* iPad mini and all iPhones and other Mobile Devices */
@media (max-width: 782px) {
.opsd_mobile_legend {
display:inline;
font-size: 14px;
font-weight: 400;
float: left;
line-height: 1.3em;
}
.opsd_mobile_legend.clear{
float:none;
display:block;
}
.wpdevelop .hide-sm {
display:none;
}
/* Messages that show at top of admin panel pages */
.opsd_page div.opsd_inner_message {
/* Overide position and style of Updated Message. If in new WP updates this meesage showing incorrectly, remove this code */
margin: 20px 0 25px 10px;
position: fixed;
top: 32px;
width: 96%;
padding: 10px 12px;
min-height: 1em;
height: auto;
}
}
@media (max-width: 480px) {
.wpdevelop .hide-xs {
display:none;
}
}
/* Support new fonts in WP 4.6 */ /* FixIn: 6.2.2.4 */
.wpdevelop .label,
.wpdevelop strong {
font-weight: 600;
}
.wpdevelop [class^="icon-"] {
margin-top: 2px;
}
.wpdevelop .button [class^="icon-"] {
margin-top: 3px;
}