/* Theme Name: r/r Theme URI: http:www.remyrichard.net Description: r/r Version: 1 Author: r/r Author URI: http:www.remyrichard.net */ body,td,th { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#5f533d; padding:0 2em; line-height:20px; font-size:62.5%; } body{ background:#ededed url(img/bg-body.png) repeat-x; margin:0; padding:0;} #page{ width:960px; margin:auto; font-size:1.4em; position:relative} h1, h2{ font-family: Georgia, "Times New Roman", Times, serif;} #header{height:62px; } #header h1{ color:#750e41;text-indent:-9999em; margin:0; padding:0; position:absolute; left:-9999px} #header h1 a{display:block; width:60px; height:60px; font-size:0;} h2{ font-weight:normal; color:#750e41;float:left; width:230px; text-align:right; margin:20px 0; font-size:1.4em; text-shadow: 1px 1px #FFFFFF } h3{font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; margin:20px 0; font-size:1.4em; text-shadow: 1px 1px #FFFFFF } h1 span, h2 span{color:#dbd2c6} a, a:link, a:hover, a:visited{ color:#750e41} .bloc{zoom:1; background: url(img/filet.png) bottom repeat-x; padding:0; overflow:hidden; clear:both} .visuel{ height:230px; background:url(img/visuel2.jpg) no-repeat; overflow:hidden; padding-left:250px; padding-top:200px} .contact{ background:none} .texte{ width:710px; float:right;} .contact{ /*background: url(img/bg-contact.jpg) no-repeat;*/ padding-bottom:2em} .cacher, .hide, .invisible{ position:absolute; left:-9999em} p{ margin:20px 0;} .col{ float:left; width:220px; margin-right:20px; margin-bottom:0.5em} .col3{ margin-right:0} .copyright{ text-align:right; clear:both} .citations{ font-style:italic; color:#7A445B; margin-left:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9em; margin-top:0!important} #btn-main{ text-align:center; margin:0;} #btn-main a{ background:url(img/btn.png) no-repeat; display:block; width:280px; height:23px; padding:10px; margin:0 auto 0; text-align:center} #btn-main a:hover{ text-decoration:none} .competences ul{ padding:0; margin:0 0 1em 0; line-height:2em;} .competences li{ padding-left:80px; position:relative; list-style-type:none} .competences span{zoom:1; position:absolute; left:0;top:6px; text-indent:-9999em; background:url(img/star-6.png) left no-repeat; width:60px; height:16px; font-size:0; display:block} * html .competences span{zoom:1; position:absolute; left:-80px;top:-4px; text-indent:-9999em; background:url(img/star-6.png) left no-repeat; width:60px; height:16px; font-size:0; display:block} .competences span.star1{ background-image:url(img/star-1.png)} .competences span.star2{ background-image:url(img/star-2.png)} .competences span.star3{ background-image:url(img/star-3.png)} .competences span.star4{ background-image:url(img/star-4.png)} .competences span.star5{ background-image:url(img/star-5.png)} .competences span.star6{ background-image:url(img/star-6.png)} /*hack pour IE6 (parce que parfaois le hack est plus rapide que le commentaire conditionnel ^^ )*/ * html .competences span.star1{ background-image:url(img/star-1.gif)} * html .competences span.star2{ background-image:url(img/star-2.gif)} * html .competences span.star3{ background-image:url(img/star-3.gif)} * html .competences span.star4{ background-image:url(img/star-4.gif)} * html .competences span.star5{ background-image:url(img/star-5.gif)} * html .competences span.star6{ background-image:url(img/star-6.gif)} #footer{ background:url(img/bg-ftr.png); height:277px; position:relative} #footer p{ position:absolute; left:-9999px} #footer #anim{ background:url(img/footer.png) center no-repeat; height:277px; width:960px; margin:auto; position:relative} #footer #anim-content{position:absolute; right:9px; top:61px; width:547px; height:49px; display:block} #footer #anim-content span{width:547px; height:49px; display:block} #footer #anim-content span.item-01{ background:url(img/anim/interactivity.png)} #footer #anim-content span.item-02{ background:url(img/anim/seo.png)} #footer #anim-content span.item-03{ background:url(img/anim/ui.png)} #footer #anim-content span.item-04{ background:url(img/anim/color.png)} #footer #anim-content span.item-05{ background:url(img/anim/typography.png)} #footer #anim-content span.item-06{ background:url(img/anim/readability.png)} #footer #anim-content span.item-07{ background:url(img/anim/conversion.png)} #footer #anim-content span.item-08{ background:url(img/anim/traffic.png)} #footer #anim-content span.item-09{ background:url(img/anim/communication.png)} #footer #anim-content span.item-10{ background:url(img/anim/accessibility.png)} #footer #anim-content span.item-11{ background:url(img/anim/usability.png)} /*CONTACT FORM */ div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { margin: 0!important; padding: 0.2em 1em; } div.wpcf7-mail-sent-ok { border:none!important; background:#fafaf7;-moz-border-radius:3px;-webkit-border-radius:3px; } div.wpcf7-mail-sent-ng { border:none!important; color:#780E3F; background:#fffff1;-moz-border-radius:3px;-webkit-border-radius:3px; } div.wpcf7-spam-blocked { border:none!important; color:#780E3F; background:#fffff1;-moz-border-radius:3px;-webkit-border-radius:3px; } div.wpcf7-validation-errors { border:none!important; color:#780E3F; background:#fffff1;-moz-border-radius:3px;-webkit-border-radius:3px; } span.wpcf7-form-control-wrap { position: relative; } span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; background: #780E3F!important; color:#fff!important; border:none!important; -moz-border-radius:3px;-webkit-border-radius:3px; font-size: 10pt; width: 280px; padding: 5px!important; } span.wpcf7-not-valid-tip-no-ajax { color: #f00; font-size: 10pt; display: block; } span.wpcf7-list-item { margin-left: 0.5em; } .wpcf7-display-none { display: none; } img.ajax-loader { border: none; vertical-align: middle; } input, textarea{ border:none; padding: 0.5em; -moz-border-radius:3px;-webkit-border-radius:3px;} input.valider { background:#780E3F; color:#fff } /* SUBHEADER COMMUN */ body { background: #EDEDED url(http://www.remyrichard.net/wp-content/themes/remyrichard/img/bg-body.png) repeat-x; } #subHDR{width:960px; height:60px; margin:auto; position:relative; background:url(http://www.remyrichard.net/wp-content/themes/remyrichard/img/rr-h1.png) no-repeat} .cacher, .hide, .invisible{ position:absolute; left:-9999em} #social-network{ position:absolute; right:0; top:24px; margin:0; padding:0} #social-network li{ display:inline;} #social-network a{ text-indent:-9999px; display:block; width:20px; height:20px; float:right; margin-left:10px; background: url(http://www.remyrichard.net/wp-content/themes/remyrichard/img/icon-network.png) no-repeat; font-size:0; border:none} #social-network a:hover{ border:none} #social-network .facebook a{} #social-network .twitter a{ background-position:-20px 0} #social-network .linkedin a{ background-position:-40px 0} #social-network .facebook a:hover{background-position:0 -20px} #social-network .twitter a:hover{ background-position:-20px -20px} #social-network .linkedin a:hover{ background-position:-40px -20px} #nav-main{ position:absolute; right:100px; top:0; margin:0; padding:0 40px 0 0; background:url(http://www.remyrichard.net/wp-content/themes/remyrichard/img/bg-nav-main.png) no-repeat right top; height:60px;z-index:1000} #nav-main li{ display:inline;} #nav-main a{ text-indent:-9999px; font-size:0; display:block; width:100px; height:60px; float:right; margin-left:10px; background:url(http://www.remyrichard.net/wp-content/themes/remyrichard/img/nav.png); border:none} #nav-main a:hover{ border:none} #nav-main .a-propos a{ width:100px; background-position: 0 0} #nav-main .blog a{ width:60px; background-position:-100px 0} #nav-main .book a{ width:70px; background-position:-200px 0} #nav-main .tweets a{ width:70px; background-position:-300px 0; display:none} #nav-main .a-propos a:hover, #nav-main .a-propos a.on{background-position:0 -60px} #nav-main .blog a:hover, #nav-main .blog a.on{ background-position:-100px -60px} #nav-main .book a:hover, #nav-main .book a.on{ background-position:-200px -60px} #nav-main .tweets a:hover, #nav-main .tweets a.on{ background-position:-300px -60px} /* FIN SUBHEADER COMMUN */ /* correction / new page */ body{ background:#EDEDED url(img/bg-body-new.png) repeat-x} .visuel{ height:368px; margin-bottom:6px; padding-top:0; background-image:url(img/visuel3.jpg)} .accroche{ background:url(img/accroche.png) no-repeat; height:145px} .accroche p{ position:absolute; left:-9999px} .presentation h2{ position:absolute; left:-9999px} #btn-main a{ background:url(img/btn-contact.png) no-repeat; display:block; width:334px; height:74px; padding:0; position:absolute; top:400px; left:550px; text-indent:-9999px; font-size:0; outline:none} #btn-main a:hover{ background-position:0 -74px} #btn-main a:active{ background-position:0 -148px} #portfolio{ position:absolute; top:127px; left:528px; width:375px; height:213px;} #portfolio a{ height:213px; overflow:hidden; border:none!important; display:block; width:375px} #portfolio img{border:none!important} /* plugin gallerie jquery */ .next, .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; /* upcoming CSS3 rounded border feature */ -moz-border-radius:5px; -webkit-border-radius:5px; } /* progress indicator (animated gif). should be initially hidden */ .progress { position:absolute; top:45%; left:50%; display:none; } /* active thumbnail is raised on top of the mask using the z-index property */ #thumbs a.active img { outline:1px solid #000; z-index:9999; position:relative; } /* fin du plugion gallery */ #demotip { display:none; background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); font-size:12px; height:70px; width:160px; padding:25px; color:#fff; z-index:9999; text-align:center; }