You are here

Home » API reference » Drupal 8

ui-dialog.css in Drupal 8

Same filename in this branch
  1. 8 core/themes/classy/css/components/ui-dialog.css
  2. 8 core/themes/bartik/css/components/ui-dialog.css
  3. 8 core/themes/claro/css/classy/components/ui-dialog.css
  4. 8 core/themes/seven/css/classy/components/ui-dialog.css
  5. 8 core/themes/bartik/css/classy/components/ui-dialog.css
  6. 8 core/profiles/demo_umami/themes/umami/css/classy/components/ui-dialog.css
Same filename and directory in other branches
  1. 9 core/themes/bartik/css/components/ui-dialog.css
  2. 10 core/themes/bartik/css/components/ui-dialog.css

Styles for Bartik's modal windows

File

core/themes/bartik/css/components/ui-dialog.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for Bartik's modal windows

  4.  */

  5. 

  6. .ui-widget-overlay {

  7.   opacity: 0.7;

  8.   background: #000;

  9. }

  10. .ui-dialog {

  11.   border-radius: 0;

  12.   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  13. }

  14. .ui-dialog input,

  15. .ui-dialog select,

  16. .ui-dialog textarea {

  17.   font-size: 0.9em;

  18. }

  19. .ui-dialog .button {

  20.   padding: 0.25em 1.063em;

  21.   cursor: pointer;

  22.   text-align: center;

  23.   color: #3a3a3a;

  24.   border: 1px solid #e4e4e4;

  25.   border-right-color: #d2d2d2;

  26.   border-bottom-color: #b4b4b4;

  27.   border-left-color: #d2d2d2;

  28.   border-radius: 1em;

  29.   background-color: #fff;

  30.   background-image: -webkit-linear-gradient(top, #f3f3f3, #e8e8e8);

  31.   background-image: linear-gradient(to bottom, #f3f3f3, #e8e8e8);

  32.   font-size: 0.929em;

  33.   font-weight: normal;

  34. }