/* Theme Name: Sparks Theme URI: http://berardomate.com/ Description: Sparks based theme Version: 1 Author: Berardo Matè Author URI: http://berardomate.com/ */ /* -------------------------------------------------- Global Reset Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). -------------------------------------------------- */ /* ---------------------------------------------------- 1 - Reset ---------------------------------------------------- */ html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,a, b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,input, textarea, button,table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body{ background: #fff; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; /*-webkit-text-stroke: 1px transparent;*/ text-shadow: rgba(255, 255, 255, 0.3) 1px 1px; color: #0d0d0d; -webkit-font-smoothing: antialiased; } .clearfix { clear:both; } /* -------------------------------------------------- Fonts -------------------------------------------------- */ /* @font-face { font-family: 'Mako'; src: url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Regular-webfont.eot'); src: url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Regular-webfont.eot#iefix') format('eot'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Regular-webfont.woff') format('woff'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Regular-webfont.ttf') format('truetype'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Regular-webfont.svg#webfontomnSZCTO') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Mako'; src: url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Bold-webfont.eot'); src: url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Bold-webfont.eot#iefix') format('eot'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Bold-webfont.woff') format('woff'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Bold-webfont.ttf') format('truetype'), url('https://www.milanexpotours.com/wp-content/themes/sparks/fonts/Arvo-Bold-webfont.svg#webfontnP4ftP2h') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'PatagoniaRegular'; src: url('fonts/patagonia-webfont.eot'); src: url('fonts/patagonia-webfont.eot#iefix') format('embedded-opentype'), url('fonts/patagonia-webfont.woff') format('woff'), url('fonts/patagonia-webfont.ttf') format('truetype'), url('fonts/patagonia-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* -------------------------------------------------- Structure -------------------------------------------------- */ #container { margin-left: 230px; } .info { width: 150px; padding: 10px; font-size: 11px; } /* -------------------------------------------------- Links -------------------------------------------------- */ a, a.more-link p {color: #0a0a0a; text-decoration: none; outline: none; } /* -------------------------------------------------- Archives -------------------------------------------------- */ h1.title, .single h1, .page h1 { font-family: "Mako", sans-serif; font-size:30px; letter-spacing:-1px; margin-bottom:0; padding-left: 0; font-weight:normal; color:#121212; } h1.title { padding-left: 10px; margin-bottom: 0; } /* -------------------------------------------------- Header & Nav -------------------------------------------------- */ #toolbox { height: 35px; background-color: #fff; margin: 0 0 27px 10px; color: #333; position:relative; border-top: 2px solid #000; border-bottom: 2px solid #000; /*text-shadow: rgba(0, 0, 0, 0.3) 1px 1px;*/ } .searchform { position: absolute; left: 455px; top: 7px; width: 245px; } .searchform input.search, input.txtfield { background: #f6f6f6; width: 190px; font-family: "Mako", sans-serif; font-size: 12px; height: 16px; line-height: 16px; padding: 2px; color:#444; border: 0; float: left; } .searchform input.search { width: 170px; } .searchform .search-btn, #newsletter .search-btn { border: 0; margin: 0; padding: 0; background: #ccc; width: 50px; height: 20px; cursor: pointer; font-family: "Mako", sans-serif; font-size: 12px; line-height: 20px; float: left; } #toolbox .buttons { position: absolute; left: 150px; top: 8px; } #toolbox ul { list-style: none; padding: 0; margin: 0; position: absolute; left: 7px; top: 5px; } #toolbox ul li { display: inline; /* float: left; */ font-size: 16px; font-family: "Mako", sans-serif; text-transform:uppercase; margin-right:20px; } #toolbox ul li label { color: #fff; } #toolbox ul li select { background-color: black; border: 0; color: #fff; } #toolbox span { line-height: 35px; font-family: "Mako", sans-serif; font-size: 13px; } #toolbox ul li:first-child { margin-left: 0;} #toolbox .buttons input { background-color: #eee; font-family: "Mako", sans-serif; font-size: 12px; padding: 2px 4px; cursor: pointer; } #toolbox .buttons a { color: #888; padding: 2px 0 2px 10px; font-family: "Mako", sans-serif; font-size: 12px; } #toolbox ul#utils { position: absolute; left: 7px; top: 8px; font-family: "Mako", sans-serif; } #toolbox ul#utils li { font-family: "Mako", sans-serif; font-size: 13px; letter-spacing: 1px; } #toolbox #utils a { color: #111; } /*.rss a { background: url(images/ico_rss.gif) no-repeat right -1px; padding: 3px 24px 3px 0; }*/ #newsletter { padding: 40px 0 0; width: 200px; } #newsletter h3 { padding: 0; margin: 0; } #newsletter p { font-size: 12px; line-height: 18px; margin-bottom: 5px; font-family: "Mako", sans-serif; } #newsletter input.txtfield { background: #f6f6f6; width: 140px; font-family: "Mako", sans-serif; font-size: 12px; height: 14px; line-height: 16px; padding: 2px; color:#333; border: 1px solid #ccc; float: left; margin: 0; } .qtrans_language_chooser { position: absolute; top: 35px; left: 788px; } .qtrans_language_chooser li { display: inline; padding-right: 5px; } #logo { padding: 10px 0 10px 15px; } #icon { position: absolute; top: 10px; left: 5px; } /* -------------------------------------------------- Sidebar -------------------------------------------------- */ #description { position: absolute; width: 220px; top:45px; left: 0; } ul#menu { padding: 1px 0 0; } ul.menu, ul.menu ul { list-style-type: none; margin: 0; padding: 0; width: 200px; font-family: "PatagoniaRegular", sans-serif; } ul.menu a { display: block; text-decoration: none; } ul.menu li a.current, ul.menu li.current-menu-item a { /*background: url(images/bg_menu.gif) no-repeat 0 20px;*/ font-family: "PatagoniaRegular", sans-serif;} ul.menu li { margin-top: 1px; } ul.menu li a { color: #040404; padding: 0.5em; font-size: 19px; padding-left: 0; font-family: "PatagoniaRegular", sans-serif; } ul.menu li a:hover { color: #000; } ul.menu li ul li a { color: #000; padding-left: 5px; font-size: 15px; font-weight: normal; font-family: "PatagoniaRegular", sans-serif; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } ul.menu li ul li a:hover { padding-left: 10px; } #news { background: #88C922 url(images/bg_tick.gif) no-repeat bottom right; height: 80px; padding: 10px; margin-bottom: 20px; } #ticker { list-style-type: none; margin: 0; padding: 0; } #news li a { font-weight: bold; border-bottom: 1px solid #ACD965; padding-bottom: 3px; } #news li a:hover { border-bottom: 1px solid #CFE9A7; } /* -------------------------------------------------- Home -------------------------------------------------- */ .box { margin: 10px; /* padding: 10px; */ width:330px; float: left; display: inline; font-size: 11px; overflow: hidden; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.2); -moz-box-shadow:0 0 3px rgba(0,0,0,0.2); box-shadow:0 0 3px rgba(0,0,0,0.2); background: #fff; } .box:hover{ background: #f6f6f6; box-shadow:0 0 3px rgba(0,0,0,0.5); -moz-box-shadow:0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.4); } .box { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .box h2 { font-size: 24px; margin: 10px 0; font-family: "Mako", sans-serif; font-weight: normal; } .box p { font-size: 13px; line-height: 18px; margin-bottom: 5px; } .box p.notes a { color: #313131; transition:all 0.25s ease-out; -webkit-transition:all 0.25s ease-out; -moz-transition:all 0.25s ease-out; -o-transition:all 0.25s ease-out; } .box p.notes a:hover { color: #000; } .box p.notes { font-size: 11px; margin: 0 0 10px; color: #313131; } span.amp, abbr[title=and] { font-style:italic; font-family: "Baskerville", "Goudy Old Style", Constantia, serif; font-weight:normal; } .box h2, .box p, .box p.notes { padding: 0 10px; } .box a.more { font-family: "Mako", sans-serif; border-bottom: 2px solid #88C922; } /* -------------------------------------------------- Single -------------------------------------------------- */ .single #container { } .single .box, .page .box { width: 500px; margin: 0 30px 0 10px; display: block; background-color: transparent; } .page .box.large { width: 680px; margin: 0 0 0 10px; } .single .narrowcol, .page .narrowcol { width: 150px; float: left; padding: 25px 0 0; } .single .narrowcol h3, .page .narrowcol h3, #popular h3, #newsletter h3 { font-family: "Mako", sans-serif; font-size: 20px; font-weight: normal; margin-bottom: 15px; } .single .narrowcol ul, .page .narrowcol ul { list-style-type: none; margin: 0; padding: 0; font-family: "Mako", sans-serif; } .single .narrowcol #related li, .page .narrowcol #related li { background: #eee; width: 150px; margin-bottom: 20px; } .single .narrowcol #related h2, .page .narrowcol #related h2 { font-size: 12px; padding: 5px; margin-bottom: 0; /*font-family: "Mako", sans-serif;*/ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .single .narrowcol #related h2 em, .page .narrowcol #related h2 em { /*font-family: "Mako", sans-serif;*/ display: block; font-style: normal; font-weight: normal; } .single .narrowcol #related p, .page .narrowcol #related p { font-size: 14px; padding: 5px; margin-bottom: 0; } .single .box p, .page .box p { font-size: 14px; line-height: 1.4; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; } .single .box .postcontent p:first-child { margin-top: 5px; } .single .box p a, .page .box p a, .postmeta a { border-bottom: 2px solid #88C922; color: #000; font-weight: bold; } .single .box p a:hover, .page .box p a:hover, .postmeta a:hover { border-bottom: 2px solid #88C922; color: #333; } .single .box, .single .box:hover, .page .box { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .single .postimage img, .single .size-medium, .page .postimage img { margin: 5px 0 0; } .single img.aligncenter { display: block; margin: 5px auto; } .single p.postmeta { font-size: 11px; line-height: 12px; font-family: "Mako", sans-serif; color: #424242; margin: 5px 0 5px; } .single blockquote, .page blockquote { background: #eee url(images/bg_quotes.gif) no-repeat 2px 0; padding: 15px; color: #fff; margin: 5px 0; } .single .box blockquote p, .page .box blockquote p { padding-left: 55px; font: bold 25px/27px "American Typewriter", Courier, monospace; text-shadow: none; letter-spacing: -1px; } .single .box blockquote p em, .page .box blockquote p em { display: block; margin-top: 10px; font: italic 22px "Baskerville", "Goudy Old Style", Constantia, serif; color: #FFF6C3; letter-spacing: normal; } .single .wp-caption, .page .wp-caption { margin: 0 0 5px; } .single .box .caption, .wp-caption p.wp-caption-text { background: #000; padding: 3px 5px; font-size: 12px; font-family: "Mako", sans-serif; margin: -3px 0 0; color: #eee; text-shadow: rgba(0, 0, 0, 0.3) 1px 1px; position: relative; height: 25px; line-height: 25px; } .single .caption a.gm-link { position: absolute; top: 5px; right: 5px; border: none; padding-right: 10px; font-family: "Mako", sans-serif; text-transform: uppercase; color: #666; } .single .caption a.gm-link:hover { border: none; } #popular { margin: 10px 0 20px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 10px 0; font-family: "Mako", sans-serif; } #popular a { font-family: "Mako", sans-serif; font-size: 14px; } #popular h2 { padding-left: 0; margin: 0;} #popular h2 span { font-size: 11px; display: block; } #social { margin: 10px 0 20px; border-top: 1px solid #eee; padding: 5px 0; position: relative; } #social h3 { font-family: "Mako", sans-serif; position: absolute; top: 10px; width: 150px; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; } #social ul { position: absolute; top: 5px; right: 5px; } #social ul li { background: none;display: inline !important;list-style-type: none;margin: 0 !important;padding: 1px !important;font-size: 12px;} .slidebox { margin: 10px 0 5px; } .single .book a { display: block; text-align: center; background: #eee; padding: 3px 5px; font-size: 15px; font-family: "Baskerville", "Goudy Old Style", Constantia, serif; font-weight:normal; margin: -3px 0 0; color: #eee; text-shadow: rgba(255, 255, 255, 0.3) 1px 1px; position: relative; height: 25px; line-height: 25px; } /* -------------------------------------------------- Footer -------------------------------------------------- */ #footer{ margin-left: 240px; margin-top: 40px; background: #f6f6f6; padding: 10px 20px; color: #555; clear:both; font-family: "Mako", sans-serif; } /* MAMA */ .box-quote { background:#88C922 url(images/quote.png) 10px 15px no-repeat; padding:10px; padding-left:50px; color:#fff; text-shadow:none; } .box-quote p.author { text-align:right; font-size:12px; } .share { border-top: 1px dotted #ccc; padding-top:10px; } #newsletter-sub-form input { width:200px; padding:2px; border:1px solid #ccc; } #newsletter-sub-form input.button, #newsletter-sub-form input[type="submit"] { width:60px; padding:2px; background-color:#88C922; margin-top:10px; float:right; margin-right:-5px; color:#fff; border:0; } .box.index img { width:330px; height:auto; } .countdown { border-top:2px solid #000; @import url(//fonts.googleapis.com/css?family=Open+Sans:700,400,600); font-family: 'Open Sans', sans-serif; position:relative; height:70px; width:211px; margin-top:13px; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .countdown { margin-top:14px; } #newsletter-sub-form input.button { width:80px; background-color:#88C922; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .countdown { margin-top:14px; } #newsletter-sub-form input.button { width:80px; } } .countdown .number { font-size:65px; display:inline-block; font-weight:700; line-height:1em; color:#86BD4A; position:absolute; left:0; top:0; } .countdown .day-to { display:inline-block; position:absolute; right:0; top:0; margin-top:25px; font-size:15px; font-weight:700; margin-right:20px; } .countdown .day-to span { font-size:20px; }