annotate core/misc/dialog/off-canvas.form.css @ 14:1fec387a4317

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