|
1 /** |
|
2 * @file |
|
3 * Stylesheet for the Contextual module. |
|
4 */ |
|
5 |
|
6 /** |
|
7 * Contextual links regions. |
|
8 */ |
|
9 .contextual-links-region { |
|
10 outline: none; |
|
11 position: relative; |
|
12 } |
|
13 .contextual-links-region-active { |
|
14 outline: #999 dashed 1px; |
|
15 } |
|
16 |
|
17 /** |
|
18 * Contextual links. |
|
19 */ |
|
20 div.contextual-links-wrapper { |
|
21 display: none; |
|
22 font-size: 90%; |
|
23 position: absolute; |
|
24 right: 5px; /* LTR */ |
|
25 top: 2px; |
|
26 z-index: 999; |
|
27 } |
|
28 html.js div.contextual-links-wrapper { |
|
29 display: block; |
|
30 } |
|
31 a.contextual-links-trigger { |
|
32 background: transparent url(images/gear-select.png) no-repeat 2px 0; |
|
33 border: 1px solid transparent; |
|
34 display: none; |
|
35 height: 18px; |
|
36 margin: 0; |
|
37 padding: 0 2px; |
|
38 outline: none; |
|
39 text-indent: 34px; /* LTR */ |
|
40 width: 28px; |
|
41 overflow: hidden; |
|
42 -khtml-border-radius: 4px; |
|
43 -moz-border-radius: 4px; |
|
44 -webkit-border-radius: 4px; |
|
45 border-radius: 4px; |
|
46 } |
|
47 a.contextual-links-trigger:hover, |
|
48 div.contextual-links-active a.contextual-links-trigger { |
|
49 background-position: 2px -18px; |
|
50 } |
|
51 div.contextual-links-active a.contextual-links-trigger { |
|
52 background-color: #fff; |
|
53 border-color: #ccc; |
|
54 border-bottom: none; |
|
55 position: relative; |
|
56 z-index: 1; |
|
57 -moz-border-radius: 4px 4px 0 0; |
|
58 -webkit-border-bottom-left-radius: 0; |
|
59 -webkit-border-bottom-right-radius: 0; |
|
60 border-radius: 4px 4px 0 0; |
|
61 } |
|
62 div.contextual-links-wrapper ul.contextual-links { |
|
63 background-color: #fff; |
|
64 border: 1px solid #ccc; |
|
65 display: none; |
|
66 margin: 0; |
|
67 padding: 0.25em 0; |
|
68 position: absolute; |
|
69 right: 0; |
|
70 text-align: left; |
|
71 top: 18px; |
|
72 white-space: nowrap; |
|
73 -moz-border-radius: 4px 0 4px 4px; /* LTR */ |
|
74 -webkit-border-bottom-left-radius: 4px; |
|
75 -webkit-border-bottom-right-radius: 4px; |
|
76 -webkit-border-top-right-radius: 0; /* LTR */ |
|
77 -webkit-border-top-left-radius: 4px; /* LTR */ |
|
78 border-radius: 4px 0 4px 4px; /* LTR */ |
|
79 } |
|
80 a.contextual-links-trigger-active, |
|
81 div.contextual-links-active a.contextual-links-trigger, |
|
82 div.contextual-links-active ul.contextual-links { |
|
83 display: block; |
|
84 } |
|
85 ul.contextual-links li { |
|
86 line-height: 100%; |
|
87 list-style: none; |
|
88 list-style-image: none; |
|
89 margin: 0; |
|
90 padding: 0; |
|
91 } |
|
92 div.contextual-links-wrapper a { |
|
93 text-decoration: none; |
|
94 } |
|
95 ul.contextual-links li a { |
|
96 color: #333 !important; |
|
97 display: block; |
|
98 margin: 0.25em 0; |
|
99 padding: 0.25em 1em 0.25em 0.5em; |
|
100 } |
|
101 ul.contextual-links li a:hover { |
|
102 background-color: #bfdcee; |
|
103 } |