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