You are here

Home » API reference » Dialog 7.2

dialog.theme.css in Dialog 7.2 

/**
 * Presentational styles for Drupal dialogs.
 */

.ui-dialog {
  position: absolute;
  z-index: 1260;
  overflow: visible;
  color: #000;
  background: #fff;
  border: solid 1px #ccc;
  padding: 0;
}
@media all and (max-width: 48em) { /* 768px */
  .ui-dialog {
    width: 92% !important;
  }
}
.ui-dialog .ui-dialog-titlebar {
  font-weight: bold;
  background: #f3f4ee;
  border-style: solid;
  border-radius: 0;
  border-width: 0 0 1px 0;
  border-color: #ccc;
}
.ui-dialog .ui-dialog-titlebar-close {
  border: 0;
  background: none;
}
.ui-dialog .ui-dialog-buttonpane {
  margin-top: 0;
  background: #f3f4ee;
  padding: .3em 1em;
  border-width: 1px 0 0 0;
  border-color: #ccc;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  margin: 0;
  padding: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {
  padding: 0;
}

/* Form action buttons are moved in dialogs. Remove empty space. */
.ui-dialog .ui-dialog-content .form-actions {
  padding: 0;
  margin: 0;
}
.ui-dialog .ajax-progress-throbber {
  /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  left: 49%;
  position: fixed;
  top: 48.5%;
  z-index: 1000;
  background-color: #232323;
  background-image: url(loading-small.gif);
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 7px;
  height: 24px;
  opacity: 0.9;
  padding: 4px;
  width: 24px;
}
.ui-dialog .ajax-progress-throbber .throbber,
.ui-dialog .ajax-progress-throbber .message {
  display: none;
}

File

js/dialog/dialog.theme.css
View source 
  1. /**

  2.  * Presentational styles for Drupal dialogs.

  3.  */

  4. 

  5. .ui-dialog {

  6.   position: absolute;

  7.   z-index: 1260;

  8.   overflow: visible;

  9.   color: #000;

  10.   background: #fff;

  11.   border: solid 1px #ccc;

  12.   padding: 0;

  13. }

  14. @media all and (max-width: 48em) { /* 768px */

  15.   .ui-dialog {

  16.     width: 92% !important;

  17.   }

  18. }

  19. .ui-dialog .ui-dialog-titlebar {

  20.   font-weight: bold;

  21.   background: #f3f4ee;

  22.   border-style: solid;

  23.   border-radius: 0;

  24.   border-width: 0 0 1px 0;

  25.   border-color: #ccc;

  26. }

  27. .ui-dialog .ui-dialog-titlebar-close {

  28.   border: 0;

  29.   background: none;

  30. }

  31. .ui-dialog .ui-dialog-buttonpane {

  32.   margin-top: 0;

  33.   background: #f3f4ee;

  34.   padding: .3em 1em;

  35.   border-width: 1px 0 0 0;

  36.   border-color: #ccc;

  37. }

  38. .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

  39.   margin: 0;

  40.   padding: 0;

  41. }

  42. .ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text {

  43.   padding: 0;

  44. }

  45. 

  46. /* Form action buttons are moved in dialogs. Remove empty space. */

  47. .ui-dialog .ui-dialog-content .form-actions {

  48.   padding: 0;

  49.   margin: 0;

  50. }

  51. .ui-dialog .ajax-progress-throbber {

  52.   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */

  53.   left: 49%;

  54.   position: fixed;

  55.   top: 48.5%;

  56.   z-index: 1000;

  57.   background-color: #232323;

  58.   background-image: url(loading-small.gif);

  59.   background-position: center center;

  60.   background-repeat: no-repeat;

  61.   border-radius: 7px;

  62.   height: 24px;

  63.   opacity: 0.9;

  64.   padding: 4px;

  65.   width: 24px;

  66. }

  67. .ui-dialog .ajax-progress-throbber .throbber,

  68. .ui-dialog .ajax-progress-throbber .message {

  69.   display: none;

  70. }

  71.