Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

La date/heure actuelle est Lun 27 Sep 2021 - 2:53

33 résultats trouvés pour 1

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Ce n'est peut-être pas possible ce que je demande. Dites-le et je vis avec.


Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Dim 13 Juin 2021 - 23:55
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Mar 8 Juin 2021 - 6:30
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Ven 28 Mai 2021 - 15:57
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Ven 21 Mai 2021 - 6:10
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Jeu 20 Mai 2021 - 7:11
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Mer 19 Mai 2021 - 8:06
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

UP S.V.P.

Rappel de mon soucis actuel, merci d'avance de m'aider a écrit:Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:

- https://www.zupimages.net/up/20/28/7gl1.png
- https://www.zupimages.net/up/20/27/f3yv.png


• Problème actuel #3:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?
par superhomme
le Mar 18 Mai 2021 - 6:58
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Autre
Capture d'écran du problème :
Voir l'image:
Tag 1 sur Forum gratuit : Le forum des forums actifs Zprobl10

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum Forum : https://www.transformersfr.com/forum
Lien du forum Forum Test : https://transf.kanak.fr/forum

Description du problème

Bonjour Forumactif et membres du forum

• Problème actuel #1:

Quand on divise un sujet sous forum ModernBB... y-a-t-il moyen d'agrandir la fenêtre de division, car quand le sujet est long, l'espace est trop restreint.

Avez-vous svp une solution merci.


• Problème actuel #2:

Comment réduire la hauteur/largeur/longueur des sondages sous ModernBB, c'est tellement énorme au début du message que ça enlève quasiment le goût d'avoir des sondages dans un sujet, avez-vous une solution svp ?



• Ceci on en parle plus #3:

Comment réduire la largeur des headers sur la page principal et dans la liste des sujets. Sous ModernBB contrairement à PhpBB2, tout est étiré en longueur. Comment puis-je écraser ça un peu plus comme PhpBB2. Exemple en image que j'ai emprunté:
- https://www.zupimages.net/up/20/28/7gl1.png | - https://www.zupimages.net/up/20/27/f3yv.png



• Ceci on en parle plus #4:

Avant de l'appliquer à mon forum, j'essais de faire des test avec mon Forum Test https://transf.kanak.fr/forum pour moderniser mon forum sous ModernBB (je veux quitter phpBB2 pour ModernBB). J'utilise le thème "FM21 par trochkevin".

Voilà je remarque des soucis quand on a un fond foncé, que ça soit sur ModernBB, phpBB3, etc.., si je change tel couleur ça affecte énormément l'Éditeur de message et le T-Chat. ModernBB ne semble pas conçu pour avoir un fond foncé et texte blanc (je ne veux pas de fond blanc et texte noir comme le standard).

Exemple, dans le panneau d'admin, avec une couleur du Texte Blanc + Couleur de fond de l'éditeur (Zone de saisie de texte) gris, voici mes soucis avec l'Éditeur de message:
- dans la réponse rapide: fond gris + texte noir => ça peut aller, c'est lisible.
- une fois appuyez sur Prévisualisation: fond gris + texte blanc => C'est illisible, ensuite dans les boutons "Insérer un lien", "embed", etc => le texte blanc sur fond blanc => on ne voit rien, ça ne va pas on s'entend.

Mon essai en CSS pour tâché d'y remédier mais sans le résultat désiré:
Code:
#quick_reply .sceditor-container iframe, .sceditor-container textarea{background-color: #ffffff !important; color: #000000 !important; }


Voici mes soucis avec l'Éditeur de message suite à ce code CSS:
- dans la réponse rapide: fond blanc + texte noir => C'est ça que je veux. Malheureusement les boutons "Insérer un lien" c'est fond blanc + texte blanc, c'est illisible
- par contre soucis aussi en appuyez sur Prévisualisation: Titre du message c'est la Couleur de fond 2 foncé que j'utilise + texte noir, résultat du code CSS ci-haut. C'est illisible hélas. Et malheureusement encore les boutons "Insérer un lien" c'est fond blanc + texte blanc, c'est illisible

Mon 2e essai en CSS pour tâché d'y remédier mais sans le résultat désiré:
Code:
input[type=text]{color: #000000 !important;}

Voici mes soucis avec l'Éditeur de message suite à ce code CSS:
- dans la réponse rapide: fond blanc + texte noir => C'est ça que je veux, même les boutons "Insérer un lien" c'est fond blanc + texte noir
- par contre soucis une fois appuyez sur Prévisualisation: Titre du message c'est la Couleur de fond 2 foncé que j'utilise + texte noir, résultat du code CSS ci-haut. C'est illisible hélas.

J'essai un 3e code CSS pour tâché d'y remédier mais sans le résultat désiré:
Code:
input, select{background-color: #4b2a31 !important;}

Ce code CSS affecte les boutons "Prévisualisation" + "Envoyer" (ne change plus de couleur quand le curseur par dessus), ça affecte les champs de réponses un peu partout, aucun moyen de sélectionner que ceux désirés, là c'est tout ou rien.
-> Je veux surtout changer que la couleur de fond du titre du message.

Avez-vous SVP des solutions ? Ça faciliterait si le panneau d'Admin avait plus de champ de couleur que pour l'Éditeur de message sans affecté le reste du forum.

Là je suis obligé de jouer avec du code CSS et je n'y parviens pas à mon grand regret. Je suis fier d'être sur forumactif, un excellent service cordiale, c'est juste un gros bogue qui me gêne à mon grand regret. Que puis-je faire ? Faites le test de votre côté avec le thème que j'utilise.

Je patiente mon tour que vous puissiez m'aider svp, merci d'avance.
par superhomme
le Mer 5 Mai 2021 - 8:20
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: ModernBB - Soucis avec les couleurs, code CSS, panneau d'admin hélas limité, thème foncé, etc.
Réponses: 25
Vues: 1114

problème codage qeel

css:
.menu{padding:5px;margin-top:-20px;}

a.mainmenu[href^="/calendar"], a.mainmenu[href^="/faq"] {
 display: none;
}
.mainmenu{margin-top:-20px;  
  font-size: 14px;color:#FAA0DF;
font-family: 'Mulish', sans-serif;font-size:12px;text-transform:uppercase;color:#FAA0DF;padding:1px;letter-spacing:-1px;
       }

a.mainmenu{padding:1px;
   text-decoration: none;
font-family: 'Mulish', sans-serif;font-size:12px;text-transform:uppercase;color:#9fbdbd;text-shadow: 0 0 3px #fff, 0 0 3px #fff;letter-spacing:-1px;
}

a.mainmenu:hover{
   text-decoration: none;
 }
     
a:hover{
text-decoration: none !important;
   
}

a:link {
text-decoration: none;
}

a:visited {
text-decoration: none;
}


 
 
 /*---  NAVIGATION ET HEADER ---*/
#fa_toolbar {
   background-color: transparent !important;  /* Rend transparent le fond principal */
}

#fa_right {
  background:#FBE677; /* Couleur de fond */
      text-transform:uppercase;font-size:12px;
   padding-left: 10px;  /* Règle la marge intérieure gauche */
   padding-right: 10px;  /* Règle la marge intérieure droite */
 margin-right: 30px;
 border-radius: 10px;
     box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
-moz-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
-webkit-box-shadow: 0px 0px 4px 2px rgba(119, 119, 119, 0.2);
}
ul#notif_list{
 background-color:#FFFDFB;
}
ul#notif_list{
 background-color:#FFFDFB;
}
div.fa_notification{
 background-color:#FFFDFB;
}
#notif_list li .contentText{
 background-color:#FFFDFB;
}
li.see_all{
 background-color:#FFFDFB;color:#5f4037;
}
#fa_left {display:none!important;}
ul#fa_menulist {display:none!important;}
div#fa_search {display:none!important;}
span#fa_share {display:none!important;}
a#fa_hide {display: none!important;}

a.mentiontag { text-transform:uppercase;color:#C2A3D1;font-family: 'Inter', sans-serif;font-size:10px;padding:2px;font-weight:bold;text-shadow: 0 0 5px #fff, 0 0 5px #fff;}
.catHead, .catBottom, .catLeft, .catRight, .thLeft, .thRight,
.thSides, .thCornerL, .thCornerR, .thTop, .thHead, .row3Right
{
border: none !important;
}

 
/*---  SWITCHEROOOOOOOOOOOOOOOOOOOOOOOOOOOOOOOO ---*/
.switcheroo {
 --color-bg: #17141b;
 --color-delete: #e74c3c;
 --color-tooltip: #010203;
 --color-squircle: #201f2e;
 --color-accent: #b14255;
 --color-button: #aaa2f2;
 --color-pill: #ffffff;
 --gap-size: 1rem;
 --ease: cubic-bezier(0.4, 0.0, 0.2, 1);
 --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56);
}
.switcheroo {
 position: fixed;
 z-index: 10;
 top: 0;
 bottom: 0;
 flex-shrink: 0;
 background-color: var(--color-bg);
}
.switcheroo__squircles {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
 margin: 0;
 padding: 0;
 list-style: none;
 background-color: var(--color-body);
 padding: var(--gap-size);
 gap: var(--gap-size);
}
.switcheroo__squircle {
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: var(--color-squircle);
 width: 48px;
 height: 48px;
 border-radius: 50%;
 cursor: pointer;
 position: relative;
 transition: border-radius 128ms var(--ease);
}
.switcheroo__squircle--button {
 transition: border-radius 128ms var(--ease);
 color: var(--color-button);
}
.switcheroo__squircle--button:hover {
 color: #fff;
 background-color: var(--color-button);
}
.switcheroo__squircle:hover {
 border-radius: 36%;
}
.switcheroo__squircle:hover .switcheroo__popper {
 opacity: 1;
 transform: translateY(-50%) scale(1);
}
.switcheroo__squircle:hover:before {
 opacity: 1;
 transform: translate(-100%, -50%) scale(0.5);
}
.switcheroo__squircle:hover .switcheroo__delete {
 opacity: 1;
 transform: scale(1);
}
.switcheroo__squircle:before {
 content: "";
 width: 100%;
 height: 100%;
 display: block;
 background-color: var(--color-pill);
 position: absolute;
 border-radius: 4px;
 top: 50%;
 transform: translate(-100%, -50%) scale(0);
 transition: transform 128ms, opacity 64ms;
 pointer-events: none;
 opacity: 0;
}
.switcheroo__squircle.active {
 border-radius: 36%;
 cursor: default;
}
.switcheroo__squircle.active:before {
 opacity: 1;
 transform: translate(-85%, -50%) scale(0.2);
 border-radius: 50%;
}
.switcheroo__popper {
 background-color: var(--color-tooltip);
 padding: 0.68rem 1rem;
 position: absolute;
 left: 155%;
 top: 50%;
 transform-origin: left;
 transform: translateY(-50%) scale(0.98);
 width: -webkit-max-content;
 width: max-content;
 border-radius: 4px;
 z-index: 0;
 opacity: 0;
 transition: opacity 64ms var(--ease), transform 128ms var(--ease-bounce);
 pointer-events: none;
 color: #fff;
}
.switcheroo__popper:before {
 content: "";
 position: absolute;
 width: 24px;
 height: 24px;
 background-color: var(--color-tooltip);
 left: -2px;
 top: 50%;
 transform: translateY(-50%) rotate(-45deg);
 z-index: -1;
}
.switcheroo__avatar {
 position: relative;
 width: 100%;
 height: 100%;
 border-radius: inherit;
 overflow: hidden;
}
.switcheroo__avatar img {
 width: 100%;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.switcheroo__delete {
 display: flex;
 align-items: center;
 justify-content: center;
 position: absolute;
 width: 16px;
 height: 16px;
 top: -2px;
 right: -2px;
 border-radius: 50%;
 background-color: var(--color-delete);
 transform: scale(0);
 opacity: 1;
 transition: transform 128ms var(--ease), opacity 64ms var(--ease);
 cursor: pointer;
}
.switcheroo__delete i {
 transform: scale(0.5);
 pointer-events: none;
}
.switcheroo__divider {
 width: 100%;
 height: 2px;
 background-color: var(--color-pill);
 border-radius: 1px;
 opacity: 0.06;
 transform: scale(0.Cool;
}
.switcheroo__form {
 padding: 48px;
}
.switcheroo__form-row {
 display: flex;
 flex-flow: column;
 align-items: flex-start;
 margin-bottom: 16px;
}
.switcheroo__form-label {
 margin-bottom: 8px;
 font-size: 14px;
 text-transform: uppercase;
}
.switcheroo__form-input {
 padding: 6px;
 font-size: 16px;
 border-radius: 4px;
 width: 100%;
 border-bottom: 2px solid var(--color-accent);
 background-color: var(--color-bg);
}
.switcheroo__form-button {
 border-radius: 8px;
 padding: 8px;
 border: none;
 outline: none;
 box-shadow: none;
 text-transform: uppercase;
 font-size: 14px;
 align-self: flex-end;
 color: #fff;
 background-color: var(--color-accent);
}

.monomer-overlay {
 position: fixed;
 z-index: 999;
 top: 0;
 left: 0;
 opacity: 0;
 width: 100%;
 height: 100%;
 transition: .2s opacity ease;
 background: rgba(0, 0, 0, 0.6);
}

.monomer-modal {
 position: absolute;
 z-index: 999;
 top: 50%;
 left: 50%;
 opacity: 0;
 width: 94%;
 padding: 24px 20px;
 transition: .2s opacity ease;
 transform: translate(-50%, -50%);
 border-radius: 2px;
 background: var(--color-squircle);
}

.monomer-modal.monomer-open.monomer-anchored {
 top: 20px;
 transform: translate(-50%, 0);
}

.monomer-modal.monomer-open {
 opacity: 1;
}

.monomer-overlay.monomer-open {
 opacity: 1;
}

/* Close Button */
.monomer-close {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 20px;
 font-weight: 700;
 line-height: 24px;
 text-align: center;
 width: 24px;
 height: 24px;
 position: absolute;
 top: -5px;
 right: -5px;
 padding: 5px;
 cursor: pointer;
 color: #fff;
 border: 0;
 outline: none;
 background: var(--color-delete);
 border-radius: 50%;
 padding: 0;
}

.monomer-close:hover {
 opacity: 0.8;
}


/******************************** catégories ********************************/
.blocDernierPost{
 float:right;
 width:120px;
 height:140px;
}

.dernierPost{
background-image:url('https://zupimages.net/up/21/11/0azn.png');
   color: #9fbdbd;
 font-family: "open sans";
   font-size: 11px;
   padding: 10px;
   position: absolute;
   right: 2%;
   text-align: center;
   top: 16%;
   height: 100px;width: 120px;
}

.dernierPost span{
   left: 1%;
   position: relative;
}

.imgOldNewLock{
   height: 33px;
   position: relative;
   width: 120px;
}
.avatarCate{
   background: #FCE579;
   padding: 3px;
   position: absolute;
   right: 19.2%;
   top: 16%;
   width: 70px;
}

.avatarCate img{
 width:70px;
}
.blocForum{
 position:relative;
 width:100%;  
 height:auto;
 background:transparent;
 }

.titreCate{
 width: 100%;
   height: 60px;
   /* background: linear-gradient(180deg, #3A6E74,#402F3F); */
background-image:url('https://zupimages.net/up/21/11/jr7c.png');
   
   margin: auto;
   letter-spacing: 3px;
}
.titreCate h2 /*titre de la caté*/
{    font-family: Kufam;
   font-size: 22px;
   text-align: center;
   text-transform: uppercase;
   transform: rotate(-2deg);
   color: #7db08a !important;
   padding-top: 16px;
}

.blocCate{
background: #f5f9fa;
   /* border: 2px dotted red; */
   height: auto;
   position: relative;
   width: 100%;
   padding: 8px 0 8px 0;
}
.titreForum /*titre du forum*/
{
   height: 20px;
   left: 21%;
   top: 2%;
   margin: auto;
   position: absolute;
   width: 50%;
   z-index: 1;transform: rotate(-2deg);
}

.titreForum a{
font-family: Kufam;
   font-size: 15px;
   color: #9fbdbd !important;
   text-transform: uppercase;
}
.descriptionForum{
   background-color: #FFFFFF;
   font-family: open sans;
   font-size: 13px;
   height: 110px;
   left: 21%;
   overflow: auto;
   padding: 5px;
   position: absolute;
   text-align: justify;
   top: 16%;
   width: 48%;
}

.descriptionForum strong{
   
   font-family: indie flower;
   text-transform: uppercase;
   color: #F9BFB3 ;
 
   font-size: 11px;
}
.sujetsMessages{
   color : #9fbdbd;
   font-family: poppins;
   font-size: 10px;
   height: 10px;
   position: absolute;
   right: -6.5%;
   text-align: center;
   top: 54%;
   width: 16%;
   transform: rotate(-90deg);
   z-index: 1;
}
.sousForums {
   background-color: #FFFFFF;
   font-size: 0;
   height: 90x;
   left: 1%;
   position: absolute;
   text-align: center;
   top: 16%;
   width: 130px;
   padding: 15px;height: 90px;    overflow: auto;
}

.sousForums a{
   color: #7db08a;
   display: block;
   font-family: kufam;
   font-size: 11px;
   padding: 3px 0 0;
   text-align: center;
   text-transform: uppercase;
   transition: all 1s ease;
}

.sousForums a:hover{
   letter-spacing: 1.5px;
}



/********************************************************* LISTE SUJETS *********************************************************/

/* - - - - Liste des sujets claire #1
- - - - - - Auteur: Syx(/Kehoru)
- - - - - - Merci de créditer pour toute utilisation du CSS et/ou du template  - - - - */

/* - - - - - - - - > > > > topics_list_box - - - - - - - - */

/* - - - - AFFICHAGE DE CHAQUE SUJET - - - - */

/* le block du sujet */
.lsuj_sujet {
position: relative;
background-color: #fbfbfb;
margin: 10px 0;
box-sizing: border-box;
padding: 10px 10px 10px 35px;
box-shadow: 0 0 5px rgba(50,50,50,.15); }

/* block de gauche dont la couleur s'adapte selon le statut du sujet (rien de nv., nv. message, verrouillé) */
.lsuj_folder {
position: absolute;
left: 0;
top: 0;
width: 25px;
height: 100%; }

/* block de l'icône du sujet */
.lsuj_icon {
vertical-align: top;
margin-right: 12px;
width: 16px;
padding-top: 12px; }

/* le block regroupant les infos primaires du sujet */
.lsuj_infos {
width: 50%;
vertical-align: middle; }

/* le type de sujet (annonce, note, etc.) */
.lsuj_sujet div.lsuj_type {
color: #3e3e3e;
font-size: 0;
vertical-align: text-top !important; }

/* le titre du sujet */
.lsuj_title {
padding-top: 1%;}
.lsuj_title a {
color: #4e4e4e;
font-size: 14px;
font-family: Roboto; }

/* l'auteur du sujet */
.lsuj_author {
margin-left: 5px;
font-size: 11px;
background-color: rgba(150,150,150,.05);
padding: 1px 4px;
vertical-align: unset;
position: relative; }

.lsuj_author::before {
content: "Ouvert par ";
color: #9e9e9e; }

/* la description du sujet (ne s'affichera tout de même que si les descriptions de sujets sont activées */
.lsuj_desc {
color: #757575;
font-size: 12px;
display: block !important;
width: 100%;
text-align: justify;
font-style: italic;
margin-top: 2px;
min-height: 20px; }

/* on place une phrase pour les sujets sans description */
.lsuj_desc:empty::before {
content: "Aucune description";
opacity: .65; }

/* block regroupant '.lsuj_count', '.lsuj_lastpost', '.lsuj_lastpost-avatar' */
.lsuj_right {
width: 46%;
right: 1%;
vertical-align: middle; }

/* block regroupant le nb. de réponses et de vues */
.lsuj_count {
vertical-align: top;
width: 50%;
text-align: center;
color: #4c4c4c;
font-size: 11px; }

/* block du dernier message du sujet */
.lsuj_lastpost {
vertical-align: top;
width: auto;
box-sizing: border-box;
text-align: right;
display: inline-block !important;
float: right;
margin-top: 6px; }

/* avatar de l'auteur du dernier message du sujet */
.lsuj_lastpost-avatar .lastpost-avatar {
float: none !important;
padding: 0 !important;
display: inline-block !important;}

.lsuj_lastpost-avatar .lastpost-avatar img {
border-radius: 0 !important;
width: 30px;
height: auto;
box-shadow: 0 0 0 1px #ececec;
border: 2px solid #fbfbfb; /* à changer selon la couleur de fond du block général du sujet (.lsuj_sujet) */ }

/* léger déplacement vertical de l'avatar: peut être changé selon les forums/cas */
.lsuj_lastpost-avatar {
position: relative;
top: 2px;}

/* date du dernier message du sujet */
.lsuj_lp_time {
font-size: 12px;
color: #5a5a5a;
font-family: Arial; }

/* on retire le 'br' automatique précédent l'affichage des pages de chaque sujet et l'image */
.lsuj_navtree br, .lsuj_navtree img {
display: none !important;}

/* auteur du dernier message du sujet */
.lsuj_lp_author {
display: block !important;
height: 13px;
line-height: 11px; }
.lsuj_lp_author a, .lsuj_lp_author strong {
font-size: 11px; }

/* déplacement de l'image près du pseudo de l'auteur du dernier message: peut être changé au cas par cas */
.lsuj_lp_author img {
position: relative;
top: -1px; }


/* - - - - AFFICHAGE DES PAGES DE CHAQUE SUJET - - - */
.lsuj_navtree {
color: #5a5a5a;
padding-bottom: 5px;
font-size: 0;}

.lsuj_navtree a {
font-size: 11px;
background-color: #ececec;
padding: 0 2px;
margin: 0 1px; }

.lsuj_navtree::before {
content: "Pages:";
font-size: 10px;
color: #6a6a6a;
margin-right: 3px; }

/* on cache le block des pages s'il n'y en a aucune */
.lsuj_navtree:empty {
display: none !important; }


/* - - - - CODES POUR LA PARTIE NB. DE RÉPONSES ET DE VUES - - - - */
.lsuj_replies {display: block !important;}
.lsuj_replies::after {
content: " réponses";
color: #848484; }

.lsuj_views {display: block !important;}
.lsuj_views::after {
content: " vues";
color: #848484; }

/* remplacer "0 réponses" par "Aucune réponse" + mise au singulier si qu'une seule réponse */
.lsuj_replies[number="0"]::before {
content: "Aucune réponse";
font-size: 11px;
color: #a7a7a7; }
.lsuj_replies[number="0"] {
font-size: 0; }

.lsuj_replies[number="1"]::after {
content: " réponse" !important; }
.lsuj_views[number="1"]::after {
content: " vue" !important; }



/* - - - - - - - - > > > > viewforum_body - - - - - - - - */

/* - - - - PAGINATION - - - - */
.lsuj_pagin {
font-size: 0;
display: block;
box-sizing: border-box;
padding: 0 0 15px 0;
text-align: center;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.1), transparent);
color: #616161;
font-family: sans-serif;
text-transform: uppercase;
position: relative; }
.lsuj_pagin a {
font-size: 11px;
position: relative;
z-index: 2; }

.lsuj_pagin_bottom {
font-size: 0;
display: block;
box-sizing: border-box;
padding: 5px 0 10px 0;
text-align: center;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.035), transparent);
color: #616161;
font-family: sans-serif;
text-transform: uppercase;
position: relative; }
.lsuj_pagin_bottom a {
font-size: 11px;
position: relative;
z-index: 2; }

/* effet de transition en fondu (couleurs à adapter selon le fond du forum) */
.lsuj_pagin::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 35px;
background-image: linear-gradient(0deg, #E9EBED, transparent); }

/* un margin pour les flèches du pagination */
.lsuj_pagin a:nth-child(3), .lsuj_pagin_bottom a:nth-child(3) {
margin-right: 5px;}
.lsuj_pagin a:last-child, .lsuj_pagin_bottom a:last-child {
margin-left: 5px;}


/* la mention "Aller à la page" */
.lsuj_pagin a:nth-child(2), .lsuj_pagin_bottom a:nth-child(2) {
margin-right: 5px;
color: #585858; }

/* - - - - BOUTON #TOP - - - - */
.lsuj_backtotop {
position: fixed;
right: .5%;
bottom: 4%;
background-color: white;
padding: 4px; }

/* - - - - NAVIGATION FORUM & BOUTON "PLUS !" - - - - */
.lsuj_top {
background-color: rgba(60,60,60,.1);
box-sizing: border-box;
padding: 1%; }

.lsuj_forumnav {
font-size: 10px;
display: inline-block;
width: 80%; }
.lsuj_forumnav a {
color: #4c4c4c; }

.lsuj_forumnav h1 {
display: inline-block;
padding: 2px 0;
margin: 0 1px; }

.lsuj_plus {
display: inline-block;
width: 20%;
text-align: right;
font-size: 12px;
vertical-align: text-bottom; }

/* indicateur du sous-forum actuel */
.lsuj_forumnav h1:last-child {
border-bottom: 1px solid #b5b5b5;
border-top: 1px solid #b5b5b5; }

/* titre du sous-forum */
.lsuj_sforum {
display: block;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-size: 19px;
background-image: linear-gradient(90deg, transparent, rgba(30,30,30,.1), transparent);
margin-top: 10px;
color: #616161;
font-family: sans-serif;
text-transform: uppercase; }

/* - - - - BOUTON NOUVEAU SUJET/SOUS-FORUM VERROUILLÉ - - - - */

.lsuj_newpost a[auth-state="Poster un nouveau sujet"]::before {
content: "Poster un nouveau sujet";
position: absolute;
left: 0;
top: 18px;
width: 100%;
text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(10,10,10,.07); }
.lsuj_newpost a {
position: fixed;
bottom: 2%;
opacity: .65;
transition: all .4s ease;
right: 2%;
width: 200px;
height: 55px;
background-image: linear-gradient(55deg, #397fd0, #599dec, #397fd0);
border-width: 1px 2px;
border-style: solid;
border-color: #397fd0;
box-shadow: 0 0 3px rgba(40,40,40,.35); }

.lsuj_newpost a:hover {
transition: all .4s ease;
opacity: 1; }

/* si le sous-forum est verrouillé */
.lsuj_newpost a[auth-state="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."]::before {
content: "Sous-forum verrouillé";
position: absolute;
left: 0;
top: 18px;
width: 100%;
text-align: center;
color: #fff;
font-family: sans-serif;
font-size: 16px;
text-shadow: 1px 1px 1px rgba(10,10,10,.07); }
.lsuj_newpost a[auth-state="Ce forum est verrouillé, vous ne pouvez pas poster, ni répondre, ni éditer les sujets."] {
filter: grayscale(1); }

/* - - - - BLOCK DES OPTIONS (MARQUER COMME LUS, SURVEILLER) - - - - */
.lsuj_options {
padding: 15px 0 10px 0;
text-align: right; }

.lsuj_options a, .lsuj_moderators a {
font-size: 12px;
border-left: 1px solid #ccc;
padding: 0 5px;
border-right: 1px solid #ccc; }

.lsuj_watch a {
margin-left: -1px; }

/* - - - - BLOCK DES MODÉRATEURS - - - - */
.lsuj_moderators {
float: left;
margin-top: 15px; }

/* - - - - BLOCK "UTILISATEURS PARCOURANT ACTUELLEMENT CE FORUM" - - - - */
.lsuj_userlist {
background-color: #b0cadc;
box-sizing: border-box;
padding: 1%;
font-size: 13px;
margin: 10px 0 10px 0; }

/* - - - - BLOCK AFFICHANT LES PERMISSIONS DE L'UTILISATEUR - - - - */
.lsuj_auth {
color: #656565;
font-size: 12px;
text-align: center;
margin: 10px 0 20px 0;
border-bottom: 1px solid #00000015;
padding-bottom: 10px; }
.lsuj_auth a {
color: #2d2d2d;
border-bottom: 1px dotted #9c9c9c; }

/* on transforme les sauts de ligne 'br' entre chaque permission */
.lsuj_auth br {
content: "";
width: 1px;
height: 12px;
background-color: black;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
opacity: .2;
position: relative;
top: -1px; }






/* - - - - MODIFICATIONS POUR CHAQUE TYPE DE SUJET - - - - */

/* Annonce */
.lsuj_type[type*="Annonce:"]::before {
content: "Annonce";
font-size: 11px;
font-family: Arial;
background-color: #57768c;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }

/* Note */
.lsuj_type[type*="Annonce globale:"]::before {
content: "Annonce globale";
font-size: 11px;
font-family: Arial;
background-color: #2a80bd;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }

/* Note */
.lsuj_type[type*="Note:"]::before {
content: "Note";
font-size: 11px;
font-family: Arial;
background-color: #7c94a5;
padding: 2px 5px 1px 5px;
margin: 0 3px 0 5px;
display: inline-block;
text-transform: uppercase;
color: white; }

/* - - - - PERSONNALISATION DE CHAQUE RECTANGLE DE STATUT (NV. MSG., RIEN, VERROUILLÉ) - - - - */

/* pour les sujets avec aucun nouv. message */
.lsuj_folder {
background-color: #eaeaea; }

.lsuj_folder[folder-state="Nouveaux messages"] {
background: linear-gradient(280deg, #3240b2, #0fd2a0);
background-size: 400% 400%;
animation: NvMsgSuj 4s ease infinite;
-webkit-animation: NvMsgSuj 4s ease infinite;
-moz-animation: NvMsgSuj 4s ease infinite; }

.lsuj_folder[folder-state="Ce sujet est verrouillé, vous ne pouvez pas éditer les messages ou faire de réponses."] {
background-color: #464646; }

/* pour les sujets verrouillés mais ayant un nouveau message:
>> changer le lien de l'image par celle correspondante à votre forum si vous l'avez changée */
.lsuj_folder[folder-state-alt="https://2img.net/i/fa/modernbb/topic_unread_locked.png"] {
background: linear-gradient(146deg, #464646, #205974);
background-size: 400% 400%;
animation: NvMsgSuj 4s ease infinite;
-webkit-animation: NvMsgSuj 4s ease infinite;
-moz-animation: NvMsgSuj 4s ease infinite; }

@-webkit-keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }
@-moz-keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }
@keyframes NvMsgSuj {
0% {background-position:87% 0%}
50% {background-position:14% 100%}
100% {background-position:87% 0%} }




/* - - - - GESTION DES MINI-IMAGES (.LSUJ_PRE_IMGS) - - - - */

/* déplacement du block pour aligner au titre - peut être changé au cas par cas */
.lsuj_pre_imgs {
   position: relative;
   top: 2px; }

/* on espace les mini-images avant le titre d'un sujet */
.lsuj_pre_imgs img {
   margin: 0 1px; }

/* on aligne ces mêmes images (le deuxième est fait via le lien) */
.lsuj_pre_imgs > img, .lsuj_pre_imgs a {
   vertical-align: top; }

/* on insert un margin-right au dernier élément pour décoller le tout du titre du sujet */
.lsuj_pre_imgs *:last-child {
   margin-right: 5px; }

/* on met l'image du lien 'Voir le message le plus récent' au même placement et à la même hauteur + largeur que l'image précédente
>> peut être changé selon les forums (dans ce code, par défaut, on se base sur les images de base sur FA) */
.lsuj_pre_imgs a {
   height: 11px;
   display: inline-block;
   width: 11px;
   box-sizing: border-box;
   padding-top: 3px; }

/* - - - - AUTRES CODES NÉCÉSSAIRES - - - - */

/* on met un 'display: inline-block' par défaut à toutes les div du code */
.lsuj_sujet div {
display: inline-block; }

/* on fait flotter à gauche les mini-images du sujet et le type du sujet pour que le titre aille à la ligne si trop long */
.lsuj_pre_imgs, .lsuj_type {
float: left; }

/* on recalibre les flèches imagées dans le pagination (peut dépendre des forums et nécessiter une modification */
.lsuj_pagin img, .lsuj_pagin_bottom img  {
transform: scale(0.7);
position: relative;
top: 3px; }

/* on cache bien le lien "Marquer tous les sujets comme lus" et son style si l'utilisateur n'est qu'un visiteur (non-enregistré)
(on évite l'apparition inutile des borders du 'a' vu que FA affiche quand même le 'a' même s'il y enlève le lien) */
.lsuj_options a[href=""] {
display: none !important; }

/* on met tous les titres des sujets au même placement horizontal, qu'ils soient ou non précédés des mini-images */
/* >> enlever cette ligne et le étoile-slash à la fin du code pour appliquer cette modification
.lsuj_pre_imgs {
   text-align: right;
   min-width: 33px;
   min-height: 1px; }
*/

/************************************************** PRESENTATION DU SUJET ******************************************/
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:black; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#94b5b5; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#FFFFFF; color:#89adad; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:#89adad; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:#89adad; color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#E9E9E9; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Arial; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:black; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background:#E9E9E9; color:black;  /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#E9E9E9; /* MODIFIABLE */
}

/**** QEEL ****/
body{background:white;}

.QEEL_v2_bloc {width:800px;height:390px;padding:5px;background-color:d0e8f5;margin:auto;}

/********* QEEL V2 GAUCHE **/
.QEEL_v2_gauche {height:380px;width:100px;padding:5px;float:left;}
.QEEL_v2_gauche_cadre {border:1px solid #fde1b1;height:80px;width:81px;margin:auto;margin-bottom:5px;padding:5px;}

/** images villes + hover etc.. **/
.QEEL_v2_gauche_image {border:1px solid grey;height:80px;width:80px;overflow:hidden;}
.QEEL_v2_gauche_image img {-webkit-filter: grayscale(100%); filter: grayscale(100%);transition:all 0.8s ease;}
.QEEL_v2_gauche_image img:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%);transition:all 0.8s ease;}

/** QEEL V2 CENTRE **/

.QEEL_v2_centre {box-shadow: inset 0px 0px 5px 1px rgba(75,75,75,0.5); width:595px; height:380px;margin-left:120px;padding:5px;}
.QEEL_v2_top_connectes {background-color:#fde1b1;width:600px; height: 24px;margin-top:-5px;margin-left:-5px;padding-left:5px;color:#A0C3D6;padding-top:5px;font-family:Philosopher;font-size:13px;text-transform:lowercase;}

.QEEL_v2_centre_cadre_inscrit {border:1px solid #4b4b4b;height:200px;padding:4px;margin-top:7px;margin-left:5px;}
.QEEL_v2_centre_cadre_inscrit img {border:1px solid white;;height:200px;-webkit-filter: brightness(100%); /* Safari 6.0 - 9.0 */ filter: brightness(100%);transition:all 0.5s ease}
.QEEL_v2_centre_cadre_inscrit img:hover {-webkit-filter: brightness(130%); /* Safari 6.0 - 9.0 */ filter: brightness(130%);transition:all 0.5s ease}

.QEEL_v2_centre_bvn {border-bottom:1px solid rgba(75,75,75,0.5);width:100px;margin-left:-8px;padding-left:10px;margin-top:5px;font-family:Philosopher;font-size:15px;color: #4b4b4b}
.QEEL_v2_centre_nomcadre {border:1px solid rgba(240,111,111,0.6);margin-top:5px;padding:5px;margin-left:5px;}
.QEEL_v2_centre_nominscrit {background-color:#fde1b1;text-align:center;padding-top:3px;padding-bottom:3px;font-family:Philosopher;font-size:13px;text-transform:lowercase;}


.QEEL_v2_centre_bloc_mess_co {box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);margin-left:15px;}
.QEEL_v2_centre_bloc_messages {height:150px;width:350px;}
.QEEL_v2_centre_bloc_messages table {margin-left:55px;}
.QEEL_centre_messages_cadre {border:1px solid #fde1b1; padding:5px;}
.QEEL_v2_centre_messages {height:90px;width:90px;padding:5px;text-align:center;background-color:#fde1b1;}

qeelv2top {color:black;display:block;margin-top:22px;font-weight:bold;}
qeelv2bottom {font-style:italic;font-family:lobster two;color:white;text-shadow: 1px 1px 2px #000000, 0 0 0.2em black, 0 0 0.2em rgba(255,0,0,0.3);}
qeelv2bottom:hover {text-shadow: 1px 1px 2px lightblue, 0 0 0.2em black, 0 0 0.2em blue;}

.QEEL_v2_centre_connectes {border:2px solid #c2c2c2 ;font-family: 'Cormorant Garamond', serif;font-size:14px;color:white;height:130px;padding:5px;width:338px;text-align:justify;background-color:#fde1b1}

/********* cadre lieu à droite **/

.QEEL_v2_bloc_droite {height:190px;width:130px;padding:5px;padding-top:20px;}
.QEEL_v2_lieu_bloc {background-color:#A0C3D6;width:120px;padding:3px;text-align:center;height:25px;padding-top:9px;
font-family: 'Vollkorn SC', serif;letter-spacing:-2px;font-size:15px;transition:all 0.5s ease;border:3px solid rgba(75,75,75,0.Cool;text-transform:lowercase;}
.QEEL_v2_lieu_bloc:hover {letter-spacing:3px;transition:all 0.8s ease;border:3px solid rgba(255,255,255,0.4);color:white;background-color:#4b4b4b}

.QEEL_v2_anniversaires {background-color:#fde1b1;height:35px;padding:5px;}
/**** FIN QEEL ****/


/************************************** PRESENTATION INTERFACE EDITION MESSAGE POUR RP + PROFIL JOUEUR ***********************************/
/* BLOC TITRE SUJET */
#tlePOST {
margin:5px auto; padding:10px 0;
text-transform:uppercase; text-align:center; font-family:Arial;
background:FFFFFF; /* MODIFIABLE */
}
/* TITRE SUJET */
#tlePOST h1 {
display:block; font-size:32px;
color:#e3e371; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin:5px auto 0; width:98%;
padding:2px 0; font-size:10px;
background:#FFFFFF; color:#94b5b5; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:#94b5b5; /* MODIFIABLE */
}
/* BLOC DATE & OUTILS DE MODERATION */
.datePOST {
margin-bottom:10px; padding:10px; font-size:11px;
background:#89adad; color:white; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
div.postbody {
max-width:730px; min-height:470px; padding:10px;
background:#FFFFFF; color:black; /* MODIFIABLE */
text-align:justify;
}
div.postbody img {
max-width:100%;
}
.signPOST br:nth-of-type(1) {
display:none;
}
/* PROFIL JOUEUR */
#boxPOST {
position:absolute; margin-left:10px; margin-top:5px; margin-right:-50px;
}
/* PSEUDONYME */
.namePOST {
position:absolute; z-index:3; margin-left:20px; margin-top:190px;
width:400px; padding:5px;
text-align:left; text-transform:uppercase; font-family:Time new roman; line-height:14px;
transform:rotate(90deg); -webkit-transform:rotate(90deg);
}
.namePOST a {
display:inline-block; vertical-align:middle;
}
/* TEXTE RANG */
.rankPOST {
display:inline-block; vertical-align:middle; padding-left:5px;
text-transform:uppercase; text-align:center; font-size:11px;
color:#6ca6a6; /* MODIFIABLE */
}
/* BLOC AVATAR & INFORMATIONS JOUEUR */
.boxPOST {
padding:5px 0;
font-size:10px; font-family:Arial;
background-image:url('https://zupimages.net/up/21/11/0azn.png'); border:1px solid #FBE677; color:black;  /* MODIFIABLE */
}
/* BLOC AVATAR */
.avaPOST {
margin:0 5px; width:200px;
}
.avaPOST img {
width:200px;
}
/* BLOC IMAGES CONTACT JOUEUR */
.ktactPOST {
margin:5px auto;
width:200px; padding:5px 0; text-align:center;
background:#ebf5f5; /* MODIFIABLE - COULEUR PAR DEFAUT */
}
.ktactPOST img {
margin:0 2px; max-height:20px;
filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST {
margin:auto; width:200px;
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST .label {
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* IMAGES INFORMATIONS JOUEUR */
.abtPOST img {
margin:auto; max-width:200px;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST {
margin:5px auto 0; width:200px;
}
.rpgPOST a:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
.rpgPOST br:nth-of-type(2) {
display:none;
}
/* LOSANGE GROUPE */
.grpPOST {
position:absolute; margin-top:-25px; margin-left:-8px;
width:15px; height:15px;
background:grey; /* MODIFIABLE - COULEUR PAR DEFAUT */
transform:rotate(45deg); -webkit-transform:rotate(45deg);
}
/* TRIANGLE BAS PROFIL */
.triPOST {
width:0; height:0; border-style:solid; border-width:30px 105px 0 105px; border-color:transparent;
border-top-color:#FFFFFF; ; border:1px solid #88bdb8; /* MODIFIABLE */
}


/******************************************** FOND LISTE DES MEMBRES *******************************************/
.bgLMBER {
background:rgba(255,255,255,0.7); /* MODIFIABLE */
line-height:16px;
}
/* TITRE LISTE DES MEMBRES */
.tleLMBER {
margin-bottom:25px; width:auto; padding:20px 0;
font-family:Arial; text-transform:uppercase; font-size:32px; text-align:center; line-height:normal;
background:#191919; color:white; /* MODIFIABLE */
}
#LMBER {
width:690px; margin:auto;
}
/* BLOC MEMBRE */
.MBER {
float:left; margin:5px;
width:220px; height:150px; font-family:Arial;
background:rgba(0,0,0,0.Cool; /* MODIFIABLE */
}
/* BLOC PSEUDONYME */
.nameLMBER {
margin-bottom:5px; width:210px; height:15px; padding:5px 10px 5px 0; overflow:hidden;
text-align:right; text-transform:uppercase; font-size:10px;
background:grey; color:white; /* MODIFIABLE - COULEURS PAR DEFAUT */
}
/* PSEUDONYME */
.nameLMBER strong {
color:white; /* MODIFIABLE */
}
/* BLOC INFORMATIONS */
.abtLMBER {
display:inline-block; vertical-align:top;
width:105px;
}
/* INFORMATIONS */
.abtLMBER div {
margin-bottom:5px;
height:15px; padding:5px 0; overflow:hidden; font-size:10px;
background:lightgrey; color:black; /* MODIFIABLE */
}
.abtLMBER div:nth-of-type(3) {
font-size:9px; text-transform:uppercase;
}
.abtLMBER div:nth-of-type(4) {
font-size:9px; line-height:16px;
}
/* AVATAR / IMAGES MP & WWW */
.imgLMBER {
display:inline-block; vertical-align:top; margin-left:5px;
width:100px; height:115px; overflow:hidden;
}
/* AVATAR */
.avaLMBER {
position:relative; z-index:3; margin-top:-115px;
width:100px; height:115px; overflow:hidden;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
.avaLMBER img {
width:100px;
}
.imgLMBER:hover .avaLMBER {
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* IMAGES MP & WWW */
.btnLMBER {
width:100px; height:115px; overflow:hidden;
text-align:center; line-height:10px;
background:rgba(0,0,0,0.6); /* MODIFIABLE */
transform:translateX(-100px); -webkit-transform:translateX(-100px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
.btnLMBER img {
max-width:80px;
}
.imgLMBER:hover .btnLMBER {
transform:translateX(0px); -webkit-transform:translateX(0px);
}
/* NAVIGATION LISTE DES MEMBRES */
.pageLMBER {
margin:auto; width:680px;
color:black; /* MODIFIABLE */
text-align:left; text-transform:uppercase; font-size:10px; font-family:Arial;
}
.pageLMBER a {
color:black; /* MODIFIABLE */
font-family:Arial;
}
/* FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.btmLMBER {
margin-top:25px; padding:15px 0;
background:#212121; /* MODIFIABLE */
text-align:center;
}
/* INTITULES FORMULAIRE RECHERCHE LISTE DES MEMBRES */
.formLMBER span {
display:inline-block; vertical-align:bottom; margin-top:1px;
height:17px; padding:2px 5px 0;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-size:10px; text-align:center; font-family:Arial;
}
.formLMBER input, select {
border:none !important;
height:19px; padding:0;
text-transform:uppercase; font-size:10px; font-family:Arial;
}
/* BOUTON OK LISTE DES MEMBRES */
.formLMBER .liteoption {
padding:0 5px 0 2px;
background:lightgrey; color:black; /* MODIFIABLE */
text-transform:uppercase; font-weight:bold;
}

/* FICHE ADMINISTRATION */
.ficheAdm {background: #FFFFFF ;width:450px; height:auto;text-align:justify;padding:10px;font-size:11px;line-height:12px;border-radius: 5px;}
.entete {text-align:center;font-family: 'Nixie One', cursive;text-transform:lowercase;width:450px;height:50px;
background-image: url('https://zupimages.net/up/21/11/jr7c.png') !important ;color:#7F924B;font-size:11px;text-shadow: 0 0 10px #fff, 0 0 10px #fff;}
.titreadm {font-family: 'Reem kufi', cursive;color:#9fbdbd; font-size:28px;  text-align:center;padding-top:20px;}
.entetebas {text-align:center;font-family: 'Mulish', sans-serif;text-transform:lowercase;width:450px;height:20px;
background:#9fbdbd;color:#FAF7F7;font-size:10px; line-height:20px;text-shadow: 0 0 10px #fff, 0 0 10px #fff; letter-spacing:2px;}
.imgAdm{
position:center;width:160px;
}

/* FICHE VALIDATION */
.valid {text-align:justify;background-color:#fffdf5;width:350px; border: 1px solid #DFE5D2;padding:11px; font-family: 'Mulish', sans-serif;line-height:12px;}
.titreval {text-shadow: 0 0 3px #fff, 0 0 3px #fff;font-family: 'Remm Kufi', cursive;color:#9fbdbd; font-size:18px;  text-align:center;padding-bottom:2px;font-weight:bold;}
.partie1 {text-align:justify; background-color:#ffffff;width:340px; height:110px; border: 1px solid #DFE5D2;padding:5px;overflow:auto;font-family: 'Mulish', sans-serif;}
.partie2  {text-align:justify;background-color:#ffffff;width:340px;overflow:auto;height:110px;padding:5px;border: 1px solid #DFE5D2;}
.imgval{
position:center;width:300px;
}
.entetebasval {text-align:center;font-family: 'Mulish', sans-serif;text-transform:lowercase;width:350px;height:20px;
background:#9fbdbd;color:#FAF7F7;font-size:10px; line-height:20px;text-shadow: 0 0 10px #fff, 0 0 10px #fff; letter-spacing:2px;}


/* --------------------------------- PA --------------------------------- */


.paMM{
 width:400px;
}

.paMM span{
 width:400px;
 height:15px;
 background:var(--bleu);
 border:2px solid var(--grisBlanc);
 padding:70px;
 text-align:center;
 color:var(--blanc);
 margin-bottom:5px;
 text-transform:uppercase;
 letter-spacing:1.5px;
 font-size:11px;
}
.paMM img{
 object-fit:cover;
 width:100px;
 height:100px;
 margin:2px;
}

div {
 text-align: center;
}

/* Fond de la PA */
.fond_PA {
 padding:10px;
 background-color:#dee7ec ;
 width:850px;
 position:relative;
}

/* Contexte */
.contexte_PA {
 margin-right:10px;
 background-color:#dee7ec ;
 width:370px;
 height:115px;
 padding:15px;
 color:#ffffff ;
 text-align:justify;
 font-size:12px;
 overflow:auto;
}

/* Liens */
.nema {
 height:40px;
 width:150px;
 display:inline-block;
}

.nema a {
 display:inline-block;
 background-color:#fde1b1;
 color:#000000;
 font-family:'Dosis',sans-serif;
 font-size:15px;
 height:20px;
 text-align:center;
 width:145px;
 transition:all 1s ease;
 -webkit-transition:all 1s ease;
}

.nema a:hover {
 background-color:#eed2a3 ;
 color:#000000;
}

.nema_2 {
 height:22px;
 width:250px;
 display:block;
 margin-bottom:5px;
 background-color:#fde1b1;
 color:#000000 !important;
 font-family:'Dosis',sans-serif;
 font-size:16px;
 text-align:center;
 transition:all 1s ease;
 -webkit-transition:all 1s ease;
}

.nema_2:hover {
 background-color:#eed2a3 ;
 color:#fff;
}

/*Titre Staff*/
.nema_title {
 display:inline-block;
 color:#000000;
 font-family:'Dosis',sans-serif;
 font-size:25px;
 height:30px;
 text-align:center;
 margin-bottom:5px;
 margin-top:10px;
}

/* Effets staff + predef */
.stafef {
 width:100px;
 height:100px;
 background:#F9BFB3;
 opacity:0;
 transition:all 1s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
}

.stafef:hover {
 opacity:1;
 -webkit-transform:rotate(-360deg);
 transform:rotate(-360deg);
}

.stafefico {
 width:100px;
 height:100px;
 display:inherit;
 background:#F9BFB3;
 opacity:0;
 transition:all 1s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
}

.stafefico:hover {
 opacity:1;
 transform:rotate(-360deg);
 -webkit-transform:rotate(-360deg);
}

.predef {
 width:60px;
 height:100px;
 display:inherit;
 background:#ACCDB5 ;
 opacity:0;
 transition:all 1s ease-in-out;
 -webkit-transition:all 1s ease-in-out;
}

.predef:hover {
 opacity:1;
 transform:rotate(-360deg);
 -webkit-transform:rotate(-360deg);
}

/* --------------------------------- FIN PA --------------------------------- */

.fond_liste_sujets {
   background: #e8e8e8;
   padding: 5px;
   margin-bottom: 15px;
   box-shadow: 0 1px 6px rgba(0,0,0,0.15);
 display:flex;
 flex-wrap:wrap;
}
.iconnn {
   width: 92px;
   height: 85px;
}
.firsty_blok {
   width: 480px;
   padding-left: 20px;
}
.titretopic {
   width: 380px;
   border-bottom: #cdb65c solid 1px;
   padding-top: 20px;
}
.titretopic a {
   font: 13px calibri;
   color: black;
   text-transform: uppercase;
}
.againimg {
   position: absolute;
   margin: -18px 0px 0px 380px;
}
.descriptionsujet {
   text-align: justify;
   padding-top: 4px;
   font: 10px calibri;
   color: #565656;
   width: 330px;
   display: inline-block;
}
.entoureimg {
   margin: 4px 0px 0px 10px;
   position: absolute;
   vertical-align: top;
   height: 24px;
   display: inline-block;
}
.imgmess {
   width: 60px;
   height: 24px;
}
.secondblok {
   width: 160px;
   font: 10px calibri;
   text-transform: uppercase;
   padding: 20px 00px 0px 20px;
}
.secondblok span {
   color: #cdb65c;
}
.thirdblok {
   width: 180px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}
.statssujets {
   text-align: center;
   font: 13px calibri;
   text-transform: uppercase;
   padding: 20px 20px 0px 0px;
   line-height: 22px;
}
.statssujets span {
   color: #cdb65c;
   text-shadow: 1px 1px 0px #888888;
}
.statssujets em {
   border-top: solid 1px #cdb65c;
}
.modomisenepage {
   width: 100%;
   background-image: url(https://imgur.com/T12cuzT.png);
   background-position: top center;
   background-size: 100% auto;
   background-repeat: no-repeat;
   padding: 5px;
   color: #cdb65c;
   text-transform: uppercase;
   font: 11px calibri;
   letter-spacing: 2px;
}
.perishmisenepage {
   width: 100%;
   background-image: url(https://imgur.com/T12cuzT.png);
   background-position: top center;
   background-size: 100% auto;
   background-repeat: no-repeat;
   padding: 5px;
   color: #cdb65c;
   text-transform: uppercase;
   text-align: center;
   font: 11px calibri;
   letter-spacing: 2px;
}
.sousnavsujets br {
 display:none;
}
.sousnavsujets {
   width: 100%;
   background-image: url(https://imgur.com/T12cuzT.png);
   background-position: top center;
   background-size: 100% auto;
   background-repeat: no-repeat;
   padding: 5px;
   text-align: center;
   display: inline-flex;
   justify-content: center;
   color: #cdb65c;
}
.sousnavsujets a {
   color: #cdb65c;
   padding-top: 3px;
   text-shadow: 1px 1px 2px black;
   text-transform: uppercase;
   font: 12px calibri;
   font-weight: bold;
}
.zut {
   padding-top: 3px;
}
]


/*                F I C H E      D E      P R É S E N T A T I O N
                               par bird box.                                        */


.bird {
     background-color : #FCFCFC ; /* couleur du fond */
     border-top : 4px solid #9fbdbd ; /* couleur du bord haut */
     border-left : 1px solid #9fbdbd ; /* couleur du bord gauche */
     border-right : 1px solid #9fbdbd ; /* couleur du bord droit */
     border-bottom : 4px solid #9fbdbd ; /* couleur du bord haut */
     width : 460px ;            
     font-size : 10px ;  
     text-align : justify ;
     border-radius : 10px ;
     padding : 5px;                                            }

.aigle {
     background-color : #F9BFB3 ; /* couleur du fond prénom nom */
     width : 203px ;            
     font-size : 10px ;        
     color : #454545 ; /* couleur du texte */
     text-align : center ;      
     padding : 2px ;
     margin-left:-80px;
     -ms-transform: rotate(-90deg) ;
     -webkit-transform: rotate(-90deg) ;
     transform: rotate(-90deg) ;
     transition : 1s ;                                          }

.aigle:hover {
     transition : 1s ;
     -ms-transform: rotate(0deg) ;
     -webkit-transform: rotate(0deg) ;
     transform: rotate(0deg) ;                                  }

royal {
     font-family : times new roman ;
     font-size : 10px ;
     text-transform : uppercase ;                              }

.eider {
     border : 3px solid #FADBD8 ; /* couleur bordure avatar */
     height : 200px ;                                          }

.faucon {
     background-color : #FAFAFA ; /* couleur fond informations */
     color : #454545 ; /* couleur du texte */
     width : 250px ;
     border-radius : 5px ;
     margin-left:-80px ;
     padding : 5px ;
     text-align : justify ;
     line-height : 1.5em ;                                      }

pie {
     font-family :  arial ;
     font-weight : bold ;
     color : #F9BFB3 ; /* couleur du texte */
     font-size : 10px ;
     text-transform : uppercase ;                              }

.espace {
     margin-right:5px ;                                        }

.roselin {
     overflow: auto ;
     height: 196px ;                                            }

.roselin::-webkit-scrollbar {
     width: 5px ;                                              }

.roselin::-webkit-scrollbar-track {
     background-color: #FAFAFA ; /* couleur fond scrollbar */  }

.roselin::-webkit-scrollbar-thumb {
     background-color: #ACCDB5  ; /* couleur scrollbar active */ }


.mouette {
     background-color : #F9BFB3 ; /* couleur du fond "ainsi va la vie" */
     width : 185px ;            
     font-size : 10px ;        
     color : #454545 ; /* couleur du texte */
     text-align : center ;      
     padding : 2px ;
     margin-left:-80px;
     -ms-transform: rotate(90deg) ;
     -webkit-transform: rotate(90deg) ;
     transform: rotate(90deg) ;
     transition : 1s ;                                          }

.mouette:hover {
     transition : 1s ;
     -ms-transform: rotate(0deg) ;
     -webkit-transform: rotate(0deg) ;
     transform: rotate(0deg) ;                                  }

.hirondelle {
     background-color : #FAFAFA ; /* couleur fond anecdotes */
     color : #454545 ; /* couleur du texte */
     width : 395px ;
     border-radius : 5px ;
     margin-left:5px ;
     padding : 5px ;
     text-align : justify ;
     line-height : 1.5em ;                                      }

.alouette {
     background-color : #FCFCFC ; /* couleur du fond */
     border-top : 4px solid #ACCDB5  ; /* couleur du bord haut */
     border-left : 1px solid #ACCDB5  ; /* couleur du bord gauche */
     border-right : 1px solid #ACCDB5  ; /* couleur du bord droit */
     border-bottom : 4px solid #ACCDB5  ; /* couleur du bord haut */
     width : 300px ;
     font-size : 10px ;  
     text-align : justify ;
     border-radius : 30px ;
     margin-left : 200px ;
     margin-top : -50px ;
     padding : 5px;                                            }

.monticole {
     background-color : #FAFAFA ; /* couleur fond hors-jeu */
     color : #454545 ; /* couleur du texte */
     border-radius : 30px ;
     margin-left:5px ;
     padding : 5px ;
     text-align : justify ;
     line-height : 1.5em ;                                      }

.albatros {
     background-color : #E9F7EF ; /* couleur du fond "ainsi va la vie" */
     width : 450px ;            
     font-size : 10px ;        
     color : #454545 ; /* couleur du texte */
     text-align : center ;      
     padding : 2px ;
     margin-left:-80px ;
     -ms-transform: rotate(90deg) ;
     -webkit-transform: rotate(90deg) ;
     transform: rotate(90deg) ;
     transition : 1s ;                                          }

.albatros:hover {
     transition : 1s ;
     -ms-transform: rotate(0deg) ;
     -webkit-transform: rotate(0deg) ;
     transform: rotate(0deg) ;                                  }

.fauvette {
     background-color : #FAFAFA ; /* couleur fond informations */
     color : #454545 ; /* couleur du texte */
     width : 395px ;
     border-radius : 5px ;
     margin-left:0px ;
     margin-right : -125px ;
     padding : 5px ;
     text-align : justify ;
     line-height : 1.5em ;                                      }

.grisette {
     overflow: auto ;
     height: 443px ;                                            }

.grisette::-webkit-scrollbar {
     width: 5px ;                                              }

.grisette::-webkit-scrollbar-track {
     background-color: #FAFAFA ; /* couleur fond scrollbar */  }

.grisette::-webkit-scrollbar-thumb {
     background-color: #FADBD8 ; /* couleur scrollbar active */ }

.credits {
     font-family : arial ;
     margin-left : 60px ;
     margin-bottom : 10px ;
     margin-top : 10px ;
     font-size: 8px ;
     letter-spacing : 1px ;
     color : #E5E8E8 ; /* couleur du crédit */                  }


/*                F I N      F I C H E      D E      P R É S E N T A T I O N
                                     par bird box.                                        */                                       */

/*      FICHE DE SCENARIO*/

:root{
  --bordure:cd8c96; /*gris*/
 --gris:#fafafa; /*gris*/
 --color1:#ACCDB5
; /*violet*/
 --color2:#FDE872; /*rose*/
}

.fondFicheU{
 font-family: 'times new roman', serif;
 width:550px;
 background:var(--fond);
 border-radius:5px;
 display:flex;
 justify-content:space-between;
 box-sizing: border-box;
 flex-wrap:wrap;
 padding:5px;
 text-align:justify;
 position:relative;
 z-index:2;
 margin:0 auto;
}

.fondFicheU b{
 color:var(--color1);
}

.fondFicheU i{
 color:var(--color2);
}


.enTeteU{
 font-family: 'Reem kufi', cursive;
 text-align:center;
 width:90%;
 height:50px;
 padding:10px;
 background:linear-gradient(45deg,var(--color1),var(--color2));
 border:3px double var(--bordure);
 border-radius:5px;
 text-shadow: 2px 2px rgba(0, 0, 0, 0.1);
 font-size:25px;
 line-height:35px;
 color:var(--gris);
 z-index:2;
}

.enTeteU span{
 font-family: 'Cormorant Upright', serif;
 font-size:12px;
 color:black;
 display:block;
 border-top:1px solid var(--fond);
 line-height:15px;
 color:var(--bordure);
}

.wrapColumn{
 display: flex;
 flex-direction: column;
 justify-content:space-between;
 box-sizing: border-box;
 align-items: center;
}

titreFicheU{
 background: linear-gradient(45deg,var(--color1), var(--color2));
 border: 4px double var(--bordure);
 border-radius: 5px;
 font-size:15px;
 letter-spacing:2px;
 display:block;
 text-align:center;
 padding:3px;
 margin-bottom:7px;
}

.imagePersoU{
 border: 2px solid var(--gris);
 border-radius:10px;
 height: 280px;
 width: 400px;
 object-fit:cover;
 margin:15px;
 z-index:2;
}

.identiteU{
 background:var(--gris);
 width:375px;
 height:100px;
 border-radius:10px;
 margin-top:15px;
 padding:5px;
 font-size:11px;
 border:1px solid var(--bordure);
 z-index:2;
}

.identiteU p{
 height:290px;
 overflow:auto;
}

.histoireU{
 background:var(--gris);
 width:70%;
 min-height:100px;
 border-radius:10px;
 margin:15px;
 margin-right:-2px;
 padding:15px;
 font-size:11px;
 border:1px solid var(--bordure);
 z-index:2;
}
.scroller {
 width: 400px;
 height: 500px;
 overflow-y: scroll;
 scrollbar-color: rebeccapurple green;
 scrollbar-width: thin;
}
.avatarU{
 border: 0px solid var(--gris);
 border-radius: 3px;
 height: 145px;
 padding: 4px;
 width: 285px;
 object-fit:cover;
 z-index:2;
 margin-left:30px;
}

.presentationJoueurU{
 background:var(--gris);
 padding:2px;
 width:350px;
 height:100px;
 border-radius:10px;
 font-size:12px;
 border-bottom:1px solid var(--bordure);
 margin-right:0px;
}

.presentationJoueurU p{
 height:80px;
 overflow:auto;
}

.gifU{
 border: 0px solid var(--gris);
 border-radius: 3px;
 height: 145px;
 padding: 10px;
 width: 285px;
 object-fit:cover;
 z-index:2;
 margin-left:30px;
}

.presentationJoueurU{
 background:var(--gris);
 padding:2px;
 width:350px;
 height:100px;
 border-radius:10px;
 font-size:12px;
 border-bottom:1px solid var(--bordure);
 margin-right:0px;
}

.presentationJoueurU p{
 height:80px;
 overflow:auto;
}
.credit {
 font-size: 6px;
 text-transform: uppercase;
 opacity: 0.3;
 text-align: center;
}

/* FIN SCENARIO*/
par Brookinette76
le Mar 23 Mar 2021 - 17:41
 
Rechercher dans: Corbeille & Titres non explicites
Sujet: problème codage qeel
Réponses: 3
Vues: 1469

Impossible d'importer un de mes thèmes

Bonjour voilà je viens de finir de créer un nouveau thème pour l'arrivée de l'automne mais quand je veux le proposer j'ai ceci " Erreurs de récupération de l'image : 1)" target="_blank" rel="nofollow">https://2img.net/r/ihimizer/img187/9215/miniorangeanimeqj7.gif(#1) " merci de m'aider .
par choupette60
le Sam 22 Aoû 2020 - 16:21
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: Impossible d'importer un de mes thèmes
Réponses: 7
Vues: 2820

Impossible d'accéder au panneau, plus aucun administateur

Bonjour,

Ces pages ne semblent pas fonctionner (elles me renvoient sur https://jdr-cheval.superforum.fr/forum)

Edit : Effectivement celle de Neptunia fonctionne. C'est curieux parce que dans la liste des membres Limpika est indiqué #1 donc je ne me suis pas posé plus de question. Mais j'ai compris en regardant plus en détail.

J'ai donc retrouvé un compte Fondateur pour supprimer le forum. Merci de votre aide !
par Minoucha
le Sam 18 Avr 2020 - 18:28
 
Rechercher dans: Archives des problèmes divers
Sujet: Impossible d'accéder au panneau, plus aucun administateur
Réponses: 5
Vues: 492

demande de suppression d'un thème

bonjour pas moyen de mettre un autre théme j'ai ce message

Erreurs de récupération de l'image : [url=https://i.servimg.com/view/19844188/364][img]1)" target="_blank" rel="nofollow">https://i.servimg.com/u/f46/19/84/41/88/(#1)
par choupette60
le Lun 23 Mar 2020 - 8:15
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: demande de suppression d'un thème
Réponses: 18
Vues: 1223

problème avec thème proposé

cela marque
Erreurs de récupération de l'image : 1)" target="_blank" rel="nofollow">fhttps://i.servimg.com/u/f94/19/98/12/07/i_fold11.png(#1)

je vois bien qu'il y a le f a ôter
mais comment faire?

*J'ai été ôter le F dans les images
par Diane la douce
le Mar 1 Oct 2019 - 0:11
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: problème avec thème proposé
Réponses: 0
Vues: 1895

Champ validation mot de passe dans un sujet ?

Bonjour,

Tout d'abord, je tiens à dire que je ne sais pas si je poste dans la bonne section. Si jamais ça ne l'est pas... Libre à vous de déplacer ce sujet au bon endroit ! Very Happy


Avec des amis nous aimerions mettre en place un forum de jeu de rôle via forumactif. Nous avons pratiquement tous les détails de notre forum, histoire, etc...

Notre forum sera à base d'énigme. Le but étant pour le ou les personnes pratiquant le RP, de trouver un mot de passe en se basant sur une situation donnée au départ. Nous aimerions savoir s'il existait un module de " validation d'énigme via mot de passe " ?


Je m'explique :

L'idée serait de créer un " Lobby " avec plusieurs missions disponibles. Ces missions doivent être validées par un RP et doit se terminer par l'obtention d'un mot de passe, soit trouvé par le/les participants au RP grâce aux quelques informations données dès le début, soit via l'aide d'un maître du jeu.

Pour l'exemple du mot de passe, il existe, pour ceux qui connaissent, la plateforme NewbieContest, qui est une plateforme de challenge informatique. Lorsque l'on clique sur un challenge, voilà comme se présente le site :

Tag 1 sur Forum gratuit : Le forum des forums actifs 1566065677-mlkj


  1. Le nom de l'épreuve
  2. La description de l'épreuve avec les éléments du challenge
  3. La champ pour entrer le mot de passe et valider le challenge


Est-il possible d'intégrer un système de la sorte sur forumactif ? Dès qu'une personne lancerait une mission, ce serait comme pour un sujet classique de forum, mais avec en post {#}1{/#}, le même type de présentation que sur l'image ( description + champs de texte pour le mot de passe ) et en-dessous, la zone dédiée au RP.

Je ne sais pas si ça existe, si c'est possible ou s'il y a déjà quelque chose se rapprochant de ça...


Merci d'avance à ceux qui m'aideront ! Smile
par Invité
le Sam 17 Aoû 2019 - 20:18
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Champ validation mot de passe dans un sujet ?
Réponses: 3
Vues: 736

problème de texte sur messages

Bonjour ^^


Sur l'index du forum j'ai ce lien -> produits-france.kanak.fr/t1-ccccccccccccccccccc#1

Et rien que le lien nous en apprend beaucoup :

Il a été posté le 25 avril c'est à dire hier.
Le #1 (en fin d'URL) nous indique qu'il s'agit du premier message posté sur le forum, chose étonnante pour un forum crée il y a 11 ans.
Le t1- (en bleu) nous indique aussi qu'il s'agit de son premier sujet, chose étonnante quand on sait qu'un forum est toujours crée avec un premier sujet.

J'en déduis que tous les messages et sujets de ce forum ont été supprimés et que le forum compte en tout et pour tout un seul message.

@claudine1 a écrit:je peux pas car on ne voit juste un message mais pas l'autre

Comment voudriez vous voir plusieurs messages en même temps sur un même sujet alors que sur l'ensemble du forum il n'y a qu'un seul message ?

@claudine1 a écrit:il faut que je tourne la molette de ma sourie pour déscendre la fenêtre

Félicitations, vous avez compris à quoi sert cette molette !
par Neptunia
le Ven 26 Avr 2019 - 2:04
 
Rechercher dans: Archives des problèmes avec l'apparence du forum
Sujet: problème de texte sur messages
Réponses: 16
Vues: 750

Pluriel Singulier (S ou pas de S) dans colonne des Stats

Ahh je vois Wink

Alors note #1, il peut y avoir 10 000 span dans un site, comme 10 000 div, etc.
Note #2, on utilise class dans un élément (div, span, a, p, etc.) lorsque qu'on va utiliser ses styles a plusieurs endroits dans un même site. Un id en revanche c'est lorsque c'est unique. Par exemple, comme nous avons plusieurs fois le nombre de messages dans une meme page, j'ai mit class="message" au lieu de id="message".

Ainsi, le fait qu'il y est déjà un span class ne change rien. Faites les étapes que je vous ai dit:

Trouvez ce code dans votre template
Code:
{catrow.forumrow.POSTS} messages


Puis remplacez le par ceci:
Code:
<span class="message">{catrow.forumrow.POSTS}</span>


Enregistrez. Une fois fait, ajoutez ce JavaScript sur l'index de votre forum:
Code:
$(document).ready(function (){
 
  /*** Afficher / Cacher "s" pour les stats ***/
  $( ".message" ).each(function() {
    var infos_stat = $(this).text();
 
    if(infos_stat < 2){
      $(this).append(' message');
    } else {
     $(this).append(' messages');
    }
  });
 
});


Voilà Smile
par 2par4
le Mer 24 Oct 2018 - 15:09
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Pluriel Singulier (S ou pas de S) dans colonne des Stats
Réponses: 14
Vues: 1029

Diaporama pour visualiser les images dans les messages (fancybox ou lightbox)

Bonjour Forumactif

J'aurais besoin d'aide SVP car j'aimerais pouvoir installer un code de Fancybox ou Lightbox pour visualiser les images que je partage sur mon Forum.

Exemple de Fancybox ou Lightbox:
#1 http://www.transformers-fans.world/dna-design-dk-09-ss-megatron-upgrade-kit/
#2 http://news.tfw2005.com/2018/08/12/transformers-power-of-the-primes-wave-4-deluxe-novastar-spotted-at-us-retail-370017

J'ai pu le faire pour mon html (exemple), mais j'aimerais l'appliquer dans les messages sur le forum à l'aide de "Feuille de style CSS" + "Gestion des codes Javascript".

Y aurait-il quelqu'un qui pourrait m'aider?

Si oui, quel code HTML à ajouter dans les messages du forum que je ferai pour que la galerie Fancybox ou Lightbox fonctionne.

Merci d'avance.


Mon forum: http://www.transformersfr.com/forum

P.S.: J'ai essayé ce code: https://help.forumotion.com/t115826-add-a-lightbox-effect-to-the-images-of-the-forum
Mais malheureusement je n'ai pas le code HTML à ajouter dans ses messages du forum pour que la galerie marche.
par superhomme
le Lun 13 Aoû 2018 - 18:08
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Diaporama pour visualiser les images dans les messages (fancybox ou lightbox)
Réponses: 47
Vues: 2812

Newsletters "Contenus populaires" limitées aux sujets vu par les invités ?

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://www.biblio3d.com

Description du problème

bonjour

j'ai souscrit au package prémium , qui permet de pouvoir personnaliser la Newsletters "Contenus populaires"

mais lorsque je veux mettre le lien d'un sujet que je souhaite faire apparaitre dans la news letter  j'ai un message :

L'URL contenue dans le champ sujet #1 n'est pas celle d'un sujet valide

je me suis aperçu également de cet avertissement :

Notez également que ces champs doivent contenir obligatoirement des URL de sujets accessibles aux invités.

donc il y a un truc qui m'échappe ??
on ne peut pas mettre de sujets autre que ceux qui sont accessibles à tout le monde ? sur mon forum seul la section présentation des nouveaux membres est accessible à tous ....ca veut dire que la newletter va se limiter aux présentations ? quel interet ?
et je comprend pas comment la newsletter est envoyées aux invités ??

merci d'avance à ceux qui pourrons m'éclairer sur le sujet

a plus

Jack
par biblio3d
le Mer 18 Avr 2018 - 10:19
 
Rechercher dans: Archives des problèmes avec le panneau d'administration
Sujet: Newsletters "Contenus populaires" limitées aux sujets vu par les invités ?
Réponses: 2
Vues: 767

sujets non lu & sujets actifs du jour

@Cloo a écrit:Oui, c'est sûr, mais ça n'a pas l'air d'avoir été retenu, comme suggestion.

Quelqu'un de FA peut nous dire leur position à ce sujet?

Bonjour,

• La suggestion existe en effet : [Sujet] Garder l'indication des sujets "non lus" tant qu'ils ne sont pas réellement lus, elle se trouve dans la Liste des suggestions à l'étude, vous pourrez y lire, indiqué en haut de page :

Aucune information relative à la faisabilité ou au délai quant à la mise en place de ses suggestions ne peut être donnée !


• Comme indiqué dans les Règles des suggestions :

L'équipe Forumactif n'est astreinte à aucun délai quant au traitement, acceptation ou réalisation des suggestions : par conséquent, aucune date d'étude de la suggestion ne peut être communiquée, pas plus qu'une date de développement d'une suggestion acceptée. Il est donc inutile de contacter l'équipe à ce sujet.



@Cloo a écrit:Il va quand même rester le problème de la recherche, qui ne se fait actuellement que sur les titres, et pas dans le contenu des messages. Après, ce sera #1!!! Tag 1 sur Forum gratuit : Le forum des forums actifs 843443591

Là aussi des suggestions ont été émises et se trouvent également dans celles à l'étude :

Tag 1 sur Forum gratuit : Le forum des forums actifs Captur17


Cordialement.
par Chacha
le Mer 22 Fév 2017 - 20:10
 
Rechercher dans: Archives des problèmes divers
Sujet: sujets non lu & sujets actifs du jour
Réponses: 14
Vues: 1291

sujets non lu & sujets actifs du jour

Il va quand même rester le problème de la recherche, qui ne se fait actuellement que sur les titres, et pas dans le contenu des messages. Après, ce sera #1!!! Tag 1 sur Forum gratuit : Le forum des forums actifs 843443591
par Cloo
le Mer 22 Fév 2017 - 19:25
 
Rechercher dans: Archives des problèmes divers
Sujet: sujets non lu & sujets actifs du jour
Réponses: 14
Vues: 1291

Message d'erreur pour proposer un thème...

Cela ne fonctionne toujours pas, voici ce que ça m'affiche :

Erreurs de récupération de l'image : 1)" target="_blank" rel="nofollow">https://2img.net/s/t/21/24/67/i_icon_gender_female.gif(#1)
par christaline
le Lun 13 Fév 2017 - 16:11
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: Message d'erreur pour proposer un thème...
Réponses: 10
Vues: 3941

Message d'erreur pour proposer un thème...

Bonjour,
Voilà, j'ai un soucis pour proposer un thème, ça me met le message d'erreur suivant :

Erreurs de récupération de l'image : 1)" target="_blank" rel="nofollow">https://i.servimg.com/u/f37/19/52/81/12/12022015.jpg(#1)

Que dois-je faire?

Voici le lien du forum sur lequel j'ai fais le thème que je veux proposer :

http://themesdechristaline.forumactif.org/

Merci pour votre aide.
Cordialement.
par christaline
le Lun 13 Fév 2017 - 14:31
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: Message d'erreur pour proposer un thème...
Réponses: 10
Vues: 3941

(#2432) : Mauvaise actualisation de la chatbox

Bonjour !

Non, c'est justement l'inverse, au lieu de descendre pour afficher le dernier message envoyé comme elle devrait, elle remonte à 5-6 messages plus tôt, et on doit forcément scroller pour redescendre et suivre le fil de la conversation.
J'ai remarqué que ca arrivait surtout quand nous avons un nombre de connectés sur la chatbox un peu plus conséquent, cela dit. Lorsque la chatbox est relativement calme avec juste 3-4 connectés ne parlant pas beaucoup, son comportement est moins capricieux :')
Je n'ai pas de screen à disposition et ca ne serait pas bien parlant je crois...

Merci beaucoup pour votre aide en tous cas, et joyeuses fêtes !

Edit : je viens d'essayer de reproduire le bug avec les membres du forum, mais il semblerait que la chatbox soit de bonne humeur aujourd'hui... je vous joins des screens dès que le bug revient !

Edit #2 : je serais incapable de dire ce qui a causé le bug, mais c'est revenu ! voici des screens, le premier avec le dernier message en date, et le second l'effet que ca a quand le message suivant a été posté (notez l'heure des messages pour constater le bug :'D) - j'espère que ca vous aide !
#1 - https://2img.net/r/hpimg11/pics/695227ScreenShot20161227at192043.png
#2 - https://2img.net/r/hpimg11/pics/908511ScreenShot20161227at192107.png
par Melody_Catharsis
le Mar 27 Déc 2016 - 10:49
 
Rechercher dans: Archives: les corrections apportées
Sujet: (#2432) : Mauvaise actualisation de la chatbox
Réponses: 61
Vues: 7430

message d'erreur pour proposer mon thème

j'ai proposé 2 thèmes récemment qui sont bien passés . Depuis hier mes 2 nouveaux thèmes rencontrent la même erreur lorsque je les propose
Erreurs de récupération de l'image : 1)" target="_blank" rel="nofollow">https://2img.net/s/t/20/91/41/i_icon_aim.png(#1)

j'ai réduit la taille de ma bannière , inférieure à 800 px mais je ne sais pas quelle icône pose problème
mon pseudo est grafismepassion. Merci d'avance de m'aider
par grafismepassion
le Dim 4 Déc 2016 - 10:18
 
Rechercher dans: Support pour le site Hitskin.com
Sujet: message d'erreur pour proposer mon thème
Réponses: 5
Vues: 4126

Liens vers une ancre contenu dans un iframe

Bonsoir,

Merci pour votre réponse.

La seule solution que je vois est de créer une page HTML pour chaque inscrit avec un iframe qui descend sur l'ancre #1 sur la première page HTML, l'ancre #2 sur la deuxième page HTML, et ainsi de suite.
Une question : on peut créer jusqu'à combien de page HTML ?
par alv
le Jeu 12 Nov 2015 - 20:14
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Liens vers une ancre contenu dans un iframe
Réponses: 19
Vues: 2380

Liens vers une ancre contenu dans un iframe

Bonjour,

J'ai déjà essayé, mais ça ne marche pas.

Même si votre idée marchait, je ne peux pas mettre directement dans le code "#1" parce qu'un membre voudra que l'ancre descende sur son forum, donc ça peut être "#2", "#3"...
Il faudrait que le lien soit personnalisable pour chaque membre, donc que l'ancre soit dans le lien, et non dans le code de l'iframe. Du style :
Code:
<a href="/#1">lien</a>

mais ça ne marche pas non plus.
par alv
le Dim 8 Nov 2015 - 10:12
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Liens vers une ancre contenu dans un iframe
Réponses: 19
Vues: 2380

Liens vers une ancre contenu dans un iframe

@alv a écrit:Bonsoir,

J'ai fait plusieurs recherches mais je n'ai pas trouvé ce que je souhaitais.
Je souhaiterais qu'en cliquant sur un lien du type "<a href='/h1-'>" ça aille sur la page à l'adresse indiquée (page qui comporte un iframe (code ci-dessous)) et que l'iframe descende sur l'ancre "#1" (ancre contenu dans l'iframe).

Page "h1-" qui comporte un iframe :
Code:
<style type="text/css">
*{margin: 0px;padding: 0px;}
html, body{height: 100%;overflow: hidden;background-color: #000000;}
iframe.TL{width: 100%;height: 100%;z-index: 111;}
</style>
<iframe class="TL" src="/h1-" frameborder="0" style="position: absolute; top: 0px; left: 0px"></iframe>


Comment faire ?
Merci d'avance pour votre aide.

Bonsoir,

J'essaie de comprendre votre souci ...

Pourquoi ne pas simplement mettre l'ancre à la suite du lien ?

Code:
<style type="text/css">
*{margin: 0px;padding: 0px;}
html, body{height: 100%;overflow: hidden;background-color: #000000;}
iframe.TL{width: 100%;height: 100%;z-index: 111;}
</style>
<iframe class="TL" src="/h1-#1" frameborder="0" style="position: absolute; top: 0px; left: 0px"></iframe>


par Scoubifitz
le Sam 7 Nov 2015 - 23:50
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Liens vers une ancre contenu dans un iframe
Réponses: 19
Vues: 2380

Pseudos invisibles et pseudos "copiés"

Les autres caractères ne sont pas tous à censurer, certains correspondent à des lettres, à des chiffres, seuls quelques uns posent problème.

Par exemple, si j'écris & # 3 3 ; sans espace, ça donne: !
si j'écris & # 4 8 ; sans espace, ça donne: 0
si j'écris & # 9 7 ; sans espace, ça donne: a

Je vais tester, mais je pense que ça poserait quelques problèmes de tout censurer Very Happy

edit: ah, même pas de soucis - vu que si on écrit on clavier, c'est interprété différemment (logique, du coup).
Et il suffit d'interdire le début de la suite pour que le reste devienne invalide. Donc, si on veut tout interdire &#1 à &#9 ça doit suffire scratch

Bon, après il y a encore d'autres possibilités pour obtenir de l'invisible.
par Utilisatrice
le Dim 1 Nov 2015 - 20:28
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Pseudos invisibles et pseudos "copiés"
Réponses: 17
Vues: 5338

Pseudos invisibles et pseudos "copiés"

Non, celui-ci n'apparait pas en invisible.
Mais je n'ai interdit que &#0 et &sh pour voir si la censure fonctionnait.
Si tu veux tester la chose, tu peux tester avec &#1(1;) (sans les parenthèses)
par Utilisatrice
le Dim 1 Nov 2015 - 19:43
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Pseudos invisibles et pseudos "copiés"
Réponses: 17
Vues: 5338

Pseudos invisibles et pseudos "copiés"

Merci Feuilla'

Il faut donc interdire, de ce que je sais, ces chaines de 3 caractères:
&#0 , &#1 , &#2 , &#3 et &sh

Il y en a peut-être d'autres.
par Utilisatrice
le Sam 31 Oct 2015 - 16:49
 
Rechercher dans: Archives des problèmes avec un code
Sujet: Pseudos invisibles et pseudos "copiés"
Réponses: 17
Vues: 5338

Revenir en haut

Page 1 sur 2 1, 2  Suivant

Sauter vers: