]> git.wh0rd.org - tt-rss.git/blame - css/dijit.css
tweak selected feed display a bit
[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,
188.claro .dijitComboButton .dijitButtonNode,
189.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
190.claro .dijitToolbar .dijitComboButton,
191.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
192 background : none;
193 border-color : transparent;
194 box-shadow : none;
195}
196
2204dca9
AD
197button,
198input[type="submit"] {
196724d1
AD
199 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
200 font-size : 14px;
201}
202
203button,
2204dca9 204input[type="submit"],
196724d1
AD
205.claro .dijitButton,
206.claro .dijitComboButton {
207 display: inline-block;
208 padding: 4px 12px;
209 margin-bottom: 0;
210 font-size: 14px;
211 line-height: 20px;
212 color: #333333;
213 text-align: center;
214 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
215 vertical-align: middle;
216 cursor: pointer;
217 background-color: #f5f5f5;
218 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
219 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
220 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
221 background-repeat: repeat-x;
222 border: 1px solid #cccccc;
223 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
224 border-bottom-color: #b3b3b3;
225 -webkit-border-radius: 4px;
226 border-radius: 4px;
227 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
228 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
229}
230
231button:hover,
232button:focus,
233button:active,
2204dca9
AD
234input[type="submit"]:hover,
235input[type="submit"]:focus,
236input[type="submit"]:active,
196724d1
AD
237.claro .dijitButton:hover,
238.claro .dijitButton:focus,
239.claro .dijitButton:active,
240.claro .dijitComboButton:hover,
241.claro .dijitComboButton:focus,
242.claro .dijitComboButton:active,
243.claro .dijitButton.dijitButtonDisabled {
244 color: #333333;
245 background-color: #e6e6e6;
246}
247
248button:active,
2204dca9 249input[type="submit"]:active,
196724d1
AD
250.claro .dijitButton:active,
251.claro .dijitComboButton:active {
252 background-color: #cccccc \9;
253}
254
255.claro .dijitToolbar .dijitButton,
256.claro .dijitToolbar .dijitButton.dijitHover,
257.claro .dijitToolbar .dijitComboButton,
258.claro .dijitToolbar .dijitComboButton.dijitHover {
259 background : none;
260 border-color : transparent;
261 box-shadow : none;
262 padding : 0px;
263 margin : 0px;
264 line-height : auto;
a674c033 265 text-shadow : none;
196724d1
AD
266}
267
10c45b4f
AD
268.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
269.claro .dijitToolbar .dijitComboButton .dijitButtonText {
270 padding : 0px;
271}
272
273.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
274 border-radius : 4px;
275}
276
196724d1
AD
277.claro .dijitToolbar .dijitButton.dijitHover,
278.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
279.claro .dijitToolbar .dijitComboButton.dijitHover {
280 border-color : #ccc;
281}
282
283.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
284.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
285 background : none;
286}
287
288.claro .dijitToolbar .dijitButton .dijitButtonContents,
289.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
290.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
291 font-size : 13px;
292}
293
294button:hover,
295button:focus,
2204dca9
AD
296input[type="submit"]:hover,
297input[type="submit"]:focus,
196724d1
AD
298.claro .dijitButton:hover,
299.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
300.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
301.claro .dijitButton:focus,
302.claro .dijitComboButton:hover,
303.claro .dijitComboButton:focus {
304 color: #333333;
305 text-decoration: none;
306 background-position: 0 -15px;
307 -webkit-transition: background-position 0.1s linear;
308 transition: background-position 0.1s linear;
309}
310
311button:focus,
2204dca9 312input[type="submit"]:focus,
196724d1
AD
313.claro .dijitButton:focus,
314.claro .dijitComboButton:focus {
315 outline: thin dotted #333;
316 outline: 5px auto -webkit-focus-ring-color;
317 outline-offset: -2px;
318}
319
320button:active,
2204dca9 321input[type="submit"]:active,
196724d1
AD
322.claro .dijitButton:active,
323.claro .dijitComboButton:active,
324.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
325.claro .dijitToolbar .dijitComboButton.dijitOpened,
326.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
327 background-image: none;
328 outline: 0;
329 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
330 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
331}
332
2204dca9 333input[type="submit"][disabled],
196724d1
AD
334button[disabled],
335.claro .dijitButton[disabled],
336.claro .dijitButton.dijitButtonDisabled,
337.claro .dijitComboButton.dijitButtonDisabled {
338 cursor: default;
339 background-image: none;
340 opacity: 0.65;
341 filter: alpha(opacity=65);
342 -webkit-box-shadow: none;
343 box-shadow: none;
344}
345
346.claro .dijitButton .dijitButtonContents,
347.claro .dijitComboButton .dijitButtonContents {
348 font-size : 14px;
349 font-weight : normal;
350 line-height : 20px;
351}
352
4a1d122c
AD
353.claro .dijitButton.small .dijitButtonText {
354 font-size : 11px;
355}
356
196724d1
AD
357.claro .dijitMenu {
358 border-color : #ccc;
359}
360
361.claro .dijitMenu .dijitMenuItem.dijitHover,
362.claro .dijitMenu .dijitMenuItem.dijitFocused,
363.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
364.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
365 background : #eee;
366 border-color : transparent;
367}
368
369.claro .dijitButton .dijitButtonNode,
370.claro .dijitComboButton .dijitButtonNode {
371 padding : 0px;
372}
373
374/* Other stuff */
375
5470cfab 376/* .claro .dijitAccordionTitleFocus {
196724d1 377 text-shadow : 1px 1px 2px #fff;
5470cfab
AD
378}
379
380.claro .dijitAccordionTitle {
381 text-rendering: optimizelegibility;
382 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
383 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
384 Helvetica, Arial, sans-serif;
385} */
196724d1 386
8b381f7f
AD
387.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
388 border-color : #ccc;
389}
390
391.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
392 border-color : #ddd;
393}
394
395/* Tabs */
396
397.claro .dijitTabContent {
398 background : #eee;
399}
400
401.claro .dijitTabContent.dijitTabChecked,
402.claro .dijitTabContent.dijitTabHover,
403.claro .dijitTabContent.dijitFocused {
404 background : white;
405}
406
407.claro .dijitTabPaneWrapper,
408.claro .dijitTabContainerTop-tabs,
409.claro .dijitTab,
410.claro .dijitAccordionInnerContainer {
411 border-color : #ddd;
412}
196724d1 413