/* Theme Name: Starkers Theme URI: http://viewportindustries.com/products/starkers Description: The totally nude Wordpress theme! Version: 4.0 Author: Elliot Jay Stocks & Keir Whitaker Author URI: http://viewportindustries.com Tags: starkers, naked, clean, basic */ /* =========================== CONTENTS: 01 Sensible defaults 02 Typography 03 Media queries =========================== */ /* ---------------------------------------------------------------------------------------------------------- 01 Sensible defaults ---------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ @import "css/reset.css"; div, article, section, header, footer, nav, li { position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ } .group:after { display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ } body { background:#fff; /* Don't forget to style your body to avoid user overrides */ } ::-moz-selection { background:#ff0; color:#333; } ::selection { background:#ff0; color:#333; } /* ---------------------------------------------------------------------------------------------------------- 02 Typography ----------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------- */ /* 14 / 16 = 0.875em (14px equivalent) 16 / 16 = 1em (16px equivalent) 18 / 16 = 1.125em (18px equivalent) 21 / 16 = 1.3125em (21px equivalent) 24 / 16 = 1.5em (24px equivalent) 30 / 16 = 1.875em (30px equivalent) */ body, input, textarea { /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ } h1, h2, h3, h4, h5, h6 { font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ } /* ---------------------------------------------------------------------------------------------------------- 03 Media queries (using a mobile-first approach) ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ .alignleft{float:left;} .alignright{float:right;} p{padding-bottom:1em;} * a,* a:active, *{outline:none !important;} @font-face { font-family: 'futuraSpec'; src: url('http://drinkblossomwater.com/wp-content/themes/Custom/fonts/futura_maxi_cg_light-webfont.eot'); src: url('http://drinkblossomwater.com/wp-content/themes/Custom/fonts/futura_maxi_cg_light-webfont.eot#iefix') format('embedded-opentype'), url('http://drinkblossomwater.com/wp-content/themes/Custom/fonts/futura_maxi_cg_light-webfont.woff') format('woff'), url('http://drinkblossomwater.com/wp-content/themes/Custom/fonts/futura_maxi_cg_light-webfont.ttf') format('truetype'), url('http://drinkblossomwater.com/wp-content/themes/Custom/fonts/futura_maxi_cg_light-webfont.svg#futura_maxi_cg_lightregular') format('svg'); font-weight: normal; font-style: normal; } body{font-family: 'Muli', sans-serif;font-size:12px;color:#808183;} .pageContent{width:950px;margin:auto;position:relative;min-height:590px;padding-bottom:100px} header{padding-bottom:6px;} header .menu{overflow:hidden;padding-top:110px;padding-bottom:3px;border-bottom:2px solid #cbcbcb;width:894px;margin:auto;} header .menu li{position:absolute;width:139px;text-align:center;top:94px;} header .menu li:first-child {left:28px;} header .menu li:first-child + li {left:145px;} header .menu li:first-child + li + li {left:261px;} header .menu li:first-child + li + li + li {left:548px;} header .menu li:first-child + li + li + li + li {left:665px;} header .menu li:first-child + li + li + li + li + li {right:28px;} header .menu a{font-size:18px;text-transform: lowercase;} footer .menu li{float:left;padding:0px 30px;} footer .menu {overflow:hidden;padding-bottom:3px;border-top:2px solid #cbcbcb;width:894px;margin:auto;margin-top:-15px;} .menu .current-menu-item a{color:#5A87C6;} footer .menu li:first-child + li + li + li {} footer .menu{margin:auto;} .menu a{text-decoration:none;color:grey;} .logo{width:200px;margin:auto;text-align: center;display: block;margin-top: -83px;} .logo img {position:relative;z-index:99;} .bodyContent{min-height:330px;} .bodyContent p{font-size:13px;line-height:1.5em;} .bodyContent h1{color:#939598;font-size:19px;} .bodyContent h3{font-size:15px;} .bodyContent a{color:#808183;} /* home */ .home .bodyContent{text-align:center;} .home .flavors{position:absolute;top:179px;width:950px;height:650px;} .home .bottle{position:absolute;z-index:800;cursor:pointer;} .home .bottle img{height:368px;width:160px;} .home .bodyContent h1{padding-bottom:8px;} .home .flavors .bottle:first-child{left:0px;} .home .flavors .bottle:first-child + .bottle {left:162px;} .home .flavors .bottle:first-child + .bottle + .bottle {left:628px;} .home .flavors .bottle:first-child + .bottle + .bottle + .bottle {right:0px;} footer{position:absolute;bottom:0px;font-size:12px;text-align:center;width:950px;} /* overlays */ .overlay {position:absolute;width:561px;z-index:999;left:172px;top:122px;display:none;} .overlayContent{float:right;width:369px;font-size:13px;} .overlayContent img{float:left;padding-right:8px;} .overlayText p:first-child{font-size:14px;} .overlayText p{padding-bottom:10px;} .overlayContent h2{padding-top:66px;font-size:24px;text-transform: lowercase;padding-bottom:8px;} .overlayContent img.alignleft{padding-right:8px;} .shade{position: absolute;top:0;left:0;right:0;bottom:0;background-color:white;z-index:900;display:none;cursor:pointer;opacity:.8;} .overlay .bgImage{position:absolute;z-index:-1;left:116px;top:49px;} .popLogo{position:absolute;bottom:63px;right:0px;} .closer{position: absolute;width: 18px;left: 573px;top: 41px;} .closer img{width:18px;} .page-template-template-2Col-php .bodyContent p {width:545px;margin-left:259px;padding-bottom:2em;} .page-template-template-2Col-php .bodyContent h1{margin-left:259px;color:#5A87C6;font-size:16px;padding-bottom:1em;} .page-template-template-2Col-php header{padding-bottom:20px;} .leftImages{float:left;overflow:hidden;padding-left:24px;margin-top:-40px;} .leftImages img{border: 1px solid #ccc;padding: 5px;margin-bottom:20px;} .page-id-8 .bodyContent, .page-id-11 .bodyContent{width:667px;border:1px solid #CCC;margin:auto;padding:10px 13px;} .page-id-8 .bodyContent p,.page-id-11 .bodyContent p{font-size:12px;} .conbottle{float:left;padding:10px;} .conbottle img{width:89px;height:219px;} .confooter{padding-bottom:20px;margin:auto;width:445px;overflow:hidden;} article, .blogIt{width:667px;margin:auto;} article a, .blogIt a{color:grey;font-weight:bold;} article{font-size:13px;} article p{line-height:18px;} .page-id-127 .bodyContent p{padding-bottom:1em;} article time + p{padding-top:2em;}