CSS   69

Base css

Guest on 2nd July 2022 04:41:50 PM

  1. @import url(reset.css);
  2.  
  3. html {border-top: 5px solid #1E769B;}
  4. body {font: 90%/1.67 Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif;
  5.         color: #333; background: #FFF;
  6.         counter-reset: subhead;
  7.         border-top: 68px solid #FBFAF4; /* THIS IS TEMPORARY */}
  8. h1, h2, h3, h4, h5, h6, table {font: 1em Arial, "Helvetica Neue", Helvetica, sans-serif;}
  9. h1, h2, h3, h4, h5, h6 {font-weight: bold;}
  10. a:link {color: #1E769B;}
  11. a:visited {color: #666;}
  12.  
  13. .ludacris {width: 1024px; margin: 0 auto;
  14.         position: relative;}
  15.  
  16. .header {position: absolute; top: -65px; width: 100%;}
  17. .header .logo {position: absolute; top: 5px; left: 17px;}
  18. .header .tag {position: absolute; top: 18px; left: 270px;}
  19.  
  20. .main h1 {font-size: 280%; margin-bottom: 0.2em;}
  21. .main h2 {font-size: 210%; font-weight: normal; color: #666;
  22.         margin-top: 1.25em; margin-bottom: 0.33em;}
  23. .main h3:first-child {margin-top: 1em;}
  24. .main p.tagline {margin: -0.25em 0 0.75em;
  25.         font-size: 125%;
  26.         color: #7B7960;}
  27. .main h3 {margin: 2.25em 0 0.25em; font-size: 125%;}
  28. .main h3 b {font-size: 75%; text-transform: uppercase;
  29.         color: #666; padding-right: 0.25em;}
  30. .main h4 {margin: 2.5em 0 0.75em;
  31.         text-transform: uppercase; font-size: 125%;
  32.         color: #928F59;}
  33.  
  34. .main p {margin: 0 0 1em;}
  35. .main ul, .main ol {padding-left: 1.75em; margin: 1em 0;}
  36. .main ul li, .main ol li {list-style: disc; margin: 0.5em 0;}
  37. .main ol li {list-style: decimal;}
  38.  
  39. .main {margin: 0 10px 0 270px; padding-top: 2.5em;}
  40. .nav {positIon: absolute; top: 3em; left: 15px; width: 15em;
  41.         margin: 0 0.75em 2.5em 0;
  42.         border-bottom: 1px solid #CCC;}
  43. .nav li a {display: block; padding: 0.3em 0;
  44.         font-size: 90%; text-decoration: none;
  45.         color: #7B7960;
  46.         border-top: 1px solid #CCC;}
  47. .nav li a b {font-weight: normal;}
  48. .nav li.current a, .nav li a:hover {color: #000;}
  49. .nav li.current ol {background: #FBFAF4; border-top: 1px solid #000;}
  50. .nav li.current li {padding-left: 0.75em;
  51.         font: 93% Arial, "Helvetica Neue", Helvetica, sans-serif;}
  52. .nav li.current ol li:first-child a {border-top: 0;}
  53. .nav li.current li a {padding: 0.45em 1em 0.45em 1.75em; text-indent: -2em;
  54.         color: #1E769B;}
  55. .nav li.current li a:hover {color: #B00;}
  56. .nav li.current li a b {padding-right: 0.25em;
  57.         color: #7B7960;}
  58.  
  59. .jump {margin: 2em 0 2em 19em; overflow: auto;}
  60. .jump li {border: 1px solid #D7D7D8;
  61.         background: #FDFCF8 no-repeat;}
  62. .jump li a {display: block; padding: 23px 0.75em 0.5em;
  63.         font: bold 115% Arial, "Helvetica Neue", Helvetica, sans-serif;
  64.         text-decoration: none;
  65.         color: #1E769B;}
  66. .jump li a:hover {color: #000;}
  67. .jump .prev {float: left; background-image: url(prev.gif); background-position: 0.75em 9px;}
  68. .jump .next {float: right; background-image: url(next.gif); background-position: 95% 9px;}
  69.  
  70. .footer {margin: 0 0 3em 19em; padding: 0.75em;
  71.         border-top: 1px solid #CCC;}
  72. .footer p {font-size: smaller;}
  73.  
  74. /* production styles */
  75.  
  76. *.prod {clear: right; position: absolute; top: auto; right: 0.5em;
  77.         width: 1px; height: 1px; padding: 0.5em;
  78.         overflow: hidden;
  79.         font-style: italic; color: #BB8; background-color: #FF8; border: 2px solid #F88;}
  80. *.prod:hover {width: 15em; height: auto; padding: 0.5em 1em; z-index: 100000;
  81.          background-color: #FBFCEA; border: 2px solid #FDD; outline: 5px solid #FFF;}

Raw Paste

Login or Register to edit or fork this paste. It's free.