/* Theme Name: ClearGlass Theme URI: ClearGlass Description: ClearGlass Author: Eleven Media Author URI: http://www.elevenmeida.com.au Version: 2010 */ /* main */ * {margin:0px; padding:0px;} img {border:0px;} body {margin:0px; padding:0px; background:url(images/bg.jpg) repeat-x #707070;; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; } #wrap {width:980px; margin-left:auto; margin-right:auto; } #header {width:960px; background: url(images/header.jpg) no-repeat top right; height:183px; margin-left:10px;} #logo { display:inline; float:left; width:258px;} #home-col {width:960px; float:left; display:inline; margin-left:10px; } #home-col h3 { padding-left:10px; padding-right:10px;} #home-col p { padding-left:10px; padding-right:10px;} #home-col ul { padding-left:10px; padding-right:10px;} #header #searchform { position: absolute; margin-top: 70px; margin-left: 740px; } #header #searchform input[type="text"] { padding: 8px 12px; border-width: 1px; float: left; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } #header #searchform input[type="submit"] { background: #f7941e; border: none; padding: 8px 12px; color: #7b2e00; font-size: 12px; font-weight: bold;border-top-right-radius: 5px; border-bottom-right-radius: 5px; } #header #searchform input[type="submit"]:hover { cursor: pointer } #sidebar {width:270px; float:right; display:inline; } #content-wrap {width:980px; float:left; display:inline; background:url(images/page-tile.jpg) repeat-y; } #content-col {width:980px; float:left; display:inline; background: url(images/page-top.jpg) no-repeat; } #content-foot { clear:both; width:980px; height:57px; background:url(images/page-footer.jpg) no-repeat;} #single-wrap {width:980px; float:left; display:inline; background:url(images/single-tile.jpg) repeat-y; } #single-col {width:980px; float:left; display:inline; background: url(images/single-top.jpg) no-repeat; } #single-foot { clear:both; width:980px; height:57px; background:url(images/single-footer.jpg) no-repeat;} #content-col #slideshow, #single-col #slideshow { margin-left: 10px; } #home-banner { width:960px; height:245px; margin-left:10px;} .home-1 { display: inline; float:left; width:400px; margin-left:20px;} .home-2 { display: inline; float:right; width:500px;} .col-1 { display: inline; float:left; width:300px; margin-right:18px; background: url(images/box-bg.jpg) #FFF repeat-x bottom; border:4px solid #FFF; height:680px; overflow:hidden;} .col-2 { display: inline; float:left; width:300px; margin-right:18px; background: url(images/box-bg.jpg) #FFF repeat-x bottom;border:4px solid #FFF; height:680px; overflow:hidden;} .col-3 { display: inline; float:left; width:300px; margin-right:0px; background: url(images/box-bg.jpg) #FFF repeat-x bottom;border:4px solid #FFF; height:680px; overflow:hidden;} .full-col { display: inline; float:left; width:952px; margin-right:0px; background: url(images/box-bg.jpg) #FFF repeat-x bottom;border:4px solid #FFF; margin-top:10px;} .full-col-copy { padding:10px; width:100%;} .col-a { display: inline; float:left; width:440px; margin-left:25px; margin-top:20px;} .col-b { display: inline; float:right; width:460px; margin-right:10px; margin-top:20px; } .col-full { display: inline; float:left; width:940px; margin-left:25px; margin-top:20px;} .package-area { clear:both; margin-top:10px; margin-bottom:10px; width:960px; margin-left:10px; } .package-wrap { width:230px; border-left: 1px solid #e5e6e7; border-bottom: 1px solid #e5e6e7; background:url(images/package-bg.jpg) bottom repeat-x; display:inline; float:left;} .package-copy { width:200px; padding-bottom:15px; margin-left:20px;} /* main nav styles */ #home { width:51px; height:39px; display:inline; float:left; margin-top:144px;} #nav-wrap { width:900px; float:right; height:39px; margin-top:144px; } .nav-wrap ul {margin:0px; padding:0px; list-style:none; text-align:left; display: inline; list-style: none; margin:0px; padding:0px; } .nav-wrap li {float: left; font-size: 12px; margin:0px; padding:0px; font-weight:normal; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;} .nav-wrap li a { color:#7b2e00; text-decoration:none; line-height:38px; padding-top:2px; padding-bottom:2px; padding-left:16px; padding-right:16px; height:39px; } .nav-wrap li a:hover { color: #7b2e00; line-height:35px; padding-top:6px; padding-bottom:8px; height:38px; overflow:hidden; text-decoration:none; background:#ff7601; } .nav-wrap li li a { color:#7b2e00; text-decoration:none; line-height:38px; padding-top:2px; padding-bottom:2px; padding-left:16px; padding-right:16px; height:39px; background:#ff7601; } .nav-wrap li li a:hover { color: #7b2e00; line-height:35px; padding-top:6px; padding-bottom:8px; height:38px; overflow:hidden; text-decoration:none; background:#ff7601; } /* font styles */ h1 { font-family: 'Droid Sans', arial, serif; font-size:24px; color:#f7941e; line-height:24px; padding:0px; margin-top:10px; font-weight:normal; margin-bottom:10px; } h2 {font-family: 'Droid Sans', arial, serif; font-size:18px; color:#f7941e; line-height:24px; padding:0px; font-weight:normal; margin:0px; font-weight:normal; margin-top:20px; } h3 { font-family: 'Droid Sans', arial, serif;font-size:18px; color:#f7941e; line-height:23px; margin-bottom:2px; font-weight:normal; } h4 { font-family: 'Droid Sans', arial, serif;font-size:23px; color:#f7941e; line-height:40px; margin-bottom:10px; font-weight:normal; margin-left:9px; background:url(images/arrow.jpg) bottom left no-repeat; padding-bottom:10px; } h5 {font-family: 'Droid Sans', arial, serif; font-size:18px; color:#f7941e; line-height:23px; margin-bottom:2px; font-weight:normal; } p { font-size:12px; color:#707070; line-height:18px; margin:0px; padding:0px; padding-top:5px; padding-bottom:10px;} li { font-size:12px; color:#707070; margin-left:15px; padding-bottom:0px;} ul { padding:0px; padding-left:0px; margin-left:0px; margin-top:0px; } ol {padding:0px; margin:0px; padding-left:5px; margin-left:5px; } /* link styles */ a:link {color:#f7941e; text-decoration: underline;} a:visited {color:#f7941e; text-decoration: underline;} a:hover {color:#f7941e; text-decoration: underline;} a:active {color:#f7941e; text-decoration: underline;} a:focus {outline-style: none;} /* clears */ .clear {clear:both; height:0px; width:100%; } .clear05 {clear:both; height:05px; } .clear10 {clear:both; height:10px; } .clear20 {clear:both; height:20px; } .clear30 {clear:both; height:30px; } /* footer */ #footer-wrap { width:100%; background:url(images/footer-tile.jpg) repeat-x; height:432px; } #footer {font-size:12px; color:#FFF; width:960px; margin-left:auto; margin-right:auto; clear:both; background:url(images/footer-bg.jpg) top no-repeat; height:432px;} #footer p {font-size:12px; margin-left:10px;} #footer a:link {color:#555555; text-decoration: none; } #footer a:visited { color:#555555; text-decoration: none;} #footer a:hover { color:#555555; text-decoration: underline;} .footer-1 { display:inline; float:left; width:700px; margin-left:10px; margin-top:85px;} .footer-2 { display:inline; float:right; width:240px; margin-top:85px;} .footer-2 p { color:#FFF;} /* content styles */ .image-left-box {display:inline; float:left; border: 1px solid #dfdfdf; padding:2px; margin: 10px 20px 20px 0px; } .image-right-box {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 20px; margin-right:10px;margin-bottom:10px; } .image-left {display:inline; float:left; padding:2px; margin: 5px 10px 10px 0px; } .image-right {display:inline; float:right; padding:2px; margin: 5px 0px 10px 10px;} .map {border: 1px solid #dfdfdf; padding:2px; width:300px; margin-top:10px;} .image-product {display:inline; float:right; border: 1px solid #dfdfdf; padding:2px; margin-left:15px; margin-top: 35px; margin-right:10px; width:180px; height:120px; } .line {clear:both; height:23px; width:980px; background:url(images/line.jpg) no-repeat; margin-top:5px; } .gallery-image { width:100px; border:1px solid #e5e5e5; display:inline; float:left; margin-right:10px; margin-bottom:10px; height:75px; overflow:hidden; } .enews-input {margin-top:10px; padding-left:10px; border:1px solid #333; outline:none; height:30px; line-height:30px; } .enews-btn {margin-top:10px; width:120px; border:1px solid #333; outline:none; height:30px; line-height:30px; background-color:#e5e5e5; } #phone-menu, .nav, #header-2 { display:none; } /* moblie version */ @media screen and (max-width: 480px){ #header-2 { display:block; width: 100%; } #header { background: url('') ; width: inherit; height: inherit; margin-left:0px; } #home { display:none; } #nav-wrap { display:none; } #home-banner { display:none; } #wrap { width:100%;} #home-col { width:100%; } .full-col, .col-1, .col-2, .col-3 { width: calc( 100% - 25px ); margin-top: 10px; } .col-1 > img, .col-2 > img, .col-3 > img { margin-left: auto; margin-right: auto; display: block; margin: 10px auto; } .full-col-copy > p > a > img { width:100%; } #phone-menu { width: 100%; height: 50px; background: url(images/menu-tile.jpg); background-repeat: repeat-x; display:block; } #phone-menu > a > img { padding: 10px 20px; } #phone-menu > a { cursor:pointer; } .right-bars { float:right; } .nav-list > li, .nav-list > li > .children > li, .nav-list > li > .children > li > .children > li { margin: 0px;} .nav-list > li > a { background: #181818; } .nav-list > li > .children > li > a { padding-left: 40px; background: #202020; } .nav-list > li > .children > li > .children > li > a { padding-left: 60px; background: #2D2D2D; } .page_item a { display:block; color:#DDD; padding:15px 20px; border-bottom:1px solid #4A494A; } .nav-click { position:absolute; top:0; right:0; display:none; border-left:1px solid #848484; height:49px; width:50px; cursor:pointer; } .nav-click:hover { background-color:#454545; } .nav-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); } .nav-mobile { display:block; } .nav { position:relative; display:inline-block; font-size:14px; font-weight:900; width:100%; } .nav-list { display:none; } .page_item { *display:inline; zoom:1; position:relative; width:100%; float:none; } .page_item > a { padding:15px; letter-spacing: 1px; font-size: 16px; font-weight: 300; text-transform: uppercase; font-weight: 300; text-decoration: inherit; } .nav-click { display:block; height:51px; width:48px; background:url(moblie-menu/drop.svg) no-repeat center center; background-size:20px; } .nav-mobile-open { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; } .page_item:hover .children { display:none; } .children { position:static; width:100%; display:none; left:0; } #single-wrap, #single-col, .col-full { width: calc( 100% - 8px ); } #single-col { background: initial; } .col-full { margin-left: 15px; width: calc( 100% - 20px ); margin-top: 10px; } #single-wrap { background: #fff; margin-left: 10px; margin-top: 10px; width: calc( 100% - 20px ); margin-bottom: 10px; } #single-foot, #content-foot { display:none; } .gallery-item { width: 100% !important; } #content-wrap { width: calc( 100% - 10px ); margin-left: 10px; background: inherit; margin-top: 10px; } .col-a, .col-b { width: calc( 100% - 28px ); margin-top: 10px; } #content-wrap { width: calc( 100% - 10px ); margin-left: 10px; background: inherit; margin-top: 10px;} #content-col { width: calc( 100% - 25px ); background: #fff; margin-bottom: 10px; padding-right:15px;} .col-full > p > strong > em > a > img, .col-full > p > a > img { width:100%; height: inherit; } .sub-banner { display:none; } #nav-home{ float:left; } } /* end of CSS file */