aleph1.co.uk Git - yaffs-website/blob - web/core/themes/classy/css/components/dialog.css

   1 /**
   2  * @file
   3  * Presentational styles for Drupal dialogs.
   4  */
   5
   6 .ui-dialog {
   7   position: absolute;
   8   z-index: 1260;
   9   overflow: visible;
  10   color: #000;
  11   background: #fff;
  12   border: solid 1px #ccc;
  13   padding: 0;
  14 }
  15 @media all and (max-width: 48em) { /* 768px */
  16   .ui-dialog {
  17     width: 92% !important;
  18   }
  19 }
  20 .ui-dialog .ui-dialog-titlebar {
  21   font-weight: bold;
  22   background: #f3f4ee;
  23   border-style: solid;
  24   border-radius: 0;
  25   border-width: 0 0 1px 0;
  26   border-color: #ccc;
  27 }
  28 .ui-dialog .ui-dialog-titlebar-close {
  29   border: 0;
  30   background: none;
  31 }
  32 .ui-dialog .ui-dialog-buttonpane {
  33   margin-top: 0;
  34   background: #f3f4ee;
  35   padding: .3em 1em;
  36   border-width: 1px 0 0 0;
  37   border-color: #ccc;
  38 }
  39 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  40   margin: 0;
  41   padding: 0;
  42 }
  43 .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  44   padding: 0;
  45 }
  46
  47 /* Form action buttons are moved in dialogs. Remove empty space. */
  48 .ui-dialog .ui-dialog-content .form-actions {
  49   padding: 0;
  50   margin: 0;
  51 }
  52 .ui-dialog .ajax-progress-throbber {
  53   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  54   left: 49%;
  55   position: fixed;
  56   top: 48.5%;
  57   z-index: 1000;
  58   background-color: #232323;
  59   background-image: url(../../../../misc/loading-small.gif);
  60   background-position: center center;
  61   background-repeat: no-repeat;
  62   border-radius: 7px;
  63   height: 24px;
  64   opacity: 0.9;
  65   padding: 4px;
  66   width: 24px;
  67 }
  68 .ui-dialog .ajax-progress-throbber .throbber,
  69 .ui-dialog .ajax-progress-throbber .message {
  70   display: none;
  71 }
  72