/* 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 { font-family: "proxima-nova", "Helvetica Neue", "Helvetica", sans-serif; font-weight: 300; font-size: 15px; color: #666; } h1, h2, h3, h4, h5, h6 { /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ } h1 { font-weight: 100; font-family: "proxima-nova-n1", "proxima-nova";} h1.logo, h1.logo a { font-weight: 100; font-size: 1.7em; color: #666; text-decoration:none; text-transform: uppercase; float: left;} h2 { font-weight: 100; font-size: 1.6em; border-bottom: 1px solid #DDD; padding-bottom: .2em; margin-bottom: .8em;} h4 { font-weight: 300; font-size: 1em; text-transform: uppercase; letter-spacing: .3em; border-bottom: 1px solid #eee; padding-bottom: 2em; } h4.catNav { padding-left: .3em;} @media (max-width:600px) {h4 {text-align:center} } a {color: #444;} /* ---------------------------------------------------------------------------------------------------------- 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 */ } } /* GENERAL */ header { margin-top: 3em; } .menu-container { float: right; margin-top: .6em; } .menu-container ul li { display: inline-block; margin: 0; } .menu-container a { text-decoration: none; color: #aaa; font-size: 1.2em; } .menu-container a:hover { color: #333;} #menu-item-1032 span { display: none; } .centerWrap { width: 960px; margin: 0 auto; } footer { border-top: 1px dotted #eee; padding: .8em 0; margin: 4em auto 1em; font-size: .8em; clear: both; } .imgRow { margin: 4em auto 7em; } /* PUBLICATIONS */ .pub_by_marta { width: 50%; margin:0; float: left; } .pub_by_marta a { text-decoration: none; } .pub_thumb {float: left;} .pub_data_main { float: left; margin-left: 1em; width: 60%;} .pub_firstrow {margin: 2em 0 1em;} .pub_secondrow {margin: 2em auto;border-top: 1px solid #eee;padding-top: 2em;} .pub_featured {width: calc(33% - 2em);float: left;margin: 0 1.4em 0 0;padding-right: 1.4em;height: 200px;border-right: 1px solid #eee;} .pub_featured:last-child { border:0; padding-right: 0; margin-right: 0;} .pub_secondrow .pub_thumb { float: none; } .pubAuth, .author { font-style: italic; } .pubSpecs {font-size: .9em; color: #888;} .issuu { text-align: center; margin-top: 1em; } /* PROFILE */ .profileCol { width: 35%; margin-top: 2em; float: left; margin-right: 2%; text-align: justify;} .profileCol:last-child { margin-right: 0; } .bioPic { background-image: url('http://www.martasansoni.com/wp-content/uploads/2012/12/bio_pic.jpg'); background-position: top center; background-repeat: no-repeat; height: 340px; position: relative; width: 25%;} /* .contacts { position: absolute; bottom: 0px;} */ .contacts h5 { font-weight: 300; font-size: 1.2em; line-height:2em; } .contacts p span { color: #999; } .ENG {} .ITA { color: #999; font-style: italic;} /* HOME */ .homeVid { position: relative; padding-bottom: 54.25%; padding-top: 25px; height: 0; } .homeVid iframe { position: absolute; top: 0; left: 0;width: 100%;height: 100%; } /* CONTACTS */ .contactPic { background-image: url('http://www.martasansoni.com/wp-content/uploads/2012/12/bio_pic.jpg'); background-position: top center; background-repeat: no-repeat; height: 340px; position: relative; } .contactData { margin: 6em auto; } /* extra */ #TB_secondLine { display: none; } .clearfix:before, .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; /* IE < 8 */ } .touchcarousel { margin-top: 5em;} .touchcarousel.tc-layout-ms .touchcarousel-item { width: 190px; min-height: 70px; margin-right: 12px; position: relative; } .touchcarousel.tc-layout-ms .touchcarousel-item img, .touchcarousel.tc-layout-ms .touchcarousel-item h4, .touchcarousel.tc-layout-ms .touchcarousel-item span { position: relative; padding: 0; border: 0; } .touchcarousel.tc-layout-ms .touchcarousel-item img { max-width: none; margin: 5px 0 0 5px; padding: 0; border: 0; float: left; } .touchcarousel.tc-layout-ms .touchcarousel-item .tc-block { display: inline-block; margin: 1em 0 0 8px; width: 160px; } .touchcarousel.tc-layout-ms .touchcarousel-item a { color: #666; display: block; min-height: 70px; width: 160px; background: #FFF; border: 0; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .touchcarousel.tc-layout-ms .touchcarousel-item a:hover { background-color: #FFF; } .touchcarousel.tc-layout-ms .touchcarousel-item h5 { color: #666; font-weight: 300; font-size: 1.2em; line-height: 1.4em; margin: 0; padding: 0; } .touchcarousel.tc-layout-ms .touchcarousel-item p { font-size: 13px; color: #777; margin-top: 2px; line-height: 1.4em; display: block; font-style: italic; } .touchcarousel.black-and-white .arrow-icon { margin-top: -45px !important; } @media screen and (min-width: 780px) and (max-width: 970px) { .centerWrap { width: 740px;} .menu-container { float: left; margmin: .6em 0; } } @media screen and (max-width: 780px) { .centerWrap { width: 90%; margin: 0 auto; } .menu-container { float: left; margin: .6em 0; } } .spacer {width:10px;} /* @media screen and (max-height: 768px) { #touchCarousel { height: 300px !important; } #touchCarousel img { margin-top: -50px;} .imgRow { margin: 3em auto 3em; } img { max-height: 600px;} } */ a.fbx-prev.fbx-btn-transition.fbx-btn-shadow, a.fbx-next.fbx-btn-transition.fbx-btn-shadow, a.fbx-close.fbx-btn-transition.fbx-btn-shadow { display: none !important; } .publications h5 { margin-top: 1rem; } .serralunga-fior-di-loto-summertime ul.touchcarousel-container {width: 6000px;}