]> git.wh0rd.org - tt-rss.git/blame - css/dijit.css
add custom styles for .dijitDropDownButton
[tt-rss.git] / css / dijit.css
CommitLineData
196724d1
AD
1/* Tree */
2
8b381f7f
AD
3.claro .dijitTreeRow .dijitCheckBox {
4 position : relative;
5 top : -2px;
6}
7
196724d1
AD
8.claro .dijitTreeLabel {
9 outline : 0;
10}
11
12.claro .dijitTree .feedParam {
13 color : #555;
14 float : right;
15 margin-right : 1em;
16}
17
50e04efd
AD
18.claro .dijitTree .filterRules {
19 display : block;
20 color : #ccc;
21 font-size : 10px;
22 margin-left : 100px;
23}
24
25.claro .dijitTree .filterRules span {
26 display : block;
27 color : green;
28}
29
30#filterDlg_Matches span.filterRule {
31 color : green;
32}
33
34.claro .dijitTree .filterRules span.inverse,
35#filterDlg_Matches span.filterRule.inverse {
36 color : red;
37}
38
39
196724d1
AD
40.claro .dijitTree .labelParam {
41 float : right;
42 margin-right : 1em;
43}
44
45.claro .dijitTree .dijitTreeLabel.Disabled,
46.claro .dijitTree .labelParam.Disabled {
47 color : #555;
48}
49
50.claro .dijitTreeRow.Error {
51 color : red;
52}
53
54.claro .dijitTreeRow.Hidden {
55 display : none;
56}
57
58.claro .dijitTreeNode .loadingNode {
59 margin-left : 3px;
60 height : 9px;
61}
62
63.claro .dijitFolderClosed,
64.claro .dijitFolderOpened {
65 display : none;
66}
67
68.claro .dijitTreeNode .dijitCheckBox {
69 margin-left : 4px;
70}
71
72.claro .dijitTreeIsRoot > .dijitTreeRow > .dijitTreeExpando {
73 margin-left : 5px;
74}
75
76.claro .dijitTree .dijitTreeExpando {
77 margin-top : 0px;
78 opacity : 0.6;
79}
80
81.claro .dijitTree .dijitTreeNode {
82 padding : 0px;
83 border-width : 0px;
84}
85
86.claro .dijitTree .dijitTreeRow {
87 max-width: 100%;
88 overflow: hidden;
89 text-overflow: ellipsis;
90}
91
92.claro .dijitTree .dijitTreeRowSelected {
93 background : white;
94}
95
bd076268
AD
96.claro #feedTree.dijitTree .dijitTreeRowSelected {
97 box-shadow : -1px 0px 2px -1px rgba(0,0,0,0.1);
98}
99
196724d1
AD
100.claro .dijitTree .dijitTreeRowHover {
101 background : #f0f0f0;
102 border-color : #ddd;
103}
104
105.claro .dijitTree .dijitTreeRowSelected {
106 background : white;
107 border-color : #ddd;
108}
109
110.claro .dijitTreeRowSelected .dijitTreeLabel {
111 text-shadow : 1px 1px 2px #fff;
112}
113
114.claro .dijitTreeRow .dijitTreeExpando {
115 background-image: url("../images/treeExpandImages.png");
116 position : relative;
117 top : -1px;
118}
119
120.claro .dijitTreeRow .dijitTreeExpandoLeaf {
121 background : none;
122}
123
124/* Toolbar */
125
8b381f7f
AD
126.claro .dijitToolbar {
127 background : #f5f5f5;
128 border-color : #ddd;
5470cfab
AD
129 /* text-rendering: optimizelegibility;
130 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
131 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
132 Helvetica, Arial, sans-serif; */
8b381f7f
AD
133}
134
a674c033 135/* .claro .dijitToolbar {
196724d1 136 text-shadow : 1px 1px 2px #fff;
a674c033 137} */
196724d1 138
196724d1 139.claro .dijitDialog .dijitToolbar {
03700cb6 140 border : 1px solid #ddd;
196724d1
AD
141}
142
03700cb6
AD
143/* Dialog */
144
196724d1
AD
145.claro .dijitDialog h2 {
146 margin-top : 0px;
147 margin-bottom : 4px;
148 border-width : 0px;
149}
150
151.claro .dijitMenuItemLabel {
152 font-size : 13px;
153}
154
155/* Checkbox */
156
157.claro .dijitCheckBox {
158 background-image : url("../images/untick.png");
159 background-color : transparent;
6e93e96d
AD
160 width : 15px;
161 height : 15px;
162 margin : 1px;
163 opacity : 0.7;
196724d1 164 background-position : center center;
196724d1 165 transition : opacity 0.25s;
6e93e96d 166 -webkit-transition : opacity 0.25s;
051a07b0 167 /* border : 1px solid #b5bcc7; */
196724d1
AD
168 padding : 1px;
169}
170
6e93e96d 171 .claro .dijitCheckBox:hover {
196724d1
AD
172 opacity : 1;
173}
174
175.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
6e93e96d 176 opacity : 0.7;
196724d1
AD
177}
178
179.claro .dijitCheckBox.dijitCheckBoxChecked {
6e93e96d 180 border-color : #69C671;
196724d1
AD
181 background-image : url("../images/tick.png");
182 opacity : 1;
183}
184
185/* Various buttons */
186
187.claro .dijitButton .dijitButtonNode,
8a1b2a10 188.claro .dijitDropDownButton .dijitButtonNode,
196724d1
AD
189.claro .dijitComboButton .dijitButtonNode,
190.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
191.claro .dijitToolbar .dijitComboButton,
192.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
193 background : none;
194 border-color : transparent;
195 box-shadow : none;
196}
197
2204dca9
AD
198button,
199input[type="submit"] {
196724d1
AD
200 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
201 font-size : 14px;
202}
203
204button,
2204dca9 205input[type="submit"],
196724d1 206.claro .dijitButton,
8a1b2a10 207.claro .dijitDropDownButton .dijitDownArrowButton,
196724d1
AD
208.claro .dijitComboButton {
209 display: inline-block;
210 padding: 4px 12px;
211 margin-bottom: 0;
212 font-size: 14px;
213 line-height: 20px;
214 color: #333333;
215 text-align: center;
216 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
217 vertical-align: middle;
218 cursor: pointer;
219 background-color: #f5f5f5;
220 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
221 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
222 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
223 background-repeat: repeat-x;
224 border: 1px solid #cccccc;
225 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
226 border-bottom-color: #b3b3b3;
227 -webkit-border-radius: 4px;
228 border-radius: 4px;
229 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
230 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
231}
232
233button:hover,
234button:focus,
235button:active,
2204dca9
AD
236input[type="submit"]:hover,
237input[type="submit"]:focus,
238input[type="submit"]:active,
196724d1
AD
239.claro .dijitButton:hover,
240.claro .dijitButton:focus,
241.claro .dijitButton:active,
8a1b2a10
AD
242.claro .dijitDropDownButton .dijitDownArrowButton:hover,
243.claro .dijitDropDownButton .dijitDownArrowButton:focus,
244.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1
AD
245.claro .dijitComboButton:hover,
246.claro .dijitComboButton:focus,
247.claro .dijitComboButton:active,
248.claro .dijitButton.dijitButtonDisabled {
249 color: #333333;
250 background-color: #e6e6e6;
251}
252
253button:active,
2204dca9 254input[type="submit"]:active,
196724d1 255.claro .dijitButton:active,
8a1b2a10 256.claro .dijitDropDownButton .dijitDownArrowButton:active,
196724d1
AD
257.claro .dijitComboButton:active {
258 background-color: #cccccc \9;
259}
260
261.claro .dijitToolbar .dijitButton,
262.claro .dijitToolbar .dijitButton.dijitHover,
263.claro .dijitToolbar .dijitComboButton,
8a1b2a10 264.claro .dijitToolbar .dijitDropDownButton .dijitDownArrowButton,
196724d1
AD
265.claro .dijitToolbar .dijitComboButton.dijitHover {
266 background : none;
267 border-color : transparent;
268 box-shadow : none;
269 padding : 0px;
270 margin : 0px;
271 line-height : auto;
a674c033 272 text-shadow : none;
196724d1
AD
273}
274
10c45b4f
AD
275.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
276.claro .dijitToolbar .dijitComboButton .dijitButtonText {
277 padding : 0px;
278}
279
280.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
281 border-radius : 4px;
282}
283
196724d1
AD
284.claro .dijitToolbar .dijitButton.dijitHover,
285.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
286.claro .dijitToolbar .dijitComboButton.dijitHover {
287 border-color : #ccc;
288}
289
290.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
291.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
292 background : none;
293}
294
295.claro .dijitToolbar .dijitButton .dijitButtonContents,
296.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
297.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
298 font-size : 13px;
299}
300
301button:hover,
302button:focus,
2204dca9
AD
303input[type="submit"]:hover,
304input[type="submit"]:focus,
196724d1 305.claro .dijitButton:hover,
8a1b2a10 306.claro .dijitDropDownButton .dijitDownArrowButton:hover,
196724d1
AD
307.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
308.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
309.claro .dijitButton:focus,
310.claro .dijitComboButton:hover,
311.claro .dijitComboButton:focus {
312 color: #333333;
313 text-decoration: none;
314 background-position: 0 -15px;
315 -webkit-transition: background-position 0.1s linear;
316 transition: background-position 0.1s linear;
317}
318
319button:focus,
2204dca9 320input[type="submit"]:focus,
196724d1 321.claro .dijitButton:focus,
8a1b2a10 322.claro .dijitDropDownButton .dijitDownArrowButton:focus,
196724d1
AD
323.claro .dijitComboButton:focus {
324 outline: thin dotted #333;
325 outline: 5px auto -webkit-focus-ring-color;
326 outline-offset: -2px;
327}
328
329button:active,
2204dca9 330input[type="submit"]:active,
196724d1
AD
331.claro .dijitButton:active,
332.claro .dijitComboButton:active,
333.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
334.claro .dijitToolbar .dijitComboButton.dijitOpened,
335.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
336 background-image: none;
337 outline: 0;
338 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
339 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
340}
341
2204dca9 342input[type="submit"][disabled],
196724d1
AD
343button[disabled],
344.claro .dijitButton[disabled],
8a1b2a10 345.claro .dijitDropDownButton .dijitDownArrowButton[disabled],
196724d1
AD
346.claro .dijitButton.dijitButtonDisabled,
347.claro .dijitComboButton.dijitButtonDisabled {
348 cursor: default;
349 background-image: none;
350 opacity: 0.65;
351 filter: alpha(opacity=65);
352 -webkit-box-shadow: none;
353 box-shadow: none;
354}
355
356.claro .dijitButton .dijitButtonContents,
8a1b2a10 357.claro .dijitDropDownButton .dijitButtonContents,
196724d1
AD
358.claro .dijitComboButton .dijitButtonContents {
359 font-size : 14px;
360 font-weight : normal;
361 line-height : 20px;
362}
363
4a1d122c
AD
364.claro .dijitButton.small .dijitButtonText {
365 font-size : 11px;
366}
367
196724d1
AD
368.claro .dijitMenu {
369 border-color : #ccc;
370}
371
372.claro .dijitMenu .dijitMenuItem.dijitHover,
373.claro .dijitMenu .dijitMenuItem.dijitFocused,
374.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
375.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
376 background : #eee;
377 border-color : transparent;
378}
379
380.claro .dijitButton .dijitButtonNode,
381.claro .dijitComboButton .dijitButtonNode {
382 padding : 0px;
383}
384
385/* Other stuff */
386
5470cfab 387/* .claro .dijitAccordionTitleFocus {
196724d1 388 text-shadow : 1px 1px 2px #fff;
5470cfab
AD
389}
390
391.claro .dijitAccordionTitle {
392 text-rendering: optimizelegibility;
393 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
394 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
395 Helvetica, Arial, sans-serif;
396} */
196724d1 397
8b381f7f
AD
398.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
399 border-color : #ccc;
400}
401
402.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
403 border-color : #ddd;
404}
405
406/* Tabs */
407
408.claro .dijitTabContent {
409 background : #eee;
410}
411
412.claro .dijitTabContent.dijitTabChecked,
413.claro .dijitTabContent.dijitTabHover,
414.claro .dijitTabContent.dijitFocused {
415 background : white;
416}
417
418.claro .dijitTabPaneWrapper,
419.claro .dijitTabContainerTop-tabs,
420.claro .dijitTab,
421.claro .dijitAccordionInnerContainer {
422 border-color : #ddd;
423}
196724d1 424