Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Hello, wildlings!
- A very simple placeholder code with a couple of images, a dossier, headcanons, and contacts.
- Follow the dimensions of the image, otherwise, it won't fit properly.
- Feel free to change colors!
- Please do not steal this code.
- Leave the credit! <3 Happy Writing!
- — — — — — — — — — — — — — —
- <style>
- @import url('https://fonts.googleapis.com/css2?family=Gluten:wght@100..900&display=swap');
- body {
- cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_1280.png), auto;
- background-color: #000;
- }
- ::-webkit-scrollbar {
- display: none;
- }
- ::selection {
- background: ;
- color: white;
- }
- a {
- text-decoration: none;
- color: #C2A490;
- }
- a:hover {
- color: #6D5952;
- }
- b {
- color: #A9855C;
- }
- i {
- color: #C29F67;
- }
- u {
- color: #C29F67;
- }
- .wilder {
- position: fixed;
- bottom: 0px;
- right: 10px;
- }
- .container {
- position: absolute;
- margin: auto;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- height: 650px;
- width: 650px;
- background-color: #000;
- }
- .img1 {
- position: absolute;
- margin: auto;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- height: 550px;
- width: 344px;
- background: url(https://placehold.co/344x550.png);
- background-size: 100%;
- border: 1px solid #A9855C;
- box-shadow: #A9855C 0px 0px 20px;
- }
- .img2 {
- position: relative;
- top: 120px;
- left: -70px;
- height: 364px;
- width: 209px;
- background: url(https://placehold.co/209x364.png);
- background-size: 100%;
- border: 1px solid #A9855C;
- box-shadow: #A9855C 0px 0px 10px;
- }
- .name1 {
- position: relative;
- font-family: 'gluten';
- font-size: 50px;
- text-transform: uppercase;
- text-align: center;
- left: 290px;
- top: 50px;
- text-shadow: 2px 2px 2px #A9855C;
- color: #EEEDEE;
- letter-spacing: -1px;
- z-index: 1;
- }
- .stats {
- position: absolute;
- top: 45px;
- left: -75px;
- height: 185px;
- width: 220px;
- overflow: auto;
- }
- .stats li {
- display: block;
- background: #DCCEBD;
- padding: 7px;
- margin: 5px;
- mix-blend-mode: plus-lighter;
- font: 12px gluten;
- font-weight: 800;
- border-radius: 5px 0px 5px;
- }
- .hc {
- position: absolute;
- top: 150px;
- right: -75px;
- height: 310px;
- width: 220px;
- overflow: auto;
- }
- .hc li {
- display: block;
- background: #DCCEBD;
- padding: 7px;
- margin: 5px;
- mix-blend-mode: plus-lighter;
- opacity: 0.9;
- font: 12px gluten;
- font-weight: 800;
- border-radius: 0px 5px 0px;
- }
- .conns {
- position: relative;
- bottom: 15px;
- left: 515px;
- height: 140px;
- width: 210px;
- overflow: auto;
- }
- .pic {
- margin: 5px 10px 10px 5px;
- height: 50px;
- outline: 2px solid transparent;
- transition: 0.2s;
- border-radius: 7px;
- outline: 2px solid #D6E1E0;
- outline-offset: -2;
- }
- .pic:hover {
- outline: 2px solid #D6E1E0;
- outline-offset: -6px;
- }
- .wa {
- text-decoration: none;
- transition: 0.3s;
- }
- </style>
- <div class="wilder"><a target="_blank" href="https://wilderanima.tumblr.com/" title="code by wilder."><img src="https://i.imgur.com/hCJmFVu.png" width="75px;"></a></div>
- <div class="container">
- <div class="img1"></div>
- <div class="name1">name <br> name</div>
- <div class="img2"></div>
- <div class="stats">
- <li>it scrolls!
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- </div>
- <div class="hc">
- <li><b>bold</b> <i>italic</i> <u>underline</u> <a>link</a>
- <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
- <li>It scrolls! Add as many as you'd like!
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- <li>words
- </div>
- <div class=conns>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- <a class="wa" href="https://roleplay.chat/profile.php?user=" target="_blank" title="Details."><img class="pic" src="https://placehold.co/50x50.png"></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement