@@ -7,12 +7,10 @@ Reworked by CR, 23 Sep 2011 |
7 | 7 | Reworked by Jon Gacnik, 19 Feb 2013 |
8 | 8 |
|
9 | 9 | Created: 2005.08.29 04:28PM |
10 | | -Last Modified: 2014.11.15 by Scott Murray |
| 10 | +Last Modified: 2019.07.26 by Casey Reas to remove Foundation Site CSS "-f" |
11 | 11 |
|
12 | 12 | */ |
13 | 13 |
|
14 | | - |
15 | | - |
16 | 14 | @font-face { |
17 | 15 | font-family: 'theSerifItalic'; |
18 | 16 | src: url(fonts/TheSerif_B4_Italic.eot), |
@@ -54,7 +52,6 @@ Last Modified: 2014.11.15 by Scott Murray |
54 | 52 | } |
55 | 53 |
|
56 | 54 |
|
57 | | - |
58 | 55 | /* ================ GLOBAL ================== */ |
59 | 56 |
|
60 | 57 | body { |
@@ -102,6 +99,7 @@ a.large-link:before { |
102 | 99 | content: ''; |
103 | 100 | } |
104 | 101 |
|
| 102 | + |
105 | 103 | /* ================ COVER SLIDESHOW ================== */ |
106 | 104 |
|
107 | 105 | #slideshow { |
@@ -127,7 +125,6 @@ a.large-link:before { |
127 | 125 | } |
128 | 126 |
|
129 | 127 |
|
130 | | - |
131 | 128 | /* ================ LAYOUT ================== */ |
132 | 129 |
|
133 | 130 | #container { |
@@ -137,7 +134,6 @@ a.large-link:before { |
137 | 134 | } |
138 | 135 |
|
139 | 136 |
|
140 | | - |
141 | 137 | /* ================ RIBBON ================== */ |
142 | 138 |
|
143 | 139 | #ribbon { |
@@ -222,16 +218,6 @@ a.large-link:before { |
222 | 218 | position: relative; |
223 | 219 | } |
224 | 220 |
|
225 | | -#header-f { |
226 | | - width: 900px; |
227 | | - height: 106px; |
228 | | - margin-bottom: 30px; |
229 | | - overflow: hidden; |
230 | | - background: #0c2033 url(/images/processing-site.png) center center no-repeat; |
231 | | - background-size: 900px 106px; |
232 | | - position: relative; |
233 | | -} |
234 | | - |
235 | 221 | #header .processing-logo { |
236 | 222 | width: 206px; |
237 | 223 | height: 38px; |
@@ -243,17 +229,6 @@ a.large-link:before { |
243 | 229 | background-image: linear-gradient(transparent, transparent), url(../img/processing-logo.svg); |
244 | 230 | } |
245 | 231 |
|
246 | | -#header-f .processing-logo { |
247 | | - width: 370px; |
248 | | - height: 38px; |
249 | | - margin: 20px 0 0 30px; |
250 | | - /* -- NEW FOUNDATION LOGO GOES HERE -- */ |
251 | | - background: transparent url(/images/processing-foundation-logo.svg) center center no-repeat; |
252 | | - background-image: -webkit-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg); |
253 | | - background-image: -moz-linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg); |
254 | | - background-image: linear-gradient(transparent, transparent), url(/images/processing-foundation-logo.svg); |
255 | | -} |
256 | | - |
257 | 232 | #header .processing-logo.no-cover:before { |
258 | 233 | position: relative; |
259 | 234 | top: 3px; |
@@ -262,14 +237,6 @@ a.large-link:before { |
262 | 237 | content: '\2039'; |
263 | 238 | } |
264 | 239 |
|
265 | | -#header-f .processing-logo.no-cover:before { |
266 | | - position: relative; |
267 | | - top: 3px; |
268 | | - left: -18px; |
269 | | - font-size: 24px; |
270 | | - content: '\2039'; |
271 | | -} |
272 | | - |
273 | 240 | #Overview2 .processing-logo.no-cover:before { |
274 | 241 | position: relative; |
275 | 242 | top: 3px; |
@@ -284,23 +251,11 @@ a.large-link:before { |
284 | 251 | color: white; |
285 | 252 | } |
286 | 253 |
|
287 | | -#header-f a { |
288 | | - font-family: 'theSerif', 'Enriqueta', georgia, times, sans-serif; |
289 | | - text-decoration: none; |
290 | | - border: none; |
291 | | - color: white; |
292 | | -} |
293 | | - |
294 | 254 | #header h1 { |
295 | 255 | display: none; |
296 | 256 | float: left; |
297 | 257 | } |
298 | 258 |
|
299 | | -#header-f h1 { |
300 | | - display: none; |
301 | | - float: left; |
302 | | -} |
303 | | - |
304 | 259 | #header form { |
305 | 260 | position: absolute; |
306 | 261 | top: 20px; |
@@ -309,14 +264,6 @@ a.large-link:before { |
309 | 264 | color: #959595; |
310 | 265 | } |
311 | 266 |
|
312 | | -#header-f form { |
313 | | - position: absolute; |
314 | | - top: 20px; |
315 | | - right: 5px; |
316 | | - width: 176px; |
317 | | - color: #959595; |
318 | | -} |
319 | | - |
320 | 267 | #header form input { |
321 | 268 | float: left; |
322 | 269 | border: 1px solid #136796; |
@@ -328,29 +275,12 @@ a.large-link:before { |
328 | 275 | color: #959595; |
329 | 276 | } |
330 | 277 |
|
331 | | -#header-f form input { |
332 | | - float: left; |
333 | | - border: 1px solid #136796; |
334 | | - outline: none; |
335 | | - height: 18px; |
336 | | - background: #fff; |
337 | | - font-family: 'theSerif', 'Enriqueta', georgia, times, serif; |
338 | | - font-size: 1em; |
339 | | - color: #959595; |
340 | | -} |
341 | | - |
342 | 278 | #header form input[type="text"]{ |
343 | 279 | padding-left: 3px; |
344 | 280 | width: 127px; |
345 | 281 | border-right: none; |
346 | 282 | } |
347 | 283 |
|
348 | | -#header-f form input[type="text"]{ |
349 | | - padding-left: 3px; |
350 | | - width: 127px; |
351 | | - border-right: none; |
352 | | -} |
353 | | - |
354 | 284 | #header form input[type="submit"]{ |
355 | 285 | height: 22px; |
356 | 286 | width: 22px; |
@@ -362,21 +292,8 @@ a.large-link:before { |
362 | 292 | cursor: pointer; |
363 | 293 | } |
364 | 294 |
|
365 | | -#header-f form input[type="submit"]{ |
366 | | - height: 22px; |
367 | | - width: 22px; |
368 | | - border-left: none; |
369 | | - background: white url(/images/search-f.svg) center center no-repeat; |
370 | | - background-image: -webkit-linear-gradient(transparent, transparent), url(/images/search-f.svg); |
371 | | - background-image: -moz-linear-gradient(transparent, transparent), url(/images/search-f.svg); |
372 | | - background-image: linear-gradient(transparent, transparent), url(/images/search-f.svg); |
373 | | - cursor: pointer; |
374 | | -} |
375 | | - |
376 | 295 | #header form p { margin: 0; } |
377 | 296 |
|
378 | | -#header-f form p { margin: 0; } |
379 | | - |
380 | 297 | /* ================ NAVBAR ================== */ |
381 | 298 |
|
382 | 299 | #navigation { |
@@ -428,27 +345,6 @@ a.large-link:before { |
428 | 345 | padding-top: 10px; |
429 | 346 | } |
430 | 347 |
|
431 | | -/* === FOUNDATION FOOTER === */ |
432 | | - |
433 | | -#footer-f { |
434 | | - clear: both; |
435 | | - padding: 100px 30px 20px 30px; |
436 | | - line-height: 23px; |
437 | | - color: #959595; |
438 | | -} |
439 | | -#footer-f a { |
440 | | - color: #959595; |
441 | | - border-bottom: 1px solid #CECECE; |
442 | | -} |
443 | | -#footer-f #copyright, |
444 | | -#footer-f #colophon { |
445 | | - |
446 | | -} |
447 | | -#footer-f #copyright { |
448 | | - border-top: 1px solid #A6BCCF; |
449 | | - padding-top: 10px; |
450 | | -} |
451 | | - |
452 | 348 | /* ================ TYPOGRAPHY ================== */ |
453 | 349 |
|
454 | 350 | h1, h2, h3, h4, h5, h6 |
@@ -1097,37 +993,6 @@ h2 { margin-bottom: 0; margin-top: 0;} |
1097 | 993 | #Tutorials .colthree { width: 224px; float: left; margin-right: 20px; } |
1098 | 994 | #Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; } |
1099 | 995 |
|
1100 | | -/*#Tutorials p { |
1101 | | - margin-top: 2.0em; |
1102 | | - margin-bottom: 2.0em; |
1103 | | - font-size : 1.0em; |
1104 | | - font-weight : normal; |
1105 | | - line-height : 2.0em; |
1106 | | - }*/ |
1107 | | - |
1108 | | -/*#Tutorials h3 { |
1109 | | - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; |
1110 | | - font-size : 1.3em; |
1111 | | - font-weight : bold; |
1112 | | - margin-bottom : 0.4em; |
1113 | | - margin-top : 1.8em; |
1114 | | -} |
1115 | | -
|
1116 | | -#Tutorials h5 { |
1117 | | - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; |
1118 | | - font-weight : bold; |
1119 | | - font-size : 1.0em; |
1120 | | - margin-bottom : 0.4em; |
1121 | | - margin-top : 1.4em; |
1122 | | -}*/ |
1123 | | - |
1124 | | -/*#Tutorials h1 { |
1125 | | - font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; |
1126 | | - font-size : 2.0em; |
1127 | | - font-weight : normal; |
1128 | | - font-style : normal; |
1129 | | -}*/ |
1130 | | - |
1131 | 996 | /*--------------------TUTORIAL HEADER SPACING------------------*/ |
1132 | 997 | .Tutorials { line-height: 0em; } |
1133 | 998 |
|
@@ -1476,48 +1341,3 @@ div.examples-nav img { position: relative; top: 11px; } |
1476 | 1341 | border: none; |
1477 | 1342 | border-top: 1px solid #CBCBCB; |
1478 | 1343 | } |
1479 | | - |
1480 | | -/**************************************************************** updates, courses, happenings ***/ |
1481 | | -/* |
1482 | | -#Courses .content, #Updates .content, #Happenings .content { |
1483 | | - width: 595px; |
1484 | | - } |
1485 | | -#Updates h2 { margin-top: 0 0 20px 0; } |
1486 | | -
|
1487 | | -
|
1488 | | -.course-desc p { margin: 0; } |
1489 | | -.course-desc p.date { margin: 0; } |
1490 | | -.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; } |
1491 | | -.course-desc { margin-bottom: 2em; } |
1492 | | -*/ |
1493 | | - |
1494 | | -/************************************************************** comparison ***/ |
1495 | | -/* |
1496 | | -
|
1497 | | -#Compare h1 { margin-top: 2em; } |
1498 | | -#Compare h2 { margin-bottom: 0; } |
1499 | | -#Compare .threecol { float: left; width: 210px; margin-right: 20px; } |
1500 | | -#Compare .threecol p { margin-top: 0; } |
1501 | | -
|
1502 | | -
|
1503 | | -#Compare .content { |
1504 | | - margin-left : 55px; |
1505 | | - margin-right : 0px; |
1506 | | - position: relative; |
1507 | | -} |
1508 | | -*/ |
1509 | | - |
1510 | | -/************************************************************** troubleshooting ***/ |
1511 | | -/* |
1512 | | -#Troubleshooting h1 { margin-top: 2em; } |
1513 | | -#Troubleshooting h5 a { float: left; margin-left: -30px; } |
1514 | | -ul.nostyle { margin: 0; padding: 0; list-style: none outside; } |
1515 | | -#Troubleshooting td { padding-bottom: 1em; } |
1516 | | -*/ |
1517 | | - |
1518 | | -/************************************************************** FAQ ***/ |
1519 | | - |
1520 | | -/* |
1521 | | -#FAQ h5 a { float: left; margin-left: -30px; } |
1522 | | -*/ |
1523 | | - |