Advertisement
kintsuki

blue for you

Jun 24th, 2018
134
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.82 KB | None | 0 0
  1. <div style="height:290px;width:280px;margin:auto;">
  2. <div style="height:280px;width:280px;float:left;background-color:#000;">
  3. <div style="width:130px;height:130px;float:left;margin:5px;"><img alt="" src="https://data.whicdn.com/images/183862492/large.jpg" style="width:130px;height:130px;" title="bg one" /></div>
  4.  
  5. <div style="width:130px;height:130px;float:left;margin:5px;"><img alt="" src="https://s10.favim.com/610/160928/aesthetic-blue-green-leaves-Favim.com-4762745.jpeg" style="width:130px;height:130px;" title="bg two" /></div>
  6.  
  7. <div style="width:130px;height:130px;float:left;margin:5px;"><img alt="" src="https://i.pinimg.com/originals/fa/95/65/fa9565f91eea8e086a4d88663c10fc28.jpg" style="width:130px;height:130px;" title="bg three" /></div>
  8.  
  9. <div style="width:130px;height:130px;float:left;margin:5px;"><img alt="" src="https://www.ebeddingsets.com/wp-content/uploads/2016/08/Aesthetic-White-And-steel-Grey-Checks-Cotton-Bedding-Set-2.jpg" style="width:130px;height:130px;" title="bg four" /></div>
  10. </div>
  11.  
  12. <div style="height:0px;width:0px;float:left;border-right:130px solid transparent;border-top:130px solid #000;margin:-275px 0px 0px 5px;opacity:.5;">&nbsp;</div>
  13.  
  14. <div style="height:0px;width:0px;float:left;border-left:130px solid transparent;border-top:130px solid #000;margin:-275px 0px 0px 145px;opacity:.5;">&nbsp;</div>
  15.  
  16. <div style="height:0px;width:0px;float:left;border-right:130px solid transparent;border-bottom:130px solid #000;margin:-135px 0px 0px 5px;opacity:.5;">&nbsp;</div>
  17.  
  18. <div style="height:0px;width:0px;float:left;border-left:130px solid transparent;border-bottom:130px solid #000;margin:-135px 0px 0px 145px;opacity:.5;">&nbsp;</div>
  19.  
  20. <div style="width:140px;height:140px;float:left;margin:-210px 0px 0px 70px;"><img alt="" src="https://78.media.tumblr.com/b6011e7b4977e86e8843c62fc9717fa4/tumblr_p9i4grqNT21s5mz67o1_250.jpg" style="width:140px;height:140px;" title="middle" /></div>
  21.  
  22. <div style="width:280px;height:13px;float:left;margin-top:-145px;background-color:transparent;text-transform:uppercase;text-align:center;font-family:tahoma;font-size:10px;line-height:13px;color:#000;"><strong>blue for you.</strong></div>
  23.  
  24. <div style="width:280px;height:280px;margin-top:-280px;color:#fff;float:left;background-color:transparent;opacity:.999;">
  25. <div style="width:280px;height:280px;overflow:hidden;">
  26. <div style="width:297px;height:280px;overflow:auto;">
  27. <div style="width:280px;">
  28. <div style="width:280px;height:280px;float:left;background-color:transparent;">&nbsp;</div>
  29.  
  30. <div style="width:280px;height:92px;float:left;background-color:#000;margin-bottom:2px;">
  31. <div style="width:10px;height:82px;float:left;margin:5px;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>a<br />
  32. b<br />
  33. o<br />
  34. u<br />
  35. t</strong></div>
  36.  
  37. <div style="width:255px;height:82px;color:#fff;float:left;background-color:transparent;margin-top:5px;">
  38. <div style="width:255px;height:82px;overflow:hidden;">
  39. <div style="width:272px;height:82px;overflow:auto;">
  40. <div style="width:255px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45.  
  46. <div style="width:139px;height:92px;float:left;background-color:#000;margin:0px 2px 2px 0px;">
  47. <div style="width:114px;height:82px;color:#fff;float:left;background-color:transparent;margin:5px 0px 0px 5px;">
  48. <div style="width:114px;height:82px;overflow:hidden;">
  49. <div style="width:131px;height:82px;overflow:auto;">
  50. <div style="width:114px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  51. <div style="width:56px;height:56px;float:left;margin-right:1px;"><img alt="" src="https://scontent-sea1-1.cdninstagram.com/vp/7286fd1408e350265609180a255f7773/5B6B2C5E/t51.2885-15/e35/30601995_578815605832925_5290402979906584576_n.jpg?ig_cache_key=MTc2MjA5OTc0NzkxMjIyNDg3NA%3D%3D.2" style="width:56px;height:56px;" /></div>
  52.  
  53. <div style="width:56px;height:56px;float:left;"><img alt="" src="https://scontent-sea1-1.cdninstagram.com/vp/5fcb019929fd7a17819c60295508a50e/5B3F8CE7/t51.2885-15/e35/12356419_1540598936230321_2075412135_n.jpg?ig_cache_key=MTEzNjk2MDg1ODg4ODUwOTE0NA%3D%3D.2" style="width:56px;height:56px;" /></div>
  54.  
  55. <div style="width:114px;height:12px;float:left;margin:5px 0px 3px 0px;border-bottom:1px #89cff0 dashed;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#fff;"><strong>lover name</strong></div>
  56.  
  57. <div style="width:114px;height:12px;float:left;margin-bottom:3px;border-bottom:1px #89cff0 dashed;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#fff;"><strong>since 00.00.00</strong></div>
  58.  
  59. <div style="width:114px;height:12px;float:left;margin-bottom:3px;border-bottom:1px #89cff0 dashed;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#fff;"><strong>status</strong></div>
  60.  
  61. <div style="width:114px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pulvinar libero dolor, eget luctus ligula ultricies non. Donec egestas est vel pharetra porta. Nulla fermentum ex neque, eu pretium elit sagittis eget. Cras eget arcu leo. Praesent sed sapien vehicula, pulvinar odio id, feugiat nunc. Cras mauris augue, tincidunt eu varius vel, aliquam ut lectus. Aliquam suscipit ac arcu vel ultricies. Morbi rutrum tempus posuere. Nullam sit amet fermentum felis. Vivamus id elementum lorem. Suspendisse ornare condimentum rutrum. Suspendisse sed justo diam. Nullam tincidunt sit amet tellus in congue. Sed imperdiet finibus urna, eu semper augue suscipit nec. Morbi gravida ultricies felis, sed euismod justo congue vel. Phasellus aliquet purus lorem, in vehicula urna gravida vitae.</div>
  62. </div>
  63. </div>
  64. </div>
  65. </div>
  66.  
  67. <div style="width:10px;height:82px;float:left;margin:5px;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>l<br />
  68. o<br />
  69. v<br />
  70. e<br />
  71. r</strong></div>
  72. </div>
  73.  
  74. <div style="width:139px;height:92px;float:left;background-color:#000;margin-bottom:2px;">
  75. <div style="width:10px;height:82px;float:left;margin:5px;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>o<br />
  76. o<br />
  77. c</strong></div>
  78.  
  79. <div style="width:114px;height:82px;color:#fff;float:left;background-color:transparent;margin-top:5px;">
  80. <div style="width:114px;height:82px;overflow:hidden;">
  81. <div style="width:131px;height:82px;overflow:auto;">
  82. <div style="width:114px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  83. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  84. <div style="width:36px;height:auto;float:left;">
  85. <div style="width:36px;height:10px;float:left;margin-right:2px;background-color:transparent;text-transform:uppercase;text-align:left;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>one</strong></div>
  86. </div>
  87.  
  88. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.&nbsp;</div>
  89. </div>
  90.  
  91. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  92. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  93.  
  94. <div style="width:36px;height:auto;float:left;">
  95. <div style="width:36px;height:10px;float:left;margin-left:2px;background-color:transparent;text-transform:uppercase;text-align:right;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>two</strong></div>
  96. </div>
  97. </div>
  98.  
  99. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  100. <div style="width:36px;height:auto;float:left;">
  101. <div style="width:36px;height:10px;float:left;margin-right:2px;background-color:transparent;text-transform:uppercase;text-align:left;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>three</strong></div>
  102. </div>
  103.  
  104. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  105. </div>
  106.  
  107. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  108. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  109.  
  110. <div style="width:36px;height:auto;float:left;">
  111. <div style="width:36px;height:10px;float:left;margin-left:2px;background-color:transparent;text-transform:uppercase;text-align:right;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>four</strong></div>
  112. </div>
  113. </div>
  114.  
  115. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  116. <div style="width:36px;height:auto;float:left;">
  117. <div style="width:36px;height:10px;float:left;margin-right:2px;background-color:transparent;text-transform:uppercase;text-align:left;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>five</strong></div>
  118. </div>
  119.  
  120. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  121. </div>
  122.  
  123. <div style="width:114px;height:auto;float:left;border-bottom:1px #89cff0 solid;margin-bottom:3px;">
  124. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  125.  
  126. <div style="width:36px;height:auto;float:left;">
  127. <div style="width:36px;height:10px;float:left;margin-left:2px;background-color:transparent;text-transform:uppercase;text-align:right;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>six</strong></div>
  128. </div>
  129. </div>
  130.  
  131. <div style="width:114px;height:auto;float:left;">
  132. <div style="width:36px;height:auto;float:left;">
  133. <div style="width:36px;height:10px;float:left;margin-right:2px;background-color:transparent;text-transform:uppercase;text-align:left;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>seven</strong></div>
  134. </div>
  135.  
  136. <div style="width:76px;height:auto;float:left;background-color:transparent;text-transform:uppercase;text-align:justify;font-family:arial;font-size:8px;line-height:10px;color:#fff;">lorem ipsum dolor sit amet.</div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. </div>
  142. </div>
  143.  
  144. <div style="width:280px;height:92px;float:left;background-color:#000;">
  145. <div style="width:255px;height:82px;color:#fff;float:left;background-color:transparent;margin:5px 0px 0px 5px;">
  146. <div style="width:255px;height:82px;overflow:hidden;">
  147. <div style="width:272px;height:82px;overflow:auto;">
  148. <div style="width:255px;text-align:justify;line-height:10px;font-family:arial;font-size:8px;text-transform:uppercase;">
  149. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  150.  
  151. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  152.  
  153. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;text-align:right;">plot title, genre, status, etc.</div>
  154.  
  155. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  156.  
  157. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  158.  
  159. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  160.  
  161. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;text-align:right;">plot title, genre, status, etc.</div>
  162.  
  163. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  164.  
  165. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot title, genre, status, etc.</div>
  166.  
  167. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 solid;margin-bottom:5px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  168.  
  169. <div style="width:255px;height:auto;float:left;background-color:transparent;border-bottom:1px #89cff0 dashed;margin-bottom:3px;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;text-align:right;">plot title, genre, status, etc.</div>
  170.  
  171. <div style="width:255px;height:auto;float:left;background-color:transparent;font-family:arial;font-size:8px;text-transform:uppercase;line-height:10px;color:#fff;">plot description. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nec dolor mollis, efficitur diam eget, suscipit leo. Duis aliquam ipsum at diam blandit iaculis. Sed.</div>
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176.  
  177. <div style="width:10px;height:82px;float:left;margin:5px;background-color:transparent;text-transform:uppercase;text-align:center;font-family:arial;font-size:8px;line-height:10px;color:#89cff0;"><strong>p<br />
  178. l<br />
  179. o<br />
  180. t<br />
  181. s</strong></div>
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187.  
  188. <div style="width:280px;height:10px;float:left;background-color:transparent;margin:0px;font-family:arial;font-size:8px;line-height:10px;letter-spacing:1px;color:#000;text-align:center;text-transform:uppercase;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/21382/"><span style="color:#000000;">credit</span></a></div>
  189. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement