]> git.wh0rd.org - tt-rss.git/blame - lib/dijit/themes/claro/form/Button.css
add dijit/dojo stuff; initial ui mockup
[tt-rss.git] / lib / dijit / themes / claro / form / Button.css
CommitLineData
2f01fe57
AD
1
2.claro .dijitButtonNode {
3
4 -webkit-transition-property:background-color;
5 -webkit-transition-duration:.3s;
6}
7.claro .dijitButton .dijitButtonNode,
8.claro .dijitDropDownButton .dijitButtonNode,
9.claro .dijitComboButton .dijitButtonNode,
10.claro .dijitToggleButton .dijitButtonNode {
11
12 border: 1px solid #769dc0;
13 padding:2px 4px 4px 4px;
14 background-image: url("images/button.png");
15 background-position: center top;
16 background-repeat: repeat-x;
17 background-color: #e4f2ff;
18 border-radius: 4px;
19 -moz-border-radius: 4px;
20 -webkit-border-radius: 4px;
21 box-shadow:0px 1px 1px rgba(0,0,0,0.15);
22 -webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.15);
23 -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.15);
24}
25.claro .dijitComboButton .dijitArrowButton {
26 border-left-width: 0px;
27 padding: 4px 2px 4px 2px;
28}
29.claro .dijitArrowButtonInner {
30 width: 15px;
31 height: 15px;
32 margin: 0 auto;
33 background-image:url("images/buttonArrows.png");
34 background-repeat:no-repeat;
35 background-position:-51px 53%;
36}
37.claro .dijitLeftArrowButton .dijitArrowButtonInner {
38 background-position: -77px 53%;
39}
40.claro .dijitRightArrowButton .dijitArrowButtonInner {
41 background-position: -26px 53%;
42}
43.claro .dijitUpArrowButton .dijitArrowButtonInner {
44 background-position: 0px 53%;
45}
46.claro .dijitDisabled .dijitArrowButtonInner {
47 background-position: -151px 53%;
48}
49.claro .dijitDisabled .dijitLeftArrowButton .dijitArrowButtonInner {
50 background-position: -177px 53%;
51}
52.claro .dijitDisabled .dijitRightArrowButton .dijitArrowButtonInner {
53 background-position: -126px 53%;
54}
55.claro .dijitDisabled .dijitUpArrowButton .dijitArrowButtonInner {
56 background-position: -100px 53%;
57}
58.claro .dijitButtonText {
59 padding: 0 0.3em;
60 text-align: center;
61}
62.claro .dijitDisabled .dijitButtonText {
63 color: #7F7F7F;
64}
65.claro .dijitButtonHover .dijitButtonNode,
66.claro .dijitDropDownButtonHover .dijitButtonNode,
67.claro .dijitComboButton .dijitButtonNodeHover,
68.claro .dijitComboButton .dijitDownArrowButtonHover,
69.claro .dijitToggleButtonHover .dijitButtonNode {
70 background-color: #afd9ff;
71 color:#000;
72 -webkit-transition-duration:.2s;
73}
74.claro .dijitButtonActive .dijitButtonNode,
75.claro .dijitDropDownButtonActive .dijitButtonNode,
76.claro .dijitComboButtonActive .dijitButtonNode,
77.claro .dijitToggleButtonActive .dijitButtonNode {
78 background-color: #99cfff;
79 box-shadow:0px 0px 0px rgba(0,0,0,0);
80 -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
81 -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
82 -webkit-transition-duration:.1s;
83}
84.claro .dijitButtonDisabled,
85.claro .dijitDropDownButtonDisabled,
86.claro .dijitComboButtonDisabled,
87.claro .dijitToggleButtonDisabled {
88 background-image: none;
89 outline: none;
90}
91.claro .dijitButtonDisabled .dijitButtonNode,
92.claro .dijitDropDownButtonDisabled .dijitButtonNode,
93.claro .dijitComboButtonDisabled .dijitButtonNode,
94.claro .dijitToggleButtonDisabled .dijitButtonNode {
95 background-position:0px -149px;
96 background-color: #e3e3e3;
97 border: solid 1px #c9c9c9;
98 color: #696969;
99 box-shadow:0px 0px 0px rgba(0,0,0,0);
100 -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0);
101 -moz-box-shadow: 0px 0px 0px rgba(0,0,0,0);
102}
103.claro .dijitComboButtonDisabled .dijitArrowButton{
104 border-left-width: 0px;
105}
106.claro table.dijitComboButton {
107 border-collapse: separate;
108}
109.dj_ie6 .claro .dijitButtonNode {
110 background-image: none;
111}
112.claro .dijitComboButton .dijitStretch {
113 -moz-border-radius: 4px 0px 0px 4px;
114 -webkit-border-top-left-radius: 4px;
115 -webkit-border-top-right-radius: 0px;
116 -webkit-border-bottom-right-radius: 0px;
117 -webkit-border-bottom-left-radius: 4px;
118}
119.claro .dijitComboButton .dijitArrowButton {
120 -moz-border-radius: 0px 4px 4px 0px;
121 -webkit-border-top-left-radius: 0px;
122 -webkit-border-top-right-radius: 4px;
123 -webkit-border-bottom-right-radius: 4px;
124 -webkit-border-bottom-left-radius: 0px;
125}