Mercurial > hg > isophonics-drupal-site
annotate core/modules/image/css/image.admin.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 /** |
| Chris@0 | 3 * Image style configuration pages. |
| Chris@0 | 4 */ |
| Chris@0 | 5 .image-style-new, |
| Chris@0 | 6 .image-style-new div { |
| Chris@0 | 7 display: inline; |
| Chris@0 | 8 } |
| Chris@0 | 9 .image-style-preview .preview-image-wrapper { |
| Chris@18 | 10 top: 50%; |
| Chris@0 | 11 float: left; |
| Chris@18 | 12 width: 48%; |
| Chris@0 | 13 padding-bottom: 2em; |
| Chris@0 | 14 text-align: center; |
| Chris@0 | 15 } |
| Chris@0 | 16 .image-style-preview .preview-image { |
| Chris@18 | 17 position: relative; |
| Chris@0 | 18 margin: auto; |
| Chris@0 | 19 } |
| Chris@0 | 20 .image-style-preview .preview-image .width { |
| Chris@18 | 21 position: absolute; |
| Chris@18 | 22 bottom: -6px; |
| Chris@18 | 23 left: -1px; |
| Chris@18 | 24 box-sizing: content-box; |
| Chris@18 | 25 height: 2px; |
| Chris@0 | 26 border: 1px solid #666; |
| Chris@0 | 27 border-top: none; |
| Chris@0 | 28 } |
| Chris@0 | 29 .image-style-preview .preview-image .width span { |
| Chris@0 | 30 position: relative; |
| Chris@0 | 31 top: 4px; |
| Chris@0 | 32 } |
| Chris@0 | 33 .image-style-preview .preview-image .height { |
| Chris@18 | 34 position: absolute; |
| Chris@18 | 35 top: -1px; |
| Chris@18 | 36 right: -6px; |
| Chris@18 | 37 box-sizing: content-box; |
| Chris@18 | 38 width: 2px; |
| Chris@0 | 39 border: 1px solid #666; |
| Chris@0 | 40 border-left: none; |
| Chris@0 | 41 } |
| Chris@0 | 42 .image-style-preview .preview-image .height span { |
| Chris@0 | 43 position: absolute; |
| Chris@0 | 44 top: 50%; |
| Chris@18 | 45 left: 10px; |
| Chris@18 | 46 height: 2em; |
| Chris@18 | 47 margin-top: -1em; |
| Chris@0 | 48 } |
| Chris@0 | 49 |
| Chris@0 | 50 /** |
| Chris@0 | 51 * Improve image style preview on narrow viewports. |
| Chris@0 | 52 */ |
| Chris@0 | 53 @media screen and (max-width: 470px) { |
| Chris@0 | 54 .image-style-preview .preview-image-wrapper { |
| Chris@0 | 55 float: none; |
| Chris@0 | 56 margin-bottom: 1em; |
| Chris@0 | 57 } |
| Chris@0 | 58 .image-style-preview .preview-image-wrapper:last-child { |
| Chris@0 | 59 margin-bottom: 0; |
| Chris@0 | 60 } |
| Chris@0 | 61 } |
| Chris@0 | 62 |
| Chris@0 | 63 /** |
| Chris@0 | 64 * Image anchor element. |
| Chris@0 | 65 */ |
| Chris@0 | 66 .image-anchor { |
| Chris@0 | 67 width: auto; |
| Chris@0 | 68 } |
| Chris@0 | 69 .image-anchor tr { |
| Chris@0 | 70 background: none; |
| Chris@0 | 71 } |
| Chris@0 | 72 .image-anchor td { |
| Chris@0 | 73 border: 1px solid #ccc; |
| Chris@0 | 74 } |