API tools faq
paste
Advertisement
finchscodes

tony the tiger, your local furry | profile text

finchscodes
May 11th, 2024
15
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.01 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
  2. <style>
  3. ::-webkit-scrollbar {width: 5px; background: #eee;}
  4. ::-webkit-scrollbar-thumb {background: #69936C}
  5. .body{
  6. background: linear-gradient(to bottom, rgba(59,31,17, 0.52), rgba(128,176,121, 0.53)),
  7. url('https://pbs.twimg.com/media/EvaTOIXVkAAopz8?format=jpg&name=large')center;
  8. background-size: cover;
  9. height: 700px;
  10. width: 800px;
  11. margin: auto;
  12. border: 1px solid rgba(0,0,0,0.2);
  13. font-family: 'Montserrat';
  14. }
  15. .tony{
  16. clip-path: polygon(0 0, 95% 0, 100% 15%, 100% 100%, 5% 100%, 0 85%);
  17. background:#fff;
  18. margin-left: 20px;
  19. border: 1px solid rgba(0,0,0,0.2);
  20. width: 400px;
  21. height: 200px;
  22. float:left;
  23. margin-top: 20px;
  24. margin-right: 20px;
  25. }
  26. .header{
  27. text-align: justify;
  28. font-size: 14px;
  29. overflow: auto;
  30. padding: 20px;
  31. height: 150px;
  32. }
  33. h1{
  34. text-align: right;
  35. color: #fff;
  36. margin: 20px;
  37. text-shadow: 1px 1px 5px #000;
  38. position: relative;
  39. z-index: 3
  40. }
  41. .text{
  42. border: 1px solid rgba(0,0,0,0.2);
  43. width: 360px;
  44. height: 400px;
  45. overflow: auto;
  46. margin: 20px;
  47. margin-top: 20px;
  48. padding: 20px;
  49. padding-right: 17px;
  50. background: #fff;
  51. font-size: 14px;
  52. text-align: justify;
  53. display: block;
  54. position: relative
  55. }
  56. .leaf1{
  57. background: url(https://img2.domino.com/dom/image/upload/w_400,q_auto:best,c_limit/v1538613714/5799157281c866970ee8202b-h1000_iehg9z.png)center;
  58. background-size: cover;
  59. width: 200px;
  60. height: 250px;
  61. position: absolute;
  62. margin-top: -220px;
  63. transform: rotate(-145deg);
  64. margin-left: 550px;
  65. z-index: 1
  66. }
  67. .leaf2{
  68. background: url(https://wildernessrim.org/wp-content/uploads/2013/11/sallal-leaves-500x500.png)center;
  69. background-size: cover;
  70. width: 150px;
  71. height: 180px;
  72. position: absolute;
  73. margin-top: 90px;
  74. transform: rotate(-45deg);
  75. z-index: 3
  76. }
  77. .leaf3{
  78. background: url(http://lm.craftnorrath.com/wp-content/plugins/landmark-recipes/images/icons/props_Biome_Feerrott_Plants_Shrubs_Fern01.png)center;
  79. background-size: cover;
  80. width: 150px;
  81. height: 180px;
  82. position: absolute;
  83. margin-left: 700px;
  84. margin-top: 600px;
  85. transform: rotate(-45deg);
  86. z-index: 3
  87. }
  88. .leaf4{
  89. background: url(https://cdn.forestessentialsindia.com/blog/wp-content/uploads/2020/02/Bay-Leaf.png)center;
  90. background-size: cover;
  91. width: 270px;
  92. height: 180px;
  93. position: absolute;
  94. transform: rotate(220deg);
  95. margin-top: 400px;
  96. margin-left: -150px;
  97. z-index: 2
  98. }
  99. .furry{
  100. background: url(https://freepikpsd.com/wp-content/uploads/2019/11/tropical-leaves-transparent-png-9-Images.png)center;
  101. background-size: cover;
  102. width: 150px;
  103. height: 200px;
  104. position: absolute;
  105. transform: rotate(25deg);
  106. margin-left: 325px;
  107. margin-top: -60px;
  108. z-index: 2
  109. }
  110. h2{
  111. margin-top: 0px;
  112. color: #69936C
  113. }
  114. .stats{
  115. background:#69936C;
  116. text-transform:uppercase;
  117. text-align: center;
  118. color: #fff;
  119. padding: 2px;
  120. font-family: 'Montserrat'
  121. }
  122. b, i{
  123. color: #69936C
  124. }
  125. .credits{
  126. width: 800px;
  127. font-family:'Montserrat';
  128. font-size: 16px;
  129. padding: 10px 0px;
  130. text-align: center;
  131. }
  132. </style>
  133. <div class="body">
  134. <div class="leaf2"></div>
  135. <div class="leaf3"></div>
  136. <div class="leaf4"></div>
  137. <div class="tony">
  138. <img src="https://i.ytimg.com/vi/fd9CIQqvy2Y/maxresdefault.jpg" style="height: 100%; width: 150px; object-fit: cover; float: left; ">
  139. <div class="header">
  140. "Laws are threats made by the dominant socioeconomic ethnic group in a given nation. It's just a promise of violence that's enacted and police are basically an occupying army, you know what I mean? You guys want to make some bacon?"
  141. </div>
  142. </div>
  143. <h1>tony the tiger, your local furry</h1>
  144. <div class="leaf1"></div>
  145. <div style=" width: 800px;display: flex">
  146. <div class="text" style="z-index: 4">
  147. <h2>about</h2>
  148. <p>Lorem ipsum dolor sit amet, usu in causae phaedrum. Tale singulis atomorum cu qui, admodum mediocritatem cu. Sale ludus euripidis in quo, an vis mediocrem salutandi, his id clita affert tibique. Assum saperet nonumes in eam, mei ei mentitum qualisque. In ridens dicunt nam. An vel wisi invenire dignissim, qui an aliquando delicatissimi. An has reque menandri consequuntur, nec eu dolor everti fierent.
  149.  
  150. <h2>stats</h2>
  151. <div style="background:#bbb;margin:7px 0;">
  152. <div class="stats" style=";width:78%;">78% TRAIT</div></div>
  153. <div style="background:#bbb;margin:7px 0;">
  154. <div class="stats" style=";width:42%;">42% TRAIT</div></div>
  155. <div style="background:#bbb;margin:7px 0;">
  156. <div class="stats" style=";width:57%;">57% TRAIT</div></div>
  157. <div style="background:#bbb;margin:7px 0;">
  158. <div class="stats" style=";width:90%;">90% TRAIT</div></div>
  159. <div style="background:#bbb;margin:7px 0;">
  160. <div class="stats" style=";width:69%;">69% TRAIT</div></div>
  161. <h2 style="margin-top: 15px;">personality</h2>
  162. <img src="LINK" style="height: 90px; width: 90px; float: left; object-fit: cover; margin-right:10px;border:1px solid rgba(0,0,0,0.2)">
  163. <p>Mel te alterum vituperata, per ne inani nonumy invidunt, pro eu eius natum qualisque. Usu no affert probatus. Omnis viris appareat te has, id sea illum explicari, ne vis inani aeque sadipscing. Harum dignissim nec an, magna mediocrem suscipiantur nec ut. Per at labitur diceret alterum.
  164.  
  165. <p>Laoreet erroribus sed no, sit nisl prompta eu. Ea vim vero mutat adipiscing, eu per nonumy sapientem. Saperet ceteros per te, duo mollis forensibus adolescens ad, eu meliore interesset eos. Fugit simul praesent eos id, mucius inimicus appellantur at pri.
  166. </div>
  167. <div class="furry"></div>
  168. <div class="text">
  169. <h2>relations</h2>
  170. <div style="border:1px solid rgba(0,0,0,0.3);padding: 10px; margin-bottom: 10px;background: #fff; color: #36353D"><img src="PICTURE" style="height:70px; width: 70px; object-fit: cover; float:left; margin-right: 10px"><b>NAME | RELATIONSHIP -- </b>Lorem ipsum dolor sit amet, cu ius veniam aperiam. Mel labores epicuri theophrastus ei, atqui accommodare intellegebat vix ut. Quod malorum nostrum ea . Nec mazim paulo eu.
  171. </div>
  172. <div style="border:1px solid rgba(0,0,0,0.3);padding: 10px; margin-bottom: 10px;background: #fff; color: #36353D"><img src="PICTURE" style="height:70px; width: 70px; object-fit: cover; float:left; margin-right: 10px"><b>NAME | RELATIONSHIP -- </b>Lorem ipsum dolor sit amet, cu ius veniam aperiam. Mel labores epicuri theophrastus ei, atqui accommodare intellegebat vix ut. Quod malorum nostrum ea . Nec mazim paulo eu.
  173. </div>
  174. <div style="border:1px solid rgba(0,0,0,0.3);padding: 10px; margin-bottom: 10px;background: #fff; color: #36353D"><img src="PICTURE" style="height:70px; width: 70px; object-fit: cover; float:left; margin-right: 10px"><b>NAME | RELATIONSHIP -- </b>Lorem ipsum dolor sit amet, cu ius veniam aperiam. Mel labores epicuri theophrastus ei, atqui accommodare intellegebat vix ut. Quod malorum nostrum ea . Nec mazim paulo eu.
  175. </div>
  176. <div style="border:1px solid rgba(0,0,0,0.3);padding: 10px; margin-bottom: 10px;background: #fff; color: #36353D"><img src="PICTURE" style="height:70px; width: 70px; object-fit: cover; float:left; margin-right: 10px"><b>NAME | RELATIONSHIP -- </b>Lorem ipsum dolor sit amet, cu ius veniam aperiam. Mel labores epicuri theophrastus ei, atqui accommodare intellegebat vix ut. Quod malorum nostrum ea . Nec mazim paulo eu.
  177. </div>
  178. <div style="border:1px solid rgba(0,0,0,0.3);padding: 10px; margin-bottom: 10px;background: #fff; color: #36353D"><img src="PICTURE" style="height:70px; width: 70px; object-fit: cover; float:left; margin-right: 10px;"><b>NAME | RELATIONSHIP -- </b>Lorem ipsum dolor sit amet, cu ius veniam aperiam. Mel labores epicuri theophrastus ei, atqui accommodare intellegebat vix ut. Quod malorum nostrum ea . Nec mazim paulo eu.
  179. </div>
  180. </div></div>
  181. <div class="credits">OOC Name / Timezone / Contact Method / Age /<a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000;" target="_blank"> Coded by Finch</a>
  182. </div>
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!