/* Theme Name: Nooz slim Theme URI: http://nooz.it Description: very slim Version: 3.0.0 Author: Ugo NooZ Torresi Author URI: http://www.nooz.it/ License: Ntuculu License License URI: http://no.com */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Customized Adjustments of Foundation for WordPress :: Styling Basic WordPress Outputs :: Customize Foundation Style Pagination for WP-Pagenavi :: Customize for BuddyPress :: Your Customized Style */ /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ /* Foundation-specific presentation CSS by ZURB */ div.reverie-header { margin: 0 0 20px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; } div.reverie-header h1 { font-weight: 500; margin-bottom: 0; padding: 0; } div.reverie-header h1 a { color: #181818; } div.reverie-header h1 a:hover { color: #181818; } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ h1, h2, h3, h4, h5, .navigation ul { /*font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; */font-weight: 300} /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px} img.alignleft { float: left; margin: 0 18px 18px 0} img.aligncenter { display: block; margin: 18px auto} /* Add HTML5 Class for Images */ figure img {height: auto;border: 1px solid #DDD;margin: 0 auto;display: block;box-shadow: 0px 2px 10px #ddd;-moz-box-shadow: 0px 2px 10px #ddd;-webkit-box-shadow: 0px 2px 10px #ddd;border-image: initial} /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block} figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555} figure.alignright.figure { float: right; margin: 0 0 18px 18px} figure.alignleft.figure { float: left; margin: 0 18px 18px 0} /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-weight: normal} /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal} /* .footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }*/ /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 3px} ul.breadcrumbs li a { padding-left: 0} /* Comment Textarea Adjustment */ #respond textarea { height: 100px} /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px} ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px} ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555} ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6} ul.page-numbers li.unavailable a { cursor: default; color: #999} ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent} ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px} /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0} .padder #item-body #message-threads .thread-avatar img { max-width: 50px} ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px} .padder select { display: inline-block} .padder div.item-list-tabs { margin: 25px 0} .padder form#whats-new-form textarea { height: 30px} .padder .button { display: inline} /* -------------------------- NOOZ general ----------------------- */ body { background: url("./images/roundpattern.jpg")} #main {background-color:#FFF; margin-top: 30px;border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1); text-shadow: 0 1px 0 #FFFFFF; background-color:#FFF; -webkit-font-smoothing: antialiased} #content { background: url("./images/bgstripes.jpg")} a { color:#333333; letter-spacing:1px} #logonz { display:none} ::selection {color:#000000; background-color:#ffff33} a:hover ::selection{color:#fff; background-color:#2795B6} ::-moz-selection {color:#000000; background-color:#ffff33} /* ------ Typography ----- */ h1, #content h3, #singlepage h3 {font-size: 20px;font-weight: 500;margin-bottom: 0; text-transform: uppercase;margin-top:17px} h2 {font-size: 17px} #mrbox li { font-size:18px; font-weight:500;line-height: 1.9} #content h3, #singlepage h3 , .navigation ul{ margin-bottom: 3px; margin-top:2px; background-color:#FFF; /*display: table;*/ font-size:22px; padding: 6px; letter-spacing: 2px} .lacategory, .datapost ,.tagz, #infobox { color: #A4A4A4; font-size: 14px} a:hover {color:#2795B6; font-weight:500} #singlepage .entry-content a {background-color:#fff} #pagina > h1, #categorytitle h1{margin-top:53px;background-color:#D1D0D0;font-size:19px; padding: 6px;font-weight: 400;text-transform: uppercase;color:#fff} .tagz { text-transform: lowercase; margin-bottom: -37px; margin-top: 34px} article {color: #555555} #content p{ font-style: normal;font-weight: normal;vertical-align: baseline;-moz-box-sizing: border-box;cursor: default;text-rendering: optimizelegibility;padding: 17px 25px 0} #contentpage, #contentsingle{ font-style: normal;vertical-align: baseline;-moz-box-sizing: border-box; cursor: default;text-rendering: optimizelegibility;padding: 21px 35px 0;border-right:1px solid #ccc;background: url("./images/bgstripes.jpg") repeat scroll 0 0 transparent} #contentpage p, #contentsingle p, #content p {font-size: 1.2em; color: #606060; font-family: Caudex,Georgia,sans-serif;font-weight: 300;line-height: 1.5} #contentpage p, #contentsingle p {margin-left:10px; margin-right: 10px;} #undercontacts {background-color:#FFF; padding:20px} #contentpage a{ color:#2795B6} #contentpage a:hover{ color:#FF8C00; text-decoration:underline} .areadmore { float:right;text-decoration: none; margin-top: 25px; font-size: 10px; background-color:#fff} .areadmore a:hover{color:#2795B6; font-weight:500} /* ------ Header ----- */ .subheader { margin-top: 0;color: #777777; line-height: 1.3} /* ------ Sidebar ----- */ #mrbox { padding-top: 30px; text-align: center} .logo { opacity: 0.2; width: 69px} .navigation { padding: 16px 0 22px; margin:auto; width:96px} nav { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC} #rsspre {margin: -14px auto 0; width: 200px} #mrbox li { list-style-type: none} #rsspre li { float: left; margin: -1px 5px 0 6px} #rsspre > ul { padding-bottom: 6px} #infobox { margin: 30px 0} #portfolio { display: block; margin-top: 2px; clear: both} #nrssicon , #ntwittericon , #nfacebookicon, #npinteresticon , #ngplusicon , #nlinkedinicon , #nbehanceicon, #ndribbbleicon {height:21px; width:21px;background-image:url("http://www.nooz.it/online/wp-content/themes/nooz/images/socialb2.png")} #rssicon , #twittericon , #facebookicon , #pinteresticon , #gplusicon , #linkedinicon , #behanceicon, #dribbbleicon {opacity:1;height:21px; width:21px;background-image:url("http://www.nooz.it/online/wp-content/themes/nooz/images/socialb2.png")} #rssicon :hover, #facebookicon :hover, #gplusicon :hover, #facebookicon :hover, #twittericon :hover,#pinteresticon :hover,#linkedinicon :hover, #dribbbleicon :hover, #behanceicon :hover { opacity:0;-webkit-transition: opacity 0.1ms ease-in-out;-moz-transition: opacity 0.1ms ease-in-out;-o-transition: opacity 0.1ms ease-in-out;-ms-transition: opacity 0.1ms ease-in-out; transition: opacity 0.1ms ease-in-out} #rssicon {background-position: 0 21px} #nrssicon {background-position:0 -21} #gplusicon {background-position: -46px 21px} #ngplusicon {background-position: -46px 0} #facebookicon {background-position: 120px 21px} #nfacebookicon {background-position:120px 0px} #twittericon {background-position: -91px 21px} #ntwittericon {background-position: -91px 0px} #linkedinicon {background-position: 76px 21px} #nlinkedinicon {background-position: 76px 0px} #behanceicon , #nbehanceicon {width:28px} #behanceicon {background-position: 51px 21px} #nbehanceicon {background-position: 51px 0px} #telefono {color:#333} .g-plus {bottom:0; padding-top:40px} .navigation ul {margin:auto; font-size:18px} /* ------ the Loop ----- */ .post-box {margin-top: -39px;margin-bottom: 71px} .attachment-post-thumbnail.wp-post-image { width:100%} #content {padding: 21px 35px 0; border-right:1px solid #ccc} header { border-bottom: 1px dashed #CCCCCC;margin-bottom: 9px;padding-bottom: 5px; padding-top: 4px} .scatola { border-bottom: 1px solid #CCCCCC; padding-bottom: 45px; padding-top: 40px; margin-bottom: 32px} article p {padding-top:30px} .postfaudio, .postfvideo, .postfimage,.postfaside, .postfgallery { margin-left: 20px; -moz-transition: opacity 185.6ms;-webkit-transition: opacity 185.6ms;-o-transition: opacity 185.6ms;transition: opacity 185.6ms; height:28px; background-image:url(http://www.nooz.it/online/wp-content/themes/reverie/images/post-format-icons.png); width:28px; float:right;margin-top: 20px;opacity: 0.2; margin-right:18px} .postfaudio:hover , .postfvideo:hover, .postfimage:hover,.postfaside:hover, .postfgallery:hover {-moz-transition: opacity 185.6ms; -webkit-transition: opacity 185.6ms; -o-transition: opacity 185.6ms; transition: opacity 185.6ms;opacity: 0.6} .postfaudio {background-position: -279px center} .postfvideo {background-position: -370px center} .postfimage {background-position: -47px center} .postfaside {background-position: 352px center} .postfgallery {background-position: 261px center} .spacer { color:#ccc;} /* ------ Pagina ----- */ #contentpage img,#contentpage iframe {margin-bottom: 27px;margin-top: 40px} /* ------ Single Page ----- */ img.alignleft {margin:0; padding:0} #singlepage {padding-top: 42px} #singlepage .lacategory {padding-bottom:21px} #singlepage .tagz { border-bottom: 1px dashed #CCCCCC; display: block; margin-bottom: 11px; padding-bottom: 10px} footer {padding-top: 50px} #content footer {padding-top: 5px} #singlepage header{ padding-bottom: 0px} .spacer { color:#ccc; float:left; margin-top: -3px} #dsq-reply > h3 {font-size: 21px} #dsq-content > h3 {font-size: 15px} #disqus_thread { margin-top: -63px} #backbtn { width:32px; height:66px; background: url("./images/backbtn.png"); float: left; margin-left: -41px; margin-top: 17px; opacity: 0.22} #backbtn:hover{ opacity: 1} .addthis_button_google_plusone {margin-right:-12px; margin-left:7px} .addthis_button_pinterest_pinit {margin-left:-10px; margin-right:-10px} .addthis_button_twitter {margin-left:-10px; margin-right:-20px} .addthis_toolbox {padding-bottom:15px} #commenti {margin-top:26px} /* ------ Footer ----- */ #ilfooter {background-color:#333; margin-bottom: 30px} #ilfooter a{color:#fff} #ilfooter a:hover{color:#ffff33} #ilfooter li{display:inline; list-style-type:none;margin:5px 5px 0} #footmenu ul{margin-left:7px; padding-top: 13px;margin-bottom: -6px} #foottag ul{margin-left:10px; padding-top:-2px;margin-bottom: 9px} #foottag li {margin:5px 2px 0} #foottag a{font-size:11px} #partner {margin-left:10px; margin-top:-10px; padding-bottom: 20px; margin-top:19px} #foot { margin-top: -33px; margin-left: 18px; margin-bottom: 13px} /*#gpage{ margin-top: -33px;}*/ @media handheld, only screen and (max-width: 767px) { header { position: relative} header .subheader { margin-bottom: 0} header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px} header .menu-action .button.small { padding: 8px} header .menu-action .button.small svg { opacity: 0.5} header h1 { font-size: 27px; font-size: 2.7rem; margin-bottom: 18px} header h4 { font-size: 17px; font-size: 1.7rem} #logonz{ display:inline} #logonz2 { display:none} #logonz > div { text-align: center; padding-top: 81px} .logo {width: 188px} .postfaudio, .postfvideo, .postfimage, .postfaside, .postfgallery {display:none} ul {list-style:none;margin-top:17px} .navigation {width:100%; padding-top:16px} .navigation li { display:inline; margin-right:10px; margin-left:10px; line-height: 31px} .tagz, .datapost, .lacategory {margin-left:10px} .scatola {padding-top:1px; padding-bottom:18px} #mrbox > div {display: none} .tagz {margin-bottom:1px} .areadmore {font-size:15px; float:none; text-align:center} } @media handheld, only screen and (max-width: 600px) { #contentpage {padding:10px} #content { padding: 17px 7px 0} }