/* Theme Name: Thomas Legrain Default Theme URI: http://blog.tequilarapido.com/ Description: Theme pour marathonien. Version: 1.0 Author: Alexandre Cieux Author URI: http://r-geek.com/ Tags: marathon,sand Text Domain: alexandre Marathon v1.0 This theme was designed and built by Laura de la Pena, tequilarapido */ /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; margin:0; padding:0; background: #e9e2cf url('images/fd-page.jpg') no-repeat top left; } p {color:#281603;} a {color: #5e5041;} a:hover { color:#9b6c40 } a img, a:visited { border:none;} img {outline: none;} #header-fd {background: transparent url('images/header-fd.jpg') repeat-x top left;} #contener{ width:992px; margin:auto; position:relative; } #teq-top-header {background: #fff url('images/top-header.jpg') no-repeat top center;width: 100%;} #teq-top-header-content {background: #fff url('images/top-header3.jpg') no-repeat top left;height:21px;width: 992px;} #teq-top-header-content {width: 992px; margin: 0 auto; padding-top: 4px;} #teq-top-header-content ul {margin: 0; padding: 0; text-align: right;} #teq-top-header-content li {margin: 0; padding: 0; list-style: none; display: inline; color: #FFFFFF; font-weight: bold; font-size: 110%;} #teq-top-header-content li a {color: #FFFFFF; font-weight: bold; text-decoration: none;} #teq-top-header-content li a:hover {text-decoration: underline;} #teq-top-header-content li.teq-hn0 img {border: 2px solid #ffcccc; position: absolute; left:-23px; top:-12px;} #teq-top-header-content li.teq-hn0 {margin-right: 5px; position: relative;} #teq-top-header-content li.teq-hn1 {margin-right: 25px;} #teq-top-header-content li.teq-hn2 {margin-right: 25px;} #teq-top-header-content li.teq-hn3 {margin-right: 35px;} #header {background: #fff url('images/header_v2.jpg') no-repeat top center;width: 100%; } #header-content {background: #fff url('images/header2_v2.jpg') no-repeat center -4px; height:176px; margin: 0 auto; width: 992px;} #lien-google { background: red; position: absolute; left: 50%; top: 130px; margin: 0; width: 491px; z-index: 6000; } #lien-google a { position: absolute; top: 0; right: 50px;} /*#banner {background: #fff url('images/header-large.jpg') no-repeat top center;height:204px;width:100%;}*/ #sous-header {background: #fff url('images/header-sous.jpg') no-repeat top left;height:69px;width:992px;} #teq-contener {background:url('images/header-fd.jpg') repeat-x left -204px;} .home #contenu{background: #fff url('images/fd-hp3.jpg') no-repeat top left;height:811px;width:992px;} #home-youtube{width:300px; height:243px; position:absolute; left:27px;top:153px; padding:3px; border:1px solid #d8d6d5; } /* Bloc HP FLICKR*/ #home-flickr {width:340px; height:225px; position:absolute; left:390px;top:153px; text-align:center; } #home-flickr img{ border:1px solid #d2d1d1; padding:4px; margin-right:18px; margin-bottom:23px;} /* Bloc HP FACEBOOK*/ #home-facebook {width:330px; height:225px; position:absolute; left:388px;top:500px; } /* Bloc HP BLOG*/ #home-leblog {width:330px; height:225px; position:absolute; left:14px;top:500px; } #home-leblog p { display:block; width:326px; padding:4px 1px 11px 4px; text-align:justify; font-size:11px; background:transparent url('images/blog-barre-sep.jpg') no-repeat bottom left; } #home-leblog p.item-end {background:none;} #home-leblog p a, #home-leblog p a:visited { text-decoration:none; color:#281603; } #home-leblog p a:hover { color:#9f5a11 } /* Bloc HP TWITTER*/ #home-twitter {width:224px; height:535px; position:absolute; left:760px;top:220px; } form#twit-form {} #twit-comment{ background-color:transparent; width:203px; height:85px; border:none; padding-left:14px; padding-top:3px; color:#9c9c9d; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; } #twit-submit {width:76px; height:33px;background:transparent url('images/btn-poster.jpg') no-repeat bottom left; border:none; background-color:transparent; cursor:pointer; position:absolute; top:105px; left:140px; z-index: 500;} #teq-txi-title {margin-top:83px; margin-left: 70px; color: #895351; font-weight: bold;} #twitter-feed {margin-top:15px; } #teq-txi-all {margin-left: 40px; ;background:transparent url('images/puces-feed.gif') no-repeat 1px 5px; padding-left: 8px;} #teq-txi-all a {color: #color: #895351;;} #twitter-feed ul { margin:0; padding:0; } #twitter-feed ul li { display:block; margin:0; padding:0; list-style:none; color:#281603; text-align:justify; padding:11px 11px; background:transparent url('images/twitt-barre-sep.jpg') no-repeat bottom left; } #twitter-feed ul li.item.end {background: none;} #home-twitter #retour { display: none; } #home-twitter #retour.visible { display: block; background: #fefefc url('images/bg-twitter-confirmation.jpg') no-repeat -15px -8px ; position: absolute; left: 0; top: -10px; width: 215px; height: 115px; border: 0; padding: 40px 0 0 5px; text-align: center; z-index: 510; } #retour.visible em { color: #cdcdcf; font-style: normal; } #home-twitter a { color: #281603; } #home-twitter a:hover { color: #9b6c40; } #bloc-home-twitter {padding-top: 10px; text-align: center; color: #663300; font-weight: bold; font-size: 90%; height:85px;} #bloc-home-twitter span {color:#cccccc;} /* DETAIL POST */ #content { width:749px; float:left; min-height:300px; height:auto !important; height:300px; } .post-detail h2 { padding:0 0 0 16px; color:#110000; font-size:17px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .post-detail h2 a { text-decoration: none; color: #201000; } .post-detail h2 a:hover { color: #9b6c40; } .post-detail { background:transparent url('images/post-header-fd.jpg') no-repeat top left; padding:20px 13px 2px 13px; } .post-detail,.post-detail p { text-align:justify; font-size:11px; color:#281603; } .post-detail .nombre-comments { position: absolute; right: 16px; top: 18px; width: 50px; vertical-align: middle; text-align: center; background: transparent; font-size: 20px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-style: italic; } .post-detail .nombre-comments a { text-decoration: none; color: #796e30; } .post-fd {background:transparent url('images/bg-post-repeat-y.jpg') repeat-y top left; position: relative;} .post-footer {background:transparent url('images/post-footer.jpg') no-repeat top left; width:719px; height:45px; padding-top:10px; padding-left:30px; color:#211000; font-size:11px } .post-footer a, .post-footer a:visited {color:#211000; text-decoration:none;} .post-footer a:hover {color:#9b6c40; text-decoration:none;} .contenu-texte { padding:15px 13px 0 16px; width:685px; } .footer-comment { width:125px; float:left; padding-top:3px;} .footer-sociable-legende { width:auto; float:left; padding-top:3px; } .footer-sociable { width:auto; float:left;} .footer-sociable img { padding-left:8px; } .footer-meta { width:auto; float:left; padding-top:3px;} .footer-meta a:visited { text-decoration: underline; } .footer-suite { width:auto; float:right; padding-top:3px; padding-right:35px;} .contenu-texte { overflow: auto; } /* IMAGES */ img.alignleft {float: left; margin: 0 10px 5px 0;} img.alignright {float: right; margin: 0 0 5px 10px;} /* COMMENTAIRES */ .post-fd-comments {background:transparent url('images/bg-post-repeat-y.jpg') repeat-y top left; position: relative; } #comments{ padding:0; } ol.commentlist { padding:0; margin:0 0 20px; font-size: 11px; } ol.commentlist li { list-style:none; padding:11px 30px; background:transparent url('images/sep-comment.jpg') no-repeat bottom center;} ol.commentlist:last-child {background:transparent;} #comments h2 { padding:20px 20px 0 30px; margin: 0 0; color:#110000; font-size:15px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: transparent url('images/comment-header-fd.jpg') no-repeat top left; height: 42px; } .comment-author { font-weight:bold;} .comment-footer {background:transparent url('images/comment-footer-fd.jpg') no-repeat top left; width:750px; height:14px; margin: 0; } #comments input, #comments textarea {width:318px} #respond { padding: 0 15px; } #respond-entete { height: 36px; overflow: hidden; vertical-align: bottom; padding-top: 15px; background: url('images/bg-comment-h3.jpg') -18px 44px no-repeat; } * html #respond-entete { height: 1%; } #respond-entete h3 { color:#211000; font-size:12px; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; display: block; float: left; padding: 8px 0 0 16px; margin: 0; width: 362px; height: 22px; overflow: auto; } #respond-entete a.login-social {display: block; float: left; padding: 29px 0 0; margin: 0; height: 0; letter-spacing: -1000em; border-left: 10px solid transparent; overflow: hidden; } #respond-entete a#btn-twitter {width: 166px; background: transparent url('images/btn-twitter.jpg') top left no-repeat; } #respond-entete a#btn-facebook {width: 140px; background: transparent url('images/btn-facebook.jpg') top left no-repeat; } #commentform { text-align:right; width:515px; padding-top: 25px; font-size: 11px; } #commentform label {color:#281603; vertical-align: top; margin: 0 10px 0 0; } #commentform input, #commentform textarea { border:1px solid #cccbc9; width:315px; color:#281603; text-indent:1px; letter-spacing:1px;} #commentform .row {padding-bottom:13px;} #commentform #submit {background:transparent url('images/btn-poster.jpg') no-repeat top left; width:76px; height:33px; border:none; cursor:pointer;} #commentform #submit.hover {background:transparent url('images/btn-poster-hover.jpg') no-repeat top left; width:76px; height:33px; border:none; cursor:pointer;} #commentform .req { padding-right: 200px; } /* SIDEBAR */ #sidebar {float:right; width:240px; height:auto; position: relative; background:transparent url('images/sidebar.jpg') no-repeat top left; padding-top:145px; margin-right: 1px; overflow: hidden;} #sidebar-fd {width:220px; height:auto;/*background:transparent url('images/sidebar-fd.jpg') repeat-y top left;*/ padding:0 20px;} #sidebar-footer {width:240px; height:48px; background:transparent url('images/sidebar-footer.jpg') no-repeat top left; float:right} /* Bloc Twitter Sidebar */ #sidebar-twitter { position: relative; width:220px; padding: 0; margin: 0; } #sidebar-twitter #twit-comment{ background-color:transparent; width:203px; height:58px; border:none; padding: 3px 2px 0; color:#9c9c9d; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 12px; } /* #twit-submit {width:76px; height:33px; border:none; background-color:transparent; cursor:pointer; position:absolute; top:105px; left:140px; z-index: 500;}*/ #sidebar-twitter #twit-submit {width:76px; height:33px; border:none; background-color:transparent; cursor:pointer; z-index: 500; margin: 0; position: absolute; top: 80px; left: 130px; } #sidebar-twitter #twitter-feed { margin: 50px 10px 0 -5px; } #sidebar-twitter #twitter-feed ul li { display:block; margin:0; list-style:none; color:#281603; text-align:justify; padding:11px 11px; background:transparent url('images/twitt-barre-sep.jpg') no-repeat bottom left; } #sidebar-twitter #twitter-feed ul li:last-child { background: none; } #sidebar-twitter #retour { display: none; } #sidebar-twitter #retour.visible { display: block; background: #fefefc ; position: absolute; left: 0; top: -10px; width: 220px; height: 75px; border: 2px solid #e9e2cf; padding-top: 55px; text-align: center; z-index: 510; } #sidebar-twitter a { color: #281603; } #sidebar-twitter a:hover { color: #9b6c40; } #sidebar-twitter #retour.visible { display: block; background: #fefefc url('images/bg-twitter-confirmation.jpg') no-repeat -15px -8px ; position: absolute; left: -10px; top: -10px; width: 215px; height: 95px; border: 0; padding: 40px 0 0 5px; text-align: center; z-index: 510; } /* Bloc facebook */ #sidebar-facebook { margin: 0 0 10px; padding: 0 15px; position: relative; } #sidebar-facebook h4 { display: block; width: 211px; height: 0; padding: 60px 0 0; margin: 10px 0; background: transparent url('images/sidebar-facebook.png') no-repeat top left; letter-spacing: -1000em; overflow: hidden; } #sidebar-facebook #facebookconnector .invitebutton { left:121px; position:absolute; top:45px; } * html #sidebar-facebook h4 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sidebar-facebook.png', sizingMethod='scale'); } /* Bloc Youtube */ #sidebar-youtube { padding: 0 15px; text-align: center; } #sidebar-youtube h4 { display: block; width: 211px; height: 0; padding: 60px 0 0; margin: 10px 0; background: transparent url('images/sidebar-youtube.png') no-repeat top left; letter-spacing: -1000em; overflow: hidden; position: relative; } * html #sidebar-youtube h4 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sidebar-facebook.png', sizingMethod='scale'); } /* Bloc flickr */ #sidebar-flickr { padding: 0 15px; overflow: hidden; } #sidebar-flickr h4 { display: block; width: 211px; height: 0; padding: 60px 0 0; margin: 10px 0; background: transparent url('images/sidebar-flickr.png') no-repeat top left; letter-spacing: -1000em; overflow: hidden; } * html #sidebar-youtube h4 { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/sidebar-flickr.png', sizingMethod='scale'); } #sidebar-flickr a {display: block; float: left; width: 66px; text-align: center; padding: 2px 0; margin: 1px; border: 1px solid #D2D1D1; } #sidebar-flickr img { width: 62px; vertical-align: middle; } /* FOOTER */ #footer{ background-image:url("images/footer_v2.jpg"); background-position: top center; background-repeat: no-repeat; } #footer-cont {margin: 0 auto; width: 992px; background-image:url("images/footer2_v2.jpg"); background-position: top left; background-repeat: no-repeat;min-height:200px; height:auto !important; height:200px;width:992px; padding-top:100px;} #about-tequila, #about-thomas, #about-sponsors,#about-tequila p, #about-thomas p , #about-sponsors p { width:296px; float:left; padding:0 14px; text-align:justify; color:#a9a390;} #about-tequila {} #about-thomas {} #about-sponsors { text-align: center; } #about-sponsors table { margin: 0 auto; } /* MENU HORIZONTAL BEGIN */ .categorie{ float: left; } /* MENU HORIZONTAL END */ .post-footerr { background:transparent url(images/post-footer.jpg) no-repeat scroll left top; color:#211000; font-size:11px; height:30px; padding-left:30px; padding-top:10px; width:719px; }