www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/block_place/css/block-place.css

   1 /**
   2  * @file
   3  * Styling for block_place module regions and buttons during block placement.
   4  */
   5
   6 .block-place-region {
   7   outline: 1px dashed rgba(0,0,0,0.5);
   8   box-shadow: 0 0 0 1px rgba(255,255,255,0.7);
   9   margin: 1em 0;
  10   padding: 5px;
  11   text-align: center;
  12   text-shadow: none;
  13 }
  14
  15 .block-place-region a.button {
  16   position: relative;
  17   background: url(../../../misc/icons/bebebe/plus.svg) #ffffff center center / 16px 16px no-repeat;
  18   border: 1px solid #cccccc;
  19   box-sizing: border-box;
  20   font-size: 1rem;
  21   padding: 0;
  22   height: 26px;
  23   width: 26px;
  24   white-space: nowrap;
  25 }
  26
  27 .block-place-region:hover a.button,
  28 .block-place-region:focus a.button {
  29   background-image: url(../../../misc/icons/787878/plus.svg);
  30 }
  31
  32 .block-place-region .ajax-progress {
  33   position: relative;
  34   top: -10px;
  35   right: 26px; /* LTR */
  36   height: 0;
  37   width: 0;
  38   overflow: visible;
  39   padding: 0;
  40 }
  41
  42 [dir="rtl"] .block-place-region .ajax-progress {
  43   float: inherit;
  44   left: 26px;
  45   right: inherit;
  46 }
  47
  48 .block-place-region .ajax-progress-throbber .throbber {
  49   display: block;
  50   padding: 0;
  51   height: 26px;
  52   width: 26px;
  53   background-position: center 6px;
  54   background-color: #fff;
  55   border: 1px solid #ddd;
  56   border-radius: 100px;
  57   box-sizing: border-box;
  58 }