Mercurial > hg > isophonics-drupal-site
diff core/themes/stable/css/contextual/contextual.theme.css @ 0:4c8ae668cc8c
Initial import (non-working)
author | Chris Cannam |
---|---|
date | Wed, 29 Nov 2017 16:09:58 +0000 |
parents | |
children | af1871eacc83 |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/core/themes/stable/css/contextual/contextual.theme.css Wed Nov 29 16:09:58 2017 +0000 @@ -0,0 +1,112 @@ +/** + * @file + * Styling for contextual module. + */ + +/** + * Contextual links wrappers. + */ +.contextual { + position: absolute; + right: 0; /* LTR */ + top: 6px; + z-index: 500; +} +[dir="rtl"] .contextual { + left: 0; + right: auto; +} + +/** + * Contextual region. + */ +.contextual-region.focus { + outline: 1px dashed #d6d6d6; + outline-offset: 1px; +} + +/** + * Contextual trigger. + */ +.contextual .trigger { + background-attachment: scroll; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 13px; + float: right; /* LTR */ + margin: 0; + overflow: hidden; + padding: 0 2px; + position: relative; + right: 6px; /* LTR */ + cursor: pointer; +} +[dir="rtl"] .contextual .trigger { + float: left; + right: auto; + left: 6px; +} +.contextual.open .trigger { + border: 1px solid #ccc; + border-bottom-color: transparent; + border-radius: 13px 13px 0 0; + box-shadow: none; + z-index: 2; +} + +/** + * Contextual links. + * + * The following selectors are heavy to discourage theme overriding. + */ +.contextual-region .contextual .contextual-links { + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px 0 4px 4px; /* LTR */ + clear: both; + float: right; /* LTR */ + margin: 0; + padding: 0.25em 0; + position: relative; + right: 6px; /* LTR */ + text-align: left; /* LTR */ + top: -1px; + white-space: nowrap; +} +[dir="rtl"] .contextual-region .contextual .contextual-links { + border-radius: 0 4px 4px 4px; + float: left; + left: 6px; + right: auto; + text-align: right; +} +.contextual-region .contextual .contextual-links li { + background-color: #fff; + border: none; + list-style: none; + list-style-image: none; + margin: 0; + padding: 0; + line-height: 100%; +} +.contextual-region .contextual .contextual-links a { + background-color: #fff; + color: #333; + display: block; + font-family: sans-serif; + font-size: small; + line-height: 0.8em; + margin: 0.25em 0; + padding: 0.4em 0.6em; +} +.touchevents .contextual-region .contextual .contextual-links a { + font-size: large; +} +.contextual-region .contextual .contextual-links a, +.contextual-region .contextual .contextual-links a:hover { + text-decoration: none; +} +.no-touchevents .contextual-region .contextual .contextual-links li a:hover { + color: #000; + background: #f7fcff; +}