1 | /* |
---|
2 | module |
---|
3 | ====== |
---|
4 | |
---|
5 | This CSS file contains specific choices of look and feel of |
---|
6 | NCSTAT web pages |
---|
7 | |
---|
8 | One can overwrite here choices made in style.css (a quiet beautifull |
---|
9 | CSS configuration set for dookbook found on the web) |
---|
10 | |
---|
11 | EVOLUTIONS |
---|
12 | ========== |
---|
13 | |
---|
14 | - fplod 2009-04-22T14:54:22Z aedon.locean-ipsl.upmc.fr (Darwin) |
---|
15 | |
---|
16 | * no current language |
---|
17 | |
---|
18 | - fplod 2009-04-22T14:07:44Z aedon.locean-ipsl.upmc.fr (Darwin) |
---|
19 | |
---|
20 | * add header_language |
---|
21 | |
---|
22 | - fplod 2009-04-22T10:21:25Z aedon.locean-ipsl.upmc.fr (Darwin) |
---|
23 | |
---|
24 | * add header_title |
---|
25 | |
---|
26 | - fplod 2009-04-21T16:03:38Z aedon.locean-ipsl.upmc.fr (Darwin) |
---|
27 | |
---|
28 | * add header_sect2 |
---|
29 | |
---|
30 | - fplod 2009-04-21T13:41:54Z aedon.locean-ipsl.upmc.fr (Darwin) |
---|
31 | |
---|
32 | * creation from http://www.alistapart.com/d/slidingdoors/v1/v1.css |
---|
33 | |
---|
34 | path of images (gif files) is relatif to final css location |
---|
35 | |
---|
36 | header rename to header_chapter and copy to header_sect1 |
---|
37 | |
---|
38 | */ |
---|
39 | body { |
---|
40 | background:#fff; |
---|
41 | margin:0; |
---|
42 | padding:0; |
---|
43 | color:#000; |
---|
44 | voice-family: "\"}\""; voice-family:inherit; |
---|
45 | } html>body |
---|
46 | |
---|
47 | #header_chapter { |
---|
48 | float:left; |
---|
49 | width:100%; |
---|
50 | background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; |
---|
51 | font-size:93%; |
---|
52 | line-height:normal; |
---|
53 | } |
---|
54 | #header_chapter ul { |
---|
55 | margin:0; |
---|
56 | padding:10px 10px 0; |
---|
57 | list-style:none; |
---|
58 | } |
---|
59 | #header_chapter li { |
---|
60 | float:left; |
---|
61 | background:url("../images/left.gif") no-repeat left top; |
---|
62 | margin:0; |
---|
63 | padding:0 0 0 9px; |
---|
64 | } |
---|
65 | #header_chapter a { |
---|
66 | float:left; |
---|
67 | display:block; |
---|
68 | background:url("../images/right.gif") no-repeat right top; |
---|
69 | padding:5px 15px 4px 6px; |
---|
70 | text-decoration:none; |
---|
71 | font-weight:bold; |
---|
72 | color:#765; |
---|
73 | } |
---|
74 | /* Commented Backslash Hack |
---|
75 | hides rule from IE5-Mac \*/ |
---|
76 | #header_chapter a {float:none;} |
---|
77 | /* End IE5-Mac hack */ |
---|
78 | #header_chapter a:hover { |
---|
79 | color:#333; |
---|
80 | } |
---|
81 | #header_chapter #current_chapter { |
---|
82 | background-image:url("../images/left_on.gif"); |
---|
83 | } |
---|
84 | #header_chapter #current_chapter a { |
---|
85 | background-image:url("../images/right_on.gif"); |
---|
86 | color:#333; |
---|
87 | padding-bottom:5px; |
---|
88 | } |
---|
89 | #header_sect1 { |
---|
90 | float:left; |
---|
91 | width:100%; |
---|
92 | background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; |
---|
93 | font-size:93%; |
---|
94 | line-height:normal; |
---|
95 | } |
---|
96 | #header_sect1 ul { |
---|
97 | margin:0; |
---|
98 | padding:10px 10px 0; |
---|
99 | list-style:none; |
---|
100 | } |
---|
101 | #header_sect1 li { |
---|
102 | float:left; |
---|
103 | background:url("../images/left.gif") no-repeat left top; |
---|
104 | margin:0; |
---|
105 | padding:0 0 0 9px; |
---|
106 | } |
---|
107 | #header_sect1 a { |
---|
108 | float:left; |
---|
109 | display:block; |
---|
110 | background:url("../images/right.gif") no-repeat right top; |
---|
111 | padding:5px 15px 4px 6px; |
---|
112 | text-decoration:none; |
---|
113 | font-weight:bold; |
---|
114 | color:#765; |
---|
115 | } |
---|
116 | /* Commented Backslash Hack |
---|
117 | hides rule from IE5-Mac \*/ |
---|
118 | #header_sect1 a {float:none;} |
---|
119 | /* End IE5-Mac hack */ |
---|
120 | #header_sect1 a:hover { |
---|
121 | color:#333; |
---|
122 | } |
---|
123 | #header_sect1 #current_sect1 { |
---|
124 | background-image:url("../images/left_on.gif"); |
---|
125 | } |
---|
126 | #header_sect1 #current_sect1 a { |
---|
127 | background-image:url("../images/right_on.gif"); |
---|
128 | color:#333; |
---|
129 | padding-bottom:5px; |
---|
130 | } |
---|
131 | #header_sect2 { |
---|
132 | float:left; |
---|
133 | width:100%; |
---|
134 | background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; |
---|
135 | font-size:93%; |
---|
136 | line-height:normal; |
---|
137 | } |
---|
138 | #header_sect2 ul { |
---|
139 | margin:0; |
---|
140 | padding:10px 10px 0; |
---|
141 | list-style:none; |
---|
142 | } |
---|
143 | #header_sect2 li { |
---|
144 | float:left; |
---|
145 | background:url("../images/left.gif") no-repeat left top; |
---|
146 | margin:0; |
---|
147 | padding:0 0 0 9px; |
---|
148 | } |
---|
149 | #header_sect2 a { |
---|
150 | float:left; |
---|
151 | display:block; |
---|
152 | background:url("../images/right.gif") no-repeat right top; |
---|
153 | padding:5px 15px 4px 6px; |
---|
154 | text-decoration:none; |
---|
155 | font-weight:bold; |
---|
156 | color:#765; |
---|
157 | } |
---|
158 | /* Commented Backslash Hack |
---|
159 | hides rule from IE5-Mac \*/ |
---|
160 | #header_sect2 a {float:none;} |
---|
161 | /* End IE5-Mac hack */ |
---|
162 | #header_sect2 a:hover { |
---|
163 | color:#333; |
---|
164 | } |
---|
165 | #header_sect2 #current_sect2 { |
---|
166 | background-image:url("../images/left_on.gif"); |
---|
167 | } |
---|
168 | #header_sect2 #current_sect2 a { |
---|
169 | background-image:url("../images/right_on.gif"); |
---|
170 | color:#333; |
---|
171 | padding-bottom:5px; |
---|
172 | } |
---|
173 | |
---|
174 | #header_title { |
---|
175 | float:left; |
---|
176 | width:100%; |
---|
177 | background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; |
---|
178 | font-size:93%; |
---|
179 | line-height:normal; |
---|
180 | } |
---|
181 | #header_title ul { |
---|
182 | margin:0; |
---|
183 | padding:10px 10px 0; |
---|
184 | list-style:none; |
---|
185 | } |
---|
186 | #header_title li { |
---|
187 | float:left; |
---|
188 | margin:0; |
---|
189 | padding:0 0 0 9px; |
---|
190 | } |
---|
191 | #header_title a { |
---|
192 | float:left; |
---|
193 | display:block; |
---|
194 | padding:5px 15px 4px 6px; |
---|
195 | text-decoration:none; |
---|
196 | font-weight:bold; |
---|
197 | color:#765; |
---|
198 | } |
---|
199 | /* Commented Backslash Hack |
---|
200 | hides rule from IE5-Mac \*/ |
---|
201 | #header_title a {float:none;} |
---|
202 | /* End IE5-Mac hack */ |
---|
203 | #header_title a:hover { |
---|
204 | color:#333; |
---|
205 | } |
---|
206 | |
---|
207 | #header_title #logo { |
---|
208 | color:#333; |
---|
209 | padding-bottom:5px; |
---|
210 | } |
---|
211 | |
---|
212 | #header_title #title { |
---|
213 | color:#333; |
---|
214 | padding-bottom:5px; |
---|
215 | font-weight:bold; |
---|
216 | } |
---|
217 | |
---|
218 | #header_language { |
---|
219 | float:left; |
---|
220 | width:100%; |
---|
221 | background:#DAE0D2 url("../images/bg.gif") repeat-x bottom; |
---|
222 | font-size:93%; |
---|
223 | line-height:normal; |
---|
224 | } |
---|
225 | #header_language ul { |
---|
226 | margin:0; |
---|
227 | padding:10px 10px 0; |
---|
228 | list-style:none; |
---|
229 | } |
---|
230 | #header_language li { |
---|
231 | float:left; |
---|
232 | background:url("../images/left.gif") no-repeat left top; |
---|
233 | margin:0; |
---|
234 | padding:0 0 0 9px; |
---|
235 | } |
---|
236 | #header_language a { |
---|
237 | float:left; |
---|
238 | display:block; |
---|
239 | background:url("../images/right.gif") no-repeat right top; |
---|
240 | padding:5px 15px 4px 6px; |
---|
241 | text-decoration:none; |
---|
242 | font-weight:bold; |
---|
243 | color:#765; |
---|
244 | } |
---|
245 | /* Commented Backslash Hack |
---|
246 | hides rule from IE5-Mac \*/ |
---|
247 | #header_language a {float:none;} |
---|
248 | /* End IE5-Mac hack */ |
---|
249 | #header_language a:hover { |
---|
250 | color:#333; |
---|
251 | } |
---|