| author | cavaliet |
| Mon, 04 Mar 2013 17:40:57 +0100 | |
| changeset 85 | 4d320fbfc550 |
| parent 78 | 67d3fb0e54a6 |
| child 86 | 5e1eb389036a |
| permissions | -rw-r--r-- |
| 9 | 1 |
/* http://meyerweb.com/eric/tools/css/reset/ |
2 |
v2.0 | 20110126 |
|
3 |
License: none (public domain) |
|
4 |
*/ |
|
5 |
||
6 |
html, body, div, span, applet, object, iframe, |
|
7 |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
8 |
a, abbr, acronym, address, big, cite, code, |
|
9 |
del, dfn, em, img, ins, kbd, q, s, samp, |
|
10 |
small, strike, strong, sub, sup, tt, var, |
|
11 |
b, u, i, center, |
|
12 |
dl, dt, dd, ol, ul, li, |
|
13 |
fieldset, form, label, legend, |
|
14 |
table, caption, tbody, tfoot, thead, tr, th, td, |
|
15 |
article, aside, canvas, details, embed, |
|
16 |
figure, figcaption, footer, header, hgroup, |
|
17 |
menu, nav, output, ruby, section, summary, |
|
18 |
time, mark, audio, video { |
|
19 |
margin: 0; |
|
20 |
padding: 0; |
|
21 |
border: 0; |
|
22 |
font-size: 100%; |
|
23 |
font: inherit; |
|
24 |
vertical-align: baseline; |
|
25 |
} |
|
26 |
/* HTML5 display-role reset for older browsers */ |
|
27 |
article, aside, details, figcaption, figure, |
|
28 |
footer, header, hgroup, menu, nav, section { |
|
29 |
display: block; |
|
30 |
} |
|
31 |
body { |
|
32 |
line-height: 1; |
|
33 |
} |
|
34 |
ol, ul { |
|
35 |
list-style: none; |
|
36 |
} |
|
37 |
blockquote, q { |
|
38 |
quotes: none; |
|
39 |
} |
|
40 |
blockquote:before, blockquote:after, |
|
41 |
q:before, q:after { |
|
42 |
content: ''; |
|
43 |
content: none; |
|
44 |
} |
|
45 |
table { |
|
46 |
border-collapse: collapse; |
|
47 |
border-spacing: 0; |
|
48 |
} |
|
49 |
||
50 |
.clear{ |
|
51 |
clear: both; |
|
52 |
} |
|
53 |
||
54 |
input::-moz-focus-inner { |
|
55 |
border: 0 none; |
|
56 |
padding: 0; |
|
57 |
} |
|
58 |
||
59 |
/* END RESET.CSS */ |
|
60 |
||
61 |
html { |
|
62 |
font-family: Arial, Helvetica, sans-serif; |
|
63 |
} |
|
64 |
||
65 |
body { |
|
66 |
background: #FFFFFF; |
|
67 |
} |
|
68 |
||
69 |
a { |
|
70 |
text-decoration: none; color: inherit; |
|
71 |
} |
|
72 |
||
73 |
a:hover { |
|
74 |
text-decoration: underline; |
|
75 |
} |
|
76 |
||
77 |
.fullwidth { |
|
78 |
width: 100%; float: left; clear: both; |
|
79 |
} |
|
80 |
||
81 |
header, .main { |
|
82 |
width: 968px; margin: 0 auto; |
|
83 |
} |
|
84 |
||
85 |
.header-wrap { |
|
86 |
background: #666666; /* Old browsers */ |
|
87 |
background: -moz-linear-gradient(top, #666666 20%, #333333 80%); /* FF3.6+ */ |
|
88 |
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#666666), color-stop(80%,#333333)); /* Chrome,Safari4+ */ |
|
89 |
background: -webkit-linear-gradient(top, #666666 20%,#333333 80%); /* Chrome10+,Safari5.1+ */ |
|
90 |
background: -o-linear-gradient(top, #666666 20%,#333333 80%); /* Opera 11.10+ */ |
|
91 |
background: -ms-linear-gradient(top, #666666 20%,#333333 80%); /* IE10+ */ |
|
92 |
background: linear-gradient(to bottom, #666666 20%,#333333 80%); /* W3C */ |
|
93 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#333333',GradientType=0 ); /* IE6-9 */ |
|
94 |
} |
|
95 |
||
96 |
header { |
|
97 |
height: 40px; |
|
98 |
} |
|
99 |
||
100 |
||
101 |
h1 { |
|
102 |
font-weight: bold; |
|
103 |
font-size: 24px; |
|
104 |
text-shadow: 1px 1px 1px #000; color: #f0f0f0; |
|
105 |
} |
|
106 |
||
107 |
nav { |
|
108 |
text-align: right; color: #ffffff; font-size: 13px; margin: 5px 0; |
|
109 |
} |
|
110 |
||
111 |
h2 { |
|
112 |
font-size: 18px; font-weight: bold; color: #003366; |
|
113 |
margin: 10px 0 5px; padding-bottom: 5px; border-bottom: 1px solid #666; |
|
114 |
} |
|
115 |
||
116 |
h3 { |
|
117 |
font-size: 13px; font-weight: bold; color: #555555; margin: 4px 0; |
|
118 |
} |
|
119 |
||
120 |
h4 { |
|
121 |
font-size: 12px; font-style: italic; margin: 4px 0; |
|
122 |
} |
|
123 |
||
124 |
p { |
|
125 |
font-size: 11px; margin: 4px 0; |
|
126 |
} |
|
127 |
||
128 |
strong { |
|
129 |
font-weight: bold; |
|
130 |
} |
|
131 |
||
|
25
48614929b87a
Real sort on home. Real pict's fragment on other pages. Real links on intelligent pagination.
cavaliet
parents:
24
diff
changeset
|
132 |
.right{ |
|
48614929b87a
Real sort on home. Real pict's fragment on other pages. Real links on intelligent pagination.
cavaliet
parents:
24
diff
changeset
|
133 |
float: right; |
|
48614929b87a
Real sort on home. Real pict's fragment on other pages. Real links on intelligent pagination.
cavaliet
parents:
24
diff
changeset
|
134 |
} |
|
48614929b87a
Real sort on home. Real pict's fragment on other pages. Real links on intelligent pagination.
cavaliet
parents:
24
diff
changeset
|
135 |
|
| 9 | 136 |
.main-wrap { |
137 |
background: #ffffff; /* Old browsers */ |
|
138 |
background: -moz-linear-gradient(top, #f0f0f0 20%, #ffffff 80%); /* FF3.6+ */ |
|
139 |
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f0f0f0), color-stop(80%,#ffffff)); /* Chrome,Safari4+ */ |
|
140 |
background: -webkit-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* Chrome10+,Safari5.1+ */ |
|
141 |
background: -o-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* Opera 11.10+ */ |
|
142 |
background: -ms-linear-gradient(top, #f0f0f0 20%,#ffffff 80%); /* IE10+ */ |
|
143 |
background: linear-gradient(to bottom, #f0f0f0 20%,#ffffff 80%); /* W3C */ |
|
144 |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ |
|
145 |
} |
|
146 |
||
147 |
footer { |
|
148 |
margin: 40px 0 20px; padding: 10px 0 0; border-top: 1px solid #666; |
|
149 |
} |
|
150 |
||
151 |
.footer-list li { |
|
152 |
float: right; margin-left: 10px; |
|
153 |
} |
|
154 |
||
155 |
.search-field { |
|
156 |
box-sizing: border-box; |
|
157 |
-moz-box-sizing: border-box; |
|
158 |
-webkit-box-sizing: border-box; |
|
| 44 | 159 |
border: none; background: #d0e0FF; |
160 |
padding: 2px; margin: 2px 0; height: 20px; |
|
161 |
font-size: 13px; width: 210px; float: left; |
|
162 |
line-height: 20px; height: 20px; |
|
163 |
} |
|
164 |
||
165 |
.search-type { |
|
166 |
box-sizing: border-box; |
|
167 |
-moz-box-sizing: border-box; |
|
168 |
-webkit-box-sizing: border-box; |
|
169 |
border: none; background: #E0E0E0; |
|
170 |
float: left; width: 100px; |
|
171 |
padding: 2px; margin: 2px 0 0 1px; |
|
| 9 | 172 |
font-size: 13px; |
| 44 | 173 |
line-height: 20px; height: 20px; |
| 9 | 174 |
} |
175 |
||
176 |
.placeholder { |
|
177 |
background: #d0e0FF; |
|
178 |
} |
|
179 |
||
180 |
.column { |
|
181 |
float: left; margin: 6px 0 6px 16px; |
|
182 |
} |
|
183 |
||
184 |
.subcol { |
|
185 |
float: left; margin: 2px 0 4px 12px; |
|
186 |
} |
|
187 |
||
188 |
.column-third { |
|
189 |
float: left; width: 312px; |
|
190 |
} |
|
191 |
||
192 |
.column-third:nth-child(3n+1) { |
|
193 |
margin-left: 0; clear: left; |
|
194 |
} |
|
195 |
||
196 |
.subcol-third-third { |
|
197 |
width: 96px; |
|
198 |
} |
|
199 |
||
200 |
.subcol-third-third:nth-child(3n+1) { |
|
201 |
margin-left: 0; clear: left; |
|
202 |
} |
|
203 |
||
204 |
.column-half { |
|
205 |
width: 476px; |
|
206 |
} |
|
207 |
||
208 |
.column-half:nth-child(2n+1) { |
|
209 |
margin-left: 0; clear: left; |
|
210 |
} |
|
211 |
||
212 |
.subcol-half-fourth { |
|
213 |
width: 110px; |
|
214 |
} |
|
215 |
||
216 |
.subcol-half-fourth:nth-child(4n+1) { |
|
217 |
margin-left: 0; clear: left; |
|
218 |
} |
|
219 |
||
|
25
48614929b87a
Real sort on home. Real pict's fragment on other pages. Real links on intelligent pagination.
cavaliet
parents:
24
diff
changeset
|
220 |
|
| 9 | 221 |
.column-full { |
222 |
margin-left: 0; width: 968px; |
|
223 |
} |
|
224 |
||
225 |
.subcol-eighth { |
|
| 35 | 226 |
width: 110px; margin-left: 12px; |
| 9 | 227 |
} |
228 |
||
229 |
.subcol-eighth:nth-child(even) { |
|
230 |
margin-left: 13px; |
|
231 |
} |
|
232 |
||
233 |
.subcol-eighth:nth-child(8n+1) { |
|
234 |
margin-left: 0; clear: left; |
|
235 |
} |
|
236 |
||
237 |
.center-image { |
|
238 |
text-align: center; |
|
239 |
} |
|
240 |
||
241 |
.image-and-fragment { |
|
242 |
position: relative; margin: 0 auto; display: inline-block; |
|
243 |
} |
|
244 |
||
| 76 | 245 |
.little_square_fragment { |
246 |
height: 110px; width: 110px; |
|
247 |
} |
|
248 |
||
| 78 | 249 |
.large_square_fragment { |
250 |
height: 476px; width: 476px; |
|
251 |
} |
|
252 |
||
| 9 | 253 |
.center-image img { |
254 |
display: inline-block; |
|
255 |
} |
|
256 |
/* |
|
257 |
.image-and-fragment img:after { |
|
258 |
content: "."; display: block; clear: both; width: 0; line-height: 0; visibility: hidden; |
|
259 |
} |
|
260 |
*/ |
|
| 15 | 261 |
.image-and-fragment svg, .cutout-canvas { |
| 9 | 262 |
position: absolute; top: 0; left: 0; width: 100%; height: 100%; |
263 |
} |
|
264 |
||
| 74 | 265 |
.sub_svg_image { |
266 |
opacity: .3; |
|
267 |
} |
|
268 |
.sub_svg_image:hover { |
|
269 |
opacity: 1; |
|
270 |
} |
|
271 |
||
| 9 | 272 |
/* STYLES SPECIFIQUES A home.html */ |
273 |
||
274 |
.homeviz { |
|
275 |
float: left; width: 968px; height: 400px; margin: 2px 0 4px; |
|
276 |
} |
|
277 |
||
278 |
/* STYLES SPECIFIQUES A image.html */ |
|
279 |
||
280 |
.image-metadata { |
|
281 |
width: 100%; margin: 30px 0 0; font-size: 14px; |
|
282 |
} |
|
283 |
||
284 |
.image-metadata th { |
|
285 |
font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; vertical-align: top; |
|
286 |
} |
|
287 |
||
288 |
.image-metadata td { |
|
289 |
width: 314px; padding: 4px 0; |
|
290 |
} |
|
291 |
||
| 15 | 292 |
.image-metadata input[type=text] { |
293 |
box-sizing: border-box; |
|
294 |
-moz-box-sizing: border-box; |
|
295 |
-webkit-box-sizing: border-box; |
|
296 |
width: 100%; border: 1px solid #6699FF; background: #FFFFFF; |
|
297 |
padding: 2px; margin: 3px 0; |
|
298 |
font-size: 13px; |
|
299 |
} |
|
300 |
||
| 9 | 301 |
.image-metadata textarea { |
302 |
box-sizing: border-box; |
|
303 |
-moz-box-sizing: border-box; |
|
304 |
-webkit-box-sizing: border-box; |
|
| 15 | 305 |
width: 100%; border: 1px solid #6699FF; background: #FFFFFF; |
306 |
padding: 2px; margin: 3px 0; height: 100px; |
|
| 9 | 307 |
font-size: 13px; |
| 15 | 308 |
resize: none; |
| 9 | 309 |
} |
310 |
||
311 |
.image-keywords { |
|
312 |
width: 100%; margin: 10px 0 0; |
|
313 |
} |
|
314 |
||
315 |
.image-keywords th { |
|
316 |
font-size: 14px; font-weight: bold; text-align: left; padding: 4px 0 4px 0; width: 33%; |
|
317 |
} |
|
318 |
||
319 |
.image-keywords tbody tr:nth-child(odd) { |
|
320 |
background: #e0e0e0; |
|
321 |
} |
|
322 |
||
323 |
.image-keywords td { |
|
324 |
font-size: 13px; text-align: left; padding: 4px 4px 4px 0; |
|
325 |
} |
|
326 |
||
327 |
.add-button { |
|
328 |
background: #D0E0FF; margin: 5px 0; padding: 6px; border-radius: 4px; color: #003366; |
|
329 |
font-weight: bold; font-size: 13px; float: left; |
|
330 |
} |
|
| 85 | 331 |
.add-button-grey { |
332 |
background: #AAAAAA; margin: 5px 0; padding: 6px; border-radius: 4px; color: #555555; |
|
333 |
font-weight: bold; font-size: 13px; float: left; |
|
334 |
} |
|
| 9 | 335 |
|
336 |
.big-button { |
|
337 |
background: #D0E0FF; margin: 10px 0 10px 16px; padding: 8px; border-radius: 4px; color: #003366; |
|
338 |
font-weight: bold; font-size: 15px; width: 214px; text-align: center; float: left; |
|
339 |
} |
|
340 |
||
341 |
.big-button:first-child { |
|
342 |
margin-left: 0; |
|
343 |
} |
|
344 |
||
345 |
.highlight { |
|
346 |
background: #ffff80; |
|
347 |
} |
|
348 |
||
| 15 | 349 |
/* STYLES SPECIFIQUES A fragment-edit */ |
350 |
||
351 |
.head-button { |
|
352 |
font-weight: bold; float: right; margin: 8px 0 0 2px; font-size: 20px; |
|
353 |
} |
|
354 |
||
355 |
a.clear-fragment { |
|
356 |
color: #800000; |
|
357 |
} |
|
| 30 | 358 |
|
359 |
/* loginform_div style */ |
|
360 |
#loginform_div, #loginform_div ul, #loginform_div li{ |
|
361 |
margin: 10px 0 5px; |
|
362 |
} |
|
|
49
df024e5f011d
Limit parameter to all pictures and all fragments. JS to add rmn keywords to fragment's keywords. Language updated.
cavaliet
parents:
44
diff
changeset
|
363 |
|
|
df024e5f011d
Limit parameter to all pictures and all fragments. JS to add rmn keywords to fragment's keywords. Language updated.
cavaliet
parents:
44
diff
changeset
|
364 |
/* add tags buttons style */ |
|
69
412ab5e76c65
Clickable tags to easily add tags from rmn and pertimm.
cavaliet
parents:
49
diff
changeset
|
365 |
.clickable:hover{ |
|
49
df024e5f011d
Limit parameter to all pictures and all fragments. JS to add rmn keywords to fragment's keywords. Language updated.
cavaliet
parents:
44
diff
changeset
|
366 |
text-decoration: underline; |
|
df024e5f011d
Limit parameter to all pictures and all fragments. JS to add rmn keywords to fragment's keywords. Language updated.
cavaliet
parents:
44
diff
changeset
|
367 |
cursor: hand; cursor: pointer; |
|
df024e5f011d
Limit parameter to all pictures and all fragments. JS to add rmn keywords to fragment's keywords. Language updated.
cavaliet
parents:
44
diff
changeset
|
368 |
} |