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

   1 /**
   2  * Presentational styles for Drupal dialogs.
   3  */
   4
   5 .ui-dialog {
   6   background: transparent;
   7   border: 0;
   8   position: absolute;
   9   z-index: 1260;
  10   padding: 0;
  11 }
  12 @media all and (max-width: 48em) { /* 768px */
  13   .ui-dialog {
  14     min-width: 92%;
  15     max-width: 92%;
  16   }
  17 }
  18 .ui-dialog .ui-dialog-titlebar {
  19   background: #6b6b6b;
  20   border-top-left-radius: 5px;
  21   border-top-right-radius: 5px;
  22   padding: 15px 49px 15px 15px; /* LTR */
  23 }
  24 [dir="rtl"] .ui-dialog .ui-dialog-titlebar {
  25   padding-left: 49px;
  26   padding-right: 15px;
  27 }
  28 .ui-dialog .ui-dialog-title {
  29   font-size: 1.231em;
  30   font-weight: 600;
  31   margin: 0;
  32   color: #ffffff;
  33   -webkit-font-smoothing: antialiased;
  34 }
  35 .ui-dialog .ui-dialog-titlebar-close {
  36   border: 0;
  37   background: none;
  38   right: 20px; /* LTR */
  39   top: 20px;
  40   margin: 0;
  41   height: 16px;
  42   width: 16px;
  43   position: absolute;
  44 }
  45 [dir="rtl"] .ui-dialog .ui-dialog-titlebar-close {
  46   right: auto;
  47   left: 20px;
  48 }
  49 .ui-dialog .ui-icon.ui-icon-closethick {
  50   background: url(../../../../misc/icons/ffffff/ex.svg) 0 0 no-repeat;
  51   margin-top: -12px;
  52 }
  53 .ui-dialog .ui-widget-content.ui-dialog-content {
  54   background: #ffffff;
  55   overflow: auto;
  56   padding: 1em;
  57 }
  58 .views-ui-dialog .ui-widget-content.ui-dialog-content {
  59   padding: 0;
  60 }
  61 .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  62   background: #f5f5f2;
  63   /* border-top: 1px solid #bfbfbf; */
  64   margin: 0;
  65   padding: 15px 20px;
  66   border-bottom-left-radius: 5px;
  67   border-bottom-right-radius: 5px;
  68 }
  69 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  70   margin: 0;
  71   padding: 0;
  72   float: none;
  73 }
  74 .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  75   padding: 0;
  76 }
  77 .ui-dialog .ui-dialog-content {
  78   position: static;
  79 }
  80
  81 /* Form action buttons are moved in dialogs. Remove empty space. */
  82 .ui-dialog .ui-dialog-content .form-actions {
  83   padding: 0;
  84   margin: 0;
  85 }
  86 .ui-dialog .ajax-progress-throbber {
  87   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  88   left: 49%; /* LTR */
  89   position: fixed;
  90   top: 48.5%;
  91   z-index: 1000;
  92   background-color: #232323;
  93   background-image: url(../../../../misc/loading-small.gif);
  94   background-position: center center;
  95   background-repeat: no-repeat;
  96   border-radius: 7px;
  97   height: 24px;
  98   opacity: 0.9;
  99   padding: 4px;
 100   width: 24px;
 101 }
 102 [dir="rtl"] .ui-dialog .ajax-progress-throbber {
 103   left: auto;
 104   right: 49%;
 105 }
 106 .ui-dialog .ajax-progress-throbber .throbber,
 107 .ui-dialog .ajax-progress-throbber .message {
 108   display: none;
 109 }