]> git.wh0rd.org - tt-rss.git/blame - css/dijit.css
edit feed: smaller buttons for icon upload; allow uploading larger favicons
[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
96.claro .dijitTree .dijitTreeRowHover {
97 background : #f0f0f0;
98 border-color : #ddd;
99}
100
101.claro .dijitTree .dijitTreeRowSelected {
102 background : white;
103 border-color : #ddd;
104}
105
106.claro .dijitTreeRowSelected .dijitTreeLabel {
107 text-shadow : 1px 1px 2px #fff;
108}
109
110.claro .dijitTreeRow .dijitTreeExpando {
111 background-image: url("../images/treeExpandImages.png");
112 position : relative;
113 top : -1px;
114}
115
116.claro .dijitTreeRow .dijitTreeExpandoLeaf {
117 background : none;
118}
119
120/* Toolbar */
121
8b381f7f
AD
122.claro .dijitToolbar {
123 background : #f5f5f5;
124 border-color : #ddd;
5470cfab
AD
125 /* text-rendering: optimizelegibility;
126 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
127 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
128 Helvetica, Arial, sans-serif; */
8b381f7f
AD
129}
130
a674c033 131/* .claro .dijitToolbar {
196724d1 132 text-shadow : 1px 1px 2px #fff;
a674c033 133} */
196724d1 134
196724d1 135.claro .dijitDialog .dijitToolbar {
03700cb6 136 border : 1px solid #ddd;
196724d1
AD
137}
138
03700cb6
AD
139/* Dialog */
140
196724d1
AD
141.claro .dijitDialog h2 {
142 margin-top : 0px;
143 margin-bottom : 4px;
144 border-width : 0px;
145}
146
147.claro .dijitMenuItemLabel {
148 font-size : 13px;
149}
150
151/* Checkbox */
152
153.claro .dijitCheckBox {
154 background-image : url("../images/untick.png");
155 background-color : transparent;
6e93e96d
AD
156 width : 15px;
157 height : 15px;
158 margin : 1px;
159 opacity : 0.7;
196724d1 160 background-position : center center;
196724d1 161 transition : opacity 0.25s;
6e93e96d 162 -webkit-transition : opacity 0.25s;
051a07b0 163 /* border : 1px solid #b5bcc7; */
196724d1
AD
164 padding : 1px;
165}
166
6e93e96d 167 .claro .dijitCheckBox:hover {
196724d1
AD
168 opacity : 1;
169}
170
171.claro .dijitCheckBox.dijitCheckBoxDisabled:hover {
6e93e96d 172 opacity : 0.7;
196724d1
AD
173}
174
175.claro .dijitCheckBox.dijitCheckBoxChecked {
6e93e96d 176 border-color : #69C671;
196724d1
AD
177 background-image : url("../images/tick.png");
178 opacity : 1;
179}
180
181/* Various buttons */
182
183.claro .dijitButton .dijitButtonNode,
184.claro .dijitComboButton .dijitButtonNode,
185.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode,
186.claro .dijitToolbar .dijitComboButton,
187.claro .dijitToolbar .dijitComboButton .dijitButtonNode {
188 background : none;
189 border-color : transparent;
190 box-shadow : none;
191}
192
2204dca9
AD
193button,
194input[type="submit"] {
196724d1
AD
195 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
196 font-size : 14px;
197}
198
199button,
2204dca9 200input[type="submit"],
196724d1
AD
201.claro .dijitButton,
202.claro .dijitComboButton {
203 display: inline-block;
204 padding: 4px 12px;
205 margin-bottom: 0;
206 font-size: 14px;
207 line-height: 20px;
208 color: #333333;
209 text-align: center;
210 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
211 vertical-align: middle;
212 cursor: pointer;
213 background-color: #f5f5f5;
214 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
215 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
216 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
217 background-repeat: repeat-x;
218 border: 1px solid #cccccc;
219 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
220 border-bottom-color: #b3b3b3;
221 -webkit-border-radius: 4px;
222 border-radius: 4px;
223 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
224 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
225}
226
227button:hover,
228button:focus,
229button:active,
2204dca9
AD
230input[type="submit"]:hover,
231input[type="submit"]:focus,
232input[type="submit"]:active,
196724d1
AD
233.claro .dijitButton:hover,
234.claro .dijitButton:focus,
235.claro .dijitButton:active,
236.claro .dijitComboButton:hover,
237.claro .dijitComboButton:focus,
238.claro .dijitComboButton:active,
239.claro .dijitButton.dijitButtonDisabled {
240 color: #333333;
241 background-color: #e6e6e6;
242}
243
244button:active,
2204dca9 245input[type="submit"]:active,
196724d1
AD
246.claro .dijitButton:active,
247.claro .dijitComboButton:active {
248 background-color: #cccccc \9;
249}
250
251.claro .dijitToolbar .dijitButton,
252.claro .dijitToolbar .dijitButton.dijitHover,
253.claro .dijitToolbar .dijitComboButton,
254.claro .dijitToolbar .dijitComboButton.dijitHover {
255 background : none;
256 border-color : transparent;
257 box-shadow : none;
258 padding : 0px;
259 margin : 0px;
260 line-height : auto;
a674c033 261 text-shadow : none;
196724d1
AD
262}
263
10c45b4f
AD
264.claro .dijitToolbar .dijitDropDownButton .dijitButtonText,
265.claro .dijitToolbar .dijitComboButton .dijitButtonText {
266 padding : 0px;
267}
268
269.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
270 border-radius : 4px;
271}
272
196724d1
AD
273.claro .dijitToolbar .dijitButton.dijitHover,
274.claro .dijitToolbar .dijitDropDownButton.dijitHover .dijitButtonNode,
275.claro .dijitToolbar .dijitComboButton.dijitHover {
276 border-color : #ccc;
277}
278
279.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
280.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
281 background : none;
282}
283
284.claro .dijitToolbar .dijitButton .dijitButtonContents,
285.claro .dijitToolbar .dijitDropDownButton .dijitButtonContents,
286.claro .dijitToolbar .dijitComboButton .dijitButtonContents {
287 font-size : 13px;
288}
289
290button:hover,
291button:focus,
2204dca9
AD
292input[type="submit"]:hover,
293input[type="submit"]:focus,
196724d1
AD
294.claro .dijitButton:hover,
295.claro .dijitToolbar .dijitButton:hover .dijitButtonNode,
296.claro .dijitToolbar .dijitButton.dijitHover .dijitButtonNode,
297.claro .dijitButton:focus,
298.claro .dijitComboButton:hover,
299.claro .dijitComboButton:focus {
300 color: #333333;
301 text-decoration: none;
302 background-position: 0 -15px;
303 -webkit-transition: background-position 0.1s linear;
304 transition: background-position 0.1s linear;
305}
306
307button:focus,
2204dca9 308input[type="submit"]:focus,
196724d1
AD
309.claro .dijitButton:focus,
310.claro .dijitComboButton:focus {
311 outline: thin dotted #333;
312 outline: 5px auto -webkit-focus-ring-color;
313 outline-offset: -2px;
314}
315
316button:active,
2204dca9 317input[type="submit"]:active,
196724d1
AD
318.claro .dijitButton:active,
319.claro .dijitComboButton:active,
320.claro .dijitToolbar .dijitDropDownButton.dijitOpened,
321.claro .dijitToolbar .dijitComboButton.dijitOpened,
322.claro .dijitToolbar .dijitButton.dijitButtonActive .dijitButtonNode {
323 background-image: none;
324 outline: 0;
325 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
326 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
327}
328
2204dca9 329input[type="submit"][disabled],
196724d1
AD
330button[disabled],
331.claro .dijitButton[disabled],
332.claro .dijitButton.dijitButtonDisabled,
333.claro .dijitComboButton.dijitButtonDisabled {
334 cursor: default;
335 background-image: none;
336 opacity: 0.65;
337 filter: alpha(opacity=65);
338 -webkit-box-shadow: none;
339 box-shadow: none;
340}
341
342.claro .dijitButton .dijitButtonContents,
343.claro .dijitComboButton .dijitButtonContents {
344 font-size : 14px;
345 font-weight : normal;
346 line-height : 20px;
347}
348
4a1d122c
AD
349.claro .dijitButton.small .dijitButtonText {
350 font-size : 11px;
351}
352
196724d1
AD
353.claro .dijitMenu {
354 border-color : #ccc;
355}
356
357.claro .dijitMenu .dijitMenuItem.dijitHover,
358.claro .dijitMenu .dijitMenuItem.dijitFocused,
359.claro .dijitMenuTable .dijitMenuItem.dijitHover .dijitMenuItemLabel,
360.claro .dijitMenuTable .dijitMenuItem.dijitFocused .dijitMenuItemLabel {
361 background : #eee;
362 border-color : transparent;
363}
364
365.claro .dijitButton .dijitButtonNode,
366.claro .dijitComboButton .dijitButtonNode {
367 padding : 0px;
368}
369
370/* Other stuff */
371
5470cfab 372/* .claro .dijitAccordionTitleFocus {
196724d1 373 text-shadow : 1px 1px 2px #fff;
5470cfab
AD
374}
375
376.claro .dijitAccordionTitle {
377 text-rendering: optimizelegibility;
378 font-family : "Segoe WP Semibold", "Segoe UI Semibold",
379 "Segoe UI Web Semibold", "Segoe UI", "Helvetica Neue",
380 Helvetica, Arial, sans-serif;
381} */
196724d1 382
8b381f7f
AD
383.claro .dijitAccordionInnerContainer.dijitAccordionInnerContainerSelected {
384 border-color : #ccc;
385}
386
387.claro .dijitAccordionContainer .dijitAccordionChildWrapper {
388 border-color : #ddd;
389}
390
391/* Tabs */
392
393.claro .dijitTabContent {
394 background : #eee;
395}
396
397.claro .dijitTabContent.dijitTabChecked,
398.claro .dijitTabContent.dijitTabHover,
399.claro .dijitTabContent.dijitFocused {
400 background : white;
401}
402
403.claro .dijitTabPaneWrapper,
404.claro .dijitTabContainerTop-tabs,
405.claro .dijitTab,
406.claro .dijitAccordionInnerContainer {
407 border-color : #ddd;
408}
196724d1 409