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
RevLine 
[220]1/** ***************************************************** **/
[261]2/** ************************ TITLES ********************* **/
3/** ***************************************************** **/
4.title1 {
5    color: #165076;
6    font-weight: bold;
[263]7    font-size: 15px;
[261]8}
9
10.title2 {
11    color: #165076;
12    font-weight: bold;
13}
14
15/** ***************************************************** **/
[353]16/** ********************* CONTAINERS ******************** **/
[220]17/** ***************************************************** **/
[353]18.containerWhite {
19    position: relative;
20    left: 600px;
21    background-color: white;
22    width: 13px;
23    height: 108px;
24}
25
[347]26.containerEther {
[345]27    -moz-border-radius: 4px 4px 4px 4px;
[352]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
[347]56.containerLogoEther {
57    float: left;
[230]58    width: 80px;
59    height: 80px;
60    padding: 15px;
61}
62
[352]63.containerTitle {
64    font-size: 24px;
[353]65    color: #003d6c;
[352]66    font-weight: bold;
67    float: left;
68    margin-top: 29px;
69    margin-left: 10px;
70    margin-bottom: 18px;
[353]71    width: 483px;
[352]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
[347]103.containerTools {
104    float: right;
[220]105    -moz-border-radius: 4px 4px 4px 4px;
[230]106    -webkit-border-radius: 4px 4px 4px 4px;
[347]107    background: -moz-linear-gradient(left, white, #C0C0C0);
108    background: -webkit-linear-gradient(left, white, #COCOCO);
109    width: 300px;
110    height: 30px;
[220]111}
112
[347]113.containerMenu {
[220]114    float: left;
[347]115    color: #456487;
[352]116    margin-left: 22px;
[220]117}
118
[347]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
[352]130.containerSubMenu ul {
131    margin-left: -6px;
132}
133
134/** ***************************************************** **/
135
136/** ***************************************************** **/
[351]137.containerNewsImages {
138    height: 150px;
139    width: 460px;
140    margin-bottom: 0;
141}
142
143.containerNewsTexts {
[353]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;
[351]145    float: right;
[347]146    height: 150px;
[351]147    width: 500px;
[356]148    margin-right: 3px;
[347]149}
150
[351]151.containerNewsTextsTitle {
[353]152    color: #003d6c;
[351]153    font-size: 16px;
154    text-align: right;
155    margin-right: 20px;
156    margin-top: 10px;
157}
158
[362]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
[352]174/** ***************************************************** **/
175
176/** ***************************************************** **/
177.containerBottom {
[353]178    background: -moz-linear-gradient(left center, white, #C0C0C0) repeat scroll 0 0 transparent;
179    color: #003D6C;
[352]180    height: 26px;
181    padding-right: 10px;
182    position: relative; /*top: -32px;*/
183    width: 972px;
184}
185
186/** ***************************************************** **/
187
188/** ***************************************************** **/
[353]189/** ********************* LI SUBMENUS ******************* **/
190/** ***************************************************** **/
191li.li0 {
192    border-left: 7px solid #ADEAEA;
[228]193}
194
[353]195li.li1 {
196    border-left: 7px solid #236B8E;
[228]197}
198
[353]199li.li2 {
200    border-left: 7px solid #3299CC;
[220]201}
202
[353]203li.li3 {
204    border-left: 7px solid #38B0DE;
[220]205}
206
[353]207li.li4 {
208    border-left: 7px solid #7093D8;
[220]209}
210
[353]211li.li5 {
212    border-left: 7px solid #5959AB;
[220]213}
214
[353]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;
[254]218}
219
[353]220/** ***************************************************** **/
[251]221
[230]222/** ***************************************************** **/
[362]223/** *********************** SLIDES ********************** **/
224/** ***************************************************** **/
[228]225.roundTable {
226    -moz-border-radius: 4px;
[230]227    -webkit-border-radius: 4px;
[269]228    border: 1px solid;
229    width: 100%;
[228]230}
231
[353]232.slideTable {
[297]233    float: left;
[353]234    width: 99%;
235    margin: 5px 5px -15px;
[297]236}
237
[353]238.slideTable td {
239    -moz-border-radius: 4px;
240    -webkit-border-radius: 4px;
241    border: 2px solid #C0C0C0;
[356]242    padding: 5px 5px 0 5px;
[353]243    text-align: center;
244    color: #003D6C;
[356]245    vertical-align: top;
[243]246}
247
[356]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 */
[261]258}
259
[362]260.slideTable td a:hover, .slideTable td:hover a {
[356]261    color: #708090;
[261]262}
263
[356]264.slideTableTitle {
265    height: 30px;
[261]266}
267
[368]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
[356]279#logoMimosa, #logoReprobus, #logoIasi, #logoMozaic {
280    margin-top: 5px;
[261]281}
[356]282
283#logoTropico, #logoGeisa {
284    margin-top: 8px;
285}
286
287#logoEccad {
288    margin-top: 10px;
289}
[362]290
291/** ***************************************************** **/
Note: See TracBrowser for help on using the repository browser.