API tools faq
paste
randomtology

Untitled

randomtology
Aug 29th, 2018
355
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.81 KB | None | 0 0
raw download clone embed print report
  1. <raw-code>
  2. <div style="height: 475px; width: 800px; margin: auto; background-color: black; overflow: hidden;">
  3.  
  4. <!--START NAV BAR-->
  5. <div style="display: inline-block; float: left; width: 200px; height: 475px; background-image: linear-gradient(to right, #505050 , #676767); overflow: hidden;">
  6.  
  7. <div style="display: block; width: 200px; height: 20px; background-image: linear-gradient(to right, #535353 , #202020);">
  8. </div>
  9. <div style="display: block; width: 195px; height: 35px; background-image: linear-gradient(to right, #9b999a , #b1b1b1); font-family: 'Trebuchet MS'; text-align: right; line-height: 35px; font-size: 20px; color: #51555e; padding-right: 5px; letter-spacing: -1px;">
  10. Relationships
  11. </div>
  12.  
  13. <div style="overflow: auto; width: 200px; height: 390px;">
  14.  
  15. <!--START NAME-->
  16. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  17. <a href="#LINK-NAME1" style="text-decoration: none; color: #fafafa;">
  18. Name
  19. </a>
  20. </div>
  21. <!--END NAME-->
  22. <!--START NAME-->
  23. <div style="display: block; margin-bottom: 3px; width: 200px; height: 35px; background-color: #161616; font-family: 'Trebuchet MS'; text-align: center; line-height: 35px; font-size: 20px;">
  24. <a href="#LINK-NAME2" style="text-decoration: none; color: #fafafa;">
  25. Name
  26. </a>
  27. </div>
  28. <!--END NAME-->
  29.  
  30. </div>
  31. </div>
  32. <!--END NAV BAR-->
  33.  
  34. <!--START INFO PAGE-->
  35. <div>
  36. <div style="display: inline-block; float: right; width: 595px; height: 475px; background-image: url('https://i.imgur.com/MhG9JWG.png'); overflow: hidden;">
  37.  
  38. <!--START CHARACTER ENTRY-->
  39. <div style="width: 595px; height: 475px;">
  40. <a name="LINK-NAME1"></a>
  41. <div style="display: block; height: 20px; width: 595px;">
  42. </div>
  43.  
  44. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">
  45. Character Name
  46. </div>
  47.  
  48.  
  49. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  50.  
  51. <div style="display: inline-block; width: 210px; height: 330px;">
  52. <div style="display: inline-block; width: 191px; height: 301px">
  53. <img src="IMAGE-URL" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;">
  54. </div>
  55. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  56. <img src="ICON-URL" style="border-radius: 50px; border: solid 1px #001222;">
  57. </div>
  58.  
  59. </div>
  60.  
  61. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  62.  
  63. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  64. <a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #a0ffff">Title</a>
  65. </div>
  66.  
  67. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  68. Description goes here!
  69. </div>
  70.  
  71. </div>
  72.  
  73. </div>
  74. </div>
  75. <!--END CHARACTER ENTRY-->
  76.  
  77. <!--START CHARACTER ENTRY-->
  78. <div style="width: 595px; height: 475px;">
  79. <a name="LINK-NAME1"></a>
  80. <div style="display: block; height: 20px; width: 595px;">
  81. </div>
  82.  
  83.  
  84. <div style="height: 45px; width: 500px; display: block; margin: auto; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 1px solid rgba(48, 77, 107, 0.7); border-radius: 10px; font-family: 'Trebuchet MS'; font-size: 24px; line-height: 45px; text-align: center; color: #fafafa;">
  85. Name McName
  86. </div>
  87.  
  88.  
  89. <div style="display: block; width: 500px; margin: auto; margin-top: 40px; height: 330px;">
  90.  
  91. <div style="display: inline-block; width: 210px; height: 330px;">
  92. <div style="display: inline-block; width: 191px; height: 301px">
  93. <img src="IMAGE-URL" style="border-radius: 10px; box-shadow: 1px 1px #001222; height: 300px; width: 190px;">
  94. </div>
  95. <div style="display: inline-block; width: 101px; height: 101px; position: relative; top: -80px; left: 120px;">
  96. <img src="ICON-URL" style="border-radius: 50px; border: solid 1px #001222;">
  97. </div>
  98.  
  99. </div>
  100.  
  101. <div style="display: inline-block; height: 306px; width: 266px; float: right; border-radius: 10px; background-image: linear-gradient(to right, rgba(0, 17, 33, 0.7), rgba(53, 64, 60, 0.7)); border: 2px solid rgba(53, 215, 218, 0.8); overflow: hidden;">
  102.  
  103. <div style="display: block; height: 35px; width: 261px; font-family: 'Trebuchet MS'; text-align: left; line-height: 35px; font-size: 20px; padding-left: 5px; color: #a0ffff;">
  104. <a href="https://USERNAME.dreamwidth.org" style="text-decoration: none; color: #a0ffff">Title</a>
  105. </div>
  106.  
  107. <div style="display: block; height: 267px; width: 256px; padding: 2px 5px 2px 5px; font-family: 'Trebuchet MS'; text-align: left; font-size: 12px; color: #fafafa; overflow: auto;">
  108. Description goes here!
  109. </div>
  110.  
  111. </div>
  112.  
  113. </div>
  114. </div>
  115. <!--END CHARACTER ENTRY-->
  116.  
  117. </div>
  118. </div>
  119. <!--END INFO PAGE-->
  120. </div>
  121. <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div>
  122. </raw-code>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!