/* Document : ContenuReponses Created on : 26 juil. 2010, 17:10:35 Author : Gregory Description: Purpose of the stylesheet follows. */ /*-------------------------------------------------------------*/ /*--------------------------commentaires-----------------------*/ div#commentsContainer{margin:0 auto;letter-spacing:0;} /*div#commentsContainer p{font-size:12px;line-height: 14px;}*/ p.ssTitreBlog {margin:0; padding:10px 0; text-transform:uppercase; border-top:1px solid #cacaca;} p.ssTitreBlog span {display:block; width:460px; float:left; padding:2px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#434343;} p.ssTitreBlog a#btnGoComments { display:block; float:left; width:85px; height:16px; padding:4px 0 0 25px; font-size:10px; font-weight:bold; text-decoration:none; color:#fff; background:url('/tools/lib/Composant/ContenuReponses/img/btnReagir.gif') 0 0 no-repeat; } p.ssTitreBlog a#btnGoComments:hover {background-position:0 -20px;} p.ssTitreBlog a#btnGoComments:focus {background-position:left bottom;} /*---------liste commentaires---------*/ ul#listComments{border-bottom:1px solid #bababa; margin:0 auto; margin-bottom:15px; width:620px;} ul#listComments li{border-left:1px solid #bababa; border-right:1px solid #bababa;} /*Exception*/ ul#listComments li#top{border:1px solid #457213; margin-bottom:15px;} ul#listComments li div.commentAuthor, ul#listComments li div.repAvocat{ background:url('/tools/lib/Composant/ContenuReponses/img/header_membre_repeat.jpg') top left repeat-x; border-top:1px solid #aaaaaa; color:#545454; min-height:41px; padding:7px 10px 3px 10px; } ul#listComments li div.repAvocat {background:#253c8a;border:1px solid #0c1e5a;margin:-2px 0 0 2px;} ul#listComments li div.repModerator {background:#7ca3d8;border:1px solid #3d67b2;} ul#listComments li div.repAvocat, ul#listComments li div.repModerator { width:598px; border-bottom:none; margin-left:-1px; -moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2); } ul#listComments li div.repAvocat, ul#listComments li div.repModerator, ul#listComments li div.repAvocat a, ul#listComments li div.repModerator a { color:#fff; } /*Exception*/ ul#listComments li#top div.commentAuthor {color:#fff; background:url('/tools/lib/Composant/ContenuReponses/img/header_membre_top_repeat.jpg') left top repeat-x #54910F;border:none;margin:0;} ul#listComments li div.commentAuthor .pseudoAndDate{display:block;float:left;width:440px;margin:0 0 0 5px;line-height:16px;} ul#listComments li div.commentAuthor .pseudoAndDate span {display:block;} ul#listComments li div.commentAuthor span.pseudo{font-weight:bold;} ul#listComments li div.commentAuthor p.lienDroite {float:right; font-size:11px; } ul#listComments li div.commentAuthor p a.linkAbusif{ background:url('/tools/lib/Composant/ContenuReponses/img/signaler.png') center left no-repeat; font:normal 11px Verdana,Arial,sans-serif; display:block; padding:3px; padding-left:17px;} /*Exception*/ /*ul#listComments li#top div.commentAuthor p a{color:#fff;}*/ p.moderation{overflow:hidden;} a.reponseEdit,a#questionEdit{ background-color:#aaa; color:#fff; display:block; float:right; font:bold 12px Verdana,Sans-serif; border:1px solid #545454; margin:0px 10px; padding:3px; } a#questionEditWithoutTitre{ background-color:#aaa; color:#fff; display:block; float:right; font:bold 12px Verdana,Sans-serif; border:1px solid #545454; margin:0px 10px; padding:3px; } a.reponseDelete,a#questionDelete{ background-color:#aaa; color:#fff; display:block; float:right; font:bold 12px Verdana,Sans-serif;border:1px solid #545454; padding:3px; } ul#listComments li div.commentMessage {padding:12px 15px 15px 15px; overflow:hidden; word-wrap: break-word;} ul#listComments li div.commentMessage p{ text-transform:lowercase;} ul#listComments li div.commentMessage p:first-letter{ text-transform:uppercase;} ul#listComments li div.commentMessage div.message-container{ float:left; margin-right:15px; width:500px;} ul#listComments li div.commentMessage div.msg{ font-size:12px; line-height:150%;} ul#listComments li div.commentMessage div.voting {margin-bottom:10px; margin-left:517px;} .mark {margin-top:-1px;} ul#listComments li div.commentMessage div.voting div.votes{ border:1px solid #aaa;color:#666666; font:bold 20px Verdana,Arial,sans-serif; padding:5px 10px; text-align:center;} ul#listComments li div.commentMessage div.voting .less, ul#listComments li div.commentMessage div.voting .lessRegister{ display:block;background-image:url('/tools/lib/Composant/ContenuReponses/img/voteLess.jpg'); float:right; height:20px; width:35px;} ul#listComments li div.commentMessage div.voting .more, ul#listComments li div.commentMessage div.voting .moreRegister{ display:block;background-image:url('/tools/lib/Composant/ContenuReponses/img/voteMore.jpg'); height:20px; width:36px;} ul#listComments li div.commentMessage div.voting a:hover{background-position:0px -20px;} ul#listComments li div.commentMessage div.voting a:active, ul#listComments li div.commentMessage div.voting a:focus{background-position:0px -40px;} /*dialog jQuery*/ .ui-dialog{ color: #666666; } .ui-dialog .ui-dialog-buttonpane{ background-color: #FEFBE1; border:0; margin:0; padding:0; } .ui-widget-content a{ color:#0066FF; } .ui-dialog-content p#avertissement{ background-color: #FEFBE1; border: 1px solid #EEDAA7; margin:0; padding:15px; } ul#listComments .btnsContainer {margin:0 0 10px 0;padding:10px 0 5px 0;border-bottom:1px dotted #bababa;} ul#listComments .btnsContainer li {float:left;width:120px;border-left:none;margin-right:3px;} ul#listComments .btnsContainer li.linkAbusif-container {border-right:none;} ul#listComments .btnsContainer li.addSubCommentLink-container {width:180px;} ul#listComments .btnsContainer a {display:block;padding:0 0 0 22px;color:#434343; font:normal 11px Verdana,Sans-serif;text-transform:none;letter-spacing:0px;} ul#listComments .btnsContainer a:hover {color:#06f;text-decoration:none;} ul#listComments .btnsContainer a.addSubCommentLink{width:155px;background:url('/tools/lib/Composant/ContenuReponses/img/repondre.jpg') left top no-repeat;} ul#listComments .btnsContainer a.linkAbusif {background:url('/tools/lib/Composant/ContenuReponses/img/link-signaler.png') 5px 0 no-repeat;} ul#listComments .btnsContainer a.permalink {background:url('/tools/lib/Composant/ContenuReponses/img/picto-permalink.png') 5px 1px no-repeat;} ul#listComments li div.repAvocat .btn-goProfilAvocat {width:120px;float:right;} ul#listComments li div.repAvocat .btn-goProfilAvocat a { display:block; padding:7px 0; margin-top:4px; text-align:center; letter-spacing:0; border:1px solid #545454; color:#434343; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(top, #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #f6f6f6 0%,#e6e6e6 100%); /* W3C */ } ul#listComments li div.repAvocat .btn-goProfilAvocat a:hover { background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#f0f0f0 100%); /* W3C */ color:#121212; border:1px solid #333; text-decoration:none; } ul#listComments li div.repAvocat .btn-goProfilAvocat a:focus { background: #e8e8e8; /* Old browsers */ background: -moz-linear-gradient(bottom, #f6f6f6 0%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#f6f6f6), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(bottom, #f6f6f6 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(bottom, #f6f6f6 0%,#e6e6e6 100%); /* Opera11.10+ */ background: -ms-linear-gradient(bottom, #f6f6f6 0%,#e6e6e6 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ background: linear-gradient(bottom, #f6f6f6 0%,#e6e6e6 100%); /* W3C */ } ul.error_list li {font-size:9px; color:#f00;font-weight:bold;} ul#listComments li ul#ComprendreSujet{ background-color:#fafafa; border:1px solid #eaeaea; border-left: 5px; border-right:5px; padding:10px; list-style:none inside none; margin-top:15px; margin-bottom:15px;} ul#listComments li ul#ComprendreSujet li{ margin-bottom:5px; list-style:none inside none; border:none; } ul#listComments li ul#ComprendreSujet li span{ color:#767676; } ul#listComments li ul#ComprendreSujet p{ color:#767676; font:bold 12px "Helvetica Neue",Helvetica,sans-serif; margin-bottom:5px; } /*---------liste commentaires de commentaires ---------*/ ul#listComments li div.subMessage{line-height:1; width:543px;margin-top:10px;} ul#listComments li div.subMessage div.commentAuthor, ul#listComments li#top div.subMessage div.commentAuthor{ color:#545454;background:url('/tools/lib/Composant/ContenuReponses/img/reponse_reponse_repeat.jpg') top left repeat-x; border:0;} ul#listComments li div.subMessage div.repAvocat, ul#listComments li#top div.subMessage div.repAvocat {width:524px;background:#253c8a;color:#fff;margin-top:-2px;height:auto;padding-bottom:7px;} ul#listComments li div.subMessage div.repAvocat a, ul#listComments li div.subMessage div.repAvocat a:visited, ul#listComments li#top div.subMessage div.repAvocat a, ul#listComments li#top div.subMessage div.repAvocat a:visited {color:#fff;} ul#listComments li div.subMessage div.repModerator, ul#listComments li#top div.subMessage div.repModerator {width:523px; background:url('/tools/lib/Composant/ContenuReponses/img/reponse_goldenReponse_repeat.jpg') top left repeat-x;} ul#listComments li div.subMessage div.repModerator a{color:#545454;} ul#listComments li div.subMessage div.msg{width:451px;margin:5px 0 0 10px;} ul#listComments li div.subMessage div.repAvocat span.pseudo a {display:block;} ul#listComments li div.commentMessage p.subComment-author {width:80%;float:left;text-transform:none;} .subComment-links {width:19%;float:right;line-height:18px;font-size:11px;} ul#listComments ul.subComment-links li {border:none;} ul#listComments li div.subMessage a.linkAbusif{display:block;text-indent:20px;background:url('/tools/lib/Composant/ContenuReponses/img/signaler.png') left center no-repeat;} /*-------------pagination des commentaires---------------------*/ li.navComments {padding:0;text-align:center;} li.navComments a {color:#06f; text-decoration:none;} li.navComments a.current {font-size:16px; font-weight:bold;} li.navComments a:hover {color:#044fbf;} /*--------------formulaire------------*/ div#commentsForm {margin:0 auto; padding:5px; font-family:Verdana, Geneva, sans-serif; border:1px solid #cacaca; width:608px;} /*Exception*/ div.SubComments div#commentsForm{width:533px; margin:0; margin-top:15px;} div.SubComments div#commentsForm p#commentFormValider {width:530px;} div#commentsForm li {list-style:none;} div#commentsForm div#commentsFormMessage label {display:block; padding:5px 0;} div#commentsForm div#commentFormInfos div.leftPart a{ display:block; margin:5px 0px; } div#commentsForm div#commentFormInfos li {margin:0 0 5px 0;} div#commentsForm div#commentFormInfos label {display:block; padding:5px 0;} div#commentsForm div#commentFormInfos label span{font-weight:normal; font-size:11px; color:#666666;} /*Exception*/ div#commentsForm div#commentFormInfos div.captcha label{ margin:0 0 5px 0; } div#commentsForm div#commentFormInfos input {width:368px; height:25px; border:1px solid #cacaca; border-bottom:1px solid #dbdbdb;} .captcha {margin-top:10px;} /*exception*/ div#commentsForm form.subform div#commentFormInfos input { width:268px; } div#commentsForm div#commentFormInfos input#ContenuReponses_MessageForm_captcha {border:1px solid #cecece;width:328px;margin-top:2px;padding:3px;} div#commentsForm p#commentFormValider input#btnCommenter { width:217px; height:28px; border:none; font-size:11px; letter-spacing:1px; text-shadow:1px 1px 1px #000; text-transform:uppercase; color:#fff; background:url('/Node/img/btnReponse.gif') 0 0 no-repeat; cursor:pointer; } div#commentsForm p#commentFormValider input#btnCommenter:hover {background-position:0 -28px;} div#commentsForm p#commentFormValider input#btnCommenter:focus {background-position:left bottom;} /*-------------------------fin commentaires--------------------*/ /*-------------------------------------------------------------*/ /*Modifs JQuery dialog*/ .ui-dialog-titlebar { display:none; } /*-------------------------signaler abus--------------------*/ /*-------------------------------------------------------------*/ div#abus{text-align:left;} span#required{color: #457213;} .SubComments{ padding-left:45px; } .avocat_img{ width:50px; height:30px; } .avatar_forum{ display:block;float:left; width:29px; height:32px; } p#textSuccesReponse, p#goNextQuestion {font-size:14px;color:#333;} p#textSuccesReponse {margin:15px;} p#goNextQuestion {margin:0 15px 15px 15px;} p#goNextQuestion span {margin:5px 0 10px 0;} p#goNextQuestion a {padding:0 0 0 15px;background:url('/image/home/menu_gauche/puce_liste.gif') 0 7px no-repeat;} a#anchor{display:block; margin-top:5px; text-align:right;} /*-------Questions en relations--------*/ p#titleRelation{ font:normal 20px Georgia,serif; padding: 0 0 5px;} ul#relation{ margin-bottom:15px; } ul#relation li{ border-bottom: 1px dotted #767676;list-style: none outside none;margin: 0;padding: 7px 0 5px; } /*-----Fin Questions en relations------*/