/* 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:#4b6300; color:#ffffff; } ::selection { background:#4b6300; color:#ffffff; } /* ---------------------------------------------------------------------------------------------------------- 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) ------------------------------------------------------------ ---------------------------------------------------------------------------------------------------------- */ /* 400 and up */ @media screen and (min-width:400px) { { /* Place your styles here for all widths greater than 400px */ } } /* Retina Display */ @media screen and (-webkit-min-device-pixel-ratio:2) { { /* Place your styles here for all 'Retina' screens */ } } body{ color:#ffffff; font-size:16px; font-family:arial,helvetica,sans-serif; height:100%; } p {margin-top:18px;line-height:21px;} h1{font-family:Aller Display;font-size:22px;text-transform:uppercase;margin-bottom:15px;} h2{font-size:23px;color:#ffb59c;float:left;padding-top:10px;margin-right:10px;} h3{font-size:30px;color:#f36553;text-transform:uppercase;font-weight:bold;padding-top:5px;} ::-moz-selection { color : white; background-color: black; } ::selection { color : white; background-color: black; } #header{height:190px;background-color:#c01c0b;width:100%;border-bottom:5px solid #b81b0b;z-index:9999} #header-bg{background:url('images/header-gradient.png') no-repeat;width:1200px;margin-left:auto;margin-right:auto;height:190px;} #header_principal{width:960px;margin-left:auto;margin-right:auto;height:190px;} #header_logo{float:left;margin-top: 20px;width:600px;} #header_ancre{float:right;height: 30px;width: 355px;margin-top: 165px;} #header_ancre2{position:fixed;height: 40px;width: 100%;z-index:999;top:0;background-color:#000000;} #header_ancre2 ul{background:url('images/puketaipottery-logo-small.png') no-repeat left;width:960px;margin-left:auto;margin-right:auto;text-align:right;padding-top:10px;height:30px;} #header_ancre2 li{height:60px;display:inline;} #header_ancre2 a {color:#f36553;font-size:16px;padding:5px;text-decoration:none;} #header_ancre2 a:hover {color:#b81b0b;} #header_ancre li{height:60px;float:left;} #header_ancre a {color:#ffffff;font-size:16px;padding:5px;text-decoration:none;} #header_ancre a:hover {color:#4d0b05;} #content{width:100%;min-height:100%;height:100%;} #about-me{width:960px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;min-height:100%;height:100%;} #about-me-container{background-color:#c21d0b;width:100%;border-top:5px solid #e6220e;min-height:100%;height:100%;} #petra-meyboden{width:230px;height:220px;float:left;} #avout-me-text{} #petra-meyboden img{box-shadow: 1px 1px 20px #8a0000;-moz-border-shadow: 1px 1px 20px #8a0000;-webkit-border-shadow: 1px 1px 20px #8a0000; border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;} #my-pottery{width:960px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;min-height:100%;height:100%;} #my-pottery-container{background-color:#a4180a;width:100%;min-height:300px;min-height:100%;height:100%;} #pottery-img{width:100%;} #pottery-img img{ border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; box-shadow: 1px 1px 20px #720000;-moz-border-shadow: 1px 1px 20px #720000;-webkit-border-shadow: 1px 1px 20px #720000;} #pottery-text{width:100%;margin-top:20px;} #my-work{width:960px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;min-height:100%;height:100%;} #my-work-container{background-color:#4d0b05;width:100%;min-height:300px;min-height:100%;height:100%;} #contact-me{width:960px;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;overflow:hidden;min-height:100%;height:100%;} #contact-me-container{background-color:#a4180a;width:100%;min-height:300px;min-height:100%;height:100%;} #contact-info{width:100%;height:60px;margin-top:20px;margin-bottom:20px;} #contact-name{font-size:18px;font-weight:bold;float:left;margin-right:20px;} #contact-place{font-size:18px;float:left;margin-right:20px;} #contact-phone{font-size:25px;overflow:hidden;padding-top:6px;} #contact-slash{font-size:52px;float:left;margin-right:20px;margin-top:-10px;} #cntctfrm_contact_form input.text, #cntctfrm_contact_form textarea, #cntctfrm_contact_name, #cntctfrm_contact_email, #cntctfrm_contact_subject { width:400px; } input[type="submit"]{background: linear-gradient( #4d0b05, #270301);color:#ffffff;text-transform:uppercase;font-weight:bold;font-size:18px;float:left;width:450px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:none;background-origin: border-box;padding:10px;} input[type="text"], input[type="email"] {color:#ffffff;font-style:italic;width:430px;background:#c83a29;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:none;padding:10px;} input:hover[type="submit"]{color:#ffffff;background: linear-gradient( #ed471d, #c01c0b);} .wpcf7-textarea{font-family:helvetica, arial, sans-serif;color:#ffffff;font-style:italic;width:430px;height:260px;background:#c83a29;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;border:none;padding:10px;} label { margin-top:10px; display:block; color:#ffffff; padding:5px 0px 5px 15px; margin-bottom:-6px; cursor:default; height:50px; z-index:0; font-size:15px; font-weight:bold; } label[for="cptch_input"]{ height:15px !important; padding:0 !important;} label.inline { display:inline; } #footer_bordure{width:960px;height:35px;margin-left:auto;margin-right:auto;} #footer_mention{width:960px;margin-left:auto;margin-right:auto;text-align:right;color:#ffffff;font-size:12px;line-height:35px;} #footer_mention a{color:#ffffff;text-decoration:none;} #footer_mention a:hover{color:#270301;} #footer{width:100%;background:#c21d0b;} #slider-content{width:1191px;margin-left:auto;margin-right:auto;background:url('images/shadow.png') no-repeat;} #slide{width:960px;height:400px; margin-left:auto;margin-right:auto;} #slider-container{width:100%;background:#4d0b05;clear:both;height:400px;} #gallery { text-align: justify; font-size: 0; } #gallery:after { content: ''; display: inline-block; width: 100%; } #gallery .break { width: 100%; height: 0; padding: 0; margin: 0; } #gallery li { display: inline-block; width: 18%; font-size: 11px; margin: 1%; box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; padding: 10px; display: none; } #gallery img{ border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; box-shadow: 1px 1px 20px #000000 !important; -moz-border-shadow: 1px 1px 20px #000000 !important; -webkit-border-shadow: 1px 1px 20px #000000 !important; } #gallery p { margin-top: 10px; color:#ffffff; } #gallery a { text-decoration: none; } // CSS below is for mixitup plugin #gallery .mix { opacity: 0; display: none; } #filters { padding: 10px 0; margin-bottom: 10px; border-bottom:1px solid #f36553; } #filters li { display: inline-block; color:#ffffff; cursor: pointer; margin: 0 10px; text-transform:uppercase; font-size:14px; margin-bottom:10px; } #filters li:hover { color: #f36553; } .cptch_block{margin-left:15px;}