Mercurial > hg > isophonics-drupal-site

annotate core/themes/seven/css/components/dialog.css @ 19:fa3358dc1485 tip

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