Mercurial > hg > isophonics-drupal-site

annotate core/modules/contextual/css/contextual.theme.css @ 19:fa3358dc1485 tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 contextual module.
Chris@0 4 */
Chris@0 5
Chris@0 6 /**
Chris@0 7 * Contextual links wrappers.
Chris@0 8 */
Chris@0 9 .contextual {
Chris@0 10 position: absolute;
Chris@18 11 z-index: 500;
Chris@18 12 top: 6px;
Chris@0 13 right: 0; /* LTR */
Chris@0 14 }
Chris@0 15 [dir="rtl"] .contextual {
Chris@18 16 right: auto;
Chris@0 17 left: 0;
Chris@0 18 }
Chris@0 19
Chris@0 20 /**
Chris@0 21 * Contextual region.
Chris@0 22 */
Chris@0 23 .contextual-region.focus {
Chris@0 24 outline: 1px dashed #d6d6d6;
Chris@0 25 outline-offset: 1px;
Chris@0 26 }
Chris@0 27
Chris@0 28 /**
Chris@0 29 * Contextual trigger.
Chris@0 30 */
Chris@0 31 .contextual .trigger {
Chris@18 32 position: relative;
Chris@18 33 right: 6px; /* LTR */
Chris@18 34 float: right; /* LTR */
Chris@18 35 overflow: hidden;
Chris@18 36 margin: 0;
Chris@18 37 padding: 0 2px;
Chris@18 38 cursor: pointer;
Chris@0 39 border: 1px solid #ccc;
Chris@0 40 border-radius: 13px;
Chris@18 41 background-color: #fff;
Chris@18 42 background-attachment: scroll;
Chris@0 43 }
Chris@0 44 [dir="rtl"] .contextual .trigger {
Chris@0 45 right: auto;
Chris@0 46 left: 6px;
Chris@18 47 float: left;
Chris@0 48 }
Chris@0 49 .contextual.open .trigger {
Chris@18 50 z-index: 2;
Chris@0 51 border: 1px solid #ccc;
Chris@0 52 border-bottom-color: transparent;
Chris@0 53 border-radius: 13px 13px 0 0;
Chris@0 54 box-shadow: none;
Chris@0 55 }
Chris@0 56
Chris@0 57 /**
Chris@0 58 * Contextual links.
Chris@0 59 *
Chris@0 60 * The following selectors are heavy to discourage theme overriding.
Chris@0 61 */
Chris@0 62 .contextual-region .contextual .contextual-links {
Chris@18 63 position: relative;
Chris@18 64 top: -1px;
Chris@18 65 right: 6px; /* LTR */
Chris@18 66 float: right; /* LTR */
Chris@18 67 clear: both;
Chris@18 68 margin: 0;
Chris@18 69 padding: 0.25em 0;
Chris@18 70 text-align: left; /* LTR */
Chris@18 71 white-space: nowrap;
Chris@0 72 border: 1px solid #ccc;
Chris@0 73 border-radius: 4px 0 4px 4px; /* LTR */
Chris@18 74 background-color: #fff;
Chris@0 75 }
Chris@0 76 [dir="rtl"] .contextual-region .contextual .contextual-links {
Chris@18 77 right: auto;
Chris@18 78 left: 6px;
Chris@18 79 float: left;
Chris@18 80 text-align: right;
Chris@0 81 border-radius: 0 4px 4px 4px;
Chris@0 82 }
Chris@0 83 .contextual-region .contextual .contextual-links li {
Chris@18 84 margin: 0;
Chris@18 85 padding: 0;
Chris@0 86 list-style: none;
Chris@0 87 list-style-image: none;
Chris@18 88 border: none;
Chris@18 89 background-color: #fff;
Chris@0 90 line-height: 100%;
Chris@0 91 }
Chris@0 92 .contextual-region .contextual .contextual-links a {
Chris@18 93 display: block;
Chris@18 94 margin: 0.25em 0;
Chris@18 95 padding: 0.4em 0.6em;
Chris@18 96 color: #333;
Chris@0 97 background-color: #fff;
Chris@0 98 font-family: sans-serif;
Chris@0 99 font-size: small;
Chris@0 100 line-height: 0.8em;
Chris@0 101 }
Chris@0 102 .touchevents .contextual-region .contextual .contextual-links a {
Chris@0 103 font-size: large;
Chris@0 104 }
Chris@0 105 .contextual-region .contextual .contextual-links a,
Chris@0 106 .contextual-region .contextual .contextual-links a:hover {
Chris@0 107 text-decoration: none;
Chris@0 108 }
Chris@0 109 .no-touchevents .contextual-region .contextual .contextual-links li a:hover {
Chris@0 110 color: #000;
Chris@0 111 background: #f7fcff;
Chris@0 112 }