Mercurial > hg > cmmr2012-drupal-site

annotate core/misc/dialog/off-canvas.button.css @ 0:c75dbcec494b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Initial commit from drush-created site
author Chris Cannam
date Thu, 05 Jul 2018 14:24:15 +0000
parents
children 12f9dff5fda9
rev   line source
Chris@0 1 /**
Chris@0 2 * @file
Chris@0 3 * Visual styling for buttons in the off-canvas dialog.
Chris@0 4 *
Chris@0 5 * @see seven/css/components/buttons.css
Chris@0 6 */
Chris@0 7
Chris@0 8 #drupal-off-canvas button,
Chris@0 9 #drupal-off-canvas .button {
Chris@0 10 -webkit-appearance: none;
Chris@0 11 -moz-appearance: none;
Chris@0 12 margin: 0 0 10px;
Chris@0 13 padding: 0;
Chris@0 14 border: 0;
Chris@0 15 box-shadow: none;
Chris@0 16 font-family: "Lucida Grande", 'Lucida Sans Unicode', 'liberation sans', sans-serif;
Chris@0 17 line-height: normal;
Chris@0 18 text-transform: none;
Chris@0 19 text-decoration: none;
Chris@0 20 cursor: pointer;
Chris@0 21 }
Chris@0 22 #drupal-off-canvas button.link {
Chris@0 23 display: inline;
Chris@0 24 background: transparent;
Chris@0 25 font-size: 14px;
Chris@0 26 color: #85bef4;
Chris@0 27 transition: color 0.5s ease;
Chris@0 28 }
Chris@0 29 #drupal-off-canvas button.link:hover,
Chris@0 30 #drupal-off-canvas button.link:focus {
Chris@0 31 color: #46a0f5;
Chris@0 32 text-decoration: none;
Chris@0 33 }
Chris@0 34 #drupal-off-canvas input[type="submit"].button {
Chris@0 35 display: inline-block;
Chris@0 36 position: relative;
Chris@0 37 width: 100%;
Chris@0 38 height: auto;
Chris@0 39 padding: 4px 20px;
Chris@0 40 border: 0;
Chris@0 41 border-radius: 20em;
Chris@0 42 background: #777;
Chris@0 43 font-weight: 600;
Chris@0 44 font-size: 14px;
Chris@0 45 color: #f5f5f5;
Chris@0 46 text-align: center;
Chris@0 47 cursor: pointer;
Chris@0 48 transition: background 0.5s ease;
Chris@0 49 }
Chris@0 50 #drupal-off-canvas input[type="submit"].button:hover,
Chris@0 51 #drupal-off-canvas input[type="submit"].button:focus,
Chris@0 52 #drupal-off-canvas input[type="submit"].button:active {
Chris@0 53 border: 0;
Chris@0 54 color: #fff;
Chris@0 55 text-decoration: none;
Chris@0 56 outline: none;
Chris@0 57 z-index: 10;
Chris@0 58 }
Chris@0 59 #drupal-off-canvas input[type="submit"].button:focus,
Chris@0 60 #drupal-off-canvas input[type="submit"].button:active {
Chris@0 61 box-shadow: 0 3px 3px 2px rgba(0, 0, 0, 0.1);
Chris@0 62 }
Chris@0 63 #drupal-off-canvas input[type="submit"].button--primary {
Chris@0 64 border: 0;
Chris@0 65 background: #277abd;
Chris@0 66 color: #fff;
Chris@0 67 margin-top: 15px;
Chris@0 68 }
Chris@0 69 #drupal-off-canvas input[type="submit"].button--primary:hover,
Chris@0 70 #drupal-off-canvas input[type="submit"].button--primary:focus,
Chris@0 71 #drupal-off-canvas input[type="submit"].button--primary:active {
Chris@0 72 background: #236aaf;
Chris@0 73 outline: none;
Chris@0 74 }
Chris@0 75 #drupal-off-canvas .button-action:before {
Chris@0 76 margin-left: -0.2em; /* LTR */
Chris@0 77 padding-right: 0.2em; /* LTR */
Chris@0 78 font-size: 14px;
Chris@0 79 line-height: 16px;
Chris@0 80 }
Chris@0 81 [dir="rtl"] #drupal-off-canvas .button-action:before {
Chris@0 82 margin-right: -0.2em;
Chris@0 83 margin-left: 0;
Chris@0 84 padding-right: 0;
Chris@0 85 padding-left: 0.2em;
Chris@0 86 }
Chris@0 87 #drupal-off-canvas .no-touchevents .button--small {
Chris@0 88 font-size: 13px;
Chris@0 89 padding: 2px 1em;
Chris@0 90 }
Chris@0 91 #drupal-off-canvas .button:disabled,
Chris@0 92 #drupal-off-canvas .button:disabled:active,
Chris@0 93 #drupal-off-canvas .button.is-disabled,
Chris@0 94 #drupal-off-canvas .button.is-disabled:active {
Chris@0 95 border: 0;
Chris@0 96 background: #555;
Chris@0 97 color: #5c5c5c;
Chris@0 98 font-weight: normal;
Chris@0 99 cursor: default;
Chris@0 100 }
Chris@0 101 #drupal-off-canvas .button--danger {
Chris@0 102 border-radius: 0;
Chris@0 103 color: #c72100;
Chris@0 104 font-weight: 400;
Chris@0 105 text-decoration: none;
Chris@0 106 }
Chris@0 107 #drupal-off-canvas .button--danger:hover,
Chris@0 108 #drupal-off-canvas .button--danger:focus,
Chris@0 109 #drupal-off-canvas .button--danger:active {
Chris@0 110 color: #ff2a00;
Chris@0 111 text-decoration: none;
Chris@0 112 text-shadow: none;
Chris@0 113 }
Chris@0 114 #drupal-off-canvas .button--danger:disabled,
Chris@0 115 #drupal-off-canvas .button--danger.is-disabled {
Chris@0 116 color: #737373;
Chris@0 117 cursor: default;
Chris@0 118 }