www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/quickedit/css/quickedit.icons.theme.css

   1 /**
   2  * @file
   3  * Icons for Quick Edit module.
   4  */
   5
   6 .quickedit .icon {
   7   min-height: 1em;
   8   min-width: 2.5em;
   9   position: relative;
  10 }
  11 .quickedit .icon.icon-only {
  12   text-indent: -9999px;
  13 }
  14 .quickedit .icon.icon-end {
  15   padding-right: 2.5em; /* LTR */
  16 }
  17 [dir="rtl"] .quickedit .icon.icon-end {
  18   padding-left: 2.5em;
  19   padding-right: 0;
  20 }
  21 .quickedit .icon:before {
  22   background-attachment: scroll;
  23   background-color: transparent;
  24   background-position: center center;
  25   background-repeat: no-repeat;
  26   content: '';
  27   display: block;
  28   height: 100%;
  29   left: 0; /* LTR */
  30   position: absolute;
  31   top: 0;
  32   width: 100%;
  33 }
  34 [dir="rtl"] .quickedit .icon:before {
  35   left: auto;
  36   right: 0;
  37 }
  38 .quickedit .icon-end:before {
  39   left: auto; /* LTR */
  40   right: 0.5em; /* LTR */
  41   width: 18px;
  42 }
  43 [dir="rtl"] .quickedit .icon-end:before {
  44   left: 0.5em;
  45   right: auto;
  46 }
  47 .quickedit button.icon {
  48   font-size: 1em;
  49 }
  50 .quickedit .icon-pencil {
  51   margin-left: .5em;
  52   padding-left: 1.5em;
  53 }
  54
  55 /**
  56  * Images.
  57  */
  58 .quickedit .icon-close:before {
  59   background-image: url(../../../misc/icons/787878/ex.svg);
  60   height: 12px;
  61   top: 10px;
  62 }
  63 .quickedit .icon-close:hover:before,
  64 .quickedit .icon-close:active:before {
  65   background-image: url(../../../misc/icons/000000/ex.svg);
  66 }
  67 .quickedit .icon-throbber:before {
  68   background-image: url(../images/icon-throbber.gif);
  69 }
  70 .quickedit .icon-pencil:before {
  71   background-image: url(../../../misc/icons/5181c6/pencil.svg);
  72   background-position: left center;
  73   background-size: 1.3em;
  74 }