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