source: ether_2012/trunk/web/resources/css/ether.css @ 368

Last change on this file since 368 was 368, checked in by vmipsl, 12 years ago

clean

File size: 6.7 KB
Line 
1/** ***************************************************** **/
2/** ************************ TITLES ********************* **/
3/** ***************************************************** **/
4.title1 {
5    color: #165076;
6    font-weight: bold;
7    font-size: 15px;
8}
9
10.title2 {
11    color: #165076;
12    font-weight: bold;
13}
14
15/** ***************************************************** **/
16/** ********************* CONTAINERS ******************** **/
17/** ***************************************************** **/
18.containerWhite {
19    position: relative;
20    left: 600px;
21    background-color: white;
22    width: 13px;
23    height: 108px;
24}
25
26.containerEther {
27    -moz-border-radius: 4px 4px 4px 4px;
28    -webkit-border-radius: 4px 4px 4px 4px;
29    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
30    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
31    width: 980px;
32    float: left;
33    margin-bottom: 10px;
34}
35
36/** ***************************************************** **/
37.containerTitleTools {
38    width: 980px;
39    float: left;
40    margin-bottom: 10px;
41}
42
43.containerLogoTitleNav {
44    float: left;
45}
46
47.containerLogoTitle {
48    -moz-border-radius: 4px 0 0 4px;
49    -webkit-border-radius: 4px 0 0 4px;
50    -moz-box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.3);
51    -webkit-box-shadow: 2px 3px 7px 0 rgba(0, 0, 0, 0.3);
52    height: 108px;
53    width: 604px;
54}
55
56.containerLogoEther {
57    float: left;
58    width: 80px;
59    height: 80px;
60    padding: 15px;
61}
62
63.containerTitle {
64    font-size: 24px;
65    color: #003d6c;
66    font-weight: bold;
67    float: left;
68    margin-top: 29px;
69    margin-left: 10px;
70    margin-bottom: 18px;
71    width: 483px;
72}
73
74.containerTitlePart2 {
75    text-align: right;
76    margin-right: 10px;
77    margin-top: 12px;
78}
79
80.containerNav {
81    -moz-border-radius: 4px 4px 4px 4px;
82    -webkit-border-radius: 4px 4px 4px 4px;
83    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
84    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
85    margin-top: 13px;
86    width: 589px;
87    height: 28px;
88    padding-left: 10px;
89    padding-top: 5px;
90}
91
92.containerToolsMenus {
93    -moz-border-radius: 0 4px 4px 4px;
94    -webkit-border-radius: 0 4px 4px 4px;
95    -moz-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
96    -webkit-box-shadow: 2px 3px 7px rgba(0, 0, 0, 0.3);
97    float: left;
98    margin-left: 5px;
99    width: 367px;
100    min-height: 155px;
101}
102
103.containerTools {
104    float: right;
105    -moz-border-radius: 4px 4px 4px 4px;
106    -webkit-border-radius: 4px 4px 4px 4px;
107    background: -moz-linear-gradient(left, white, #C0C0C0);
108    background: -webkit-linear-gradient(left, white, #COCOCO);
109    width: 300px;
110    height: 30px;
111}
112
113.containerMenu {
114    float: left;
115    color: #456487;
116    margin-left: 22px;
117}
118
119.containerSubMenu {
120    float: left;
121    color: #81A0C3;
122    margin-top: 6px;
123    font-size: 11px;
124}
125
126.containerSubMenu li {
127    margin-top: -6px;
128}
129
130.containerSubMenu ul {
131    margin-left: -6px;
132}
133
134/** ***************************************************** **/
135
136/** ***************************************************** **/
137.containerNewsImages {
138    height: 150px;
139    width: 460px;
140    margin-bottom: 0;
141}
142
143.containerNewsTexts {
144    background: -moz-linear-gradient(0deg, #003d6c -9%, rgba(125, 185, 232, 0.48) 30%, rgba(125, 185, 232, 0) 83%) repeat scroll 0 0 transparent;
145    float: right;
146    height: 150px;
147    width: 500px;
148    margin-right: 3px;
149}
150
151.containerNewsTextsTitle {
152    color: #003d6c;
153    font-size: 16px;
154    text-align: right;
155    margin-right: 20px;
156    margin-top: 10px;
157}
158
159.containerScrollNews {
160    margin-top: 8px;
161    margin-left: 31px;
162    color: #165076;
163}
164
165.containerScrollNews ul li a {
166    color: #165076;
167}
168
169.containerScrollNews ul li:hover, .containerScrollNews ul li a:hover {
170    font-weight: bold;
171    color: #165076;
172}
173
174/** ***************************************************** **/
175
176/** ***************************************************** **/
177.containerBottom {
178    background: -moz-linear-gradient(left center, white, #C0C0C0) repeat scroll 0 0 transparent;
179    color: #003D6C;
180    height: 26px;
181    padding-right: 10px;
182    position: relative; /*top: -32px;*/
183    width: 972px;
184}
185
186/** ***************************************************** **/
187
188/** ***************************************************** **/
189/** ********************* LI SUBMENUS ******************* **/
190/** ***************************************************** **/
191li.li0 {
192    border-left: 7px solid #ADEAEA;
193}
194
195li.li1 {
196    border-left: 7px solid #236B8E;
197}
198
199li.li2 {
200    border-left: 7px solid #3299CC;
201}
202
203li.li3 {
204    border-left: 7px solid #38B0DE;
205}
206
207li.li4 {
208    border-left: 7px solid #7093D8;
209}
210
211li.li5 {
212    border-left: 7px solid #5959AB;
213}
214
215li.li0:hover, li.li1:hover, li.li2:hover, li.li3:hover, li.li4:hover, li.li5:hover {
216    border-left: 7px solid #00FFFF;
217    color: #165076;
218}
219
220/** ***************************************************** **/
221
222/** ***************************************************** **/
223/** *********************** SLIDES ********************** **/
224/** ***************************************************** **/
225.roundTable {
226    -moz-border-radius: 4px;
227    -webkit-border-radius: 4px;
228    border: 1px solid;
229    width: 100%;
230}
231
232.slideTable {
233    float: left;
234    width: 99%;
235    margin: 5px 5px -15px;
236}
237
238.slideTable td {
239    -moz-border-radius: 4px;
240    -webkit-border-radius: 4px;
241    border: 2px solid #C0C0C0;
242    padding: 5px 5px 0 5px;
243    text-align: center;
244    color: #003D6C;
245    vertical-align: top;
246}
247
248.slideTable td:hover {
249    color: #708090;
250    font-weight: bold;
251    background: #e2e2e2; /* Old browsers */
252    background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 45%, #d1d1d1 51%, #fefefe 100%); /* FF3.6+ */
253    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2), color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1), color-stop(100%, #fefefe)); /* Chrome,Safari4+ */
254    background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Chrome10+,Safari5.1+ */
255    background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* Opera 11.10+ */
256    background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* IE10+ */
257    background: linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); /* W3C */
258}
259
260.slideTable td a:hover, .slideTable td:hover a {
261    color: #708090;
262}
263
264.slideTableTitle {
265    height: 30px;
266}
267
268.slideSubLevels {
269    min-height: 193px;
270}
271
272.slideTableSubLevel {
273    display: none;
274    width: 1%;
275    margin-top: 14px;
276    margin-bottom: 5px;
277}
278
279#logoMimosa, #logoReprobus, #logoIasi, #logoMozaic {
280    margin-top: 5px;
281}
282
283#logoTropico, #logoGeisa {
284    margin-top: 8px;
285}
286
287#logoEccad {
288    margin-top: 10px;
289}
290
291/** ***************************************************** **/
Note: See TracBrowser for help on using the repository browser.