RSS
RSS
Le Deal du moment :
Réassort du coffret Pokémon 151 ...
Voir le deal

css 23 11 2023 12h33
Jeu 23 Nov 2023 - 12:33
Admin
avatar
20
19/11/2023
Admin
https://theaftercareclub.forumactif.com
Code:
/*---------------------------------- Haut et bas --------------------------------------------*/
.haut{
        position:fixed;
        bottom:20px;
        right:20px;}
     
.bas{
        position:fixed;
        bottom:20px;
        right:40px;}
/*---------------------------------- Haut et bas fin ----------------------------------------*/

/*---------------------------------- désactiver la bare recherche ---------------------------*/
#search-box {
display: none;
}
/*---------------------------------- fin désactiver la bare recherche ---------------------------*/
body {
 background-image: url(https://zupimages.net/up/23/47/z4jn.jpg); /**https://zupimages.net/up/23/47/z4jn.jpg**/
 background-position:  top center;/**top center**/
 /**background-repeat: repeat-y;**/
 background-size: cover;
 }
/*--------------------------------- PA ---------------------------------*/

/* Fond */
.fondsgénéraux {
  opacity: 0.75
  background-color: #1B1B1F;
  width: 700px;
  padding: 15px;
  color: #767676;
}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #141517;
}

.blocpa:hover {
  width: 220px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;/**35**/
  color: #ad1d21;/**#FE6D6D**/
  z-index: 1px;
  position: relative;
}

.titrePA2 {
font-family: parisienne;
  font-size: 25px;
  color: #ad1d21; /**F0F0F0**/
  position: relative;
}

.titrePA2:hover {
 font-family: parisienne;
  font-size: 25px;
  color: #ad1d21;/**#FE6D6D**/
  position: relative;
}

.titrePA3 {
  font-family: parisienne;
  font-size: 25px;/**25px**/
  color: #ad1d21;
  position: relative;
}

.titrePA3:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #ad1d21;
  position: relative;
}

/* Système onglets */
.paonglet {
  display: inline-block;
  cursor: pointer;
}

.contenu_paonglet {
  display: none;
  width: 250px;
  height: 360px;
  background-color: #141517;
}

.contenu_paonglet:hover {
  display: none;
  width: 250px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Info-bulles staff */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}

d.info:hover {
  z-index: 25;
}
 
d.info span {
  display: none;
}
 
d.info:hover span {
  display: block;
  position: absolute;
  top: -2em;
 left: -2em;
  width: 120px;
  height: 50px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Info-bulles prédef */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}
 
c.info:hover {
  z-index: 25;
}
 
c.info span {
  display: none;
}
 
c.info:hover span {
  display: block;
  position: absolute;
  top: -7.3em;
 left: -0.2em;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Images Prédef */
.imgPA {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

/* Images Staff */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Top Sites */
.tops {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 40px;
}

.tops:hover {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 40px;
}

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

 /* --------------------------------- CATEGORIES --------------------------------- */

        .hoverme {
          font-size: 11px;
          font-family: arial;
          color: #F5BF62; /**FE6D6D**/
          text-align: center !important;
          margin-top: 10px;
        }

        r:focus{
        background: #020202;
        z-index: 1;
        }

            r span {
            z-index: 1;
            position: absolute;
            margin-top: -95px;
            margin-left: -135px;
              color: #F5BF62; /**#F0F0ED**/
            width: 200px;
            height: 55px;
              overflow: auto;
              background: #141517;
            padding: 15px;
            border-radius: 3px;
            transform: scale(0) rotate(-12deg);
          -webkit-transform: scale(0) rotate(-12deg);
          -ms-transform: scale(0) rotate(-12deg);
              transition: all .25s;
            }

            r:hover span, r:focus span {
            z-index: 1;
            transform: scale(1) rotate(0);
          -webkit-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
            }


        /* Catégories */

        .titrecategorie h2 {
          top: 1.5em;
          position: relative;
          font-size: 50px;
        font-family: parisienne;
          color: #ad1d21 !important;/**#ad1d21 **/
          letter-spacing: 1px !important;
          z-index: 1;
        }

        .cate_titre {
          opacity: 0.75
  text-align: center;
          margin: auto;
          background-color: #1B1B1F; /**#1B1B1F**/
          width: 850px;
          height: 210px;
          border-radius: 130% 130% 0% 0%;
        }

        .cate_footer {
          opacity: 0.75
          text-align: center;
          margin: auto;
          z-index: 1;
          position: relative;/**relative**/
          margin-top: 0px;
          background-color: #1B1B1F;
          width: 850px;
          height: 210px;
          border-radius: 0% 0% 130% 130%;
        }

        .footer_texte {
          opacity: 0.75
          top: 5.5em;
          position: relative;
          font-size: 20px;
        font-family: parisienne;
          color: #F5BF62 !important; /**FE6D6D**/
          letter-spacing: 1px !important;
        }

        .categorie {
          width: 850px;
          margin: auto;
          background-color: #360A58 !important;/**1B1B1F**/ /**ad1d21 la couleur rouge**/ /**D45DFA violet clair**/ /**942BF7 violet un peu plus foncé**/ /** 4F0099 couleur actuel **/
          margin-top: 0px;
       padding-block: 20px; /** espace entre les block**/
        }

        /* New */
        .new01 {
          transform: rotate(5deg);
        }

        /* Forum */

        .forum {
          opacity: 0.80;
          width: 800px;
          height: 120px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          margin-bottom: 5px;
          background: #141517; /**#141517**/
          position: relative;
          padding: 2px;
          z-index: 2;
        }

        a.forumlink {
          position: relative;
          display: block;
          width: 100%;
          color: #F0F0ED !important;
          text-align: left;
          font-family: parisienne;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 1px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        a.forumlink:hover {
          letter-spacing: 2px;
          color: #F5BF62 !important;/**FE6D6D**/
          text-decoration: none !important;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        /* Description */
        .description {
          width: 280px;
          height: 80px;/**80px**/
          overflow: auto;
          background-color: #141517;
        text-align: justify;
          font-family: arial;
          font-size: 11px;
        }

        /* Bloc derniers messages */

        .bloccate {
          width: 180px;
        }

        .stats_last
        {
          display: block;
          width: 160px;
          height: 75px;
          margin-left: -200px;
          margin-top: 30px;
          background: #E3A6A6;
          padding: 10px;
          border: 1px solid #2E2E2E;
          box-shadow: 2px 2px 10px #2E2E2E;
        -moz-box-shadow: 2px 2px 10px #2E2E2E;
          -webkit-box-shadow: 2px 2px 10px #2E2E2E;
        }

        .stats {
          display: block;
          text-align: center;
          font-size: 10px;
          color: #7E2727;
          border-bottom: 1px solid #7E2727;
          padding-bottom: 4px;
          margin-bottom: 4px;
        }

        .last_mess {
          display: block;
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        .last_mess a{
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        /* Sous-forum */


        /*--------------------------------- FIN CATEGORIES --------------------------------- */

/* --------------------------------- QEEL --------------------------------- */

/* Fond */
.fondsgénéraux {
  background-color: #1B1B1F;
  width: 700px;
  padding: 15px;
  color: #767676;
}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #141517;
}

.blocpa:hover {
  width: 220px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;
  color: #FE6D6D;
  z-index: 1px;
  position: relative;
}

.titrePA2 {
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  position: relative;
}

.titrePA2:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #FE6D6D;
  position: relative;
}

/* Groupes */
.qeelonglet {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  top: -2em;
  position: relative;
}

.qeelonglet_1 {
  color: #FE6D6D;
}
         
.contenu_qeelonglet {
  padding: 2px;
  display: none;
  height: 90px;
  width: 300px;
  overflow: auto;
  background-color: #1B1B1F;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  position: relative;
  top: -5em;
}

/* 24h */
#kaboum .row1 {
  background-color : transparent;
  color: #767676 !important;
}

/* Partenaires */
.part {
  width: 50px;
  opacity: 0.5;
}

.part:hover{
  opacity: 1;
  width: 100px;
  height: 35px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

/* Description des crédits */
.qeel1 {
 width: 300px;
  height: 156px;
  overflow: hidden;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
  background-color: #141517;
  color: #767676;
}

.qeel1_img {
  position: relative;
  z-index: 2;
  width: 300px;
  height: 156px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel1:hover .qeel1_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel1_description {   
  position: relative;
  z-index: 1;
  width: 270px;
  height: 156px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
  overflow: auto;
}

/* Description des stats */
.qeel {
 width: 250px;
  height: 173px;
  overflow: hidden;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
  background-color: #141517;
  color: #767676;
}

.qeel_img {
  position: relative;
  z-index: 2;
  width: 250px;
  height: 173px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel:hover .qeel_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel_description {   
  position: relative;
  z-index: 1;
  width: 220px;
  height: 173px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
  overflow: auto;
}

/* --------------------------------- QEEL --------------------------------- */

/* -------------------------------corps message ---------------------------*/

a, a:hover {
     text-decoration: none !important;
     transition: .3s all;
}

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}



/****************************************************************** AFFICHAGE MESSAGES ET PROFIL ******************************************************************/
.ensemble_message_profil {
    display: flex;
    flex-direction: row;
}

/* TITRE DATE ET EDITER CITER SUPPRIMER */
.header_sujet_profil {
        background: #1e1f20;
        color: #eee;
        letter-spacing: 2px;
        margin: 1% 0;
        padding: 2%;
  font-family: 'Share Tech Mono', monospace;
        text-align: right;
        box-sizing: border-box;
}

.titre_date_message {
        float: left;
        text-align: left;
}

.date_sujet {
        font-size: 10px;
        padding: .5% 0 0;
}

/* PROFIL */
.profil_message {
        background: #910418;/**f8f8f8**/
        border: 1px solid rgba(26,25,25,.2);
        padding: 2%;
        text-align: center;
        width: 30%;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        box-sizing: border-box;

}

/* Pseudo */
.pseudo_sujet {
        background: #1e1f20;
        padding: 5%;
        text-transform: uppercase;
        letter-spacing: 5px;
        font-size: 1.5vw;
     margin: auto;
     box-sizing: border-box;
     width: 200px;
}

.pseudo_sujet a strong {
       font-weight: normal;
}

/* Avatar et infos profil */
.bloc_avatar_sujet {
        width: 200px;
        height: 320px;
        overflow: hidden;
        transition: .5s all;
     margin: auto;
}

.avatar_sujet img {
     display: block;
}

.bloc_avatar_sujet:hover .info_avatar_sujet {
       margin-top: -310px;
}   

.info_avatar_sujet {
        background: #E00E2B;/**f8f8f8**/
        box-sizing: border-box;
        height: 300px;
        margin: 0 auto;
        overflow: auto;
        padding: 15% 0;
        position: relative;
        text-align: center;
        text-transform: lowercase;
        transition: .5s all;
        width: 85%;
        z-index: 2;
}

.info_avatar_sujet .label {
       font-size: 0;
}

.info_avatar_sujet .content_element_profil:nth-child(55n+2) {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/fond_i10.png);
        width: 150px;
        height: 55px;
        text-align: center;
        box-sizing: border-box;
        padding: 4.22% 0 0 0;
        margin: 0 auto 5%;
        border: 0;
}

.content_element_profil:nth-child(55n+1) {
        position: absolute;
        bottom: 7%;
        text-align: center;
        width: 100%;
        left: 0;
        font-size: 1.5vw;
        background: none;
        border: 0;
        margin: 0;
}

.content_element_profil:nth-child(55n+1)::after {
        content: "Messages";
        display: block;
        font-size: 12px;
        letter-spacing: 5px;
}

.info_avatar_sujet img {
        width: 135px;
        height: 40px;
        object-fit: cover;
}

.content_element_profil {
        background: #eee;
        width: 90%;
        margin: 0 auto 4%;
        font-size: 12px;
        border: 1px solid rgba(26,25,25,.2);
}

/* Rang */
.rang_sujet {
        background: #1e1f20;
        color: #eee;
        font-size: 12px;
        letter-spacing: 3px;
        padding: 4% 0;
     margin: auto;
     width: 200px;
     box-sizing: border-box;
}

/* Bouton presentation */
.lien_presentation {
       margin: 5% auto 10%;
}

/* Contenu message */
.content_message_profil {
        background: #000000; /**f8f8f8**/
        border-bottom: 1px solid rgba(65,64,64,.2);
        border-right: 1px solid rgba(65,64,64,.2);
        border-top: 1px solid rgba(65,64,64,.2);
        padding: 2% 4%;
        box-sizing: border-box;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
}

/* Pagination */
.pagination_footer_sujet {
        background: #1e1f20;
        color: #000000; /** eee **/
        margin: 1% 0;
        line-height: 3;
        box-sizing: border-box;
        border: 1px solid rgba(26,25,25,.2);
        font-size: 12px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        text-align: right;
}

.number_page_sujet {
       float: left;
     margin: 0 0 0 3%;
}

.pagination_nav a {
       color: #eee;
}

/* Arreter de surveiller et moderer */
.liens_footer_sujet {
        text-align: center;
        margin: 1% 0;
        font-size: 12px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
}

.surveiller_sujet a {
        background: #3d4b49;
        display: inline-block;
        color: #000000;/** eee **/
        line-height: 3;
        width: 250px;
        text-transform: uppercase;
        letter-spacing: 2px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        font-size: 10px; 
        border: 1px solid rgba(26,25,25,.2);
}

.moderer_sujet {
        float: left;
        font-size: 0;
}

.moderer_sujet a {
        font-size: 10px;
        background: #3d4b49;
        display: block;
        color: #000000;/** eee **/
        text-transform: uppercase;
        letter-spacing: 2px;
        width: 250px;
        border: 1px solid rgba(26,25,25,.5);
        line-height: 3;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        margin: 0 0 0 60%;
}

/* --------------fin corps message--------------------*/
Re: css 23 11 2023 12h33
Jeu 23 Nov 2023 - 19:00
Admin
avatar
20
19/11/2023
Admin
https://theaftercareclub.forumactif.com
sauvegarde du 23 11 23 à 19h

Code:
/*---------------------------------- Haut et bas --------------------------------------------*/
.haut{
        position:fixed;
        bottom:20px;
        right:20px;}
    
.bas{
        position:fixed;
        bottom:20px;
        right:55px;}
/*---------------------------------- Haut et bas fin ----------------------------------------*/

/*---------------------------------- désactiver la bare recherche ---------------------------*/
#search-box {
display: none;
}
/*---------------------------------- fin désactiver la bare recherche ---------------------------*/
body {
 background-image: url(https://zupimages.net/up/23/47/z4jn.jpg); /**https://zupimages.net/up/23/47/z4jn.jpg**/
 background-position:  top center;/**top center**/
 /**background-repeat: repeat-y;**/
 background-size: cover;
 }
/*--------------------------------- PA ---------------------------------*/

/* Fond */
.fondsgénéraux {
  opacity: 0.75
  background-color: #1B1B1F;
  width: 700px;
  padding: 15px;
  color: #767676;
}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #141517;
}

.blocpa:hover {
  width: 220px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;/**35**/
  color: #ad1d21;/**#FE6D6D**/
  z-index: 1px;
  position: relative;
}

.titrePA2 {
font-family: parisienne;
  font-size: 25px;
  color: #ad1d21; /**F0F0F0**/
  position: relative;
}

.titrePA2:hover {
 font-family: parisienne;
  font-size: 25px;
  color: #ad1d21;/**#FE6D6D**/
  position: relative;
}

.titrePA3 {
  font-family: parisienne;
  font-size: 25px;/**25px**/
  color: #ad1d21;
  position: relative;
}

.titrePA3:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #ad1d21;
  position: relative;
}

/* Système onglets */
.paonglet {
  display: inline-block;
  cursor: pointer;
}

.contenu_paonglet {
  display: none;
  width: 250px;
  height: 360px;
  background-color: #141517;
}

.contenu_paonglet:hover {
  display: none;
  width: 250px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Info-bulles staff */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}

d.info:hover {
  z-index: 25;
}
 
d.info span {
  display: none;
}
 
d.info:hover span {
  display: block;
  position: absolute;
  top: -2em;
 left: -2em;
  width: 120px;
  height: 50px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Info-bulles prédef */
.info {
  position: relative;
  z-index: 24;
  text-decoration: none;
}
 
c.info:hover {
  z-index: 25;
}
 
c.info span {
  display: none;
}
 
c.info:hover span {
  display: block;
  position: absolute;
  top: -7.3em;
 left: -0.2em;
  border-radius: 50%;
  width: 85px;
  height: 85px;
  background-color: #1B1B1F;
  color: #16161A;
  text-align: center;
  font-weight: none;
}

/* Images Prédef */
.imgPA {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}

/* Images Staff */
.imgwidget {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transition-duration: 1s;
  -moz-transition-timing-function: linear;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function: linear;
  transition-duration: 1s;
  transition-timing-function: linear;
}

.imgwidget:hover {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Top Sites */
.tops {
  -moz-transform: rotate(20deg);
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
  width: 40px;
}

.tops:hover {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 40px;
}

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

 /* --------------------------------- CATEGORIES --------------------------------- */

        .hoverme {
          font-size: 11px;
          font-family: arial;
          color: #F5BF62; /**FE6D6D**/
          text-align: center !important;
          margin-top: 10px;
        }

        r:focus{
        background: #020202;
        z-index: 1;
        }

            r span {
            z-index: 1;
            position: absolute;
            margin-top: -95px;
            margin-left: -135px;
              color: #F5BF62; /**#F0F0ED**/
            width: 200px;
            height: 55px;
              overflow: auto;
              background: #141517;
            padding: 15px;
            border-radius: 3px;
            transform: scale(0) rotate(-12deg);
          -webkit-transform: scale(0) rotate(-12deg);
          -ms-transform: scale(0) rotate(-12deg);
              transition: all .25s;
            }

            r:hover span, r:focus span {
            z-index: 1;
            transform: scale(1) rotate(0);
          -webkit-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
            }


        /* Catégories */

        .titrecategorie h2 {
          top: 1.5em;
          position: relative;
          font-size: 50px;
        font-family: parisienne;
          color: #ad1d21 !important;/**#ad1d21 **/
          letter-spacing: 1px !important;
          z-index: 1;
        }

        .cate_titre {
          opacity: 0.75
  text-align: center;
          margin: auto;
          background-color: #1B1B1F; /**#1B1B1F**/
          width: 850px;
          height: 210px;
          border-radius: 130% 130% 0% 0%;
        }

        .cate_footer {
          opacity: 0.75
          text-align: center;
          margin: auto;
          z-index: 1;
          position: relative;/**relative**/
          margin-top: 0px;
          background-color: #1B1B1F;
          width: 850px;
          height: 210px;
          border-radius: 0% 0% 130% 130%;
        }

        .footer_texte {
          opacity: 0.75
          top: 5.5em;
          position: relative;
          font-size: 20px;
        font-family: parisienne;
          color: #F5BF62 !important; /**FE6D6D**/
          letter-spacing: 1px !important;
        }

        .categorie {
          width: 850px;
          margin: auto;
          background-color: #360A58 !important;/**1B1B1F**/ /**ad1d21 la couleur rouge**/ /**D45DFA violet clair**/ /**942BF7 violet un peu plus foncé**/ /** 4F0099 couleur actuel **/
          margin-top: 0px;
       padding-block: 20px; /** espace entre les block**/
        }

        /* New */
        .new01 {
          transform: rotate(5deg);
        }

        /* Forum */

        .forum {
          opacity: 0.80;
          width: 800px;
          height: 120px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          margin-bottom: 5px;
          background: #141517; /**#141517**/
          position: relative;
          padding: 2px;
          z-index: 2;
        }

        a.forumlink {
          position: relative;
          display: block;
          width: 100%;
          color: #F0F0ED !important;
          text-align: left;
          font-family: parisienne;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 1px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        a.forumlink:hover {
          letter-spacing: 2px;
          color: #F5BF62 !important;/**FE6D6D**/
          text-decoration: none !important;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        /* Description */
        .description {
          width: 280px;
          height: 80px;/**80px**/
          overflow: auto;
          background-color: #141517;
        text-align: justify;
          font-family: arial;
          font-size: 11px;
        }

        /* Bloc derniers messages */

        .bloccate {
          width: 180px;
        }

        .stats_last
        {
          display: block;
          width: 160px;
          height: 75px;
          margin-left: -200px;
          margin-top: 30px;
          background: #E3A6A6;
          padding: 10px;
          border: 1px solid #2E2E2E;
          box-shadow: 2px 2px 10px #2E2E2E;
        -moz-box-shadow: 2px 2px 10px #2E2E2E;
          -webkit-box-shadow: 2px 2px 10px #2E2E2E;
        }

        .stats {
          display: block;
          text-align: center;
          font-size: 10px;
          color: #7E2727;
          border-bottom: 1px solid #7E2727;
          padding-bottom: 4px;
          margin-bottom: 4px;
        }

        .last_mess {
          display: block;
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        .last_mess a{
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        /* Sous-forum */


        /*--------------------------------- FIN CATEGORIES --------------------------------- */

/* --------------------------------- QEEL --------------------------------- */

/* Fond */
.fondsgénéraux {
  background-color: #1B1B1F;
  width: 700px;
  padding: 15px;
  color: #767676;
}

.blocpa {
  width: 220px;
  padding: 15px;
  background-color: #141517;
}

.blocpa:hover {
  width: 220px;
  background-color: #141517;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
}

/* Titres */
.titrePA1 {
  font-family: parisienne;
  font-size: 35px;
  color: #FE6D6D;
  z-index: 1px;
  position: relative;
}

.titrePA2 {
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  position: relative;
}

.titrePA2:hover {
  font-family: parisienne;
  font-size: 25px;
  color: #FE6D6D;
  position: relative;
}

/* Groupes */
.qeelonglet {
  display: inline-block;
  padding: 10px;
  cursor: pointer;
  font-family: parisienne;
  font-size: 25px;
  color: #F0F0F0;
  top: -2em;
  position: relative;
}

.qeelonglet_1 {
  color: #FE6D6D;
}
        
.contenu_qeelonglet {
  padding: 2px;
  display: none;
  height: 90px;
  width: 300px;
  overflow: auto;
  background-color: #1B1B1F;
  text-align: justify;
  font-family: arial;
  font-size: 11px;
  position: relative;
  top: -5em;
}

/* 24h */
#kaboum .row1 {
  background-color : transparent;
  color: #767676 !important;
}

/* Partenaires */
.part {
  width: 50px;
  opacity: 0.5;
}

.part:hover{
  opacity: 1;
  width: 100px;
  height: 35px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}

/* Description des crédits */
.qeel1 {
 width: 300px;
  height: 156px;
  overflow: hidden;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
  background-color: #141517;
  color: #767676;
}

.qeel1_img {
  position: relative;
  z-index: 2;
  width: 300px;
  height: 156px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel1:hover .qeel1_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel1_description {  
  position: relative;
  z-index: 1;
  width: 270px;
  height: 156px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
  overflow: auto;
}

/* Description des stats */
.qeel {
 width: 250px;
  height: 173px;
  overflow: hidden;
  border-left: 2px solid #2F3C3E;
  border-right: 2px solid #2F3C3E;
  background-color: #141517;
  color: #767676;
}

.qeel_img {
  position: relative;
  z-index: 2;
  width: 250px;
  height: 173px;
  margin-left: 0px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel:hover .qeel_img {
  margin-left: 400px;
  transform: all;
  -moz-transform: all;
  -o-transform: all;
  -htm-transform: all;
  -webkit-transform: all;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
 
.qeel_description {  
  position: relative;
  z-index: 1;
  width: 220px;
  height: 173px;
  margin-top: -170px;
  text-align: justify;
  font-size: 11px;
  color: #8c8c8c;
  padding: 15px;
  overflow: auto;
}

/* --------------------------------- QEEL --------------------------------- */

/* -------------------------------corps message ---------------------------*/

a, a:hover {
     text-decoration: none !important;
     transition: .3s all;
}

::-webkit-scrollbar {
        background: #e3e3e3;
        border: 0;
        width: 3px;
}

::-webkit-scrollbar-thumb {
        background: #333;
        border: 0;
}



/****************************************************************** AFFICHAGE MESSAGES ET PROFIL ******************************************************************/
.ensemble_message_profil {
    display: flex;
    flex-direction: row;
}

/* TITRE DATE ET EDITER CITER SUPPRIMER */
.header_sujet_profil {
        background: #1e1f20;
        color: #eee;
        letter-spacing: 2px;
        margin: 1% 0;
        padding: 2%;
  font-family: 'Share Tech Mono', monospace;
        text-align: right;
        box-sizing: border-box;
}

.titre_date_message {
        float: left;
        text-align: left;
}

.date_sujet {
        font-size: 10px;
        padding: .5% 0 0;
}

/* PROFIL */
.profil_message {
        background: #910418;/**f8f8f8**/
        border: 1px solid rgba(26,25,25,.2);
        padding: 2%;
        text-align: center;
        width: 30%;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        box-sizing: border-box;

}

/* Pseudo */
.pseudo_sujet {
        background: #1e1f20;
        padding: 5%;
        text-transform: uppercase;
        letter-spacing: 5px;
        font-size: 1.5vw;
     margin: auto;
     box-sizing: border-box;
     width: 200px;
}

.pseudo_sujet a strong {
       font-weight: normal;
}

/* Avatar et infos profil */
.bloc_avatar_sujet {
        width: 200px;
        height: 320px;
        overflow: hidden;
        transition: .5s all;
     margin: auto;
}

.avatar_sujet img {
     display: block;
}

.bloc_avatar_sujet:hover .info_avatar_sujet {
       margin-top: -310px;
}  

.info_avatar_sujet {
        background: #E00E2B;/**f8f8f8**/
        box-sizing: border-box;
        height: 300px;
        margin: 0 auto;
        overflow: auto;
        padding: 15% 0;
        position: relative;
        text-align: center;
        text-transform: lowercase;
        transition: .5s all;
        width: 85%;
        z-index: 2;
}

.info_avatar_sujet .label {
       font-size: 0;
}

.info_avatar_sujet .content_element_profil:nth-child(55n+2) {
        background: url(https://i.servimg.com/u/f38/19/69/79/53/fond_i10.png);
        width: 150px;
        height: 55px;
        text-align: center;
        box-sizing: border-box;
        padding: 4.22% 0 0 0;
        margin: 0 auto 5%;
        border: 0;
}

.content_element_profil:nth-child(55n+1) {
        position: absolute;
        bottom: 7%;
        text-align: center;
        width: 100%;
        left: 0;
        font-size: 1.5vw;
        background: none;
        border: 0;
        margin: 0;
}

.content_element_profil:nth-child(55n+1)::after {
        content: "Messages";
        display: block;
        font-size: 12px;
        letter-spacing: 5px;
}

.info_avatar_sujet img {
        width: 135px;
        height: 40px;
        object-fit: cover;
}

.content_element_profil {
        background: #eee;
        width: 90%;
        margin: 0 auto 4%;
        font-size: 12px;
        border: 1px solid rgba(26,25,25,.2);
}

/* Rang */
.rang_sujet {
        background: #1e1f20;
        color: #eee;
        font-size: 12px;
        letter-spacing: 3px;
        padding: 4% 0;
     margin: auto;
     width: 200px;
     box-sizing: border-box;
}

/* Bouton presentation */
.lien_presentation {
       margin: 5% auto 10%;
}

/* Contenu message */
.content_message_profil {
        background: #000000; /**f8f8f8**/
        border-bottom: 1px solid rgba(65,64,64,.2);
        border-right: 1px solid rgba(65,64,64,.2);
        border-top: 1px solid rgba(65,64,64,.2);
        padding: 2% 4%;
        box-sizing: border-box;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
}

/* Pagination */
.pagination_footer_sujet {
        background: #1e1f20;
        color: #000000; /** eee **/
        margin: 1% 0;
        line-height: 3;
        box-sizing: border-box;
        border: 1px solid rgba(26,25,25,.2);
        font-size: 12px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        text-align: right;
}

.number_page_sujet {
       float: left;
     margin: 0 0 0 3%;
}

.pagination_nav a {
       color: #eee;
}

/* Arreter de surveiller et moderer */
.liens_footer_sujet {
        text-align: center;
        margin: 1% 0;
        font-size: 12px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
}

.surveiller_sujet a {
        background: #3d4b49;
        display: inline-block;
        color: #000000;/** eee **/
        line-height: 3;
        width: 250px;
        text-transform: uppercase;
        letter-spacing: 2px;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        font-size: 10px;
        border: 1px solid rgba(26,25,25,.2);
}

.moderer_sujet {
        float: left;
        font-size: 0;
}

.moderer_sujet a {
        font-size: 10px;
        background: #3d4b49;
        display: block;
        color: #000000;/** eee **/
        text-transform: uppercase;
        letter-spacing: 2px;
        width: 250px;
        border: 1px solid rgba(26,25,25,.5);
        line-height: 3;
  font-family: 'Share Tech Mono', monospace;
     color: #000000; /** 1a1919**/
        margin: 0 0 0 60%;
}

/* --------------fin corps message--------------------*/
Page 1 sur 1
Vous ne pouvez pas répondre aux sujets dans ce forum

Sauter vers: