/* style.css contains a reset, font normalization and some base styles. credit is left where credit is due. additionally, much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ 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, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, figure, footer, header,hgroup, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } 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 #000; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * make the line-height relative and unit-less * remove the pre, code styles */ body { font:13px sans-serif; *font-size:small; *font:x-small; line-height:1.22; } table { font-size:inherit; font:100%; } select, input, textarea { font:99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ body, select, input, textarea { color:#444; } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ /** * Typographie * @section Typographie * @see http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ * @see http://www.alistapart.com/articles/howtosizetextincss * * La taille de base sera de 10px avec les valeurs par dfaut de police du navigateur :soit 16px * formule :10px/16 = 0.625em 11px/16 = 0.6875em 12px/16 = 0.75em * Pour fixer une hauteur de ligne par dfaut de 18px (valeur par dfaut sur la plus part des navigateurs) * il faut modifier la hauteur de ligne par défaut en fonction de la taille de police par defaut * 18/10 = 1.8em 18/11 = 1.6363em 18/12 = 1.5em */ html{font-size:100%;} body{font:12px Arial,Helvetica,sans-serif;line-height:1.2;} input,select,textarea{font-size:100%;} /** * Ainsi pour afficher une taille par dfaut de 20 px pour les titres H1 si la taille de police est de 10 px * la formule est :20/ 10 = 2em * l'attribut de font se lit ainsi font:taille-du-titre / hauteur-de-ligne-du-titre Liste des police et ordre d'application;*/ /*h1{font:2em/1.125 Arial,Helvetica,sans-serif;} h2{font:1.8em/1.125 Arial,Helvetica,sans-serif;} h3{font:1.6em/1.125 Arial,Helvetica,sans-serif;} h4{font:1.4em/1.125 Arial,Helvetica,sans-serif;} h5{font:1.2em/1.125 Arial,Helvetica,sans-serif;} h6{font:1.1em/1.125 Arial,Helvetica,sans-serif;}*/ h1{font:1.5em/1.125 Arial,Helvetica,sans-serif;font-weight:bold;margin:0 0 1.111em 0;text-transform: uppercase;} h2{font:1.25em/1.125 Arial,Helvetica,sans-serif;text-transform:uppercase;margin:0 0 0.533em 0;} h3{font:1.083em/1.125 Arial,Helvetica,sans-serif;text-transform:uppercase;margin:1.154em 0 0.538em 0;} h4{font:1.4em/1.125 Arial,Helvetica,sans-serif;} h5{font:1.2em/1.125 Arial,Helvetica,sans-serif;} h6{font:1.1em/1.125 Arial,Helvetica,sans-serif;} /* www.aestheticallyloyal.com/public/optimize-legibility/ */ h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; } /* maxvoltar.com/archive/-webkit-font-smoothing */ html { -webkit-font-smoothing: antialiased; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ cite,em,dfn{font-style:italic;} code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace;} pre{white-space:pre;} pre *{font-size:100%;white-space:pre;} del{text-decoration:line-through;} ins,dfn{border-bottom:1px solid black;} small,sup,sub{font-size:85%;} big{font-size:125%;line-height:80%;} abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em;} abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted black;} sup{vertical-align:super;} sub{vertical-align:sub;} blockquote{padding-left:2.2em;font-style:italic;} :lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019';} :lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018';} :lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039';} :lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A';} :lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D';} :lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019';} :lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a';} *[lang|='en'] q:before{content:'\201C';} *[lang|='en'] q:after{content:'\201D';} *[lang|='en'] q q:before{content:'\2018';} *[lang|='en'] q q:after{content:'\2019';} input,select,button{cursor:pointer;} input[type='text'],input[type='password']{cursor:text;} input[type='hidden']{display:none;} a {text-decoration:none;color:red;} a:hover {text-decoration:underline;} p {margin:0 0 0.5em 0;} p+h2, ul+h2, ol+h2 {margin:1em 0 0.533em 0;} p+h1, ul+h1, ol+h1 {margin:1.5em 0 1.111em 0;} ol, ul {list-style:outside square;margin:0 0 0.667em 2em;} ol li, ul li {margin:0 0 0.333em 0;} /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } @font-face { font-family: 'ArvoRegular'; src: url('../../../../squelettes/theme/fontface/Arvo-Regular-webfont.eot'); src: url('../../../../squelettes/theme/fontface/Arvo-Regular-webfont.eot?iefix') format('eot'), url('../../../../squelettes/theme/fontface/Arvo-Regular-webfont.woff') format('woff'), url('../../../../squelettes/theme/fontface/Arvo-Regular-webfont.ttf') format('truetype'), url('../../../../squelettes/theme/fontface/Arvo-Regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoItalic'; src: url('../../../../squelettes/theme/fontface/Arvo-Italic-webfont.eot'); src: url('../../../../squelettes/theme/fontface/Arvo-Italic-webfont.eot?iefix') format('eot'), url('../../../../squelettes/theme/fontface/Arvo-Italic-webfont.woff') format('woff'), url('../../../../squelettes/theme/fontface/Arvo-Italic-webfont.ttf') format('truetype'), url('../../../../squelettes/theme/fontface/Arvo-Italic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoBold'; src: url('../../../../squelettes/theme/fontface/Arvo-Bold-webfont.eot'); src: url('../../../../squelettes/theme/fontface/Arvo-Bold-webfont.eot?iefix') format('eot'), url('../../../../squelettes/theme/fontface/Arvo-Bold-webfont.woff') format('woff'), url('../../../../squelettes/theme/fontface/Arvo-Bold-webfont.ttf') format('truetype'), url('../../../../squelettes/theme/fontface/Arvo-Bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ArvoBoldItalic'; src: url('../../../../squelettes/theme/fontface/Arvo-BoldItalic-webfont.eot'); src: url('../../../../squelettes/theme/fontface/Arvo-BoldItalic-webfont.eot?iefix') format('eot'), url('../../../../squelettes/theme/fontface/Arvo-BoldItalic-webfont.woff') format('woff'), url('../../../../squelettes/theme/fontface/Arvo-BoldItalic-webfont.ttf') format('truetype'), url('../../../../squelettes/theme/fontface/Arvo-BoldItalic-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /* Style du site */ #sommaire, #interne {overflow-x:hidden;overflow-y:auto;} #sommaire #contenu {width:950px;height:800px;margin:110px auto 0;position:relative;overflow:visible;} #sommaire #contenu #logoHome {position:absolute;height:100px;top:0;right:480px;width:1200px;background:#9e2c4b url('../../../../squelettes/theme/img/fond/logo.png') no-repeat right top;overflow:visible;text-indent:-9999px;z-index:5;} #sommaire #contenu h2#baseline {position:absolute;height:100px;top:330px;left:330px;width:1500px;background: #d75591 url('../../../../squelettes/theme/img/fond/baseline.png') no-repeat left top;text-indent:-9999px;margin:0;} #sommaire #contenu #separateur {position:absolute;background:#843359;width:150px;top:440px;left:10px;height:100%;max-height:650px;} #pictoColibri {background: url('../../../../squelettes/theme/img/fond/colibris.png') no-repeat left top;position:absolute;top:-98px;left:342px;width:185px;height:171px;} #interne #site {width:950px;margin:0 auto;position:relative;overflow:visible;} /* mise en forme de la home */ #gaucheHome {float:left;width:310px;position:relative;height:980px;text-align:right;} #droiteHome {float:left;width:630px;padding-left:10px;position:absolute;top:0;left:310px;min-height:1090px;} #gaucheHome figure, #droiteHome figure {position:absolute;overflow:hidden;} #gaucheHome figure figcaption, #droiteHome figure figcaption {font-size:14px;color:#333333;font-style:italic;position:absolute;top:0;left:0;height:100%;width:100%;background: url('../../../../squelettes/theme/img/fond/figcaptionHome.png');} #gaucheHome #commentaires {width:310px;height:430px;top:110px;left:0;} #gaucheHome #dansLaPresse {width:290px;height:80px;padding:10px;background:#e3a328;position:absolute;top:550px;left:0;font-family: 'ArvoBoldItalic';color:#fff;font-size:16px;line-height:26px;} #gaucheHome #cartePartieUn {width:310px;height:210px;top:660px;left:0;} #gaucheHome #accesTransport {position:relative;width:310px;left:0;top:880px;height:100px;} #gaucheHome #accesTransport img {left:-159px;position:relative;} #gaucheHome #accesTransport p {font-size:16px;font-style:italic;position:absolute;left:160px;height:80px;padding:10px;text-align:left;top:0;background:#9e2c4b;color:#fff;} #gaucheHome #accesTransport p b {display:block;} #droiteHome #carteGeneral {left:330px;top:0px;width:310px;} #droiteHome #cartePartieDeux {left:170px;top:440px;width:470px;} #droiteHome #adressePicaflore {width:450px;height:80px;padding:10px;top:660px;left:170px;background:#e3a328;position:absolute;color:#fff;font-family: 'ArvoBoldItalic';font-size:23px;line-height:40px;} #droiteHome #adressePicaflore span {font-family: 'ArvoRegular';font-style:normal;} #droiteHome #cartePartieTrois {width:310px;height:210px;left:170px;top:770px;} #droiteHome #horaireOuverture {width:150px;height:210px;top:770px;left:490px;position:absolute;background:#d75591;color:#fff;} #droiteHome #horaireOuverture p {padding:10px;font-size:16px;font-style:italic;} #droiteHome #horaireOuverture p b {display:block;} .accesHome figcaption h2 {color:#d75591;font-family: 'ArvoBoldItalic';} .accesHome .wrapHome {position:absolute;bottom:0;left:0;padding:10px;} /* Mise en forme des pages internes */ /* mise en forme de l'entete*/ #conteneurLogo {position:absolute;z-index:20;top:0;right:424px;height:207px;background: url('../../../../squelettes/theme/img/fond/logoPicaflore.png') no-repeat right bottom;width:2000px;} #conteneurLogo #retourSommaire {display:block;width:470px;height:100px;position:absolute;right:56px;bottom:10px;text-indent:-9999px;} /* mise en forme du slider */ #slides {width:950px;height:320px;position:relative;overflow:hidden;} .slides_container {width:950px;height:320px;position:relative;overflow:hidden;} .slides_container div.slide {width:950px;height:320px;display:block;overflow:hidden;} .pagination {position:absolute;top:0;right:0;z-index:10;} .pagination li {float:left;margin:0 2px;list-style:none;} .pagination li a {display:block;width:6px;height:50px;background:#fff;float:left;overflow:hidden;text-indent:-9999px;} .pagination li.current a {background:#d75591;height:90px;} .slide figcaption {z-index:5;position:absolute;top:0;right:0px;height:100px;width:405px;padding:0 45px 0 0;background:#000;font-size:36px;line-height:1.33;color:#fff;font-family: 'ArvoBoldItalic';text-align:right;} /* mise en forme du menu principal */ #conteneurNavigationPrincipale {position:absolute;left:0;top:289px;z-index:20;} #navigationPrincipale ol {overflow:hidden;list-style:none;margin:0;} #navigationPrincipale ol li {float:left;background: url('../../../../squelettes/theme/img/fond/menuGauche.png') no-repeat left top;padding:0 0 0 5px;margin:0 -3px 0 0;height:31px;} #navigationPrincipale ol li a {display:block;background: url('../../../../squelettes/theme/img/fond/menuDroite.png') no-repeat right top;padding:5px 14px 0 4px;height:26px;line-height:26px;color:#424141;text-transform:uppercase;font-style:italic;text-decoration:none;} #navigationPrincipale ol li:hover, #navigationPrincipale ol li.navActive {background-position:left bottom;} #navigationPrincipale ol li:hover a, #navigationPrincipale ol li.navActive a {background-position:right bottom;color:#fff;} /* mise en forme du contenu */ #interne #contenu {position:relative;font-size:14px;padding-top:10px;} #interne #contenu aside {float:left;width:470px;height:100%;padding:0 0 0 10px;} #interne #contenu h1, #interne #contenu h2 {font-weight:bold;color:#d75591;font-size:18px;margin:0;font-style:italic;} #interne #contenu .carteVinAlcool h1 {font-weight:bold;font-size:20px;margin:0 0 0.6em;font-style:italic;text-transform:uppercase;color: #424141;margin-top:2em;} #interne #contenu div>h3:first-child {margin-top:0;} #interne #contenu #conteneurCarte {padding:110px 0 0;font-style:italic;overflow:hidden;} #interne.special #contenu h2 {margin:28px 0 0;} /* mise en forme de la navigation de la carte */ #menuCarte {background: url('../../../../squelettes/theme/img/fond/menuCarte.png') no-repeat left top;position:absolute;left:0;top:10px;width:1000em;height:100px;text-transform:uppercase;} #menuCarte ol {list-style:none;margin:0;} #menuCarte ol li {margin:0;float:left;height:100px;border-left:1px solid #ebb3cd;} #menuCarte ol li:first-child {border-left:0;} #menuCarte ol li a {display:block;font-size:24px;font-family: 'ArvoBoldItalic';line-height:100px;padding:0 15px;color:#ebb3cd;text-decoration:none;} #menuCarte ol li a.carteActive {color:#fff;} #menuCarte ol li:first-child a:hover {background: url('../../../../squelettes/theme/img/fond/menuCarte.png') no-repeat left bottom;} #menuCarte ol li a:hover {background: url('../../../../squelettes/theme/img/fond/menuCarte.png') no-repeat -50px bottom;color:#fbd4e6;} /* mise en forme contenu carte */ #interne #contenu #conteneurCarte article {width:470px;float:left;padding:0 10px 0 0;} #conteneurCarte article section {margin:0 0 24px 0;} #conteneurCarte h2 span {color:#424141;padding-left:0.5em;} /* mise en forme de la mozaique d'image */ #conteneurMozaique {width:470px;height:650px;position:relative;} #conteneurMozaique #mozaique_1 {position:absolute;top:0;left:0;} #conteneurMozaique #mozaique_2 {position:absolute;top:0;left:320px;} #conteneurMozaique #mozaique_3 {position:absolute;top:220px;left:0;} #conteneurMozaique #mozaique_4 {position:absolute;top:220px;left:160px;} #conteneurMozaique #mozaique_5 {position:absolute;top:330px;left:160px;} #conteneurMozaique #mozaique_6 {position:absolute;top:550px;left:0;} #conteneurMozaique #mozaique_7 {position:absolute;top:550px;left:320px;} /* mise en forme page interne normal*/ #interne #contenu article {width:470px;float:left;padding:10px 0 0;} #interne.deuxColonnes #contenu article {width:100%;float:none;padding:0;} .deuxColonnes .colonneUn, .deuxColonnes .colonneDeux {float:left;width:470px;} .deuxColonnes .colonneUn {padding:0 5px 0 0;} .deuxColonnes .colonneDeux {padding:0 0 0 5px;} /* mise en forme portefolio */ #conteneurPortefolio {min-height:700px;} #conteneurPortefolio .lignePortefolio {clear:left;padding:0 0 8px;height:100px;} #conteneurPortefolio .lignePortefolio figure {float:left;position:relative;border:1px solid #fff;height:100px;margin-left:8px;} #conteneurPortefolio .lignePortefolio figure:first-child {margin-left:-2px;} #conteneurPortefolio .lignePortefolio figure.survolePortefolio {border:1px solid #d75591;} #conteneurPortefolio .lignePortefolio figcaption {position:absolute;bottom:0;left:0;background: url('../../../../squelettes/theme/img/fond/figcaptionPortefolio.png');width:100%;} #conteneurPortefolio .lignePortefolio figcaption a {font-size:12px; font-weight:bold;color:#fff;display:block;padding:0 7px;} /* mise en forme du pied de page */ footer#pied {border-top:1px solid #ADADAD;padding:12px 0 0;font-size:11px;font-style:italic;margin-top:3px;clear:both;height:49px;} footer#pied ol {list-style:none;text-align:center;} footer#pied li {display:inline;} footer#pied li a {color:#424141;} /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(../../../../squelettes/theme/img/colorbox/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(../../../../squelettes/theme/img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(../../../../squelettes/theme/img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../../../../squelettes/theme/img/colorbox/loading_background.png) no-repeat center center;} #cboxLoadingGraphic{background:url(../../../../squelettes/theme/img/colorbox/loading.gif) no-repeat center center;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../../../../squelettes/theme/img/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderTopLeft.png);} .cboxIE6 #cboxTopCenter{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderTopCenter.png);} .cboxIE6 #cboxTopRight{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderTopRight.png);} .cboxIE6 #cboxBottomLeft{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderBottomLeft.png);} .cboxIE6 #cboxBottomCenter{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderBottomCenter.png);} .cboxIE6 #cboxBottomRight{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderBottomRight.png);} .cboxIE6 #cboxMiddleLeft{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderMiddleLeft.png);} .cboxIE6 #cboxMiddleRight{background:url(../../../../squelettes/theme/img/colorbox/ie6/borderMiddleRight.png);} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")";font-size: 90%; } abbr:after { content: " (" attr(title) ")"; font-size: 90%; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* * Media queries for responsive design */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Prevent iOS, WinMobile from adjusting font size */ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } }