Brand New - Left-Centred Layout


/ Published in: CSS
Save to your folder(s)



Copy this code and paste it in your HTML
  1. /* CSS Document */
  2.  
  3. a { color: #666666; text-decoration: underline; }
  4. a:visited { color: #666666; text-decoration: underline; }
  5. a:hover { color: #FD1B14; text-decoration: underline; }
  6.  
  7. body {
  8. padding: 0px;
  9. margin:0px;
  10. background-color: #FFFFFF;
  11. }
  12.  
  13. p {
  14. font-family:arial,sans-serif;
  15. color:#000000;
  16. font-size:12px;
  17. font-weight:normal;
  18. line-height:20px;
  19. }
  20.  
  21. object {
  22. padding:0px 0px 15px 0px;
  23. }
  24.  
  25. blockquote {
  26. font-family:arial,sans-serif;
  27. color:#666666;
  28. font-size:11px;
  29. font-weight:bold;
  30. line-height:20px;
  31. margin:0px;
  32. padding:0px 0px 0px 20px;
  33. background-image: url(http://www.underconsideration.com/brandnew/images/background_blockquote.gif);
  34. background-repeat: repeat-y;
  35. }
  36.  
  37. h1 {
  38. font-family: Arial, Helvetica, sans-serif;
  39. font-size: 24px;
  40. line-height:27px;
  41. color:#FD1B14;
  42. margin:10px 0px 10px 0px;
  43. padding: 0px;
  44. display: block;
  45. }
  46.  
  47. h1 a { color: #FD1B14; text-decoration: none; }
  48. h1 a:visited { color: #FD1B14; text-decoration: none; }
  49. h1 a:hover { color: #000000; text-decoration: none; }
  50.  
  51. h2 {
  52. font-family: Arial, Helvetica, sans-serif;
  53. font-size: 9px;
  54. line-height:16px;
  55. color:#999999;
  56. letter-spacing:1px;
  57. text-transform:uppercase;
  58. display: inline;
  59. }
  60.  
  61. h2 a { color: #999999; text-decoration: underline; }
  62. h2 a:visited { color: #999999; text-decoration: underline; }
  63. h2 a:hover { color: #FD1B14; text-decoration: underline; }
  64.  
  65. h3 {
  66. font-family: Arial, Helvetica, sans-serif;
  67. font-size: 9px;
  68. line-height:16px;
  69. color:#999999;
  70. letter-spacing:1px;
  71. text-transform:uppercase;
  72. display: inline;
  73. }
  74.  
  75. h3 a { color: #999999; text-decoration: underline; }
  76. h3 a:visited { color: #999999; text-decoration: underline; }
  77. h3 a:hover { color: #FD1B14; text-decoration: underline; }
  78.  
  79. h4 {
  80. font-family: Arial, Helvetica, sans-serif;
  81. font-size: 9px;
  82. font-weight:bold;
  83. line-height:16px;
  84. color:#333333;
  85. letter-spacing:1px;
  86. text-transform:uppercase;
  87. padding: 0px 0px 20px 0px;
  88. display: inline;
  89. }
  90.  
  91. h4 a { color: #333333; text-decoration: none; }
  92. h4 a:visited { color: #333333; text-decoration: none; }
  93. h4 a:hover { color: #FD1B14; text-decoration: none; }
  94.  
  95. h5 {
  96. font-family: Arial, Helvetica, sans-serif;
  97. font-size: 16px;
  98. font-weight:bold;
  99. line-height:16px;
  100. color:#333333;
  101. display: inline;
  102. padding: 0px 20px 20px 0px;
  103. }
  104.  
  105. h5 a { color: #FD1B14; text-decoration: underline; }
  106. h5 a:visited { color: #FD1B14; text-decoration: underline; }
  107. h5 a:hover { color: #333333; text-decoration: underline; }
  108.  
  109. ul {
  110. display: inline;
  111. padding:0px;
  112. }
  113.  
  114. li {
  115. padding:0px 0px 5px 0px;
  116. list-style-image: url(http://www.underconsideration.com/brandnew/images/arrow_sidebar.gif);
  117. }
  118.  
  119. /*Structure Elements*/
  120.  
  121. #wrapper {
  122. width:1097px;
  123. margin-right:auto;
  124. margin-left:auto;
  125. margin-top:0px;
  126. text-align:left;
  127. }
  128.  
  129. #container {
  130. width:100%;
  131. margin-right:auto;
  132. margin-left:auto;
  133. margin-top:0px;
  134. text-align:left;
  135. min-height:100px;
  136. float:left;
  137. background-image: url(http://www.underconsideration.com/brandnew/images/bckgd_container_515.gif);
  138. background-repeat: repeat-y;
  139. background-position: 376px 0;
  140. }
  141.  
  142. #header {
  143. clear:both;
  144. float:left;
  145. width:1097px;
  146. padding:0px;
  147. margin:0px;
  148. }
  149.  
  150. #header_col_01 {
  151. width:241px;
  152. float:right;
  153. margin:0px;
  154. padding:22px 0px 0px 0px;
  155. height:207px;
  156. background-image: url(http://www.underconsideration.com/brandnew/images/bckgd_header_col01-03.gif);
  157. background-repeat: no-repeat;
  158. }
  159.  
  160. #header_col_02 {
  161. width:615px;
  162. float:left;
  163. margin:0px;
  164. padding:0px;
  165. height:229px;
  166. }
  167.  
  168. #header_col_03 {
  169. width:241px;
  170. float:right;
  171. margin:0px;
  172. padding:22px 0px 0px 0px;
  173. height:207px;
  174. background-image: url(http://www.underconsideration.com/brandnew/images/bckgd_header_col01-03.gif);
  175. background-repeat: no-repeat;
  176. }
  177.  
  178. #col_01 {
  179. width:241px;
  180. float:right;
  181. margin:0px 0px 0px 21px;
  182. padding:0px;
  183. }
  184.  
  185. #col_02 {
  186. width:574px;
  187. float:left;
  188. margin:0px;
  189. padding:20px 0px 0px 0px;
  190. }
  191.  
  192. #col_03 {
  193. width:241px;
  194. float:left;
  195. margin:0px -22px 0px 42px;
  196. padding:0px;
  197. }
  198.  
  199. #pagination, #footer, #comment_section {
  200. font-family: Arial, Helvetica, sans-serif;
  201. font-size: 21px;
  202. font-weight:bold;
  203. line-height:24px;
  204. color:#FD1B14;
  205. width:574px;
  206. padding: 30px 0px 40px 0px;
  207. background-image: url(http://www.underconsideration.com/brandnew/images/header_black_dots.gif);
  208. background-repeat: no-repeat;
  209. }
  210.  
  211.  
  212. /*Layout Elements*/
  213.  
  214. .sidebar {
  215. font-family: Arial, Helvetica, sans-serif;
  216. font-size: 10px;
  217. line-height:16px;
  218. color:#333333;
  219. padding:20px;
  220. margin:0px;
  221. background-image: url(http://www.underconsideration.com/brandnew/images/bckgd_sidebar.gif);
  222. background-repeat: repeat-y;
  223. }
  224.  
  225. .sidebar_alternate_pad {
  226. font-family: Arial, Helvetica, sans-serif;
  227. font-size: 10px;
  228. line-height:16px;
  229. color:#333333;
  230. padding:11px 41px 21px 42px;
  231. margin:0px;
  232. width:220px;
  233. background-image: url(http://www.underconsideration.com/brandnew/images/background_sidebar.gif);
  234. background-repeat: repeat-y;
  235. }
  236.  
  237. .sidebar_advx3 {
  238. padding:20px 42px 10px 41px;
  239. margin:0px;
  240. width:220px;
  241. background-image: url(http://www.underconsideration.com/brandnew/images/background_sidebar.gif);
  242. background-repeat: repeat-y;
  243. }
  244.  
  245. .sidebar a{ color: #333333; text-decoration: underline; }
  246. .sidebar a:visited { color: #333333; text-decoration: underline; }
  247. .sidebar a:hover { color: #FD1B14; text-decoration: underline; }
  248.  
  249. .sidebar_alternate_pad a{ color: #333333; text-decoration: underline; }
  250. .sidebar_alternate_pad a:visited { color: #333333; text-decoration: underline; }
  251. .sidebar_alternate_pad a:hover { color: #FD1B14; text-decoration: underline; }
  252.  
  253. .caption {
  254. font-family:arial,sans-serif;
  255. color:#FD1B14;
  256. font-size:11px;
  257. font-weight:bold;
  258. line-height:20px;
  259. padding:10px 0px 0px 0px;
  260. margin:0px 0px 20px 0px;
  261. background-image: url(http://www.underconsideration.com/brandnew/images/background_caption.gif);
  262. background-repeat: no-repeat;
  263. }
  264.  
  265. .caption a { color: #FD1B14; text-decoration: underline; }
  266. .caption a:visited { color: #FD1B14; text-decoration: underline; }
  267. .caption a:hover { color: #000000; text-decoration: underline; }
  268.  
  269. .bottom {
  270. font-family: Arial, Helvetica, sans-serif;
  271. font-size: 9px;
  272. font-weight:bold;
  273. line-height:16px;
  274. color:#000000;
  275. letter-spacing:1px;
  276. text-transform:uppercase;
  277. padding: 0px 20px 20px 0px;
  278. }
  279.  
  280. .bottom a { color: #000000; text-decoration: underline; }
  281. .bottom a:visited { color: #000000; text-decoration: underline; }
  282. .bottom a:hover { color: #FD1B14; text-decoration: underline; }
  283.  
  284. .small {
  285. font-family:arial, sans-serif;
  286. font-size:x-small;
  287. line-height:150%;
  288. }
  289.  
  290. .red, .red a {
  291. color:#FD1B14;
  292. }
  293.  
  294. .blue {
  295. color:#0099CC;
  296. }
  297.  
  298. .in_brief {
  299. font-family:georgia,serif;
  300. font-size:14px;
  301. color:#666666;
  302. font-weight:normal;
  303. line-height:140%;
  304. padding-top:7px;
  305. padding-bottom:7px;
  306. padding-left:20px;
  307. }
  308.  
  309. .archive_of {
  310. font-family:arial,sans-serif;
  311. color:#000000;
  312. font-size:11px;
  313. font-weight:bold;
  314. line-height:20px;
  315. padding:11px 30px 0px 273px;
  316. margin:0px;
  317. height: 41px;
  318. background-image: url(http://www.underconsideration.com/brandnew/images/background_archives_of.gif);
  319. background-repeat: no-repeat;
  320. }
  321.  
  322. .search_results {
  323. font-family:arial,sans-serif;
  324. color:#000000;
  325. font-size:11px;
  326. font-weight:bold;
  327. line-height:20px;
  328. padding:11px 30px 0px 273px;
  329. margin:0px;
  330. height: 41px;
  331. background-image: url(http://www.underconsideration.com/brandnew/images/background_search_results.gif);
  332. background-repeat: no-repeat;
  333. }
  334.  
  335. #old_comment_padding {
  336. padding-right:20px;
  337. }
  338.  
  339. #forced_left_padding {
  340. padding-left:20px;
  341. }
  342.  
  343. #comments-open, #signin-widget-content {
  344. font-family:arial,sans-serif;
  345. color:#000000;
  346. font-size:12px;
  347. font-weight:normal;
  348. line-height:20px;
  349. padding-bottom:20px;
  350. }
  351.  
  352. /*TABLE STRUCTURE*/
  353.  
  354. .table {
  355. padding: 0px;
  356. margin: 0px 20px 0px 0px;
  357. }
  358.  
  359. .table_col {
  360. padding: 5px 0px 10px 0px;
  361. }
  362.  
  363. .table_gutter {
  364. width:10px;
  365. background-image: url(http://www.underconsideration.com/brandnew/images/background_voting_col_left.gif);
  366. background-repeat: repeat-y;
  367. padding: 0px;
  368. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.