Advanced Search

Brand New - Left-Centred Layout

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

Expand | Embed | Plain Text

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.