/*/// ALTO ///*/ @font-face{ font-family: 'AltoPro_Bold'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=5AFAB79E-F42A-6106-43DC-E9CF6B4B3F51'); font-weight:normal;font-style:normal; } @font-face{ font-family: 'AltoPro_Normal'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=916E167A-E7A8-0634-4302-DCB4DCCCA4E3'); font-weight:normal;font-style:normal; } @font-face{ font-family: 'AltoPro_ExtraLightItalic'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=2C0D7763-5177-E03A-E6B7-ADDB78F3A1CD'); font-weight:normal;font-style:normal; } @font-face{ font-family: 'AltoPro_Light'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=A9F1ADF8-A1F8-6FBD-CF74-FEDA8359FEAF'); font-weight:normal;font-style:normal; } @font-face{ font-family: 'AltoPro_NormalItalic'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=A678D579-2838-835A-221F-78A0CC000825'); font-weight:normal;font-style:normal; } @font-face{ font-family: 'AltoPro_BoldItalic'; src: url( 'http://fnt.webink.com/wfs/?drawer=98D04531-9E64-47D8-9604-D244718337AC&font=6A86C6E4-DCA9-4693-4A43-99899922B28C'); font-weight:normal;font-style:normal; } /* GENERAL --------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Typography */ html {margin:0;padding:0;border:0;} body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section {display:block;} body {line-height:1.5;background:white;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;float:none !important;} table, th, td {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:'';} blockquote, q {quotes:"" "";} a img {border:none;} :focus {outline:0;} html { overflow-y: scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size: 12px;} body { font-family: 'AltoPro_Light',Arial, Helvetica, sans-serif; } a { color: #444; text-decoration: none; } a:hover, a:focus { color: #222; } a:hover, a:active { text-decoration: underline; outline: none; } a:active, input.button:active { outline: 0; position: relative; top: 1px; } ul.none { margin: 0 0 1.5em 0; padding: 0; list-style: none; } .icon { vertical-align: middle; } .aligncenter { display: block; margin: 0 auto; } img.left, p img.left, .alignleft { margin: 0 1.5em 1.5em 0; float: left; } img.right, p img.right, .alignright { margin: 0 0 1.5em 1.5em; float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background: #eee; padding: 14px 10px 6px 10px; margin: 15px 10px; } .wp-caption-text { margin: 0; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .ir br { display: none; } .hidden { display: none; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } ::-moz-selection { text-shadow: none; background: #eee; color: #888; } ::selection { text-shadow: none; background: #eee; color: #888; } a:link { -webkit-tap-highlight-color: #bbb; } strong, b { font-weight: normal; } /* Forms */ button, input, select, textarea { width: auto; overflow: visible; margin: 0; font-family: 'AltoPro_Normal',sans-serif; font-size: 12px !important; padding-left: 0.5em; padding-right: 0.5em; text-shadow: 1px 1px 0px #fff;} label, input[type=button], input[type=submit], input[type=image], button { cursor: pointer; } textarea { overflow: auto; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Grid */ body { text-rendering: optimizeLegibility; cursor: default; color: #444444; background-color: #f1f1f1;} #wrap { width:960px;margin:0 auto; background-color: #fff;} .twtr-ft { display: none;} #twtr-widget-1 .twtr-bd p { font-family: 'AltoPro_Normal'; font-size: 12px; line-height: 1.2em; } /* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------- */ #connection { z-index: 1000; background-color: #e1e1e1; display: none; padding: 10px; table { margin-left: auto; width: 450px;} td {text-align: right; padding: 3px 0px; font-size: 11px; line-height: 15px;} .intro { width: 50%; vertical-align: top;} .wrap { width: 960px; margin: 0 auto;} .firstrow label{ display: none; } input { width: 130px; background-color: #fff; border: 1px solid #ccc; height: 25px; padding: 0px 5px; margin: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; &:focus { border-color: #888;} } #rememberme { height: auto; line-height: 20px; width: auto; margin-right: 0.3em;} .loginsubmit { &:hover { background-color: #e1e1e1; border-color: #aaa;} } } #nav { position: relative; z-index: 1000; padding-top: 15px; height: 25px; width: 890px; margin: auto; border-bottom: 1px solid #e5e5e5; } #nav-main { float: left; } #nav-second { float: right; color: #bbb; a { color: #bbb;} } #nav-main ul { position: relative; list-style: none; padding: 0; float: left; width: 100%; } #nav-second ul { position: relative; list-style: none; padding: 0px; float: left; } .icons {float: left;} #nav-main ul li { float: left; margin: 0; border-right: 1px solid #f1f1f1;} #nav-main ul li:hover, #nav-second ul li:hover { position: relative; } #nav-main ul li a { /* font-weight: bold; */ font-family: 'AltoPro_Bold'; text-decoration: none; display: block; padding: 0px 16px; color: #444; margin: 0; } #nav-second ul li a { padding: 0 8px 0 16px; color: #444; margin: 0px; } #nav-second ul li {float: left; margin: 0;} .parent { background: url(../img/arrow_down.gif) no-repeat left; margin-left: 5px !important; } #nav-main ul li a:hover, #nav-main ul li.current-menu-item > a, #nav-main ul li.current-menu-parent > a, #nav-main ul li.current-menu-ancestor > a, #nav-main ul li:hover > a { text-decoration: underline; } #nav-second ul li a:hover, #nav-second ul li.current-menu-item > a, #nav-second ul li.current-menu-parent > a, #nav-second ul li.current-menu-ancestor > a, #nav-second ul li:hover > a { text-decoration: underline; } #nav-main ul ul, #nav-second ul ul { position: absolute; visibility: hidden; top: 100%; left: 0; width: 150px; background: #fff; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #nav-main ul ul li, #nav-second ul ul li { float: none; border: 0;} #nav-main ul ul li a, #nav-second ul ul li a { /* font-weight: normal; */ font-family: 'AltoPro_Normal'; padding: 0px 16px; color: #888; width: 168px; /* account for the width of ul#nav-main ul and the padding on the anchor */ display: inline-block; } #nav-main ul ul li a:hover, #nav-main ul ul li.current-menu-item > a, #nav-main ul ul li.current-menu-parent > a, #nav-main ul ul li.current-menu-ancestor > a, #nav-main ul ul li:hover > a { color: #000; } #nav-main ul ul ul { left: 100%; top: 0; } #nav-main ul li:hover > ul, #nav-second ul li:hover > ul { visibility: visible; } #nav-second { a span.cart { text-indent: -9999px; display: inline-block; width: 20px; height: 18px; background: url(../img/icons.png) -5px 0 no-repeat; } a:hover span.cart { background-position-y: -17px; } a:hover { text-decoration: none; color: #555; } a span.twitter { text-indent: -9999px; display: inline-block; width: 20px; height: 18px; background: url(../img/icons.png) -26px 0 no-repeat; &:hover {background-position-y: -17px;} } a span.facebook { margin-left: 5px; text-indent: -9999px; display: inline-block; width: 20px; height: 18px; background: url(../img/icons.png) -53px 0 no-repeat; &:hover {background-position-y: -17px;} } } #banner { width: 890px; height: 178px; margin: 5px auto; padding: 0 0 5px 0; border-bottom: 1px solid #e5e5e5; overflow: hidden; zoom: 1; font-family: 'AltoPro_ExtraLightItalic', 'chaparral-pro-1', 'chaparral-pro-2', serif; position: relative; #text { position: absolute; top: 25%; } h1 { font-size: 48px; line-height: 1em; color: #444; } h2 { font-size: 24px; } } /* CONTENT --------------------------------------------------------------------------------------------------------------------------------------------------- */ #sidebar { margin: 0 0 0 35px; float: left; width: 220px;} #main { margin-right: 35px; width: 640px; float: right; .box-1 { width: 310px; margin-right: 10px; float: left;} .box-2 { clear: both;} .box-1, .box-2 { margin-bottom: 2em; h1 { min-height: 19px; border-bottom: 1px solid #e1e1e1; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; font-size: 12px; line-height: 1.3em; } > h1 { height: 30px; padding: 0 10px; line-height: 30px; background-color: #eee; margin-bottom: 0.5em; } > ul { list-style-type: none; h1 { font-style: italic; border: none; margin-bottom: 0em;} li { margin-bottom: 1em;} } p { font-family: 'AltoPro_Light'; font-size: 14px; line-height: 1.3em; } } } .partners_logos { vertical-align: middle; a:link, a:visited { display: inline; vertical-align: middle; opacity: 0.5; margin: 5px 15px; text-align: center; height: auto; line-height: 40px; img { vertical-align: middle; } &:hover { opacity: 1;} } } .dernieres-nouvelles { margin: 0 0 5px 0; padding-bottom: 5px; border-bottom: 1px solid #eee; height: auto; .highlight-nav { background-color: #eee; border-bottom: 1px solid #e1e1e1; margin-bottom: 5px; height: 28px; padding-top: 10px; padding-bottom: 10px; .prev, .next { margin: 4px 2px 0 2px; display: inline-block; width: 11px; height: 11px; text-indent: -9999px;} .prev { background: url(../img/arrow-left.gif) no-repeat 0 0; &:hover {background-position: 0 -11px; cursor: pointer;} } .next { background: url(../img/arrow-right.gif) no-repeat 0 0; &:hover {background-position: 0 -11px; cursor: pointer;} } .title { margin: 5px 0; height: 20px; float: left; width: 450px; padding: 0 10px; border-right: 1px solid #ccc; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; div { color: #bbb; /* font-weight: normal; */ font-family: 'AltoPro_Normal'; float: right;} } .all { margin: 5px 10px 0 0; height: 20px; float: right; a { color: #bbb;} } } .rotator {} .post { width: 640px; height: auto;} .post img { float: left;} aside { margin: 0 0 0 10px; a { font-style: italic;} } .hasthumbnail { width: 160px; float: left;} .hasnothumbnail { width: 470px; margin-left: 0; margin-right: 0; p { font-size: 18px !important; line-height: 24px !important;} } .pager { margin-right: 3px; display: inline;} } .widget { padding: 10px; background-color: #e1e1e1; margin: 0 0 10px 0; h3 { color: #bbb; font-weight: normal; margin: 0 0 5px 0;} iframe { background-color: #fff;} } .widget_search { h3 { color: #444; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; display: inline;} input { margin: 0 !important; padding: 0 5px !important; display: inline; border: 1px solid #ddd;} input:focus { border-color: #bbb;} #s { width: 138px; height: 26px;} #searchsubmit { color: #aaa; text-transform: uppercase; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; background-color: #eee; width: 30px; height: 28px; &:hover { color: #888; border-color: #bbb; background-color: #fff; } } } .container { .path { background-color: #e1e1e1; margin-bottom: 5px; height: 28px; padding: 10px; /* border-bottom: 1px solid #e1e1e1; margin-bottom: 1em; height: 28px; */ line-height: 28px; font-family: 'AltoPro_Normal',Arial, Helvetica, sans-serif; a:last-child { /* font-weight: bold; */ font-family: 'AltoPro_Bold', } } } body.page { .container { .colonne { border-top: 1px solid #f1f1f1; width: 200px; float: left; padding: 5px 0; margin: 0px 10px 20px 0; &:hover {background-color: #f1f1f1;} p {font-family: 'AltoPro_Light',Arial, Helvetica, sans-serif;} } h1 {font-size: 16px; font-family: 'AltoPro_Bold';} h2, b, strong {/* font-weight: bold; */font-family: 'AltoPro_Bold';} em, i {/* font-style: italic; */font-family: 'AltoPro_NormalItalic';} p { font-family: 'AltoPro_Light',Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.3em; margin-bottom: 1em; } } .bigger { p { font-size: 30px; line-height: 1.3em; margin-bottom: 1em; } } } body.blog, body.single, body.search, body.error404 { .post, .page { margin-bottom: 3em; border-bottom: 1px solid #e1e1e1; padding-bottom: 1em; h1 {font-size: 16px; font-family: 'AltoPro_Bold';} h2, b, strong {/* font-weight: bold; */font-family: 'AltoPro_Bold';} p { font-family: 'AltoPro_Light',Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.3em; margin-bottom: 1em; } em, i {/* font-style: italic; */font-family: 'AltoPro_NormalItalic';} header { padding: 1em 0; h2 { font-size: 20px; line-height: 26px; } } time { text-transform: uppercase; letter-spacing: 1px; font-size: 10px; color: #aaa;} p a { text-decoration: underline; } } } body.search { } #content { /* Fallback for web browsers that doesn't support RGBa */ background: rgb(255,255,255); /* RGBa with 0.6 opacity */ background: rgba(255,255,255, 0.8); /* For IE 5.5 - 7*/ filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCffffff, endColorstr=#CCffffff)"; /* For IE 8*/ -ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; margin: 0 0 10px 0;} input, button { background-color: #fff; border: 1px solid #ccc; height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } input[type=checkbox] { height: auto; } button, input[type=submit] { padding: 1px 4px; height: 24px; background-color: #eee; &:hover {background-color: #fff;border-color: #aaa;} &:active {border-color: #888;} } button a:hover { text-decoration: none; } button a:active { top: 0; } button:active { position: relative; top: 1px; } .remove { font-size: 10px !important; color: lighten(#ff0000, 20%);} #shopp #shipping-address-fields {margin-right: 4px !important;} .clear { clear: both;} #post-nav { overflow: hidden; zoom: 1; .post-previous { float:left; } .post-next { float: right; } } /*//// SHOPP ////*/ .profile-nav { width: auto !important; display: block !important; margin: 10px 0 !important; padding: auto !important; } button.account, button.downloads, button.history { background-color: #ddd; } #shopp { .paiement { background-color: #eee; padding: 10px !important; li { overflow: hidden; zoom: 1; margin-bottom: 1em !important; label { margin-bottom: 3px; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; font-size: 14px; text-shadow: 1px 1px 0px #fff; } span, div { width: 47%; display: inline-block; margin-right: 2%; padding: 0 !important; label { font-size: 11px; /* font-weight: normal; */ font-family: 'AltoPro_Normal'; } input { width: 100%; padding: 1%; } } input#marketing { width: auto; height: auto; } } } .cart p { font-size: 11px; line-height: 1.3em; } p.marketing { } p.submit { text-align: left; .payoption-paypal-express { input { border: 0px; background: transparent; width: 145px; height: 42px; } } } &.product { .single-product { .images { float: left; width: 33%; img { max-width: 100%; height: auto; } } .desc { float: right; width: 65%; .buy { margin: 1em 0; padding: 1em 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; } } } } .outofstock, .original { text-decoration: line-through; } .account { label { margin-bottom: 3px; /* font-weight: bold; */ font-family: 'AltoPro_Bold'; font-size: 14px; text-shadow: 1px 1px 0px #fff; } span, div { width: 47%; display: inline-block; margin-right: 2%; padding: 0 !important; label { font-size: 11px; /* font-weight: normal; */ font-family: 'AltoPro_Normal'; } input { width: 100%; padding: 1%; } } } } .account-history, .transaction { width: 100%; margin-bottom: 1em; thead { font-family: 'AltoPro_Bold'; font-size: 14px; } } /* FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------- */ footer { clear: both;} #menu-footer-navigation { margin: auto; width: 890px; border-top: 1px solid #e1e1e1; padding: 10px 0; list-style-type: none; min-height: 100px; .first { margin: 0 10px 0 0;} li { /* font-weight: bold; */ font-family: 'AltoPro_Bold'; display: block; float: left; width: 110px; padding: 0 10px 0 0; margin: 0px; ul {float: none; li { /* font-weight: normal; */ font-family: 'AltoPro_Normal'; float: none;} } } } small { font-size: 11px; letter-spacing: 1px; text-transform: uppercase; color: #aaa; margin: 5px auto; display: block; text-align: center; margin-bottom: 50px; min-height: 30px; } /* WIDGETS & PLUGINS --------------------------------------------------------------------------------------------------------------------------------------------------- */ /* Fancybox */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url(../img/fancybox/fancybox.png); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url(../img/fancybox/fancybox.png) -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px sans-serif; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url(../img/fancybox/blank.gif); z-index: 1102; display: none; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; } #fancybox-right:hover span { left: auto; right: 20px; } #fancybox-left:hover span { left: 20px } #fancybox-left { left: 0px } #fancybox-right { right: 0px } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url(../img/fancybox/fancybox.png); background-position: -40px -30px; } #fancybox-right-ico { background-image: url(../img/fancybox/fancybox.png); background-position: -40px -60px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url(../img/fancybox/fancybox-x.png); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url(../img/fancybox/fancybox-y.png); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url(../img/fancybox/fancybox-x.png); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url(../img/fancybox/fancybox-y.png); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url(../img/fancybox/fancybox.png); background-position: -40px -122px; } #fancybox-title { font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #fff; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url(../img/fancybox/fancy_title_over.png); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url(../img/fancybox/fancybox.png) -40px -90px no-repeat; } #fancybox-title-float-main { color: #fff; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url(../img/fancybox/fancybox-x.png) 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url(../img/fancybox/fancybox.png) -55px -90px no-repeat; } /* MapPress */ #mapp0_poweredby, #mapp1_poweredby, #mapp2_poweredby, #mapp3_poweredby, #mapp4_poweredby, #mapp5_poweredby, #mapp6_poweredby, #mapp7_poweredby, #mapp8_poweredby, #mapp9_poweredby, #mapp10_poweredby { display: none !important; } /* remove MapPress credit */ /* Search */ #searchform #s { padding: 5px; } /* INTERNET EXPLORER --------------------------------------------------------------------------------------------------------------------------------------------------- */ .oldie #nav-main ul li { *zoom: 1; } /* Clearfixes */ /* .oldie #commentform, .oldie #post-nav, .oldie #comments-nav { display: *inline-block; } */ /* MEDIA QUERIES --------------------------------------------------------------------------------------------------------------------------------------------------- */ @media only screen and (min-width: 480px) { /* Style adjustments for viewports 480px and over go here */ }/*/mediaquery*/ @media only screen and (min-width: 768px) { /* Style adjustments for viewports 768px and over go here */ }/*/mediaquery*/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }