Chris@0: /**
Chris@0:  * @file
Chris@0:  * Presentational styles for Drupal dialogs.
Chris@0:  */
Chris@0: 
Chris@0: .ui-dialog {
Chris@0:   position: absolute;
Chris@0:   z-index: 1260;
Chris@0:   overflow: visible;
Chris@18:   padding: 0;
Chris@0:   color: #000;
Chris@18:   border: solid 1px #ccc;
Chris@0:   background: #fff;
Chris@0: }
Chris@14: 
Chris@0: @media all and (max-width: 48em) { /* 768px */
Chris@0:   .ui-dialog {
Chris@0:     width: 92% !important;
Chris@0:   }
Chris@0: }
Chris@0: .ui-dialog .ui-dialog-titlebar {
Chris@18:   border-width: 0 0 1px 0;
Chris@18:   border-style: solid;
Chris@18:   border-color: #ccc;
Chris@18:   border-radius: 0;
Chris@18:   background: #f3f4ee;
Chris@0:   font-weight: bold;
Chris@0: }
Chris@0: .ui-dialog .ui-dialog-titlebar-close {
Chris@0:   border: 0;
Chris@0:   background: none;
Chris@0: }
Chris@0: .ui-dialog .ui-dialog-buttonpane {
Chris@0:   margin-top: 0;
Chris@14:   padding: 0.3em 1em;
Chris@0:   border-width: 1px 0 0 0;
Chris@0:   border-color: #ccc;
Chris@18:   background: #f3f4ee;
Chris@0: }
Chris@0: .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
Chris@0:   margin: 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
Chris@0:   padding: 0;
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@18:   margin: 0;
Chris@0:   padding: 0;
Chris@0: }
Chris@0: .ui-dialog .ajax-progress-throbber {
Chris@18:   position: fixed;
Chris@18:   z-index: 1000;
Chris@18:   top: 48.5%;
Chris@0:   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
Chris@0:   left: 49%;
Chris@18:   width: 24px;
Chris@18:   height: 24px;
Chris@18:   padding: 4px;
Chris@18:   opacity: 0.9;
Chris@18:   border-radius: 7px;
Chris@0:   background-color: #232323;
Chris@0:   background-image: url(../../../../misc/loading-small.gif);
Chris@18:   background-repeat: no-repeat;
Chris@0:   background-position: center center;
Chris@0: }
Chris@0: .ui-dialog .ajax-progress-throbber .throbber,
Chris@0: .ui-dialog .ajax-progress-throbber .message {
Chris@0:   display: none;
Chris@0: }