source: ether_megapoli/trunk/web/resources/css/complexButton.css @ 265

Last change on this file since 265 was 265, checked in by vmipsl, 13 years ago

loginModule

File size: 6.4 KB
Line 
1/*****************/
2/* Normal button
3/*****************/
4
5.normalButton {
6    text-decoration: none;
7    display: table;
8}
9
10.complexButton_left, .complexButton_left_gray {
11    background-image: url("../images/elements/button_left_3.png");
12    background-repeat: no-repeat;
13    background-position: top left;
14    padding-left: 7px;
15    height: 39px;
16    width: 0;
17    float: left;
18}
19
20.complexButton_left_gray {
21    background-image: url("../images/elements/button_left_gray.png"); /*background-image: url("../images/elements/button_left.png");*/
22}
23
24
25.complexButton_middle, .complexButton_middle_gray {
26    background-image: url("../images/elements/button_middle_3.png"); /*background-image: url("../images/elements/button_middle.png");*/
27    background-repeat: repeat-x;
28    height: 39px;
29    float: left;
30}
31
32.complexButton_middle_gray  {
33    background-image: url("../images/elements/button_middle_gray.png"); /*background-image: url("../images/elements/button_middle.png");*/
34}
35
36.complexButton_lonely_middle {
37    -moz-border-radius: 6px;
38    background-image: url("../images/elements/button_middle_3.png");
39    background-repeat: repeat-x;
40    height: 40px;
41    float: left;
42    padding-left: 7px;
43    padding-right: 8px;
44}
45
46.complexButton_text {
47    position: relative;
48    top: 12px;
49    color: white; /*color: #04155D;*/
50    font-size: 11px;
51    font-weight: bold;
52    text-align: center;
53}
54
55.complexButton_right, .complexButton_right_gray {
56    background-image: url("../images/elements/button_right_3.png");
57    background-repeat: no-repeat;
58    background-position: top right;
59    padding-right: 8px;
60    height: 39px;
61    width: 0;
62    float: left;
63}
64
65.complexButton_right_gray {
66    background-image: url("../images/elements/button_right_gray.png");
67}
68
69.normalButton:hover .complexButton_left, .normalButton:hover .complexButton_middle, .normalButton:hover .complexButton_text {
70    background-position: left -19px;
71    color: #7f5d26;
72}
73
74.normalButton:hover .complexButton_right {
75    background-position: right -19px;
76}
77
78.normalButton:active .complexButton_left, .normalButton:active .complexButton_middle, .normalButton:active .complexButton_text {
79    background-position: left -38px;
80    color: #7f5d26;
81}
82
83.normalButton:active .complexButton_right {
84    background-position: right -38px;
85}
86
87.complexButton_disabled .complexButton_left, .complexButton_disabled:hover .complexButton_left, .complexButton_disabled:active .complexButton_left,
88.complexButton_disabled .complexButton_middle, .complexButton_disabled:hover .complexButton_middle, .complexButton_disabled:active .complexButton_middl,
89.complexButton_disabled .complexButton_text, .complexButton_disabled:hover .complexButton_text, .complexButton_disabled:active .complexButton_text {
90    background-position: left -57px;
91    cursor: default;
92    color: #5c5c5c;
93}
94
95.complexButton_disabled .complexButton_right, .complexButton_disabled:hover .complexButton_right, .complexButton_disabled:active .complexButton_right {
96    background-position: right -57px;
97    cursor: default;
98}
99
100/*****************/
101/* Blue button
102/*****************/
103
104.blueButton {
105    text-decoration: none;
106}
107
108.blueButton .complexButton_left {
109    background-image: url(../../../gif/common/buttonblue_left.gif);
110    padding-left: 7px;
111    height: 16px;
112}
113
114.blueButton .complexButton_middle {
115    background-image: url(../../../gif/common/buttonblue_middle.gif);
116    height: 16px;
117    color: #3D4C5E;
118}
119
120.blueButton .complexButton_text {
121    position: relative;
122    top: 1px;
123    color: #3D4C5E;
124}
125
126.blueButton .complexButton_right {
127    background-image: url(../../../gif/common/buttonblue_right.gif);
128    padding-right: 7px;
129    height: 16px;
130}
131
132.blueButton_disabled .complexButton_left, .blueButton_disabled:hover .complexButton_left, .blueButton_disabled:active .complexButton_left,
133.blueButton_disabled .complexButton_middle, .blueButton_disabled:hover .complexButton_middle, .blueButton_disabled:active .complexButton_middle {
134    background-position: left -54px;
135}
136
137.blueButton_disabled .complexButton_right, .blueButton_disabled:hover .complexButton_right, .blueButton_disabled:active .complexButton_right {
138    background-position: right -54px;
139}
140
141.blueButton_disabled .complexButton_text,
142.blueButton_disabled .complexButton_text:hover,
143.blueButton_disabled .complexButton_text:active {
144    color: gray;
145}
146
147/*****************/
148/* Big Button
149/*****************/
150
151.bigButton {
152    text-decoration: none;
153}
154
155.bigButton .complexButton_left {
156    background-image: url(../../../gif/common/button_big_left.gif);
157    padding-left: 10px;
158    height: 38px;
159}
160
161.bigButton .complexButton_middle {
162    background-image: url(../../../gif/common/button_big_middle.gif);
163    height: 29px;
164    padding-top: 9px;
165    font-size: 17px;
166    font-weight: bold;
167}
168
169.bigButton .complexButton_right {
170    background-image: url(../../../gif/common/button_big_right.gif);
171    padding-right: 10px;
172    height: 38px;
173}
174
175.bigButton:hover .complexButton_left, .bigButton:hover .complexButton_middle {
176    background-position: left -39px;
177    color: #7F5D26;
178}
179
180.bigButton:hover .complexButton_right {
181    background-position: right -39px;
182    color: #7F5D26;
183}
184
185.bigButton:active .complexButton_left, .bigButton:active .complexButton_middle {
186    background-position: left -78px;
187}
188
189.bigButton:active .complexButton_right {
190    background-position: right -78px;
191}
192
193.bigButton_disabled .complexButton_left, .bigButton_disabled:hover .complexButton_left, .bigButton_disabled:active .complexButton_left,
194.bigButton_disabled .complexButton_middle, .bigButton_disabled:hover .complexButton_middle, .bigButton_disabled:active .complexButton_middle {
195    background-position: bottom left;
196}
197
198.bigButton_disabled .complexButton_right, .bigButton_disabled:hover .complexButton_right, .bigButton_disabled:active .complexButton_right {
199    background-position: bottom right;
200}
201
202.bigButton_disabled .complexButton_middle {
203    color: gray;
204}
205
206.bigButton_disabled:hover .complexButton_middle {
207    color: gray;
208}
209
210/*****************************/
211/*** Bouton plus
212/*****************************/
213
214.complexButton_plus {
215    background-image: url(../../../gif/ranking/button_plus.gif);
216    height: 14px;
217    width: 14px;
218}
219
220.complexButton_plus:hover {
221    background-position: right -14px;
222}
223
224.complexButton_plus:active {
225    background-position: right -28px;
226}
227
228.complexButton_plus_disabled, .complexButton_plus_disabled:hover, .complexButton_plus_disabled:active {
229    background-position: right -42px;
230}
Note: See TracBrowser for help on using the repository browser.