Advertisement
Guest User

style.css

a guest
Jun 18th, 2012
72
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.23 KB | None | 0 0
  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. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement