Advertisement
kaliforhnia

royal blue

Aug 26th, 2018
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.21 KB | None | 0 0
  1. <div style="margin:auto;width:350px;height:350px;">
  2. <div style="float:left;width:340px;height:340px;background-color:#07093D;">
  3. <div style="float:left;margin:10px;width:320px;height:320px;">
  4. <div style="float:left;width:120px;height:120px;background-color:#107FC9;margin-top:8px;"><img alt="" src="https://78.media.tumblr.com/416f6562d6461c441cb387e5dc29dcf6/tumblr_pd04dkexvX1uob6oso1_400.png" style="width:110px;height:110px;margin:5px;" /></div>
  5.  
  6. <div style="float:left;width:120px;height:40px;background-color:#107FC9;margin-top:135px;margin-left:-120px;">
  7. <div style="font-family:helvetica;text-transform:uppercase;font-size:21px;line-height:17px;color:#fff;letter-spacing:-1px;margin:3px 5px;text-align:center;"><b>wong yukhei.</b></div>
  8. </div>
  9.  
  10. <div style="float:left;width:120px;height:40px;background-color:#0B108C;margin-top:180px;margin-left:-120px;">
  11. <div style="font-family:helvetica;text-transform:uppercase;font-size:21px;line-height:17px;color:#C6D4E1;letter-spacing:-1px;margin:3px 5px;text-align:center;"><b><em>more info.</em></b></div>
  12. </div>
  13.  
  14. <div style="float:left;width:120px;height:40px;background-color:#107FC9;margin-top:225px;margin-left:-120px;">
  15. <div style="background:#fff;width:20px;height:20px;float:left;border-radius:100%;overflow:hidden;margin-left:3px;margin-top:8px;"><iframe frameborder="0" height="20" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/348552752&amp;color=0B108C&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></div>
  16.  
  17. <div style="float:left;width:80px;font-family:helvetica;color:#fff;text-transform:uppercase;font-size:9px;margin:10px 2px;text-align:right;line-height:9px;"><b>artist&#39;s name.</b><br />
  18. <span style="font-size:7px;">song title.</span></div>
  19. </div>
  20.  
  21. <div style="float:left;width:120px;height:40px;background-color:#107FC9;margin-top:272px;margin-left:-120px;">
  22. <div style="font-family:helvetica;text-transform:uppercase;font-size:12px;line-height:11px;color:#fff;letter-spacing:-1px;margin:9px 5px;text-align:center;"><b>last updated</b><br />
  23. ddmmyy</div>
  24. </div>
  25.  
  26. <div style="float:left;width:200px;height:305px;background-color:#0B108C;margin-top:8px;">
  27. <div style="float:left;margin:5px;height:295px;width:190px;overflow:hidden;">
  28. <div style="width:210px;height:295px;overflow:auto;">
  29. <div style="width:190px;">
  30. <div style="float:left;width:190px;height:4px;background-color:#0E4EAD;margin-top:10px;">
  31. <div style="float:right;width:auto;background-color:#0B108C;margin-top:-5px;margin-right:5px;">
  32. <div style="font-family:helvetica;text-transform:uppercase;font-size:11px;margin:0px 3px;color:#C6D4E1;"><b>section title.</b></div>
  33. </div>
  34. </div>
  35.  
  36. <div style="float:left;width:188px;height:auto;border-left:1px solid #107FC9;border-right:1px solid #107FC9;border-top:1px dotted #107FC9;border-bottom:1px dotted #107FC9;margin-top:5px;">
  37. <div style="font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo. Sed fringilla ante quis semper laoreet. Proin porta finibus odio nec posuere. Vivamus nec libero nibh. Maecenas aliquam, eros in convallis varius, diam tortor sollicitudin leo, ac rutrum ipsum nisi mattis orci. Suspendisse laoreet tellus id sapien tincidunt volutpat. Fusce tellus turpis, sollicitudin sollicitudin ultricies et, sodales sed dui.</div>
  38. </div>
  39.  
  40. <div style="float:left;width:190px;height:4px;background-color:#0E4EAD;margin-top:10px;">
  41. <div style="float:right;width:auto;background-color:#0B108C;margin-top:-5px;margin-right:5px;">
  42. <div style="font-family:helvetica;text-transform:uppercase;font-size:11px;margin:0px 3px;color:#C6D4E1;"><b>section title.</b></div>
  43. </div>
  44. </div>
  45.  
  46. <div style="float:left;width:188px;height:auto;border-left:1px solid #107FC9;border-right:1px solid #107FC9;border-top:1px dotted #107FC9;border-bottom:1px dotted #107FC9;margin-top:5px;">
  47. <div style="float:left;width:auto;height:auto;background-color:#fff;border-radius:5px;margin:3px;">
  48. <div style="text-transform:uppercase;font-size:8px;margin:2px 2px;color:#0B108C;">#01.</div>
  49. </div>
  50.  
  51. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  52.  
  53. <div style="float:left;width:auto;height:auto;background-color:#fff;border-radius:5px;margin:3px;margin-top:5px;">
  54. <div style="text-transform:uppercase;font-size:8px;margin:2px 2px;color:#0B108C;">#02.</div>
  55. </div>
  56.  
  57. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  58.  
  59. <div style="float:left;width:auto;height:auto;background-color:#fff;border-radius:5px;margin:3px;margin-top:5px;">
  60. <div style="text-transform:uppercase;font-size:8px;margin:2px 2px;color:#0B108C;">#03.</div>
  61. </div>
  62.  
  63. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  64.  
  65. <div style="float:left;width:auto;height:auto;background-color:#fff;border-radius:5px;margin:3px;margin-top:5px;">
  66. <div style="text-transform:uppercase;font-size:8px;margin:2px 2px;color:#0B108C;">#04.</div>
  67. </div>
  68.  
  69. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  70.  
  71. <div style="float:left;width:auto;height:auto;background-color:#fff;border-radius:5px;margin:3px;margin-top:5px;">
  72. <div style="text-transform:uppercase;font-size:8px;margin:2px 2px;color:#0B108C;">#05.</div>
  73. </div>
  74.  
  75. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
  76. </div>
  77.  
  78. <div style="float:left;width:190px;height:4px;background-color:#0E4EAD;margin-top:10px;">
  79. <div style="float:right;width:auto;background-color:#0B108C;margin-top:-5px;margin-right:5px;">
  80. <div style="font-family:helvetica;text-transform:uppercase;font-size:11px;margin:0px 3px;color:#C6D4E1;"><b>section title.</b></div>
  81. </div>
  82. </div>
  83.  
  84. <div style="float:left;width:188px;height:auto;border-left:1px solid #107FC9;border-right:1px solid #107FC9;border-top:1px dotted #107FC9;border-bottom:1px dotted #107FC9;margin-top:5px;">
  85. <div style="float:right;width:90px;height:90px;border:1px solid #fff;margin:3px;"><img alt="" src="https://78.media.tumblr.com/84abfd42a87cc47e162bbd83ef79ffa6/tumblr_pd04dkexvX1uob6oso3_400.png" style="width:80px;height:80px;margin:4px;" /></div>
  86.  
  87. <div style="float:left;width:auto;background-color:#fff;border-radius:5px;margin:3px;">
  88. <div style="font-family:helvetica;text-transform:uppercase;margin:2px 2px;color:#0B108C;font-size:9px;"><b>name.</b></div>
  89. </div>
  90.  
  91. <div style="float:left;width:80px;margin-left:3px;">
  92. <div style="font-family:helvetica;text-transform:uppercase;text-align:left;font-size:8px;line-height:9px;color:#fff;">lorem ipsum.</div>
  93. </div>
  94.  
  95. <div style="float:left;width:auto;background-color:#fff;border-radius:5px;margin:3px;">
  96. <div style="font-family:helvetica;text-transform:uppercase;margin:2px 2px;color:#0B108C;font-size:9px;"><b>status.</b></div>
  97. </div>
  98.  
  99. <div style="float:left;width:80px;margin-left:3px;">
  100. <div style="font-family:helvetica;text-transform:uppercase;text-align:left;font-size:8px;line-height:9px;color:#fff;">lorem ipsum.</div>
  101. </div>
  102.  
  103. <div style="float:left;width:auto;background-color:#fff;border-radius:5px;margin:3px;">
  104. <div style="font-family:helvetica;text-transform:uppercase;margin:2px 2px;color:#0B108C;font-size:9px;"><b>since.</b></div>
  105. </div>
  106.  
  107. <div style="float:left;width:80px;margin-left:3px;">
  108. <div style="font-family:helvetica;text-transform:uppercase;text-align:left;font-size:8px;line-height:9px;color:#fff;">00/00/00.</div>
  109. </div>
  110.  
  111. <div style="float:left;font-family:helvetica;text-transform:uppercase;text-align:justify;font-size:8px;line-height:9px;color:#fff;margin:2px 3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex. Praesent a suscipit dolor. Nullam eget urna elementum, sollicitudin tortor in, lobortis metus. Nunc eget justo sed neque fermentum blandit non in dolor. Sed id venenatis leo, vitae rhoncus nulla. Aenean iaculis dolor eu accumsan commodo.</div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119.  
  120. <div style="width:340px;float:left;text-align:right;font-size:7px;line-height:15px;text-transform:uppercase;color:#000;"><a href="https://www.roleplayrepublic.com/roleplay/view_desc/23164/" title="do not remove."><span style="color:#000000;">cr.ᴷ</span></a></div>
  121. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement