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

   1 /**
   2  * @file
   3  * Visual styling for forms in the Settings Tray module's off canvas tray.
   4  */
   5
   6 #drupal-off-canvas form {
   7   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
   8   color: #ddd;
   9 }
  10 #drupal-off-canvas input[type="checkbox"] {
  11   -webkit-appearance: checkbox;
  12 }
  13 #drupal-off-canvas input[type="radio"] {
  14   -webkit-appearance: radio;
  15 }
  16 #drupal-off-canvas select {
  17   -webkit-appearance: menulist;
  18   -moz-appearance: menulist;
  19 }
  20 #drupal-off-canvas option {
  21   display: block;
  22   font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
  23 }
  24 #drupal-off-canvas label {
  25   line-height: normal;
  26   font-family: inherit;
  27   font-size: 12px;
  28   font-weight: bold;
  29   color: #ddd;
  30 }
  31 #drupal-off-canvas .visually-hidden {
  32   opacity: 0;
  33   height: 0;
  34   width: 0;
  35   letter-spacing: -2em;
  36 }
  37 #drupal-off-canvas .description,
  38 #drupal-off-canvas .form-item .description,
  39 #drupal-off-canvas .details-description {
  40   color: #ddd;
  41   margin-top: 5px;
  42   font-family: inherit;
  43   font-size: 12px;
  44   font-style: normal;
  45 }
  46 #drupal-off-canvas .details-wrapper .description {
  47   color: #bbb;
  48 }
  49 #drupal-off-canvas .form-item {
  50   margin-bottom: 10px;
  51   margin-top: 10px;
  52 }
  53 /* Set size and position for all inputs. */
  54 #drupal-off-canvas .form-select,
  55 #drupal-off-canvas .form-text,
  56 #drupal-off-canvas .form-tel,
  57 #drupal-off-canvas .form-email,
  58 #drupal-off-canvas .form-url,
  59 #drupal-off-canvas .form-search,
  60 #drupal-off-canvas .form-number,
  61 #drupal-off-canvas .form-color,
  62 #drupal-off-canvas .form-file,
  63 #drupal-off-canvas .form-textarea,
  64 #drupal-off-canvas .form-date,
  65 #drupal-off-canvas .form-time {
  66   box-sizing: border-box;
  67   max-width: 100%;
  68   padding: 6px;
  69   margin: 5px 0 0 0;
  70   border-width: 1px;
  71   border-radius: 2px;
  72   display: block;
  73   font-family: inherit;
  74   font-size: 14px;
  75   color: #333;
  76   line-height: 16px;
  77 }
  78 /* Reduce contrast for fields against dark background. */
  79 #drupal-off-canvas .form-text,
  80 #drupal-off-canvas .form-tel,
  81 #drupal-off-canvas .form-email,
  82 #drupal-off-canvas .form-url,
  83 #drupal-off-canvas .form-search,
  84 #drupal-off-canvas .form-number,
  85 #drupal-off-canvas .form-color,
  86 #drupal-off-canvas .form-file,
  87 #drupal-off-canvas .form-textarea,
  88 #drupal-off-canvas .form-date,
  89 #drupal-off-canvas .form-time {
  90   box-shadow: inset 0 1px 2px rgba(0, 0, 0, .125);
  91   background-color: #eee;
  92   border-color: #333;
  93   color: #595959;
  94 }
  95 #drupal-off-canvas .form-text:focus,
  96 #drupal-off-canvas .form-tel:focus,
  97 #drupal-off-canvas .form-email:focus,
  98 #drupal-off-canvas .form-url:focus,
  99 #drupal-off-canvas .form-search:focus,
 100 #drupal-off-canvas .form-number:focus,
 101 #drupal-off-canvas .form-color:focus,
 102 #drupal-off-canvas .form-file:focus,
 103 #drupal-off-canvas .form-textarea:focus,
 104 #drupal-off-canvas .form-date:focus,
 105 #drupal-off-canvas .form-time:focus {
 106   border-color: #40b6ff;
 107   box-shadow: inset 0 1px 3px rgba(0, 0, 0, .125), 0 0 8px #40b6ff;
 108   background-color: #fff;
 109 }
 110 #drupal-off-canvas td .form-item,
 111 #drupal-off-canvas td .form-select {
 112   margin: 0;
 113 }
 114 #drupal-off-canvas .form-file {
 115   margin-bottom: 5px;
 116   width: 100%;
 117 }
 118 #drupal-off-canvas .form-actions {
 119   text-align: center;
 120   margin: 10px 0;
 121 }
 122 #drupal-off-canvas .ui-autocomplete {
 123   background-color: white;
 124   position: absolute;
 125   top: 0;
 126   left: 0;
 127   cursor: default;
 128 }
 129 #drupal-off-canvas .ui-autocomplete li {
 130   display: block;
 131 }
 132 #drupal-off-canvas .ui-autocomplete li a {
 133   color: #595959 !important;
 134   cursor: pointer;
 135   padding: 5px;
 136 }