home *** CD-ROM | disk | FTP | other *** search
/ db.tidbits.com / db.tidbits.com.tar / db.tidbits.com / tb-new-print.css < prev    next >
Cascading Style Sheet File  |  2010-09-24  |  14KB  |  787 lines
  1. /* @override http://tidbits.glennf.com/tb-new-print.css */
  2.  
  3. body {
  4.     margin-left: 45px;
  5.     margin-right: 45px;
  6.     padding: 0;
  7. }
  8.  
  9. /* @group Generic sans-serif classes */
  10.  
  11. .ss {
  12.     font-family: Geneva, Helvetica, sans-serif;
  13. }
  14.  
  15. .ss10 {
  16.     font-family: Geneva, Helvetica, sans-serif;
  17.     font-size: 0.8em;
  18. }
  19. .link_color {
  20.     text-decoration: underline;
  21. }
  22. .article p.url_list {
  23.     font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
  24. }
  25.  
  26. /* @end */
  27.  
  28. /* @group Links */
  29.  
  30. p a:link {
  31.     color: #000;
  32.     text-decoration: underline;
  33. }
  34.  
  35. a:link {
  36.     color: #000;
  37.     text-decoration: underline;
  38. }
  39.  
  40. a:visited {
  41.     color: #000;
  42.     text-decoration: underline;
  43. }
  44.  
  45. a:hover {
  46.     color: #990000;
  47.     border-bottom: 1px dotted #990000;
  48. }
  49.  
  50. a:active {
  51.     color: #990000;
  52.     text-decoration: underline;
  53. }
  54.  
  55.     
  56.  
  57.     /* @end */
  58.  
  59. #mainb
  60.  
  61. ody {
  62.     width: 935px;
  63.     display: block;
  64.     position: absolute;
  65.     font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  66.     background: url(images/tc_header04.gif) no-repeat right top;
  67. }
  68.  
  69. p {
  70.     padding: 0;
  71.     margin: 0;
  72. }
  73.  
  74. .sponsortext {
  75.     border: 1px solid #c2c2c2;
  76.     padding: 12px;
  77.     font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
  78.     width: 450px;
  79. }
  80.  
  81. .attribution {
  82.     
  83. }
  84.  
  85. h2, h3, h4, h5 {
  86.     color: #000;
  87.     margin: 0;
  88.     padding: 0;
  89. }
  90.  
  91. .ed_image {
  92.     border-width: 1px;
  93.     border-style: solid;
  94.     float: left;
  95.     margin-right: 10px;
  96.     margin-bottom: 10px;
  97. }
  98.  
  99. .sticky {
  100.     display: inline-block;
  101.     width: 415px;
  102.     background: url(images/sticky_border1.gif) no-repeat left top;
  103.     padding-top: 20px;
  104.     padding-left: 5px;
  105.     padding-right: 5px;
  106.     margin-right: 0;
  107.     margin-top: 0;
  108.     margin-left: 0;
  109. }
  110.  
  111. .sticky_preview {
  112.     font: .7em/140% "Lucida Grande", Lucida, Verdana, sans-serif;
  113.     width: 400px;
  114.     margin-top: -5px;
  115.     padding-top: 0;
  116.     padding-left: 10px;
  117.     padding-right: 10px;
  118. }
  119.  
  120. .sticky_bottom {
  121.     background: url(images/sticky_border1.gif) no-repeat left bottom;
  122.     width: 425px;
  123.     margin-bottom: 20px;
  124. }
  125.  
  126. .sticky_img {
  127.     border: none;
  128.     margin: 0;
  129.     float: left;
  130. }
  131.  
  132. .spacer {
  133.     clear: left;
  134. }
  135.  
  136. /* @group header */
  137.  
  138. #header {
  139.     width: 935px;
  140.     height: 90px;
  141.     display: block;
  142.     padding: 0 0 0 10px;
  143.     margin: 0;
  144.     position: relative;
  145. }
  146.  
  147. #header a:hover {
  148.     border-style: none;
  149. }
  150.  
  151. #tblogo {
  152.     display: inline-block;
  153.     height: 82px;
  154.     width: 210px;
  155.     float: left;
  156.     position: relative;
  157.     margin: 3px 0 0;
  158. }
  159.  
  160. #staffbits {
  161.     display: block;
  162.     margin: 0 0 0 10px;
  163.     padding-top: 3px;
  164.     float: left;
  165.     position: relative;
  166. }
  167.  
  168. #stafftext {
  169.     font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
  170.     margin: 0 0 3px 6px;
  171.     color: gray;
  172. }
  173.  
  174. #staffhead_msg {
  175.     font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
  176.     margin: 0 0 3px 6px;
  177.     color: gray;
  178.     visibility: hidden;
  179.     height: 0px;
  180. }
  181.  
  182. .sb_image {
  183.     margin: 0 2px;
  184.     border-width: 0;
  185. }
  186.  
  187. #takecontrolhead {
  188.     margin: 0 0 0 10px;
  189.     padding: 10px 0 0 10px;
  190.     display: inline-block;
  191.     position: relative;
  192. }
  193.  
  194. #takecontrolhead a:hover {
  195.     border: none;
  196. }
  197.  
  198. #textnav {
  199.     display: inline-block;
  200.     position: relative;
  201.     width: 375px;
  202.     font: .75em/1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
  203.     margin: 5px 10px;
  204.     float: left;
  205. }
  206.  
  207. form {
  208.     margin: 0;
  209. }
  210.  
  211. .nav {
  212.     font: .75em/1em "Lucida Grande", Lucida, Verdana, sans-serif;
  213. }
  214.  
  215. /* @end */
  216.  
  217. #content_container {
  218.     width: 925px;
  219.     margin: 10px 0 0 0;
  220.     padding: 10px 0 0 10px;
  221.     display: inline-block;
  222.     position: relative;
  223. }
  224.  
  225. /* @group left column */
  226.  
  227. #leftcolumn {
  228.     width: 130px;
  229.     padding: 0;
  230.     display: inline-block;
  231.     margin: 0 0 0 0;
  232.     float: left;
  233. }
  234.  
  235. .leftnav {
  236.     width: 130px;
  237.     display: block;
  238.     position: relative;
  239.     padding: 0;
  240.     margin: 0;
  241.     list-style-type: none;
  242.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  243. }
  244.  
  245. .leftnav a {
  246.     padding: 5px 2px 5px 15px;
  247.     display: block;
  248.     color: black;
  249.     text-decoration: none;
  250.     background: #bfaccf url(images/nav_button01.gif) repeat-y;
  251. }
  252.  
  253. .leftnav a:hover {
  254.     color: #000;
  255.     text-decoration: none;
  256.     border-bottom: none;
  257.     background: #fff url(images/nav_highlight01.gif) repeat-y;
  258. }
  259.  
  260. .leftnav .topcorner {
  261.     padding: 13px 0 5px 10px;
  262.     background: url(images/nav_corner_left_top01.gif) no-repeat left top;
  263.     color: #fff;
  264.     font-weight: bold;
  265. }
  266.  
  267. .leftnav input {
  268.     font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
  269. }
  270.  
  271. .leftnav .search {
  272.     padding: 3px 2px 5px 15px;
  273.     background: url(images/nav_button_gettb.gif) repeat-y;
  274. }
  275.  
  276. .leftnav .gettb {
  277.     padding: 3px 2px 2px 15px;
  278.     font-size: 11px;
  279.     background: url(images/nav_button_gettb.gif) repeat-y;
  280. }
  281.  
  282. .leftnav .nav_img {
  283.     display: inline-block;
  284.     height: 11px;
  285.     width: 15px;
  286.     margin-top: 1px;
  287.     position: absolute;
  288.     right: 5px;
  289. }
  290.  
  291. .leftnav li .active {
  292.     color: #000;
  293.     font-weight: bold;
  294.     background: #fff url(images/nav_highlight01.gif) repeat-y;
  295. }
  296.  
  297. .leftnav .tabhead {
  298.     font-weight: bold;
  299.     padding-left: 11px;
  300.     color: white;
  301.     background: #3b3045 url(images/nav_tabhead01.gif) repeat-y;
  302. }
  303.  
  304. .leftnav .bottom {
  305.     background: url(images/nav_bottom01.gif) no-repeat 0 bottom;
  306.     height: 22px;
  307. }
  308.  
  309. .navdecor {
  310.     
  311. }
  312.  
  313. /* @end */
  314.  
  315. /* @group center column */
  316.  
  317. #centercolumn_border {
  318.     background: url(images/centercolumn_corners02.gif) no-repeat right top;
  319.     float: right;
  320.     padding-top: 20px;
  321.     width: 790px;
  322.     border-left: 5px solid #3b3045;
  323.     margin-bottom: 20px;
  324.     display: inline-block;
  325. }
  326.  
  327. #centercolumn_border .center_bottom {
  328.     background: url(images/centercolumn_corners02.gif) no-repeat left bottom;
  329. }
  330.  
  331. #centercolumn {
  332.     display: inline-block;
  333.     background: #fff repeat-y scroll;
  334.     height: auto;
  335.     padding: 0 10px 0 15px;
  336.     border-right: 5px solid #3b3045;
  337.     margin: 0;
  338.     clear: left;
  339.     float: left;
  340.     width: 500px;
  341. /* added for print
  342.  
  343. */
  344. }
  345.  
  346. #featured_right {
  347.     display: inline;
  348.     float: right;
  349.     width: 340px;
  350.     margin: 0;
  351.     padding-right: 10px;
  352. }
  353.  
  354. .featured_list {
  355.     list-style-type: square;
  356.     list-style-position: outside;
  357.     margin-bottom: 5px;
  358.     padding-right: 10px;
  359.     padding-left: 0;
  360.     margin-left: -20px;
  361.     font: .9em/1.3em "Lucida Grande", Lucida, Verdana, sans-serif;
  362.     padding-bottom: 3px;
  363. }
  364.  
  365. #featured_meta {
  366.     font: .7em Arial, Helvetica, Geneva, sans-serif;
  367.     color: gray;
  368.     margin: 5px 0 0 0;
  369. }
  370.  
  371. #featured_meta a.category {
  372.     color: gray;
  373.     font-weight: bold;
  374. }
  375.  
  376. #featured_meta a.tbtalk,
  377.  
  378.     #featured_meta a:visited.tbtalk,
  379.  
  380.     #featured_meta a:visited.recommend,
  381.  
  382.     #featured_meta a.recommend {
  383.     color: gray;
  384. }
  385.  
  386. #footer, .attribution {
  387.     font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;    margin: 0;
  388.     padding-bottom: 25px;
  389.     padding-top: 10px;
  390.     clear: both;
  391.     border-top-style: solid;
  392.     border-top-width: 1px;
  393. }
  394. .attribution {
  395.     border-top-style: none;
  396.     border-bottom-style: solid;
  397.     border-bottom-width: 1px;
  398.     padding-bottom: 10px;
  399.     margin-bottom: 10px;
  400. }
  401.  
  402. /* @end */
  403.  
  404. /* @group right column */
  405.  
  406. #rightcolumn_container {
  407.     display: inline-block;
  408.     width: 321px;
  409.     margin: 0 0 0 20px;
  410.     float: right;
  411.     padding: 0 0 10px;
  412.     clear: right;
  413. }
  414.  
  415. #rightcolumn {
  416.     display: none;
  417.     /
  418.  
  419. * hidden for print purposes */
  420.  
  421.         width: 321px;
  422.     margin: 0;
  423.     float: right;
  424.     padding: 0;
  425.     background: #ccc url(images/rightcolumn_left01.gif) repeat-y left;
  426. }
  427.  
  428. #rightcolumn .top {
  429.     background: url(images/rightcolumn_top01.gif) no-repeat left top;
  430. }
  431.  
  432. #rightcolumn_bottom {
  433.     background: url(images/rightcolumn_bottom01.gif) no-repeat right bottom;
  434.     clear: both;
  435.     height: 15px;
  436. }
  437.  
  438. #rightcolumn_content {
  439.     display: inline-block;
  440.     width: 150px;
  441.     margin: 0;
  442.     padding: 0;
  443.     float: left;
  444.     clear: left;
  445. }
  446.  
  447. #tearoffbox_container {
  448.     width: 140px;
  449.     float: left;
  450.     display: inline-block;
  451.     clear: left;
  452.     margin: 0 0 15px 0;
  453. }
  454.  
  455. #tearoffbox h5, #tearoffbox_o h5 {
  456.     margin-left: 5px;
  457.     margin-top: -10px;
  458. }
  459.  
  460. #tearoffbox li, #tearoffbox_o li {
  461.     list-style-type: square;
  462.     margin-left: -20px;
  463.     margin-bottom: 5px;
  464.     margin-right: 15px;
  465.     font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
  466. }
  467.  
  468. /* @group tearoffbox orange */
  469.  
  470. #tearoffbox_o .top {
  471.     background: url(images/tearoffbox_top_orange_01.gif) no-repeat left top;
  472. }
  473.  
  474. #tearoffbox_o {
  475.     width: 140px;
  476.     padding: 0;
  477.     border-left: 1px dashed gray;
  478.     background-image: url(images/tearoffbox_orange_01.gif);
  479. }
  480.  
  481. #tearoffbox_o .bottom {
  482.     background: url(images/tearoffbox_bottom_orange_01.gif) no-repeat left bottom;
  483. }
  484.  
  485. /* @end */
  486.  
  487. /* @group tearoffbox purple */
  488.  
  489. #tearoffbox .top {
  490.     background: url(images/tearoffbox_top01.gif) no-repeat left top;
  491. }
  492.  
  493. #tearoffbox {
  494.     width: 140px;
  495.     padding: 0;
  496.     border-left: 1px dashed gray;
  497.     background-image: url(images/tearoffbox01.gif);
  498. }
  499.  
  500. #tearoffbox .bottom {
  501.     background: url(images/tearoffbox_bottom01.gif) no-repeat left bottom;
  502. }
  503.  
  504. /* @end */
  505.  
  506. #rightcolumn_ads {
  507.     display: inline-block;
  508.     width: 160px;
  509.     margin: 0 10px 0 0;
  510.     padding: 0;
  511.     float: right;
  512.     clear: right;
  513. }
  514.  
  515. /* @end */
  516.  
  517. /* @group article formatting */
  518.  
  519. #headline a {
  520.     margin-top: 0;
  521.     color: #fff;
  522.     font-weight: bold;
  523.     font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
  524. }
  525.  
  526. #article_meta {
  527.     width: 420px;
  528.     margin: 0 0 3px;
  529. }
  530.  
  531. #headline a:hover {
  532.     color: #990000;
  533.     border-bottom: 1px dotted #990000;
  534. }
  535.  
  536. .head_primary {
  537.     margin-bottom: 2px;
  538.     font-size: 1em;
  539.     line-height: 1.3em;
  540. }
  541.  
  542. .head_secondary {
  543.     margin-bottom: 5px;
  544.     margin-top: 15px;
  545.     font-size: .9em;
  546.     line-height: 1.2em;
  547. }
  548.  
  549. .subtitle {
  550.     margin-top: 0;
  551.     color: gray;
  552.     margin-bottom: 0;
  553.     font: .85em "Lucida Grande", Lucida, Verdana, sans-serif;
  554. }
  555.  
  556. .article_preview {
  557.     margin-top: 2px;
  558.     margin-bottom: 5px;
  559.     font: .8em/130% "Lucida Grande", Lucida, Verdana, sans-serif;
  560. }
  561.  
  562. table.featured {
  563.     width: 100%;
  564.     border-collapse: collapse;
  565.     border-spacing: 0px;
  566.     margin-top: 0px;
  567.     position: relative;
  568. }
  569.  
  570. #readmore a {
  571.     font: .75em "Lucida Grande", Lucida, Verdana, sans-serif;
  572.     margin-left: 5px;
  573.     text-transform: uppercase;
  574.     color: #660099;
  575.     padding-left: 5px;
  576.     border-left: 1px dotted;
  577. }
  578.  
  579. #authordate {
  580.     color: #333;
  581.     padding: 0;
  582.     font: .85em Arial, Helvetica, Geneva, sans-serif;
  583.     margin: 0;
  584. }
  585.  
  586. .article {
  587.     margin: 45px 0 0;
  588. }
  589.  
  590. .article h2 {
  591.     margin-top: 0px;
  592.     margin-bottom: 10px;
  593.     font: bold 1.4em/1.5em Garamond, Georgia, "Times New Roman", Times, serif;
  594. }
  595.  
  596. .article p {
  597.     margin-bottom: 15px;
  598.     font: 1em/1.3em Georgia, "Times New Roman", Times, serif;
  599. }
  600.  
  601. .article p.byline {
  602.     margin-top: 4px;
  603.     font-style: italic;
  604.     font-size: .9em;
  605. }
  606.  
  607. .article li {
  608.     margin-bottom: 15px;
  609.     font: 1em/1.3em Georgia, "Times New Roman", Times, serif;
  610.     list-style-type: square;
  611.     margin-left: -15px;
  612. }
  613.  
  614. .article table {
  615.     border: 1px dotted #ccff99;
  616.     background-color: white;
  617.     padding: 5px;
  618.     margin-bottom: 10px;
  619. }
  620.  
  621.     
  622.  
  623.     
  624.  
  625.     
  626.  
  627.     
  628.  
  629.     /
  630.  
  631. * @end */
  632.  
  633. /* @group article references */
  634.  
  635. #refsbox {
  636.     width: 132px;
  637.     float: right;
  638.     display: inline-block;
  639.     margin-left: 20px;
  640.     margin-right: 10px;
  641. }
  642.  
  643. #refsbox_content {
  644.     width: 132px;
  645.     padding: 5px;
  646.     margin: 3px;
  647.     border: 2px solid #ccff99;
  648.     display: inline-block;
  649.     font-family: Geneva, Helvetica, sans-serif;
  650.     font-size: 0.7em;
  651.     background-color: #ffffe9;
  652. }
  653.  
  654. #refsbox h4 {
  655.     margin: 0;
  656.     padding: 0;
  657.     font-weight: normal;
  658.     font-style: normal;
  659. }
  660.  
  661. #refsbox li {
  662.     list-style-type: square;
  663.     margin-left: -25px;
  664.     margin-bottom: 5px;
  665.     line-height: 1.2em;
  666. }
  667.  
  668. /* @end */
  669.  
  670. .test {
  671.     border-right-style: solid;
  672.     border-right-color: black;
  673. }
  674.  
  675. /* @group ads */
  676.  
  677. #top_banner {
  678.     position: relative;
  679.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  680.     width: 754px;
  681.     height: 92px;
  682.     margin: -5px 0 10px 0px;
  683.     display: block;
  684.     background-color: #fff;
  685.     text-align: center;
  686.     padding: 2px;
  687. }
  688.  
  689. #ad_150x150 {
  690.     width: 160px;
  691.     height: 160px;
  692.     margin: 0 0 30px 0;
  693.     padding: 0;
  694.     display: inline-block;
  695.     float: right;
  696. }
  697.  
  698. #content_ad_square {
  699.     width: 300px;
  700.     height: 250px;
  701.     display: inline-block;
  702.     padding: 5px;
  703.     margin: -10px 0 10px 5px;
  704. }
  705.  
  706. #ad_skyscraper_left {
  707.     width: 120px;
  708.     margin-top: 75px;
  709.     margin-left: 4px;
  710.     display: block;
  711. }
  712.  
  713. #ad_skyscraper_right {
  714.     display: inline-block;
  715.     width: 160px;
  716.     margin: 0;
  717.     padding: 0;
  718. }
  719.  
  720. /* @group TC_skyscraper */
  721.  
  722. #tc_skyscraper {
  723.     background: #FFC;
  724.     border: solid 1px #F30;
  725.     width: 140px;
  726.     height: 140px;
  727.     display: inline-block;
  728.     padding: 5px;
  729.     margin: 0;
  730. }
  731.  
  732. .tc_yellowBox {
  733.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  734.     background: #FFC;
  735.     border: solid 1px #F30;
  736.     padding: 10px;
  737. }
  738.  
  739. #tc_skyscraper li {
  740.     list-style-type: none;
  741.     margin-left: -35px;
  742.     font: .75em Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  743.     padding-bottom: .8em;
  744. }
  745.  
  746. #tc_skyscraper hr {
  747.     border-top-width: 1px;
  748.     border-top-style: dotted;
  749.     margin-left: -35px;
  750.     color: #F30;
  751. }
  752.  
  753. .tc_text {
  754.     color: black;
  755.     font: .75em Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  756.     text-align: left;
  757. }
  758.  
  759. .tc_text li {
  760.     list-style-type: disc;
  761.     margin-left: -24px;
  762.     padding-bottom: .2em;
  763. }
  764.  
  765. /* @end */
  766.  
  767. #banner_reg {
  768.     position: relative;
  769.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  770.     width: 728px;
  771.     height: 60px;
  772.     text-align: center;
  773.     margin-bottom: 5px;
  774.     margin-top: 0;
  775. }
  776.  
  777. #banner_big {
  778.     position: relative;
  779.     font-family: Helvetica, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
  780.     width: 728px;
  781.     height: 90px;
  782.     text-align: center;
  783.     margin: 0;
  784. }
  785.  
  786. /* @end */
  787.