Cyalana

[ Post de rol ] Xanny Versión Clara

Mar 6th, 2021 (edited)
1,109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.90 KB | None | 0 0
  1. <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet"> <div class="c-postrol"> <div class="c-imguno" style="background-image:url(https://i.imgur.com/2SVEenD.png);"></div> <div class="c-imgdos" style="background-image:url(https://i.imgur.com/6HSXhUT.png);"></div> <div class="c-alphabet">Xanny</div> <div class="whatis">What is it about them? I must be missing something.</div> <div class="to-intox">They just keep doing nothing, too intoxicated to be scared.</div> <div class="c-rolensi"> <div class="c-roltitu">Please don't kiss me on the sidewalk</div> <div class="c-subti">I can't afford to love someone who isn't dying by mistake...</div> Lorem ipsum dolor sit amet consectetur adipiscing elit risus eu hac, nec duis congue primis ante rutrum natoque enim nisl, leo fringilla sapien purus orci imperdiet eget auctor egestas. Ultrices morbi feugiat vel sociis euismod natoque hac taciti, at donec et ornare cras phasellus porttitor quis, sagittis malesuada vestibulum fames class ullamcorper placerat. Fringilla ullamcorper platea bibendum ut tristique nascetur curabitur risus, nisl penatibus libero dui duis vel lacus maecenas primis, cursus tincidunt neque tempor nulla luctus ornare. Libero netus pulvinar hac varius pretium mattis odio torquent vehicula, montes dictum at diam velit ornare mollis posuere, aptent scelerisque ac bibendum potenti congue purus duis. <br><br> Curabitur pulvinar a risus ultrices molestie, orci varius eleifend hac magna natoque, at habitant accumsan ac. Pulvinar at eleifend vulputate mi velit enim venenatis vehicula himenaeos, inceptos ultrices penatibus pellentesque arcu lacus a dapibus, rutrum nullam mattis pretium fames dignissim per lacinia. Eu quam dui viverra sem venenatis netus gravida lectus pharetra, mauris sociosqu porta aenean nunc vestibulum placerat metus, mollis lacus curae magna praesent enim himenaeos libero. Magnis eros semper rhoncus condimentum aenean lobortis quisque primis nullam conubia orci, molestie pellentesque suscipit maecenas ultricies purus eleifend donec habitasse posuere.</div> </div><center><h5 id="cyala-sign"><a target="_blank" href="https://magicalcore.tumblr.com/">C y a l a n a</a></h5></center>
  2.  
  3. <style>.c-postrol {background: #eee; height: auto; width: 300px; margin: 50px auto; position: relative; font-family: 'Playfair Display', serif; padding-bottom: 50px; border-bottom: 10px solid #333;} .c-imguno {height: 150px; width: 150px; background: #ccc; position: absolute; left: 40px; top:40px; background-size: cover; filter: grayscale(100%); outline: 1px solid #fff; outline-offset: 10px;} .c-imgdos {height: 150px; width: 150px; background: #ccc; position: absolute; left: 110px; top:110px; background-size: cover; filter: grayscale(100%); outline: 1px solid #fff; outline-offset: 10px;} .c-alphabet {font-size: 40px; position: absolute; color: #222; font-weight: 700; width: 300px; height: 130px; line-height: 100%; display: flex; justify-content: center; align-items: center; top: 75px; text-transform: uppercase; letter-spacing: 5px; font-style: italic;} .whatis {font-size:7px; background: ; width: 70px; top: 30px; left: 210px; position: absolute; font-style: italic; line-height: 120%; text-align: left; color: #999; background: ; height: 61px; display: flex; align-items: flex-end;} .to-intox {font-size:7px; background: ; width: 70px; top: 210px; left: 20px; position: absolute; font-style: italic; line-height: 120%; text-align: right; color: #999; height: 61px;} .c-rolensi {width: 260px; height: auto; padding: 300px 20px 0 20px; color: #555; font-size: 10px; text-align: justify; line-height: 140%;} .c-roltitu {color: #222; font-size: 11px; font-weight: 700;} .c-subti {color: #888; font-size: 9px; font-style: italic; padding-bottom: 10px;} #cyala-sign {font-size: 6px; text-transform: uppercase; letter-spacing: 1px; margin:0; font-family: arial; margin-top: 10px;} #cyala-sign a { text-decoration: none!important;} </style>
Add Comment
Please, Sign In to add comment