API tools faq
paste
Advertisement
satellitesaph

roses & rain

satellitesaph
Sep 26th, 2020 (edited)
179
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.73 KB | None | 0 0
raw download clone embed print report
  1. [comment]
  2. roses & rain, by solarsaphia.
  3. please do not remove credit or claim this code as your own.
  4.  
  5. [/comment][comment]
  6.  
  7. — color palette.
  8. replace these to change the colors!
  9.  
  10. [/comment][border=0px; padding: 0;
  11. --babyboxbg: white;
  12. --bigboxbg: #e5e4e2;
  13. --textcolor: #757575;
  14. --backgroundimage: url(https://i.pinimg.com/564x/45/5b/64/455b64285ab3586cfb6225628cc82896.jpg);
  15. --profileimage: url(https://i.pinimg.com/564x/9c/f7/46/9cf746730ab8f628c6c2653f7e175961.jpg);]
  16. [comment]
  17. — background image.
  18.  
  19. [/comment][border=0px; width: 700px; height: 450px; margin: auto; padding: 2px 2px; background-image: var(--backgroundimage); background-size: cover; filter:grayscale(100%); font-family: book antiqua;][border=0px; width: 200px; float: left; margin-top: 15px; margin-left: 10px; ][comment]
  20.  
  21. — profile image.
  22.  
  23. [/comment][border=solid 2px white; width: 150px; height: 150px; background: var(--profileimage); background-size: 125%; margin-left: 20px; filter:grayscale(100%);][/border][/border]
  24. [border=solid 2px white; width: 400px; height: 150px; float: right; margin-right: 40px; background-color: var(--bigboxbg);][border=0px; color: var(--textcolor); width: 400px; height: 20px; margin-top: 10px; text-align: center;] [border=0px; width: 100px; height: 20px; float: left; background-color: white; margin-left: 5px;][comment]
  25.  
  26. — box 1.
  27.  
  28. [/comment][B]one.[/B][/border][border=0px; width: 100px; height: 20px; float: left; background-color: var(--babyboxbg); margin-left: 10px;][comment]
  29.  
  30. — box 2.
  31.  
  32. [/comment][B]two.[/B][/border][border=0px; width: 100px; height: 20px; float: left; background-color: var(--babyboxbg); margin-left: 10px;][comment]
  33.  
  34. — box 3.
  35.  
  36. [/comment][B]three.[/B][/border][/border]
  37. [border=0px; color: var(--textcolor); width: 400px; height: 20px; margin-top: 10px; text-align: center;] [border=0px; width: 100px; height: 20px; float: left; background-color: var(--babyboxbg); margin-left: 5px;][comment]
  38.  
  39. — box 4.
  40.  
  41. [/comment][B]four.[/B][/border][border=0px; width: 100px; height: 20px; float: left; background-color: var(--babyboxbg); margin-left: 10px;][comment]
  42.  
  43. — box 5.
  44.  
  45. [/comment][B]five.[/B][/border][border=0px; width: 100px; height: 20px; float: left; background-color: var(--babyboxbg); margin-left: 10px;][comment]
  46.  
  47. — box 6.
  48.  
  49. [/comment][B]six.[/B][/border][/border][/border]
  50. [border=0px; float:left; height: 200px; width: 650px; margin: auto;][border=solid 2px white; width: 256px; height: 190px; background-color: var(--bigboxbg); margin-left: 30px; margin-right: 20px; float: left; overflow: hidden;][border=0px; padding: 0px; width: 100%; height: 98%; overflow-y: scroll; overflow-x: hidden; padding-right: 30px; color: var(--textcolor); font-size: 12px;][comment]
  51.  
  52. — text box 1.
  53.  
  54. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu semper odio. Curabitur euismod velit vel velit semper placerat. Pellentesque a nibh consectetur, molestie dolor ac, egestas velit. Vivamus tristique ante lectus, eget rutrum ex placerat nec. Integer congue lorem suscipit mi porta elementum. Nunc iaculis purus ligula, quis molestie justo blandit sit amet. Proin mi nunc, sollicitudin quis tellus eu, consectetur rhoncus ex. Donec semper, diam eget mollis accumsan, purus libero luctus est, non suscipit est nisl quis velit. Maecenas a eros sit amet neque finibus fermentum quis eu lorem. Nunc sit amet aliquet nulla. Sed tincidunt sem id viverra mattis. Nullam facilisis, turpis a sodales ultricies, nunc orci fringilla sem, et sagittis nulla tortor id neque.
  55. [/border][/border][border=solid 2px white; width: 256px; height: 190px; background-color: #e5e4e2; margin-left: 40px; float: left; overflow: hidden;][border=0px; padding: 0px; width: 100%; height: 98%; overflow-y: scroll; overflow-x: hidden; padding-right: 30px; color: #757575; font-size: 12px;][comment]
  56.  
  57. — text box 2.
  58.  
  59. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu semper odio. Curabitur euismod velit vel velit semper placerat. Pellentesque a nibh consectetur, molestie dolor ac, egestas velit. Vivamus tristique ante lectus, eget rutrum ex placerat nec. Integer congue lorem suscipit mi porta elementum. Nunc iaculis purus ligula, quis molestie justo blandit sit amet. Proin mi nunc, sollicitudin quis tellus eu, consectetur rhoncus ex. Donec semper, diam eget mollis accumsan, purus libero luctus est, non suscipit est nisl quis velit. Maecenas a eros sit amet neque finibus fermentum quis eu lorem. Nunc sit amet aliquet nulla. Sed tincidunt sem id viverra mattis. Nullam facilisis, turpis a sodales ultricies, nunc orci fringilla sem, et sagittis nulla tortor id neque.[/border][/border]
  60. [/border][/border][/border][border=0px; text-align: center; font-size: 11px; font-family: verdana; color: grey;]coded by solarsaphia.[/border]
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!