Suppression du cadre autour des emojis

[Lana Cleevest]

Bonjour,

Je souhaiterai pouvoir supprimer définitivement le cadre blanc autour de la cellule qui regroupe les emojis (comme affiché sur le screenshot), et éventuellement augmenter la taille du bloc (en taille, mais je ne m'y retrouve pas dans mes codes).

Merci beaucoup

Code:

/*--- Bloc réponse rapide ---*/
 
.sceditor-container.ltr.sourceMode {
width:550px !important;
background-color: #29200 !important;
border-radius:0;}
.sceditor-container.ltr.wysiwygMode {
width:550px !important;
background-color: #29200 !important;
border-radius:0;}

/*---  Cadre titre du sujet ---*/
input[type=text],textarea {
  border:1px solid #322525;}


input,textarea, select
{ background-color: #29200;
      }
 
/*---  Partie supérieur contenant les outils ---*/
 
div.sceditor-toolbar {
background-color: #29200 !important;
width: 540px !important;
border-left:none!important;
border-right:none;
border-top:none;}

/*---  Partie texte area : fond ---*/
 
.sceditor-container iframe, .sceditor-container textarea {
background-color: #29200 !important;
text-align:justify;
margin:0 !important;
line-height: 16px;
width: 539px !important;
color: #ebebeb !important;
font-size:11px !important;
border-radius:0;}

/*---  Boutons sélectionnés ---*/
 
a.sceditor-button.hover {
background-color: #29200 !important;}

/*---  Smileys ---*/
 
.sce_smilies_body {
    background-color: none;
  border: none;
}

.sceditor-emoticons {
width: 350px !important;
height: 250px !important;
overflow: auto !important;
border:none;
}

img.smiley {
width: auto !important;
height : auto !important; }

/* largeur de l'éditeur */
.sceditor-container { width: 710px!important;
border-radius:0;
}
 
/* largeur de la zone de saisie de texte */
.sceditor-container iframe, .sceditor-container textarea {
width: 99%!important;
height:500px}

/* fond de la barre d'outil */
.sceditor-toolbar {
background: #292020 !important;
  border:1px solid #322525;
  border-radius: 0px;
}
 
/* fond de la zone de saisie de texte */
.sceditor-container{
background: #292020 !important;
  border:1px solid #322525;
  border-radius: 0px;
   
}
.sceditor-container iframe, .sceditor-container textarea{
background: #292020 !important;
  border:1px solid #322525;
  border-radius: 0px;
}
 
/* fond de groupe de bouton */
body div.sceditor-group {
background: #d7cdcd;
}
/* fond d'un bouton survolé ou activé */
 
.sceditor-button.hover, a.sceditor-button:hover {
background: #d7cdcd; }

/* bordure de l'éditeur */
div.sceditor-container {
border: 1px solid #322525; }
 
/* bordure entre la barre d'outils et la zone de saisie de texte */
body div.sceditor-toolbar {
border-bottom: 1px solid #322525; }
 
/* bordure sous les groupes de bouton */
body div.sceditor-group {
border-bottom: none; }
 
/* ombre d'un bouton survolé ou activé */
a.sceditor-button:hover, a.sceditor-button.hover {
box-shadow: none;}

/* limitation de la taille du cadre des smileys */
.sceditor-emoticons {
max-width: 350px !important;
max-height: 250px !important;
overflow: auto !important;
text-align: center;
}
.sceditor-emoticons  div {
display: inline!important;
}
 
/* taille maximum de 40 pixels */
img.smiley {
width: auto !important;
height : auto !important;
vertical-align: middle;
max-width: 40px;
max-height: 40px;
}

[mSyx]

Reuh o/
Je me suis permis de me reconnecter sur le compte test pour voir rapidement (mes forums persos étant trop modifiés sur les smileys)

Il faut viser directement l'intérieur de l'iframe, avec ce CSS:

Code:

#sceditor_smilies {
  background-color: transparent;
}

[Lana Cleevest]

Tu as bien fait ! Par contre pour les emojis je teste sur un autre forum pour pas tout détruire (j'ai eu des soucis de CSS l'autre jour et tout ce que j'avais fait s'est comme annulé, enfin c'est rentré dans l'ordre éventuellement).

Sais-tu ce qu'il faut rajouter au code pour que ça fasse effet sur les réponses rapides ?

[mSyx]

Re o/

Sais-tu ce qu'il faut rajouter au code pour que ça fasse effet sur les réponses rapides ?

Si tu parles seulement de la bordure grisâtre:

Code:

html#sceditor_smilies {
  background-color: transparent;
}

Si tu parles des deux 'bordures' (blanche et grisâtre) pour avoir ce rendu:

Code:

.sceditor-dropdown.sceditor-emoticon {
  padding: 0;
  border: none;
}

html#sceditor_smilies {
  background-color: transparent;
}

Tu as bien fait ! Par contre pour les emojis je teste sur un autre forum pour pas tout détruire (j'ai eu des soucis de CSS l'autre jour et tout ce que j'avais fait s'est comme annulé, enfin c'est rentré dans l'ordre éventuellement).

Tu fais bien aussi ! :b
Perso, j'ai tendance à copier/coller un template ou le CSS dans un bloc-note avant de sauvegarder les modifications. C'est une bonne habitude que j'ai prise et qui m'a évité pas mal de pertes

[Lana Cleevest]

Impeccable !!!

Encore une fois, merci pour ton aide précieuse !

[mSyx]

Au plaisir ! :b