API tools faq
paste
Advertisement
Guest User

Reference Sheet F2U Code

a guest
Apr 22nd, 2023
1,329
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.75 KB | None | 0 0
raw download clone embed print report
  1. <div class="container p-0 mt-3" style="max-width: 400px;">
  2. <div class="bg-faded p-3">
  3. <hr>
  4.  
  5. <p style="text-align: center;"><a href="https://pastebin.com/6sKwk9b3" id="" rel="noopener noreferrer" target="_blank"><span style="font-size: 24px;">GET THE CODE</span></a></p>
  6. <hr>
  7. </div>
  8. </div>
  9. <hr>
  10. <div class="container-fluid p-1">
  11. <div class="row no-gutters justify-content-center">
  12. <!------ INFO ------->
  13. <div class="col-lg-5 ">
  14. <div class="row no-gutters justify-content-center">
  15. <div class="col-lg-5">
  16. <div class="p-1 h-100">
  17. <div class="card h-100 bg-faded justify-content-center">
  18.  
  19. <ul class="nav nav-pills nav-fill d-flex flex-wrap h-100">
  20. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border- text-muted text-uppercase show active" data-toggle="pill" href="#hairstyle1"><span style="font-size: 0.85em; letter-spacing: 1.5px;">#1</span></a></li>
  21. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border- text-muted text-uppercase show" data-toggle="pill" href="#hairstyle2"><span style="font-size: 0.85em; letter-spacing: 1.5px;">#2</span></a></li>
  22. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border- text-muted text-uppercase show" data-toggle="pill" href="#hairstyle3"><span style="font-size: 0.85em; letter-spacing: 1.5px;">#3</span></a></li>
  23. </ul>
  24. <div class="p-1">
  25. <div class="card border-1 justify-content-center rounded-2 p-1 h-100">
  26. <div class="text-center content-justify-center">
  27. <!--TAB CONTENT-->
  28. <div class="tab-content" style="height: 190px;">
  29. <!------1 HAIRSTYLE ----->
  30. <div class="tab-pane fade active show" id="hairstyle1">
  31. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png" class="fr-fic fr-dib justify-content-center" width="116" height="191.413"></div>
  32. </div>
  33. <!------2 HAIRSTYLE ----->
  34. <div class="tab-pane fade" id="hairstyle2">
  35. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png" class="fr-fic fr-dib justify-content-center" width="116" height="191.413"></div>
  36. </div>
  37. <!------3 HAIRSTYLE ----->
  38. <div class="tab-pane fade" id="hairstyle3">
  39. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097267936684683375/aaaaaaaaa.png" class="fr-fic fr-dib justify-content-center" width="116" height="191.413"></div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. <!------ INFO ------->
  49. <div class="col-lg-7 ">
  50. <div class="p-1">
  51. <div class="card justify-content-center">
  52.  
  53. <ul class="list-group list-group-flush">
  54. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">SPECIES</span>canine/feline&#39;</li>
  55. <li class="list-group-item p-2 d-flex justify-content-between border-0 bg-faded"><span class="text-secondary">HEIGHT</span>
  56. <span class="pull-right"><span class="pull-right">cm | 0&#39;00&#39;&#39;</span></span>
  57. </li>
  58. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">WEIGHT</span>
  59. <span class="pull-right"><span class="pull-right">slim/average/chubby</span></span>
  60. </li>
  61. <li class="list-group-item p-2 d-flex justify-content-between border-0 bg-faded"><span class="text-secondary">BODY SHAPE</span>trapezoid/rectangle/pear</li>
  62. <li class="list-group-item p-2 d-flex justify-content-between border-0"><span class="text-secondary">FUR LENGTH</span>
  63. <span class="pull-right"><span class="pull-right">short/medium/long</span></span>
  64. </li>
  65. <li class="list-group-item p-2 d-flex justify-content-between border-0 bg-faded"><span class="text-secondary">FUR TEXTURE</span>
  66. <span class="pull-right"><span class="pull-right">soft/rough</span></span>
  67. </li>
  68. <li class="list-group-item p-2 d-flex justify-content-between border-0 "><span class="text-secondary">BEARD</span>scruffy (can be changed to &quot;BREASTS&quot;)</li>
  69. </ul>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <!------ INJURIES ------->
  75. <div class="p-1">
  76. <div class="card border-1 justify-content-center rounded-2 p-1">
  77. <div class="text-center text-muted p-1 display-3" style="letter-spacing: 1px; font-size: 18px;">INJURIES</div>
  78. <div class="card border-0 bg-faded justify-content-center rounded-2">
  79. <div class="container-fluid p-1">
  80. <div class="row justify-content-center">
  81. <!------ text ------->
  82. <div class="col-lg-4">
  83. <div class="mt-1 border-0" style="height: 275px; width: 165px; overflow: auto; text-align: justify;">
  84.  
  85. <ul class="list-unstyled" style="text-align:center;">
  86. <li class="mb-2 text-center"><span class="text-muted">INJURY</span>
  87. <br><span style="font-size: 13px;">explanation&nbsp;</span></li>
  88. <li>
  89. <hr class="m-2">
  90. </li>
  91. <li class="mb-2 text-center"><span class="text-muted">INJURY</span>
  92. <br><span style="font-size: 13px;">explanation</span></li>
  93. <li>
  94. <hr class="m-2">
  95. </li>
  96. <li class="mb-2 text-center"><span class="text-muted">INJURY</span>
  97. <br><span style="font-size: 13px;">explanation</span></li>
  98. <li>
  99. <hr class="m-2">
  100. </li>
  101. <li class="mb-2 text-center"><span class="text-muted">INJURY</span>
  102. <br><span style="font-size: 13px;">explanation</span></li>
  103. </ul>
  104. </div>
  105. </div>
  106. <!------ pelt ------->
  107. <div class="col-lg-8 ">
  108. <div class="h-100 p-1">
  109. <div class="card border-1 justify-content-center rounded-2 p-1 h-100">
  110. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097268883263594637/kitty_injury_blank.png" class="fr-fic fr-dib justify-content-center" width="278" height="250.85"></div>
  111. </div>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <!------ FRONT N BACK ------->
  121. <div class="col-lg-5 p-1">
  122.  
  123. <ul class="nav nav-pills nav-fill d-flex flex-wrap mb-">
  124. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border- text-muted text-uppercase show active" data-toggle="pill" href="#FRONT"><span style="font-size: 0.95em; letter-spacing: 1.5px;">FRONT</span></a></li>
  125. <li class="nav-item p-1"><a class="nav-link btn btn-secondary border- text-muted text-uppercase show" data-toggle="pill" href="#BACK"><span style="font-size: 0.95em; letter-spacing: 1.5px;">BACK</span></a></li>
  126. </ul>
  127. <!--TAB CONTENT-->
  128. <div class="tab-content">
  129. <!------FRONT ----->
  130. <div class="tab-pane fade active show" id="FRONT">
  131. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097272788676522106/AFAF.png" class="fr-fic fr-dib justify-content-center" width="207" height="537.938"></div>
  132. </div>
  133. <!------BACK ----->
  134. <div class="tab-pane fade" id="BACK">
  135. <div class="text-center content-justify-center"><img src="https://cdn.discordapp.com/attachments/593270107371732992/1097272788932366366/AFAF2.png" class="fr-fic fr-dib justify-content-center" width="207" height="537.938"></div>
  136. </div>
  137. </div>
  138. </div>
  139. <!------ NOTES ------->
  140. <div class="col-lg-2">
  141. <div class="p-1">
  142. <div class="card border-1 justify-content-center rounded-2 p-1">
  143. <div class="text-center text-muted p-1 display-3" style="letter-spacing: 1px; font-size: 18px;">NOTES</div>
  144. <div class="card border-0 bg-faded justify-content-center rounded-2 p-">
  145. <div class="p-0 m-1 border-0" style="height: 214px; overflow: auto; text-align: justify;">
  146.  
  147. <ul class="list-unstyled mb-0 p-1" style="text-align:left;">
  148. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  149. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  150. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  151. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  152. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  153. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  154. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  155. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  156. <li class="mb-2"><i class="fas fa-pen font-weight-lighter fa-fw"></i> trait here</li>
  157. </ul>
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. <hr class="m-2">
  163. <!------ PALETTE ------->
  164. <div class="row no-gutters justify-content-center" style="font-size: 20px;">
  165. <div class="col-lg-12 p-1">
  166. <div class="card border-0 justify-content-center p-1">
  167.  
  168. <p><span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  169. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  170. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  171. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  172. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  173. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  174. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span>
  175. <span data-toggle="tooltip" title="HEXCODE"><i class="fa fa-square" style="text-align:center; color: #989392;"></i></span></p>
  176. </div>
  177. </div>
  178. </div>
  179. <hr class="m-2">
  180. <!------ BODY MOD ------->
  181. <div class="p-1">
  182. <div class="card border-1 justify-content-center rounded-2 p-1">
  183. <div class="text-center text-muted p-1 display-3" style="letter-spacing: 1px; font-size: 18px;"><span style="font-size: 16px;">BODY MODIFICATIONS</span></div>
  184. <div class="card border-0 bg-faded justify-content-center rounded-2 p-">
  185. <div class="p-0 m-1 border-0" style="height: 195px; overflow: auto; text-align: justify;">
  186.  
  187. <ul class="list-unstyled mb-0 p-1" style="text-align:CENTER;">
  188. <li class="mb-2">bod mod here</li>
  189. <li>
  190. <hr class="m-1">
  191. </li>
  192. <li class="m-2"><span class="text-muted">(R)</span> bod mod here
  193. <br>(right &nbsp;side one)</li>
  194. <li>
  195. <hr class="m-1">
  196. </li>
  197. <li class="m-2"><span class="text-muted">(L)</span> bod mod here
  198. <br>(left &nbsp;side one)</li>
  199. </ul>
  200. </div>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. </div>
  206. </div>
  207.  
  208. <p class="text-right"><a class="text-secondary" data-toggle="tooltip" href="https://toyhou.se/xCaramelCookiex/characters/folder:3531028" id="" title="code by xCaramelCookiex"><i class="far fa-cookie-bite fa-flip-horizontal fa-sm"></i><i class="far fa-cookie"></i><i class="far fa-cookie-bite fa-sm"></i></a>&nbsp; &nbsp;</p>
  209.  
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!