Advanced Search

Turner Commerce Center - Small Industrial Condos Murrieta, California

/ 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. /* ---------------------------------------------------- 
  4. Layout Formatting
  5. ---------------------------------------------------- */ 
  6.  
  7. html 
  8. 	{ 
  9. 	height : 100%; 
  10. 	margin : 0 auto; 
  11. 	padding : 0;
  12. 	background-color : #BDAAA0;
  13. 	}
  14.  
  15. body 
  16. 	{ 
  17. 	margin : 0 auto; 
  18. 	padding : 0;
  19. 	width : 100%; 
  20. 	font-size : 11px;
  21. 	font-family : Verdana, Arial, Helvetica, sans-serif;
  22. 	color : #403A25;
  23. 	line-height : 18px;
  24. 	text-align : left;
  25. 	background-color : #BDAAA0;
  26. 	}
  27.  
  28. p 
  29. 	{
  30. 	margin: 0px;
  31. 	}
  32.  
  33. div#headerBg
  34. 	{
  35. 	margin : 0 auto; 
  36. 	padding : 0;
  37. 	background-repeat : repeat-x;
  38. 	background-color : #BD1B21;
  39. 	width : 760px;
  40. 	height : 107px;
  41. 	border-top-width : 1px;
  42. 	border-right-width : 1px;
  43. 	border-bottom-width : 1px;
  44. 	border-left-width : 1px;
  45. 	border-top-style : none;
  46. 	border-right-style : solid;
  47. 	border-bottom-style : none;
  48. 	border-left-style : solid;
  49. 	border-top-color : #000000;
  50. 	border-right-color : #000000;
  51. 	border-bottom-color : #000000;
  52. 	border-left-color : #000000;
  53. 	}
  54.  
  55. div#header 
  56. 	{
  57. 	width : 760px;
  58. 	height : 107px;
  59. 	margin : 0 auto; 
  60. 	padding : 0;
  61. 	}
  62.  
  63. div#headerLeft
  64. 	{
  65. 	float : left;
  66. 	width : 214px;
  67. 	height : 107px;
  68. 	background-color : #9D8D85;
  69. 	}
  70.  
  71. div#headerRight 
  72. 	{
  73. 	float : right;
  74. 	width : 534px;
  75. 	padding-top : 28px;
  76. 	padding-left : 12px;
  77. 	height : 79px;
  78. 	background-color : #BD1B21;
  79. 	}
  80.  
  81. div#nav
  82. 	{
  83. 	margin : 0 auto; 
  84. 	padding : 0;
  85. 	background-repeat : repeat-x;
  86. 	background-color : #000;
  87. 	width : 760px;
  88. 	height : 25px;
  89. 	border-top-width : 1px;
  90. 	border-right-width : 1px;
  91. 	border-bottom-width : 1px;
  92. 	border-left-width : 1px;
  93. 	border-top-style : none;
  94. 	border-right-style : solid;
  95. 	border-bottom-style : none;
  96. 	border-left-style : solid;
  97. 	border-top-color : #000000;
  98. 	border-right-color : #000000;
  99. 	border-bottom-color : #000000;
  100. 	border-left-color : #000000;
  101. 	}
  102.  
  103. div#navContent
  104. 	{
  105. 	width : 760px;
  106. 	margin : 0 auto;
  107. 	padding : 0;
  108. 	}
  109.  
  110. div#navLeft
  111. 	{
  112. 	float : left;
  113. 	width : 214px;
  114. 	height : 25px;
  115. 	background-color : #000;
  116. 	}
  117.  
  118. div#navRight 
  119. 	{
  120. 	float : right;
  121. 	width : 546px;
  122. 	height : 25px;
  123. 	background-color : #000;
  124. 	}
  125.  
  126. div#wrapper 
  127. 	{
  128. 	margin: 0px auto 0px auto;
  129. 	padding : 0px;
  130. 	width : 760px;
  131. 	background : url(/img/inner-background.gif) repeat;
  132. 	overflow : auto;
  133. 	border-top-width : 1px;
  134. 	border-right-width : 1px;
  135. 	border-bottom-width : 1px;
  136. 	border-left-width : 1px;
  137. 	border-top-style : none;
  138. 	border-right-style : solid;
  139. 	border-bottom-style : none;
  140. 	border-left-style : solid;
  141. 	border-top-color : #000000;
  142. 	border-right-color : #000000;
  143. 	border-bottom-color : #000000;
  144. 	border-left-color : #000000;
  145. 	}
  146.  
  147. div#wrapperColor
  148. 	{
  149. 	margin: 0px auto 0px auto;
  150. 	padding : 0px;
  151. 	width : 760px;
  152. 	background : url(/img/inner-background-black.gif) repeat;
  153. 	overflow : auto;
  154. 	}
  155.  
  156. div#contentLeft
  157. 	{
  158. 	float : left;
  159. 	width : 214px;
  160. 	}
  161.  
  162. div#contentLeftSizes
  163. 	{
  164. 	width : 155px;
  165. 	height : 270px;
  166. 	padding-top : 27px;
  167. 	padding-left : 54px;
  168. 	padding-right : 5px;
  169. 	background-color : #BD1B21;
  170. 	text-align: right;
  171. 	}
  172.  
  173. div#contentRight 
  174. 	{
  175. 	float : right;
  176. 	width : 546px;
  177. 	margin-bottom: 15px;
  178. 	}
  179.  
  180. div#footer
  181. 	{
  182. 	width : 760px;
  183. 	margin : 0 auto; 
  184. 	padding : 0;
  185. 	border-top-width : 1px;
  186. 	border-right-width : 1px;
  187. 	border-bottom-width : 1px;
  188. 	border-left-width : 1px;
  189. 	border-top-style : solid;
  190. 	border-right-style : none;
  191. 	border-bottom-style : none;
  192. 	border-left-style : none;
  193. 	border-top-color : #000000;
  194. 	border-right-color : #000000;
  195. 	border-bottom-color : #000000;
  196. 	border-left-color : #000000;
  197. 	background-color : #BDAAA0;
  198. 	}
  199.  
  200. div#footerContent
  201. 	{
  202. 	margin : 0px auto;
  203. 	width : 760px;
  204. 	font-size : 9px;
  205. 	text-align : center;
  206. 	line-height : 23px;
  207. 	clear : both;
  208. 	}
  209.  
  210. /* ---------------------------------------------------- 
  211. Buttons
  212. ---------------------------------------------------- */ 
  213.  
  214. #home
  215. 	{ 
  216. 	width : 39px; 
  217. 	height : 25px; 
  218. 	padding-left : 16px;
  219. 	margin-left : 12px;
  220. 	overflow : hidden; 
  221. 	background : url(/img/b-home.gif) top left no-repeat;
  222. 	display : block;
  223. 	float : left;
  224. 	text-indent : -99999px;
  225. 	} 
  226.  
  227. #home:hover
  228. 	{ 
  229. 	background-position : bottom left; 
  230. 	}
  231.  
  232. #location
  233. 	{ 
  234. 	width : 58px; 
  235. 	height : 25px; 
  236. 	padding-left : 16px;
  237. 	overflow : hidden; 
  238. 	background : url(/img/b-location.gif) top left no-repeat;
  239. 	display : block;
  240. 	float : left;
  241. 	text-indent : -99999px;
  242. 	} 
  243.  
  244. #location:hover
  245. 	{ 
  246. 	background-position : bottom left; 
  247. 	}
  248.  
  249. #availabilites
  250. 	{ 
  251. 	width : 87px; 
  252. 	height : 25px; 
  253. 	padding-left : 16px;
  254. 	overflow : hidden; 
  255. 	background : url(/img/b-availabilities.gif) top left no-repeat;
  256. 	display : block;
  257. 	float : left;
  258. 	text-indent : -99999px;
  259. 	} 
  260.  
  261. #availabilites:hover
  262. 	{ 
  263. 	background-position : bottom left; 
  264. 	}
  265.  
  266. #financing
  267. 	{ 
  268. 	width : 67px; 
  269. 	height : 25px; 
  270. 	padding-left : 16px;
  271. 	overflow : hidden; 
  272. 	background : url(/img/b-financing.gif) top left no-repeat;
  273. 	display : block;
  274. 	float : left;
  275. 	text-indent : -99999px;
  276. 	} 
  277.  
  278. #financing:hover
  279. 	{ 
  280. 	background-position : bottom left; 
  281. 	}
  282.  
  283. #contact
  284. 	{ 
  285. 	width : 54px; 
  286. 	height : 25px; 
  287. 	padding-left : 16px;
  288. 	overflow : hidden; 
  289. 	background : url(/img/b-contact.gif) top left no-repeat;
  290. 	display : block;
  291. 	float : left;
  292. 	text-indent : -99999px;
  293. 	} 
  294.  
  295. #contact:hover
  296. 	{ 
  297. 	background-position : bottom left; 
  298. 	}
  299.  
  300. #brochure
  301. 	{ 
  302. 	width : 63px; 
  303. 	height : 25px; 
  304. 	padding-left : 16px;
  305. 	overflow : hidden; 
  306. 	background : url(/img/b-brochure.gif) top left no-repeat;
  307. 	display : block;
  308. 	float : left;
  309. 	text-indent : -99999px;
  310. 	} 
  311.  
  312. #brochure:hover
  313. 	{ 
  314. 	background-position : bottom left; 
  315. 	}
  316.  
  317. /* ---------------------------------------------------- 
  318. Link Formatting
  319. ---------------------------------------------------- */ 
  320.  
  321. div#contentRight a:link 
  322. 	{
  323. 	color : #BD1B21;
  324. 	background-color : transparent;
  325. 	text-decoration : underline;
  326. 	}
  327.  
  328. div#contentRight a:visited
  329. 	{
  330. 	color : #BD1B21;
  331. 	background-color : transparent;
  332. 	text-decoration : underline;
  333. 	}
  334.  
  335. div#contentRight a:hover
  336. 	{
  337. 	color : #403A25;
  338. 	background-color : transparent;
  339. 	text-decoration : underline;
  340. 	}
  341.  
  342. div#footerContent a:link 
  343. 	{
  344. 	color : #403A25;
  345. 	background-color : transparent;
  346. 	text-decoration : none;
  347. 	padding : 2px;
  348. 	}
  349.  
  350. div#footerContent a:visited
  351. 	{
  352. 	color : #403A25;
  353. 	background-color : transparent;
  354. 	text-decoration : none;
  355. 	padding : 2px;
  356. 	}
  357.  
  358. div#footerContent a:hover
  359. 	{
  360. 	color : #FFD400;
  361. 	background-color : #BD1B21;
  362. 	text-decoration : none;
  363. 	padding : 2px;
  364. 	}
  365.  
  366. #directions
  367. 	{
  368. 	width : 142px; 
  369. 	height : 31px; 
  370. 	overflow : hidden; 
  371. 	background : url(/img/b-getdirections.gif) top right no-repeat;
  372. 	display : block;
  373. 	float : left;
  374. 	text-indent : -99999px;
  375. 	} 
  376.  
  377. #directions:hover
  378. 	{ 
  379. 	background-position : bottom right; 
  380. 	}
  381.  
  382. /* ---------------------------------------------------- 
  383. Content Formatting
  384. ---------------------------------------------------- */ 
  385.  
  386. .turnerLogo
  387. 	{
  388. 	padding-top : 10px;
  389. 	}
  390.  
  391. .leeLogo
  392. 	{
  393. 	padding-top : 20px;
  394. 	padding-bottom : 20px;
  395. 	}
  396.  
  397. #homeHeader
  398. 	{
  399. 	clear : both;
  400. 	width : 534px;
  401. 	height : 17px;
  402. 	padding-top : 7px;
  403. 	padding-left : 12px;
  404. 	background-color : #000;
  405. 	}
  406.  
  407. div#homeBulletsLeft
  408. 	{
  409. 	width : 253px;
  410. 	float : left;
  411. 	padding-top : 5px;
  412. 	padding-left : 15px;
  413. 	}
  414.  
  415. div#homeBulletsLeft p
  416. 	{
  417. 	padding-left : 22px;
  418. 	padding-bottom: 15px;
  419. 	}
  420.  
  421. div#homeBulletsLeft p a
  422. 	{
  423. 	color : #BD1B21;
  424. 	}
  425.  
  426. div#homeBulletsright
  427. 	{
  428. 	width : 253px;
  429. 	float : right;
  430. 	padding-top : 5px;
  431. 	padding-right : 20px;
  432. 	}
  433.  
  434. ul
  435. 	{
  436. 	list-style-type : square;
  437. 	list-style-image : url(/img/bullet.gif);
  438. 	margin-left : 26px;
  439. 	padding-left : 6px;
  440. 	}
  441.  
  442. #flashcontent 
  443. 	{
  444. 	width : 546px;
  445. 	}
  446.  
  447. #contactInfo 
  448. 	{
  449. 	float : left;
  450. 	padding-top : 75px;
  451. 	padding-left : 163px;
  452. 	}
  453.  
  454. .textButton 
  455. 	{
  456. 	font-weight : bold;
  457. 	text-transform : uppercase;
  458. 	text-align : center;
  459. 	cursor : pointer;
  460. 	}
  461.  
  462. .textButtonOvr
  463. 	{
  464. 	color : #BD1B21;
  465. 	font-weight : bold;
  466. 	text-transform : uppercase;
  467. 	text-align : center;
  468. 	cursor : pointer;
  469. 	}

URL: http://turner.quickspace.com/index.asp

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.