Mercurial > hg > isophonics-drupal-site
annotate core/modules/block_place/css/block-place.css @ 19:fa3358dc1485 tip
Add ndrum files
author | Chris Cannam |
---|---|
date | Wed, 28 Aug 2019 13:14:47 +0100 |
parents | af1871eacc83 |
children |
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@0 | 7 margin: 1em 0; |
Chris@0 | 8 padding: 5px; |
Chris@0 | 9 text-align: center; |
Chris@18 | 10 outline: 1px dashed rgba(0, 0, 0, 0.5); |
Chris@18 | 11 box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7); |
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@18 | 17 box-sizing: border-box; |
Chris@18 | 18 width: 26px; |
Chris@18 | 19 height: 26px; |
Chris@18 | 20 padding: 0; |
Chris@18 | 21 white-space: nowrap; |
Chris@18 | 22 border: 1px solid #ccc; |
Chris@14 | 23 background: url(../../../misc/icons/bebebe/plus.svg) #fff center center / 16px 16px no-repeat; |
Chris@0 | 24 font-size: 1rem; |
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@18 | 36 overflow: visible; |
Chris@18 | 37 width: 0; |
Chris@0 | 38 height: 0; |
Chris@0 | 39 padding: 0; |
Chris@0 | 40 } |
Chris@0 | 41 |
Chris@0 | 42 [dir="rtl"] .block-place-region .ajax-progress { |
Chris@18 | 43 right: inherit; |
Chris@18 | 44 left: 26px; |
Chris@0 | 45 float: inherit; |
Chris@0 | 46 } |
Chris@0 | 47 |
Chris@0 | 48 .block-place-region .ajax-progress-throbber .throbber { |
Chris@0 | 49 display: block; |
Chris@18 | 50 box-sizing: border-box; |
Chris@18 | 51 width: 26px; |
Chris@18 | 52 height: 26px; |
Chris@0 | 53 padding: 0; |
Chris@0 | 54 border: 1px solid #ddd; |
Chris@0 | 55 border-radius: 100px; |
Chris@18 | 56 background-color: #fff; |
Chris@18 | 57 background-position: center 6px; |
Chris@0 | 58 } |