Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

style.css

By: a guest on Jun 18th, 2012  |  syntax: None  |  size: 4.23 KB  |  views: 3  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /* Reset */
  2.  
  3. html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  4. a, address, code, img,
  5. small, strong, dl, dt, dd, ol, ul, li
  6. fieldset, form, label {
  7.         background: transparent;
  8.         border: 0;
  9.         font-size: 100%;
  10.         margin: 0;
  11.         outline: 0;
  12.         padding: 0;
  13.         vertical-align: baseline;
  14. }
  15.  
  16. body {
  17.         background: url('img/background.png') repeat;
  18.         font-family: alexandriaflf-bold-webfont,
  19.                                  Constantia,
  20.                  "Lucida Bright",
  21.                  "Bitstream Vera Serif",
  22.                  "Liberation Serif",
  23.                  serif;
  24. }
  25.  
  26. ol, ul {
  27.         list-style-type: none;
  28. }
  29.  
  30. /* Type */
  31.  
  32. @font-face {
  33.     font-family: fanwood-webfont;
  34.     src: url('type/fanwood-webfont.eot');
  35.     src: url('type/fanwood-webfont.eot?#iefix') format('embedded-opentype'),
  36.          url('type/fanwood-webfont.woff') format('woff'),
  37.          url('type/fanwood-webfont.ttf') format('truetype'),
  38.          url('type/fanwood-webfont.svg#') format('svg');
  39.     font-weight: normal;
  40.     font-style: normal;
  41. }
  42.  
  43. @font-face {
  44.     font-family: fanwood_italic-webfont;
  45.     src: url('type/fanwood_italic-webfont.eot');
  46.     src: url('type/fanwood_italic-webfont.eot?#iefix') format('embedded-opentype'),
  47.          url('type/fanwood_italic-webfont.woff') format('woff'),
  48.          url('type/fanwood_italic-webfont.ttf') format('truetype'),
  49.          url('type/fanwood_italic-webfont.svg#') format('svg');
  50.     font-weight: normal;
  51.     font-style: normal;
  52. }
  53.  
  54. @font-face {
  55.     font-family: nevis-webfont;
  56.     src: url('type/nevis-webfont.eot');
  57.     src: url('type/nevis-webfont.eot?#iefix') format('embedded-opentype'),
  58.          url('type/nevis-webfont.woff') format('woff'),
  59.          url('type/nevis-webfont.ttf') format('truetype'),
  60.          url('type/nevis-webfont.svg#') format('svg');
  61.     font-weight: normal;
  62.     font-style: normal;
  63. }
  64.  
  65. h1 {
  66.         font-family: nevis-webfont;
  67.         font-size: 112.5%;
  68.         font-weight: normal;
  69.         letter-spacing: 1px;
  70.         text-transform: uppercase;
  71. }
  72.  
  73. h2 {
  74.         font-family: fanwood_italic-webfont;
  75.         font-size: 125%;
  76.         font-weight: normal;
  77. }
  78.  
  79. h3 {
  80.         font-size: 100%;
  81.         font-weight: bold;
  82. }
  83.  
  84.  
  85. p {
  86.         font-family: fanwood-webfont;
  87.         font-size: 87.5%;
  88. }
  89.  
  90. a {
  91.         color: #202020;
  92.         text-decoration: none;
  93. }
  94.  
  95. a:hover {
  96.         text-decoration: underline;
  97. }
  98.  
  99. /* Basic */
  100.  
  101. #container {
  102.         width: 960px;
  103.         margin: 0 auto;
  104.         width: 960px;
  105. }
  106.  
  107. /* Header */
  108.  
  109. #status {
  110.         float: left;
  111.         margin-left: 60px;
  112. }
  113.  
  114. nav {
  115.     float: right;
  116.     margin-top: 40px;
  117.     margin-right: -11px;
  118. }
  119.  
  120. nav ul li {
  121.     border-left: 1px solid #202020;
  122.     display: inline;
  123. }
  124.  
  125. nav ul li a {
  126.     font-family: nevis-webfont;
  127.     font-size: 100%;
  128.     font-weight: normal;
  129.     letter-spacing: 1px;
  130.     text-transform: uppercase;
  131.     margin:0 10px;
  132. }
  133.  
  134. nav ul li:first-child {
  135.     border: 0;
  136. }
  137.  
  138. #banner {
  139.         padding-top: 130px;
  140. }
  141.  
  142. #blurb {
  143.         font-size: 125%;
  144.         margin-bottom: 80px;
  145.         margin-top: 80px;
  146.         text-align: center;
  147.         width: 900px;
  148. }
  149.  
  150. #blurb p span {
  151.         font-family: nevis-webfont;
  152.         letter-spacing: 1px;
  153. }
  154.  
  155.  
  156. /* Home Content */
  157.  
  158. #services {
  159.     border-top: 1px solid #202020;
  160.     padding-bottom: 60px;
  161.     padding-top: 40px;
  162. }
  163.  
  164. #services p span {
  165.     font-family: nevis-webfont;
  166.     font-size: 112.5%;
  167.     font-weight: normal;
  168.     letter-spacing: 1px;
  169.     text-transform: uppercase;
  170. }
  171.  
  172. #services ul li {
  173.     display: inline-block;
  174.     padding-left: 100px;
  175.     width: 160px;
  176. }
  177.  
  178. #services ul li:first-child {
  179.         padding-left: 0px;
  180. }
  181.  
  182. #services ul li h2 {
  183.         height: 2em;
  184.         padding-bottom: 20px;
  185.     padding-top: 20px;
  186.     text-align: center;
  187. }
  188.  
  189. #services .next {
  190.         float: right
  191. }
  192.  
  193. #recent {
  194.         border-top: 1px solid #202020;
  195.         padding-bottom: 40px;
  196.         padding-top: 40px;
  197. }
  198.  
  199. #recent #recent-work {
  200.         float: left;
  201. }
  202.  
  203. #recent #recent-work .next{
  204.         float: right;
  205. }
  206.  
  207. #recent #recent-work p span {
  208.         font-family: nevis-webfont;
  209.         font-size: 112.5%;
  210.         font-weight: normal;
  211.         letter-spacing: 1px;
  212.         text-transform: uppercase;
  213. }
  214.  
  215. #recent #recent-blog {
  216.         float: right;
  217. }
  218.  
  219. #recent #recent-blog p {
  220.         text-align: center;
  221. }
  222.  
  223. #recent #recent-blog .next{
  224.         float: right;
  225. }
  226.  
  227. #recent #recent-blog p span {
  228.         font-family: nevis-webfont;
  229.         font-size: 112.5%;
  230.         font-weight: normal;
  231.         letter-spacing: 1px;
  232.         text-transform: uppercase;
  233. }