86 lines
2.2 KiB
CSS
86 lines
2.2 KiB
CSS
/* By default Polylang dialog box use WordPress jQuery UI dialog styles.
|
|
However WooCommerce loads its own jQuery UI dialog styles and we need to override them by ours
|
|
to revert to the default WordPress ones.
|
|
*/
|
|
.pll-confirmation-modal.ui-widget,
|
|
.pll-confirmation-modal.ui-widget .ui-widget,
|
|
.pll-confirmation-modal .ui-widget {
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
font-size: 13px;
|
|
}
|
|
.pll-confirmation-modal.ui-dialog {
|
|
padding: 0;
|
|
z-index: 100102;
|
|
background: #fff;
|
|
border: 0;
|
|
color: #444;
|
|
border-radius: 0; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-dialog-titlebar {
|
|
background: #fcfcfc;
|
|
border-radius: 0;
|
|
border: 0;
|
|
border-bottom: 1px solid #dfdfdf;
|
|
height: 36px;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
line-height: 2;
|
|
padding: 0 36px 0 16px;
|
|
color: #444;
|
|
position: static;
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-dialog-title {
|
|
float: none;
|
|
width: auto;
|
|
margin: 0;
|
|
}
|
|
.pll-confirmation-modal .ui-widget-header .ui-icon {
|
|
background: none;
|
|
position: static;
|
|
}
|
|
.pll-confirmation-modal .ui-button.ui-dialog-titlebar-close {
|
|
padding: 0;
|
|
margin: 0;
|
|
top: 0;
|
|
right: 0;
|
|
width: 36px;
|
|
height: 36px;
|
|
border: 0; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
|
|
background: none; /* Override WooCommerce dialog styles - jQuery UI 1.11.4 - WP < 5.6 */
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-dialog-content {
|
|
border: 0;
|
|
padding: 16px;
|
|
color: #444;
|
|
position: static;
|
|
box-sizing: border-box;
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-dialog-buttonpane{
|
|
margin: 0;
|
|
padding: 16px;
|
|
border: 0;
|
|
background: #fcfcfc;
|
|
border-top: 1px solid #dfdfdf;
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-dialog-buttonpane .ui-button{
|
|
margin: 0 0 0 16px;
|
|
padding: 0 10px 1px;
|
|
background: #f7f7f7;
|
|
border: 1px solid #cccccc;
|
|
border-radius: 3px;
|
|
position: static;
|
|
line-height: 2;
|
|
vertical-align: top;
|
|
}
|
|
.ui-dialog.pll-confirmation-modal .ui-button:hover,
|
|
.ui-dialog.pll-confirmation-modal .ui-button:focus {
|
|
background: #fafafa;
|
|
border-color: #999;
|
|
color: #23282d;
|
|
}
|
|
.pll-confirmation-modal + .ui-widget-overlay {
|
|
background: #000;
|
|
opacity: 0.7;
|
|
z-index: 100101;
|
|
}
|