source: ether_2012/trunk/web/resources/css/verticalSlide.css @ 362

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

slides

File size: 4.0 KB
Line 
1.containerSlides {
2    width: 980px;
3    float: left;
4    margin-bottom: 10px;
5}
6
7.containerSlideTitle {
8    background: -moz-linear-gradient(white, #C0C0C0);
9    background: -webkit-linear-gradient(white, #COCOCO);
10    -moz-border-radius: 4px 4px 4px 4px;
11    -webkit-border-radius: 4px 4px 4px 4px;
12    float: left;
13    padding-top: 5px;
14    padding-left: 10px;
15    font-weight: bold;
16    width: 970px;
17    height: 24px;
18}
19
20.containerSlide {
21    -moz-border-radius: 4px 4px 4px 4px;
22    -webkit-border-radius: 4px 4px 4px 4px;
23    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
24    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
25    background-color: #F5F5F5;
26    margin-bottom: 1px;
27}
28
29.containerSlideTitle:hover {
30    color: white;
31}
32
33.containerSlideTitle.activated {
34    -moz-border-radius: 4px 4px 0 0;
35    -webkit-border-radius: 4px 4px 0 0;
36}
37
38.containerSlideTitle_image {
39    float: left;
40    width: 15px;
41    height: 18px;
42    margin-top: 3px;
43}
44
45.containerSlideTitle_text {
46    float: left;
47    margin-top: -2px;
48    margin-left: 7px;
49}
50
51.containerSlideTitle_subMenu_image {
52    float: right;
53    margin-top: -2px;
54    margin-right: 7px;
55}
56
57.containerSlideTitle_subMenu_text {
58    float: right;
59    margin-top: -2px;
60    margin-right: 7px;
61}
62
63.containerSlideContent {
64    -moz-border-radius: 0 0 4px 4px;
65    -webkit-border-radius: 0 0 4px 4px;
66    background-color: #F5F5F5;
67}
68
69/** ***************************************************** **/
70/** *********************** INIT.JSP ******************** **/
71/** ***************************************************** **/
72#slide_activities_title:hover .containerSlideTitle_image, #slide_data_title:hover .containerSlideTitle_image, #slide_databases_title:hover .containerSlideTitle_image, #slide_services_title:hover .containerSlideTitle_image {
73    background-image: url("../../resources/icons/arrow_white_right.png");
74    background-repeat: no-repeat;
75}
76
77#slide_activities_title.activated .containerSlideTitle_image, #slide_data_title.activated .containerSlideTitle_image, #slide_databases_title.activated .containerSlideTitle_image, #slide_services_title.activated .containerSlideTitle_image {
78    background-image: url("../../resources/icons/arrow_white_down.png");
79    background-repeat: no-repeat;
80    margin-top: 0;
81}
82
83/** #slide_activities_title **/
84#slide_activities_title:hover, #slide_activities_title.activated {
85    background: -moz-linear-gradient(#9ac8ec, #003d6c);
86    background: -webkit-linear-gradient(#9ac8ec, #003d6c);
87    color: white;
88}
89
90#slide_activities_title .containerSlideTitle_image {
91    background-image: url("../../resources/icons/arrow_blue_right.png");
92    background-repeat: no-repeat;
93}
94
95/** #slide_data_title **/
96#slide_data_title:hover, #slide_data_title.activated {
97    background: -moz-linear-gradient(#f9adad, #d51311) repeat scroll 0 0 transparent;
98    background: -webkit-linear-gradient(#f9adad, #d51311) repeat scroll 0 0 transparent;
99    color: white;
100}
101
102#slide_data_title .containerSlideTitle_image {
103    background-image: url("../../resources/icons/arrow_red_right.png");
104    background-repeat: no-repeat;
105}
106
107/** #slide_databases_title **/
108#slide_databases_title:hover, #slide_databases_title.activated {
109    background: -moz-linear-gradient(#f8edc2, #ffcf02) repeat scroll 0 0 transparent;
110    background: -webkit-linear-gradient(#f8edc2, #ffcf02) repeat scroll 0 0 transparent;
111    color: white;
112}
113
114#slide_databases_title .containerSlideTitle_image {
115    background-image: url("../../resources/icons/arrow_yellow_right.png");
116    background-repeat: no-repeat;
117}
118
119/** #slide_services_title **/
120#slide_services_title:hover, #slide_services_title.activated {
121    background: -moz-linear-gradient(#a6d1f8, #0569c7) repeat scroll 0 0 transparent;
122    background: -webkt-linear-gradient(#a6d1f8, #0569c7) repeat scroll 0 0 transparent;
123    color: white;
124}
125
126#slide_services_title .containerSlideTitle_image {
127    background-image: url("../../resources/icons/arrow_blue_2_right.png");
128    background-repeat: no-repeat;
129}
130
131/** ***************************************************** **/
Note: See TracBrowser for help on using the repository browser.