Mercurial > hg > isophonics-drupal-site

annotate core/themes/seven/css/components/dialog.css @ 11:bfffd8d7479a

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