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 }