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