/*************** Less.js helping Classes ***********************/ /*** Rounded Corners ***/ .roundedAll(@radius: 3px) { border-radius:@radius; -o-border-radius:@radius; -moz-border-radius:@radius; -webkit-border-radius:@radius; behavior: url(css/PIE.htc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .roundedTop(@radius: 3px) { -o-border-radius-topright:@radius; -moz-border-radius-topright:@radius; border-top-right-radius:@radius; -webkit-border-top-right-radius:@radius; -o-border-radius-topleft:@radius; -moz-border-radius-topleft:@radius; border-top-left-radius:@radius; -webkit-border-top-left-radius:@radius; behavior: url(css/PIE.htc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .roundedRight(@radius: 3px) { -o-border-radius-topright:@radius; -moz-border-radius-topright:@radius; border-top-right-radius:@radius; -webkit-border-top-right-radius:@radius; -o-border-radius-bottomright:@radius; -moz-border-radius-bottomright:@radius; border-bottom-right-radius:@radius; -webkit-border-bottom-right-radius:@radius; behavior: url(css/PIE.htc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .roundedBottom(@radius: 3px, ) { -o-border-radius-bottomright:@radius; -moz-border-radius-bottomright:@radius; border-bottom-right-radius:@radius; -webkit-border-bottom-right-radius:@radius; -o-border-radius-bottomleft:@radius; -moz-border-radius-bottomleft:@radius; border-bottom-left-radius:@radius; -webkit-border-bottom-left-radius:@radius; behavior: url(css/PIE.htc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .roundedLeft(@radius: 3px, ) { -o-border-radius-topleft:@radius; -moz-border-radius-topleft:@radius; border-top-left-radius:@radius; -webkit-border-top-left-radius:@radius; -o-border-radius-bottomleft:@radius; -moz-border-radius-bottomleft:@radius; border-bottom-left-radius:@radius; -webkit-border-bottom-left-radius:@radius; behavior: url(css/PIE.htc); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /** Shadows **/ .dropShadow(@x:0, @y:0, @blur:0, @spread:0, @color:#444){ box-shadow: @x @y @blur @spread @color; -o-box-shadow: @x @y @blur @spread @color; -webkit-box-shadow: @x @y @blur @spread @color; -moz-box-shadow: @x @y @blur @spread @color; behavior: url(css/PIE.htc); } .insetShadow(@x:0, @y:0, @blur:0, @color:#444){ box-shadow: inset @x @y @blur @color; -o-box-shadow: inset @x @y @blur @color; -webkit-box-shadow: inset @x @y @blur @color; -moz-box-shadow: inset @x @y @blur @color; behavior: url(css/PIE.htc); } /**** Transitions and animations *****/ .transition(@obj:all, @time:.5s, @easing:ease-out){ transition: @obj @time @easing; -o-transition: @obj @time @easing; -moz-transition: @obj @time @easing; -ms-transition: @obj @time @easing; -webkit-transition: @obj @time @easing; } .noShadow(){ box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } .noTransition(){ transition:none; -o-transition:none; -moz-transition:none; -ms-transition:none; -webkit-transition: none; } .rotation(@deg:5deg){ -o-transform: rotate(@deg); -webkit-transform: rotate(@deg); -moz-transform: rotate(@deg); -ms-transform: rotate(@deg); transform: rotate(@deg); } /** Gradients***/ .linearGradient(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){ background-color:@color2; background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3)); background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:-ms-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color3, @color1)); } .linearGradient4(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc, @stop4:100%, @color4:#ccc){ background-color:@color2; background:-webkit-gradient(linear, left bottom, left top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3), color-stop(@stop4, @color4)); background:-moz-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); background:-ms-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); background:-o-linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); background:linear-gradient(center bottom, @color1 @stop1, @color2 @stop2, @color3 @stop3, @color4 @stop4); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=%d,endColorstr=%d)", @color3, @color1)); } .linearHorizontal(@stop1:0, @color1:#ccc, @stop2:50%, @color2:#ddd, @stop3:100%, @color3:#ccc){ background-color:@color2; background:-webkit-gradient(linear, left top, right top, color-stop(@stop1, @color1), color-stop(@stop2, @color2), color-stop(@stop3, @color3)); background:-moz-linear-gradient(left center, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:-ms-linear-gradient(left center, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:-o-linear-gradient(left center, @color1 @stop1, @color2 @stop2, @color3 @stop3); background:linear-gradient(left center, @color1 @stop1, @color2 @stop2, @color3 @stop3); filter: e(%("progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=%d,endColorstr=%d)", @color1, @color3)); } /* USED COLOR */ @light_pink : #ece0e0; @pink : #f7c9d6; @light_green : #eaf5d3; @dark_pink: #a6618d; @green : #eaf5d3; @medium_green: #cad9b0; @dark_green:#848f6f; @header_green : #006446; /* * Max Width Variable */ @max_width:1140px; @min_width:1000px; /* END LESS FUNCTIONS AND VARIABLES */ /* @FONT-FACE */ @font-face { font-family: 'ScriptinaRegular'; src: url('scriptin-webfont.eot'); src: url('scriptin-webfont.eot?#iefix') format('embedded-opentype'), url('scriptin-webfont.woff') format('woff'), url('scriptin-webfont.ttf') format('truetype'), url('scriptin-webfont.svg#ScriptinaRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirBook'; src: url('avenir-b-webfont.eot'); src: url('avenir-b-webfont.eot?#iefix') format('embedded-opentype'), url('avenir-b-webfont.woff') format('woff'), url('avenir-b-webfont.ttf') format('truetype'), url('avenir-b-webfont.svg#AvenirBook') format('svg'); font-weight: normal; font-style: normal; } /* END FONTFACE */ /************************************** END LESS CLASSES ********************************/ .preloader { background:url(../images/loader.gif) center center no-repeat rgba(255,255,255, .3); display: block; opacity: .6; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .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; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .right{ float: right; } .left{ float: left; } .center{ margin:0 auto; text-align:center; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << nicolas gallagher http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content:""; display:block; } .cf:after { clear:both; } .cf { zoom:1; } /****************** Html5 Boilerplate Basic Style ****************************/ 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, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,#over_featured img 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; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } ins { background-color: #ff9; color: #000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr{ display: block; height: 1px; border: 0; border-top: 1px dashed @dark_green; margin: 2em 0; padding: 0; width:75%; text-align:right; margin: 0 0 0 auto; clear:both; } hr:after{ content:""; display:block; height:1px; border-top:1px solid rgba(255,255,255, .5); } input, select { vertical-align: middle; } body { font:14px/1.5 sans-serif; *font-size:small; } select, input, textarea, button { font:99% sans-serif; } pre, code, kbd, samp { font-family: monospace, sans-serif; } html { overflow-y: scroll; } ol { list-style-type: decimal; } nav ul, nav li { margin: 0; list-style:none; list-style-image: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td { vertical-align: top; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; } textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; } label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; } button, input, select, textarea { margin: 0; } input:valid, textarea:valid { } input:invalid, textarea:invalid, input.invalid, textarea.invalid { border:1px solid red; .roundedAll(1px); .insetShadow(0,0,3px, red); } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } ::-moz-selection{ background:@light_green; color:#444; text-shadow: none; } ::selection { background:@light_green; color:#444; text-shadow: none; } button { width: auto; overflow: visible; } /** * Custom Grid * */ .sixth, .quarter, .quarter_plus, .third, .half, .two_third, .three_quarter_minus, .three_quarter, .five_sixth { margin-right: 3.8%; float: left; min-height: 1px; } .sixth { width: 4.85%; } .quarter { width: 22.05%; } .quarter_plus{ width:24.45%; } .third { width: 28.75%; } .half { width: 48%; } .two_third { width: 63.4%; } .three_quarter_minus{ width:60.75%; } .three_quarter { width: 74.05%; } .five_sixth { width: 91.35%; } .full { width: 100%; float: left; } .first{ clear:both; margin-top:24px; } .last { margin-right: 0px; } .alignleft{ float:left; } /*************************** Fonts & text Settings **********************/ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #444; line-height: 1.5em; /* Base FontStack here */ font-family:Verdana, Geneva, sans-serif; } /* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */ h1, h2, h3, h4, h5, h6 { text-shadow:none; font-family:"Lucida Sans Unicode" , "Lucida Grande", sans-serif; margin-bottom:12px; margin-top:24px; text-transform: capitalize; } h1 { font-size: 26px; line-height: 36px; /* Changing this will break the baseline grid. */ color:@header_green; text-shadow:0 2px 0 #fff; } h2 { font-size: 18px; color:@header_green; } h3 { font-size: 18px; color:@header_green; } h4 { font-size:15px; } h5 { font-size:14px; } h5.uncapitalized{ text-transform:none; } h6{ font-size:13px; } em{ font-style: italic; } /*********************** Basic Anchor tags Style ***********************/ /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color:#444; text-decoration:none; text-shadow: 0 1px 0 #f5f5f5; .transition(all, .4s, ease-out); } a:hover { color: @dark_green; } a img { display: block; } a.btn:active { position:relative; top:1px; } a:link { -webkit-tap-highlight-color: #FF5E99; } .hide { position: absolute; top: -9999px; left: -9999px; } /*************** Disable javascript message *********************/ /***** Javascript Inactif ******/ .js p#jsnotice { display: none; } .no-js p#jsnotice { display: block; } #jsnotice { position: absolute; top: 0; left: 0; width: 100%; height: 50px; text-align:center; padding-top: 20px; color: #fff; .linearGradient(0%, #900, 75%, #b00, 100%, #900); border: 1px solid #fff; text-shadow: 0 -1px 0 #444; } #jsnotice a{ color: #fff; text-decoration: underline; } /****** Layout *************/ html, body {height:100%; min-height: 100%; height: auto !important;} html{ background:#ddeffd url(../images/bg_html.jpg) repeat-x; } body{ position:relative; overflow:hidden; } #inner_body { position:relative; overflow:hidden; color:#444; width:100%; max-width:1596px; margin:0 auto; z-index:1; } #wrapper{ position:relative; width:@min_width; min-height: 100%; height: auto !important; height: 100%; margin:0 auto; z-index:100; } #left_bg, #right_bg{ width:298px; height:700px; position:absolute; bottom:-10px; } #left_bg{ background:url(../images/left_bg_2.png) no-repeat; left:0; } #right_bg{ background:url(../images/right_bg_2.png) no-repeat; right:0; } /******************** Top Bar ***************/ #top_bar{ position:relative; .linearGradient(0, @dark_green, 85%, @medium_green, 100%, @light_green); .roundedBottom(10px); height:40px; margin-top:-1px; margin-bottom:6px; border:1px solid #fff; .dropShadow(0,5px, 5px, -5px, rgba(0,0,0, .3)); z-index:20000; } #butterfly_top{ width:323px; height:40px; float:left; background:url(../images/butterfly_top.png) no-repeat; } #top_bar a { float:left; color:#fff; text-shadow: 0 0 0 #fff; } .bordered{ border-right:1px solid #fff; padding-right:12px; height:20px; margin:10px 0 0 12px; } #lang{ display:block; font-size:11px; } #blog_icon{ width:26px; height:26px; float:left; margin-top:0; background:url(../images/sprite2.png) -90px 0 no-repeat; } /************* generic Buttons ****************/ .button { width:135px; height: 45px; .roundedAll(8px); .linearGradient(0, @medium_green, 65%, @light_green, 100%, @light_green); text-align:center; border:1px solid #fff; padding-top:2px; margin-bottom:10px; clear:both; } /************* Social Buttons ****************/ #social_network{ /*margin-left:35px; */ list-style: none; margin-left:24px; display:inline; width:120px; margin:10px 0 0 0; float:left; padding:0 12px 0 0; } #social_network li{ text-align:center; width:28px; float:left; margin:-2px 0 0 12px; } #social_network a{ display:block; width:28px; height:28px; padding:0; opacity:.8; } #social_network a:hover{ opacity:1; } #facebook a{ background:url(../images/sprite2.png) 0 0 no-repeat; } #twitter a{ background:url(../images/sprite2.png) -30px 0 no-repeat; } #youtube a{ background:url(../images/sprite2.png) -60px 0 no-repeat; } #alternate_search{ position:absolute; width:245px; bottom:6px; right:24px; z-index:1000; } /************** Header ***************/ header{ position:relative; height:70px; width:100%; .linearGradient(0, @light_green, 65%, @medium_green, 100%, @dark_green); .roundedAll(10px); .dropShadow(0,15px, 10px, -10px, rgba(0,0,0, .3)); z-index:10; } #pattern_header{ position:absolute; top:0; left:0; z-index:1; height:70px; width:100%; background:url(../images/pattern_interior_header.png) repeat-x; } #logo{ position:relative; z-index:10; display:block; width:178px; height:60px; float:left; background:url(../images/logo.png) no-repeat; margin:5px 0 0 30px; } #small_ribbon_left{ position:absolute; top:22px; left:180px; z-index:200; width:163px; height:115px; background:url(../images/ribbon_small_left.png) no-repeat; } #small_ribbon_right{ position:absolute; top:35px; right:-135px; z-index:2; width:240px; height:140px; background:url(../images/ribbon_small_right.png) no-repeat; } nav{ font-family: 'Open Sans', serif; font-weight: bold; } /*************** Alternate Search form **********************/ form{ width:100%; } label { text-transform:uppercase; color:#444; } input[type='search']{ width:70%; height:21px; float:left ; margin:0; .insetShadow(0,0,4px, @dark_green); -webkit-box-sizing:content-box; } input[type='submit']::-moz-focus-inner{ border:0; padding:0; } input[type='submit']{ height:27px; width:55px; margin-left:10px; border:none; background:none; margin:0 0 0 3px; line-height:1.2em; text-shadow:0 1px 0 #444; color:#f5f5f5; font-weight:bolder; cursor:pointer; } input[type='submit']:hover{ color:#444; text-shadow:0 1px 0 #fff; } /************* Nav *************/ nav#primary{ position:relative; z-index:5000; width:775px; float:right; margin-top:-5px; text-align:right; height:45px; } #primary ul{ margin-left:50px; } #primary li{ float:left; font-size:11px; margin:30px 15px 0 15px; position:relative; padding:1px 0; } #primary li a{ position:relative; padding:20px 5px; text-shadow:0 1px 0 #f5f5f5; text-transform:uppercase; color:#93a57c; padding-bottom:5px; } #primary li a:before{ content:''; display:block; height:19px; float:left; background:url(../images/sprite2.png); } .icon_menu{ display:block; position:absolute; float:left; margin-top:18px; height:19px; float:left; background:url(../images/sprite2.png); } .ie7 #primary li#menu-item-921{ margin-right:28px; } #primary li#menu-item-914 {display:none;} /*about*/ #primary li#menu-item-921 a:before, #icon_about{ left:24px; width:20px; background-position: -180px -20px; } #icon_about{ margin-left:-12px; } #primary li#menu-item-921:hover a:before, #primary li#menu-item-921.current_page_parent a:before, #primary li#menu-item-921:hover #icon_about, #primary li#menu-item-921.current_page_parent #icon_about { background-position: -180px -38px; } /*diagnostic*/ #primary li#menu-item-915 a:before, #icon_diagnostic{ left:23px; width:23px; background-position: -217px -20px; } #icon_diagnostic{ margin-left:-14px; } #primary li#menu-item-915:hover a:before, #primary li#menu-item-915.current_page_parent a:before, #primary li#menu-item-915:hover #icon_diagnostic, #primary li#menu-item-915.current_page_parent #icon_diagnostic{ background-position: -217px -38px; } /*support*/ .ie7 #primary li#menu-item-920{ margin-right:26px; } #primary li#menu-item-920 a:before, #icon_support{ left:30px; width:15px; background-position: -199px -20px; } #icon_support{ margin-left:-15px; } #primary li#menu-item-920:hover a:before, #primary li#menu-item-920.current_page_parent a:before, #primary li#menu-item-920:hover #icon_support, #primary li#menu-item-920.current_page_parent #icon_support{ background-position: -199px -38px; } /*for men*/ .ie7 #primary li#menu-item-907{ margin-right:10px; } #primary li#menu-item-907 a:before, #icon_men{ left:20px; width:20px; background-position: -240px -20px; } #icon_men{ margin-left:-6px; } #primary li#menu-item-907:hover a:before, #primary li#menu-item-907.current_page_item a:before, #primary li#menu-item-907:hover #icon_men, #primary li#menu-item-907.current_page_parent #icon_men{ background-position: -240px -38px; } /*Appointment*/ #primary li#menu-item-919 a:before, #icon_appt{ left:12px; width:21px; background-position: -238px -60px; } #primary li#menu-item-919:hover a:before, #primary li#menu-item-919.current_page_item a:before, #primary li#menu-item-919:hover #icon_appt, #primary li#menu-item-919.current_page_parent #icon_appt{ background-position: -238px -80px; } #primary li:hover a, #primary li.current_page_item a, #primary li.current_page_parent a, #primary li.current_page_parent ul li:hover a, #primary li.current_page_parent ul li.current_page_item a{ color:@header_green; border-bottom: 1px solid @header_green; .dropShadow(0,1px,0,0, #fff); } #primary li:hover ul li a{ color:@dark_green } #primary li:hover ul li a:hover{ color:@header_green } #primary li:hover a{ border:none; .dropShadow(0,0,0,0, #fff); } #primary li.current_page_parent ul li a{ color:#93A57C; } #primary li.current_page_parent ul li a, #primary li.current_page_parent ul li:hover a{ background:none; border:none; .dropShadow(0,0,0,0,#fff); } nav#primary li.current_page_item ul li a:before, #primary li.current_page_parent ul li a:before{ background:none; } /********* Sub Nav ************/ #primary li ul{ .transition(all, 1s, ease-out); z-index:6000; min-width:100%; width:160px; height:auto; margin-left:0; position:absolute; top:0; right:-20px; display:none; margin-top:22px; padding-top:0; background:@light_green; background:rgba(234, 245, 211, .7); .roundedBottom(5px); padding:2px 4px 5px 0; border:1px solid @header_green; .dropShadow(2px, 2px, 8px, -2px, rgba(0, 0, 0, .7)); } #primary li ul:hover{ background:rgba(234, 245, 211, .9); .dropShadow(0, 0, 0, 0, rgba(0, 0, 0, 0)); } #primary li:hover ul{ display:block; } #primary li ul li{ margin:0 auto; margin:2px 0; display:block; width:100%; text-align:center; position:relative; } nav#primary li ul li a{ font-size:9px; display:block; height:12px; width:auto; clear:both; margin:0; padding:2px 3px; } nav#primary li ul li:hover a, nav#primary li.current_page_parent ul li:hover a, nav#primary li.current_page_parent ul li a, nav#primary li.current_page_parent ul li.current_page_item a{ border:none; .dropShadow(0,0,0,0,#fff); margin:0; padding:2px 3px; } nav#primary li ul li a:before{ background:none; } #primary .arrow_down{ position:absolute; top:6px; right:-20px; display:block; width:15px; height:10px; float:right; background:url(../images/sprite2.png) -150px -160px no-repeat; } /******************** Featured Section **********************/ #featured img, #featured-showcase img { max-width: 100%; height: auto!important; } #featured{ filter:none !important; position:relative; height:360px; z-index:20; } .tagline_home{ margin:110px 0 0 0; position:absolute; color:@pink; font-size:46px; line-height: 48px; font-family: 'Artifika', serif; font-style: italic; text-shadow:0 1px 1px #b8739f; } .tagline_home .big{ font-size:64px; margin-left:98px; } #featured-showcase{ position:relative; margin: 0 25px -15px; height:395px; z-index:1; } #ribbon{ width:1367px; height:130px; position:absolute; bottom:-95px; left:-217px; background:url(../images/ribbon_2.png) no-repeat; z-index:100; } .ie7 #ribbon, .ie8 #ribbon{ bottom:-92px; } #over_featured img{ width:376px; height:425px; position:absolute; bottom:-48px; left:200px; z-index:100; } .slideshow-container{ position:absolute; top:0; left:0; } #slideshow2{ opacity:0; } .imageview{ position:relative; z-index:1; list-style:none; height:400px; opacity:0; } .imageview-showcase{ height:400px; } .imageview li { display:block; width:100%; height:400px; position:absolute; top:20px; left:0; z-index:8; } .imageview li.active { z-index:10; } .imageview li.last-active { z-index:9; } /***************** Content ***************/ #content, #content-showcase, #content-gallery { background:#f8ffe4 url(../images/bg_content.jpg) repeat-x; z-index:1; position:relative; padding:0; overflow: hidden; margin:0; margin-top:0; min-height:600px; } #content-showcase{ .roundedTop(10px); .insetShadow(1px, 2px, 16px, #fff); .dropShadow(0, -8px, 10px, -4px, rgba(0,0,0, .3)); } #content p, #content-showcase p, #content-gallery p{ margin-bottom:24px; } #pattern_showcase_top{ width:100%; height:40px; position:absolute; top:1px; left:0; z-index:1; .roundedTop(10px); background:url(../images/pattern_interior_top.png) repeat; } #pattern_showcase{ width:167px; height:414px; position:absolute; top:28px; left:0; z-index:10; background:url(../images/pattern_interior.png) no-repeat; } #legals{ list-style:none; margin:24px 0 44px 24px; } #legals li{ float:left; margin-left:1px; } #legals li a{ text-decoration: underline; font-size:12px; } /***************** main *****************/ #main{ margin:120px 42px 24px 42px; padding:8px 32px; min-height:200px; .roundedAll(20px); border:2px solid #fff; .linearGradient(0, @light_pink, 35%, @light_pink, 100%, @light_green); .insetShadow(0,0,15px, rgba(0,0,0,.2)); padding-bottom:32px; } #main h1 { border-bottom:1px solid #f5f5f5; padding:3px 6px; .roundedAll(5px); .linearGradient(0, @light_pink, 50%, #f5f5f5, 1, @light_pink); } #content-gallery { padding-top:0px; } #content-gallery #main{ margin-top:40px; } .ie7 #content-gallery #main{ margin-top:80px; } /*.gallery-item { width:160px; border:1px solid green; } .gallery-icon a{ display: block; border: 1px solid red; width:140px; height:150px; padding: 0; margin: 0; } .attachment-thumbnail { width:110px; height:120px; } */ #main h1#title{ position:relative; text-shadow:0 1px 0 #fff; color:@header_green; margin-top:12px; /*background:url(../images/sprite2.png) -160px 0 no-repeat;*/ } #main h1#title:before{ content:''; display:block; float:left; width:30px; height:21px; position:absolute; top:1px; left:30px; } #main article{ width:100%; } .entry-content{ overflow:hidden; } .entry-content h1, .entry-content h3 {text-transform:none;} .entry-content hr{ width:100%; margin-bottom:24px; } .entry-content li{ margin-bottom:12px; } .entry-content img{ padding:2px; border:1px solid #fff; .dropShadow(0,0,1px,0, rgba(0,0,0,.3)); } .entry-summary{ padding-bottom:12px; border-bottom:1px dashed @header_green; .dropShadow(0,1px,0,0, #fff); } #main .location_wrap img{ margin-top:-6px; width:100px; height:100px; padding:2px; border:1px solid #fff; .dropShadow(0,0,1px,0, rgba(0,0,0,.3)); } .location_wrap{ border-bottom:1px dashed @dark_green; .dropShadow(0,1px,0,0,rgba(255,255,255, .5)); margin-top:24px; } .location_wrap:last-child{ border:none; .dropShadow(0,0,0,0,rgba(255,255,255, 0)); } .location_wrap h5{ color:@dark_green; text-shadow:0 1px 0 #fff; font-weight:bold; } small.upper_map{ margin-top:55px; } .location_map{ margin-top:20px; width:100%; .roundedAll(5px); border:2px solid @dark_green; overflow:hidden; } h3.marged_top{ margin-top:36px; padding-top:24px; width:100%; border-top:1px solid @header_green; .dropShadow(0,-1px,0,0,rgba(255,255,255, .5)); } #map_canvas_dade{ height:600px; } #map_canvas_broward{ height:350px; } .gmnoprint{ font-size:95%; } .gmnoprint h2, .gmnoprint p{ margin-top:6px; } #content-showcase #main{ position:relative; margin:36px 36px 0 36px; z-index:105; padding-top:18px; } #small { list-style:none; height:12px; margin-bottom:32px; } #small li{ float:left; padding:0; font-size:11px; padding-right:10px; margin-right:10px; border-right:1px solid @header_green; line-height:1.1em; } #small li a{ padding:0; } #small li:first-child, #small li:last-child{ border:none; } #small li:first-child{ border-right:1px solid #444; } #small li.current_page_item a{ color:@dark_green; } #main a{ color:@header_green; } #main a:hover{ color:@dark_green; } #main img{ margin:10px; /*.dropShadow(0,2px,8px,-4px,rgba(0,0,0,.3));*/ } #gooface{ width:60px; height:58px; padding-top:5px; position:absolute; top:70px; right:0; z-index:1000; text-align: center; border:1px solid @light_green; border-right:none; opacity:.8; .roundedLeft(5px); .linearHorizontal(0, @medium_green, 85%, @light_green, 100%, @light_green); .dropShadow(-2px,0,6px,-2px, #444); .transition(all, .5s, ease-out); } #gooface div , #gooface iframe{ opacity:.9 } #main:hover #gooface{ opacity:1; } #gooface:hover{ .dropShadow(0,0,0,0, #444); border:1px solid @medium_green; border-right:none; } #gooface:hover div , #gooface:hover iframe{ opacity:1; } article ul{ list-style:square; padding-left:40px; } article ul li strong{ text-transform: capitalize; } .follow_scroll{ position:relative; } a#physician {} a#physician:before{ content:''; width:25px; height:30px; float:left; margin:-2px -42px 0 18px; background:url(../images/sprite2.png) -200px -120px; } #icon_physician{ width:25px; height:30px; float:left; margin:-35px -32px 0 12px; background:url(../images/sprite2.png) -200px -120px; } /*coaches*/ a#ccoaches:before{ content:''; width:25px; height:30px; float:left; margin:-2px -32px 0 18px; background:url(../images/sprite2.png) -226px -120px; } #icon_ccoaches{ width:25px; height:30px; float:left; margin:-35px -42px 0 12px; background:url(../images/sprite2.png) -226px -120px; } a#physician:hover:before, a#physician:hover #icon_physician { background:url(../images/sprite2.png) -109px -22px; } a#ccoaches:hover:before, a#ccoaches:hover #icon_ccoaches{ background:url(../images/sprite2.png) -135px -22px; } #scrollable_btn{ .noTransition(); } #scrollable_btn.fixed{ position:fixed; top:0; } a#appt_btn, a#locations_btn, #main a.right_small_btn{ display:block; height:50px; width:85%; color:#444; font-size:18px; line-height:1.2em; padding:10px 0 0 10px; text-align:center; border:1px solid #fff; margin:0 auto; margin-bottom:32px; .linearGradient(0, @medium_green, 65%, @light_green, 100%, @light_green); .roundedAll(8px); } /*a#appt_btn, a#locations_btn, #main a.right_small_btn{ display:block; height:60px; width:100%; color:#444; font-size:14px; line-height:1.2em; padding:5px 0 0 0; text-align:left; border:1px solid #060; padding-left:10px; margin:0 auto; margin-bottom:32px; .linearGradient(0, @medium_green, 65%, @light_green, 100%, @light_green); .roundedAll(8px); font-weight:bold; line-height: 18px; }*/ a#appt_btn{ margin-top:45px; width:100%; height:auto; text-align:left; font-weight:bold; font-size:14px; line-height: 18px; padding:10px; border:1px solid #FFF; } #main a.right_small_btn{ height:40px; } a#locations_btn, #main a.right_small_btn{ .linearGradient(0, @light_pink, 65%, @pink, 100%, @pink); width:270px; color:#af5078; margin-left:5px; font-size:13px; } .ie7 #scrollable_btn a#locations_btn{ font-size:12px !important; line-height:13px; } #appt_btn small, a#locations_btn small{ display:block; font-size:90%; font-weight: normal; } #appt_btn:hover, a#locations_btn:hover, #main a.right_small_btn:hover{ color:@dark_green; .insetShadow(0,0,4px , rgba(0,0,0,.4)); } a#locations_btn:before{ content:''; width:55px; height:55px; float:left; margin:-7px 0 0 0; background:url(../images/sprite2.png) -192px -160px; } .ie7 a#locations_btn{ width:65%; padding-left:35%; } #icon_locations{ width:55px; height:55px; float:left; margin:-46px 20px 0 5px; background:url(../images/sprite2.png) -192px -160px; } .ie7 #icon_locations{ margin:-46px 0 0 -80px; } a#locations_btn:hover:before, a#locations_btn:hover #icon_locations{ background:url(../images/sprite2.png) -138px -174px; } a#locations_btn:hover { color:#444; } h4.title-testimonials{ text-align:center; font-size:20px; color:#006446; text-shadow:0 1px 0 #fff; } .testimonials{ .roundedAll(5px); .insetShadow(0,0, 4px, #444); min-height:40px; margin-left:20px; padding:10px 10px 2px 10px; position:relative; text-indent:30px; font-style:italic; background:#f8ffe4; } .testimonials span{ display:block; position:absolute; width:25px; height:25px; } .testimonials span.first-quote{ background:url(../images/sprite2.png) -20px -40px no-repeat; top:8px; left:8px; } .testimonials span.last-quote{ position: relative; background:url(../images/sprite2.png) -60px -40px no-repeat; float:right; margin-top:-25px; } #butterfly{ display:block; float:right; width:120px; height:106px; background:url(../images/butterfly_sprite_2.png) 0 0 no-repeat; margin:-60px -30px 0 -72px; } #phone{ font-size:12px; width:100%; } #main a.bottom_btn{ color:#af5078; display:block; height:140px; font-size:11px; line-height:14px; border:1px solid @dark_green; .linearGradient4(0, @pink, 25%, #fff, 75%, #fff, 100%, @pink); .roundedAll(5px); margin-top:24px; margin-bottom:36px; margin-left:10px; .dropShadow(3px, 3px, 6px, 0, rgba(0, 0, 0, .4)); } #main a.bottom_btn:hover{ .dropShadow(1px, 1px, 3px, 0, rgba(0, 0, 0, .1)); } .bottom_btn .half{ width:44%; } .bottom_btn .half.last{ width:40%; margin-left:6px; padding:0; margin-top:-4px; } .bottom_btn:hover h5{ .transition(all, .5s, ease-out); background-color:rgba(178, 71, 117, 1); color:#fff; } .bottom_btn h5{ margin:5px; font-size:13px; border-bottom:1px solid @dark_green; } .bottom_btn img{ margin:15px 0 0 12px; border:1px solid @pink; } /**************** Gallery *******************************/ #gallery-1 img{ padding:2px; border:1px solid #fff !important; .dropShadow(0,0,1px,0, rgba(0,0,0,.3)); } /*********************** Aside and pictures right ****************/ aside{position:relative; } aside.third{ width:32%;} aside #side_picture{ width:100%; height:auto; } #side_btns{ position:absolute right:24px; top:0; } aside p.center{ color:@header_green; } aside form{ padding:0 20px; } aside input[type="text"]{ width:85%; } aside input[type="submit"]{ width:75px; color:#af5078; background:#fc8db7; padding:2px 10px; font-size:12px; margin:6px 0 0 0; border:2px solid #af5078; } aside input[type="submit"]:hover{ color:#fff; border:2px solid #fff; } /**************************************Google map***********************/ #map_canvas.long{ width:90%; float:right; height:350px; margin:0 10px 36px 0; .roundedAll(5px); border:2px solid @dark_green; overflow:hidden; } #map_canvas.square{ width:100%; height:300px; .roundedAll(5px); border:2px solid @dark_green; overflow:hidden; } #contact_info_container{ margin-top:24px; font-size:12px; } #content-showcase p.contact_info{ text-align: center; margin-bottom:6px; } /**************** Over Footer Image***********************/ #before_footer{ position:relative; z-index:1000; width:100%; height:125px; background:url(../images/footer_2.jpg) no-repeat; } /******** Footer *******/ footer, #push{ clear:both; } footer{ position:relative; width:100%; margin:0 auto; height:100%; z-index:100; .dropShadow(0, 0, 80px, 0, rgba(0,0,0, .4)); } footer section{ width:800px; margin:0 auto; z-index:100; padding:10px 0 0 0; } .gtb{ width:215px; height:110px; border-right:1px solid #f5f5f5; padding-right:10px; margin-right:10px; } .gtb a.ir{ width:210px; height:53px; margin:0 auto; background:url(../images/sprite2.png) 0 -65px no-repeat; margin-top:20px; } #footer_top{ height:15px; background:@medium_green; border-bottom:3px solid #f5f5f5; } #footer_bottom{ height:135px; .linearGradient(0, @light_green, 85%, @medium_green, 100%, @medium_green); } footer .right_text{ width:550px; float:right; } footer ul{ list-style: none; } footer .adr {margin-bottom:15px; font-size:12px;} footer .copyright{font-size:12px; } footer .copyright a {color:@header_green; font-weight:bold; } footer ul#legals{ width:100%; margin:0; padding:0; } footer ul li:last-child{ color:@header_green; } /************** Tabbed Forms Appointment ****************/ #tabed_forms{ margin-top:24px; display: none; } .tab_nav{ list-style: none; height:32px; margin:12px 0 0 25px; } #main .tab_nav li{ float:left; } #main .tab_nav li a{ position:relative; float:left; margin-right:20px; height:24px; color:#af5078; .roundedTop(10px); background: #ece0e0; padding:5px 4px; .insetShadow(0,1px,1px, rgba(0,0,0,.3)); z-index:15 } #main .tab_nav li a.current, #main .tab_nav li a:hover{ margin-top:1px; background:#ebe9da; color:@dark_green; .insetShadow(0,0,0, rgba(0,0,0,0)); .dropShadow(0,-3px,3px,0, rgba(0,0,0, .2)); z-index:200; } /**** Basic Form Style ***/ form p, form h3{ padding:10px 20px; } form ol{ padding:15px 20px; } ol.forms { float: left; list-style: none; width: 100%; } ol.forms li { clear: both; float: left; margin: 0 0 10px; width: 100%; } ol.forms label { cursor: pointer; display: block; font-weight: bold; } ol.forms input, ol.forms textarea { font: inherit; padding: 2px; width: 300px; } ol.forms textarea { height: 250px; } ol.forms li.grouping { margin-bottom: 0; } ol.forms li.grouping ul { list-style: none; } ol.forms li.grouping ul label { display: inline; font-weight: normal; margin: 0 0 0 10px; } ol.forms li.grouping ul input { width: auto; } /*** Error and validation Inside Form ***/ .error { width:95%; display:none; clear:both; margin:0; padding: 3px 0; border:1px solid #600; background : #600; background:rgba(255,0,0, .4); color:#fff; text-shadow:0 1px 1px #444; font-weight:bold; line-height:1.5em; text-align: center; } .thanks{ padding:0 0 0 15px; border:1px solid #f5f5f5; .roundedAll(5px); .linearGradient(0, @light_pink, 50%, #f5f5f5, 1, @light_pink); } .success { display:none; clear:both; margin:0 0 -20px 5px; padding: 3px 0; background: #060; background:rgba(0,145,54, .6); border:1px solid #060; color:#fff; text-shadow:0 1px 1px #444; font-weight:bold; line-height:1.5em; text-align: center; } .success h2 { text-shadow:0 1px 1px #444; } /**************************** 404 err0r page ***********************/ #post-0{ margin-bottom:42px; } /************************ IE7 &IE8 HACKS ****************************/ .ie9 nav#primary, .ie8 nav#primary, .ie7 nav#primary{ margin-bottom:-50px; } .ie8 #primary ul{ margin-left:20px; } .ie8 nav#primary li ul li a{ font-size:9px; } .ie8 #sidebar input[type='search']{ height:25px; } .ie8 #main a.bottom_btn, .ie7 #main a.bottom_btn{ margin-left:2px; } .ie8 #primary li ul, .ie7 #primary li ul{ width:180px; } .ie8 header input[type="submit"]{ width:60px; } .ie7 h1{ font-size:24px; } .ie7 #primary{ margin-top:8px; ul{ margin-left:35px; } } .ie7 #primary li ul li{ margin:2px 0; padding:0; } .ie7 #primary ul li{ margin-top:20px; margin-left:3px; padding-left:28px; } .ie7 #primary ul li a{ font-size:10px; } .ie7 #content-showcase{ padding-top:36px; } .ie7 #featured-showcase{ height:385px; } .ie7 #main{ padding-left:24px !important; } .ie7 footer{ margin-top:0; } .ie7 hr.faded{ margin-bottom:0; padding:0; } .ie9 a#appt_btn, .ie9 #scrollable_btn a, .ie8 a#appt_btn, .ie8 #scrollable_btn a, .ie7 #scrollable_btn a, .ie7 a#appt_btn{ filter:none !important; } .ie7 #scrollable_btn a{ line-height:18px; } .ie7 .bottom_btn p.half.last{ margin-top:12px; } .ie7 a#appt_btn{ background:@medium_green; width:79%; padding-right:21%; } .ie7 #butterfly{ margin-left:15px; margin-right:-95px; } .ie7 #sidebar form, .ie7 #sidebar-showcase form{ width:100%; margin-left:20px; } .ie7 header input[type="search"], .ie8 header input[type="search"]{ width:70%; height:24px; margin-right:-3px; } .ie7 header input[type="submit"]{ width:50px; } .ie7 #sidebar{ padding-bottom:310px; } .ie7 #gooface{ height:37px; } .ie7 #sidenav li{ position:relative; height:30px; } .ie7 #legals{ width:100%; /*margin-bottom:40px;*/ } .ie7 #get_treated_better{ height:62px; } .ie7 #gooface iframe{ margin-top:-15px; } .ie7 #main{ padding-bottom:24px; margin-bottom:36px; } .ie7 .tel{ padding-top:9px; } /*********** ie7 subNav **********************/ .ie7 #sidenav li ul{ display:none; width:150px; background:@light_green; position:absolute; z-index:5000; padding:2px 6px 8px 6px; border:1px solid @header_green; top:-3px; left:226px; text-align:center; } .ie7 .arrow_down{ z-index:1; } .ie7 #sidenav li ul:hover{ background:rgba(234, 245, 211, .9); .dropShadow(0, 0, 0, 0, rgba(0, 0, 0, 0)); } .ie7 #sidenav li:hover ul{ display:block; } .ie7 #sidenav li ul li a{ padding-left:12px; display:block; height:1.4em; } /****** Media Queries for Mobile and Print *******************/ @media handheld, only screen and (max-width: 1030px) { body { font-size: 0.8em; line-height: 1.5em; } #wrapper, body, .container { position:relative; width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } #left_bg, #right_bg{display: none;} #logo{ position:absolute; z-index:10; display:block; max-width:178px; width:100%; top:17px; left:10px; background:url(../images/logo.png) no-repeat; margin:0; } #butterfly_top { width: 323px; height: 40px; position:absolute; top:0; left:2px; float: left; background: url(../images/butterfly_top.png) no-repeat; } #lang{ margin-left:35%; } #alternate_search { position: absolute; width: 200px; bottom: 6px; right: 6px; z-index: 1000; } input[type='search']{ width:55%; height:21px; float:left ; margin:0; .insetShadow(0,0,4px, @dark_green); -webkit-box-sizing:content-box; } #featured-showcase { height:100%; max-height: 395px; } #ribbon { background: url(../images/ribbon_2.png) no-repeat center; } /************Gallery ***********/ #gallery-1 .gallery-item{ width:auto !important; } #gallery-1 br{ display:none; } } /* Ipad Portrait*/ @media handheld, only screen and (max-width: 800px) { body { font-size: 16px; -webkit-text-size-adjust: none; } #wrapper, body, .container { position:relative; width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .sixth, .third, .quarter, .half, .two_third, .three_quarter, .five_sixth, .full { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 20px; padding-right: 20px; } #content, #content-showcase, #content-gallery {margin-top:-10px;} #top_bar{ height:70px; z-index:1; } #butterfly_top{ display:none; } nav#primary { z-index: 30000; } #logo{ top:-62px; z-index:30000; } #social_network.bordered{ border:none; } #lang{ margin-left:47%; } #alternate_search { position: absolute; width: 300px; bottom: 3px; right: 6px; z-index: 1000; } input[type='search']{ width:70%; } #small_ribbon_left, #small_ribbon_right{display:none;} /************ Home page featured *************/ #featured .imageview img{ width:auto auto!important; overflow:hidden; max-width:none; } aside.third {width: 100%;} aside img, #main aside img{display:none;} a#appt_btn { margin-top: 30px; margin-left:0; float:left; width: 45%; } #side_btns{float:right; margin-right:20px; margin-top:30px;} .button {height: auto;} #map_canvas.square {width: 93%;} #before_footer { background: url(../images/footer_2.jpg) no-repeat center; } } /* Iphone 4 */ @media handheld, only screen and (max-width: 680px) { #lang {margin-left: 35%;} nav#primary{width:100%;} #primary ul{margin-left:5px;} #primary li{margin-left:6px;} #primary li a{font-size:10px;} #ribbon {left: -50%;} #main { margin: 120px 24px 24px 24px; padding: 8px 12px; } #content-showcase #main { margin: 36px 24px 0 24px; padding-top: 12px; } #main img {margin: 10px 6px;} a#appt_btn {width: 50%;} /********** Testimonials ************/ body.page-id-14 #side_btns{ clear:both; width:95%; margin-top:6px; float:none; } body.page-id-14 #side_btns h4{ text-align:left; } .testimonials{ margin-left:0; } #side_btns{width:40%;} a#locations_btn, #main a.right_small_btn {width: auto !important;} #footer_bottom {height: auto;} footer section {width: 100%;} footer .right_text {width: 380px;} } /* Iphone Landscape*/ @media handheld, only screen and (max-width: 500px) { #lang {margin-left: 45%;} #blog.bordered{border:none;} #social_network {margin: 10px 0 0 200px;} #social_network li { margin: -2px 0 0 4px; } #alternate_search { width: 35%; right: 5px; } input[type='search']{width:57%;} input[type="submit"] {margin:0;} #primary li {margin: 30px 5px 0 7px; font-size:10px} #primary .arrow_down { top: 8px; right: -12px; } #primary li a:before{display:none;} #primary li ul {width:140px; right:-45px;} .imageview {display: none;} #ribbon {left: -88%;} #over_featured img {left:0;} .alignleft {float: none; clear:both;} #main img {display: block;} a#appt_btn {width: 70%;} #side_btns {width: 70%; float:left;} .gtb {width: 45%;} footer .right_text {width: 47%;font-size: 9px;} } /* Iphone Portrait */ @media handheld, only screen and (max-width: 405px) { #top_bar{height:82px; z-index:10;} #logo {top: -80px;} h1.organisation-name{margin:0} #lang {margin-top:55px; margin-left:15px;} #blog {margin-top:55px;} #alternate_search { width: 35%; top:12px; right: 5px; } input[type='search']{width:77%;} input[type="submit"] {margin: 5% 0 0 50%;} #social_network {position:absolute;top: 345%; right:50px; } #social_network li { margin: -2px 0 0 8px; } #blog.bordered{border-right:1px solid #fff;} #primary .arrow_down { top: 8px; right: -16px; } #primary li {margin: 10px 20px 0 10px;} #primary li ul {width:150px; right:-55px; top:-1px;} #over_featured img {left:30px; top:-35px} #ribbon {left: -115%;bottom: -75px;} #main, #content-showcase #main {margin: 40px 6px 24px 6px;padding: 8px 3px;} #content-showcase #main{margin-top:36px;} #main h1 , #content-showcase #main h1{font-size:23px;} a#appt_btn {width: 77%;margin-left: -15px; padding-right:13%;} .gtb {width: 100%; border:none;} footer .right_text {width: 97%;} #side_btns {width: 80%;} .testimonials{margin-left:-15px;} } /** * Print styles. * * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ 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: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } }