1/* 2By Lenny Burdette 3 4Derived from code by Kevin Cannon, http://www.multiblah.com and 5Florian Jenett, mail@florianjenett.de 6 7Created: 2005.08.29 04:28PM 8Last Modified: 2005.08.30 06:23PM 9 10*/ 11 12body { 13 margin : 0; 14 padding : 0; 15 16 background-color : #E2E2E2; /* #FFFFFF; */ /* #333322 */ 17 18 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 19 font-size : 100%; 20 font-size : 0.7em; 21 font-weight : normal; 22 line-height : normal; 23 color : #333333; 24} 25 26img { border: 0px solid #000000; } 27 28a { 29 text-decoration: underline; 30 font-weight: normal; 31 color: #3399CC; 32} 33 34a:hover, 35a:active { 36 text-decoration: underline; 37 font-weight: normal; 38 color: #3399CC; 39} 40 41a:visited, 42a:link:visited { 43 text-decoration: underline; 44 font-weight: normal; 45 color: #3399CC; 46} 47 48/* ================ COVER SLIDESHOW ================== */ 49 50#slideshow { 51 position:relative; 52 height:240px; 53} 54 55#slideshow IMG { 56 position:absolute; 57 top:0; 58 left:0; 59 z-index:8; 60 opacity:0.0; 61} 62 63#slideshow IMG.active { 64 z-index:10; 65 opacity:1.0; 66} 67 68#slideshow IMG.last-active { 69 z-index:9; 70} 71 72 73 74/* ================ LAYOUT ================== */ 75 76#container { 77 width: 750px; 78 margin-left: 0px; 79 background-color: white; 80} 81 82/* ================ HEADER ================== */ 83#header { 84 width: 750px; 85 height: 80px; 86 overflow: hidden; 87 background-color: #000000; 88 position:relative; 89} 90 91#header h1 { 92 display: none; 93 float: left; 94} 95 96#header form { 97 position: absolute; 98 top: 20px; 99 right: 5px; 100 width: 220px; 101 color: #ccc; 102} 103 104#header form input.text { 105 width: 130px; 106 margin-right: 2px; 107} 108 109#header form p { margin: 0; } 110#header form input { 111 /* border: 1px solid black; */ 112 background: #CCCCCC; 113 float: left; 114 margin-top: 1px; 115} 116 117/* ================ NAVBAR ================== */ 118 119#navigation { 120 font-size: 0.7em; 121 color: #CCCCCC; 122} 123 124.navBar { font-size: 11px; 125 height: 20px; 126 padding: 5px 0 0 55px; 127} 128 129.navBar a { color: #fff; } 130.navBar a:visited {color: #fff; } 131 132#mainnav { background: #333333; } 133#mainnav_noSub { background: #333333; margin-bottom: 40px; } 134#mainnav, #mainnav_noSub { position: relative; color: #cccccc !important; } 135 136#subNav { margin-left: 157px; /* 264 Is this for the reference??? */ 137 background: #5a5a5a url(../img/nav_bottomarrow.gif) no-repeat; 138 padding-left: 33px; 139 margin-bottom: 30px; 140} 141 142#subNav.libraries { margin-left: 157px; /* 264 Is this for the reference??? */ 143 background: #5a5a5a url(../img/nav_bottomarrow.gif) no-repeat; 144 padding-left: 33px; 145 margin-bottom: 0px; 146} 147 148.faq { position: absolute; right: 30px; color: #cccccc } 149.wiki { position: absolute; right: 77px; color: #cccccc } 150.forum { position: absolute; right: 119px; color: #cccccc } 151.feed { position: absolute; right: 174px; color: #cccccc } 152 153 154#subNav.learning { margin-left: 225px; } 155.active { color: #cccccc !important; } 156.activeSub { color: #000000 !important; } 157 158#subNav.exhib { margin-left: 90px; } 159.active { color: #cccccc !important; } 160//.faq { position: absolute; right: 10px; color: #cccccc } 161 162#subNav.abo { margin-left: 390px; } 163.active { color: #cccccc !important; } 164//.faq { position: absolute; right: 10px; color: #cccccc } 165 166/* ================ CONTENT ================== */ 167 168.content { 169 margin-left : 55px; 170 margin-right : 50px; 171 position: relative; 172} 173 174/* ================ FOOTER ================== */ 175 176#footer { 177 clear: both; 178 padding-top: 100px; 179 color: white; 180} 181 182#footer a { 183 color: white; 184} 185 186#footer #copyright, 187#footer #colophon { 188 padding: 5px 0 5px 50px; 189 color: white; 190} 191 192#footer #copyright { 193 background-color: #5A5A5A; 194} 195 196#footer #colophon { 197 background-color: #000000; 198} 199 200#footer #colophon a { 201 text-decoration: underline; 202 color: white; 203} 204 205#footer #colophon span { color: #fff; } 206 207/* ================ TYPOGRAPHY ================== */ 208 209h1, h2, h3, h4, h5, h6 210 { 211 /*margin-bottom : 5px;*/ 212 213 color : #5A5A5A; 214 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 215 font-weight : normal; 216 217 line-height : 1.6em; 218 } 219 220h1, h2, h3, h4 221 { 222 word-spacing : 0.2em; 223 } 224 225h4, h5, h6 226{ 227 font-weight : bold; 228} 229 230/* Font Sizes */ 231 232h1 { font-size : 2em; } 233h2 { font-size : 1.85em; } 234h3 { font-size : 1.7em; } 235h4 { font-size : 1.5em; } 236h5 { font-size : 1.25em; } 237h6 { font-size : 1em; } 238 239p { font-size : 1em; } 240 241pre { 242 font-family : "Courier New", Courier, monospace; 243 font-size : 11px; 244 line-height : normal; color: #000000; 245} 246 247tt { 248 font-family : "Courier New", Courier, monospace; 249 font-size : 11px; 250 line-height : normal; color: #000000; 251} 252 253code { 254 font-family : "Courier New", Courier, monospace; 255 font-size : 11px; 256 line-height : normal; color: #000000; 257} 258 259li {margin-bottom: 1em; } 260 261.error { color: #f00; margin: 0; } 262 263/* ================== RANDOM CLASSES =============== */ 264.clear { clear: both; } 265 266/* ================== PAGE SPECIFIC CSS =============== */ 267 268/**************************************************************** Cover ***/ 269 270#Cover .rightcol { 271 float: right; 272 width: 380px; 273 margin-right: 20px; 274} 275#Cover .leftcol { width: 250px; } 276 277#Cover ul { 278 list-style: none; 279 margin-left: 0; 280 padding-left: 1em; 281 text-indent: -1em; 282} 283 284 285#Cover .content { 286 margin-left : 55px; 287 margin-right : 0px; 288 position: relative; 289} 290 291#Cover h3 { margin: 40px 0 0 0; } 292.exhibition-small { padding: 0; margin: 0; } 293.exhibition-small h3 { margin-top: 0px !important; } 294 295dl { margin: 0; } 296dt { font-style: italic; } 297dd { margin: 0 0 1em 0; } 298 299.happenings { margin-bottom: 30px; } 300 301.courses-small dl { margin-top: -1em; } 302.courses-small dt { font-style: normal; margin-top: 1em; } 303.courses-small dd { margin: 0; } 304 305td img { margin: 0; display: block; } 306 307 308 309/**************************************************************** Exhibition ***/ 310 311//#Exhibition .colone { width: 224px; float: left; margin-right: 35px; } 312#Exhibition .colone { width: 675px; float: left; margin-right: 35px; } 313#Exhibition .coltwo { width: 165px; float: left; margin-right: 25px; } 314#Exhibition .colthree { width: 224px; float: left; margin-right: 20px; } 315#Exhibition h2 { margin: 0 0 20px 0; font-size: 1em; } 316#Exhibition h2.with-nav { margin-bottom: 0; } 317#Exhibition .onecol { clear: both; } 318#Exhibition td { vertical-align: top; } 319 320#Exhibition #Index .content { 321 margin-left : 55px; 322 margin-right : 0px; 323 position: relative; 324} 325 326/** 327#Collection .colone { width: 675px; float: left; margin-right: 35px; } 328#Collection .coltwo { width: 165px; float: left; margin-right: 25px; } 329#Collection .colthree { width: 224px; float: left; margin-right: 20px; } 330#Collection h2 { margin: 0 0 20px 0; font-size: 1em; } 331#Collection h2.with-nav { margin-bottom: 0; } 332#Collection .onecol { clear: both; } 333#Collection td { vertical-align: top; } 334 335#Collection .content { 336 margin-left : 55px; 337 margin-right : 0px; 338 position: relative; 339} 340*/ 341 342#Tutorials .colone { width: 224px; float: left; margin-right: 35px; } 343#Tutorials .coltwo { width: 165px; float: left; margin-right: 25px; } 344#Tutorials .colthree { width: 224px; float: left; margin-right: 20px; } 345#Tutorials h2 { margin: 0 0 20px 0; font-size: 1em; } 346#Tutorials h3 { font-size : 1.8em; 347 margin-bottom : 0.4em; 348 margin-top : 1.4em; 349} 350#Tutorials h1 { 351 font-size : 2.2em; 352 font-family : Arial, Geneva, Helvetica, Verdana, sans-serif; 353 font-weight : lighter; 354 font-style : normal; 355} 356#Tutorials h2.with-nav { margin-bottom: 0; } 357#Tutorials .onecol { clear: both; } 358#Tutorials td { vertical-align: top; } 359 360#Index .colone { width: 224px; float: left; margin-right: 35px; } 361#Index .coltwo { width: 165px; float: left; margin-right: 25px; } 362#Index .colthree { width: 224px; float: left; margin-right: 20px; } 363#Index h2 { margin: 0 0 20px 0; font-size: 1em; } 364#Index h2.with-nav { margin-bottom: 0; } 365#Index .onecol { clear: both; } 366#Index td { vertical-align: top; } 367 368#Index .content { 369 margin-left : 55px; 370 margin-right : 0px; 371 position: relative; 372} 373 374.curated-item { margin-bottom: 25px; } 375.curated-item h5 { margin-top: 1em; color: #666; font-size: 1em; } 376.curated-item h5 a { font-weight: bold; } 377.curated-item p { padding-right: 2em; } 378 379#Network h2 { position: relative; } 380#Network h2 a.addalink { position: absolute; left: 455px;} 381 382dl.network dt { font-style: normal; } 383dl.network dd { margin: 0; } 384dl.network dd.date { color: #999999; margin-bottom: 1em; } 385 386p.network { margin: 0 23px 1em 0; width:200px; } 387p.network span.date { color: #999999; } 388 389p.exhibition-nav { margin-top: 20px; margin-bottom: 10px; } 390 391/**************************************************************** Reference ***/ 392 393 394#Language h5 a { float: left; margin-left: -30px; } 395 396#Language .content { 397 margin-left : 55px; 398 margin-right : 0px; 399 position: relative; 400} 401 402.skinny { 403 margin-left : 0px; 404 margin-right : 50px; 405 position: relative; 406} 407 408#reference-nav { position: relative; width: 300px; height: 2em; padding-top: .5em; } 409#reference-nav p { position: absolute; right: 10px; top: 0; margin: 0; } 410 411.ref-notice { margin: 1.5em 0 2.5em 0; color: #006699; clear: both; margin-right: 40px;} 412 413.ref-item { margin-bottom: 60px; } 414.ref-item th { width: 100px; font-weight: normal; text-align: left; vertical-align: top; } 415.ref-item td { vertical-align: top; padding-bottom: 2em; } 416.ref-item td h3 { margin: 0; } 417pre { margin: 0; } 418tr.name-row { height: 80px; } 419 420td p { margin-top: 0; } 421 422.example img { float: left; margin-right: 15px; margin-bottom: 15px; } 423.example { clear: both; margin-bottom: 15px; } 424.example pre.margin { margin-left: 115px; } 425hr.noShade { height: 0px; color: #ccc; background: #ccc; margin-bottom: 15px; clear: both; width: 60%; text-align: left; float: left; } 426 427/*** ref index ***/ 428.abridged-notice { margin: 0 50px 30px 0; } 429 430.libraries-top { margin: 20px 50px 15px 0; } 431.libraries-bottom { margin: 0 50px 0px 0; } 432 433div.ref-col { width: 30%; 434 margin-right: 2%; 435 float: left; 436} 437 438.ref-col h3 { margin: 0; 439 font-size: 1.25em; 440 } 441.ref-col h5 { margin: 1.5em 0 0 0; 442 font-size: 1em; 443 font-weight: normal; 444 font-style: italic; 445} 446.ref-col h3+h5 { margin-top: 0; } 447.category { margin-bottom: 30px; } 448 449.ref-col p { margin-top: -.5em; margin-bottom: 2em; } 450 451/**************************************************************** updates, courses, happenings ***/ 452#Courses .content, #Updates .content, #Happenings .content { 453 width: 595px; 454 } 455#Updates h2 { margin-top: 0 0 20px 0; } 456 457 458.course-desc p { margin: 0; } 459.course-desc p.date { margin: 0; } 460.course-desc h3 { margin: 0; font-size: 1em; font-weight: bold; line-height: 1em; } 461.course-desc { margin-bottom: 2em; } 462 463/**************************************************************** download ***/ 464 465#Download .leftcol { margin-right: 250px; } 466.download-ver { color: black; font-size: 1em; font-weight: bold; margin-top: 2em; } 467.download-ver span { color: #5a5a46; } 468 469#Download .rightcol { position: absolute; 470 top: 55px; 471 right: 10px; 472 width: 175px; 473} 474#Download .rightcol h5 { font-size: 1em; margin-bottom: 1em; } 475 476/************************************************************** contribute ***/ 477 478#Contribute h1 { margin-bottom: 0; } 479#Contribute .message { margin-top: 0; margin-right: 40px; } 480#Contribute .threecol { float: left; width: 210px; margin-right: 20px; } 481#Contribute .threecol p { margin-bottom: 2em; } 482 483#Contribute .content { 484 margin-left : 55px; 485 margin-right : 0px; 486 position: relative; 487} 488 489/************************************************************** Learning ***/ 490 491#Learning h1 { margin-bottom: 0; margin-top: 0;} 492#Learning .message { margin-top: 0; margin-right: 40px; } 493#Learning .threecol { float: left; width: 200px; margin-right: 30px; margin-top: 0px;} 494#Learning .threecol p { margin-bottom: 2em; } 495 496#Learning .twocol { float: left; width: 310px; margin-right: 20px; margin-top: 0px;} 497#Learning .twocol p { margin-bottom: 2em; } 498 499#Learning td { vertical-align: top; } 500 501.doc-float { margin-right: 40px;} 502 503#Learning .content { 504 margin-left : 55px; 505 margin-right : 0px; 506 position: relative; 507} 508 509h2 { margin-bottom: 0; margin-top: 0;} 510 511 512#Copyright p { margin-right: 20px; } 513 514 515/************************************************************** Books ***/ 516 517#Books h1 { margin-bottom: 0; margin-top: 0;} 518#Books td { vertical-align: top; font-size: 1.0em} 519 520 521/************************************************************** Tools Indices ***/ 522#Tools-index .colone { 523 width: 300px; 524 float: left; 525 margin-right: 40px; 526} 527 528#Tools-index .twocol { 529 width: 330px; 530 float: left; 531} 532 533#Tools-index .full { 534 width: 650px; 535 float: left; 536 margin-right: 0px; 537 margin-top: 30px; 538} 539 540#Tools .content { 541 margin-left : 55px; 542 margin-right : 0px; 543 position: relative; 544} 545 546#Tools-index .content { 547 margin-left : 55px; 548 margin-right : 0px; 549 position: relative; 550} 551 552 553#Tools-index h5 { margin-bottom: 0; font-size: 1em; } 554#Tools-index .twocol p { margin-top: 0; } 555.lib-nav { display: block; 556 margin-bottom: 10px; 557 margin-left: -30px; 558 padding: 7px 0 3px 30px; 559 background: url(/img/back_off.gif) no-repeat 560} 561 562#Tools-index pre { margin-left: 30px; margin-bottom: 30px; } 563 564#Tools h2 { margin-top: 2em; } 565#Tools h5 { font-size: 1em; margin: 0; font-weight: bold; } 566#Tools h5 a { font-weight: bold; } 567#Tools h3 { clear: both; margin-bottom: 0; } 568#Tools h4 { font-size: 1em; margin-bottom: .5em; } 569#Tools h4 a {float:left; margin-left:-30px; martin-top:-5px; } 570 571 572#Tools .threecol { float: left; width: 210px; margin-right: 20px; } 573#Tools .threecol p { margin-top: 0; margin-bottom: 2em; } 574 575 576/************************************************************** Library Indices ***/ 577 578#Libraries .colone { 579 width: 300px; 580 float: left; 581 margin-right: 40px; 582} 583 584#Libraries .colone-alt { 585 width: 300px; 586 float: left; 587 margin-right: 40px; 588 //background: #cccccc; 589} 590 591#Libraries .twocol { 592 width: 330px; 593 float: left; 594} 595 596#Libraries .twocol-alt { 597 width: 330px; 598 float: left; 599 //background: #cccccc; 600} 601 602 603#Libraries .twocol p { margin-top: 0; } 604 605#Libraries .full { 606 width: 650px; 607 float: left; 608 margin-right: 0px; 609 margin-top: 30px; 610} 611 612#Libraries .full-alt { 613 width: 650px; 614 float: left; 615 margin-right: 0px; 616 margin-top: 0px; 617} 618 619#Libraries .librarytitle { 620 width: 680px; 621 float: left; 622 margin-right: 0px; 623 margin-top: 0px; 624 margin-bottom: 2px; 625} 626 627#Libraries .content { 628 margin-left : 55px; 629 margin-right : 0px; 630 position: relative; 631} 632 633#Libraries .content { 634 margin-left : 55px; 635 margin-right : 0px; 636 position: relative; 637} 638 639#Libraries .lib-nav { display: block; 640 margin-bottom: 10px; 641 margin-left: -30px; 642 padding: 7px 0 3px 30px; 643 background: url(/img/back_off.gif) no-repeat 644} 645 646#Libraries pre { margin-left: 30px; margin-bottom: 30px; } 647 648#Libraries h2 { margin-top: 2em; } 649//#Libraries h3 { clear: both; margin-bottom: 0; } 650#Libraries h3 { margin-top: 0; margin-bottom: 0;} 651#Libraries h5 { font-size: 1em; margin: 0; font-weight: bold; } 652#Libraries h5 a { font-weight: bold; } 653#Libraries h4 { font-size: 1em; margin-bottom: .5em; } 654#Libraries h4 a {float:left; margin-left:-30px; martin-top:-5px; } 655 656#Libraries .threecol { float: left; width: 210px; margin-right: 20px; } 657#Libraries .threecol p { margin-top: 0; margin-bottom: 2em; } 658 659//#Libraries h5 { margin-bottom: 0; font-size: 1em; } 660 661/* 662 663#Library-index .colone { 664 width: 300px; 665 float: left; 666 margin-right: 40px; 667} 668 669#Library-index .twocol { 670 width: 330px; 671 float: left; 672} 673 674#Library-index .full { 675 width: 650px; 676 float: left; 677 margin-right: 0px; 678 margin-top: 30px; 679} 680 681#Libraries .content { 682 margin-left : 55px; 683 margin-right : 0px; 684 position: relative; 685} 686 687#Library-index .content { 688 margin-left : 55px; 689 margin-right : 0px; 690 position: relative; 691} 692 693 694#Library-index h5 { margin-bottom: 0; font-size: 1em; } 695#Library-index .twocol p { margin-top: 0; } 696.lib-nav { display: block; 697 margin-bottom: 10px; 698 margin-left: -30px; 699 padding: 7px 0 3px 30px; 700 background: url(/img/back_off.gif) no-repeat 701} 702 703#Library-index pre { margin-left: 30px; margin-bottom: 30px; } 704 705#Libraries h2 { margin-top: 2em; } 706#Libraries h5 { font-size: 1em; margin: 0; font-weight: bold; } 707#Libraries h5 a { font-weight: bold; } 708#Libraries h3 { clear: both; margin-bottom: 0; } 709#Libraries h4 { font-size: 1em; margin-bottom: .5em; } 710#Libraries h4 a {float:left; margin-left:-30px; martin-top:-5px; } 711 712#Libraries .threecol { float: left; width: 210px; margin-right: 20px; } 713#Libraries .threecol p { margin-top: 0; margin-bottom: 2em; } 714 715*/ 716 717/************************************************************** environment ***/ 718#Environment h1 { margin-top: 2em; } 719#Environment h5 a { float: left; margin-left: -30px; } 720ul.nostyle { margin: 0; padding: 0; list-style: none outside; } 721#Environment td { padding-bottom: 1em; } 722 723#Environment .content { 724 margin-left : 55px; 725 margin-right : 50px; 726 position: relative; 727} 728 729/************************************************************** comparison ***/ 730#Compare h1 { margin-top: 2em; } 731#Compare h2 { margin-bottom: 0; } 732#Compare .threecol { float: left; width: 210px; margin-right: 20px; } 733#Compare .threecol p { margin-top: 0; } 734 735 736#Compare .content { 737 margin-left : 55px; 738 margin-right : 0px; 739 position: relative; 740} 741 742 743/************************************************************** troubleshooting ***/ 744#Troubleshooting h1 { margin-top: 2em; } 745#Troubleshooting h5 a { float: left; margin-left: -30px; } 746ul.nostyle { margin: 0; padding: 0; list-style: none outside; } 747#Troubleshooting td { padding-bottom: 1em; } 748 749/************************************************************** FAQ ***/ 750 751#FAQ h5 a { float: left; margin-left: -30px; } 752 753/************************************************************** examples ***/ 754div.applet { float: left; margin-bottom: 40px; } 755p.doc-float { margin-left: 250px; } 756p.doc { margin-right: 40px; } 757pre.code { clear: both; margin-top: 10px; } 758 759/* #examples-nav { margin-left: -44px; display: relative; } */ 760//#examples-nav { margin-left: 0px; display: relative; } 761.examples-nav-div { margin-left: -44px; margin-top: -10px; width: 480px; display: relative; align: left; } 762#examples-nav img { display: absolute; top: 15px; left: 100px; } 763 764#Examples h1 { margin-bottom: 0; } 765 766 767div.updateRequired { 768 color:#999; 769} 770div.updateRequired a { 771 color:#999; 772} 773 774 775