Partagez | 
 

 Le css des fiches

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Santiagod
Admin

avatar
Messages : 105
Date d'inscription : 14/07/2016

Message(#)Sujet: Le css des fiches   Dim 26 Mar - 11:13

/*----------DEBUT ANNEXES TT ----------*/

/*annexes #1*/

.gifan1{width:480px; height:250px;border-radius:100%;margin:auto; border:2px solid #956985; position:relative;}
.fond1an1{height: 125px; margin-top: -125px; border-right:2px solid #956985; border-left:2px solid #956985; width:480px; margin:auto; display:block; margin-top:-122px;}
.fond2an1{padding-bottom: 10px; border-right:2px solid #956985; border-left:2px solid #956985; border-bottom:2px solid #956985; border-radius: 0px 0px 15px 15px;width:480px;margin:auto; display:block;}
.titrean1{font-family:'Alex Brush'; color: #ba5259; font-size: 40px; margin: auto; font-weight: bold;text-shadow: 1px 1px 1px black; text-align: center; line-height: 22px; margin-top: -25px; position: relative;}
.txtan1{width:414px; background:#ededed; padding:15px; margin:auto; text-align:justify; font-family:comic sans ms; font-size:13px; margin-top: 20px; border-radius: 14px; color:black; box-shadow:3px 3px black;}
.titre2an1{font-family:'Alex Brush'; color: #ba5259; font-size: 40px; margin: auto; font-weight: bold; text-shadow: 1px 1px 1px black; text-align: center; line-height: 22px; position:relative; margin-top:-15px}
.saphael3{font-weight:bold; display:inline-block;}
.imgan1{width:300px; height:150px; margin:auto; border:1px solid black; border-radius:15px; position:relative}
.txtan2{width:414px; background:#ededed; padding:15px; margin:auto; text-align:justify; font-family:comic sans MS; font-size:13px; margin-top:-10px; border-radius:14px; color:black; box-shadow:3px 3px black}
.rondand{height:50px; width:50px; border:1px solid black; border-radius:100%; float:right; margin-left:5px}
.infoand{font-family:'Roboto'; font-size:14px; text-transform:uppercase; margin-top:9px; text-align:right}
.rondang{height:50px; width:50px; border:1px solid black; border-radius:100%; float:left; margin-right:5px}
.infoang{font-family:'Roboto'; font-size:14px; text-transform:uppercase; margin-top:9px; text-align:left}

/*fin annexes #1*/

/*recensement de points*/

.fondrpd{display:block; background-color: #ededed; width:480px; border-top:7px solid #956985;}
.titrerdp{display:block; font-family: 'Alex Brush', cursive; font-weight:bold; font-size:43px; margin:auto; color: #ba5259; text-align:center}
.txtrdp{display:inline-block; color:black; font-family: 'Roboto'; padding-left:19px; padding-bottom:10px; font-size:13px; text-align:justify; padding-right:15px}

/*fin recensement des points*/

/*FICHE COMMANDE PAR NYXBANANA*/

.family__container {
background: url(http://img15.hostingpics.net/pics/76225285ff.png) no-repeat center; /*changer l'image de fond*/
background-size: cover;
width: 600px;
margin: 0 auto;
height: 511px;
position: relative;
text-align: justify;
}

.family__clmn, .family__content {
position: absolute;
}

.family__clmn {
top: 65px
left: 20px;
width: 140px;
height: 400px;
}

.family__clmn::before, .family__clmn::after {
display: block;
font-size: 7px;
font-weight: bold;
position: absolute;
text-align: center;
width: 100%;
text-transform: uppercase;
opacity: .8;
}

.family__clmn::before {
content: 'fiche codée par';
bottom: -6px;
}

.family__clmn::after {
content: '< NyxBanana >';
bottom: -14px;
}

.fml__clmn--img {
width: 100%;
height: 75px;
}

.fml__clmn--ttl, .fml__content--ttl {
font-family: 'Alex Brush', cursive;
font-size: 24px;
margin: 10px 0 5px;
text-align: center;
}

.fml__clmn--caract {
height: 280px;
overflow-y: auto;
padding-right: 4px;
line-height: 1.3;
}

.family__content {
top: 45px;
left: 195px;
width: 345px;
}

.fml__content--img, .fml__img--content {
width: 80px;
height: 42px;
overflow: auto;
}

.fml__content--img {
display: inline-block;
position: relative;
margin: 0 3px;
}

.fml__img--content {
position: absolute;
top: 0;
left: 0;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}

.fml__img--content:hover {
opacity: .35;
-webkit-transition: all .4s ease-out;
transition: all .4s ease-out;
}

.fml__info {
text-align: center;
font-size: 8px;
font-weight: bold;
padding-top: 3px;
height: 39px;
overflow-y: auto;
text-transform: uppercase;
line-height: 1.2;
}

.fml__content--history {
margin-top: 10px;
height: 285px;
overflow-y: auto;
padding-right: 4px;
line-height: 1.3;
}

/*fin FICHE COMMANDE PAR NYXBANANA*/

/*---------- FIN FICHE annexes tt ----------*/


/*LES FICHES*/

.fondnoirtt{
background:url(http://image.noelshack.com/fichiers/2016/32/1470682909-pizap-com14706828802881.jpg);
display:block;
border-radius:30px;
border: 1px dotted #ededed;
margin:auto;
position:relative;
width:500px;
padding:20px;
min-height:300px}

.cadreimgprestt{
display:inline-block;
width:202px;
height:331px;
padding:4px;
background-color:#956985;
border-radius:10px 10px 15px 15px;
margin-top:-88px;
color:#ededed;
font-family:verdana;
font-size:13px;
line-height:11px;
position:relative;}

.detailpersott{
display:block;
width:196px;
height:316px;
padding:2px;
background:#ededed;
overflow:auto;
border-radius:6px;
text-align:justify;
opacity:0;
position:absolute;
color:black;}

.imgavatt{
width:200px;
height:320px;
position:relative;
border:1px solid #ededed;
border-radius:6px;
display:block;
transition:all 1s linear;}

.detailpersott:hover{
opacity:1;
transition:all 1s linear;}

.titrefichett{
font-family:'Alex Brush';
font-size:30px;
line-height:28px;
color:#BB5D5E;
font-weight:bold;
text-align:center;}

.cadreinfostt{
font-size:13px;
line-height:12px;
display:inline-block;
height:225px;
width:268px;
padding:5px;
background:#ededed;
margin-left:10px;
border-radius:15px;
overflow:auto;
text-align:justify;
color:#ededed;
box-shadow: 3px 3px black;
font-family:georgia;
color:black;}

.titrefichett1{
font-family:'Alex Brush';
font-size:40px;
line-height:32px;
color:#ededed;
font-weight:bold;
position:absolute;
top:-28px;
left:230px;}

.separationtt{
display:block;
width:540px;
height:10px;
background:transparent;
margin-top:10px;
margin-left:-20px;
margin-bottom:-6px;}

.titrefichett2{
font-family:'Alex Brush';
font-size:40px;
line-height:32px;
color:#BB5D5E;
font-weight:bold;
width:350px;
margin:auto;
display:block;
text-align:center;}

.caracbiott{
font-family:verdana;
box-shadow:3px 3px black;
background:#ededed;
border-radius:10px;
display:block;
font-size:12px;
line-height:11px;
padding:5px;
color:black;
text-align:justify;}

.infogenstt{
font-family:verdana;
background:#ededed;
border-radius:10px;
display:inline-block;
font-size:13px;
line-height:11px;
padding:5px;
color:black;
text-align:justify;
width:339px;
height:125px;
overflow:auto;
box-shadow:3px 3px black}

.imgicontt{
width:129px;
height:129px;
border:5px solid #956985;
display:inline-block;
margin-left:10px;
border-radius:15px;}

.creditsycm{
font-size:9px;
color:black;
text-align:center;
font-family:'serif';
display:block;
margin:auto;}

.fondimgbiott{
display:inline-block;
width:220px;
border-radius:53px;
border:2px dotted #956985;
padding:3px;
margin-left:10px;
margin-right:10px;}

.imgbiott{
display:inline-block;
width:215px;
height:140px;
border-radius:50px;
border-radius:50px;
border:2px solid #956985;}

.citationtt{
font-family:'Alex Brush';
font-size:30px;
line-height:20px;
color:#BB5D5E;
font-weight:bold;
text-align:center;
margin:auto;
display:block;
width:450px;}

.infofltt{
border-bottom:2px solid #956985;
color:#ededed;
display:block;
font-family:'Roboto';
font-size:12px;
margin:auto;
text-align:center;
text-transform:uppercase;
margin-top:-5px;}

.fondfichett{
display:block;
width:500px;
height:350px;
position:relative;
padding-top:10px;}

.fondcaracfltt{
height:340px;
padding:5px;
width:268px;
border-radius:15px;
background:#ededed;
box-shadow:3px 3px black;
display:block;
font-family:'Verdana';
font-size:13px;
line-height:11px;
color:black;
overflow:auto;
text-align:justify;}

.sstitrett{
font-family:'Alex Brush';
font-size:30px;
line-height:28px;
color:#BB5D5E;
font-weight: bold;}

.fondlienfltt{
position:absolute;
height:225px;
padding:5px;
width:200px;
border-radius:15px;
background:#ededed;
box-shadow:3px 3px black;
display:block;
font-family:'Verdana';
font-size:13px;
line-height:11px;
color:black;
overflow:auto;
top:10px;
right:0px;
text-align:justify;}

.imgbasfltt{
display:block;
width:206px;
height:104px;
position:absolute;
border:3px solid #956985;
bottom:-2px;
right:0px;
border-radius:15px;}

.diporptt{
color:#ededed;
text-align:center;}

.fondrptt{
display:block;
background:#ededed;
width:460px;
margin:auto;
margin-top:3px;
padding:5px;
border-radius:20px;
font-family:'Verdana';
font-size:13px;
box-shadow:3px 3px black;
color:black;}

.catrpstt{
width:455px;
border-bottom:1px solid #BB5D5E;
color:#BB5D5E;
display:block;
font-family:'Roboto';
font-size:12px;
margin:auto;
text-align:center;
text-transform:uppercase;}

.separrptt{
display:block;
background:#956985;
height:5px;
margin-top:11px;
margin-bottom:11px;
width:470px;
margin-left:-5px;}

.fondlientt{
display:block;
width:235px;
height:158px;
padding:5px;
border-radius:10px;
position:absolute;
top:-5px;
overflow-y:scroll;
opacity:0;
overflow-x:hidden;
transition:all 0.7s linear;}

.fondlientt:hover{
transition:all 0.7 linear;
opacity:1;}

.nplientt{
font-family:'Alex Brush';
font-size:25px;
line-height:23px;
color:#ededed;
font-weight:bold;
width:240px;
margin:auto;
text-align:center;}

.deslientt{
display:block;
width:210px;
font-family:'Verdana';
font-size:11px;
line-height:10px;
text-align:justify;
color:#ededed;
padding:5px;}

.intitlientt{
border-bottom:2px solid #BB5D5E;
color:#ededed;
display:block;
font-family:'Roboto';
font-size:12px;
margin:auto;
text-align:center;
text-transform:uppercase;
margin-top:-5px;
margin-bottom:4px;}

.imglientt{
width:240px;
margin:5px;
height:158px;
border:10px solid #956985;
display:inline-block;
border-radius:20px;
position:relative;
overflow:hidden;}

.cadreimgsctt{
display:inline-block;
width:202px;
height:322px;
padding:4px;
background:#422126;
border-radius:10px;
margin-top:-78px;
color:#ededed;
font-family:'Verdana';
font-size:13px;
line-height:11px;
position:relative;}

.imgscenatt{
border-radius:6px;
display:block;
height:316px;
overflow:auto;
padding:2px;
position:absolute;
text-align:justify;
width:196px;
border:1px solid #ededed;}

/*gna*/

.liteoption{color:#141414!important;}
.mainoption{color:#141414!important;}

/*spoiler*/

.spoiler_content{
background-color:#141414;}

.codebox dd {
background-color: #ededed;
border: solid 1px black;
margin: auto;
width: 451px;}
Revenir en haut Aller en bas
http://santiagayforlewis.forumactif.org
 

Le css des fiches

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» fameuses fiches d'assiduités
» Fiches activités pré écriture
» Fiches pratiques sur la propriété littéraire et artistique
» Nouvelle consigne du ministère, fiches d'assiduité
» nouvelles fiches techniques

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Are you insane like me? Been in pain like me? :: Codage :: FORUMS :: Tempus Tenebris-