Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,21/04/20151623XX XX feat : Lorem ipsum dolor sit amet, crédit : Lorem ipsum dolor sit amet, Date d'inscription : 21/04/2015 Messages : 162 Disponibilité rp : 3 libre : XX XX Compte fondateur feat : Lorem ipsum dolor sit amet,crédit : Lorem ipsum dolor sit amet,Date d'inscription : 21/04/2015Messages : 162Disponibilité rp : 3libre : XX XX | Sujet: ancien css à récup Lun 16 Juil - 22:02 | |
| FICHE DE PREZ + CARNET - Code:
-
/*---------------------------------------------- codage des ANCIENNES fiches -------------------------*/ /*--présentation--*/ .prez { border-top: 5px solid black; border-bottom: 4px solid black; border-radius: 0!important; box-shadow: 0 0 10px #d8d1d1 inset; color: #5c5c5c; margin-left: auto; margin-right: auto; padding: 5px; text-align: justify; width: 410px!important; background-image: url(https://i.imgur.com/4jrk0vT.png); }
.prez br { display: none !important; }
.preztitre { position: relative; padding: 4px; background-color: #b1c0cd; }
.preztitre1 { position: relative; width: 500px; height: 69px !important; margin-top: 0; margin-left: -45px; background-color: transparent; background-image: url('https://i.imgur.com/2yOde64.png'); background-repeat: no-repeat; }
.preztitre2 { border-radius: 0; height: 60px; margin-left: -5px; margin-top: -21px; position: relative; width: 420px; }
.prezic { width: 390px; margin-top: 10px; margin-bottom: 0; margin-bottom: -10px; margin-left: 10px; background-color: #d7dce0; }
.preztitre1 h2 { position: absolute; top: 5px; left: 20px; width: 85%; margin-top: 0; margin-right: auto; margin-left: auto; padding: 10px 10px; border: 0 solid; text-align: center; text-shadow: 0 0 #e0c2b8 !important; text-transform: lowercase; font-family: 'indie flower',cursive; font-size: 20px; line-height: 15px; color: #fff; background-color: transparent; }
.preztitre2 h2 { font-size: 20px; border-bottom: 1px solid #d0cfcf; color: #3e3e3e; text-shadow: 1px 1px #fff; text-transform: uppercase; font-family: 'Playfair Display', seri; font-weight: 400; left: 20px; line-height: 11px; margin-left: auto; margin-right: auto; margin-top: 7px; padding: 10px; position: absolute; text-align: center; text-transform: uppercase; top: 10px; width: 85%; }
.preztitre1 h2 span { display: block; margin-top: 15px; padding-right: 15px; text-align: right; text-shadow: 0 0 0 !important; font-family: 'Amatic SC',cursive !important; font-size: 15px !important; color: #59575e!important; }
.prez .cadre { width: 400px; margin: auto; text-align: justify; }
.cadre2 { background-color: #ffffffa8; /*background-color: #f7f6f5;*/ border: 1px solid #ece5e5; border-radius: 5px; box-shadow: 0 0 3px #dbdbdb inset; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 12px; margin-left: auto; margin-right: auto; padding: 6px; width: 380px; }
.prez .cadre br { display: block !important; }
.prez .cadre h3 { clear: both; width: 95%; margin-right: auto; margin-bottom: -20px; margin-left: auto; padding-bottom: 5px; border-bottom: 0 solid #f5f3f4; font-family: 'Allura',cursive; font-size: 20px; color: #656565; }
.prez .cadre h3 ligne { display: inline-block; position: relative; width: 170px; margin-left: 15px; padding: 2px; border-bottom: #656565 dotted 5px; }
.prez .cadre .cgpre { float: left; width: 99px; height: 59px; margin-left: -20px; background-image: url('https://i.imgur.com/rV4LeGq.png'); background-repeat: no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.cgptb { float: left; width: 99px; height: 59px; margin-left: -20px; background-image: url('https://i.imgur.com/TSfowsS.png'); background-repeat: no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.prez .cadre .cgprs { float: left; width: 99px; height: 59px; margin-left: -20px; background-image: url('https://i.imgur.com/a2ijnie.png'); background-repeat: no-repeat; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.prez .cadre .cd { width: 270px; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-left: 85px; padding: 5px 5px; border-radius: 0; font-size: 11px; color: #5c5c5c; box-shadow: 0 0 0 #dbdbdb inset; background-color: #ffffffb3; }
.prez .cadre .cd2 { width: 270px; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-left: 85px; padding: 5px 5px; border-radius: 0; text-align: left; font-size: 12px; color: #5c5c5c; box-shadow: 0 0 0 #dbdbdb inset; background-color: #f9f9f9; }
.prez .cadre .cca { width: 370px; margin-right: auto; margin-left: auto; padding: 5px 5px; font-size: 11px; line-height: 13px; color: #5c5c5c; background-color: #f9f9f9; }
.prez .cadre div uu { font-family: 'Exo'; font-size: 13px; font-weight: 700; color: #86878c; }
.prez .cadre div ll { font-family: 'Exo'; font-size: 13px; font-weight: 700; color: #5f5e5e; }
.prezder { position: relative; width: 420px; margin-top: 15px; margin-bottom: -5px; margin-left: -5px; max-height: 150px; min-height: 100px; box-shadow: 0 -4px 10px #27272769 inset; background-color: #535353; }
.prezder img { position: absolute; top: 15px; right: 10px; width: 65px; height: 65px; padding: 2px; border: 2px dotted #fff; border-radius: 100%; }
.prezder div { float: right; position: absolute; top: 35px; left: 45px; width: 280px; height: 45px; padding: 5px 5px; overflow: auto; text-align: right; text-transform: lowercase; font-family: 'Exo',cursive !important; font-size: 13px; letter-spacing: 0; color: #fff; }
pseudo { display: block; width: 75%; margin-left: 10px; padding-top: 3px; padding-left: 3px; max-height: 37px; text-align: left; text-transform: lowercase; font-family: 'Indie Flower',cursive; font-size: 20px !important; font-weight: bold; line-height: 12px; color: #fff; }
.rpimg { float: left; width: 110px; margin-right: 10px; padding: 2px; border: 3px double #d6d7da; background-color: white; }
/*-- carnet --*/
.repert { width: 500px; height: 565px; margin: auto; background-image: url('https://i.imgur.com/BWhPJZv.png'); }
.dr2 { width: 500px; margin: auto; min-height: 550px; background-image: url('https://i.imgur.com/9HkZAiK.png'); }
.dr1 { width: 500px; height: 585px; margin: auto; overflow: hidden; background-image: url('https://i.imgur.com/GNOvwqG.png'); }
.dr0 { width: 490px; height: 790px; margin: auto; padding: 5px; overflow: hidden; background-image: url('https://i.imgur.com/epVyJiG.png'); }
.drm1 { margin-top: -155px; margin-left: 18px; }
.drpic0 { width: 212px; height: 212px; opacity: 0.9; -webkit-transform: rotate(358deg); -moz-transform: rotate(358deg); -ms-transform: rotate(358deg); -o-transform: rotate(358deg); transform: rotate(358deg); }
.drpic1 { margin-top: 55px; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); }
.qt { width: 220px; height: 20px; margin-left: 20px; padding-top: 8px; text-align: center; font-family: 'Annie Use Your Telescope',cursive; font-size: 22px; -webkit-transform: rotate(358deg); -moz-transform: rotate(358deg); -ms-transform: rotate(358deg); -o-transform: rotate(358deg); transform: rotate(358deg); }
.drn { width: 200px; height: 50px; margin-top: 8px; margin-left: 20px; padding-top: 18px; text-align: center; font-family: 'Annie Use Your Telescope',cursive; font-size: 28px; }
.drt { width: 180px; height: 285px; margin-left: 26px; padding-top: 16px; overflow: auto; text-align: justify; font-family: 'Indie Flower',cursive; font-size: 17px; }
.drt1 { width: 320px; height: 320px; margin-top: 5px; margin-right: 37px; padding-left: 20px; overflow: auto; text-align: justify; font-family: 'Neucha',cursive; font-size: 18px; line-height: 22px; }
.drt2 { width; 300px; height: 85px; padding: 5px; overflow: auto; font-family: 'Neucha',cursive; font-size: 17px; line-height: 22px; }
.memo1 { width: 195px; height: 60px; margin-top: -115px; margin-left: 10px; padding-top: 10px; overflow: auto; text-align: justify; font-family: 'Indie Flower',cursive; font-size: 17px; }
.memo2 { width: 195px; height: 90px; margin-top: -1px; margin-left: 50px; padding-top: 15px; overflow: auto; text-align: justify; font-family: 'Indie Flower',cursive; font-size: 17px; }
.memo3 { width: 220px; margin-top: -35px; margin-left: 65px; padding-top: 8px; text-align: center; font-family: 'Annie Use Your Telescope',cursive; font-size: 18px; line-height: 22px; }
.marker { font-family: 'Permanent Marker',cursive; font-size: 22px; opacity: 0.7; }
.drp { width: 150px; height: 50px; margin-left: 180px; padding-top: 20px; overflow: hidden; text-align: center; font-family: 'Permanent Marker',cursive; font-size: 22px; }
.pl1 { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -ms-transform: rotate(3deg); -o-transform: rotate(3deg); transform: rotate(3deg); }
.pl2 { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -ms-transform: rotate(-5deg); -o-transform: rotate(-5deg); transform: rotate(-5deg); }
.pl3 { -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg); -o-transform: rotate(5deg); transform: rotate(5deg); }
.plbg { width: 155px; height: 190px; text-align: center; font-family: 'Annie Use Your Telescope',cursive; font-size: 22px; -webkit-box-shadow: 1px 1px 2px 0 #85716F; box-shadow: 1px 1px 2px 0 #85716F; }
.plimg { width: 135px; height: 135px; border: 10px solid white; }
.dimg1 { width: 130px; height: 130px; }
.dimg2 { width: 130px; height: 130px; border-top: 7px solid black; }
.reptitre { font-family: 'Permanent Marker',cursive; font-size: 36px; }
.drbloc { text-align: justify; font-family: 'Neucha',cursive; font-size: 18px; line-height: 22px; }
.drimg2 { width: 212px; height: 212px; opacity: 0.8; -webkit-transform: rotate(358deg); -moz-transform: rotate(358deg); -ms-transform: rotate(358deg); -o-transform: rotate(358deg); transform: rotate(358deg); }
.drpic { margin-top: 105px; margin-left: 153px; }
.drtitre { padding-top: 27px; text-align: center; font-family: 'Permanent Marker',cursive; font-size: 36px; }
|
|