www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/settings_tray/css/off-canvas.base.css

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