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

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