defaria.com/css/Print.css

   1 /************************************************************************/
   2 /* File:        Print.css                                               */
   3 /* Description: A printer version of the standard Cascading Style Sheet */
   4 /*              definitions for site. This basically removes the menu   */
   5 /*              on the left hand side so that printed output is more    */
   6 /*              readable.                                               */
   7 /* Author:      Andrew@DeFaria.com                                      */
   8 /* Created:     Mon Jan 17 10:45:57 PST 2005                            */
   9 /* Language:    Cascading Style Sheet                                   */
  10 /*                                                                      */
  11 /* (c) Copyright 2005, Andrew@DeFaria.com, all rights reserved.         */
  12 /*                                                                      */
  13 /************************************************************************/
  14 body {
  15   background:           white;
  16   margin:               3px;
  17   padding:              2px;
  18   font-family:          trebuchet MS,
  19                         trebuchet,
  20                         verdana,
  21                         sans-serif,
  22                         arial;
  23   font-size:            14px;
  24   color:                black;
  25 }
  26
  27 .heading {
  28   margin-top:           5px;
  29   padding:              5px;
  30 }
  31
  32 /* Turn off the left bar */
  33 .leftbar {
  34   display:              none;
  35 }
  36
  37 h1, h2, h3, h4, h5 {
  38   color:                #00498b;
  39   font-family:          verdana,
  40                         sans-serif,
  41                         arial;
  42 }
  43
  44 h1.centered {
  45   text-align:           center;
  46 }
  47
  48 h1 {
  49   font-size:            2em;
  50 }
  51
  52 h2 {
  53   font-size:            1.75em;
  54 }
  55
  56 h3 {
  57   font-size:            1.5em;
  58 }
  59
  60 h4 {
  61   font-size:            1.25em;
  62 }
  63
  64 h5 {
  65   font-size:            1em;
  66 }
  67
  68 #content {
  69   font-size:            16px;
  70 }
  71
  72 #content p {
  73   color:                black;
  74   font-family:          arial,
  75                         trebuchet MS,
  76                         trebuchet,
  77                         verdana,
  78                         geneva,
  79                         helvetica,
  80                         sans-serif;
  81   font-size:            16px;
  82 }
  83
  84 /* Turn on underlining of links for clarity on paper */
  85 a {
  86   color:                #4A7184;
  87   text-decoration:      underline;
  88   font-weight:          bold;
  89   font-family:          trebuchet MS,
  90                         trebuchet,
  91                         verdana,
  92                         arial,
  93                         sans-serif;
  94   font-size:            16px;
  95   font-weight:          bold;
  96 }
  97
  98 a:link {
  99   color:                #0080c0;
 100 }
 101
 102 /* For img's that happen to be links, don't put that silly    */
 103 /* border!                                                    */
 104 img {
 105   border:               none;
 106 }
 107
 108 font {
 109   font-family:          trebuchet MS,
 110                         trebuchet,
 111                         verdana,
 112                         arial,
 113                         sans-serif;
 114   font-weight:          normal;
 115   text-transform:       none;
 116 }
 117
 118 font.title {
 119   font-family:          trebuchet MS,
 120                         trebuchet,
 121                         verdana,
 122                         arial,
 123                         sans-serif;
 124   font-size:            11px;
 125   color:                #666;
 126   line-height:          15px;
 127 }
 128
 129 font.title-list {
 130   font-family:          trebuchet MS,
 131                         trebuchet,
 132                         verdana,
 133                         arial,
 134                         sans-serif;
 135   font-size:            11px;
 136   color:                #666;
 137   line-height:          15px;
 138 }
 139
 140 font.bold-label {
 141   font-family:          trebuchet MS,
 142                         trebuchet,
 143                         verdana,
 144                         arial,
 145                         sans-serif;
 146   font-size:             11px;
 147   color:                 #666;
 148   font-weight:           bold;
 149 }
 150
 151 font.title-no-padding {
 152   font-family:          trebuchet MS,
 153                         trebuchet,
 154                         verdana,
 155                         arial,
 156                         sans-serif;
 157   font-size:            11px;
 158   color:                #FFF;
 159 }
 160
 161 font.title-padding {
 162   font-family:          trebuchet MS,
 163                         trebuchet,
 164                         verdana,
 165                         arial,
 166                         sans-serif;
 167   font-size:            11px;
 168   color:                #FFF;
 169   line-height:          15px;
 170   padding:              5px;
 171 }
 172
 173 font.title-padding-grey {
 174   font-family:          trebuchet MS,
 175                         trebuchet,
 176                         verdana,
 177                         arial,
 178                         sans-serif;
 179   font-size:            11px;
 180   color:                #333;
 181   line-height:          15px;
 182   padding:              5px;
 183 }
 184
 185 font.pagetitle {
 186   font-family:          trebuchet MS,
 187                         trebuchet,
 188                         verdana,
 189                         arial,
 190                         sans-serif;
 191   font-size:            12px;
 192   color:                #666;
 193   line-height:          15px;
 194   font-weight:          bold;
 195 }
 196
 197 font.pagetitlelink {
 198   font-family:          trebuchet MS,
 199                         trebuchet,
 200                         verdana,
 201                         arial,
 202                         sans-serif;
 203   font-size:            12px;
 204   color:                #336699;
 205   line-height:          15px;
 206   font-weight:          bold;
 207 }
 208
 209 font.plain {
 210   font-family:          trebuchet MS,
 211                         trebuchet,
 212                         verdana,
 213                         arial,
 214                         sans-serif;
 215   font-size:            11px;
 216   color:                #666;
 217   line-height:          15px;
 218 }
 219
 220 font.instructional {
 221   font-family:          verdana,
 222                         arial,
 223                         sans-serif;
 224   font-size:            10px;
 225   color:                #666;
 226   line-height:          13px;
 227   text-align:           justify;
 228 }
 229
 230 .message {
 231   font-family:          verdana,
 232                         arial,
 233                         sans-serif;
 234   font-size:            11px;
 235   color:                #669966;
 236   line-height:          13px;
 237   font-weight:          bold;
 238   margin-bottom:        10px;
 239 }
 240
 241 .message a {
 242   font-family:          verdana,
 243                         arial,
 244                         sans-serif;
 245   font-size:            11px;
 246 }
 247
 248 .standout {
 249   font-family:          verdana,
 250                         arial,
 251                         sans-serif;
 252   font-size:            16px;
 253   color:                #993333;
 254   line-height:          18px;
 255   font-weight:          bold;
 256   margin-bottom:        10px;
 257 }
 258
 259 .error-message {
 260   font-family:          verdana,
 261                         arial,
 262                         sans-serif;
 263   font-size:            11px;
 264   color:                #993333;
 265   line-height:          13px;
 266   font-weight:          bold;
 267   margin-bottom:        10px;
 268 }
 269
 270 .error-message a {
 271   font-family:          verdana,
 272                         arial,
 273                         sans-serif;
 274   font-size:            21px;
 275 }
 276
 277 font.instructional-just {
 278   font-family:          verdana,
 279                         arial,
 280                         sans-serif;
 281   font-size:            10px;
 282   color:                #666;
 283   line-height:          13px;
 284 }
 285
 286 font.head1 {
 287   font-family:          trebuchet MS,
 288                         trebuchet,
 289                         verdana,
 290                         arial,
 291                         sans-serif;
 292   font-size:            11px;
 293   color:                #336699;
 294   line-height:          15px;
 295   font-weight:          bold;
 296 }
 297
 298 font.command {
 299   font-family:          trebuchet MS,
 300                         trebuchet,
 301                         verdana,
 302                         arial,
 303                         sans-serif;
 304   font-size:            12px;
 305   line-height:          15px;
 306   text-transform:       uppercase;
 307   font-weight:          bold;
 308 }
 309
 310 font.command-grey {
 311   font-family:          trebuchet MS,
 312                         trebuchet,
 313                         verdana,
 314                         arial,
 315                         sans-serif;
 316   font-size:            12px;
 317   line-height:          15px;
 318   color:                #666;
 319   font-weight:          bold;
 320 }
 321
 322 p {
 323   color:                black;
 324   font-family:          arial,
 325                         trebuchet MS,
 326                         trebuchet,
 327                         verdana,
 328                         geneva,
 329                         helvetica,
 330                         sans-serif;
 331   font-size:            16px;
 332 }
 333
 334 ul {
 335   color:                black;
 336   font-family:          arial,
 337                         trebuchet MS,
 338                         trebuchet,
 339                         verdana,
 340                         geneva,
 341                         helvetica,
 342                         sans-serif;
 343   font-size:            16px;
 344 }
 345
 346 li {
 347   font-family:          arial,
 348                         trebuchet MS,
 349                         trebuchet,
 350                         verdana,
 351                         geneva,
 352                         helvetica,
 353                         sans-serif;
 354   font-size:            16px;
 355   line-height:          18px;
 356 }
 357
 358 .box {
 359   padding:              5px;
 360   background-color:     #ffffea;
 361   color:                rgb(165, 42, 42);
 362   font-size:            8pt;
 363   margin-bottom:        5px;
 364   margin-left:          auto;
 365   margin-right:         auto;
 366   border-top:           4px solid #804000;
 367   border-left:          1px solid #804000;
 368   border-bottom:        1px solid #aca899;
 369   border-right:         1px solid #aca899;
 370   width:                75%;
 371   text-align:           center;
 372   -moz-border-radius:   7px;
 373 }
 374
 375 .padded-box {
 376   border:               1px solid #696;
 377   padding:              5px;
 378   margin-top:           50px;
 379   text-align:           center;
 380   background:           #ccc;
 381 }
 382
 383 .copyright {
 384   border-bottom:        1px dotted #ccc;
 385   border-top:           1px dotted #ccc;
 386   color:                #999;
 387   font-family:          verdana,
 388                         arial,
 389                         sans-serif;
 390   font-size:            10px;
 391   margin-top:           5px;
 392   text-align:           center;
 393   width:                auto;
 394 }
 395
 396 .copyright a {
 397   font-size:            10px;
 398 }
 399
 400 .input {
 401   font-family:          verdana,
 402                         arial,
 403                         sans-serif;
 404   font-size:            11px;
 405   font-weight:          bold;
 406   color:                #666;
 407 }
 408
 409 input.search {
 410   font-family:          verdana,
 411                         arial,
 412                         sans-serif;
 413   font-size:            10px;
 414   color:                #666;
 415   background:           #222;
 416   font-weight:          normal;
 417 }
 418
 419 input.text {
 420   width:                292px;
 421   height:               20px;
 422 }
 423
 424 input.num {
 425   width:                16px;
 426   height:               20px;
 427 }
 428
 429 input.num4 {
 430   width:                32px;
 431   height:               20px;
 432 }
 433
 434 input.text-short {
 435   width:                175px;
 436   height:               20px;
 437 }
 438
 439 input.text-large {
 440   width:                250px;
 441   height:               20px;
 442   margin-bottom:        5px;
 443 }
 444
 445 input.button {
 446   width:                100px;
 447   font-family:          verdana,
 448                         arial,
 449                         sans-serif;
 450   font-size:            11px;
 451   font-weight:          bold;
 452   color:                #666;
 453   text-transform:       uppercase;
 454 }
 455
 456 input.button-big {
 457   width:                150px;
 458   font-family:          verdana,
 459                         arial,
 460                         sans-serif;
 461   font-size:            11px;
 462   font-weight:          bold;
 463   color:                #666;
 464   text-transform:       uppercase;
 465 }
 466
 467 input.weird-button {
 468   width:                75px;
 469   font-family:          verdana,
 470                         arial,
 471                         sans-serif;
 472   font-size:            11px;
 473   font-weight:          bold;
 474   color:                #000;
 475   background-color:     #FFF;
 476   text-transform:       uppercase;
 477 }
 478
 479 input.button-small {
 480   width:                50px;
 481   font-family:          verdana,
 482                         arial,
 483                         sans-serif;
 484   font-size:            11px;
 485   font-weight:          bold;
 486   color:                #666;
 487   text-transform:       uppercase;
 488 }
 489
 490 input.button-search {
 491   width:                75px;
 492   font-family:          verdana,
 493                         arial,
 494                         sans-serif;
 495   font-size:            10px;
 496   font-weight:          bold;
 497   color:                #666;
 498   text-transform:       lowercase;
 499 }
 500
 501 input.button-go {
 502   width:                100px;
 503   font-family:          verdana,
 504                         arial,
 505                         sans-serif;
 506   font-size:            11px;
 507   font-weight:          bold;
 508   color:                #666;
 509   background-color:     #C5D1C7;
 510   text-transform:       uppercase;
 511 }
 512
 513 input.cbox {
 514   vertical-align:       3px;
 515 }
 516
 517 select {
 518   font-family:          verdana,
 519                         arial,
 520                         sans-serif;
 521   font-weight:          bold;
 522   color:                #666;
 523   font-size:            11px;
 524 }
 525
 526 select.menu {
 527   width:                106px;
 528 }
 529
 530 select.menu-long {
 531   width:                225px;
 532 }
 533
 534 select.blog {
 535   width:                165px;
 536   color:                #666;
 537   font-size:            10px;
 538 }
 539
 540 select.category {
 541   width:                150px;
 542 }
 543
 544 select.menu-short {
 545   width:                130px;
 546 }
 547
 548 textarea {
 549   font-family:          verdana,
 550                         arial,
 551                         sans-serif;
 552   color:                #333;
 553   background-color:     #FFF;
 554   font-size:            11px;
 555 }
 556
 557 textarea.width500 {
 558   font-family:          verdana,
 559                         arial,
 560                         sans-serif;
 561   color:                #333;
 562   background-color:     #FFF;
 563   font-size:            11px;
 564   width:                486px;
 565 }
 566
 567 textarea.config {
 568   font-family:          verdana,
 569                         arial,
 570                         sans-serif;
 571   color:                #333;
 572   font-size:            11px;
 573   width:                292px;
 574 }
 575
 576 textarea.wide {
 577   font-family:          verdana,
 578                         arial,
 579                         sans-serif;
 580   color:                #333;
 581   background-color:     #FFF;
 582   font-size:            11px;
 583 }
 584
 585 textarea.short310 {
 586   font-family:          verdana,
 587                         arial,
 588                         sans-serif;
 589   color:                #333;
 590   background-color:     #FFF;
 591   font-size:            11px;
 592   width:                310px;
 593 }
 594
 595 textarea.short340 {
 596   font-family:          verdana,
 597                         arial,
 598                         sans-serif;
 599   color:                #333;
 600   background-color:     #FFF;
 601   font-size:            11px;
 602   width:                340px;
 603 }
 604 /* Code */
 605 .code {
 606   border:               2px solid #336699;
 607   padding:              5px;
 608   margin-top:           20px;
 609   background:           #ffffea;
 610   color:                black;
 611   font-size:            16px;
 612   font-family:          courier;
 613   -moz-border-radius:   10px;
 614 }
 615
 616 #code {
 617   color:                black;
 618   font-size:            14px;
 619   font-family:          courier;
 620   padding-left:         5px;
 621 }
 622
 623 tt {
 624   background:           #fffae4;
 625   color:                black;
 626   font-size:            18px;
 627   font-family:          courier;
 628 }
 629
 630 #line-number {
 631   color:                #804000;
 632   font-family:          Arial;
 633   font-size:            14px;
 634   padding-right:        5px;
 635   border-right:         1px dotted #804000;
 636 }
 637
 638 .highlightbox {
 639   border:               solid;
 640   border-top-color:     #336699;
 641   border-top-width:     4pt;
 642   border-left-color:    #336699;
 643   border-left-width:    1pt;
 644   border-bottom-color:  #000000;
 645   border-bottom-width:  1pt;
 646   border-right-color:   #000000;
 647   border-right-width:   1pt;
 648   background-color:     #eeeeee;
 649   font-size:            8pt;
 650   padding:              5px;
 651   text-align:           center;
 652   width:                200px;
 653   -moz-border-radius:   7px;
 654 }
 655
 656 .note {
 657   border:               solid;
 658   border-top-color:     #336699;
 659   border-top-width:     4pt;
 660   border-left-color:    #336699;
 661   border-left-width:    1pt;
 662   border-bottom-color:  #000000;
 663   border-bottom-width:  1pt;
 664   border-right-color:   #000000;
 665   border-right-width:   1pt;
 666   background-color:     #eeeeee;
 667   font-size:            8px;
 668   padding:              5px;
 669   text-align:           left;
 670   width:                75%;
 671   -moz-border-radius:   7px;
 672 }
 673
 674 .centered {
 675   text-align:           center;
 676   margin-left:          auto;
 677   margin-right:         auto;
 678 }
 679
 680 .floatright {
 681   float:                right;
 682 }
 683
 684 .floatcenter {
 685   text-align:           center;
 686 }