AccueilAccueil  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
daevil ☆ ihy bhj bhm nhj
Event été
Shin mcc ybb ka cdc ☆
00/07 nouvelle version, check ça ! 00/07 animation d'été19/06 event effondrement centre commercial 01/06 changement de design et nouveautés 04/05 ouverte du bowling et première partie lancée04/05 changement design et nouveautés04/04 mis en place d'un recensement04/04 changement de design et nouveautés19/02 changement de design et nouveautés11/01 changement de design et nouveautés16/12 apparition catégorie temporaire noël16/12 animation et rps communs noël03/12 ouverture officielle du forum
Bienvenue ! rmfc c'est un forum rpg city qui se déroule à séoul en 1995. le rp y est libre, sans minimum de mots ou de réponses par mois. les avatars sont réels et de taille 200*320. le forum s'inspire des dramas reply. l'ensemble du design et textes sont de daevil et shin.
pour faire connaître RMFC, n'oublie pas de voter !
Seoul 95
Effondrement du centre commercial de hongdae. Les secours sont sur place. Il est demandé aux personnes ayant des connaissances disparues de prévenir les autorités. Quant aux rescapés, ils tentent de ne pas paniquer de chercher la sortie.
ceci est un message test
00/07 la mise à jour de juillet est enfin là, viens donc réagir par !

 

 ancien css à récup

Aller en bas 
avatar
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

http://seoul95-test.kanak.fr/t54-les-nouveautes-pour-mbr#254 http://seoul95-test.kanak.fr/t54-les-nouveautes-pour-mbr#254
Compte fondateur
MessageSujet: 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;
}
Revenir en haut Aller en bas
 
ancien css à récup
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Et toi? Tu es bon en quoi? :: Les bases :: Règlement & information-
Sauter vers: