/* Theme Name: Son Of Marketing Custom Theme Author: Developed: Niuenso | Designed: Aesse Author URI: http://niuenso.com/ Description: Tema personalizzato creato appositamente per il sito Son of Marketing progettato da Aesse e sviluppato da Niuenso Version: 1.0 Tags: minimal, grid, light, black, white Text Domain: SonOfMarketing */ /*======================================================== INDEX ========================================================== GLOBAL STYLES HEADER E NAVIGATION HOME PAGE SIDEBAR LISTS PAGE ARTICLE FOOTER OTHERS ==========================================================*/ /*======================================================== GLOBAL STYLES ==========================================================*/ body, html { background: #f6f6f6; font-family: helvetica, arial, sans-serif; } a { color: #000; -webkit-transition: color 600ms ease; -moz-transition: color 600ms ease; -ms-transition: color 600ms ease; -o-transition: color 600ms ease; transition: color 600ms ease; } a:hover { color: #57585a; } #main { width: 980px; padding: 146px 40px 0; margin: 0 auto; background: #fff; position: relative; } #main:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #content { width: 605px; float: left; } #page_cotent { width: 980px; } .section_title { font-size: 14px; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #000; border-top: 3px solid #000; margin: 0 0 20px 0; } #sidebar { width: 350px; float: right; } /*======================================================== HEADER E NAVIGATION ==========================================================*/ header { padding: 20px 0 0; position: fixed; width: 980px; top: 0; background: rgba(255,255,255,0.95); z-index: 99999; } header:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } header a { color: #000; font-size: 14px; font-weight: bold; } header > a { display: block; float: left; } header > div { float: right; } header > div a { width: 24px; height: 24px; margin: 0 0 0 15px; background: url(images/social.jpg); text-indent: -9999px; display: block; float: left; } header .facebook { background-position: 0 0; } header .twitter { background-position: -23px 0; } header .youtube { background-position: -48px 0; } header .soundcloud { background-position: -71px 0; } header .basecamp { background-position: -95px 0; } header .facebook:hover { background-position: 0 -24px; } header .twitter:hover { background-position: -23px -24px; } header .youtube:hover { background-position: -48px -24px; } header .soundcloud:hover { background-position: -71px -24px; } header .basecamp:hover { background-position: -95px -24px; } header #cerca { float: left; } header #cerca label { display: none; } header #cerca input[type="text"] { height: 22px; border: 1px solid #000; line-height: 24px; padding: 0 5px; color: #000; font-size: 12px; background: none; width: 99px; } header #cerca input[type="submit"] { height: 24px; line-height: 24px; border: none; background: #000; color: #fff; margin: 0; padding: 0 5px; } header #cerca input[type="submit"]:hover { background: #333; } header nav { float: left; width: 100%; margin: 20px 0 0 0; border-top: 3px solid #000; border-bottom: 1px solid #000; } header nav .menu-item { display: inline-block; color: #000; margin: 10px 0 10px 15px; position: relative; } header nav .menu-item:first-child { margin: 0; } header nav .sub-menu { display: none; width: 200px; position: absolute; top: 0; left: -10px; padding: 29px 0 0 0; } header nav .menu-item:hover .sub-menu { display: block; } header nav .sub-menu .menu-item { display: block; margin: 0; background: rgba(255,255,255,0.95); padding: 5px 10px; } /*======================================================== HOME PAGE ==========================================================*/ #news_slider .slide { width: 605px; height: 350px; position: relative; } #news_slider .slide img { } #news_slider .slide .testo_slide { width: 335px; position: absolute; right: 0; bottom: 0; padding: 20px; background: rgba(255,255,255,0.95); } #news_slider .slide .testo_slide .titolo_slide { font-size: 14px; font-weight: bold; padding: 0 0 6px 0; } #news_slider .slide .testo_slide .sottotitolo_slide { font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 10px 0; } #news_slider .slide .testo_slide .sottotitolo_slide + p { font-size: 12px; line-height: 16px; } .bx-pager:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .bx-pager a { display: block; width: 10px; height: 10px; margin: 10px 10px 0 0; border-radius: 5px; text-indent: -9999px; background: #c5c6c8; float: left; } .bx-pager a:hover { background: #000; } .bx-pager .active { background: #000; } .second_content { margin: 40px 0 0 0; } .section_link { color: #000; display: block; } .section_link:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .section_link:hover { color: #000; } .section_link:hover .second_content div p:first-child { text-decoration: underline; } .section_link:hover .second_content div p:first-child + p { text-decoration: underline; } .second_content img { float: left; margin: 0 20px 0 0; } .second_content div p:first-child { font-size: 14px; font-weight: bold; padding: 0 0 6px 0; line-height: 16px; } .second_content div p:first-child + p { font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 10px 0; line-height: 16px; } .second_content div p:first-child + p + p { font-size: 12px; line-height: 16px; } #bottom_content { width: 100%; float: left; padding: 40px 0 0 0; } #bottom_content div { float: left; width: 230px; padding: 0 0 10px 20px; margin: 0 0 10px 0; } #bottom_content div:first-child { padding: 0; } #bottom_content div a { display: block; } #bottom_content div a:hover { color: #000; } #bottom_content div a:hover img + p { text-decoration: underline; line-height: 16px; } #bottom_content a:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #bottom_content div img { padding: 0 0 20px 0; } #bottom_content div img + p { font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 10px 0; line-height: 16px; } #bottom_content div img + p + p { font-size: 12px; line-height: 16px; } /*======================================================== SIDEBAR ==========================================================*/ .sidebar_content > a > div { padding: 0 0 22px 0; } .sidebar_content > a:last-child > div { padding: 0 0 26px 0; } .sidebar_content div:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .sidebar_content div img { float: left; padding: 0 20px 0 0; width: 105px; height: auto; } .sidebar_content a div div > p { font-size: 14px; font-weight: bold; padding: 0 0 6px 0; } .sidebar_content a div div > p + p { font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 10px 0; } .sidebar_content a div div > p + p + p { font-size: 12px; font-weight: normal; padding: 0 0 0 125px; font-style: normal; line-height: 15px; } .sidebar_content a:hover div div > p:first-child { text-decoration: underline; } .sidebar_content a:hover div div > p:first-child + p { text-decoration: underline; } .sidebar_content a:hover { color: #000; } .sidebar_news > p { font-size: 14px; font-weight: bold; padding: 0 0 20px 0; } .sidebar_news div { border-bottom: 1px solid #000; padding: 0 0 9px 0; margin: 0 0 20px 0; } .sidebar_news a p { font-size: 12px; padding: 0 0 10px 0; line-height: 15px; } .sidebar_news a:hover { color: #000; text-decoration: underline; } .sidebar_news a + p { font-size: 12px; padding: 0 0 10px 0; line-height: 15px; } .som_consiglia { min-height: 171px; } /*======================================================== LISTS PAGE ==========================================================*/ .post_list_link { display: block; color: #000; background: #fff; } .post_list_link:hover { color: #000; } .post_list_link:hover div .titolo { text-decoration: underline; } .post_list_link:hover div div p:first-child { text-decoration: underline; } .post_list { margin: 0 0 20px 0; } .post_list:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } .post_list img { float: left; width: 105px; height: auto; margin: 0 20px 0 0; } .post_list div { float: left; border-top: 1px solid #000; padding: 10px 20px 0 0; width: 460px; } .post_list div .titolo { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; } .post_list div .titolo span { font-style: italic; font-weight: bold; } .post_list div p { font-size: 12px; font-weight: bold; line-height: 16px; } .post_list div p span { font-weight: normal; } .post_list div p a { font-weight: bold; display: inline; } .post_list div p:last-child { font-weight: normal; } /*======================================================== SINGLE PAGE ==========================================================*/ #header_recensioni:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; margin: 0 0 20px 0; } #header_recensioni img { width: 230px; height: auto; float: left; margin: 0 20px 0 0; } #header_recensioni div { float: left; } #header_recensioni div #autore { font-size: 14px; font-weight: bold; padding: 0 0 5px 0; } #header_recensioni div #album { font-size: 14px; font-style: italic; padding: 0 0 20px 0; } #header_recensioni div .info { font-size: 12px; line-height: 16px; font-weight: bold; } #header_recensioni div .info span { font-weight: normal; } #header p:first-child { font-size: 14px; font-weight: bold; padding: 0 0 6px 0; } #header p:first-child + p { font-size: 14px; font-weight: bold; font-style: italic; padding: 0 0 10px 0; } #header p:first-child + p + p { font-size: 12px; font-weight: bold; padding: 0 0 20px 0; } #header p:first-child + p + p span { font-weight: normal; } #contenuto { padding: 0 0 20px 0; } #contenuto p { font-size: 12px; line-height: 16px; padding: 0 0 15px 0; text-align: justify; } #contenuto img { width: 100%; height: auto; } #contenuto a { text-decoration: underline; } #contenuto #info_aggiuntive p:first-child { font-size: 14px; font-weight: bold; } #contenuto #info_aggiuntive p + p { font-style: italic; padding: 0 0 5px 0; } #contenuto #info_aggiuntive li { font-size: 12px; line-height: 16px; } #post_navigation p { display: inline-block; float: left; font-size: 12px; padding: 20px 20px 20px 0; font-weight: bold; } #post_navigation p a { font-weight: normal; } #post_navigation p a:hover { color: #000; text-decoration: underline; } #page_content { padding: 0 0 20px 0; } #page_content p { font-size: 12px; line-height: 16px; padding: 0 0 15px 0; } #page_content img { width: 100%; height: auto; padding: 0 0 10px 0; } .navigation { padding: 0 0 20px 125px; } .navigation .wp-paginate .page { color: #000; font-size: 12px; padding: 0; margin: 0; background: none; border: none; width: 18px; height: 18px; text-align: center; line-height: 18px; display: inline-block; } .navigation .wp-paginate .current { padding: 0; margin: 0; background: #999; border: none; border-radius: 9px; width: 18px; height: 18px; text-align: center; line-height: 18px; display: inline-block; } .navigation .wp-paginate .next { border: none; margin: 0; padding: 0; background: none; font-size: 12px; color: #000; } .navigation .wp-paginate .prev { border: none; margin: 0; padding: 0; background: none; font-size: 12px; color: #000; } #social { padding: 20px 0 0 0; } #contenutoAggiuntivo { padding: 20px 0 0 0; } /*======================================================== SEARCH PAGE ==========================================================*/ #page_content .post_list_link { display: block; color: #000; background: #fff; } #page_content .post_list_link:hover { color: #000; } #page_content .post_list_link:hover div .titolo { text-decoration: underline; } #page_content .post_list_link:hover div div p:first-child { text-decoration: underline; } #page_content .post_list { margin: 0 0 20px 0; } #page_content .post_list:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; } #page_content .post_list img { float: left; width: 105px; height: auto; margin: 0 20px 0 0; } #page_content .post_list div { float: left; border-top: 1px solid #000; padding: 10px 20px 0 0; width: 460px; } #page_content .post_list div .titolo { font-size: 14px; font-weight: bold; padding: 0 0 10px 0; } #page_content .post_list div .titolo span { font-style: italic; font-weight: bold; } #page_content .post_list div p { font-size: 12px; font-weight: bold; line-height: 16px; padding: 0; } #page_content .post_list div p span { font-weight: normal; } #page_content .post_list div p a { font-weight: bold; display: inline; } #page_content .post_list div p:last-child { font-weight: normal; } /*======================================================== FOOTER ==========================================================*/ footer { font-size: 12px; margin: 0 auto; display: block; width: 1060px; background: url(images/footer_logo.jpg) no-repeat 40px 20px #fff; } footer #inner { margin: 0 40px; border-top: 3px solid #000; width: 980px; } footer #inner > div { width: 230px; padding: 20px 20px 20px 0; float: left; } footer #inner > div:first-child + div { width: auto; } footer #inner > div:first-child { margin: 0 0 0 250px; } footer #inner > div + div + div { padding: 20px 0 20px 162px; } footer #inner > div p a { color: #57585a; } footer li { font-weight: bold; } footer nav li { padding: 10px 0 0 0; } footer nav li:first-child { padding: 0; } #credits { background: #000; width: 1060px; margin: 0 auto; } #credits p { color: #fff; font-weight: bold; line-height: 50px; font-size: 12px; text-align: center; } #credits a { color: #fff; } /*======================================================== CLEAR E ALTRE CLASSI ==========================================================*/ .clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }