API tools faq
paste
Advertisement
dpDesignz

DBNZ Style.css

dpDesignz
May 25th, 2011
112
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.68 KB | None | 0 0
raw download clone embed print report
  1. /*########################################
  2.  
  3.     Project:    DBNZ Coatings Ltd
  4.     Version:    2.0
  5.     Last change:    25/05/2011
  6.     Designed by:    dpDesignz - www.dpDesignz.net
  7.  
  8. #########################################*/
  9.  
  10. /*------------------------------------------------------------------
  11.  
  12.     [Table of contents]
  13.  
  14.     1. BODY
  15.     2. TOP
  16.     3. CONTENT
  17.     4. FOOTER
  18.     5. CONTACT
  19.     6. FLEETLINK
  20.     7. PRODUCTS
  21.     8. MISC
  22.  
  23. # ------------------------------------------------------------------*/
  24.  
  25. /*---------------------------------------
  26.  
  27.     1. BODY
  28.  
  29. -----------------------------------------*/
  30.  
  31. /* Content */
  32.  
  33. * { padding:0; margin:0;}
  34. body { background:#E4E4E4 url('../images/bg.gif') right top no-repeat;}
  35. a img { border:none;}
  36.  
  37. /* Headings */
  38.  
  39. h1, h2, h3 { color:#e42518; font-family:"ITC Stone Sans"; font-style:italic; font-size:26px; padding-bottom:10px;}
  40. h2 { font-size:18px; margin:30px 0 10px;}
  41. h3 { font-size:14px; margin:33px 0 0;}
  42.  
  43. /* Paragraphs */
  44.  
  45. p, form#contact ul.inline li, ul.list { color:#000; font-family:"lucida Grande", "Lucida Sans Unicode", Verdana, Arial; font-size:11px; line-height:18px; padding-bottom:6px;}
  46. .intro p { font-size:12px; text-align:justify;}
  47. p.justify { text-align:justify;}
  48. p.name { font-weight:700; float:left; padding:0 30px 0 0; width:120px;}
  49. p.namer { font-weight:700; float:left; padding:0 30px 0 0;}
  50. span.title { font-style:italic; font-weight:normal;}
  51. p.details { display:block; float:left;}
  52. p a { color:#79858b; text-decoration:none;}
  53. p a:hover { color:#e42518;}
  54.  
  55. /*---------------------------------------
  56.  
  57.     2. TOP
  58.  
  59. -----------------------------------------*/
  60.  
  61. /* 2. Login */
  62.  
  63. #login { background-color:#79858b; border-top:3px solid #000;}
  64. #login form { background-color:#000; text-align:center; float:right; width:336px; height:35px;}
  65. #loggedin { background-color:#000; text-align:center; font-size:15px; color: #fff; float:right; width:336px; height:35px;}
  66. a.logged{ color: #fff;}
  67.  
  68. /* -- Members Login form -- */
  69. form { margin-bottom:40px;}
  70. form .boxed { padding-bottom:20px;}
  71. form ul.login { list-style:none;}
  72. form ul.login li { float:left; padding:2px 0 5px 5px;}
  73. form ul.login li input.text { background-color:#a5b2b3; border:1px solid #7f7f7f; color:#fff; padding:3px; width:135px;}
  74. form ul.login li input.button { background-color:#333; border:1px solid #666; color:#fff; cursor:pointer; padding:3px; width:65px;}
  75.  
  76. /* Header */
  77.  
  78. #header { background-color:#79858b; background:url('../images/blend.jpg') repeat-x; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#79858b), to(#fff)); height:auto;}
  79.  
  80. /* Menu */
  81.  
  82. #menu { background:url('../images/menu_bg.png') repeat-x; background-color:#000; height:30px;}
  83. #menu ul { list-style:none; height:auto;}
  84. #menu ul li { background:url('../images/separator.jpg') no-repeat top left; color:#fff; font-family:"ITC Stone Sans", "lucida Grande", "Lucida Sans Unicode", Verdana, Arial; font-style:italic; font-size:12px; float:left; height:17px; padding:3px 0 5px 25px;}
  85. #menu ul li.submenu { color:#79858b;}
  86. #menu ul li.products, #menu ul li.first { background:none;}
  87. #menu ul li.first { padding-left:0;}
  88. #menu ul li.active { color:#e42518;}
  89. #menu ul li a:link, #menu ul li a:visited { color:#fff; text-decoration:none;}
  90. #menu ul li a:hover { color:#e42518;}
  91. .centre { margin:0 auto; width:960px; }
  92. .header { background:url('../images/no1.png') no-repeat; height:250px;}
  93. .section { height:120px;}
  94. .intro { padding-top:50px; width:550px;}
  95. #logo { clear:right; float:right; margin-top:25px;}
  96. #logo2 { clear:right; float:right; padding-bottom:5px:}
  97.  
  98. /*---------------------------------------
  99.  
  100.     3. CONTENT
  101.  
  102. -----------------------------------------*/
  103.  
  104. #content div.front { height:auto; min-height:300px; width:960px;}
  105. .gallery { float:left; margin:0 12px 12px 0; width:180px;}
  106. .column { float:left; margin:0 12px 25px 0; width:180px; min-height:370px;}
  107. .double { width:372px;}
  108. .triple { width:564px;}
  109. .four { margin-top:35px; width:756px;}
  110. .tight { margin-top:-43px;}
  111. .last { margin-right:0;}
  112. .inline { padding-top:57px;}
  113. .boxed { background-color:#f1f2f3; -moz-border-radius: 10px; border-radius: 10px; float:left; padding:10px 10px 7px; margin-bottom:24px;}
  114. .contact { background-color:#f1f2f3; -moz-border-radius: 10px; border-radius: 10px; float:left; padding:10px; height:auto; margin-bottom:10px; width:352px;}
  115. .brands, .fleetlink, .imagery  { width:970px;}
  116. #in-font { font-size:24px; width:830px;}
  117. .brands { margin-top:25px;}
  118. #sig { text-align:center;}
  119. .product-logo { margin-top:25px;}
  120.  
  121. #footer { border-top:2px solid #000; clear:both; padding-top:10px;}
  122.  
  123. #ft { position:absolute; margin: 0 auto 10px auto; width: 970px; height:20px; padding: 10px 15px; background: url('../images/ftbg.png') repeat-x #434445; overflow: hidden; z-index:1;}
  124.  
  125. /*---------------------------------------
  126.  
  127.     4. FOOTER
  128.  
  129. -----------------------------------------*/
  130.  
  131. /* Footer Nav */
  132.  
  133. #ft ul { list-style: none; float: left; width: 750px; margin: 0; line-height: normal; }
  134. #ft ul li { display: inline; padding-right: 23px; margin-right: 17px; background: url(../images/ft-nv-blt.png) center right no-repeat; }
  135. #ft ul li.last { padding-right: 0; margin-right: 0; background: none; }
  136. #ft ul li a:link, #ft ul li a:visited { color: #FFF; text-decoration: none; }
  137. #ft ul li a:hover, #ft ul li a:active { color: #FFF; text-decoration: underline; }
  138.  
  139. /* Login */
  140.  
  141. #cus-login { float: right; width: 200px; height: text-align: right; line-height: normal; margin: 0; }
  142. #cus-login a { display: inline-block; padding-left: 64px; }
  143. #cus-login a:link, #cus-login a:visited { color: #FFF; text-decoration: none; }
  144. #cus-login a:hover, #cus-login a:active { color: #FFF; text-decoration: underline; }
  145.  
  146. #inf-ft { position: relative; padding-top: 50px; margin: 0 auto; width: 990px; overflow: hidden;}
  147.  
  148. /* Copy and Credit */
  149.  
  150. #copy-credit { float: right; width: 500px; text-align: right; }
  151. #copy-credit p { color: #434445; margin: 0 0 0 0; }
  152. #bc-logo { display: inline-block; width: 200px; padding-right: 65px; background: url(../images/dpdesignz.png) center right no-repeat; color: #4E4E4F; text-decoration: none; line-height: 19px; height: 19px; }
  153.  
  154. /* Smarttrade Link */
  155.  
  156. #st { float: left; display: block; width: 140px; height: 42px; background: url(../images/smarttrade.png); }
  157.  
  158. /*---------------------------------------
  159.  
  160.     5. CONTACT
  161.  
  162. -----------------------------------------*/
  163.  
  164. /* -- Contact Form -- */
  165. form#contact label { clear:left; color:#000; font-family:"lucida Grande", "Lucida Sans Unicode", Verdana, Arial; font-size:11px; font-weight:700; float:left; text-align:right; margin-top:13px; width:100px;}
  166. form#contact input.text { float:left; padding:2px; margin:10px 10px 0 10px; width:415px;}
  167. form#contact textarea.text { float:left; padding:2px; margin:10px 10px 0 10px; width:415px;}
  168. form#contact ul.inline { list-style:none;}
  169. form#contact ul.inline li { float:left; margin:11px 0 0 10px;}
  170. .inline-label { padding:0 10px;}
  171. form#contact input.button { float:right; margin:10px 10px 0 0;}
  172.  
  173. /*---------------------------------------
  174.  
  175.     6. FLEETLINK
  176.  
  177. -----------------------------------------*/
  178.  
  179. .fleet h3 { border-bottom: 2px solid #CC0042; }
  180. .fleet p { -moz-border-bottom-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 5px; background-color: #f1f2f3; }
  181.  
  182. /*---------------------------------------
  183.  
  184.     7. PRODUCTS
  185.  
  186. -----------------------------------------*/
  187.  
  188. .product { height:40px;}
  189. .dba { background-color:#f6ab00;}
  190. .debeer { background-color:#d20110;}
  191. .valspar { background-color:#7a00b9;}
  192. .octoral { background-color:#009dea;}
  193. .lic { background-color:#29af00;}
  194.  
  195. /*---------------------------------------
  196.  
  197.     8. MISC
  198.  
  199. -----------------------------------------*/
  200.  
  201. .floatright { float:right;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!