CSS   32
default css
Guest on 17th September 2023 06:23:26 AM


  1. * {
  2.         padding: 0;
  3.         margin: 0;
  4. }
  5.  
  6. img {
  7.         border: none;
  8. }
  9.  
  10. html, body {height: 100%;} /** for making div#parent 100%, just give it a height**/
  11.  
  12. body {
  13.         background-color: #fff;
  14.         font-family: verdana, arial, helvetica, geneva, sans-serif;
  15.         font-weight: normal;
  16.         font-size: .7em;
  17.                 background-image: url(../images/gradient2.gif);
  18.         background-repeat: repeat-x;
  19. }
  20.  
  21. div#parent {
  22.         height: 100%;
  23.         width: 790px;
  24.         margin: 0 auto;
  25. }
  26.  
  27.  
  28. div#head {
  29.         height: 121px;
  30.         background-image: url(../images/masthead.gif);
  31.         background-repeat: no-repeat;
  32.         width: 790px;
  33.         margin: 0 auto;
  34. }
  35.  
  36.  
  37. div#head h1 a {
  38.         width: 790px;
  39.         height: 120px;
  40.         display: block;
  41.         background: transparent;
  42. }
  43.  
  44. div#head h1 a span {
  45.         display: none;
  46. }
  47.  
  48.  
  49. /** STORY **/
  50.  
  51. div#story {
  52.         width: 500px;
  53.         float: left;
  54.         margin: 30px 0 0 14px;
  55.         padding: 0px;
  56. display: inline;
  57. }
  58.  
  59. body.blowout div#content {width: 550px;}
  60. body.none div#content {width: 800px;}
  61.  
  62. div#story p {
  63.         line-height: 1.5em;
  64.         margin: 14px 0;
  65.         font-size: 1.1em;
  66. }
  67.  
  68. span.alumni {font-weight: bold;}
  69. span.title {font-style: italic;}
  70.  
  71. ul {
  72.         list-style-type: none;
  73. }
  74.  
  75. ul.p {
  76.         list-style-type: disc;
  77.         margin-left: 30px;
  78. }
  79.  
  80. ul.p li {
  81.         margin: 14px 0;
  82.         font-size: 1.1em;
  83.         line-height: 1.5em;
  84. }
  85.  
  86. div.storylist ul li {
  87.         margin: 14px 0;
  88.         font-size: 1.1em;
  89.         line-height: 1.5em;
  90. }
  91.  
  92. div.storylist ul li a {
  93.         font-weight: bold;
  94. }
  95.  
  96. ul.double {
  97.         padding-top: 1em;
  98. }
  99.  
  100. ul.double li {
  101.         padding-bottom: 1em;
  102. }
  103.  
  104. ol {margin: 0 0 0 30px; line-height: 1.4em;}
  105. ol li {padding: 5px 0;}
  106. ol.alpha li {list-style-type: lower-latin}
  107.  
  108.  
  109. h1, h2, h3, h4 {
  110.         font-family: georgia, times new roman, times, serif;
  111. }
  112.  
  113. h1 {
  114.         font-size: 2.5em;
  115.         color:#333;
  116.  
  117. }
  118.  
  119. div#story h1 {
  120.         margin: 10px 0 8px 0;
  121.        
  122. }
  123.  
  124.  
  125. h2 {
  126.         font-size: 1.6em;
  127.         color: #333;
  128.         margin: 0 0 10px 0;
  129.         font-weight: normal;
  130. }
  131.  
  132. h2#byline {
  133.         font-size: 1.2em;
  134.         color: #333;
  135.         margin: 0 0 6px 0;
  136.         font-weight: bold;
  137.         font-style: italic;
  138. }
  139.  
  140. h2 img {
  141.         vertical-align: top;
  142. }
  143.  
  144. h3 {
  145.         font-size: 1.25em;
  146.         color: #333;
  147. }
  148.  
  149.  
  150. h3#issue {
  151.         width: 100%;
  152.         padding: 0 0 5px 0;
  153.         margin: 0px 0 14px 0;
  154.         border-bottom: 1px solid #999;
  155.         font-size: 1.2em;
  156.         color: #666;
  157. }
  158.  
  159. h4 {
  160.         font-size: 1em;
  161.         font-weight: normal;
  162.         text-align: right;
  163. }
  164.  
  165.  
  166. div#story a {text-decoration: underline; color: #002878;}
  167.  
  168. p.pdf img {
  169.         vertical-align: middle;
  170.         margin-right: 5px;
  171. }
  172.  
  173. p.top {
  174.         text-align: right;
  175. }
  176.  
  177. div#story p.caption {
  178.         color: #666;
  179.         font-size: 1em !important;
  180.         font-weight: bold;
  181.         line-height: 1.4em;
  182.         margin: 0 !important;
  183.         margin-bottom: 10px;
  184.         padding: 10px 0 0 0;
  185. }
  186.  
  187. span.kicker {text-transform: uppercase; letter-spacing: .05em; color: #002878;}
  188.  
  189. p.credit {
  190.         font-size: .9em !important;
  191.         color: #999;
  192.         /**margin-top: -14px !important;**/
  193.         margin-top: 0 !important;
  194.         margin-bottom: 10px !important;
  195.         text-align: right;
  196. }
  197.  
  198. /**div.float-right p.credit {margin-top: 0 !important;}**/
  199.  
  200. p.creditflash {
  201.         padding-top: 20px;
  202. }
  203.  
  204. p.letter {
  205.  
  206. }
  207.  
  208. div#story p.letter-name {
  209.         font-weight: bold;
  210.         font-size: 1.1em;
  211.         margin-top: -7px;
  212. }
  213.  
  214. div#story p.letter-place {
  215.          font-size: .9em;
  216.          margin-top: -14px;
  217. }
  218.  
  219. div#story p.letter-note {
  220.         font-style: italic;
  221. }
  222.  
  223. p.endbio {
  224.         color: #666;
  225.         font-style: italic;
  226. }
  227.  
  228. div.nextstep {
  229.         background-color: #eee;
  230.         margin: 10px 0;
  231.         padding: 10px;
  232. }
  233.  
  234. div.download {
  235.         border: 2px solid #ddd;
  236.         margin: 10px 0;
  237.         padding: 20px 10px 10px 10px;
  238.         background-image: url(/images/download.gif);
  239.         background-position: top left;
  240.         background-repeat: no-repeat;
  241. }
  242.  
  243. div.bonus {
  244.         border: 1px solid #ccc;
  245.         background-color: #fcfcfc;
  246.         float: right;
  247.         clear: both;
  248.         padding: 0 14px 14px 14px;
  249.         margin-left: 14px;
  250.         margin-bottom: 14px;
  251.         width: 190px;
  252. }
  253.  
  254. div#story div.bonus h3 {
  255.         padding-top: 14px;
  256.         color: #002878;
  257. }
  258.  
  259. div#story div.bonus p {
  260.         font-size: 1em;
  261.         line-height: 1.3em;
  262.         margin-top: 5px;
  263.         margin-bottom: 0px;
  264. }
  265.  
  266. div#story div.bonus h3 a:link {color: #002878; text-decoration: none;}
  267. div#story div.bonus h3 a:visited {color: #002878; text-decoration: none;}
  268. div#story div.bonus h3 a:hover {color: #05b; text-decoration: underline;}
  269. div#story div.bonus h3 a:active {color: #002878; text-decoration: none;}
  270.  
  271. div#story div.bonus p a:link {color: #002878; text-decoration: none;}
  272. div#story div.bonus p a:visited {color: #002878; text-decoration: none;}
  273. div#story div.bonus p a:hover {color: #05b; text-decoration: underline;}
  274. div#story div.bonus p a:active {color: #002878; text-decoration: none;}
  275.  
  276. div#story div.float-right {
  277.         float: right;
  278.         margin-left: 14px;
  279. }
  280.  
  281. div#story div.divider {
  282.         border-top: 3px double #666;
  283.         width: 30%;
  284.         margin-left: auto;
  285.         margin-right: auto;
  286. }
  287.  
  288. div#story div.float-right p {
  289.         margin-top: 5px;
  290.         margin-bottom: 0;
  291. }
  292.  
  293. div#story p img {display: block;}
  294.  
  295. div.slideshow-tease {
  296.         float: right;
  297.         margin-left: 14px;
  298.         margin-right: -10px;
  299.         margin-top: 5px;
  300.         background: url(../images/dropshadow.jpg) no-repeat;
  301.         width: 248px;
  302.         height: 202px;
  303.         padding: 16px 14px;
  304. }
  305.  
  306. div.slideshow-tease h3 {margin-top: 18px;}
  307. div#story div.slideshow-tease h3 a:link {color: #333; text-decoration: none;}
  308. div#story div.slideshow-tease h3 a:visited {color: #333; text-decoration: none;}
  309. div#story div.slideshow-tease h3 a:hover {color: #000; text-decoration: underline;}
  310. div#story div.slideshow-tease h3 a:active {color: #333; text-decoration: none;}
  311.  
  312. table.archives {margin-left: -24px;}
  313.  
  314. .archives td {
  315.         padding: 8px 24px;
  316.         width: 150px;
  317.         vertical-align: top;
  318. }
  319.  
  320. .archives h3 {
  321.         margin: 5px 0;
  322.         font-size: 1.4em;
  323. }
  324.  
  325. .archives h3 a {text-decoration: none !important;}
  326. .archives h3 a:hover {text-decoration: underline !important;}
  327.  
  328. .archives li {
  329.         margin: 3px 0;
  330. }
  331.  
  332. .archives li a {color: #333 !important; text-decoration: none !important;}
  333. .archives li a:hover {text-decoration: underline !important;}
  334.  
  335. div#foot {
  336.         clear: both;
  337.         height: 80px;
  338.         border-top: 1px solid #ccc;
  339.         /*background-image: url(../images/gradient2.gif);
  340.         background-repeat: repeat-x;*/
  341.         width: 790px;
  342. margin-left: 14px;
  343. }
  344.  
  345. div#foot div {
  346.  
  347.         padding: 10px 10px 10px 0px;
  348. }
  349.  
  350. div#foot p {
  351.         font-family: verdana, arial, helvetica, geneva, sans-serif;
  352.         line-height: 1.5em;
  353.         font-size: .9em;
  354.         color: #444;
  355. }
  356.  
  357. div#foot p a:link {color: #444;}
  358. div#foot p a:visited {color: #444;}
  359. div#foot p a:hover {color: #111;}
  360. div#foot p a:active {color: #444;}

Raw Paste

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