Jawn
# FICHE DE LIENS - Noire et rose - Dim 7 Mar - 21:07
- Code:
<link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet"/><div class="black_thread"> <div class="black_thread_top"> <div class="black_thread_icon"><span class="th th-sunset-o"></span></div><div class="black_thread_title">falling in love</div><div class="black_thread_credit"><a target="_blank" href="https://somuchgravity.forumsrpg.com/">
epsilon</a></div><div class="black_thread_sub">is the sweetest death</div></div><div class="black_thread_bottom"> <div class="black_thread_bottom_left"> <h1>tell me your story —</h1> <div class="black_thread_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue nec sapien sit amet tempus. Nunc commodo elit quis ligula luctus, ut porttitor arcu facilisis. Vestibulum est massa, imperdiet id fermentum at, consequat a elit. Aliquam erat volutpat. Nunc arcu est, convallis in pellentesque a, interdum iaculis dolor. Sed in tortor tincidunt, mollis massa eu, rhoncus mauris. Fusce lectus massa, vulputate in velit sit amet, euismod facilisis lectus. Aenean sed sagittis leo. Ut ultrices, metus eget iaculis consequat, justo tellus convallis est, et blandit libero nisi vitae tellus. Nam quis ex purus. Quisque imperdiet massa vel mauris vulputate blandit. Donec in mauris et lacus vulputate sollicitudin. Donec gravida porttitor nulla, quis scelerisque mauris feugiat vitae. Nullam ac ex eget tellus lacinia volutpat id sit amet sapien. Donec facilisis a ligula sit amet ornare. Aliquam sollicitudin tellus non tortor sagittis facilisis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut arcu massa, lacinia vitae odio vitae, bibendum porttitor erat. </div></div><div class="black_thread_bottom_right"> <h1>who are you —</h1> <div class="black_thread_bot_tot"> <div class="black_thread_bot_icon"><span class="th th-bubble-heart"></span></div><div class="black_thread_bot_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue nec sapien sit amet tempus. Nunc commodo elit quis ligula luctus, ut porttitor arcu facilisis. Vestibulum est massa, imperdiet id fermentum at, consequat a elit. Aliquam erat volutpat. Nunc arcu est, convallis in pellentesque a, interdum iaculis dolor. Sed in tortor tincidunt, mollis massa eu, rhoncus mauris. Fusce lectus massa, vulputate in velit sit amet, euismod facilisis lectus. Aenean sed sagittis leo. Ut ultrices, metus eget iaculis consequat, justo tellus convallis est, et blandit libero nisi vitae tellus. Nam quis ex purus. Quisque imperdiet massa vel mauris vulputate blandit.</div></div><div class="black_thread_bot_tot"> <div class="black_thread_bot_icon"><span class="th th-broken-heart"></span></div><div class="black_thread_bot_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue nec sapien sit amet tempus. Nunc commodo elit quis ligula luctus, ut porttitor arcu facilisis. Vestibulum est massa, imperdiet id fermentum at, consequat a elit. Aliquam erat volutpat. Nunc arcu est, convallis in pellentesque a, interdum iaculis dolor. Sed in tortor tincidunt, mollis massa eu, rhoncus mauris. Fusce lectus massa, vulputate in velit sit amet, euismod facilisis lectus. Aenean sed sagittis leo. Ut ultrices, metus eget iaculis consequat, justo tellus convallis est, et blandit libero nisi vitae tellus. Nam quis ex purus. Quisque imperdiet massa vel mauris vulputate blandit.</div></div><div class="black_thread_bot_tot"> <div class="black_thread_bot_icon"><span class="th th-question"></span></div><div class="black_thread_bot_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue nec sapien sit amet tempus. Nunc commodo elit quis ligula luctus, ut porttitor arcu facilisis. Vestibulum est massa, imperdiet id fermentum at, consequat a elit. Aliquam erat volutpat. Nunc arcu est, convallis in pellentesque a, interdum iaculis dolor. Sed in tortor tincidunt, mollis massa eu, rhoncus mauris. Fusce lectus massa, vulputate in velit sit amet, euismod facilisis lectus. Aenean sed sagittis leo. Ut ultrices, metus eget iaculis consequat, justo tellus convallis est, et blandit libero nisi vitae tellus. Nam quis ex purus. Quisque imperdiet massa vel mauris vulputate blandit.</div></div><div class="black_thread_bot_tot"> <div class="black_thread_bot_icon"><span class="th th-bookmark-1"></span></div><div class="black_thread_bot_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent congue nec sapien sit amet tempus. Nunc commodo elit quis ligula luctus, ut porttitor arcu facilisis. Vestibulum est massa, imperdiet id fermentum at, consequat a elit. Aliquam erat volutpat. Nunc arcu est, convallis in pellentesque a, interdum iaculis dolor. Sed in tortor tincidunt, mollis massa eu, rhoncus mauris. Fusce lectus massa, vulputate in velit sit amet, euismod facilisis lectus. Aenean sed sagittis leo. Ut ultrices, metus eget iaculis consequat, justo tellus convallis est, et blandit libero nisi vitae tellus. Nam quis ex purus. Quisque imperdiet massa vel mauris vulputate blandit.</div></div></div></div></div>
<style>.black_thread *{scrollbar-width: thin; scrollbar-color: #d52064 #ccc;}.black_thread ::-webkit-scrollbar{background: #d52064; width: 15px;}.black_thread ::-webkit-scrollbar-thumb{height: 30px; background: #ccc;}@font-face{font-family: "Vidaloka"; font-style: normal; font-weight: 400; src: local("Vidaloka "), local("Vidaloka-Regular"), url(https://fonts.gstatic.com/s/vidaloka/v11/7cHrv4c3ipenMKlEavs7wH8.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}.black_thread{margin: 0 auto; width: 480px;}.black_thread_top{text-align: center; height: 400px; background-image: url(https://imgur.com/EAHWCW1.png); background-size: cover;}.black_thread_icon{padding-top: 10px; margin-bottom: 200px;}.black_thread_icon span{color: #d52064; font-size: 40px;}.black_thread_title{color: #ccc; font: 30px Vidaloka;}.black_thread_sub{color: #d52064; font: 8px Times New roman; text-transform: uppercase; letter-spacing: 5px;}.black_thread_credit{margin-top: -15px;}.black_thread_credit a{color: #1a1a1a; font: 7px Calibri; text-transform: uppercase; letter-spacing: 2px; text-decoration: none;}.black_thread_bottom{padding: 20px; height: 400px; background: black; display: flex; flex-wrap: wrap; justify-content: space-evenly;}.black_thread_bottom_left{width: 200px;}.black_thread_bottom_left h1{font: 20px Vidaloka; color: #d52064;}.black_thread_txt{text-align: justify; height: 315px; overflow: auto; color: #ccc; font: 10px calibri; margin-top: 15px; padding: 0px 10px 0px 5px; letter-spacing: 1px;}.black_thread_bottom_right{width: 220px; padding-left: 20px;}.black_thread_bottom_right h1{font: 20px Vidaloka; color: #d52064;}.black_thread_bot_tot{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px 0px 10px 0px;}.black_thread_bot_icon{width: 50px;}.black_thread_bot_icon span{color: #d52064; font-size: 40px; padding-top: 5px;}.black_thread_bot_txt{color: #ccc; width: 150px; height: 50px; overflow: auto; text-align: justify; padding: 0px 5px 0px 10px; font: 10px calibri;}</style>
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum|
|
|