Messages : 92
Date d'inscription : 03/12/2021
Age : 38
Admin | - Code:
-
/*************************************TRUCS DE BASE*********************************************/ a:link {text-decoration: none !important;} a:visited {text-decoration: none !important;} a:hover {text-decoration: none !important;} a:active {text-decoration: none !important;} a {text-decoration:none !important;} .mainmenu img {display: none;} tr.post span.gensmall { display: none; } table,tr,td {border:none !important;} .bulle .postdetails {color:#97a1ac;} hr {border:1px solid #97a1ac !important;} .postbody{padding-top:20px; padding-bottom:20px;} .forumline{border:none !important;} .quote{border:1px solid #1e2122 !important;} .postbody {text-align:justify;} .code{border: none !important;} .cont_code{width:100%;} .selectCode{font-weight:bold;float:right;text-transform:lowercase; font-family: 'Lora', serif;} /*.selectCode { float:right; text-transform: uppercase; cursor:pointer; }*/ a.forumlink{font-size:24px; font-family: 'Road Rage', cursive; font-weight: normal !important;}
/***********************************************toolbar***********************************/ #fa_toolbar { width:500px; margin-left:650px; background-color: transparent !important; /* Rend transparent le fond principal */ padding-bottom: -30px; margin-right:15px !important; margin-top:15px; font-family: Roboto, sans-serif; } span#fa_share {display:none!important;} div#fa_search {display:none!important;} /*#fa_welcome {display:none!important;}*/ #fa_right { /*width:150px;*/ background-color: #23080b; border-radius:5px; padding-left: 10px; padding-right: 10px; font-size: 17px; text-align:center; height: 30px; left: 0; z-index: 999; }
.fa_avatar img { width: 85px; height: 85px; position: relative; top: -3px; margin-right: 5px; border:5px solid #23080b; border-radius: 50px; margin-top:5px; /*margin-bottom: -10px;*/ float:left; object-fit: cover !important; }
#fa_left {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_search {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_share {left: -700px; /* Décale la toolbar de la gauche */display:none!important;} #fa_fix {position: fixed!important;right: 0;top: 0;} .bodylinewidth{margin-top:-30px;}
/**********************************************************QUOTE & CODE*******************************************************/
.codebox{ background-image: url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); border: 1px solid #0F0F0F; margin: 10px; padding: 10px; }
.quote, .code { background-color:#0F0F0F !important; padding:10px !important; border:none !important; color:#F1F1F1 !important; max-width:500px !important; }
dt .genmed { color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
.spoiler dt { background-color:#f5eee8 !important; color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
.spoiler_closed { border:none !important; }
.spoiler_content { border:none !important; }
.selectCode { color:#62717b !important; font-size:15px !important; text-transform:uppercase; }
/*****************************SWITCHEROO***************************************/ :root { --color-text: rgba(255, 255, 255, 0.87); --color-bg: #17141b; --color-delete: #e74c3c; --color-tooltip: #010203; --color-squircle: #201f2e; --color-accent: #b14255; --color-button: #aaa2f2; --color-pill: #ffffff; --gap-size: 16px; --ease: cubic-bezier(0.4, 0.0, 0.2, 1); --ease-bounce: cubic-bezier(0.43, 0.09, 0.38, 2.56); }
.switcheroo { color: var(--color-text); background-color: #181818 !important; font-size: 16px; } .switcheroo[position="static"] { position: relative; } .switcheroo[position="top"] { position: fixed; top: 0; left: 0; z-index: 100; } .switcheroo[position="bottom"] { position: fixed; bottom: 0; left: 0; z-index: 100; } .switcheroo[direction="horizontal"] { width: 100%; } .switcheroo[direction="vertical"] { height: 100%; width:120px !important; }
.switcheroo__squircles { display: flex; margin: 0; padding: 0; list-style: none; padding: var(--gap-size); gap: var(--gap-size); } .switcheroo[direction="horizontal"] .switcheroo__squircles { flex-direction: row; } .switcheroo[direction="vertical"] .switcheroo__squircles { flex-direction: column; }
/* squircle */ .switcheroo[theme="discord"] .switcheroo__squircle { position: relative; display: flex; align-items: center; justify-content: center; background-color: var(--color-squircle); } .switcheroo[theme="discord"] .switcheroo__squircle { width: 90px; height: 20px; border-radius: 5px; cursor: pointer; transition: border-radius 128ms var(--ease); filter: grayscale(100%); } .switcheroo[theme="discord"] .switcheroo__squircle:hover { border-radius: 7px; height:35px; filter: grayscale(50%); } .switcheroo[theme="discord"][direction="vertical"] .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[theme="discord"][direction="horizontal"] .switcheroo__squircle:before { content: ""; width: 100%; height: 100%; display: block; background-color: var(--color-pill); position: absolute; border-radius: 4px; left: 50%; transform: translate(-50%, -100%) scale(0); transition: transform 128ms, opacity 64ms; pointer-events: none; opacity: 0; } .switcheroo[theme="discord"] .switcheroo__squircle.active { border-radius: 7px; height:35px; width:110px; cursor: default; filter: grayscale(0%); } .switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-100%, -50%) scale(0.5); } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-50%, -100%) scale(0.5); }
.switcheroo[theme="discord"][direction="vertical"] .switcheroo__squircle.active:before { opacity: 1; transform: translate(-85%, -50%) scale(0.2); border-radius: 50%; } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__squircle.active:before { opacity: 1; transform: translate(-50%, -85%) scale(0.2); border-radius: 50%; }
/* tooltip */ .switcheroo__popper { background-color: var(--color-tooltip); padding: 0.68rem 1rem; position: absolute; 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[direction="vertical"] .switcheroo__popper { left: 155%; top: 50%; transform-origin: left; transform: translateY(-50%) scale(0.98); background-color:#383c2b !important; } .switcheroo[direction="horizontal"] .switcheroo__popper { top: 155%; left: 50%; transform-origin: top; transform: translateX(-50%) scale(0.98); } .switcheroo__popper:before { content: ""; position: absolute; width: 24px; height: 24px; background-color: #383c2b !important; z-index: -1; } .switcheroo[direction="vertical"] .switcheroo__popper:before { left: -2px; top: 50%; transform: translateY(-50%) rotate(-45deg); } .switcheroo[direction="horizontal"] .switcheroo__popper:before { left: 50%; top: -2px; transform: translateX(-50%) rotate(-45deg); }
.switcheroo[direction="vertical"] .switcheroo__squircle:hover .switcheroo__popper { opacity: 1; transform: translateY(-50%) scale(1); } .switcheroo[direction="horizontal"] .switcheroo__squircle:hover .switcheroo__popper { opacity: 1; transform: translateX(-50%) scale(1); } .switcheroo__squircle:hover:before { opacity: 1; transform: translate(-100%, -50%) scale(0.5); }
/* avatar */ .switcheroo[theme="discord"] .switcheroo__avatar { position: relative; width: 100%; height: 100%; border-radius: inherit; overflow: hidden; background-color: #383c2b !important; } .switcheroo[theme="discord"] .switcheroo__avatar img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* divider */ .switcheroo[theme="discord"][direction="vertical"] .switcheroo__divider { width: 100%; height: 2px; background-color: #383c2b !important; border-radius: 1px; opacity: 0.06; transform: scale(0.8); } .switcheroo[theme="discord"][direction="horizontal"] .switcheroo__divider { width: 2px; background-color: #383c2b !important; border-radius: 1px; opacity: 0.06; transform: scale(0.8); } /* delete button */ .switcheroo[theme="discord"] .switcheroo__delete { display: flex; justify-content: center; position: absolute; width: 16px; line-height: 14px; 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; font-size: 13px; } .switcheroo[theme="discord"] .switcheroo__squircle:hover .switcheroo__delete { opacity: 1; transform: scale(1); } /* logo */ .switcheroo[theme="discord"] .switcheroo__logo { } .switcheroo[theme="discord"] .switcheroo__logo img { width: 32px; } .switcheroo[theme="discord"] .switcheroo__logo:hover { background-color: var(--color-accent); } /* buttons */ .switcheroo[theme="discord"] .switcheroo__squircle--button { transition: border-radius 128ms var(--ease); background-color:#383c2b !important; color: #ffffff; } .switcheroo[theme="discord"] .switcheroo__squircle--button:hover { color: #fff; background-color: var(--color-button); } /* modal */ .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; color: var(--color-text) !important; } .switcheroo__form-input { padding: 6px !important; font-size: 16px !important; border-radius: 4px !important; width: 100% !important; border-bottom: 2px solid var(--color-accent) !important; background-color: var(--color-bg) !important; color: var(--color-text) !important; cursor: text !important; } .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: 0.2s opacity ease; background: rgba(0, 0, 0, 0.6); }
.monomer-modal { position: fixed; z-index: 999; top: 50%; left: 50%; opacity: 0; width: 94%; padding: 24px 20px; transition: 0.2s opacity ease; transform: translate(-50%, -50%); border-radius: 2px; background: var(--color-squircle); color: var(--color-text); }
.monomer-modal.monomer-open.monomer-anchored { top: 20px; transform: translate(-50%, 0); }
.monomer-modal.monomer-open { opacity: 1; }
.monomer-overlay.monomer-open { opacity: 1; }
.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; }
/*************MESSENGER CHANGER LES CRISS DE COULEURS******************/ #FAM-load-older { display:block !important; }
#FAM { width:350px !important; }
.FAM-msg-avatar{ /*background-color:#52889a;*/ border:none !important; padding:none !important; border-radius: 5px !important; }
.FAM-msg-avatar img{ border-radius: 5px !important; object-fit: cover; }
.FAM-name-mention{ font-family: 'Newsreader', serif; font-size:14px !important; font-weight:bold; }
#FAM-button{ width: 100px !important; /*height: 8px !important; padding:10px; padding-left:10px !important;*/ border-radius:10px; background-color:#222826 !important; }
#FAM-button, .FAM-maintitle { text-align: center; font-size: 14px !important; margin-top:-10px !important; font-family: 'Poppins', sans-serif !important; }
#FAM-toolbar { background-color:#222826 !important; height:50px !important; border-bottom: 1px solid #222826 !important; font-family: 'Poppins', sans-serif !important; }
.FAM-tab.FAM-tab-active:after { background: #222826 !important; }
.FAM-chat-icon.FAM-new-post .fa-circle { color: #222826 !important; }
.FAM-my-msg .FAM-msg-content { color: #FFF; background: #222826 !important; } .FAM-my-msg .FAM-msg-content:before { border-right: none; border-left: 10px solid #303a50 !important; top: 12px; left: auto; right: -10px; }
.FAM-chat-avatar{ width:60px !important; height:60px !important; border-radius:5px; margin-left:20px !important; margin-top:-30px !important; }
.FAM-chat-avatar img{ object-fit: cover; }
.fa-comment:before { font-family: 'Poppins', sans-serif !important; content: "let's talk" !important; }
#FAM, #FAM .FAM-inputbox, #FAM-msg { font-family: 'Poppins', sans-serif !important; }
.FAM-chat-title{ text-align:center !important; font-size:16px !important; margin-top:5px !important; }
#FAM-new-topic .fa-circle { color: #222826 !important; }
.FAM-msg-text{ font-size:13px !important; }
/********************************************************barre de navigation***************************************************************************/ .peanut { background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); background-position:50% 40%; margin-top:5px; margin-left:4px; padding-top:15px; padding-bottom:15px; width:800px; text-align:center; font-family: 'Road Rage', cursive; font-size: 24px; font-weight: normal !important; text-transform: lowercase; }
.peanut a { font-weight: normal !important; font-size:24px; color:#c2c2c2; }
/*******************************************************SCROLLBAR**********************************************************/
::-webkit-scrollbar { /*taille dans les messages ou fiches */ height: 2px; width: 5px; background-color: transparent !important; /* couleur de fond */ } html > ::-webkit-scrollbar { width: 7px; /* largeur de la barre du forum */ } ::-webkit-scrollbar-thumb { background: #446d7f; /* couleur de la barre qui se déplace */ } ::-webkit-scrollbar-track-piece { background-color: transparent !important; /* couleur de fond */ }
/* --- BORDURES DU FORUM COLLÉES AU HEADER & BACKGROUND --- */
body { margin: 0; } body { overflow-x: hidden; }
.bodyline { padding: 0; border-left: 10px solid #76141a; border-right: 10px solid #76141a; }
/***********************************************************CATEGORIES*************************************************************/ .entitle { background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); background-position:center center; /*background-color:#1e344a;*/ width:800px; height:50px; padding-top:10px; padding-bottom:16px; }
h2 { font-size:30px; letter-spacing:2pt; text-align:center; color:#815a50; text-transform:lowercase; font-family: 'Road Rage', cursive; } .avatnew { background-color:#0F0F0F; border: 1px solid #0F0F0F; margin-left:5px; height:57px; }
.avatnew img { height:57px; }
.postava { background:#0F0F0F; border: 1px solid #0F0F0F; display:block; width:52px; height:57px; margin-left:2px; margin-right:4px; overflow:hidden; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%); }
.postava img{ width:56px; margin-top:-15px; margin-left:-2px; }
.descri { background-color:#0F0F0F; border: 1px solid #0F0F0F; width:280px; height:43px; overflow:auto; padding:7px; text-align:justify; font-size:11px; line-height:10px; }
.descri .genmed { color:#815a50; }
.titafo { height:14px; font-size:10px; letter-spacing:2px; margin-top:5px; margin-bottom:2px; color:#0076b1; text-align:left; font-weight:bold; font-family: 'Playfair Display', serif; text-transform:lowercase; }
.titato a.forumlink { font-size:18px !important; font-weight: normal !important; }
.statmess { background-color:#0F0F0F; border: 1px solid #0F0F0F; margin-left:3px; width:122px; height:43px; padding:7px; font-size:11px; font-family: 'Roboto Slab', serif; text-align:center; }
.statmess a{ color:#8C2020; }
.boumy { font-size:10px; } .boumy a { font-size:12px; }
.lienos { background-color:#0F0F0F; border: 1px solid #0F0F0F; width:100px; height:43px; overflow:auto; padding:7px; font-size:10px; font-family: 'Roboto Slab', serif; text-align:center; }
.lyra { background-color:#0F0F0F; border: 1px solid #0F0F0F; margin-left:3px; width:80px; height:11px; padding:7px; font-size:9px; line-height:normal; font-family: 'Roboto Slab', serif; color:#815a50; text-align:center; }
/**************************************PROFIL V2***********************************************************/ .rankPOST img{ display:block !important; } .grpNAME { background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); width:200px; padding:10px; text-align:center; margin-bottom:5px; } .grpNAME > .name{ font-size:18px !important; letter-spacing:-1; text-transform:uppercase; } .avtPOST img{ width:200px; margin-bottom:5px; border:10px solid #0F0F0F; }
.infoPOST{ background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); width:200px; height:270px; padding:10px; }
.doubleINFO{ background-color:#0F0F0F; width:190px; height:260px; padding:5px; overflow:auto; text-align:justify; }
.doubleINFO img{ max-width:190px !important; }
.rankPOST{ background-image:url(https://images2.imgbox.com/67/a4/SzZngUbU_o.png); width:200px; padding:10px; margin-top:5px; }
.shitty { width:200px !important; border-radius:10px; }
.bulle{ background-color:#e9ded3; border: 1px solid #f2e9e1; width:550px; border-radius:10px; padding : 15px; margin:7px !important; }
.REACTIONSsect{ background-color:#e9ded3; width:180px; height:30px; padding-left:10px; border-radius:5px; position:right; text-align:center !important; margin-left:300px; }
.icon_online { position:absolute; margin-left:-25px; margin-top:-35px; z-index: 100; transform: rotate(-25deg); }
/********************************************BULLES SUJETS***************************************************/ .fleche { background-image : url("https://images2.imgbox.com/8b/b1/2TmEM5cj_o.png"); width: 20px; height :20px; position : relative; top :70px; left :-19px; }
.bulle{ background-color : #0f0f0f; border : 1px solid #0f0f0f; -moz-border-radius: 10px; -webkit-border-radius:10px; -border-radius:10px; -khtml-border-radius:10px; padding : 15px; margin-right:5px; }
/**************ENTETE SUJET****************/ .rufus { background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); height:70px; text-align:center; }
.rufus h1 { font-size:20px; letter-spacing:2pt; text-align:center; color:#815a50; text-transform:lowercase; font-family: 'Playfair Display', serif; }
.rufus a { font-family:'Roboto Slab', serif; letter-spacing:2pt; color:#ffffff; }
.cash{padding-top:10px;}
.cash h1{font-size:18px;}
.gabe { display:block; height:12px; font-size:12px; font-family:'Roboto Slab', serif; letter-spacing:2pt; }
.dodge { text-align:center; margin-top:10px; }
/************************************************AFFICHAGE DES SUJETS***************************************************/ .titremoica{ width:490px; height:30px; padding:5px; margin-left:5px; letter-spacing:1px; background-color:#0f0f0f; border: 1px solid #0f0f0f; font-size:14px; font-weight: normal; font-family: 'Lora', serif; }
.thenama{font-size:10px; margin-left:15px; letter-spacing:2px; font-weight: normal; }
.thenama > .name{ color:#8d8191; font-weight: normal; }
.decritou{ line-height:12px; font-size:9px; font-weight: normal; }
/*.lportrait img{border: 1px solid #b4bcc6;}*/
.taface{ border:3px solid #b4bcc6; width:70px; height:35px; overflow:hidden; }
.taface img{ width:78px; height:125px; margin-top:-15px; margin-left:-8px; -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */ filter: grayscale(80%); }
.lefact{ width:180px; height:30px; padding:5px; background-color:#0f0f0f; border: 1px solid #0f0f0f; margin-bottom:5px; font-family: 'Lora', serif; font-size: 13px; text-align:center; text-transform: uppercase; }
.lesinfos > .postdetails{ color: #fdfefb; }
.ring {margin-left:2px; color:#467588 !important;} .dont {color:#815a50 !important;}
/*************************POSTE LAMBDA***************************/ .mumu{background-image:url(https://images2.imgbox.com/89/e1/7B4jXk2p_o.png); width:500px; height:400px; border-radius: 10px;} .nene{ width: 200px; height: 200px; object-fit: cover; border-radius: 10px; opacity:0.6; margin:10px; }
.nene2{ width: 200px; height: 170px; object-fit: cover; border-radius: 10px; opacity:0.6; margin:10px; }
.HH{background-color: #0f0f0f; width:230px; padding-top:70px; padding-bottom:70px; text-align:center;} ms{font-size:24px; color:#ffffff;} .hounds{background-color:#0f0f0f; width:440px; height:130px; padding:10px; text-align:justify; overflow:auto;} |