aleph1.co.uk Git - yaffs-website/blob - web/core/misc/dialog/off-canvas.base.css

   1 /**
   2  * @file
   3  * Set base styles for the off-canvas dialog.
   4  */
   5
   6 /* Set some global attributes. */
   7 #drupal-off-canvas *,
   8 #drupal-off-canvas *:not(div) {
   9   background: #444;
  10   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
  11   color: #ddd;
  12 }
  13
  14 /* Generic elements. */
  15 #drupal-off-canvas a,
  16 #drupal-off-canvas .link {
  17   border-bottom: none;
  18   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
  19   font-size: inherit;
  20   font-weight: normal;
  21   color: #85bef4;
  22   text-decoration: none;
  23   transition: color 0.5s ease;
  24 }
  25
  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;
  31 }
  32 #drupal-off-canvas hr {
  33   height: 1px;
  34   background: #ccc;
  35 }
  36 #drupal-off-canvas summary,
  37 #drupal-off-canvas .fieldgroup:not(.form-composite) > legend {
  38   font-weight: bold;
  39 }
  40 #drupal-off-canvas h1,
  41 #drupal-off-canvas .heading-a {
  42   display: block;
  43   font-weight: bold;
  44   font-size: 1.625em;
  45   line-height: 1.875em;
  46 }
  47 #drupal-off-canvas h2,
  48 #drupal-off-canvas .heading-b {
  49   display: block;
  50   font-weight: bold;
  51   margin: 10px 0;
  52   font-size: 1.385em;
  53 }
  54 #drupal-off-canvas h3,
  55 #drupal-off-canvas .heading-c {
  56   display: block;
  57   font-weight: bold;
  58   margin: 10px 0;
  59   font-size: 1.231em;
  60 }
  61 #drupal-off-canvas h4,
  62 #drupal-off-canvas .heading-d {
  63   display: block;
  64   font-weight: bold;
  65   margin: 10px 0;
  66   font-size: 1.154em;
  67 }
  68 #drupal-off-canvas h5,
  69 #drupal-off-canvas .heading-e {
  70   display: block;
  71   font-weight: bold;
  72   margin: 10px 0;
  73   font-size: 1.077em;
  74 }
  75 #drupal-off-canvas h6,
  76 #drupal-off-canvas .heading-f {
  77   display: block;
  78   font-weight: bold;
  79   margin: 10px 0;
  80   font-size: 1.077em;
  81 }
  82 #drupal-off-canvas p {
  83   margin: 1em 0;
  84 }
  85 #drupal-off-canvas dl {
  86   margin: 0 0 20px;
  87 }
  88 #drupal-off-canvas dl dd,
  89 #drupal-off-canvas dl dl {
  90   margin-left: 20px; /* LTR */
  91   margin-bottom: 10px;
  92 }
  93 [dir="rtl"] #drupal-off-canvas dl dd,
  94 [dir="rtl"] #drupal-off-canvas dl dl {
  95   margin-right: 20px;
  96 }
  97 #drupal-off-canvas blockquote {
  98   margin: 1em 40px;
  99 }
 100 #drupal-off-canvas address {
 101   font-style: italic;
 102 }
 103 #drupal-off-canvas u,
 104 #drupal-off-canvas ins {
 105   text-decoration: underline;
 106 }
 107 #drupal-off-canvas s,
 108 #drupal-off-canvas strike,
 109 #drupal-off-canvas del {
 110   text-decoration: line-through;
 111 }
 112 #drupal-off-canvas big {
 113   font-size: larger;
 114 }
 115 #drupal-off-canvas small {
 116   font-size: smaller;
 117 }
 118 #drupal-off-canvas sub {
 119   vertical-align: sub;
 120   font-size: smaller;
 121   line-height: normal;
 122 }
 123 #drupal-off-canvas sup {
 124   vertical-align: super;
 125   font-size: smaller;
 126   line-height: normal;
 127 }
 128 #drupal-off-canvas abbr,
 129 #drupal-off-canvas acronym {
 130   border-bottom: dotted 1px;
 131   background: transparent;
 132 }
 133
 134 #drupal-off-canvas ul {
 135   list-style-type: disc;
 136   list-style-image: none;
 137 }
 138 [dir="rtl"] #drupal-off-canvas .messages__list {
 139   margin-right: 0;
 140 }
 141 #drupal-off-canvas ol {
 142   list-style-type: decimal;
 143 }
 144 #drupal-off-canvas ul li,
 145 #drupal-off-canvas ol li {
 146   display: block;
 147 }
 148 #drupal-off-canvas blockquote,
 149 #drupal-off-canvas code {
 150   margin: 20px 0;
 151 }
 152 #drupal-off-canvas pre {
 153   margin: 20px 0;
 154   white-space: pre-wrap;
 155 }
 156
 157 /* Classes for hidden and visually hidden elements. See hidden.module.css. */
 158 #drupal-off-canvas .hidden {
 159   display: none;
 160 }
 161 #drupal-off-canvas .visually-hidden {
 162   position: absolute !important;
 163   clip: rect(1px, 1px, 1px, 1px);
 164   overflow: hidden;
 165   height: 1px;
 166   width: 1px;
 167   word-wrap: normal;
 168 }
 169 #drupal-off-canvas .visually-hidden.focusable:active,
 170 #drupal-off-canvas .visually-hidden.focusable:focus {
 171   position: static !important;
 172   clip: auto;
 173   overflow: visible;
 174   height: auto;
 175   width: auto;
 176 }
 177 #drupal-off-canvas .invisible {
 178   visibility: hidden;
 179 }
 180
 181 /* Some system classes. See system.admin.css. */
 182 #drupal-off-canvas .panel {
 183   padding: 5px 5px 15px;
 184 }
 185 #drupal-off-canvas .panel__description {
 186   margin: 0 0 3px;
 187   padding: 2px 0 3px 0;
 188 }
 189 #drupal-off-canvas .compact-link {
 190   margin: 0 0 10px 0;
 191 }
 192 #drupal-off-canvas small .admin-link:before {
 193   content: ' [';
 194 }
 195 #drupal-off-canvas small .admin-link:after {
 196   content: ']';
 197 }
 198
 199 /* Override jQuery UI */
 200 #drupal-off-canvas .ui-widget-content a {
 201   color: #85bef4 !important;
 202 }
 203
 204 /* Message styles */
 205 #drupal-off-canvas .messages {
 206   background: no-repeat 10px 17px;
 207 }
 208 [dir="rtl"] #drupal-off-canvas .messages {
 209   background-position: right 10px top 17px;
 210 }
 211 #drupal-off-canvas .messages abbr {
 212   color: #444;
 213 }
 214 #drupal-off-canvas .messages--status {
 215   background-color: #f3faef;
 216   background-image: url(../icons/73b355/check.svg);
 217   color: #325e1c;
 218 }
 219 #drupal-off-canvas .messages--warning {
 220   background-color: #fdf8ed;
 221   background-image: url(../icons/e29700/warning.svg);
 222   color: #734c00;
 223 }
 224
 225 #drupal-off-canvas .messages--error {
 226   background-color: #fcf4f2;
 227   background-image: url(../icons/e32700/error.svg);
 228   color: #a51b00;
 229 }
 230
 231 #drupal-off-canvas .messages--error div[role="alert"] {
 232   background: transparent;
 233   color: inherit;
 234 }