3 * Styling for the off-canvas ui dialog. Including overrides for jQuery UI.
6 /* Style the dialog-off-canvas container. */
7 .ui-dialog.ui-dialog-off-canvas {
9 border: 0 solid transparent;
11 box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3333);
14 /* Layer the dialog just under the toolbar. */
18 /* Style the off-canvas dialog header. */
19 .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar {
23 border-bottom: 1px solid #000;
28 /* Hide the default jQuery UI dialog close button. */
29 .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close .ui-icon {
32 .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
33 background-image: url(../icons/bebebe/ex.svg);
34 background-position: center center;
35 background-repeat: no-repeat;
36 background-color: transparent;
37 border: 3px solid transparent;
43 transition: all 0.5s ease;
45 .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:hover,
46 .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close:focus {
47 background-image: url(../icons/ffffff/ex.svg);
48 border: 3px solid #fff;
50 [dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-titlebar-close {
54 .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
56 /* Push the text away from the icon. */
57 padding-left: 30px; /* LTR */
58 padding-right: 0; /* LTR */
59 /* Ensure that long titles do not overlap the close button. */
62 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
63 text-align: left; /* LTR */
65 [dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title {
71 .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
72 background: transparent url(../icons/ffffff/pencil.svg) no-repeat scroll center center;
73 background-size: 100% auto;
82 [dir="rtl"] .ui-dialog.ui-dialog-off-canvas .ui-dialog-title:before {
87 /* Override default styling from jQuery UI. */
88 #drupal-off-canvas .ui-state-default,
89 #drupal-off-canvas .ui-widget-content .ui-state-default,
90 #drupal-off-canvas .ui-widget-header .ui-state-default {
96 #drupal-off-canvas .ui-widget-content a {