109 lines
2.5 KiB
CSS
109 lines
2.5 KiB
CSS
/**
|
|
* Presentational styles for Drupal dialogs.
|
|
*/
|
|
|
|
.ui-dialog {
|
|
background: transparent;
|
|
border: 0;
|
|
position: absolute;
|
|
z-index: 1260;
|
|
/* jQuery UI modals crash in Firefox unless overflow is set to hidden.
|
|
See: https://www.drupal.org/node/2423781 */
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
@media all and (max-width: 48em) { /* 768px */
|
|
.ui-dialog {
|
|
width: 92% !important;
|
|
}
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
background: #6b6b6b;
|
|
border-top-left-radius: 5px;
|
|
border-top-right-radius: 5px;
|
|
padding: 15px 49px 15px 15px;
|
|
}
|
|
.ui-dialog .ui-dialog-title {
|
|
font-size: 1.231em;
|
|
font-weight: 600;
|
|
margin: 0;
|
|
color: #ffffff;
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar-close {
|
|
border: 0;
|
|
background: none;
|
|
right: 20px; /* LTR */
|
|
top: 20px;
|
|
margin: 0;
|
|
height: 16px;
|
|
width: 16px;
|
|
position: absolute;
|
|
}
|
|
[dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
.ui-dialog .ui-icon.ui-icon-closethick {
|
|
background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
|
|
margin-top: -12px;
|
|
}
|
|
.ui-dialog .ui-widget-content.ui-dialog-content {
|
|
background: #ffffff;
|
|
overflow: auto;
|
|
padding: 1em;
|
|
}
|
|
.views-ui-dialog .ui-widget-content.ui-dialog-content {
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .ui-widget-content.ui-dialog-buttonpane {
|
|
background: #f5f5f2;
|
|
/*border-top: 1px solid #bfbfbf;*/
|
|
margin: 0;
|
|
padding: 15px 20px;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
|
|
margin: 0;
|
|
padding: 0;
|
|
float: none;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
position: static;
|
|
}
|
|
|
|
/* Form action buttons are moved in dialogs. Remove empty space. */
|
|
.ui-dialog .ui-dialog-content .form-actions {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.ui-dialog .ajax-progress-throbber {
|
|
/* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
|
|
left: 49%; /* LTR */
|
|
position: fixed;
|
|
top: 48.5%;
|
|
z-index: 1000;
|
|
background-color: #232323;
|
|
background-image: url(../../../../misc/loading-small.gif);
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
border-radius: 7px;
|
|
height: 24px;
|
|
opacity: 0.9;
|
|
padding: 4px;
|
|
width: 24px;
|
|
}
|
|
[dir="rtl"] .ui-dialog .ajax-progress-throbber {
|
|
left: auto;
|
|
right: 49%;
|
|
}
|
|
.ui-dialog .ajax-progress-throbber .throbber,
|
|
.ui-dialog .ajax-progress-throbber .message {
|
|
display: none;
|
|
}
|
|
|