Voilà ce que Simon m'a donné en code css
/*-------------------------------
Début css commentaires code fourni par Simon
------------------------------*/
/*poster un commentaire*/
.articles_show_stats_article {
color: #000000;
font-style: italic;
}
/*****poster*******/
#article_commentaires ul li {
background-image: url(
https://static.blog4ever.com/2020/12/861929/fond-3-design-2024.png);
background-repeat: repeat;
border: 4px double #531B25;
border-radius: 5px;
list-style-type: none;
position: relative;
margin-top: 20px;
box-shadow: -1px 1px 10px 1px #383838;
}
.post-comment .mini, .reply-comment .mini {
color: #000 !important;
font-size: 20px !important;
border: 3px solid #fff !important;
height: 100px !important;
}
/*taille pseudo*/
#article_commentaires .comment-op,
#photo_commentaires .comment-op {
font-size: 16px!important;
}
/*taille date*/
#article_commentaires .comment-date,
#photo_commentaires .comment-date {
font-size: 16px!important;
}
/*taille de j'aime et répondre*/
#article_commentaires .actions,
#photo_commentaires .actions {
font-size: 16px;
}
#article_commentaires dl dd.commentaire_message, #photo_commentaires dl dd.commentaire_message {
background-image: url(
https://static.blog4ever.com/2020/12/861929/fond-2-design-2024.png);
background-repeat: repeat;
border: 2px dashed #531B25;
border-radius: 5px;
box-shadow: -1px 1px 10px 1px #383838;
color: #000;
font-family: Comic Sans Ms;
font-size: 18px !important;
margin: 0 10px 0 70px;
padding: 10px;
text-align: justify;
Line-Height: 16pt; /* espace vertical entre les lignes*/
width: auto;
}
#article_commentaires dl dt.commentaire_auteur .popover,
#photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #F3DED1;
margin-left: 75px;
margin-top: -25px;
text-align: left;
white-space: nowrap;
width: auto;
}
#article_commentaires .post-comment .blogmember_invite ul li, #photo_commentaires .post-comment .blogmember_invite ul li {
background: none repeat scroll 0 0 #C1D582;
list-style-type: square;
text-align: center;
color: #000;
width: 300px;
height: 20px;
margin-top: 10px;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {
border: 4px double #531B25;
box-shadow: -1px 1px 10px 1px #383838;
background-color: #AFDEEC;
color: #000000;
display: block;
font-size: 15px;
width: 40%;
}
.post-comment dl dd, .reply-comment dl dd {
height: 220px;
margin: 0 0 0 50px;
}
#articles_commentaires_email_input{
background: #f3ded1;
border: 4px double #531B25;
box-shadow: -1px 1px 10px 1px #383838;
}
#article_commentaires dl dt.commentaire_auteur .popover, #photo_commentaires dl dt.commentaire_auteur .popover {
background: none repeat scroll 0 0 #C8AFAA; /*fond de couleur lorsque on passe la souris sur l'avatar de l'auteur du commentaire*/
border: 2px ridge #531B25;
text-align: left;
white-space: nowrap;
width: auto;
}
.post-comment .blogmember_invite {
bottom: 10px;
color: #000;
font-size: 15px;
padding: auto;
position: absolute;
right: 250px;
white-space: nowrap;
width: -200px;
height: 80px;
}
div.popover-content {
background-color: transparent;
}
/*bouton envoyer*/
.diz-blog input[type="submit"],
.diz-blog input[type="button"],
.diz-blog button {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: 50px;
border: 4px #531B25 outset!important;
border-radius: 10px;
box-shadow: -1px 1px 10px 1px #242238!important;
color: #000;
background-image: url(
https://static.blog4ever.com/2020/12/861929/g27.gif);
background-repeat : repeat;
font-family: 'Lucida sans Unicode', sans-serif;
font-size: 15px !important;
text-transform: uppercase;
}
/*
---------------------------------
Fin css commentaires code fourni par Simon
---------------------------------
*/
Dernière modification le vendredi 22 Mars 2024 à 16:40:47