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