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