3 * Set base styles for the off-canvas dialog.
6 /* Set some global attributes. */
8 #drupal-off-canvas *:not(div) {
10 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
14 /* Generic elements. */
16 #drupal-off-canvas .link {
18 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
22 text-decoration: none;
23 transition: color 0.5s ease;
26 #drupal-off-canvas a:focus,
27 #drupal-off-canvas .link:focus,
28 #drupal-off-canvas a:hover,
29 #drupal-off-canvas .link:hover {
30 text-decoration: underline;
32 #drupal-off-canvas hr {
36 #drupal-off-canvas summary,
37 #drupal-off-canvas .fieldgroup:not(.form-composite) > legend {
40 #drupal-off-canvas h1,
41 #drupal-off-canvas .heading-a {
47 #drupal-off-canvas h2,
48 #drupal-off-canvas .heading-b {
54 #drupal-off-canvas h3,
55 #drupal-off-canvas .heading-c {
61 #drupal-off-canvas h4,
62 #drupal-off-canvas .heading-d {
68 #drupal-off-canvas h5,
69 #drupal-off-canvas .heading-e {
75 #drupal-off-canvas h6,
76 #drupal-off-canvas .heading-f {
82 #drupal-off-canvas p {
85 #drupal-off-canvas dl {
88 #drupal-off-canvas dl dd,
89 #drupal-off-canvas dl dl {
90 margin-left: 20px; /* LTR */
93 [dir="rtl"] #drupal-off-canvas dl dd,
94 [dir="rtl"] #drupal-off-canvas dl dl {
97 #drupal-off-canvas blockquote {
100 #drupal-off-canvas address {
103 #drupal-off-canvas u,
104 #drupal-off-canvas ins {
105 text-decoration: underline;
107 #drupal-off-canvas s,
108 #drupal-off-canvas strike,
109 #drupal-off-canvas del {
110 text-decoration: line-through;
112 #drupal-off-canvas big {
115 #drupal-off-canvas small {
118 #drupal-off-canvas sub {
123 #drupal-off-canvas sup {
124 vertical-align: super;
128 #drupal-off-canvas abbr,
129 #drupal-off-canvas acronym {
130 border-bottom: dotted 1px;
131 background: transparent;
134 #drupal-off-canvas ul {
135 list-style-type: disc;
136 list-style-image: none;
138 [dir="rtl"] #drupal-off-canvas .messages__list {
141 #drupal-off-canvas ol {
142 list-style-type: decimal;
144 #drupal-off-canvas ul li,
145 #drupal-off-canvas ol li {
148 #drupal-off-canvas blockquote,
149 #drupal-off-canvas code {
152 #drupal-off-canvas pre {
154 white-space: pre-wrap;
157 /* Classes for hidden and visually hidden elements. See hidden.module.css. */
158 #drupal-off-canvas .hidden {
161 #drupal-off-canvas .visually-hidden {
162 position: absolute !important;
163 clip: rect(1px, 1px, 1px, 1px);
169 #drupal-off-canvas .visually-hidden.focusable:active,
170 #drupal-off-canvas .visually-hidden.focusable:focus {
171 position: static !important;
177 #drupal-off-canvas .invisible {
181 /* Some system classes. See system.admin.css. */
182 #drupal-off-canvas .panel {
183 padding: 5px 5px 15px;
185 #drupal-off-canvas .panel__description {
187 padding: 2px 0 3px 0;
189 #drupal-off-canvas .compact-link {
192 #drupal-off-canvas small .admin-link:before {
195 #drupal-off-canvas small .admin-link:after {
199 /* Override jQuery UI */
200 #drupal-off-canvas .ui-widget-content a {
201 color: #85bef4 !important;
205 #drupal-off-canvas .messages {
206 background: no-repeat 10px 17px;
208 [dir="rtl"] #drupal-off-canvas .messages {
209 background-position: right 10px top 17px;
211 #drupal-off-canvas .messages abbr {
214 #drupal-off-canvas .messages--status {
215 background-color: #f3faef;
216 background-image: url(../icons/73b355/check.svg);
219 #drupal-off-canvas .messages--warning {
220 background-color: #fdf8ed;
221 background-image: url(../icons/e29700/warning.svg);
225 #drupal-off-canvas .messages--error {
226 background-color: #fcf4f2;
227 background-image: url(../icons/e32700/error.svg);
231 #drupal-off-canvas .messages--error div[role="alert"] {
232 background: transparent;