/* Theme Name: kext.it | krid Light Theme URI: Author: kext Author URI: Description: kext.it | krid Light Version: 10.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, white, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-colors, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready, theme-options Text Domain: krid */ /* == RESET == */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } /* blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } */ /* blockquote { display: block; border-width: 2px 0; border-style: solid; border-color: #999; padding: 1.5em 0 0.5em; margin: 1.5em 0; position: relative; text-align: center; background-color: #eee; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;} blockquote::before { content: '\201C'; position: absolute; top: 0em; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 3rem; height: 2rem; font: 6em/1.08em 'PT Sans', sans-serif; color: #555; text-align: center; } */ table { border-collapse: collapse; border-spacing: 0; } /* == FONTS SELF-HOSTED == */ /* open-sans-regular - latin */ @font-face { font-family: 'Open Sans'; src: url('./fonts/open-sans-v16-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Open Sans Regular'), local('OpenSans-Regular'), url('./fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ } /* raleway-regular - latin */ @font-face { font-family: 'Raleway'; src: url('./fonts/raleway-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Raleway'), local('Raleway-Regular'), url('./fonts/raleway-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('./fonts/raleway-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('./fonts/raleway-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/raleway-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('./fonts/raleway-v13-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* markerfelt - latin */ @font-face { font-family: 'Marker Felt'; /* src: url('./fonts/raleway-v13-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Raleway'), local('Raleway-Regular'), /* url('./fonts/raleway-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('./fonts/raleway-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ /* url('./fonts/raleway-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('./fonts/marker-felt.ttf') format('truetype'), /* Safari, Android, iOS */ /* url('./fonts/raleway-v13-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ } /* == DEFAULT HTML == */ body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: none; } h1, h2, h3, h4, h5, h6, td { line-height: 1.2; word-wrap: break-word; } p { line-height: 1.7; word-wrap: break-word; line-height: 22px; } h1, h2, h3, h4, h5, h6 { font-weight: 700; } h3 { font-size: 138.5%; } h4 { font-size: 123.1%; } h5, h6 { font-size: 110%; } img { -ms-interpolation-mode: bicubic; vertical-align: middle; } abbr, acronym { border-bottom: 1px dotted; cursor: help; } em { font-style: italic; } del, strike, s { text-decoration: line-through; } sup { vertical-align: super; } sub { vertical-align: sub; } sub, sup { font-size: 75%; } ins { background-color: #fef8a7; text-decoration: none; } strong { font-weight: 700; } textarea { font-size: 100%; overflow: auto; } a img { border: 0 !important } a { text-decoration: none } * { outline: none } pre { font-family: "Courier New", monospace; display: block; width: auto; overflow: auto; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; padding: 13px; } code { font-family: "Courier New", monospace; } .clear { content: "."; clear: both !important; font-size: 0 !important; line-height: 0 !important; height: 0px !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } audio, canvas, video { display: inline-block; *display: inline; } audio:not([controls]) { display: none; } .tablayout { width: 100%; } .tablayout td { vertical-align: middle; } .tablayout td.tdleft { text-align: left; } .tablayout td.tdright { text-align: right; } .tablayout td.tdcenter { text-align: center; } a, input[type="text"], input[type="password"], textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .sticky, .bypostauthor {} /* Gli sticky, fatti bene */ .entry-sticky img { max-width: 24px; position:initial; } /* == IMAGES & ALIGNMENT == */ img { max-width: 100%; height: auto; /* IE Fix */ } embed, object, iframe, audio { max-width: 100%; } .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { max-width: 100%; text-align: center; margin-bottom: 20px !important; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { max-width: 100%; } .wp-caption p.wp-caption-text, .gallery-caption, .entry_caption { margin: 0; padding: 0; margin-top: 10px; line-height: 1.5; text-align: center; } .gallery-item { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; margin-bottom: 20px !important; } .gallery-icon { margin-bottom: 0 !important; } .gallery-columns-2 .gallery-item { width: 48%; margin: 0 1%; } .gallery-columns-3 .gallery-item { width: 31%; margin: 0 1%; } .gallery-columns-4 .gallery-item { width: 23%; margin: 0 1%; } .gallery-columns-5 .gallery-item { width: 18%; margin: 0 1%; } .gallery-columns-6 .gallery-item { width: 14%; margin: 0 1%; } /* == FORM ELEMENTS == */ input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea { padding: 8px !important; color: #777 !important; border: 1px #ccc solid !important; font-family: "Open Sans", sans-serif !important; font-size: 16px !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { -moz-box-shadow: inset 1px 1px 5px #ddd; -webkit-box-shadow: inset 1px 1px 5px #ddd; box-shadow: inset 1px 1px 5px #ddd; } input[type="text"], input[type="url"], input[type="email"], input[type="password"] { line-height: 1 !important; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; padding: 10px !important; line-height: 1 !important; color: #fff !important; font-family: "Open Sans", sans-serif !important; font-size: 15px !important; border: 0 none !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-weight: 700; } input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0 !important; padding: 0 !important; } textarea { width: 97%; height: 100px; } /* == BODY == */ body { font-family: "Open Sans", sans-serif; color: #333; font-size: 100%; background-color: #eee; background-image: url(images/background.png); background-repeat: repeat; } .wrapper { width: 95%; max-width: 1280px; margin: 0 auto; overflow: hidden; } #container { width: 70%; float: left; overflow: hidden; } @media (min-width:900px) { #primary.widget-area { width: 28.5%; margin-left: 1.5%; float: left; } } #primary.widget-area { width: 28.5%; float: left; } #primary.widget-area-left { margin-left: 0; margin-right: 1.5%; } #content.fullwidth #container { width: 100%; float: none; } #content.fullwidth #primary.widget-area { display: none; } /* == HEADER == */ #header { background-size: 100% auto; background-position: center; } #header .wrapper { display: table; } .site-social { width: 100%; display: table-cell; vertical-align: middle; text-align: right; } .site-info { width: 30%; display: table-cell; vertical-align: middle; text-align: left; } .site-slogan { width: 40%; display: table-cell; vertical-align: middle; text-align: center; } .site-logo { display: table-cell; min-width: 72px; max-width: 96px; padding-right: 10px; vertical-align: middle; text-align: left; } .site-logo img { max-width: 96px; } .site-title { font-size: 200%; line-height: 1.3; margin-bottom: 0; } .site-description { font-size: 120%; font-family: "Open Sans", sans-serif !important; text-shadow: 0px 0px 5px #333, 0px 0px 4px #222, 0px 0px 3px #111; padding: 0px 0px 0px 5px; } .social-profile, #search-button { font-family: "Genericons"; display: inline-block; *display: inline; zoom: 1; margin-left: 8px; line-height: 1; font-size: 22px; padding: 10px; border: 2px #fff solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; opacity: 0.3; filter: alpha(opacity=30); vertical-align: middle; } .social-profile:hover, #search-button:hover { opacity: 1.0; filter: alpha(opacity=100); } #header #searchform { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } #header #searchsubmit { display: none; } #header #s { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; border: 2px #fff solid !important; opacity: 0.3; filter: alpha(opacity=30); padding-left: 12px !important; padding-right: 12px !important; margin-left: 16px; color: #fff !important; } #header #searchform { width: 0; } #header #s:hover, #header #s:focus { opacity: 1.0; filter: alpha(opacity=100); } /* == DROPDOWN NAVIGATION == */ #navigation { font-family: "Open Sans", sans-serif !important; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); margin-bottom: 20px; } .primary-menu ul li { float: left; text-align: left; } .primary-menu ul li a { display: block; line-height: 1.7; } .primary-menu ul li li { float: none; width: 170px; position: relative; z-index: 999; margin: 0; } .primary-menu ul ul { position: absolute; margin-top: -2px; display: none; z-index: 9999; } .primary-menu ul ul ul { top: 0; left: 170px; position: absolute; } .primary-menu ul li:hover > ul { display: block; } #navigation { background-color: #fff; position: sticky; position: -webkit-sticky; position: -moz-sticky; z-index: 50; } /* NavBar Sticky max 600 */ @media only screen and (min-width:1px) and (max-width:600px) { body.admin-bar #navigation { top: 0px; } body.admin-bar #navigation.responsive-navigation { top: 0px; } #navigation { top: 0px; } #navigation.responsive-navigation { top: 0px; } } /* NavBar Sticky max 782 */ @media only screen and (min-width:601px) and (max-width:782px) { body.admin-bar #navigation { top: 46px; } body.admin-bar #navigation.responsive-navigation { top: 46px; } #navigation { top: 0px; } #navigation.responsive-navigation { top: 0px; } } /* NavBar Sticky min 783 */ @media only screen and (min-width:783px) { body.admin-bar #navigation { top: 32px; } body.admin-bar #navigation.responsive-navigation { top: 32px; } #navigation { top: 0px; } #navigation.responsive-navigation { top: 0px; } } .primary-menu ul li a { padding: 10px; color: #333; background-color: #fff; font-weight: 700; border-bottom: 2px #fff solid; } .primary-menu ul li li a { font-weight: 300; border-bottom: 0 none; } .primary-menu ul li li { border-top: 1px #eee solid; } .primary-menu ul li li:first-child { border-top: 0 none; } .primary-menu ul li.current-menu-item li a, .primary-menu ul li.current_page_item li a { color: #333; } .primary-menu ul ul { -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); } #navigation.responsive-navigation { display: none; } #navigation.responsive-navigation { background-color: #444; clear: both; overflow: hidden; margin-bottom: 20px; } #navigation.responsive-navigation a { display: block; padding: 10px; color: #fff; text-align: center; } #navigation.responsive-navigation ul li { display: none; line-height: 1.7; } #navigation.responsive-navigation ul li#select-menu-item { display: block; } /* == POSTS == */ article.post, article.page, article.attachment { background-color: #fff; padding: 0px; margin-bottom: 30px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; display: block; } /* angoli smussati post/pagina */ article.post, article.page, article.attachment { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* ombra shadow post/pagina */ article.post, article.page, article.attachment { box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025);} /****************************/ .grid-col-2 article.grid { width: 47.6%; display: inline-table; vertical-align: top; } .grid-col-3 article.grid { width: 30.8%; display: inline-table; } .grid-col-4 article.grid { width: 23%; display: inline-table; } @media only screen and (min-width:1px) and (max-width:899px) { .grid-col-2 article.grid img, .grid-col-3 article.grid img { width: 900px; } } article.grid { padding: 0%; margin: 0 1% 2%; } #grid-container { margin-bottom: 20px; display: block; overflow: hidden; } .entry-title, .entry-title a { color: #111; overflow-wrap: break-word; word-wrap: break-word; /* -ms-word-break: break-all; */ /* This is the dangerous one in WebKit, as it breaks things wherever */ /* word-break: break-all; */ /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; line-height: 22px; } .entry-title { margin-top: 3%;margin-bottom: 7px; padding: 0% 4% 0% 4%; } .entry-featured { margin-bottom: 0%; text-align: center; } /** era margin-bottom 3% **/ .entry-meta { font-style: italic; font-size: 84.6%; line-height: 1.7; color: #999; margin-bottom: 16px; padding: 0% 4% 0% 4%;} .entry-meta a { color: #999; } .entry-footer { border-top: 1px #eee solid; padding: 5px 5px 4px 5px; line-height: 1.7; font-size: 84.6%; color: #999; } .entry-footer a { color: #999; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px; } .entry-footer .tdleft { width: 50%; } .entry-footer .tdright { width: 50%; } .entry-footer .tdright a:before { content: '/'; padding: 0 8px; } .entry-footer .tdright a:first-child:before { content: ''; padding: 0; } .entry-meta .entry-date:after, .entry-meta .entry-author:after, .entry-meta .entry-comments:after, .entry-meta .entry-categories:after, .entry-meta .entry-tags:after { content: '/'; padding: 0 8px; } .entry-meta .entry-date { background-image: url(images/date.png); background-repeat: no-repeat; background-size: 20px; padding-left: 24px; } .entry-meta .entry-author { background-image: url(images/pen.png); background-repeat: no-repeat; background-size: 20px; padding-left: 24px; } .entry-meta .entry-comments { background-image: url(images/comment.png); background-repeat: no-repeat; background-size: 20px; padding-left: 24px; } .entry-meta .entry-categories { background-image: url(images/folder.png); background-repeat: no-repeat; background-size: 20px; padding-left: 24px; } .entry-meta .entry-tags { background-image: url(images/tag.png); background-repeat: no-repeat; background-size: 20px; padding-left: 24px; } .entry-meta *:first-child:before { content: ''; padding: 0; } /* angoli smussati articoli */ article.grid { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ombra shadow articoli */ article.grid { box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025);} /****************************/ article.grid .entry-meta .entry-date, article.grid .entry-footer .entry-author { display: none; } article.grid .entry-meta .entry-author:before { content: ''; padding: 0; } article.grid blockquote { padding: 16px; line-height: 1.7; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 123.1%; color: #fff; background-image: url(images/quote_bg.png); background-repeat: no-repeat; background-position: -4px -4px; margin-bottom: 16px; } article.grid blockquote a { color: #fff; text-decoration: underline; } article.grid .ie-audio-link { display: none; } .entry-content { margin-bottom: 16px; line-height: 1.7; overflow: hidden; clear: both; padding: 0% 4% 0% 4%; } /** .entry-content * { margin-bottom: 16px; } **/ .entry-content *:last-child { margin-bottom: 0; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .entry-content br, .entry-content .gallery, .entry-gallery span { margin-bottom: 0 !important; } /** aggiunto margin:16px 0px per Smooth Accordion **/ .entry-content h1 { font-size: 184.6%; margin: 16px 0px} .entry-content h2 { font-size: 169.2%; margin: 16px 0px} .entry-content h3 { font-size: 153.8%; margin: 16px 0px} .entry-content h4 { font-size: 138.5%; margin: 16px 0px} .entry-content h5 { font-size: 123.1%; margin: 16px 0px} .entry-content h6 { font-size: 107.7%; margin: 16px 0px} .entry-content p {margin-bottom: 8px;} /** aggiunto per Smooth Accordion **/ .entry-content table td, .entry-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; } .entry-content table th { border-top: 0 none; font-weight: 700; } .entry-content table td:last-child, .entry-content table th:last-child { border-right: 0 none; } /* .entry-content blockquote { padding: 16px; border-left: 1px #ccc dotted; font-style: italic; } */ .entry-content li { list-style-position: inside; margin-left: 10px !important; margin-bottom: 16px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; } .entry-content li li { margin-top: 16px !important; } .entry-content ul ul, .entry-content ol ol { margin-left: 10px; } .entry-content ul { list-style: disc; } .entry-content ol { list-style: decimal; } .entry-content ol ol { list-style: lower-alpha; } .entry-content ol ol ol { list-style: lower-roman; } .entry-content a:hover { color: #444; text-decoration: underline; } .entry-content input, .entry-content label, .entry-content textarea { margin-bottom: 0 !important; } .entry-content img { margin-bottom: 16px !important; } .entry-content .gallery { margin: 16px 0 0 0 !important; } .entry-content .gallery-item img { margin-bottom: 0 !important; } .entry-content .more-link { font-size: 92.3%; margin-left: 16px; } .entry-content .more-link:hover { text-decoration: underline; } /* == PAGE NAVIGATION == */ #page-navigation { margin-bottom: 20px; text-align: center; } #page-navigation a { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 20px; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 10px; font-family: "Open Sans", sans-serif !important; border-radius: 10px; } #load-more { text-align: center; margin-bottom: 20px; clear: both; } #load-more a { display: block; background-color: #fff; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); font-family: "Open Sans", sans-serif !important; padding: 8px; line-height: 1; } .page-link { clear: both; padding-top: 10px; } .page-link span { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; color: #fff; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Open Sans", sans-serif !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 11px; } .page-link a span { background-color: #eee; color: #666; text-decoration: none; } .page-link a:hover span { color: #fff; } .comment-navigation a:hover { color: #fff; } .comment-navigation { padding: 10px 20px; text-align: right; background-color: #fff; border-top: 1px #ddd solid; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); } .comment-navigation a { background-color: #eee; } .comment-navigation a { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Genericons"; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* == CATEGORY == */ .category-header { background-color: #ffffff; background-size: 100% !important; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; padding: 1%; margin: 0 1.5% 20px 1%; text-align: center; } .category-header h1 { font-size: 30px; line-height: 1.3; margin-bottom: 0; } /* == NAVIGATION THUMBNAILS POSTS == */ .post-navigation { text-align: right; margin-bottom: 20px; display: none;} .post-navigation a { display: inline-block; *display: inline; /* zoom: 1; */ line-height: 1; padding: 0px; background-color: #fff; color: #666; margin-right: 5px; margin-bottom: 2px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .post-navigation a:hover { color: #fff; } #thumbpost-nav {text-align: center;} #thumbpost-nav .previous, #thumbpost-nav .next {background-color: #fff; display: inline-block; overflow: hidden; width: 49%; text-align: center; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin-bottom: 10px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025); vertical-align: top; margin-left: 3px; margin-right: 3px;} @media only screen and (min-width:1px) and (max-width:640px) { #thumbpost-nav .previous {width: 83%;} #thumbpost-nav .next {width: 83%;} } /* == WIDGET AREA == */ #primary.widget-area .widget { padding: 8px 16px; margin-bottom: 16px; background-color: #fff; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; } /* angoli smussati widget */ #primary.widget-area .widget { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* ombra shadow widget */ #primary.widget-area .widget { box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025);} /****************************/ .widget-title { margin-bottom: 10px; border-bottom: 1px solid #ddd; } .widget a { color: #333; } .widget a:hover { text-decoration: none; } .widget li { line-height: 1.7; margin-top: 5px; } .widget #wp-calendar { width: 100%; } .widget #wp-calendar th, .widget #wp-calendar td { text-align: center; padding: 3px; } .widget #wp-calendar caption { padding-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; } .widget #wp-calendar #prev { text-align: left; } .widget #wp-calendar #next { text-align: right; } .widget #wp-calendar td#today span { text-align: center; display: inline-block; *display: inline; zoom: 1; padding: 6px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; line-height: 1; } .widget_tag_cloud a { display: inline-block; *display: inline; zoom: 1; margin-right: 8px; margin-bottom: 8px; line-height: 1.5; text-decoration: none; padding: 3px 12px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid; font-size: 84.6% !important; } /* == FOOTER == */ #footer { background-color: #222; color: #777; clear: both; } #footer a { color: #777; text-decoration: underline; } #footer a:hover { text-decoration: none; } #footer-widget-area .widget-area { float: left; margin: 0 0.5%; } #footer-widget-area .widget-area .widget { margin: 16px 0; overflow: hidden; clear: both; } #footer-widget-area .widget-area .widget .widget-title { color: #aaa; } #footer-widget-area.one .widget-area { width: 100%; margin: 0; } #footer-widget-area.two .widget-area { width: 49%; } #footer-widget-area.three .widget-area { width: 32%; } #footer-widget-area .widget_tag_cloud a { text-decoration: none !important; } #footer-widget-area .widget-area .widget #s { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #555 !important; background-color: transparent; } #footer-widget-area .widget-area .widget #searchsubmit { background-color: #555; } #footer-credits { margin: 16px 0; text-align: center; } #scroll-up { position: fixed; bottom: 20px; right: 20px; cursor: pointer; padding: 5px 10px 10px; background-color: #000; color: #fff; display: none; z-index: 999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0.4; filter: alpha(opacity=40); } #scroll-up:hover { opacity: 0.6; filter: alpha(opacity=60); } #scroll-up span { font-family: "Genericons"; } /* == COMMENTS == */ #comments { margin-bottom: 20px; } .comments-title { background-color: #fff; padding: 20px; } .comments-list li, .no-comments { padding: 20px; background-color: #fff; margin-top: 20px; overflow: hidden; clear: both; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025);} .comments-list li li { padding: 10px 0; margin-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .comments-list ul { margin-left: 20px; } .comments-list li.even .avatar { float: left; margin: 0 20px 10px 0; } .comments-list li.odd .avatar { float: right; margin: 0 0 10px 20px; } .comments-list li .avatar { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .comments-meta { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px #ddd solid; line-height: 1.5; } .comments-meta a:hover { text-decoration: underline; } .comments-meta .comments-author { font-size: 123.1%; font-weight: 700; } .comment-reply-link { margin-left: 20px; } .comment-awaiting-moderation { font-style: italic; font-family: Georgia, Times New Roman, serif; margin: 10px 0; font-weight: 700; } .comment-content { line-height: 1.7; overflow: hidden; } .comment-content * { margin-bottom: 16px; } .comment-content *:last-child { margin-bottom: 0; } .comment-content br, .comment-content .gallery, .comment-gallery span { margin-bottom: 0 !important; } .comment-content h1 { font-size: 184.6%; } .comment-content h2 { font-size: 169.2%; } .comment-content h3 { font-size: 153.8%; } .comment-content h4 { font-size: 138.5%; } .comment-content h5 { font-size: 123.1%; } .comment-content h6 { font-size: 107.7%; } .comment-content table td, .comment-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; } .comment-content table th { border-top: 0 none; font-weight: 700; } .comment-content table td:last-child, .comment-content table th:last-child { border-right: 0 none; } .comment-content blockquote { padding: 16px; border-left: 1px #ccc dotted; font-style: italic; } .comment-content li { list-style-position: inside; margin-left: 10px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; } .comment-content li li { margin-top: 16px !important; padding: 0 !important; } .comment-content ul ul, .comment-content ol ol { margin-left: 10px !important; } .comment-content ul { list-style: disc; } .comment-content ol { list-style: decimal; } .comment-content ol ol { list-style: lower-alpha; } .comment-content ol ol ol { list-style: lower-roman; } .comment-content a:hover { color: #444; text-decoration: underline; } .comment-content img { margin-bottom: 16px !important; } .form-allowed-tags { display: none; } #cancel-comment-reply-link { font-size: 12px; } #respond { background-color: #fff; padding: 20px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); margin-top: 20px; } /* angoli smussati commenti */ #respond { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } /* ombra shadow commenti */ #respond { box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025);} /****************************/ #respond p { margin-bottom: 16px; } #respond label { display: block; margin-bottom: 8px; } .comments-list li #respond { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; } /* pagina 404 */ #searchbar { display: block; margin-left: auto; margin-right: auto; width: max-content; } /* SliderPro TogaFacile Style */ .sp-mask { box-shadow: 0 5px 10px 0 rgba(0,0,0,.025),0 5px 10px 0 rgba(0,0,0,.025); border-radius: 10px; } /* DIV SOCIAL ICON */ #fb_ico { background-image: url('./images/fb_ico.png'); background-repeat: no-repeat; width: 100%; height: 32px; margin: 5px 0px; } #fb_ico p, #fb_ico a { margin-left: 46px; width: 100%; height: 32px; line-height: 32px; display: inline-block; } #fbg_ico { background-image: url('./images/fb_ico.png'); background-repeat: no-repeat; width: 100%; height: 32px; margin: 5px 0px; } #fbg_ico p, #fbg_ico a { margin-left: 46px; width: 100%; height: 32px; line-height: 32px; display: inline-block; } #ig_ico { background-image: url('./images/ig_ico.png'); background-repeat: no-repeat; width: 100%; height: 32px; margin: 5px 0px; } #ig_ico p, #ig_ico a { margin-left: 46px; width: 100%; height: 32px; line-height: 32px; display: inline-block; } #yt_ico { background-image: url('./images/yt_ico.png'); background-repeat: no-repeat; width: 100%; height: 32px; margin: 5px 0px; } #yt_ico p, #yt_ico a { margin-left: 46px; width: 100%; height: 32px; line-height: 32px; display: inline-block; } /* == RESPONSIVE LAYOUT == */ @media only screen and (min-width:1px) and (max-width:640px) { #navigation { display: none; } #navigation.responsive-navigation { display: block; } #header { display: table; width: 100%; } #header .wrapper { display: table-cell; } #header .site-info, #header .site-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; } #header .site-logo { display: none; } #header #search-button, #header #searchform { display: none; } .site-slogan {display: none;} article.grid, article.post, article.page, article.attachment { width: 100% !important; margin: 0 !important; padding: 0% !important; margin-bottom: 16px !important; } #container { width: 100%; float: none; } #primary.widget-area { width: 100%; float: none; } #footer-widget-area { display: none; } .category-header { margin: 0 0% 20px 0%; } } @media only screen and (min-width:641px) and (max-width:899px) { #navigation { display: none; } #navigation.responsive-navigation { display: block; } #header { display: table; width: 100%; } #header .wrapper { display: table-cell; } #header .site-info, #header .site-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; } #header .site-logo { display: none; } #header #search-button, #header #searchform { display: none; } .site-slogan {display: none;} #container { width: 100%; float: none; } #primary.widget-area { width: 100%; float: none; } article.post, article.page, article.attachment { width: 100% !important; margin: 0 !important; margin-bottom: 16px !important; } .category-header { margin: 0 0% 20px 0%; } /* article.post, article.page, article.attachment { padding: 2.5% !important; } */ }