|
|
| | Mar 26 Mai - 17:27 Messages : 185
Age : 35
Classe & Poste : Directrice du NIU
| Profil MP Email Pin Code fiche En coursActuel Titre du rp feat Yvan QuoiFlashB Titre du rp feat Yvan QuoiEvent Titre du rp feat Yvan QuoiSoon Titre du rp feat Yvan Quoi TerminésActuel Titre du rp feat Yvan QuoiFlashB Titre du rp feat Yvan QuoiEvent Titre du rp feat Yvan QuoiAbandon Titre du rp feat Yvan Quoi - Code:
-
<link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link href="https://fonts.googleapis.com/css?family=Muli:400,400i|Roboto+Condensed:400,700&display=swap" rel="stylesheet"><style>.suivi_ryvin {z-index: 2; position: relative; width: 600px; margin: 2rem auto; background: #fff; font-size: 12px; font-family: 'Roboto Condensed', sans-serif; display: grid; grid-template-columns: repeat(2,50%); grid-template-areas: 'a b' 'c d' 'e e';} .sr_intro {grid-area: a;} .sr_avatar {grid-area: b; text-align: center;} .sr_termines {grid-area: d;} .sr_uc {grid-area: c; width: 80%; } .sr_uc, .sr_termines {width: 80%; margin: 4rem auto 1rem;} .sr_end {grid-area: e;} .suivi_ryvin h2 {color: #000; border: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 3em; line-height: 1; margin: 2rem 2rem 1rem; font-weight: bold; text-transform: uppercase;} .suivi_ryvin h2::after {display: inline-block; width: 50px; height: 20px; background: #7ddccf; content: ""; margin: 0 0 0 1rem;} .sr_intro .sr_content {font-family: 'Roboto Condensed', sans-serif; font-size: 12px; width: 75%; height: 170px; overflow: hidden; box-sizing: border-box; margin: 0 auto; text-align: justify;} .sr_image img {width: 200px; height: 320px; object-fit: cover; position: relative; z-index: 2;} .sr_image {position: relative;} .sr_image::before {width: 300px; height: 300px; content: ""; display: block; background: #7ddccf; border-radius: 100%; position: absolute; z-index: 1; left: 0; top: .8rem;} .sr_links {display: flex; justify-content: center; font-size: 15px;} .sr_links a {margin: 0 1rem 1rem;} .sr_links a:nth-child(2) .fas {color: #7ddccf;} .sr_intro .sr_content p {margin: 0; width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0; font-family: 'Roboto Condensed', sans-serif;} .suivi_ryvin h3 {border: 0; font-style: initial; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 11px; letter-spacing: 1px; display: initial; padding: .5rem; margin: 0;} .sr_listing {width: 100%; display: flex; margin: 1rem 0 0;} span.statut_rp {color: #f3f3f3; text-transform: uppercase; font-weight: bold; font-size: 9px; padding: .5% 1%; width: 40px; display: inline-block; text-align: center; border-radius: 5px; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_listing h4 {font-size: 12px; text-decoration: none; margin: 0 3%; border-bottom: 1px solid; color: #2d2c2c; text-transform: uppercase; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; font-style: normal;} .sr_content_listing {width: 100%; height: 180px; overflow: hidden;} .sr_cl {width: 100%; height: 100%; overflow: auto; padding: 0 1rem 0 0;} .sr_end::after {content: ""; display: block; width: 520px; height: 240px; position: absolute; background: linear-gradient(45deg,#fe7b2a,#d23377)!important; transform: rotate(-10deg); top: 54px; right: -25px;} .sr_end {display: flex; align-items: flex-end; height: 100px; position: relative; overflow: hidden;} .sr {position: relative; width: 600px; margin: auto;} .sr_debut {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(20deg); position: absolute; bottom: 3.8rem; left: -2rem; z-index: 2;} .sr_fin {width: 300px; height: 300px; content: ""; display: block; background: #f5f5f5; transform: rotate(-160deg); position: absolute; top: 3.8rem; right: -2rem; z-index: 1;} a.h_credits {text-decoration: none; text-transform: lowercase; font-style: italic; color: #dedede; padding: 0 0 .3rem 3rem; font-size: 10px;}h4{font-family: Times New Roman;font-size: 30px;text-transform: lowercase;margin: 5% 0;text-align: center;font-style: italic;background: rgba(216, 216, 216, 0.7);color: #5d5d5d;text-shadow: #fff 3px 0 0px, #fff 2.83487px 0.981584px 0px, #fff 2.35766px 1.85511px 0px, #fff 1.62091px 2.52441px 0px, #fff 0.705713px 2.91581px 0px, #fff -0.287171px 2.98622px 0px, #fff -1.24844px 2.72789px 0px, #fff -2.07227px 2.16926px 0px, #fff -2.66798px 1.37182px 0px, #fff -2.96998px 0.42336px 0px, #fff -2.94502px -0.571704px 0px, #fff -2.59586px -1.50383px 0px, #fff -1.96093px -2.27041px 0px, #fff -1.11013px -2.78704px 0px, #fff -0.137119px -2.99686px 0px, #fff 0.850987px -2.87677px 0px, #fff 1.74541px -2.43999px 0px, #fff 2.44769px -1.73459px 0px, #fff 2.88051px -0.838247px 0;</style> <div class="sr"><h4>Code fiche</h4><div class="sr_debut"></div><div class="suivi_ryvin"><!--
RP EN COURS --><div class="sr_uc"><h3 style="background:#5d5d5d; color: #fff;"><i class="fas fa-forward"></i> En cours</h3>
<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #ed6047;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #ed6047;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #ed6047;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #ed6047;">Soon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--
RP TERMINES --><div class="sr_termines"><h3 style="background: #5d5d5d; color: #fff;"><i class="fas fa-check"></i> Terminés</h3>
<div class="sr_content_listing"><div class="sr_cl"><div class="sr_listing"><span class="statut_rp" style="background: #d53871;">Actuel</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #d53871;">FlashB</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #d53871;">Event</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div><!-- --><div class="sr_listing"><span class="statut_rp" style="background: #d53871;">Abandon</span> <h4>Titre du rp</h4> <span class="feat">feat Yvan Quoi</span></div></div></div></div><!--
--><div class="sr_end"><a href="http://ls-halloween.fr/" class="h_credits" target="_blank">Halloween</a></div></div><div class="sr_fin"></div></div>
|
| |
|