|
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@0
|
11 right: 0; /* LTR */
|
|
Chris@0
|
12 top: 6px;
|
|
Chris@0
|
13 z-index: 500;
|
|
Chris@0
|
14 }
|
|
Chris@0
|
15 [dir="rtl"] .contextual {
|
|
Chris@0
|
16 left: 0;
|
|
Chris@0
|
17 right: auto;
|
|
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@0
|
32 background-attachment: scroll;
|
|
Chris@0
|
33 background-color: #fff;
|
|
Chris@0
|
34 border: 1px solid #ccc;
|
|
Chris@0
|
35 border-radius: 13px;
|
|
Chris@0
|
36 float: right; /* LTR */
|
|
Chris@0
|
37 margin: 0;
|
|
Chris@0
|
38 overflow: hidden;
|
|
Chris@0
|
39 padding: 0 2px;
|
|
Chris@0
|
40 position: relative;
|
|
Chris@0
|
41 right: 6px; /* LTR */
|
|
Chris@0
|
42 cursor: pointer;
|
|
Chris@0
|
43 }
|
|
Chris@0
|
44 [dir="rtl"] .contextual .trigger {
|
|
Chris@0
|
45 float: left;
|
|
Chris@0
|
46 right: auto;
|
|
Chris@0
|
47 left: 6px;
|
|
Chris@0
|
48 }
|
|
Chris@0
|
49 .contextual.open .trigger {
|
|
Chris@0
|
50 border: 1px solid #ccc;
|
|
Chris@0
|
51 border-bottom-color: transparent;
|
|
Chris@0
|
52 border-radius: 13px 13px 0 0;
|
|
Chris@0
|
53 box-shadow: none;
|
|
Chris@0
|
54 z-index: 2;
|
|
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@0
|
63 background-color: #fff;
|
|
Chris@0
|
64 border: 1px solid #ccc;
|
|
Chris@0
|
65 border-radius: 4px 0 4px 4px; /* LTR */
|
|
Chris@0
|
66 clear: both;
|
|
Chris@0
|
67 float: right; /* LTR */
|
|
Chris@0
|
68 margin: 0;
|
|
Chris@0
|
69 padding: 0.25em 0;
|
|
Chris@0
|
70 position: relative;
|
|
Chris@0
|
71 right: 6px; /* LTR */
|
|
Chris@0
|
72 text-align: left; /* LTR */
|
|
Chris@0
|
73 top: -1px;
|
|
Chris@0
|
74 white-space: nowrap;
|
|
Chris@0
|
75 }
|
|
Chris@0
|
76 [dir="rtl"] .contextual-region .contextual .contextual-links {
|
|
Chris@0
|
77 border-radius: 0 4px 4px 4px;
|
|
Chris@0
|
78 float: left;
|
|
Chris@0
|
79 left: 6px;
|
|
Chris@0
|
80 right: auto;
|
|
Chris@0
|
81 text-align: right;
|
|
Chris@0
|
82 }
|
|
Chris@0
|
83 .contextual-region .contextual .contextual-links li {
|
|
Chris@0
|
84 background-color: #fff;
|
|
Chris@0
|
85 border: none;
|
|
Chris@0
|
86 list-style: none;
|
|
Chris@0
|
87 list-style-image: none;
|
|
Chris@0
|
88 margin: 0;
|
|
Chris@0
|
89 padding: 0;
|
|
Chris@0
|
90 line-height: 100%;
|
|
Chris@0
|
91 }
|
|
Chris@0
|
92 .contextual-region .contextual .contextual-links a {
|
|
Chris@0
|
93 background-color: #fff;
|
|
Chris@0
|
94 color: #333;
|
|
Chris@0
|
95 display: block;
|
|
Chris@0
|
96 font-family: sans-serif;
|
|
Chris@0
|
97 font-size: small;
|
|
Chris@0
|
98 line-height: 0.8em;
|
|
Chris@0
|
99 margin: 0.25em 0;
|
|
Chris@0
|
100 padding: 0.4em 0.6em;
|
|
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 }
|
