contexte

Le monde a changé. Une espèce supérieure a pris notre place. Des créatures qui n’existaient alors que dans les légendes. Mais la vérité, c’est que ces créatures, à la fois fascinantes et terrifiantes, sont bien réelles, et rôdent dans l’obscurité de notre monde depuis bien longtemps déjà. Je ne peux me résoudre à nommer ces êtres si particuliers. Je me dois cependant de vous les décrire. Je vous parle d’individus qui n’ont d’humain que l’apparence, et qui, à la lumière du jour, préfèrent les ténèbres de la nuit, plus propices à leurs activités sanglantes. Je vous parle d’êtres aux dents longues et suffisamment acérées pour percer la chair de votre cou et en faire perler le sang. Je vous parle de bêtes incontrôlables, obsédées par le besoin de s’abreuver, et qui ne reculeront devant rien pour l’assouvir. Et aujourd’hui, ces créatures sortent enfin de l’ombre. Parce qu’aujourd’hui, elles n’ont plus rien à craindre de l’Homme. Et nous, nous pauvres humains qui nous pensions si infaillibles, nous ne pouvons pas les arrêter. Et bientôt, il ne restera plus rien du monde d’antan que nous chérissions tant.

bienvenue

Chronologie du forum Bestiaire Clans

Intrigue en cours ∴ la magie de retour à downside...

staff

Jade Caldwelladminmp profil

Niklaus Mikaelsonadminmp profil

Hayley Marshallmodomp profil

petites annonces

28 mai 2018Ouverture du forum
02 juin 2018Ouverture du jeu
08 juillet 2018Modification du contexte et des annexes
02 août 2018Changement de design
03 octobre 2018Première intrigue : la boîte de Pandore
janvier 2019Changement de design

Bottin des avatars

le groupe des homiférés est à privilégier

Nous les attendons

voir plus de prédéfinis

Upside Down est un forum rpg créé par Peanuts, Imperator & Legendary — Contexte écrit par Peanuts — Bannière réalisée par Madness — P.A. proposée par linus pour Epicode.

Le deal à ne pas rater :

Funko POP! Jumbo One Piece Kaido Dragon Form : où l’acheter ?

Voir le deal

Upside Down test :: ◈ The Keys ◈ :: Forum

" Admin "

Messages : 39
Date d'inscription : 08/07/2018
Localisation : Upside Down

Who am i !

Who am I
Je suis dans le clan des: CLAN
Je suis : Admin
Je ressemble à : Admin

Code page d'accueil

Sujet: Code page d'accueil Code page d'accueil Empty

Jeu 1 Nov - 19:22

Html :

Code:: <link href="https://fonts.googleapis.com/css?family=Cormorant+Upright|Playfair+Display+SC" rel="stylesheet">
<div class="template-linus-19"><div class="tli-col-1"><h2 class="tli-title">contexte</h2><div class="tli-rtl"><div class="tli-scrollable">Le monde a changé. Une espèce supérieure a pris notre place. Des créatures qui n’existaient alors que dans les légendes. Mais la vérité, c’est que ces créatures, à la fois fascinantes et terrifiantes, sont bien réelles, et rôdent dans l’obscurité de notre monde depuis bien longtemps déjà. Je ne peux me résoudre à nommer ces êtres si particuliers. Je me dois cependant de vous les décrire. Je vous parle d’individus qui n’ont d’humain que l’apparence, et qui, à la lumière du jour, préfèrent les ténèbres de la nuit, plus propices à leurs activités sanglantes. Je vous parle d’êtres aux dents longues et suffisamment acérées pour percer la chair de votre cou et en faire perler le sang. Je vous parle de bêtes incontrôlables, obsédées par le besoin de s’abreuver, et qui ne reculeront devant rien pour l’assouvir. Et aujourd’hui, ces créatures sortent enfin de l’ombre. Parce qu’aujourd’hui, elles n’ont plus rien à craindre de l’Homme. Et nous, nous pauvres humains qui nous pensions si infaillibles, nous ne pouvons pas les arrêter. Et bientôt, il ne restera plus rien du monde d’antan que nous chérissions tant.</div></div></div><div class="tli-col-3 tli-pilier"><div class="tli-bloc">bienvenue <span class="USERNAME"></span></div><a class="tli-bloc" href="#" target="_blank">Chronologie du forum</a><a class="tli-bloc" href="#" target="_blank">Bestiaire</a><a class="tli-bloc" href="#" target="_blank">Clans</a><div class="tli-bloc"><span>Intrigue en cours</span> ∴ la magie de retour à downside...</div></div><div class="tli-col-2"><h2 class="tli-title" style="margin-top:-8px; margin-left:20px;">staff</h2><div class="tli-vignettes"><div class="tli-staff"><a class="tli-avatar" style="margin-top:-20px;" href="#" target="_blank"><img src="https://www.aht.li/3300538/jadeemma.gif" /></a><div class="tli-pseudo" style="margin-top:-20px;"><span>Jade Caldwell</span>admin<a href="#" target="_blank">mp</a><a href="#" target="_blank">profil</a></div></div><div class="tli-staff"><a class="tli-avatar" style="margin-top:-20px;" href="#" target="_blank"><img src="https://data.whicdn.com/images/164144333/original.gif" /></a><div class="tli-pseudo" style="margin-top:-20px;"><span>Niklaus Mikaelson</span>admin<a href="#" target="_blank">mp</a><a href="#" target="_blank">profil</a></div></div><h2 class="tli-title" style="font-size:9px; margin-bottom:20px;margin-left:20px;">Membre du mois</h2><div class="tli-staff"><a class="tli-avatar" style="margin-top:-10px" href="#" target="_blank"><img src="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/Elucid.png"/></a><div class="tli-pseudo" style="margin-top:-10px"><span style="margin-left:-3px; margin-top:12px;">Daenarylis Jenkins</span></div></div></div></div><div class="tli-col-5"><h2 class="tli-title">petites annonces</h2><div class="tli-tlr"><div class="tli-scrollable"><ul class="tli-annonces"><li><span class="tli-date">28 mai 2018</span>Ouverture du forum</li><li><span class="tli-date">02 juin 2018</span>Ouverture du jeu</li><li><span class="tli-date">08 juillet 2018</span>Modification du contexte et des annexes</li><li><span class="tli-date">02 août 2018</span>Changement de design</li><li><span class="tli-date">03 octobre 2018</span>Première intrigue : la boîte de Pandore</li><li><span class="tli-date">novembre 2018</span>Changement de design</li></ul></div></div></div><div class="tli-col-4 tli-pilier"><a class="tli-bloc" style="margin-top:10px;" href="#" target="_blank">Bottin des avatars</a><div class="tli-bloc" style="margin-top:10px; margin-bottom:10px;">le groupe des <span>homiférés</span> est à privilégier</div><div class="tli-bloc tli-no-border"><h2 class="tli-title" style="color:rgba(255,255,255,0.8);">Nous les attendons</h2><div class="tli-6-vignettes"><div class="tli-vignettes-line"><div class="tli-row"><a target="_blank" href="#1"><img src="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/DNvIiPFUQAAIXx3.jpg" /></a><a target="_blank" href="h#2"><img src="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/4cf4a1ba87e96ad7bb045606d35f5222--perfect-lips-the-cuban.jpg" /></a></div><div class="tli-row"><a target="_blank" href="#3"><img src="https://sd-g1.archive-host.com/membres/up/f87a3112ce84343531472ee2cfc0e5acbca0a103/david-castro-actor-gossip.png" /></a></div></div><div class="tli-vignettes-line"><div class="tli-row"><a target="_blank" href="#4"><img src="https://smhttp-ssl-33667.nexcesscdn.net/manual/wp-content/uploads/2017/02/jason-statham-receding-hairline-balding.jpg" /></a><a target="_blank" href="#5"><img src="https://yt3.ggpht.com/a-/AN66SAymc0oYY0uHnXmNQy8tOC4xGFNC7XLUh_uaIA=s900-mo-c-c0xffffffff-rj-k-no" /></a></div><div class="tli-row"><a target="_blank" href="#6"><img src="https://mediamass.net/jdd/public/documents/celebrities/3494.jpg" /></a></div></div></div></div><h2 class="tli-title" style="font-size:8px;margin-left:2px;color:rgba(255,255,255,0.8);">voir plus de prédéfinis</h2></div><div class="tli-partners"><div class="tli-partners-animated"><a href="#" target="_blank"><img src="https://i.servimg.com/u/f91/12/07/33/76/imggg10.png"/></a><a href="#" target="_blank"><img src="https://nsa39.casimages.com/img/2018/08/17/180817085112884745.png"/></a><a href="#" target="_blank"><img src="https://www.zupimages.net/up/18/30/y7rv.png"/></a><a href="#" target="_blank"><img src="https://i.imgur.com/ZOxGuGm.png"/></a><a href="#" target="_blank"><img src="https://i.servimg.com/u/f30/19/87/51/44/gxi7xk10.png"/></a><a href="#" target="_blank"><img src="https://www.zupimages.net/up/18/42/w7tt.png"/></a><a href="#" target="_blank"><img src="https://nsa39.casimages.com/img/2018/10/13/181013063516298035.jpg"/></a></div><div class="tli-partners-animated"><a href="#" target="_blank"><img src="https://i.servimg.com/u/f91/12/07/33/76/imggg10.png"/></a><a href="#" target="_blank"><img src="https://nsa39.casimages.com/img/2018/08/17/180817085112884745.png"/></a><a href="#" target="_blank"><img src="https://www.zupimages.net/up/18/30/y7rv.png"/></a><a href="#" target="_blank"><img src="https://i.imgur.com/ZOxGuGm.png"/></a><a href="#" target="_blank"><img src="https://i.servimg.com/u/f30/19/87/51/44/gxi7xk10.png"/></a><a href="#" target="_blank"><img src="https://www.zupimages.net/up/18/42/w7tt.png"/></a><a href="#" target="_blank"><img src="https://nsa39.casimages.com/img/2018/10/13/181013063516298035.jpg"/></a></div></div><div class="tli-copyright"><span class="FORUMNAME"></span> Upside Down est un forum rpg créé par Peanuts, Imperator & Legendary — Contexte écrit par Peanuts — Bannière réalisée par Imperator — P.A. proposé par linus pour <a target="_blank" href="http://epicode.bbactif.com/">Epicode</a>.</div></div><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" crossorigin="anonymous"></script><script type="text/javascript" src="http://strandhogg.fr/epicode/js/19.js"></script>

CSS :

Code:: /******************************************************
CSS de @linus pour Epicode : http://epicode.bbactif.com
Téléchargé le 31/10/2018
En cas de pépin contactez-moi par MP sur Epicode!
******************************************************/

/*** import google fonts ***/
@import 'http://fonts.googleapis.com/css?family=Contrail+One';

/*** import css de la scrollbar ***/
@import 'http://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.12/css/perfect-scrollbar.min.css';

/*reset des styles par défault du navigateur*/
.template-linus-19 ul{ list-style:none; }
.template-linus-19 ul, .template-linus-19 h5, .template-linus-19 h4, .template-linus-19 h3, .template-linus-19 h2, .template-linus-19 h1, .template-linus-19 p, .template-linus-19 figure{margin:0;padding:0;font-weight:normal;}
.template-linus-19 a, .template-linus-19 a:hover{text-decoration:none;text-decoration:none!important;}
.template-linus-19 a img{border:none;}

/*style général*/
.template-linus-19{
  text-align:center;
  font-size:14px;
  line-height:14px;
  font-family: arial;
  color:#525252; /*********COULEUR TEXTE************/
  position:relative;
  margin:0 auto;
  max-width:800px;
  min-width:550px;
  background:url(https://i.pinimg.com/564x/97/2f/df/972fdfe1250cff59bda5dd499540fff0.jpg); /*************COULEUR FOND STAFF**********/
}

body.tli-iframe{
  background:#222;
  margin:0;padding:0;
}

.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-5{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
}

/*titres*/
.template-linus-19 .tli-title{
  font-family: 'Playfair Display SC', serif;
  text-transform:uppercase;
  font-weight:normal;
  font-size:1.3em;
  letter-spacing:10px;
  display:flex;
  justify-content:center;
  flex-direction:column;
  flex:1;
   font-weight:bold;
  margin:10px;
   color:#300202; /*************COULEUR TITRES**********/
}

.template-linus-19:after{
  content:' ';
  display:block;
  clear:both;
}

/*fake marquee*/
@-webkit-keyframes marquee {
   from {-webkit-transform:translateX(0%);}
   to {-webkit-transform:translateX(-100%);}
}

@keyframes marquee {
   from {transform:translateX(0%);}
   to {transform:translateX(-100%);}
}

/*animation hover des liens*/
@-webkit-keyframes thumb {
  0% { -webkit-transform: scale(1); }
  5% { -webkit-transform: scale(0.9); }
  10% { -webkit-transform: scale(1); }
  15% { -webkit-transform: scale(0.9); }
  20% { -webkit-transform: scale(1); }
  100% { -webkit-transform: scale(1); }
}

@keyframes thumb {
  0% { transform: scale(1); }
  5% { transform: scale(0.9); }
  10% { transform: scale(1); }
  15% { transform: scale(0.9); }
  20% { transform: scale(1); }
  100% { transform: scale(1); }
}

/*partenaires*/
.template-linus-19 .tli-partners{
  overflow:hidden;
  display:flex;
  flex-wrap:nowrap;
  clear:both;
  padding:10px;
}

.template-linus-19 .tli-partners-animated:nth-last-child(2),
.template-linus-19 .tli-partners-animated:nth-last-child(2) ~ div{
  animation: marquee 20s linear infinite;
}

.template-linus-19 .tli-partners-animated{
  display:flex;
}

.template-linus-19 .tli-partners:hover .tli-partners-animated{
   -webkit-animation-play-state: paused;
   animation-play-state: paused;
}

.template-linus-19 .tli-partners-animated a{
  margin-right:10px;
  line-height: 0;
}

/*copyright*/
.template-linus-19 .tli-copyright{
  font-size:0.8em;
  clear:both;
  padding:10px;
}

.template-linus-19 .tli-copyright{
  background:rgba(255,255,255,0); /*************COULEUR FOND COPYRIGHT*****/
  border-top:1px solid rgba(0,0,0,0.2);
  color:#222; /************COULEUR TEXTE COPYRIGHT******/
  opacity:0.35;
}

.template-linus-19 .tli-copyright a{
  color:#222; /**********COULEUR LIEN COPYRIGHT**********/
  border-bottom:1px dotted #777;
}

/*colonnes*/
.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-2,
.template-linus-19 .tli-col-3{
  float:left;
}

.template-linus-19 .tli-col-4,
.template-linus-19 .tli-col-5{
  float:right;
}

.template-linus-19 .tli-col-4{
  border-bottom-left-radius:5px;
}

.template-linus-19 .tli-col-3{
  border-bottom-right-radius:5px;
}

.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-2,
.template-linus-19 .tli-col-3,
.template-linus-19 .tli-col-4,
.template-linus-19 .tli-col-5{
  height:350px;
}

.template-linus-19 .tli-rtl,
.template-linus-19 .tli-tlr{
  margin:0 6%;
}

.template-linus-19 .tli-rtl,
.template-linus-19 .tli-tlr{
  margin-bottom:10px;
}

.template-linus-19 .tli-scrollable{
  overflow:hidden;
  height:280px;
  position:relative;
  text-align:justify;
  font-size:0.8em;
  direction:ltr;
}

/*colonnes*/
.template-linus-19 .tli-col-1,
.template-linus-19 .tli-col-5{
  width:calc(100%/4);
  position:relative;
  background:rgba(255,255,255,0); /****FOND COULEUR COLONNES EXTERNES*****/
  }

.template-linus-19 .tli-col-3,
.template-linus-19 .tli-col-4{
  width:calc(16.66% - 1px);/*calc(100%/6);*/
  background:url('https://stoffzentrale.ch/wp-content/uploads/2016/09/4250-bordeaux.jpg'); /****FOND COULEUR COLONNES INTERNES*****/
  border-right:1px solid rgba(255,255,255,0.1);
}

.template-linus-19 .tli-col-2{
  width:calc( 16.66% - 20px );
  padding:0 10px;
  display:flex;
  flex-direction:column;
}

/*titres*/
.template-linus-19 .tli-col-2 .tli-title{
  font-size:0.8em;
  letter-spacing:6px;
  color:#300202; /**********COULEUR TITRE STAFF***********/
   margin:10px 5px;
  flex:1;
}

.template-linus-19 .tli-col-3 .tli-title,
.template-linus-19 .tli-col-4 .tli-title{
  font-size:1em;
  letter-spacing:6px;
  margin:0 0 5px 0;
}

/*annonces*/
.template-linus-19 .tli-annonces{
  list-style:none;
  padding:0;
  margin:0;
}

.template-linus-19 .tli-annonces li{
  margin-bottom:10px;
}

.template-linus-19 .tli-annonces .tli-date{
  display:block;
  text-transform:uppercase;
  border-bottom:1px solid rgba(0,0,0,0.2);
  font-family: 'Playfair Display SC', serif;
  font-size:12px;
  letter-spacing:3px;
   color:#300202; /******************COULEUR DATES ANNONCE*********/
}

/*blocs des liens*/
.template-linus-19 .tli-pilier{
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  font-size:0.7em;
  line-height:1.3em;
}

.template-linus-19 .tli-pilier a{
  color:#300202; /******************COULEUR TOP************/
  text-decoration:none;
}

.template-linus-19 .tli-pilier > a:hover{
  animation: thumb 2s linear infinite;
}

.template-linus-19 .tli-pilier .tli-bloc > a{
  text-decoration:underline;
}

.template-linus-19 .tli-pilier .tli-bloc{
  padding:10px;
  text-transform:uppercase;
  overflow:hidden;
  overflow-y:auto;
  position:relative;
  border-radius:3px;
  font-family: 'Playfair Display SC', serif;
  font-size:10px;
  letter-spacing:2px;
}

.template-linus-19 .tli-pilier a.tli-bloc{
  background:url(https://i.pinimg.com/564x/97/2f/df/972fdfe1250cff59bda5dd499540fff0.jpg) 0% -20%; /****FOND COULEUR BLOCS****/
  font-weight:bold;
}

.template-linus-19 .tli-pilier div.tli-bloc{
  border:1px solid rgba(255,255,255,0.5);
  color:rgba(255,255,255,0.5);
  margin:0 5px;
}

.template-linus-19 .tli-pilier a.tli-bloc{
  color:#300202; /**********COULEUR TEXTE BLOCS*********/
  border:4px double #222;
  margin:0 4px;
}

.template-linus-19 .tli-pilier .tli-bloc.tli-no-border{
  border:none;
  background:none;
  padding:0;
  margin:0 0 0 10px;
}

.template-linus-19 .tli-pilier .tli-bloc span{
  font-weight:bold;
  margin:2px 0;
  color:#fff; /**************COULEUR SOUS TITRES*****/
}

/*vignettes*/
.template-linus-19 .tli-vignettes{
  margin-bottom:10px;
}

.template-linus-19 .tli-vignettes .tli-staff:hover{
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg);
}

.template-linus-19 .tli-vignettes .tli-staff{
  clear:both;
  height:70px;
  margin-bottom:10px;
  color:#111; /******COULEUR NOMS STAFF*****/
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin:center;
  -webkit-transition: transform 0.5s; /* Safari */
  transition: transform 0.5s;
}

.template-linus-19 .tli-vignettes .tli-staff:last-child{
  margin-bottom:0;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-avatar{
  display:flex;
  justify-content:center;
  width:50%;
  height:100%;
  overflow:hidden;
  float:left;
  filter:saturate(20%);
  -webkit-filter:saturate(20%);
}

.template-linus-19 .tli-vignettes .tli-staff:hover .tli-avatar{
  filter:saturate(100%);
  -webkit-filter:saturate(100%);
}

.template-linus-19 .tli-vignettes .tli-staff .tli-avatar img{
  height:100%;
  position:relative;
  z-index:2;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo{
  width:calc(50% - 10px);
  font-family: 'Playfair Display SC', serif;
   height:calc(100% - 10px);
  font-size:8px;
  position:relative;
  padding:5px;
  float:right;
  text-transform:uppercase;
  background:rgba(255, 255, 255, 1); /****FOND COULEUR PSEUDO STAFF****/
   }

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo span{
  font-weight:bold;
  font-family: 'Playfair Display SC', serif;
  text-transform:uppercase;
  font-size:9px;
  display:block;
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a{
  position:absolute;
  bottom:0;
  width:calc(100% / 2);
  display:block;
  left:0;
  text-decoration:none;
  height:20px;
  line-height:20px;
  background:#A8A8A8; /****FOND COULEUR MP****/
  color:#222; /******COULEUR MP PROFIL STAFF*****/
}

.template-linus-19 .tli-vignettes .tli-staff .tli-pseudo a:last-child{
  left:50%;
  background:#878787; /****FOND COULEUR PROFIL****/
}

.template-linus-19 .tli-vignettes-line > .tli-row,
.template-linus-19 .tli-vignettes-line{
  overflow:hidden;
  position:relative;
  z-index:1;
}

.template-linus-19 .tli-vignettes-line > .tli-row:after{
  content:' ';
  display:block;
  clear:both;
}

/*franchement, touchez pas aux lignes ci dessous, ça marche par magie après une longue, trèèèèès longue réflexion*/
.template-linus-19 .tli-vignettes-line a{
  float:left;
  -webkit-transform: rotate(45deg) skew(20deg, 20deg);
  -moz-transform: rotate(45deg) skew(20deg, 20deg);
  -ms-transform: rotate(45deg) skew(20deg, 20deg);
  -o-transform: rotate(45deg) skew(20deg, 20deg);
  transform: rotate(45deg) skew(20deg, 20deg);
  transform-origin:0 100%;
  position:relative;
  overflow:hidden;
  filter:saturate(20%);
  -webkit-filter:saturate(20%);
}

.template-linus-19 .tli-vignettes-line a:hover{
  filter:saturate(100%);
  -webkit-filter:saturate(100%);
}

.template-linus-19 .tli-vignettes-line a img{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  -webkit-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -moz-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -ms-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  -o-transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  transform: rotate(-45deg) skew(0deg, 0deg) scaleX(1.4) scaleY(0.70);
  transform-origin:0 100%;
}

.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd),
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){
  position:absolute;
  top:0;
  width:100%;
  height:0px;
  overflow:visible;
  z-index:2;
}

.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) a,
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) a,
.template-linus-19 .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd) img,
.template-linus-19 .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even) img{
  transform-origin:100% 0;
}

/*** 6 images ***/
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a{width:calc(100%/2.01);padding-bottom:calc(100%/2.01);}
.tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(even) a:nth-child(1) ~ a, .tli-6-vignettes .tli-vignettes-line > .tli-row:nth-child(odd) a:nth-child(2) ~ a{display:none;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }
.tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(even){ left:calc( (100%/2) / 2 ); }

/*** 6 images ***/
.tli-6-vignettes .tli-vignettes-line:nth-child(even){margin-top:3%;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even), .tli-6-vignettes .tli-vignettes-line:nth-child(odd) > .tli-row:nth-child(odd){left:5%;}
.tli-6-vignettes .tli-vignettes-line:nth-child(even) > .tli-row:nth-child(odd){left:-5%;}
.tli-6-vignettes{margin-left:-5%;width:100%;}

/*scrollbar*/
.template-linus-19 .ps-scrollbar-y-rail{opacity:0.2;}
.template-linus-19 .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,
.template-linus-19 .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:6px;}
.template-linus-19 .ps-container>.ps-scrollbar-y-rail{width:10px;}
.template-linus-19 .ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:transparent;}

Page 1 sur 1

Sujets similaires

» Fiche UD code

Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum

Upside Down test :: ◈ The Keys ◈ :: Forum