API tools faq
paste
Advertisement
crucialstar

solaris

crucialstar
Aug 24th, 2019
463
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.55 KB | None | 0 0
raw download clone embed print report
  1. [div=font-size: 50px; margin: auto; text-align: center; text-shadow: 3px 3px 2px black;][font=Delius][color=#E6C60D][b]SOLARIS[/b][/color][/font][/div]
  2. [div=max-width: 1050px; margin: auto; cursor: url(http://cur.cursors-4u.net/nature/nat-9/nat851.png), auto !important; auto; background: url('https://kingfisher.scene7.com/is/image/Kingfisher/5011583350630_01c') no-repeat; background-size: cover;][div=margin: auto; max-width: 950px; background-color: white;][div=font-size: 50px; text-shadow: 2px 3px 3px black; text-align: center; margin-top: -15px;][color=#E6C60D][font=Norican]name here[/font][/color][/div][div=text-align: center; margin-top: -25px;][font=Meddon][size=25px][color=black]"quote here"[/color][/size][/font][/div][div=margin-top: -5px;][center][row][column=span1][color=transparent]x[/color][/column][column=span2][div=display: inline-block; border: solid 5px #ECD37E; border-radius: 100%; line-height: 0; padding: 10px; margin: auto;][nobr]
  3. [class=picture]
  4. position: relative;
  5. display: inline-block;
  6. width: auto;
  7. height: auto;
  8. margin: auto;
  9. [/class]
  10.  
  11. [class=text]
  12. position: absolute;
  13. width: 100%;
  14. height: 100%;
  15. top: 0;
  16. left: 0;
  17. opacity: 0;
  18. background-color: rgba(0,0,0,0.1);
  19. color: white;
  20. z-index: 2;
  21. border-radius: 100%;
  22. [/class]
  23.  
  24. [class name=text state=hover]
  25. opacity: 1;
  26. transition: 0.5s;
  27. [/class]
  28.  
  29. [div class=picture]
  30. [div class=text]
  31. [div=margin-top: 150px; text-shadow: 2px 2px 4px black; padding: 5px; text-align: center;][font=Impact][size=20px]WORD[/size][/font][/div]
  32. [/div]
  33. [div=background: url(https://via.placeholder.com/200x200); border-radius: 100%; height: 200px; width: 200px; margin: auto;][/div][/div][/nobr][/div][/column][column=span2][div=display: inline-block; border: solid 5px #ECD37E; border-radius: 100%; line-height: 0; padding: 10px; margin: auto;][nobr]
  34. [class=picture]
  35. position: relative;
  36. display: inline-block;
  37. width: auto;
  38. height: auto;
  39. margin: auto;
  40. [/class]
  41.  
  42. [class=text]
  43. position: absolute;
  44. width: 100%;
  45. height: 100%;
  46. top: 0;
  47. left: 0;
  48. opacity: 0;
  49. background-color: rgba(0,0,0,0.1);
  50. color: white;
  51. z-index: 2;
  52. border-radius: 100%;
  53. [/class]
  54.  
  55. [class name=text state=hover]
  56. opacity: 1;
  57. transition: 0.5s;
  58. [/class]
  59.  
  60. [div class=picture]
  61. [div class=text]
  62. [div=margin-top: 150px; text-shadow: 2px 2px 4px black; padding: 5px; text-align: center;][font=Impact][size=20px]WORD[/size][/font][/div]
  63. [/div]
  64. [div=background: url(https://via.placeholder.com/200x200); border-radius: 100%; height: 200px; width: 200px; margin: auto;][/div][/div][/nobr][/div][/column][column=span2][div=display: inline-block; border: solid 5px #ECD37E; border-radius: 100%; line-height: 0; padding: 10px;][nobr]
  65. [class=picture]
  66. position: relative;
  67. display: inline-block;
  68. width: auto;
  69. height: auto;
  70. margin: auto;
  71. [/class]
  72.  
  73. [class=text]
  74. position: absolute;
  75. width: 100%;
  76. height: 100%;
  77. top: 0;
  78. left: 0;
  79. opacity: 0;
  80. background-color: rgba(0,0,0,0.1);
  81. color: white;
  82. z-index: 2;
  83. border-radius: 100%;
  84. [/class]
  85.  
  86. [class name=text state=hover]
  87. opacity: 1;
  88. transition: 0.5s;
  89. [/class]
  90.  
  91. [div class=picture]
  92. [div class=text]
  93. [div=margin-top: 150px; text-shadow: 2px 2px 4px black; padding: 5px; text-align: center;][font=Impact][size=20px]WORD[/size][/font][/div]
  94. [/div]
  95. [div=background: url(https://via.placeholder.com/200x200); border-radius: 100%; height: 200px; width: 200px; margin: auto;][/div][/div][/nobr][/div][/column][column=span1][color=transparent]x[/color][/column][/row][/center][/div][div=margin-top: 10px;][/div][div=width: calc(100% - 0%); height: 486px; overflow: hidden; padding: 0px;][div=width: 100%; padding-right: 150px; height: 100%;overflow-y: scroll;][div=font-size: 13px; line-height: 18px; margin: auto; color: black; padding: 7px;][font=Heebo]Hello, lovelies ! I made a matching in-character code with "sunflower" ! I changed the background of the code and fixed a little here and there in regards to the cursor! I hope you lovelies enjoy this simple code! Don't forget that you can change the word when you hover over the photos !
  96.  
  97. P.S. If you lovelies are looking as to how to obtain this code, please feel free to click on the "pastebin" x symbol ! I placed the code on this website since it's easier to copy and paste into RPN's post box than quoting this post and getting the code that way! If you need any help at all, don't hesitate to send a message!
  98.  
  99. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam vitae odio vestibulum, consequat sapien nec, sollicitudin leo. Mauris malesuada justo a sem aliquam, eu tempor ex ornare. Nulla at nisi ultricies, iaculis ligula eu, accumsan metus. Fusce non laoreet ante. Curabitur sit amet fringilla lorem. Nullam rhoncus venenatis sem sit amet euismod. Praesent malesuada velit cursus massa cursus, eu accumsan purus consectetur.
  100.  
  101. Nunc consectetur orci eu magna hendrerit tincidunt. Duis vitae ex purus. Suspendisse felis dui, maximus ut lobortis feugiat, volutpat a mi. Praesent vel velit ut elit imperdiet molestie vitae vitae metus. Mauris interdum vitae lorem et ornare. Ut posuere lectus et nulla tempus iaculis. Aliquam sagittis ex at quam mattis rutrum. Nullam vestibulum tristique purus, id tempor magna pulvinar a. Suspendisse ultricies arcu tellus, id ultricies libero ornare et. Morbi eget lectus in metus tristique convallis vitae sed est.
  102.  
  103. Pellentesque scelerisque nulla a porttitor mollis. Aenean a congue neque, nec finibus risus. Nunc viverra gravida est, in ornare magna cursus et. Quisque justo nisi, fringilla pellentesque ligula non, sodales placerat nisi. Praesent rhoncus dolor vel mollis viverra. Quisque imperdiet luctus libero. Ut dignissim nunc at odio rhoncus, id sodales leo porttitor. Aliquam urna eros, varius fermentum elementum at, auctor non mi. Aenean tempor massa ac dolor suscipit commodo. Proin sed felis vel turpis pulvinar vulputate ut in diam.
  104.  
  105. Praesent quis felis in purus mollis convallis. Nam lacinia congue tincidunt. Nullam in mauris pretium, pellentesque enim pretium, pulvinar diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec consequat massa massa, eu dignissim arcu dictum sit amet. Nam at elit velit. Vestibulum pulvinar neque ut tortor iaculis, nec convallis leo ornare. Integer sit amet mi quis nunc efficitur maximus. Integer aliquet erat justo, vitae molestie magna sollicitudin a. Nulla id elit quam. In molestie arcu pellentesque interdum auctor. Nulla risus erat, feugiat ac sapien ut, interdum lacinia justo. Fusce rhoncus vitae nisi et ultricies.
  106. [/font][/div][/div][/div][div=margin-top: -13px;][/div]
  107. [/div][/div][center][size=2]codedbycrucially | hover over photo[/size][/center]
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!