/*------------------------------ STYLE-CSS ------------------------------*/ /*------------------------------ INDEX: TAG styling: body h p blockquote a lists ID styling #web_page CLASS styling .block .btn* .carousel-caption .category .center-block .link .marketing .spacing* ------------------------------*/ /*------------------------------ TAG styling ------------------------------*/ /* tags: */ body { background: #ecf5ea; background-image: url('http://harvesterconcepts.co.nz/img/browser_background.png'); font-size: 16px; line-height: 150%; letter-spacing: -0.01em; color: #333333; } /* tags: */ h1 { font-size: 2.4180em; line-height: 100%; font-weight: bold; letter-spacing: -0.03em; margin: 1%/*4.1667%*/ 0 0.8333% 0; } h2 { font-size: 1.5313em; /*was 1.7090em*/ line-height: 125%; font-weight: bold; letter-spacing: -0.02em; margin: 1% 0 0.8333% 0; } h3 { font-size: 1.0000em; line-height: 125%; font-weight: bold; letter-spacing: -0.01em; margin: 3.3333% 0 0 0; } h4 { font-size: 1.00000em; line-height: 125%; font-weight: bold; letter-spacing: -0.01em; margin: 3.3333% 0 0 0; } h5 { font-size: 0.8500em; line-height: 125%; letter-spacing: -0.01em; } /* tags:

*/ p { margin: 0.8889% 0 0 0; /*was 0.8889%*/ font-weight: normal; } /* tags:

*/ blockquote { /* padding-left: 0; */ padding-bottom: 0; border: none; } blockquote p { margin-bottom:0.8889%; color: rgb(125,125,125); line-height: 150%; text-align: left; font-size: 145%; font-weight: 300; font-style: italic; } blockquote h5 { color: #999999; font-weight: normal; } /* tags: */ a { font-weight: normal; color: #0088cc; } a:hover, a:focus { text-decoration: none; color: #005580; } a span:hover, a h2:hover, a h3:hover { color: #0088cc; } a img:hover { opacity: 0.75; filter: alpha(opacity=85); /* For IE8 and earlier */ } /* tags: */ ul.unstyled { list-style-type: none; padding-left: 0px; } /* tags: */ table { width: 100%; border-collapse: collapse; empty-cells: show; } table, th, td { border: 1px solid white; } th, td { padding: 5px; text-align: center; } th { font-weight: bold; } tr:nth-child(odd) { background-color: #D8E4BC } tr:nth-child(even) { background-color: #EBF1DE } /*------------------------------ ID styling ------------------------------*/ #web_page { position: relative; padding: 0; clear: both; width: 100%; margin: 0 auto; max-width: 1125px; overflow: hidden; box-shadow: 3px 3px 15px 0px rgba(48, 48, 48, 0.33); -webkit-box-shadow: 3px 3px 30px -3px rgba(48, 48, 48, 0.33); background: #ecf5ea; background-image: url('http://harvesterconcepts.co.nz/img/page_background.jpg'); background-size: 100%; } /*------------------------------ CLASS styling ------------------------------*/ /* class: .block */ .block { margin-top: 23px; border-top: 2px solid #006737; } /* class: .btn */ .btn-success { background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; } .btn.btn-dark { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; } /* class: .carousel-caption */ .carousel-caption { background-image: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0.6), rgba(51, 51, 51, 0.1)); width: 100%; margin-left: -20%; padding-left: 20%; padding-right: 20%; } @media (max-width: 768px) { .carousel-caption { margin-left: -15%; } .carousel-caption h1 { font-size: 1.8em; padding-bottom: 10px; } .carousel-caption p:first-of-type { display: none; } } /* class: .category */ .category a { font-size: 100%; color: black; } /* .category h3, .category p { text-align: center; } */ /* class: .center-block */ .center-block { width: 40%; height: 40%; max-width: 140px; padding-top: 20px; } /* class: .link */ .link{ font-size: 90%; font-weight: bold; text-align: right; color:#0088cc; } /* class: .marketing */ .marketing h2, .marketing p { padding-bottom:10px; } .marketing img, .marketing a { text-align: centre; padding-bottom:10px; } /* class: .product */ .product h3 { padding-top: 12.5%; } .product a { font-size: 100%; color: black; } .product img { float:left; width:50%; margin: 6.6666% 6.6666% 2.6667% 0; } /* class: .spacing */ .spacing-below { padding-bottom: 2%; } .spacing-above { padding-top: 2%; }