www.aleph1.co.uk Git - yaffs-website/blob - web/core/themes/stable/css/shortcut/shortcut.theme.css

   1 /**
   2  * @file
   3  * Styling for the shortcut module.
   4  */
   5
   6 /**
   7  * Toolbar.
   8  */
   9 .toolbar .toolbar-tray-vertical .edit-shortcuts {
  10   text-align: right; /* LTR */
  11   padding: 1em;
  12 }
  13 [dir="rtl"] .toolbar .toolbar-tray-vertical .edit-shortcuts {
  14   text-align: left;
  15 }
  16 .toolbar .toolbar-tray-horizontal .edit-shortcuts {
  17   float: right; /* LTR */
  18 }
  19 [dir="rtl"] .toolbar .toolbar-tray-horizontal .edit-shortcuts {
  20   float: left;
  21 }
  22
  23 /**
  24  * Add/remove links.
  25  */
  26 .shortcut-action {
  27   display: inline-block;
  28   margin-left: 0.3em; /* LTR */
  29 }
  30 [dir="rtl"] .shortcut-action {
  31   margin-left: 0;
  32   margin-right: 0.3em;
  33 }
  34 .shortcut-action__message {
  35   background: #000000;
  36   background: rgba(0, 0, 0, 0.5);
  37   border-radius: 5px;
  38   padding: 0 5px;
  39   color: #ffffff;
  40   display: inline-block;
  41   margin-left: 0.3em; /* LTR */
  42   opacity: 0;
  43   -ms-transform: translateY(-12px);
  44   -webkit-transform: translateY(-12px);
  45   transform: translateY(-12px);
  46   -webkit-transition: all 200ms ease-out;
  47   transition: all 200ms ease-out;
  48   -ms-backface-visibility: hidden;
  49   -webkit-backface-visibility: hidden;
  50   backface-visibility: hidden;
  51 }
  52 [dir="rtl"] .shortcut-action__message {
  53   margin-left: 0;
  54   margin-right: 0.3em;
  55 }
  56 .shortcut-action:hover .shortcut-action__message,
  57 .shortcut-action:focus .shortcut-action__message {
  58   opacity: 1;
  59   -ms-transform: translateY(-2px);
  60   -webkit-transform: translateY(-2px);
  61   transform: translateY(-2px);
  62 }