<div class="tpl-concours-2"><!--
--><div class="tpl-body"><!--
/*** début bannière ***/
--><div class="tpl-bann"><!--
--><h1><span>Space</span> Feds</h1><!--
--><img src="http://image.noelshack.com/fichiers/2016/35/1472986844-3151110068-1-12-r72okf6o.gif"/><!--
--></div><!--
/*** fin bannière ***/
/*** début tags ***/
--><div class="tpl-tags"><!--
--><span>déconseillé aux -16 ans</span><!--
--><span>avatar 400x250</span><!--
--><span>contexte futuriste</span><!--
--><span>avatar manga/dessin</span><!--
--><span>15 lignes et +</span><!--
--><span>communauté hyperactive</span><!--
--></div><!--
/*** fin tags ***/
--><div class="tpl-col"><!--
/*** début contexte ***/
--><h2><span>Contexte</span> & intrigue</h2><!--
--><div class="tpl-text"><!--
--><div class="tpl-scrollable"><!--
-->Sed laeditur hic coetuum magnificus splendor levitate paucorum incondita, ubi nati sunt non reputantium, sed tamquam indulta licentia vitiis ad errores lapsorum ac lasciviam. ut enim Simonides lyricus docet, beate perfecta ratione vieturo ante alia patriam esse convenit gloriosam.<br/>Raptim igitur properantes ut motus sui rumores celeritate nimia praevenirent, vigore corporum ac levitate confisi per flexuosas semitas ad summitates collium tardius evadebant. et cum superatis difficultatibus arduis ad supercilia venissent fluvii Melanis alti et verticosi, qui pro muro tuetur accolas circumfusus, augente nocte adulta terrorem quievere paulisper lucem opperientes. arbitrabantur enim nullo inpediente transgressi inopino adcursu adposita quaeque vastare, sed in cassum labores pertulere gravissimos…<!--
--></div><!--
--><br/><a class="tpl-readmore" href="#" target="_blank">en savoir plus ?</a><!--
--></div><!--
/*** fin contexte ***/
/*** début stats ***/
--><div class="tpl-text tpl-flower-left"><!--
--><div class="tpl-scrollable"><!--
-->Ouverture du forum le <b>3/11/2015</b>. <b>Space Cake</b> compte aujourd'hui <b>78</b> joueurs et plus de <b>9000</b> messages. Le dernier inscrit est <b>Pandore Smith</b>, bienvenue à lui !<!--
--></div><!--
--></div><!--
/*** fin stats ***/
/*** début menu ***/
--><div class="tpl-flower-right"><!--
--><div class="tpl-flower"><!--
--><div class="tpl-arc"><!--
--><div class="tpl-line"><a target="_blank" href="#lien1">contexte</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien2">annexes</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien3">bottin</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien4">guide du nouveau</a></div><!--
--></div><!--
--><div class="tpl-arc"><!--
--><div class="tpl-line"><a target="_blank" href="#lien5">prédéfs</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien6">scénarios</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien7">top 1</a></div><!--
--><div class="tpl-line"><a target="_blank" href="#lien8">top 2</a></div><!--
--></div><!--
--><a class="tpl-open" href="#autrelien"><!--
--><img src="http://image.noelshack.com/fichiers/2016/35/1472987835-image-10703152201249692301.gif"/><!--
--></a><!--
--></div><!--
--></div><!--
/*** fin menu ***/
/*** début nouveautés ***/
--><h2><span>Dernières</span> nouveautés</h2><!--
--><div class="tpl-text"><!--
--><ul><!--
--><li><b class="tpl-date">01/09/2016</b> Jinx rejoint le staff en tant que modératrice. On lui souhaite bien du courage!</li><!--
--><li><b class="tpl-date">22/08/2016</b> Ajout de nouveaux prédéfinis.</li><!--
--><li><b class="tpl-date">05/06/2016</b> Début de la première intrigue, venez participer et remporter des lots inédits! 50pts seront distribués aux premiers inscrits.</li><!--
--></ul><!--
--><br/><a class="tpl-readmore" href="#" target="_blank">en savoir plus ?</a><!--
--></div><!--
--></div><!--
/*** fin nouveautés ***/
--><div class="tpl-col"><!--
/*** début staff ***/
--><h2>Le <span>staff</span></h2><!--
--><div class="tpl-staff tpl-vignettes"><!--
--><a href="#" data-pseudo="marwin" data-role="fonda" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916622-image-1.png"/></a><!--
--><a href="#" data-pseudo="adèle" data-role="admin" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916623-image-5.png"/></a><!--
--><a href="#" data-pseudo="zouk" data-role="modo" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916622-image-3.png"/></a><!--
--><a href="#" data-pseudo="jinx" data-role="modo" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916623-image-6.png"/></a><!--
--><a href="#" data-pseudo="anders" data-role="clown" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916622-image-4.png"/></a><!--
--><a href="#" data-pseudo="devon" data-role="clown" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916625-tumblr-inline-oazw2vkbsk1rclbfd-100.jpg"/></a><!--
--></div><!--
/*** fin staff ***/
/*** début prédéfinis ***/
--><h2><span>La</span> fourrière</h2><!--
--><div class="tpl-predefs tpl-vignettes"><!--
--><a href="#" data-pseudo="seb" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916623-image-9.png"/></a><!--
--><a href="#" data-pseudo="alek" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916624-tumblr-inline-o9nd5qfkpn1scf0bp-540.jpg"/></a><!--
--><a href="#" data-pseudo="joy" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916625-tumblr-inline-nclb0fcxgb1s8o8qm.png"/></a><!--
--><a href="#" data-pseudo="hughes" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916625-tumblr-inline-oazw7lbrcb1rclbfd-100.jpg"/></a><!--
--><a href="#" data-pseudo="sissi" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916623-image-7.png"/></a><!--
--><a href="#" data-pseudo="wolf" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472916624-s13.png"/></a><!--
--><a href="#" data-pseudo="albert" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472933851-image.png"/></a><!--
--><a href="#" data-pseudo="dove" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472933851-tumblr-oa3xjhyj3z1vsk1apo6-250.jpg"/></a><!--
--><a href="#" data-pseudo="megan" target="_blank"><img src="http://image.noelshack.com/fichiers/2016/35/1472933851-image-8.png"/></a><!--
--></div><!--
/*** fin prédéfinis ***/
/*** début maj ***/
--><div class="tpl-text"><!--
--><b>Dernière mise à jour le 03/09/2016.</b><!--
--></div><!--
/*** fin maj ***/
--></div><!--
--></div><!--
/*** début copyright ***/
--><div class="tpl-copyright"><!--
--><a href="#" target="_blank">©Space Cake</a> est un forum créé par pseudo, inspiré de la série qui-n-a-pas-de-nom.<br/><!--
-->Contexte écrit par fandom-girl, graphisme par graphiste-boy. Etc etc.<!--
--></div><!--
/*** début copyright ***/
--></div>
@import 'https://fonts.googleapis.com/css?family=Unica+One';
@import 'https://fonts.googleapis.com/css?family=Six+Caps';
.tpl-concours-2{
background:#EEE url(http://image.noelshack.com/fichiers/2016/35/1472987909-old-wall.png);
color:#19282D;
padding:20px;
width:420px;
font-family:"arial",serif;
font-size:12px;
line-height:14px;
position:relative;
overflow:hidden;
z-index:10;
}
.tpl-concours-2 a,
.tpl-concours-2 a:hover{
text-decoration:none !important;
}
/*lien lire la suite*/
.tpl-concours-2 .tpl-readmore{
text-decoration:none !important;
display:block;
position:absolute;
bottom:0;
right:0;
color:#FFF;
font-size:10px;
text-transform:uppercase;
padding:2px 5px;
background-image:url(http://image.noelshack.com/fichiers/2016/35/1472987909-old-wall.png);
background-color:#304A69;
background-attachment:fixed;
font-family:"Unica One";
text-shadow: 2px 2px #5C7BA4;
}
.tpl-concours-2 .tpl-readmore:hover{
transform:scale(1.1);
-webkit-transform:scale(1.1);
}
/*copyright*/
.tpl-concours-2 .tpl-copyright,
.tpl-concours-2 .tpl-copyright a{
color:rgba(0,0,0,0.3);
}
.tpl-concours-2 .tpl-copyright{
font-size:9px;
margin:20px 0;
text-align:center;
}
/*banniere et titres*/
.tpl-concours-2 .tpl-bann{
position:relative;
}
.tpl-concours-2 .tpl-bann h1{
position:absolute;
left:5px;
}
.tpl-concours-2 h1{
font-size:50px !important;
line-height:50px;
font-weight:normal;
}
.tpl-concours-2 h1,
.tpl-concours-2 h2{
font-family:"Unica One";
color:#EEE;
text-transform:uppercase;
margin:0;
text-shadow:2px 2px rgba(183,188,204,0.5);
}
.tpl-concours-2 h2{
font-weight:bold;
clear:both;
font-size:18px !important;
}
.tpl-concours-2 h1 span,
.tpl-concours-2 h2 span{
color:#5C7BA4;
text-shadow: 2px 2px rgba(92, 123, 164, 0.4);
}
.tpl-concours-2 .tpl-bann img{
width:100%;
display:block;
}
.tpl-concours-2 ul{
margin:0;
padding:0;
list-style-type:none;
}
.tpl-concours-2 li{
margin-bottom:5px;
}
.tpl-concours-2 .tpl-date{
background:rgba(48, 74, 105, 0.1);
}
/*etiquettes*/
.tpl-concours-2 .tpl-tags{
margin-top:5px;
margin-bottom:10px;
}
.tpl-concours-2 .tpl-tags span{
background:#19282D;
color:#EEE;
display:inline-block;
padding:2px 6px 1px 6px;
border-radius:10px;
white-space:nowrap;
font-size:10px;
text-transform:uppercase;
margin-top:5px;
margin-right:5px;
}
/*carre masque*/
.tpl-concours-2:before{
content:' ';
position:absolute;
display:block;
background:rgba(48, 74, 105, 0.1);
width:100%;
padding-top:100%;
top:-50px;
left:0;
-ms-transform: rotate(55deg);
-webkit-transform: rotate(50deg);
transform: rotate(50deg);
z-index:1;
}
.tpl-concours-2 .tpl-body{
position:relative;
z-index:2;
}
.tpl-concours-2 .tpl-body:after{
content:' ';
display:block;
clear:both;
}
/*colonnes*/
.tpl-concours-2 .tpl-col{
float:left;
width:65%;
margin-right:10px;
}
.tpl-concours-2 .tpl-col:last-child{
margin:0;
width:calc(35% - 10px);
}
.tpl-concours-2 .tpl-text{
border:1px solid rgba(0, 0, 0, 0.1);
background:rgba(238, 238, 238,0.5);
margin:0 0 10px 0;
padding:10px;
position:relative;
z-index:8;
}
.tpl-concours-2 .tpl-text b{
text-shadow: 1px 1px #C7C7C7;
}
.tpl-concours-2 .tpl-text:first-child{
z-index:10;
}
/*vignettes*/
.tpl-concours-2 .tpl-vignettes{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.tpl-concours-2 .tpl-vignettes a{
margin-bottom:10px;
border:1px solid rgba(0, 0, 0, 0.1);
display:block;
position:relative;
text-transform:lowercase;
overflow:hidden;
font-family:"Six Caps", serif;
}
.tpl-concours-2 .tpl-staff.tpl-vignettes a{
width:calc(100%/2.2);
}
.tpl-concours-2 .tpl-predefs.tpl-vignettes a{
width:calc(100%/3.5);
}
.tpl-concours-2 .tpl-vignettes a:after,
.tpl-concours-2 .tpl-staff.tpl-vignettes a:before{
display:block;
position:absolute;
width:80%;
padding:0 10%;
height:50%;
color:#FFF;
background-image:url(http://image.noelshack.com/fichiers/2016/35/1472987909-old-wall.png);
background-color:#304A69;
background-attachment:fixed;
text-shadow: 2px 2px #5C7BA4;
}
.tpl-concours-2 .tpl-vignettes a:nth-child(even):after,
.tpl-concours-2 .tpl-staff.tpl-vignettes a:nth-child(even):before{
background-color:#EEE;
color:#304A69;
text-shadow: 2px 2px #C7C7C7;
}
.tpl-concours-2 .tpl-vignettes a:after{
content:attr(data-pseudo);
top:0;
left:-100%;
-webkit-transition: left 0.25s;
transition: left 0.25s;
background-position:18px 82px;
line-height:1.2em;
text-align:right;
font-size:25px;
}
.tpl-concours-2 .tpl-predefs.tpl-vignettes a:after{
height:100%;
font-size:20px;
}
.tpl-concours-2 .tpl-staff.tpl-vignettes a:before{
content:attr(data-role);
font-size:15px;
letter-spacing:5px;
text-align:left;
bottom:0;
right:-100%;
-webkit-transition: right 0.45s;
transition: right 0.45s;
background-position:18px 82px;
line-height:0.8em;
}
.tpl-concours-2 .tpl-staff.tpl-vignettes a:hover:before{
right:0;
}
.tpl-concours-2 .tpl-vignettes a:hover:after{
left:0;
}
.tpl-concours-2 .tpl-vignettes a img{
display:block;
width:100%;
}
.tpl-concours-2 .tpl-scrollable{
max-height:155px;
overflow:auto;
text-align:justify;
padding-right:5px;
margin-right:-5px;
}
/*menu*/
.tpl-concours-2 .tpl-flower{
width:190px;
height:190px;
border-radius:50%;
display:block;
text-align:center;
position:absolute;
top:-34px; left:-40px;
z-index:0;
}
.tpl-concours-2 .tpl-flower-right{
float:right;
width:40%;
height:120px;
position:relative;
overflow:hidden;
}
.tpl-concours-2 .tpl-flower-right:hover{
overflow:visible;
}
.tpl-concours-2 .tpl-flower-right:hover .tpl-flower{
z-index:10;
}
.tpl-concours-2 .tpl-flower .tpl-arc{
position:relative;
width:100%;
height:50%;
overflow:hidden;
top:3.5px;
}
.tpl-concours-2 .tpl-flower .tpl-arc:nth-child(2){
transform:rotate(0.5turn);
top:-3.5px;
}
.tpl-concours-2 .tpl-flower .tpl-line a{
width:50px;
height:50px;
background:rgba(48, 74, 105, 0.2);
color:#FFF;
text-shadow:1px 1px #B0B4B7;
font-weight:bold;
}
.tpl-concours-2 .tpl-flower .tpl-line a:hover{
background:rgba(255, 255, 255, 0.70);
color:#19282D;
text-shadow:1px 1px #E6E6E6;
}
.tpl-concours-2 .tpl-flower a img{
height:120%;
width:120%;
position:absolute;
top:0; left:0; right:0; bottom:0;
margin:auto;
}
.tpl-concours-2 .tpl-flower a{
display:flex;
justify-content:center;
flex-direction:column;
border-radius:50%;
-webkit-transition: transform 0.5s, color 0.5s, background-color 0.5s;
transition: transform 0.5s, color 0.5s, background-color 0.5s;
font-size:0.75em;
text-decoration:none;
overflow:hidden;
text-transform:lowercase;
line-height:1.2em;
}
.tpl-concours-2 .tpl-flower .tpl-arc a:after{
content:'a';
visibility:hidden;
display:block;
line-height:0.2em;
}
.tpl-concours-2 .tpl-flower:hover a.tpl-open{
transform:scale(0.70);
-webkit-animation:none;
-moz-animation:none;
-ms-animation:none;
animation:none;
}
.tpl-concours-2 .tpl-flower-left{
width:50%;
float:left;
}
.tpl-concours-2 .tpl-flower a.tpl-open{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
width:50%;
height:50%;
background:#000;
transform:scale(1);
box-shadow: 0 0 0 0 rgba(92, 123, 164, 0.7);
-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
/*animation menu*/
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(92, 123, 164, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(92, 123, 164, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 20px rgba(92, 123, 164, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 20px rgba(92, 123, 164, 0);}}
.tpl-concours-2 .tpl-flower .tpl-line{
width:100%;
height:50px;
position:absolute;
bottom:-25%;
left:0;
transform-origin:center;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(1){transform:rotate(0.055turn) scale(0);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(2){transform:rotate(0.175turn) scale(0);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(3){transform:rotate(0.295turn) scale(0);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(4){transform:rotate(0.420turn) scale(0);}
.tpl-concours-2 .tpl-flower:hover .tpl-arc .tpl-line:nth-child(1){transform:rotate(0.055turn) scale(1);}
.tpl-concours-2 .tpl-flower:hover .tpl-arc .tpl-line:nth-child(2){transform:rotate(0.175turn) scale(1);}
.tpl-concours-2 .tpl-flower:hover .tpl-arc .tpl-line:nth-child(3){transform:rotate(0.295turn) scale(1);}
.tpl-concours-2 .tpl-flower:hover .tpl-arc .tpl-line:nth-child(4){transform:rotate(0.420turn) scale(1);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(1) a{transform:rotate(-0.055turn);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(2) a{transform:rotate(-0.175turn);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(3) a{transform:rotate(-0.295turn);}
.tpl-concours-2 .tpl-flower .tpl-arc .tpl-line:nth-child(4) a{transform:rotate(-0.420turn);}
.tpl-concours-2 .tpl-flower .tpl-arc:nth-child(2) .tpl-line:nth-child(1) a{transform:rotate(-0.555turn);}
.tpl-concours-2 .tpl-flower .tpl-arc:nth-child(2) .tpl-line:nth-child(2) a{transform:rotate(-0.675turn);}
.tpl-concours-2 .tpl-flower .tpl-arc:nth-child(2) .tpl-line:nth-child(3) a{transform:rotate(-0.795turn);}
.tpl-concours-2 .tpl-flower .tpl-arc:nth-child(2) .tpl-line:nth-child(4) a{transform:rotate(-0.920turn);}
/*scrollbar*/
.tpl-concours-2 ::-webkit-scrollbar {
width: 6px;
}
.tpl-concours-2 ::-webkit-scrollbar-button {
width: 6px;
height: 4px;
}
.tpl-concours-2 ::-webkit-scrollbar-track {
background:#eee;
border: thin solid lightgray;
box-shadow: 0px 0px 3px #dfdfdf inset;
border-radius:10px;
}
.tpl-concours-2 ::-webkit-scrollbar-thumb {
background:#999;
border: thin solid gray;
border-radius:10px;
}
.tpl-concours-2 ::-webkit-scrollbar-thumb:hover {
background:#7d7d7d;
}