Mercurial > hg > cmmr2012-drupal-site

annotate core/misc/dialog/off-canvas.form.css @ 4:a9cd425dd02b

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