www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/core/dialog/off-canvas.form.css

   1 /**
   2  * @file
   3  * Visual styling for forms in the off-canvas dialog.
   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 .form-item {
  47   margin-bottom: 10px;
  48   margin-top: 10px;
  49 }
  50 /* Set size and position for all inputs. */
  51 #drupal-off-canvas .form-select,
  52 #drupal-off-canvas .form-text,
  53 #drupal-off-canvas .form-tel,
  54 #drupal-off-canvas .form-email,
  55 #drupal-off-canvas .form-url,
  56 #drupal-off-canvas .form-search,
  57 #drupal-off-canvas .form-number,
  58 #drupal-off-canvas .form-color,
  59 #drupal-off-canvas .form-file,
  60 #drupal-off-canvas .form-textarea,
  61 #drupal-off-canvas .form-date,
  62 #drupal-off-canvas .form-time {
  63   box-sizing: border-box;
  64   max-width: 100%;
  65   padding: 6px;
  66   margin: 5px 0 0 0;
  67   border-width: 1px;
  68   border-radius: 2px;
  69   display: block;
  70   font-family: inherit;
  71   font-size: 14px;
  72   color: #333;
  73   line-height: 16px;
  74 }
  75 /* Reduce contrast for fields against dark background. */
  76 #drupal-off-canvas .form-text,
  77 #drupal-off-canvas .form-tel,
  78 #drupal-off-canvas .form-email,
  79 #drupal-off-canvas .form-url,
  80 #drupal-off-canvas .form-search,
  81 #drupal-off-canvas .form-number,
  82 #drupal-off-canvas .form-color,
  83 #drupal-off-canvas .form-file,
  84 #drupal-off-canvas .form-textarea,
  85 #drupal-off-canvas .form-date,
  86 #drupal-off-canvas .form-time {
  87   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.125);
  88   background-color: #eee;
  89   border-color: #333;
  90   color: #595959;
  91 }
  92 #drupal-off-canvas .form-text:focus,
  93 #drupal-off-canvas .form-tel:focus,
  94 #drupal-off-canvas .form-email:focus,
  95 #drupal-off-canvas .form-url:focus,
  96 #drupal-off-canvas .form-search:focus,
  97 #drupal-off-canvas .form-number:focus,
  98 #drupal-off-canvas .form-color:focus,
  99 #drupal-off-canvas .form-file:focus,
 100 #drupal-off-canvas .form-textarea:focus,
 101 #drupal-off-canvas .form-date:focus,
 102 #drupal-off-canvas .form-time:focus {
 103   border-color: #40b6ff;
 104   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.125), 0 0 8px #40b6ff;
 105   background-color: #fff;
 106 }
 107 #drupal-off-canvas td .form-item,
 108 #drupal-off-canvas td .form-select {
 109   margin: 0;
 110 }
 111 #drupal-off-canvas .form-file {
 112   margin-bottom: 5px;
 113   width: 100%;
 114 }
 115 #drupal-off-canvas .form-actions {
 116   text-align: center;
 117   margin: 10px 0;
 118 }
 119 #drupal-off-canvas .ui-autocomplete {
 120   background-color: white;
 121   position: absolute;
 122   top: 0;
 123   left: 0;
 124   cursor: default;
 125 }
 126 #drupal-off-canvas .ui-autocomplete li {
 127   display: block;
 128 }
 129 #drupal-off-canvas .ui-autocomplete li a {
 130   color: #595959 !important;
 131   cursor: pointer;
 132   padding: 5px;
 133 }