API tools faq
paste
kaliforhnia

seasoning greeting layout (diph)

kaliforhnia
Dec 23rd, 2019
178
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.56 KB | None | 0 0
raw download clone embed print report
  1. <div style="margin:auto;width:680px;height:920px;">
  2.  
  3. <div style="float:left;width:670px;height:910px;background-color:#EAEEED;">
  4.  
  5. <div style="float:left;width:650px;height:30px;background-color:#fff;margin-top:10px;margin-left:10px;">
  6. <div style="float:left;width:210px;height:auto;margin-top:5px;border-right:1px solid #8F083F;"><div style="font-family:century gothic;font-size:15px;color:#088F58;text-align:center;text-transform:uppercase;">home</div></div>
  7. <div style="float:left;width:210px;height:auto;margin-top:5px;border-right:1px solid #8F083F;"><div style="font-family:century gothic;font-size:15px;color:#088F58;text-align:center;text-transform:uppercase;">masterlist</div></div>
  8. <div style="float:left;width:210px;height:auto;margin-top:5px;"><div style="font-family:century gothic;font-size:15px;color:#088F58;text-align:center;text-transform:uppercase;">wishlist</div></div>
  9. </div>
  10.  
  11. <div style="float:left;width:650px;height:344px;margin-left:10px;"><img alt="" src="https://i.imgur.com/on3hU37r.jpg" style="width:650px;height:344px;"></div>
  12.  
  13. <div style="float:left;width:20px;height:20px;border-radius:100%;background-color:#CB6855;margin-top:10px;margin-left:150px;"></div>
  14. <div style="float:left;width:20px;height:20px;border-radius:100%;background-color:#8F083F;margin-top:10px;margin-left:150px;"></div>
  15. <div style="float:left;width:20px;height:20px;border-radius:100%;background-color:#088F58;margin-top:10px;margin-left:150px;"></div>
  16.  
  17. <div style="float:left;width:270px;height:180px;background-color:#fff;margin-top:10px;margin-left:10px;">
  18. <div style="float:left;width:260px;height:140px;overflow:hidden;margin:5px;">
  19. <div style="width:280px;height:140px;overflow:auto;">
  20. <div style="float:left;width:260px;">
  21. <div style="font-family:helvetica;text-transform:justify;color:#8F083F;font-size:11px;line-height:10px;text-align:justify;">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>
  22. </div></div></div>
  23. <div style="float:left;width:270px;height:30px;background-color:#088F58;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">about</div></div>
  24. </div>
  25.  
  26. <div style="float:left;width:110px;height:180px;background-color:#fff;margin-top:10px;margin-left:10px;">
  27. <div style="float:left;width:110px;height:140px;overflow:hidden;">
  28. <div style="width:130px;height:140px;overflow:auto;">
  29. <div style="float:left;width:110px;">
  30. <div style="float:left;width:100px;height:100px;border:1px solid #8F083F;margin:4px;"><img alt="" src="https://i.imgur.com/D9OGJyP.jpg" style="width:90px;height:90px;margin:5px;"></div>
  31. <div style="float:left;width:100px;height:100px;border:1px solid #8F083F;margin:4px;"><img alt="" src="https://i.imgur.com/D9OGJyP.jpg" style="width:90px;height:90px;margin:5px;"></div>
  32. <div style="float:left;width:100px;height:100px;border:1px solid #8F083F;margin:4px;"><img alt="" src="https://i.imgur.com/D9OGJyP.jpg" style="width:90px;height:90px;margin:5px;"></div>
  33. <div style="float:left;width:100px;height:100px;border:1px solid #8F083F;margin:4px;"><img alt="" src="https://i.imgur.com/D9OGJyP.jpg" style="width:90px;height:90px;margin:5px;"></div>
  34. <div style="float:left;width:100px;height:100px;border:1px solid #8F083F;margin:4px;"><img alt="" src="https://i.imgur.com/D9OGJyP.jpg" style="width:90px;height:90px;margin:5px;"></div>
  35. </div></div></div>
  36. <div style="float:left;width:110px;height:30px;background-color:#088F58;margin-top:10px;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">admins</div></div>
  37. </div>
  38.  
  39. <div style="float:left;width:250px;height:180px;background-color:#fff;margin-top:10px;margin-left:10px;">
  40. <div style="float:left;width:240px;height:140px;overflow:hidden;margin:5px;">
  41. <div style="width:260px;height:140px;overflow:auto;">
  42. <div style="float:left;width:240px;">
  43. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  44. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  45. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  46. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  47. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  48. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  49. <div style="font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;margin-top:3px;"><span style="color:#088F58;"><b>ddmmyy.</b></span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </div>
  50. </div></div></div>
  51. <div style="float:left;width:250px;height:30px;background-color:#088F58;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">announcements</div></div>
  52. </div>
  53.  
  54. <div style="float:left;width:300px;height:180px;background-color:#fff;margin-top:10px;margin-left:10px;">
  55. <div style="float:left;width:290px;height:140px;overflow:hidden;margin:5px;">
  56. <div style="width:310px;height:140px;overflow:auto;">
  57. <div style="float:left;width:290px;">
  58. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;">
  59. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  60. </div>
  61.  
  62. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  63.  
  64. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  65. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  66. </div>
  67.  
  68. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  69. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  70. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  71. </div>
  72.  
  73. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  74. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  75. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  76. </div>
  77.  
  78. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  79. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  80. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  81. </div>
  82.  
  83. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  84. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  85. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  86. </div>
  87.  
  88. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  89. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  90. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  91. </div>
  92.  
  93. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  94. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  95. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  96. </div>
  97.  
  98. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  99. <div style="float:left;width:auto;border-radius:100%;background-color:#CB6855;margin-top:3px;">
  100. <div style="font-family:helvetica;text-transform:uppercase;color:#fff;margin:3px;font-size:8px;">#01.</div>
  101. </div>
  102.  
  103. <div style="float:left;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;">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.</div>
  104. </div></div></div>
  105. <div style="float:left;width:300px;height:30px;background-color:#088F58;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">rules</div></div>
  106. </div>
  107.  
  108. <div style="float:left;width:170px;height:180px;background-color:#fff;margin-top:10px;margin-left:10px;">
  109. <div style="float:left;width:160px;height:140px;overflow:hidden;margin:5px;">
  110. <div style="width:180px;height:140px;overflow:auto;">
  111. <div style="float:left;width:160px;">
  112. <div style="margin-top:10px;float:left;width:158px;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;border-bottom:1px dotted #088F58;"><b>trivia;</b><span style="float:right;">example ipsum dolor.</span></div>
  113. <div style="margin-top:10px;float:left;width:158px;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;border-bottom:1px dotted #088F58;"><b>trivia;</b><span style="float:right;">example ipsum dolor.</span></div>
  114. <div style="margin-top:10px;float:left;width:158px;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;border-bottom:1px dotted #088F58;"><b>trivia;</b><span style="float:right;">example ipsum dolor.</span></div>
  115. <div style="margin-top:10px;float:left;width:158px;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;border-bottom:1px dotted #088F58;"><b>trivia;</b><span style="float:right;">example ipsum dolor.</span></div>
  116. <div style="margin-top:10px;float:left;width:158px;font-family:helvetica;text-transform:justify;font-size:11px;line-height:10px;text-align:justify;color:#8F083F;border-bottom:1px dotted #088F58;"><b>trivia;</b><span style="float:right;">example ipsum dolor.</span></div>
  117. </div></div></div>
  118. <div style="float:left;width:170px;height:30px;background-color:#088F58;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">application</div></div>
  119. </div>
  120.  
  121. <div style="float:left;width:160px;height:280px;background-color:#fff;margin-top:10px;margin-left:10px;">
  122. <div style="float:left;width:150px;height:240px;overflow:hidden;margin:5px;">
  123. <div style="width:170px;height:240px;overflow:auto;">
  124. <div style="float:left;width:150px;">
  125. <div style="float:left;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  126. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  127. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  128. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  129. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  130. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  131. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  132. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  133. <div style="float:left;margin-top:5px;font-family:helvetica;width:auto;border-bottom:1px dotted #8F083F;font-size:11px;color:#088F58;text-transform:uppercase;line-height:9px;"><b>date</b></div><div style="float:left;margin-top:3px;font-family:helvetica;color:#8F083F;text-transform:justify;text-align:justify;font-size:11px;line-height:10px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc facilisis ipsum vitae ligula maximus, in porttitor nibh dignissim. Donec ornare ullamcorper ex.</div>
  134. </div></div></div>
  135. <div style="float:left;width:160px;height:30px;background-color:#088F58;"><div style="font-family:century gothic;color:#8F083F;text-align:right;text-transform:uppercase;font-size:17px;margin:2px 5px;">updates</div></div>
  136. </div>
  137.  
  138. <div style="float:left;width:300px;height:90px;background-color:#fff;margin-left:10px;margin-top:-90px;"><img alt="" src="https://i.imgur.com/ozlcERI.gif" style="width:300px;height:90px;"></div>
  139.  
  140. <div style="float:left;width:170px;height:90px;background-color:#8F083F;margin-left:320px;margin-top:-90px;">
  141. <div style="text-align:center;font-family:helvetica;text-transform:uppercase;font-size:9px;color:#088F58;margin-top:10px;"><b>artist name</b></div>
  142. <div style="text-align:center;font-family:helvetica;text-transform:uppercase;font-size:9px;color:#088F58;"><b>song name</b></div>
  143. <div style="float:left;width:160px;height:5px;margin:5px;background-color:#088F58;margin-top:20px;"></div>
  144. <div style="background:#088F58;width:25px;height:25px;float:left;margin-left:75px;margin-top:-20px;border-radius:100%;overflow:hidden;"><iframe frameborder="0" height="30" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/480069207&amp;color=088F58&amp;inverse=false&amp;&amp;show_user=true" width="100%"></iframe></div>
  145. </div>
  146. </div>
  147. <div style="width:670px;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>
  148. </div>
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!