SAVE CSS 02/12/2019

Sujet: SAVE CSS 02/12/2019 Lun 2 Déc - 20:49

Code:: .bodylinewidth{
width: 800px;
margin-top:-9px;
margin-bottom:-9px;
}

.bodyline{width: 800px!important; padding: 0px; background: linear-gradient(.25turn, #ba48e5, 50%, #48f4fa);}

#i_logo{
margin-top:23px;
margin-right : -4px;
}

/***** Fiche scénario *****/
.avatar_scena{
width:147px;
}

.avatar_scena:hover{
opacity:0.3;
}

.name_scena{
background: linear-gradient(.25turn, #c648e8, 50%, #48cdf8);
font-size:25px;
color: #fff;
height: 34px;
line-height: 36px;
text-align: center;
font-family: 'Kaushan Script', cursive;
}

.featuring{
font-size:9px;
text-align: center;
color: #f275fa;
}

.dispo_pv3{
letter-spacing: 4px;
font-size: 10px;
text-align: center;
background-color: #92b497;
width: 450px;
}

.info_scenario2019{
width: 200px;
height: 305px;
font-size: 10px;
text-align:justify;
overflow: auto;
padding: 3px;
float: left;
}

.qual_def{
float:right;
}

.good_scena{
background: #a2efa4;
color: #3e553f;
width: 195px;
text-align: center;
height: 26px;
line-height: 23px;
margin-bottom: -10px;
margin-top: -8px;
}

.bad_scena{
background: #efa2a2;
color: #553e3e;
width: 195px;
text-align: center;
height: 26px;
line-height: 23px;
margin-bottom: -1px;
}

.story_scena_title{
font-size: 20px;
text-align: center;
clear: both;
background: #4857ae;
letter-spacing: 2px;
line-height: 30px;
height:31px;
font-family: 'Kaushan Script', cursive;
color: #f6d9ff;
}
.story_scena{
width: 450px;
}

.link_name{
background: #4a60c4;
font-size: 15px;
text-transform: uppercase;
line-height: 26px;
height: 25px;
font-weight: bold;
color: white;
font-family: 'Asap Condensed', sans-serif;
}

.ava_link{
width: 110px;
border: 2px white solid;
float: left;
}

.nature_link{
text-transform : lowercase;
font-size: 12px;
background: #b948e8;
height: 15px;
color: black;
text-align: center;
font-family: 'Asap Condensed', sans-serif;
}

.text_link{
text-align: justify;
overflow: auto;
height: 149px;
padding: 6px;
}

/***** Fiche présentation 2019*****/
@import url('https://fonts.googleapis.com/css?family=Lekton');
@import url('https://fonts.googleapis.com/css?family=Asap+Condensed');
@import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
#fond_v3{
background: #fff;
width: 450px;
height : auto;
padding : 10px;
margin-left: auto;
margin-right: auto;
}

.part_id{
position: relative;
}

.avatar_gauche{
position : absolute;
left: 25px;
top: 20px;
}

#name_2019{
position: absolute;
background: linear-gradient(.25turn, #c348ea, 50%, #48e4f7);
width: 230px;
height: 207px;
z-index: 500;
top: 84px;
right: 25px;
opacity: 0.33;
}

.prenom_2019 {
position: absolute;
top: 138px;
left: 200px;
font-size: 20px;
padding-left: 40px;
font-family: 'Lekton', sans-serif;
padding-top: 15px;
color: black;
z-index: 800;
}

.nom_2019{
position: absolute;
top: 173px;
left: 200px;
font-size: 20px;
padding-left: 40px;
font-family: 'Asap Condensed', sans-serif;
text-transform: uppercase;
font-weight: bold;
z-index: 800;
}

.feat_2019{
position: absolute;
top: 108px;
left: 45px;
font-size: 8px;
text-transform: lowercase;
}

.avatar_droite{
position : absolute;
right: 25px;
top: 340px;
}

.presentation_2019{
position: absolute;
top: 350px;
left: 25px;
width: 194px;
height: 305px;
font-size: 10px;
text-align:justify;
overflow: auto;
padding: 3px;
}

.info3{
width:auto;
height: 9px;
background: linear-gradient(.25turn, #97c0ed, 10%, #b892db);
}

.part_question2019{
margin-top: 645px;
width: 400px;
margin-left: 25px;
text-align: justify;
}

.question2019{
font-weight: bold;
border-bottom: 2px solid #98b9dd;
}

.good_qual{
float: left;
}

.bad_def{
float: right;
}

.good {
margin-left: 25px;
background: #a2efa4;
color: #3e553f;
width: 195px;
text-align: center;
height: 31px;
margin-bottom:-10px;
line-height: 30px;
}

.bad {
background: #efa2a2;
color: #553e3e;
width: 195px;
text-align: center;
height: 31px;
margin-bottom:-10px;
line-height: 30px;
margin-right: 20px;
}

.cara_2019{
width: 379px;
text-align: justify;
border-left: 4px solid #486ddc;
border-right: 4px solid #486ddc;
margin-left: 24px;
padding: 9px;
}

.story_2019{
text-align: justify;
}

.gif_2019{
width:450px;
}

.gif_fiche{
width:150px;
float:left;
margin-right: 8px;
}

a:link{text-decoration:none!important;}

/****************** CODAGE CATEGORIES PAR MAGMA. ***********************/

.lastpost-avatar img {
width: 69px;
height: 110px; border: 2px double #48e4fa; padding: 0px;
filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0); border-radius: 0px; -webkit-radius: 0px; }

.lastpost-avatar img:hover {
border: 2px double #dec7fa; padding: 0px;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.9; -htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
filter: grayscale(80%); -webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);
opacity: 0.8; /* l'opacite que vous voulez au depart */
-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=25)"; /* Hack IE8 */
filter: alpha(opacity = 25); /* Hack IE 5-7 */
-htm-transition:1s; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s;
-webkit-transition: opacity 0.5s ease-in-out;/* transition pour Chrome et Safari */
-moz-transition: opacity 0.5s ease-in-out;/* transition pour Firefox */
-o-transition: opacity 0.5s ease-in-out;/* transition pour Opéra */
transition: opacity 0.5s ease-in-out; }
.nav img {max-width:140px;}
.modifcat { background-color : #7982c6; width: 800px; padding-bottom: 10px;} /*** le fond de la catégorie ***/
.catégoz{ position : relative ; top : 30px; left: 13px;} /*** l'emplacement des titres catégories ***/
.catégoz h2 { font-size: 35px; font-family: Dorsa; letter-spacing: 1px; color:#c4c4c4;font-weight: bold;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top:21px;} /*** le style des titres des catégories ***/

.statdescrip { border-radius: 2px; -webkit-border-radius: 2px; width: 397px; height: 115px;
background: linear-gradient(.25turn, #56488d, 50%, #604fa3); /*border:1px solid #eae6e2;*/ margin-top: -16px; padding-left: 4px; padding-right: 4px;
padding-boddom: 4px;} /*** le style du bloc des descriptions ***/
.descrip_bloc1 { width: 380px; height: 72px; overflow:auto; text-align: justify; line-height: 11px; padding: 4px;
font-family: Tahoma; padding-bottom: 6px; font-size: 10px; background-color: #7174c0; border:1px solid #48effe;} /*** le style des descriptions ***/
.statistiques_cat {background: linear-gradient(.25turn, #56488d, 50%, #604fa3); width: 135px; height: 115px;
border-radius: 2px; -webkit-border-radius: 2px; margin-top: -7px; /*border:1px solid #eae6e2;*/} /*** le style des statistiques en général ***/
.stat_general{ width: px; height: 86px; overflow:auto; font-size: 9px; line-height: 13px;
font-family: 'Roboto Condensed', sans-serif; font-size: 11px;}

.sousfofo {

padding-top: -15px; padding-bottom : 9px; text-align: left; height: 109px; width:150px;
background: linear-gradient(.25turn, #56488d, 50%, #604fa3);
border-radius: 2px; -webkit-border-radius: 2px;margin-left: -4px; /*border:1px solid #eae6e2;*/}
.sousfofo a { overflow: x;
color: #393860; width: 142px!important; display:inline-block; border-collapse: separate; height : 8px;
font-family: Arial; background-color: #c848f0; line-height: 12px; padding: 2px; margin-left: 2px; margin-right: 2px; margin-bottom: 2px;
margin-top: 1px; -webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
font-size: 8px; text-transform : lowercase; }

.sousfofo a:hover {
color: #48e6fd;
font-family: Arial;
text-shadow: 0px 0px 2px solid #fff; font-size: 8px; text-transform : lowercase; }

.forumutitre { padding-top: -50px!important;}
.forumtitre a { color: #f041f2; font-size: 14px; font-family: Dorsa; letter-spacing: 2px;
text-transform: uppercase; text-shadow: 0 1px 0 #fff; padding-top: -20px!important;
-webkit-transition-property:color letter-spacing; -webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in; font-weight: bold;
/* Bientôt supporté par Firefox */
-moz-transition-property:color letter-spacing; -moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in;
/* … et lorsque ce sera standardisé */ margin-left: 100px;
transition-property:color letter-spacing; transition-duration:0.5s; transition-timing-function:ease-in;}

.forumtitre a:hover {color:#41f2e3 !important; letter-spacing: 2px;}
.stat1 {font-size: 8px; font-family: Tahoma; letter-spacing: 0px; color:#000; height : 10px; background-color: #48effe;
text-transform: uppercase; text-align: center; }
.forumdesc1 {text-align: center; font-size: 10px; padding-top: 15px; }
.image_cate {margin-top: 20px;}

/********************* FIN DES CODES CATEGORIES ********************************/

/* QEEL */
.QEEL {
margin:auto; width:800px; font-family:Arial;
}
/* TITRE QEEL */
.tleQEEL {
margin:5px auto; width:800px;
text-transform:uppercase; text-align:right;
}
.tleQEEL a{
font-size:14px; font-family:Arial; color:#191919; /* MODIFIABLE */
}
/* BLOC STATISTIQUES QEEL */
#stsQEEL {
display:inline-block; vertical-align:top; width:230px;
background:#7982c6; /* MODIFIABLE */
}
/* STATISTIQUES QEEL */
.stsQEEL {
margin:auto;
width:160px; height:130px; padding:165px 10px 0 10px;
background:#E8E7E9; color:black; /* MODIFIABLE */
text-align:center; font-size:11px;
}
/* IMAGES GROUPES QEEL */
.contenu_onglet img {
position:absolute; z-index:3; margin-left:-193px; margin-top:-33px;
width:135px; height:135px; border-radius:135px; border:5px solid;
border-color:rgba(0,0,0,0.3); /* MODIFIABLE */
}
/* INTITULES STATISTIQUES QEEL */
.stsQEEL div {
margin:5px 0; padding-bottom:2px;
text-transform:uppercase; text-align:right;
border-bottom:1px solid black; color:black; /* MODIFIABLE */
}
/* BLOC GROUPES / MEMBRES EN LIGNE / 24H QEEL */
.blocQEEL {
display:inline-block; vertical-align:top; width:570px;
}
/* BLOC CARRES COLORES GROUPES QEEL */
.GQEEL {
width:570px; padding:10px 0; text-align:center;
background:#7982c6; /* MODIFIABLE */
}
/* CARRES COLORES QEEL */
.onglet {
display:inline-block; margin:0 10px; padding:10px;
opacity:0.5; transition:all 0.45s linear; -webkit-transition:all 0.45s linear;
}
/* SURVOL CARRE COLORE QEEL */
.onglet_1 {
opacity:1;
}
/* DESCRIPTIFS GROUPES QEEL */
.blocGQEEL {
display:inline-block; vertical-align:top;
background:#DDDDDD; color:black; /* MODIFIABLE */
width:320px; height:100px; padding:5px; overflow:auto;
font-size:10px; text-align:justify;
}
.contenu_onglet {
display:none;
}
/* NOMS GROUPES QEEL */
.contenu_onglet div{
position:absolute; z-index:2; margin-left:325px; margin-top:-5px;
width:240px; height:75px; padding-top:35px;
text-align:center; font-size:22px; font-family:Impact; text-transform:uppercase; letter-spacing:1px;
color:white; text-shadow:1px 1px 0 rgba(0,0,0,0.2); /* MODIFIABLE */
}
/* BLOC MEMBRES EN LIGNE / 24H QEEL */
#ondayQEEL {
width:570px; padding:10px 0;
background:#7982c6; /* MODIFIABLE */
}
/* MEMBRES CONNECTES QEEL */
.onlineQEEL {
display:inline-block; vertical-align:top; margin:5px 10px 0 0;
width:255px; height:105px; padding:5px; overflow:auto;
background:#E8E7E9; color:black; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
/* 24H QEEL */
.dayQEEL {
display:inline-block; vertical-align:top; margin:5px;
width:265px; height:105px; padding:5px; overflow:hidden;
background:#E8E7E9; /* MODIFIABLE */
font-size:10px; text-align:justify;
}
.dayQEEL:hover {
overflow:auto;
}
.dayQEEL .row1 {
padding:0; background:none;
}
/* COULEUR TEXTE 24H QEEL */
.dayQEEL .row1 .gensmall {
font-family:Arial;
color:black; /* MODIFIABLE */
}
/* --- FIN QEEL ----*/

*===================================================
LISTE SUJET - BY BATTY
===================================================*/
.battysujet_sujet{
font-size: 16px;
color:#ad0707!important;
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
font-weight:normal;
}

.battysujet_image{
display:inline-block;
background-color: #dbd7d9;
width: 60px;
height:60px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-right: -4px;
overflow:hidden;
}

.battysujet_description{
position:relative;
display: inline-block;
font-size: 12px;
background-color: #8592db;
width: 490px;
height:50px;
padding:5px;
margin-top: 5px;
margin-bottom: 5px;
text-align:justify;
overflow:hidden;
}

.battysujet_etiquette{
position:absolute;
right: 5px;
bottom:5px;
}

.battysujet_dernier{
display: inline-block;
font-size: 12px;
background-color: #8592db;
width: 200px;
height:50px;
padding:5px;
margin: 5px;
text-align:center;
overflow:hidden;
}

battysujet_type{
text-transform:uppercase;
color:#282828;
}

.repetcurieux{
font-size: 12px;
color:#000;
font-family: 'Arial';
font-weight: normal;
}

.titresujet{
font-size: 12px;
font-weight: bold!important;
color:#b42e73!important;
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
text-decoration: none !important;
font-weight:normal;
}

.titresujet:hover{
color: #fff!important;
}

.lastpost-avatar img {
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 75px;
width: 45px;
}

.battycat_copyright{
display: block;
width:auto;
font-size: 10px;
font-family: Arial;
color:#3e4c43;
text-align:right;
padding: 5px 10px;
}

.battycat_copyright a{
color:#3e4c43;
text-decoration: none !important;
text-transform:uppercase;
}

/*===================================================
LISTE SUJET - END
===================================================*/

/* PRESENTATION DU SUJET */
/* BLOC TITRE SUJET */
#tlePOST{
margin:5px auto; padding:10px;
background:#b548ea; /* MODIFIABLE */
text-transform:uppercase; text-align:right;
}
/* NOUVEAU & REPONDRE */
.btnPOST {
float:left;
}
/* TITRE SUJET */
#tlePOST h1 {
line-height:34px; font-size:32px; font-family:Arial;
color:#DEDEDE; /* MODIFIABLE */
}
/* NAVIGATION */
.navPOST {
display:block; margin-top:5px; padding:1%; font-size:10px; font-family:Arial;
background:rgba(255,255,255,0.5); color:black; /* MODIFIABLE */
}
/* LIENS NAVIGATION */
.navPOST a {
color:black !important; /* MODIFIABLE */
}
/* DATE SUJET */
.datePOST {
display:inline-block; vertical-align:middle;
padding:5px 0; font-size:11px; text-transform:uppercase;
color:black; /* MODIFIABLE */
}
/* CITER / EDITER / SUPPRIMER / IP */
.toolsPOST {
display:inline-block; vertical-align:middle; margin-left:15px;
}
/* MESSAGE & BLOC JOUEUR */
.mainPOST {
margin:20px auto 0;
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#4860a9; /* MODIFIABLE */
}
/* APPARENCE MESSAGE */
.PPOST {
width:71%; padding:1%; text-align:justify; font-size:11px;
color:black; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES APPARENCE MESSAGE */
.PPOST img{
max-width:100%;
}
/* TRIANGLE GAUCHE */
.triIPOST {
position:absolute; margin-left:-10px; margin-top:-20px;
width:0; height:0; border-style:solid; border-width:0 0 20px 10px; border-color:transparent;
border-bottom-color:#3c68a4; /* MODIFIABLE */
}
/* BANDE PSEUDONYME / RANG / INFORMATIONS */
#boxPOST {
width:220px;
background:#4885d7; /* MODIFIABLE */
}
/* BLOC PSEUDONYME / RANG / INFORMATIONS */
.boxPOST {
margin-top:-20px;
width:200px; padding:10px; text-align:center;
background:#4885d7; /* MODIFIABLE */
}
/* TRIANGLE DROITE */
.triIIPOST {
position:absolute; margin-top:-20px; margin-left:220px;
width:0; height:0; border-style:solid; border-width:20px 0 0 10px; border-color:transparent;
border-left-color:#3c68a4; /* MODIFIABLE */
}
/* PSEUDONYME */
.namePOST {
text-transform:uppercase; font-size:32px; font-family:Arial;
background:white; /* MODIFIABLE */
}
/* TEXTE RANG */
.rankPOST {
position:absolute; z-index:3; margin:10px;
width:160px; padding:10px;
background:black; color:white; /* MODIFIABLE */
text-transform:uppercase; font-size:11px; font-family:Arial;
opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover .rankPOST {
opacity:1; transform:scale(1); -webkit-transform:scale(1);
}
/* AVATAR */
.avaPOST {
margin:10px auto;
}
.avaPOST img{
transition:all 1s ease; -webkit-transition:all 1s ease;
}
.avaPOST:hover img{
opacity:0.5; filter:grayscale(1); -webkit-filter:grayscale(1);
}
/* INFORMATIONS JOUEUR */
.abtPOST div{
margin-bottom:5px; padding:5px;
text-align:justify; font-family:Arial; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
/* INTITULES INFORMATIONS JOUEUR */
.abtPOST span{
text-transform:uppercase; font-weight:bold; /* MODIFIABLE */
}
/* LARGEUR MAXIMALE IMAGES INFORMATIONS JOUEUR */
.abtPOST img{
max-width:100%;
}
/* FEUILLE DE PERSONNAGE */
.rpgPOST{
padding:5px; text-align:justify; font-size:11px;
background:rgba(255,255,255,0.4); color:black; /* MODIFIABLE */
}
.rpgPOST br:nth-of-type(1) {
display:none;
}
/* IMAGES CONTACT JOUEUR */
.ktactPOST {
margin-top:10px;
}
/* IMAGE RANG */
.imgrankPOST img{
margin:auto; max-width:100%;
}
/* ESPACE DROITE */
.blankPOST {
width:5%;
}
/* BLOC SIGNATURE */
.signPOST {
margin:10px auto 0; padding:10px; font-size:11px; text-align:justify;
box-shadow:0 0 5px rgba(0,0,0,0.2); background:#4860a9; color:black; /* MODIFIABLE */
}
.signPOST br:nth-of-type(1) {
display:none;
}
.signPOST br:nth-of-type(2) {
display:none;
}

/* ----------------------- BARRE NAVIGATION ---------------------------------*/
/* ---- Barre navigation ---*/
#navigation
{
position: fixed;
z-index: 999;
height: 30px;
width: 100%;
margin-left: -8px;
}
#navig
{
width: 100%;
margin: auto;
text-align: center;
background: #8197c9;
border-bottom: 2px solid #48f0fe;
padding-bottom: 3px;
text-transform: uppercase;
}
#navig a
{
color: #486fe7;
}

#navig a:hover{
color: #d148e8;
}
/* ----- FIN NAVIGATION --*/

/***********************************
*** GENERAL ***
**********************************/
body {
position: relative;
overflow-x: hidden;
}
/***********************************
*** SIDEBAR ***
**********************************/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900');
body {
position: relative;
overflow-x: hidden;
}
#sidebar {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 300px;
background: #486ce1;
box-sizing: border-box;
padding: 40px;
font-family: 'Source Sans Pro', sans-serif;
z-index: 999;
margin-top: 20px;
}
#sidebar.medium {
width: 250px;
padding: 30px;
}
#sidebar.right {
right: 0;
left: initial !important;
}
#sidebar.right #sidebar-trigger {
left: 10px;
right: initial !important;
}
#sidebar.right.medium {
padding: 30px 10px 30px 40px;
}
#sidebar a, #sidebar a:hover, #sidebar a:active {
text-decoration: none!important;
}
#sidebar a,#sidebar a:hover,#sidebar a:active {
text-decoration: none;
}
#sidebar a {
color: #f5f5f5;
outline: none;
transition: color 0.3s ease-in;
}
#sidebar a:hover {
color: #808080 !important;
}
#sidebar-trigger {
position: absolute;
right: 10px;
top: 15px;
display: block;
height: 21px;
width: 25px;
}
#sidebar-trigger span {
display: block;
width: 25px;
height: 3px;
border-radius: 8px;
background: #f2f2f2;
position: relative;
margin-top: 8px;
}
#sidebar-trigger span:after,#sidebar-trigger span:before {
content:"";
width: 25px;
height: 3px;
border-radius: 8px;
background: #f2f2f2;
position: absolute;
transition: all 0.2s;
}
#sidebar-trigger span:after {
margin-top: 8px;
}
#sidebar-trigger.active span:after {
transform: rotate(-45deg);
margin-top: 0px;
}
#sidebar-trigger span:before {
margin-top: -8px;
}
#sidebar-trigger.active span:before {
transform: rotate(45deg);
margin-top: 0px;
}
#sidebar-trigger.active span {
background-color: transparent;
transition: all 0.2s;
}
#sidebar h2 {
color: #ed69ff;
text-transform: uppercase;
margin: 0 0 20px;
font-weight: normal;
font-size: 15px;
letter-spacing: 1px;
position: relative;
}
#sidebar h2:after {
content: "";
height: 2px;
width: 20px;
position: absolute;
left: 0;
bottom: -7px;
background: #ed69ff;
}
#sidebar .sidebar-txt {
color: #fadafe;
text-align: justify;
font-size: 11px;
position: relative;
}
#sidebar .sidebar-txt.contexte {
margin-bottom: 40px;
}
#sidebar .sidebar-txt.contexte:after {
content: "";
height: 1px;
width: 100px;
position: absolute;
left: 0;
bottom: -20px;
background: #ed69ff;
}
#sidebar.medium .sidebar-txt.contexte {
margin-right: 10px;
}
#sidebar .title {
text-transform: uppercase;
letter-spacing: 2px;
color: #ed69ff;
margin-bottom: 15px;
font-size: 11px;
}
#sidebar .sidebar-block {
margin-bottom: 20px;
}
#sidebar ul {
padding: 0;
list-style-type: none;
}

#sidebar #liens a{
color: #f5f5f5;
font-size: 10px;
outline: none;
line-height: 1.9;
transition: color 0.3s ease-in;
display: inline-block;
background: #489fde;
padding: 0 10px;
font-size: 10px;
letter-spacing: 1px;
margin-right: 4px;
margin-bottom: 4px;
}
#sidebar ul li a:hover {
color: #808080 !important;
}
#sidebar #partenaires a {
display: inline-block;
padding: 3px;
height: 50px;
border: 1px solid #ccc;
margin: 0 5px 7px 0;
}
#sidebar.medium #partenaires a {
margin: 0 2px 5px 0;
}
#sidebar #staff .staff-info {
position: relative;
overflow: hidden;
height: 50px;
margin-bottom: 6px;
}
#sidebar.medium #staff .staff-info {
height: 50px;
width: 190px;
}
#sidebar #staff .staff-info img {
height: 50px;
width: 220px;
}
#sidebar.medium #staff .staff-info img {
height: 50px;
width: 190px;
}
#sidebar #staff .staff-info .staff-tooltip {
background: #a8a8a8;
color: #4d4d4d;
height: 100%;
width: 100%;
position: absolute;
top: 100%;
left: 0;
text-align: center;
font-size: 10px;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in-out;
}
#sidebar #staff .staff-info:hover .staff-tooltip {
top: 0;
opacity: 1;
visibility: visible;
}
#sidebar #staff .staff-tooltip h3 {
text-transform: uppercase;
margin: 10px 0 0;
font-size: 12px;
letter-spacing: 1px;
}
#sidebar #top-site div {
width: 20%;
display: inline-block;
text-align: center;
}
#sidebar #top-site div a:before {
content: "";
background: #489fde;
height: 20px;
width: 20px;
position: absolute;
transform: rotate(45deg);
transition: all 0.4s;
}
#sidebar #top-site div a:hover:before {
background: #ed69ff;
}

/* LISTE MEMBRE */

/* AFFICHAGE LISTE DES MEMBRES */
/* BLOC ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
.tleLMBER {
margin:0 auto 10px; width:650px;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* TITRE ENTÊTE */
.tleLMBER th {
margin-bottom:5px; padding:5px 0;
text-transform:uppercase; font-family:Arial; font-size:16px;
background:black; color:white; /* MODIFIABLE */
}
/* BLOC LISTE DES MEMBRES */
#LMBER {
margin:auto; width:660px;
}
/* BLOC MEMBRE */
#MBER {
float:left; margin:0 5px 10px;
width:200px; height:360px; padding:5px 5px 0; font-family:Arial;
background:rgba(255,255,255,0.5); /* MODIFIABLE */
}
/* PSEUDONYME */
.nameLMBER{
width:200px; height:15px; padding-bottom:5px;
text-align:center; text-transform:uppercase;
}
/* AVATAR */
.imgLMBER img{
width:200px; height:320px;
}
.imgLMBER div {
position:relative; margin-top:-320px;
width:200px; height:320px; overflow:hidden;
}
/* BLOC MESSAGES / INSCRIPTION / DERNIERE VISITE / INFORMATION */
.imgLMBER div div{
width:180px; height:300px; padding:10px; overflow:auto;
background:rgba(255,255,255,0.8); color:black; /* MODIFIABLE */
font-size:11px; text-align:justify;
transform:translateY(640px); -webkit-transform:translateY(640px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#MBER:hover .imgLMBER div div{
transform:translateY(320px); -webkit-transform:translateY(320px);
}
/* IMAGES MP * WWW */
.btnLMBER {
position:relative; z-index:3; margin:-10px auto 0;
}
.btnLMBER img {
height:20px;
}

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:50

PA

Code:: <link href="https://fonts.googleapis.com/css?family=Francois+One" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet" /> <style type="text/css">
#wrapper{
width: 788px;
height: 471px;
position: relative;
}

.PA_liens_rapide{
position:absolute;
width:788px;
height:40px;
background: #489deb;
text-align:center;
font-family: 'Francois One', sans-serif;
font-size: 18px;
text-transform: uppercase;
padding-top: 10px;
}

.PA_forme_lien{
color:#2f4590;
text-decoration: none;
}

.PA_forme_lien:hover{
color:#bb48f0!important;
}

.PA_image_gauche{
position:absolute;
top:50px;
left:0px;
background-image: url("https://2img.net/r/hpimg15/pics/504941PAimagegauche.png");
width:150px;
height:250px;
}

.PA_contexte{
position: absolute;
top:50px;
left:150px;
width:258px;
height:220px;
background: #48549f;
padding:15px;
text-align: justify;
font-size: 10px;
}

.PA_staff{
position: absolute;
top:50px;
right:0px;
width:350px;
height:168px;
background: #4887e6;
}

.mb_mois_forme{
font-family: 'Francois One', sans-serif;
font-size:18px;
text-transform: uppercase;
color:#1d1d1d;
}

.PA_image_droite{
position: absolute;
top:218px;
right:0px;
width:350px;
height:82px;
background:#000;
background-image: url("https://2img.net/r/hpimg15/pics/997569imagedroite.png");
}

.PA_image_centre{
position: absolute;
left:381px;
top: 300px;
width:74px;
height: 176px;
background-image: url("https://2img.net/r/hpimg15/pics/499200imagecentre.png");
}

.PA_stat{
position: absolute;
left:0px;
top: 300px;
width:361px;
height: 156px;
background: #6752d4;
padding:10px;
}

.PA_credit{
position: absolute;
right:0px;
top: 406px;
width:333px;
height: 70px;
background: #8e48d7;
}

.PA_credit p{
text-align: justify;
font-size: 12px;
font-family: 'Open Sans Condensed', sans-serif;
padding-left:10px;
padding-right: 10px;
}

.PA_scenario{
position: absolute;
right:0px;
top: 300px;
width:313px;
height: 87px;
background: #5e489c;
padding:10px;
}

.pv_image{
width:50px;
margin-top:6px;
}

.PA_image_bas_droite{
position: absolute;
right:126px;
top: 476px;
width:62px;
height: 107px;
background-image: url("https://2img.net/r/hpimg15/pics/497525petiteimagedroitebas.png");
}
</style>
<div id="wrapper">


<div class="PA_liens_rapide">
      <a href="http://swordfofdestiny.forumactif.com/t30-le-reglement" classe="PA_forme_lien">Réglement</a> - <a href="http://swordfofdestiny.forumactif.com/t33-les-groupes" classe="PA_forme_lien">Groupes</a> - <a href="http://swordfofdestiny.forumactif.com/t46-bottin-des-avatars" classe="PA_forme_lien">Bottin</a> - <a href="http://swordfofdestiny.forumactif.com/t32-explications-supplementaires" classe="PA_forme_lien">Annexes</a> - <a href="http://swordfofdestiny.forumactif.com/f60-scenarios" classe="PA_forme_lien">Scénarios</a> - <a href="http://swordfofdestiny.forumactif.com/t38-demande-de-partenariat" classe="PA_forme_lien">Partenariat</a> - <a href="http://swordfofdestiny.forumactif.com/t39-nos-partenaires" classe="PA_forme_lien">Nos partenaires</a> - <a href="http://swordfofdestiny.forumactif.com/f58-coin-des-invites" classe="PA_forme_lien">Invités</a>
</div>


<div class="PA_image_gauche">

</div>


<div class="PA_contexte">

   <div>
         <em>Le monde a tremblé ... Du sang a coulé et finalement, même si Lucifer a été vaincu par Castiel, des choses encore plus terribles attendent les humains. Une guerre se profile, et surtout, il n'y a pas un camp à battre mais plusieurs ! En effet, les démons comptent bien honorer Lucifer même s'il n'est plus. Mais les monstres aussi se réveillent et à leur tête Léorick, le Premier Fils. Et puis, il y a ces créatures nées du Bien et du Mal, créées en Castiel : les Auravores. Croyez moi, personne ne vous veut du bien en ces temps qui courent ! [...]</em><br /><br />
      <center>
            <a href="http://oo-supernatural-oo.forumactif.org/t10301-saison-5-intrigue-n06">En savoir plus</a>
      </center>

   </div>

</div>


<div class="PA_staff">
      <iframe align="justify" frameborder="0" name="iframe" src="https://testgraphnono.forumperso.com/h1-staff-pa" style="width: 350px; height: 168px;"> </iframe>
</div>


<div class="PA_image_droite">

</div>


<div class="PA_image_centre">

</div>


<div class="PA_stat">

   <div class="mb_mois_forme">
         Nos membres du mois
   </div>
      <iframe align="justify" frameborder="0" style="width: 350px; height:190px; margin-top: -10px;" src="https://testgraphnono.forumperso.com/h2-top-membres" name="iframe"> </iframe>
</div>


<div class="PA_credit">

   <p>
         Le forum à ouvert le 18/01/2017, crée par Ran94, Nono & Pixelle. Le contexte inspiré des jeux vidéos Assassin’s Creed. Design & codage réalisé par Nono grâce aux tutoriel de Never Utopia, Pub RPG Design, CSS Actif, CC Crush.
   </p>

</div>


<div class="PA_scenario">

   <div class="mb_mois_forme">
         Nous avons besoin d'eux
   </div>

    <a href="http://swordfofdestiny.forumactif.com/t68-f-bryce-dallas-howard-fiancee"><img class="pv_image" src="https://2img.net/r/hpimg11/pics/651442000ghza0.png" /></a> <a href="http://swordfofdestiny.forumactif.com/t61-f-margot-robbie-le-chat-et-la-souris"><img class="pv_image" src="https://2img.net/r/hpimg11/pics/80394415787929.png" /></a> <a href="http://swordfofdestiny.forumactif.com/t78-m-brett-dalton-orgueil-et-prejuges"><img class="pv_image" src="https://31.media.tumblr.com/45f0b0de630e8397e8d07857c33a8ca6/tumblr_inline_n8j1ssau101rsud01.png" /></a> <a href="#"><img class="pv_image" src="https://i.imgur.com/HC2B1.png" /></a> <a href="#"><img class="pv_image" src="https://i.imgur.com/nOOAo.png" /></a>
</div>


</div>

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:50

top membre

Code:: <br /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Indie+Flower" /><link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" /><style type="text/css">
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

.onglet
{
display:inline-block;

cursor:pointer;
}

.onglet_0
{
background:transparent;
}

.onglet_1
{
background:transparent;
padding-bottom:4px;
}

.contenu_onglet
{
background-color: #fff;
margin-top:-1px;
width: 300px;
height: 35px;

display:none;

text-align: justify;
font-size: 10px;
font-family: sans-serif;
color: #4e4a56;

}
</style> <script type="text/javascript">
   //
   </script>
<div class="systeme_onglets">

<div align="center" class="onglets">
      <span onmouseover="javascript:change_onglet('NomOnglet1');" id="onglet_NomOnglet1" class="onglet_0 onglet"><img border="0" alt="" src="https://2img.net/image.noelshack.com/fichiers/2019/05/7/1549199946-ariel.jpg" style="border-radius : 180px; height : 65px;" /></span> <span onmouseover="javascript:change_onglet('NomOnglet2');" id="onglet_NomOnglet2" class="onglet_0 onglet"><img border="0" alt="" src="https://2img.net/image.noelshack.com/fichiers/2019/05/7/1549199946-ethan.jpg" style="border-radius : 180px; height : 65px;" /></span> <span onmouseover="javascript:change_onglet('NomOnglet3');" id="onglet_NomOnglet3" class="onglet_0 onglet"><img border="0" alt="" src="https://2img.net/image.noelshack.com/fichiers/2019/05/7/1549199946-dean.jpg" style="height : 65px; border-radius : 180px;" /></span>
</div>

<div align="center" class="contenu_onglets">

   <div id="contenu_onglet_NomOnglet1" class="contenu_onglet">

      <center>
            <span style="font-size: 18px; line-height: normal"><span style="font-family: Courier New;"><span style="color : black;">Ariel</span></span></span><br /><span>Pour son omniprésence depuis des années, merci ♥️</span>
      </center>

   </div>

   <div id="contenu_onglet_NomOnglet2" class="contenu_onglet">

      <center>
            <span style="font-size: 18px; line-height: normal"><span style="font-family: Courier New;"><span style="color: black;">Ethan</span></span></span><br /><span>Démarrage parfait avec ce nouveau perso ! </span>
      </center>

   </div>

   <div id="contenu_onglet_NomOnglet3" class="contenu_onglet">

      <center>
            <span style="font-size: 18px; line-height: normal"><span style="font-family: Courier New;"><span style="color :black;">Dean</span></span></span><br /><span>Pour ses 8 ans sur le forum, a nous charmer avec ses persos</span>
      </center>

   </div>

</div>
</div>
<script type="text/javascript">
//
</script>

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:50

staff pa

Code:: <br /><style type="text/css">
a:hover{text-decoration: none !important;}
a{text-decoration: none !important;}

.onglet
{
display:inline-block;

cursor:pointer;
}

.onglet_0
{
background:transparent;
}

.onglet_1
{
background:transparent;
padding-bottom:4px;
}

.contenu_onglet
{
background-color: transparent;
margin-top:-1px;

display:none;

text-align: justify;
font-size: 12px;
font-family: sans-serif;

}

.name_admin{
font-size: 15px;
line-height: normal;
font-family: 'Francois One', sans-serif;
text-transform: uppercase;
color : #39286e;
}

.role_admin{
color: #b3b7dd;
font-family: 'Open Sans Condensed', sans-serif;
font-size:10px;
}
</style> <script type="text/javascript">
//
</script>
<div class="systeme_onglets">

<div align="center" class="onglets">
      <span class="onglet_0 onglet" id="onglet_NomOnglet1" onmouseover="javascript:change_onglet('NomOnglet1');"><img border="0" style="width: 60px; border-radius : 180px;" src="https://66.media.tumblr.com/6b53e9213e5ab2aabccabf64c895e1b8/tumblr_ox1nbmQPXl1thvacco1_250.gif" alt="" /></span> <span class="onglet_0 onglet" id="onglet_NomOnglet2" onmouseover="javascript:change_onglet('NomOnglet2');"><img border="0" style="width: 60px; border-radius : 180px;" src="https://66.media.tumblr.com/6b53e9213e5ab2aabccabf64c895e1b8/tumblr_ox1nbmQPXl1thvacco1_250.gif" alt="" /></span> <span onmouseover="javascript:change_onglet('NomOnglet3');" id="onglet_NomOnglet3" class="onglet_0 onglet"><img border="0" alt="" src="https://66.media.tumblr.com/6b53e9213e5ab2aabccabf64c895e1b8/tumblr_ox1nbmQPXl1thvacco1_250.gif" style="width: 60px; border-radius : 180px;" /></span> <span onmouseover="javascript:change_onglet('NomOnglet4');" id="onglet_NomOnglet4" class="onglet_0 onglet"><img border="0" alt="" src="https://66.media.tumblr.com/6b53e9213e5ab2aabccabf64c895e1b8/tumblr_ox1nbmQPXl1thvacco1_250.gif" style="width: 60px; border-radius : 180px;" /></span><span onmouseover="javascript:change_onglet('NomOnglet5');" id="onglet_NomOnglet5" class="onglet_0 onglet"><img border="0" alt="" src="https://66.media.tumblr.com/6b53e9213e5ab2aabccabf64c895e1b8/tumblr_ox1nbmQPXl1thvacco1_250.gif" style="width: 60px; border-radius : 180px;" /></span>
</div>

<div align="center" class="contenu_onglets">

   <div class="contenu_onglet" id="contenu_onglet_NomOnglet1">

      <center>
            <span class="name_admin">Alix Spencer</span><br /><span class="role_admin">Fondatrice<br /><span class="role_admin">DC : Seth Cole & Tara Reeds</span><br /><a class="role_admin" href="http://swordfofdestiny.forumactif.com/u3" target="_blank"><span style="color: #f39dff;">Son profil</span> </a> / <a class="role_admin" href="http://oo-supernatural-oo.forumactif.org/u1" target="_blank"><span style="color: #f39dff;">MP</span> </a></span>
      </center>

   </div>

   <div class="contenu_onglet" id="contenu_onglet_NomOnglet2">

      <center>
            <span class="name_admin">Dean Winchester</span><br /><span class="role_admin">Admin, Designer & codeur<br /><span class="role_admin">DC : Soran G. Kenway & Astaroth</span><br /><a target="_blank" href="http://oo-supernatural-oo.forumactif.org/u9" class="role_admin"><span style="color: #f39dff;">Son profil</span> </a> / <a target="_blank" href="http://oo-supernatural-oo.forumactif.org/privmsg?mode=post&u=9" class="role_admin"><span style="color: #f39dff;">MP</span></a></span>
      </center>

   </div>

   <div id="contenu_onglet_NomOnglet3" class="contenu_onglet">

      <center>
            <span class="name_admin">Mary</span><br /><span class="role_admin">Admin<br /><span class="role_admin">DC : Ariel, Isatys & Saeko</span><br /><a target="_blank" href="http://oo-supernatural-oo.forumactif.org/u63" class="role_admin"><span style="color: #f39dff;">Son profil</span> </a> / <a target="_blank" href="http://oo-supernatural-oo.forumactif.org/privmsg?mode=post&u=63" class="role_admin"><span style="color: #f39dff;">MP</span></a></span>
      </center>

   </div>

   <div id="contenu_onglet_NomOnglet4" class="contenu_onglet">

      <center>
            <span class="name_admin">Calli Burckhart</span><br /><span class="role_admin">Moderatrice<br /><span class="role_admin">DC : aucun</span><br /><a target="_blank" href="http://oo-supernatural-oo.forumactif.org/u450" class="role_admin"><span style="color: #f39dff;">Son profil</span> </a> / <a target="_blank" href="http://oo-supernatural-oo.forumactif.org/privmsg?mode=post&u=450" class="role_admin"><span style="color: #f39dff;">MP</span></a></span>
      </center>

   </div>

   <div id="contenu_onglet_NomOnglet5" class="contenu_onglet">

      <center>
            <span class="name_admin">George Wilde</span><br /><span class="role_admin">Moderatrice<br /><span class="role_admin">DC : Lucy Keynes & Caym & Haziel</span><br /><a target="_blank" href="http://oo-supernatural-oo.forumactif.org/u316" class="role_admin"><span style="color: #f39dff;">Son profil</span> </a> / <a target="_blank" href="http://oo-supernatural-oo.forumactif.org/privmsg?mode=post&u=316" class="role_admin"><span style="color: #f39dff;">MP</span></a></span>
      </center>

   </div>

</div>
   <script type="text/javascript">
//
</script>
</div>

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:51

sidebar

Code:: $(document).ready(function () {
$("#sidebar-trigger").addClass('active');
$("#sidebar-trigger").click( function(e){
e.preventDefault();
if ($(this).hasClass("active")) {
if ($('#sidebar').hasClass("right")) {
if ($('#sidebar').hasClass("medium")) {
$('#sidebar').animate({ right: '-210' }, 500);
} else {
$('#sidebar').animate({ right: '-260' }, 500);
}
} else {
if ($('#sidebar').hasClass("medium")) {
$('#sidebar').animate({ left: '-210' }, 500);
} else {
$('#sidebar').animate({ left: '-260' }, 500);
}
}
$(this).removeClass("active");
} else {
if ($('#sidebar').hasClass("right")) {
$('#sidebar').animate({ right: '0' }, 500);
} else {
$('#sidebar').animate({ left: '0' }, 500);
}
$(this).addClass("active");
}
return false;
});
});

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:51

bann aléatoire

Code:: $(function(){

var banner = new Array();

banner[0] = "https://2img.net/image.noelshack.com/fichiers/2019/08/4/1550765902-bann-vsynthwave.png";
banner[1] = "https://2img.net/image.noelshack.com/fichiers/2018/48/7/1543780450-bann-nina-kj.png";

$("#pun-logo img,#i_logo,#logo img").attr('src', banner[Math.floor(Math.random()*banner.length)]);
});

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:51

index body

Code:: {JAVASCRIPT}

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

<tr>
   <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
</tr>


<tr>
   <td class="row1" rowspan="3" align="center" valign="middle">
   <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
   </td>
</tr>

</table>



<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>


<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</td>


</tr>
</table>
</form>


{CHATBOX_TOP}
{BOARD_INDEX}
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
   <td width="50%" valign="top">
      
      <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
      
      
      <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
      
   </td>
   <td width="50%" align="right">
      <span class="gensmall">
         <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
         <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
         <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
         
            
            <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
            
         
      </span>
   </td>
</tr>
</table>


<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
<tr>
<td width="50%" valign="top" align="right" class="row1">

<table>
<tr>
<td><span class="genmed">{L_USERNAME}:</span> </td>
<td><input class="post" type="text" size="10" name="username"/> </td>
<td>
<input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
<span class="gensmall">{L_AUTO_LOGIN}</span>
</td>
</tr>

<tr>
<td><span class="genmed">{L_PASSWORD}:</span> </td>
<td><input class="post" type="password" size="10" name="password"/> </td>
<td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
</tr>
</table>
</td>


<td width="10%" align="center" valign="middle" class="row1">
<span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
</td>
<td width="40%" class="align_gauche row1">
<div class="social_btn">

<div class="fb-login-button"></div>


<div class="ti-connect"></div>

</div>
</td>


</tr>
</table>
</form>



<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td><div class="QEEL"><div class="tleQEEL"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><span id="TLUS">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('TLUS').innerHTML=document.getElementById('TLUS').innerHTML.replace(/Il y a en tout/,"");</script></a></div><div id="stsQEEL"><div class="stsQEEL"><div>Dernier inscrit :</div><span id="nUSER">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('nUSER').innerHTML=document.getElementById('nUSER').innerHTML.replace(/L'utilisateur enregistré le plus récent est /," ")</script><br/><div>Membres :</div><span id="tUSERS">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('tUSERS').innerHTML=document.getElementById('tUSERS').innerHTML.replace(/Nous avons /," ") .replace(/membres enregistrés/," ") .replace(/membre enregistré/," ");</script><br/><div>Messages :</div><span id="tPOSTS">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('tPOSTS').innerHTML=document.getElementById('tPOSTS').innerHTML.replace(/Nos membres ont posté un total de /," ") .replace(/messages/," ");</script></div></div>

<div class="blocQEEL"><div class="GQEEL"><div class="onglets">
<span class="onglet_0 onglet" id="onglet_angellucifer" onmouseover="javascript:change_onglet('angellucifer');" style="background:#E38603;"></span>
<span class="onglet_0 onglet" id="onglet_hunter" onmouseover="javascript:change_onglet('hunter');" style="background:#408AC2;"></span>
<span class="onglet_0 onglet" id="onglet_demon" onmouseover="javascript:change_onglet('demon');" style="background:#943737;"></span>
<span class="onglet_0 onglet" id="onglet_humain" onmouseover="javascript:change_onglet('humain');" style="background:#8F6DA3;"></span>
<span class="onglet_0 onglet" id="onglet_lettre" onmouseover="javascript:change_onglet('lettre');" style="background:#756143;"></span>
<span class="onglet_0 onglet" id="onglet_monstre" onmouseover="javascript:change_onglet('monstre');" style="background:#42A163;"></span>
<span class="onglet_0 onglet" id="onglet_godangel" onmouseover="javascript:change_onglet('godangel');" style="background:#EBF063;"></span>
<span class="onglet_0 onglet" id="onglet_pnj" onmouseover="javascript:change_onglet('pnj');" style="background:#C2BEBE;"></span></div></div>

<div class="blocGQEEL"><script type="text/javascript" src="https://sd-1.archive-host.com/membres/up/211183412958130190/onglets.js"></script>

<div class="contenu_onglets">
 <div class="contenu_onglet" id="contenu_onglet_angellucifer"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#E38603;">Angel of Lucifer</div>Nous sommes arrivés sur terre à la demande de notre père car une affluence démoniaque inhabituelle avait été repérée. Et nous avons bien vite vu la déchéance de ce monde. Notre choix fut alors simple : Aider les démons à ouvrir la cage de notre frère déchu Lucifer. C'est maintenant chose faite, à notre plus grande joie.</div>
<div class="contenu_onglet" id="contenu_onglet_hunter"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#408AC2;">We fight the darkness</div>Pauvres misérables humains ... Certains se croient vraiment différents des autres et se permettent de s'immiscer dans un monde qui les dépasse. Les Chasseurs ! Oui voilà comment ils se nomment. Nous prennent-ils pour un vulgaire gibier ? Foutaise !!! Qu'ils prennent garde car le danger rode autour d'eux !</div>
<div class="contenu_onglet" id="contenu_onglet_demon"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#943737;">Demons only</div>Les démons qui souhaitent la Suprématie du Mal, par les démons uniquement. </div>
<div class="contenu_onglet" id="contenu_onglet_humain"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#8F6DA3;">We are the protected</div>Cours, cours espèce d'idiot ! Tu n'en restes pas moins un simple humain dont la faiblesse est légendaire. Hommes, femmes, enfants, tu n'en restes pas moins une proie que j'apprécie fortement.... Oui cours et caches toi car sinon le méchant loup te mangera ! Ces personnes n'ont pas désiré ou n'ont pas pu prendre part à la guerre.</div>
<div class="contenu_onglet" id="contenu_onglet_lettre"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#756143;">We are the Men of Letters</div>Il s'agit du groupe des hommes et femmes de lettres qui viennent d'arriver à Huntfield. Ils sont là pour deux principales raisons :La disparition de la boite de Pandore, et les sept pierres de pouvoirs et la destruction des Auravores qui causent la mort de nombreuses personnes à travers le monde.</div>
<div class="contenu_onglet" id="contenu_onglet_monstre"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#42A163;">We are monsters</div>Sous prétexte que nous ne ressemblons pas à un humain ou une chose normale on nous traite de monstre ! C'est la meilleure ! C'est pas parce que j'ai des poils partout et que je me transforme en loup que je vais jouer la peluche et fuir. C'est pas parce que je peux prendre l'apparence de n'importe qui que je vais me montrer gentil. On nous rejette, eh bien vous allez le regretter ...</div>
<div class="contenu_onglet" id="contenu_onglet_godangel"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#EBF063;">Angels of gods</div>Nous sommes arrivés sur terre à la demande de notre père car une affluence démoniaque inhabituelle avait été repérée. Notre mission est d'aider les Hommes à combattre l'enfer et depuis peu, Lucifer lui même !</div>
<div class="contenu_onglet" id="contenu_onglet_pnj"><img src="http://www.aht.li/2761071/135135.png" /><div style="background:#C2BEBE;">Les PNJs</div>J'ai beau intervenir un peu partout dans la vie du forum, en réalité je ne suis pas quelqu'un d'existant. Mon apparence se dévoile sous diverses forums et si tantôt vous me prenez pour quelqu'un, une autre fois je ressemblerai à un autre. Et oui, derrière mon visage se dissimulent en réalité les marionnettistes du forum.</div>

</div></div><div id="ondayQEEL"><div class="onlineQEEL"><table>{LOGGED_IN_USER_LIST}</table></div><div class="dayQEEL"><table>{L_CONNECTED_MEMBERS}</table></div></div>

<script type="text/javascript">
//
</script>

</div></div></td></tr></table>

{CHATBOX_BOTTOM}
<br clear="all" />

<table border="0" cellspacing="3" cellpadding="0" align="center">
<tr>
   <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NEW_POSTS}</span></td>
   <td></td>
   <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
   <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
   <td>  </td>
   <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
   <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
</tr>
</table>


{AUTO_DST}

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:52

index box

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">

<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>

<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">

<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />

<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>






<table class="modifcat" width="100%" border="0" cellspacing="0" cellpadding="0">
<div style="background-image : url(https://2img.net/image.noelshack.com/fichiers/2019/09/4/1551359882-cat-haut-4.png) ; background-repeat : no-repeat ; width : 800px ; height : 120px; margin-bottom: -2px;"><div class="catégoz" align="center">{catrow.tablehead.L_FORUM}</div>


<tr>



<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>


<td align="left" valign="top">

<table width="100%" cellpadding="0" cellspacing="0"><br />

<tr>

<td align="center" valign="top"> <div style="margin-left: 7px;"><div class="sousfofo">
<div><span id="subforums"> {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span></div>
<script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' <br />')).removeAttr('id');
</script></div></div> </td>

<td valign="top"><div style="margin-top: 17px; margin-left:4px;"><div class="statdescrip"> <table width="100"><tr><td width="70%"><div style="margin-top: -20px";><div class="forumtitre">
<a href="{catrow.forumrow.U_VIEWFORUM}"><center>{catrow.forumrow.FORUM_NAME}</center></a></div></div>
<span class="genmed"><div class="stat1">
Sujets {catrow.forumrow.TOPICS} | Messages {catrow.forumrow.POSTS}</div></span>
<div class="descrip_bloc1">
{catrow.forumrow.FORUM_DESC}</td><td <width="30%"></div>
</td></tr></table>

</div></div>
</td>
<td><div style="width: 10px;" align="top"></div>
 <div style="margin-left: -15px;"><span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
</div> </td><td valign="top">

</td>
<td valign="top"><div style="margin-top: 9px;"><div class="statistiques_cat">
<span class="genmed"><div class="forumdesc1">
{catrow.forumrow.LAST_POST} </div></span> <div class="image_cate">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
</div> </td>

</tr>

</table>
</td></tr>




<tr>

<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>

<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" /><img src="https://2img.net/image.noelshack.com/fichiers/2019/09/4/1551359974-image-bas2.png" style="margin-top: -6px; width:800px; height: 50px;"/>

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:52

member list

Code:: <form action="{S_MODE_ACTION}" method="get">
<table cellspacing="0" cellpadding="5" border="0" align="center" class="tleLMBER">
<tr>
<th nowrap="nowrap">{L_ORDER_OR_SELECT}</th>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0" border="0" align="center" class="genmed">
<tr>
<td width="100%" style="padding:5px 0;">{L_USER_SELECT} <input type="text" class="post" name="username" maxlength="25" size="20" value="{L_USER_SELECT_VALUE}" />
{L_SELECT_SORT_METHOD} {S_MODE_SELECT}
{L_ORDER} {S_ORDER_SELECT}
{S_HIDDEN_SID}
<input class="liteoption" type="submit" name="submit" value="{L_SUBMIT}" /></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr><td class="{memberrow.ROW_CLASS}" align="center">

<div id="LMBER"><div id="MBER"><div class="nameLMBER"><a class="gen" href="{memberrow.U_VIEWPROFILE}">{memberrow.USERNAME}</a></div>
<div class="imgLMBER">{memberrow.AVATAR_IMG}<div><div>{memberrow.POSTS} messages<br/><br/>inscrit le {memberrow.JOINED}<br/><br/>dernière visite : {memberrow.LASTVISIT}<br/><br/>{memberrow.INTERESTS}</span></div></div></div><div class="btnLMBER">{memberrow.PM_IMG} {memberrow.WWW_IMG}</div>

<span style="display:none;">{memberrow.GROUPS}</span>

</div></div>

</td>
</tr>

<tr>
<td class="catBottom" colspan="{switch_no_user.COLSPAN_NUMBER}" height="28" align="center"><span class="gensmall">{switch_no_user.L_NO_USER}</span></td>
</tr>

</table>

<table style="margin:auto; width:650px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><span class="nav">{PAGE_NUMBER}</span></td>
<td align="right"><span class="nav">{PAGINATION}</span></td>
</tr>
</table>
<br />

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:52

overall header

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<link href='https://fonts.googleapis.com/css?family=Boogaloo' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Kaushan+Script|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />

<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}" />


<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}" />

{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>


<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>



<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />
<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>



<script src="{JS_DIR}jquery/jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
   /* Definir le sens de direction en fonction du panneau admin */
   var tickerDirParam = "{switch_ticker.DIRECTION}";
   var slid_vert = false;
   var auto_dir = 'next';
   var h_perso = parseInt({switch_ticker.HEIGHT});

   switch( tickerDirParam )
   {
      case 'top' :
         slid_vert = true;
         break;

      case 'left':
         break;

      case 'bottom':
         slid_vert = true;
         auto_dir = 'prev';
         break;

      case 'right':
         auto_dir = 'prev';
         break;

      default:
         slid_vert = true;
   }

   $(document).ready(function() {
      var w_cont = $('#fa_ticker_container').width();

      if (w_cont > 0)
      {
         $('#fa_ticker_container').width(w_cont);

         /* Affichage de la liste */
         $('#fa_ticker_content').css('display','block');

         /* Calcul des dimensions du conteneur et des elements */
         var width_max = $('ul#fa_ticker_content').width();
         var width_item = Math.floor(width_max / {switch_ticker.SIZE});
         var height_max = h_perso;

         /* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
         $('ul#fa_ticker_content li').each( function () {
            if ($(this).height() > height_max)
            {
               height_max = $(this).height();
            }
         } );

         /* Redimensionnement des elements et des images trop larges */
         $('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
            if ($(this).width() > width_item)
            {
            var ratio    = $(this).width() / width_item;
            var new_height = Math.round($(this).height() / ratio);
            $(this).height(new_height).width(width_item);
            }
         });

         /* Redimensionnement et centrage du conteneur en mode vertical */
         if (slid_vert)
         {
            $('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
         }

         /* Initialisation du caroussel */
         $('#fa_ticker_content').jcarousel({
               vertical: slid_vert,
            wrap: 'circular',
            auto: {switch_ticker.STOP_TIME},
            auto_direction: auto_dir,
         scroll: 1,
         size: {switch_ticker.SIZE},
         height_max: height_max,
         animation: {switch_ticker.SPEED}
         });
      }
      else
      {
         $('ul#fa_ticker_content li:not(:first)').css('display','none');
         $('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
      }
   });
//]]>
</script>


<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      if(pm != null) { pm.focus(); }
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      if(report != null) { report.focus(); }
   
   
      $(document).ready(function() {
         Ticker.start({
            height : {switch_ticker.HEIGHT},
            spacing : {switch_ticker.SPACING},
            speed : {switch_ticker.SPEED},
            direction : '{switch_ticker.DIRECTION}',
            pause : {switch_ticker.STOP_TIME}
         });
      });
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;



$(document).ready( function() {
   $(window).resize(function() {
      var windowWidth = document.documentElement.clientWidth;
      var popupWidth = $("#login_popup").width();
      var mypopup = $("#login_popup");

      $("#login_popup").css({
      "left": windowWidth/2 - popupWidth/2
         });
   });
});

//]]>
</script>
{GREETING_POPUP}

<style>
.jcarousel-skin-tango .jcarousel-item {
   text-align:center;
   width: 10px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
   margin-right: {switch_ticker.SPACING}px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
   margin-bottom: {switch_ticker.SPACING}px;
}
</style>

{HOSTING_JS}

<script type="text/javascript">
//<![CDATA[
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
   _gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);


_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);


   (function() {
   var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
   ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
//]]>
</script>

</head>
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Bevan|Changa+One' rel='stylesheet' type='text/css'>

<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
<div id="sidebar" class="medium">
<a class="active" id="sidebar-trigger" href="#"><span></span></a>
<h2>
Periode RPG de <strong>l'action</strong>
</h2>

<div class="sidebar-txt contexte">
Janvier et Février 2014.<br />
L'Hiver arrive, il fait très froid, la neige est omniprésente. <br />
Les nuits sont très longues, laissant peu de temps de soleil aux habitants de la ville

</div>

<div class="title">
Mission Intrigue & Avancement
</div>

<div id="liens" class="sidebar-block">
<a class="ouvert" href="http://oo-supernatural-oo.forumactif.org/t10294-la-derniere-pierre-a-l-edifice-fermee">La dernière pierre à l'édifice ✘</a>
<a class="fermer" href="#">Mission 2 ✘</a><br/>
<a href="#">Mission 3 <span style="color:red;"> ✘</span></a><br/>
<a href="#">Mission 4 ✘</a><br/>
<a href="#">Mission 5 ✘</a><br/>
<a href="#">Mission 6 ✘</a>
</div>

<div class="title">
Top membres intrigue
</div>

<div class="sidebar-block" id="staff">

<div class="staff-info">
<img src="http://via.placeholder.com/220x50" />
<div class="staff-tooltip">
<h3>Pseudo</h3>
Rôle // <a href="#">MP</a> // <a href="#">Profil</a>
</div>
</div>

<div class="staff-info">
<img src="http://via.placeholder.com/220x50" />
<div class="staff-tooltip">
<h3>Pseudo</h3>
Rôle // <a href="#">MP</a> // <a href="#">Profil</a>
</div>
</div>

<div class="staff-info">
<img src="http://via.placeholder.com/220x50" />
<div class="staff-tooltip">
<h3>Pseudo</h3>
Rôle // <a href="#">MP</a> // <a href="#">Profil</a>
</div>
</div>

<div class="staff-info">
<img src="http://via.placeholder.com/220x50" />
<div class="staff-tooltip">
<h3>Pseudo</h3>
Rôle // <a href="#">MP</a> // <a href="#">Profil</a>
</div>
</div>

<div class="staff-info">
<img src="http://via.placeholder.com/220x50" />
<div class="staff-tooltip">
<h3>Pseudo</h3>
Rôle // <a href="#">MP</a> // <a href="#">Profil</a>
</div>
</div>

</div>

<div class="title">
Partenaires
</div>

<div class="sidebar-block" id="partenaires">
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
<a href="#" target="blank"><img src="http://via.placeholder.com/50x50" /></a>
</div>

</div>
   <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div>

<div id="hitskin_preview" style="display: block;">
   <h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> <em>Hit</em>skin.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVASCRIPT}

<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
               <td align="center" width="100%" valign="middle">
                  
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                  <br />
                  
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DESCRIPTION}<br />  </span>
               </td>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               
            </tr>
         </table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
                           
                           <li>{switch_ticker.ticker_row.ELEMENT}</li>
                           
                        </ul>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:52

topic list box

Code:: 
<script type="text/javascript">
function check_uncheck_main_{topics_list_box.row.header_table.BOX_ID}() {
var all_checked = true;
for (i = 0; (i < document.{topics_list_box.FORMNAME}.elements.length) && all_checked; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
all_checked = document.{topics_list_box.FORMNAME}.elements[i].checked;
}
}
document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked = all_checked;
}
function check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}() {
for (i = 0; i < document.{topics_list_box.FORMNAME}.length; i++) {
if (document.{topics_list_box.FORMNAME}.elements[i].name == '{topics_list_box.FIELDNAME}[]{topics_list_box.row.header_table.BOX_ID}') {
document.{topics_list_box.FORMNAME}.elements[i].checked = document.{topics_list_box.FORMNAME}.all_mark_{topics_list_box.row.header_table.BOX_ID}.checked;
}
}
}
</script>


<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> <span class="battysujet_sujet">{topics_list_box.row.L_TITLE}</span> </th>


<th align="center" nowrap="nowrap" width="20"><input onclick="check_uncheck_all_{topics_list_box.row.header_table.BOX_ID}();" type="checkbox" name="all_mark_{topics_list_box.row.header_table.BOX_ID}" value="0" /></th>

</tr>

<tr>
<td class="row1" colspan="7" align="right"><span class="gensmall">{PAGINATION}</span></td>
</tr>


<tr>
<td class="row3" colspan="{topics_list_box.row.COLSPAN}"><span class="gensmall"> {topics_list_box.row.L_TITLE}</span></td>
</tr>



{topics_list_box.row.END_TABLE_STICKY}
<tr>

<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20"><input type="radio" name="{topics_list_box.FIELDNAME}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></td>


<td class="{topics_list_box.row.ROW_CLASS}" onmouseover='this.className="row2"' onmouseout='this.className="{topics_list_box.row.ROW_CLASS}"' width="100%">
<div class="battysujet_image"><img title="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" src="{topics_list_box.row.TOPIC_FOLDER_IMG}" alt="{topics_list_box.row.L_TOPIC_FOLDER_ALT}" /></div>
<div class="battysujet_description">
<span class="battysujet_type">{topics_list_box.row.TOPIC_TYPE}</span>
<h2 class="topic-title">
<a class="titresujet" href="{topics_list_box.row.U_VIEW_TOPIC}">{topics_list_box.row.TOPIC_TITLE}</a><span class="repetcurieux"> écrit par </span><span class="name"><strong>{topics_list_box.row.TOPIC_AUTHOR}</strong></span><br/>
</h2>
<span class="repetcurieux">{topics_list_box.row.REPLIES} réponses ♦ </span><span class="repetcurieux">{topics_list_box.row.VIEWS} curieux</span>
<span class="gensmall">{topics_list_box.row.GOTO_PAGE}{topics_list_box.row.TOPIC_NAV_TREE} </span>
<div class="battysujet_etiquette">{topics_list_box.row.ICON}</div>
</div>
<div class="battysujet_dernier"><span class="repetcurieux">Dernier message posté </span><br/><span class="repetcurieux"> {topics_list_box.row.LAST_POST_TIME}</span><br/>{topics_list_box.row.LAST_POST_AUTHOR} {topics_list_box.row.LAST_POST_IMG}</div>


<span class="genmed">
<br />
{topics_list_box.row.topic.switch_description.TOPIC_DESCRIPTION}
</span>

<span class="gensmall">{topics_list_box.row.TOPIC_ANNOUNCES_DATES}{topics_list_box.row.TOPIC_CALENDAR_DATES}</span>
</td>


<td class="row2" align="center" valign="middle"><span class="postdetails"><input onclick="javascript:check_uncheck_main_{topics_list_box.row.BOX_ID}();" type="checkbox" name="{topics_list_box.FIELDNAME}[]{topics_list_box.row.BOX_ID}" value="{topics_list_box.row.FID}" {topics_list_box.row.L_SELECT} /></span></td>

</tr>

<tr>
<td class="row1" colspan="{topics_list_box.row.COLSPAN}" align="center" valign="middle" height="30"><span class="gen">{topics_list_box.row.L_NO_TOPICS}</span></td>
</tr>

<tr>
<td class="catBottom" colspan="{topics_list_box.row.COLSPAN}" valign="middle">
<div class="battycat_copyright">© Batty pour <a href="http://epicode.bbactif.com/">Epicode</a></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> <span class="gensmall">{PAGINATION}</span></td>
<td align="right"><a href="#top">{L_BACK_TO_TOP}</a> </td>
</tr>
</table>
</td>
</tr>

</table> <br class="gensmall" />

Sujet: Re: SAVE CSS 02/12/2019 Lun 2 Déc - 20:53

viewtopic body

Code:: <script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

if(typeof(_atc) == "undefined") {
_atc = { };
}

_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }

if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }

return false;
};

//]]>
</script>

<table style="margin:auto; max-width:920px;" width="100%" align="center" border="0" cellspacing="0" cellpadding="0">

<tr>
<td align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td></tr>


<tr><td><div id="tlePOST"><span class="btnPOST">
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" align="middle" border="0" /></a> <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" align="middle" border="0" /></a></span><h1 class="cattitle">{TOPIC_TITLE}</h1>
<span class="navPOST" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"><a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC_SECOND} <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a></span></div></td>
</tr>
</table>

<table class="forumline" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0" >

{POLL_DISPLAY}


<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</td>
</tr>


<tr>
<td colspan="3">

<div class="vote gensmall">

<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>



<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">

<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>



<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>

</div>



<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>



<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>

</div>

</td></tr>
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td valign="top" colspan="3"><a name="{postrow.displayed.U_POST_ID}" style="position:relative; top:30px; width:1px;" id="{postrow.displayed.U_POST_ID}"></a>
<div class="datePOST"><img src="{postrow.displayed.MINI_TIME_IMG}" border="0" />{postrow.displayed.POST_DATE}</div><div class="toolsPOST">{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}</div>
</td>
</tr>
<tr class="mainPOST"><td class="PPOST" valign="top">
<div>{postrow.displayed.MESSAGE}</div>

<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>

<dl class="file">
<dt><img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />


<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}



{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}

</dt>


<dd><em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em></dd>



<dd><em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em></dd>


<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>

</dd></dl>

</td>

<td id="boxPOST" valign="top"><div class="triIPOST"></div><div class="triIIPOST"></div>
<div class="boxPOST"><div class="namePOST">{postrow.displayed.POSTER_NAME}</div>
<div class="avaPOST"><div class="rankPOST">{postrow.displayed.POSTER_RANK}</div>{postrow.displayed.POSTER_AVATAR}</div>
<div class="abtPOST">
<div>{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
</div>
<div class="rpgPOST">{postrow.displayed.POSTER_RPG}</div>
<div class="ktactPOST">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</div>
<div class="imgrankPOST">{postrow.displayed.RANK_IMAGE}</div>
</div></td>
<td class="blankPOST"></td></tr>
<tr>
<td colspan="3">

<div class="signPOST">{postrow.displayed.SIGNATURE}</div>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" colspan="3">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>

</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">




<tr align="center">
<td colspan="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>

</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="border-top:0px; margin:auto; max-width:920px;">
<tr><td valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>

<td align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>

</tr>
</table>


<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin:auto; max-width:920px;">
<tbody><tr><td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody><tr><td valign="top"><div class="cattitle"> {L_FORUM_RULES}</div></td></tr></tbody></table></td></tr>
<tr><td class="clearfix"><table><tr>

<td class="logo"><img src="{RULE_IMG_URL}" alt="" /></td>

<td class="rules postbody">{RULE_MSG}</td></tr></table>
</td></tr></tbody>
</table>


<table class="forumline noprint" style="margin:auto; max-width:920px;" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td colspan="2" align="center" style="padding:0px">

<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />

</td></tr>

<tr><td align="left" valign="top" nowrap="nowrap">

<span class="nav">
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>


<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>

</span>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}" style="display:inline-block; vertical-align:middle;">
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO} : {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>


<td align="center"><span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span></td>
<td align="center" width="250"><span class="gensmall"> </span></td>

</form>
</td></tr>
<tr><td></td></tr>

<tr><td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''"><tbody>

<tr><td valign="top"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>

<tr><td class="catBottom">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>

<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>

</tr></table>
</td></tr></tbody>
</table></td></tr>
<tr><td style="margin:0; padding: 0;" colspan="2">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
<tbody><tr><td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td></tr>
</table>
</td></tr></tbody></table>
</td></tr>
<tr><td>

<span class="gen" style="display:inline-block; vertical-align:middle;">{S_TOPIC_ADMIN}</span>
<form name="action" method="get" action="{S_FORM_MOD_ACTION}" style="display:inline-block; vertical-align:middle;">
<input type="hidden" name="t" value="{TOPIC_ID}" />

<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
<span class="gen">{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
</form>

</td></tr>
</table>


<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Sujet: Re: SAVE CSS 02/12/2019

» Fiche présentation GC 2019
» Fiche présentation 2019