Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*########################################
- Project: DBNZ Coatings Ltd
- Version: 2.0
- Last change: 25/05/2011
- Designed by: dpDesignz - www.dpDesignz.net
- #########################################*/
- /*------------------------------------------------------------------
- [Table of contents]
- 1. BODY
- 2. TOP
- 3. CONTENT
- 4. FOOTER
- 5. CONTACT
- 6. FLEETLINK
- 7. PRODUCTS
- 8. MISC
- # ------------------------------------------------------------------*/
- /*---------------------------------------
- 1. BODY
- -----------------------------------------*/
- /* Content */
- * { padding:0; margin:0;}
- body { background:#E4E4E4 url('../images/bg.gif') right top no-repeat;}
- a img { border:none;}
- /* Headings */
- h1, h2, h3 { color:#e42518; font-family:"ITC Stone Sans"; font-style:italic; font-size:26px; padding-bottom:10px;}
- h2 { font-size:18px; margin:30px 0 10px;}
- h3 { font-size:14px; margin:33px 0 0;}
- /* Paragraphs */
- 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;}
- .intro p { font-size:12px; text-align:justify;}
- p.justify { text-align:justify;}
- p.name { font-weight:700; float:left; padding:0 30px 0 0; width:120px;}
- p.namer { font-weight:700; float:left; padding:0 30px 0 0;}
- span.title { font-style:italic; font-weight:normal;}
- p.details { display:block; float:left;}
- p a { color:#79858b; text-decoration:none;}
- p a:hover { color:#e42518;}
- /*---------------------------------------
- 2. TOP
- -----------------------------------------*/
- /* 2. Login */
- #login { background-color:#79858b; border-top:3px solid #000;}
- #login form { background-color:#000; text-align:center; float:right; width:336px; height:35px;}
- #loggedin { background-color:#000; text-align:center; font-size:15px; color: #fff; float:right; width:336px; height:35px;}
- a.logged{ color: #fff;}
- /* -- Members Login form -- */
- form { margin-bottom:40px;}
- form .boxed { padding-bottom:20px;}
- form ul.login { list-style:none;}
- form ul.login li { float:left; padding:2px 0 5px 5px;}
- form ul.login li input.text { background-color:#a5b2b3; border:1px solid #7f7f7f; color:#fff; padding:3px; width:135px;}
- form ul.login li input.button { background-color:#333; border:1px solid #666; color:#fff; cursor:pointer; padding:3px; width:65px;}
- /* Header */
- #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;}
- /* Menu */
- #menu { background:url('../images/menu_bg.png') repeat-x; background-color:#000; height:30px;}
- #menu ul { list-style:none; height:auto;}
- #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;}
- #menu ul li.submenu { color:#79858b;}
- #menu ul li.products, #menu ul li.first { background:none;}
- #menu ul li.first { padding-left:0;}
- #menu ul li.active { color:#e42518;}
- #menu ul li a:link, #menu ul li a:visited { color:#fff; text-decoration:none;}
- #menu ul li a:hover { color:#e42518;}
- .centre { margin:0 auto; width:960px; }
- .header { background:url('../images/no1.png') no-repeat; height:250px;}
- .section { height:120px;}
- .intro { padding-top:50px; width:550px;}
- #logo { clear:right; float:right; margin-top:25px;}
- #logo2 { clear:right; float:right; padding-bottom:5px:}
- /*---------------------------------------
- 3. CONTENT
- -----------------------------------------*/
- #content div.front { height:auto; min-height:300px; width:960px;}
- .gallery { float:left; margin:0 12px 12px 0; width:180px;}
- .column { float:left; margin:0 12px 25px 0; width:180px; min-height:370px;}
- .double { width:372px;}
- .triple { width:564px;}
- .four { margin-top:35px; width:756px;}
- .tight { margin-top:-43px;}
- .last { margin-right:0;}
- .inline { padding-top:57px;}
- .boxed { background-color:#f1f2f3; -moz-border-radius: 10px; border-radius: 10px; float:left; padding:10px 10px 7px; margin-bottom:24px;}
- .contact { background-color:#f1f2f3; -moz-border-radius: 10px; border-radius: 10px; float:left; padding:10px; height:auto; margin-bottom:10px; width:352px;}
- .brands, .fleetlink, .imagery { width:970px;}
- #in-font { font-size:24px; width:830px;}
- .brands { margin-top:25px;}
- #sig { text-align:center;}
- .product-logo { margin-top:25px;}
- #footer { border-top:2px solid #000; clear:both; padding-top:10px;}
- #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;}
- /*---------------------------------------
- 4. FOOTER
- -----------------------------------------*/
- /* Footer Nav */
- #ft ul { list-style: none; float: left; width: 750px; margin: 0; line-height: normal; }
- #ft ul li { display: inline; padding-right: 23px; margin-right: 17px; background: url(../images/ft-nv-blt.png) center right no-repeat; }
- #ft ul li.last { padding-right: 0; margin-right: 0; background: none; }
- #ft ul li a:link, #ft ul li a:visited { color: #FFF; text-decoration: none; }
- #ft ul li a:hover, #ft ul li a:active { color: #FFF; text-decoration: underline; }
- /* Login */
- #cus-login { float: right; width: 200px; height: text-align: right; line-height: normal; margin: 0; }
- #cus-login a { display: inline-block; padding-left: 64px; }
- #cus-login a:link, #cus-login a:visited { color: #FFF; text-decoration: none; }
- #cus-login a:hover, #cus-login a:active { color: #FFF; text-decoration: underline; }
- #inf-ft { position: relative; padding-top: 50px; margin: 0 auto; width: 990px; overflow: hidden;}
- /* Copy and Credit */
- #copy-credit { float: right; width: 500px; text-align: right; }
- #copy-credit p { color: #434445; margin: 0 0 0 0; }
- #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; }
- /* Smarttrade Link */
- #st { float: left; display: block; width: 140px; height: 42px; background: url(../images/smarttrade.png); }
- /*---------------------------------------
- 5. CONTACT
- -----------------------------------------*/
- /* -- Contact Form -- */
- 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;}
- form#contact input.text { float:left; padding:2px; margin:10px 10px 0 10px; width:415px;}
- form#contact textarea.text { float:left; padding:2px; margin:10px 10px 0 10px; width:415px;}
- form#contact ul.inline { list-style:none;}
- form#contact ul.inline li { float:left; margin:11px 0 0 10px;}
- .inline-label { padding:0 10px;}
- form#contact input.button { float:right; margin:10px 10px 0 0;}
- /*---------------------------------------
- 6. FLEETLINK
- -----------------------------------------*/
- .fleet h3 { border-bottom: 2px solid #CC0042; }
- .fleet p { -moz-border-bottom-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 5px; background-color: #f1f2f3; }
- /*---------------------------------------
- 7. PRODUCTS
- -----------------------------------------*/
- .product { height:40px;}
- .dba { background-color:#f6ab00;}
- .debeer { background-color:#d20110;}
- .valspar { background-color:#7a00b9;}
- .octoral { background-color:#009dea;}
- .lic { background-color:#29af00;}
- /*---------------------------------------
- 8. MISC
- -----------------------------------------*/
- .floatright { float:right;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement