API tools faq
paste
t3ch13-c0l0rs

harrier

t3ch13-c0l0rs
Mar 23rd, 2024
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.44 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. back once again in the lions den
  3.  
  4. background: #f5d9c1
  5. profile links/drop shadow: #82342b
  6. mail card: #e8dacc #e32943 #1859cc
  7. content bg: #faf6e6
  8. text: #93604a
  9. -->
  10.  
  11. <div class="fixed-bottom p-2" style="absolute;top:0px;bottom:0px;left:0px;">
  12.  
  13. <!-- yah -->
  14. <div style="position: absolute; top: 0px; bottom: 0px; left: 0px; background: #f5d9c1; width: 100%; z-index: -1; background-size: cover;">
  15. <div class="card-transparent justify-content-center" style="height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width: none;"><br><br><br>
  16.  
  17. <!-- top bar -->
  18. <div class="col-md-6 col-sm-12 p-0 my-auto">
  19.  
  20. <!-- youre gonna need to put your username in a lot so just ctrl+f "youruserhere" and replace it w your user -->
  21. <div class="font-italic px-2" style="color: #82342b">
  22. <a href="https://toyhou.se/youruserhere/bulletins" style="color: #82342b">bulletins</a>
  23. •
  24. <a href="https://toyhou.se/youruserhere/characters" style="color: #82342b">characters</a>
  25. •
  26. <a href="https://toyhou.se/youruserhere/links" style="color: #82342b">links</a>
  27. •
  28. <a href="https://toyhou.se/youruserhere/worlds" style="color: #82342b">worlds</a>
  29. •
  30. <a href="https://toyhou.se/youruserhere/favorites" style="color: #82342b">favorites</a>
  31. •
  32. <a href="https://toyhou.se/youruserhere/art" style="color: #82342b">art</a>
  33. •
  34. <a href="https://toyhou.se/youruserhere/created" style="color: #82342b">designs</a>
  35. •
  36. <a href="https://toyhou.se/youruserhere/literatures" style="color: #82342b">library</a>
  37. •
  38. <a href="https://toyhou.se/youruserhere/comments" style="color: #82342b">comments</a>
  39. </div>
  40.  
  41. <!-- part that needs most editing -->
  42. <div class="p-2" style="background-image: linear-gradient(125deg, #e8dacc, #e8dacc 10%, #e32943 10%, #e32943 20%, #1859cc 20%, #1859cc 30%, #e8dacc 30%, #e8dacc 40%, #e32943 40%, #e32943 50%, #1859cc 50%, #1859cc 60%, #e8dacc 60%, #e8dacc 70%, #e32943 70%, #e32943 80%, #1859cc 80%, #1859cc 90%, #e8dacc 90%); box-shadow: 0px 0px 2px #82342b;">
  43.  
  44. <!-- part that needs editing -->
  45. <div class="p-2" style="background-color: #faf6e6; color: #93604a">
  46.  
  47. <div class="row no-gutters">
  48.  
  49. <!-- left part -->
  50. <div class="col-md-8 col-sm-12 d-block d-md-flex flex-column">
  51.  
  52. <!-- username, fontawesome.com to change the fa-flower -->
  53. <div style="font-size: 30px">USERNAME <i class="fas fa-flower"></i></div>
  54.  
  55. <hr class="my-0 w-100" style="border-color: #93604a; opacity: 50%">
  56.  
  57. <!-- now that i think about it, this code reminds me of CROSSING 166 -->
  58. <div class="my-1" style="font-size: 15px">prns/prns • timezone • idk other stuff</div>
  59.  
  60. <!-- maybe ill remake that one sometime -->
  61. <div class="mt-2" style="flex: 1 1 150px; min-height: 150px; overflow-y: auto;">
  62. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.
  63. </div>
  64.  
  65. </div>
  66.  
  67. <!-- right part -->
  68. <div class="col-md col-sm-12 px-2">
  69.  
  70. <!-- these dont show up on mobile, but therse are stamps! theres a lot on deviantart. -->
  71. <div class="hidden-sm-down">
  72.  
  73. <!-- replace the thing quotes after src -->
  74. <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/72436023_idHpGoAMkoK17ag.png" style="filter: drop-shadow(0 0 1px #82342b)">
  75.  
  76. <!-- replace the thing quotes after src -->
  77. <span class="text-right w-100 d-block mt-n4">
  78. <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/72430775_hcmfrIrfqwPHbW5.gif" style="filter: drop-shadow(0 0 1px #82342b)">
  79. </span>
  80.  
  81. <!-- replace the thing quotes after src -->
  82. <img class="mt-n4" src="https://f2.toyhou.se/file/f2-toyhou-se/images/72311200_g6ouxBfj3XU6oId.png" style="filter: drop-shadow(0 0 1px #82342b)">
  83.  
  84. </div>
  85.  
  86. <!-- stats -->
  87. <div class="mt-5">
  88.  
  89. <!-- comms -->
  90. <div class="justify-content-between">
  91. <p class="font-italic mb-1">commissions</p>
  92. <p>open</p>
  93. </div>
  94.  
  95. <hr class="my-0 w-100" style="border-color: #93604a; opacity: 50%">
  96.  
  97. <!-- trades -->
  98. <div class="justify-content-between">
  99. <p class="font-italic mb-1">trades</p>
  100. <p>open</p>
  101. </div>
  102.  
  103. <hr class="my-0 w-100" style="border-color: #93604a; opacity: 50%">
  104.  
  105. <!-- requests -->
  106. <div class="justify-content-between">
  107. <p class="font-italic mb-1">requests</p>
  108. <p>closed</p>
  109. </div>
  110.  
  111. <!-- more can be added here, but dont forget the <hr> inbetween -->
  112.  
  113. </div>
  114.  
  115. <!-- links, go to fontawesome.com to change the icons -->
  116. <div class="text-center">
  117.  
  118. <a href="#" style="color: #93604a"><i class="fab fa-twitter"></i></a>
  119. <a href="#" style="color: #93604a"><i class="fab fa-tumblr"></i></a>
  120. <a href="#" style="color: #93604a"><i class="fab fa-instagram"></i></a>
  121. <a href="#" style="color: #93604a"><i class="fab fa-lastfm"></i></a>
  122.  
  123. </div>
  124. </div>
  125.  
  126. </div>
  127.  
  128. <!-- credit dont remove -->
  129. <div class="row no-gutters my-1 align-items-center font-italic" style="opacity: 50%">
  130. <div class="col px-2">
  131. <hr class="my-0" style="border-color: #93604a">
  132. </div>
  133. <a href="https://toyhou.se/micro-wave" style="color: #93604a">code by micro-wave</a>
  134. </div>
  135.  
  136. </div>
  137.  
  138. </div>
  139.  
  140.  
  141. <!-- bottom bit -->
  142. <div class="font-italic px-2 text-right" style="color: #82342b">
  143. <a href="https://toyhou.se/youruserhere/stats" style="color: #82342b">stats</a>
  144. •
  145. <a href="https://toyhou.se/~messages/create/youruserhere" style="color: #82342b">message</a>
  146. •
  147. <a href="https://toyhou.se/youruserhere/subscribe" style="color: #82342b">subscribe</a>
  148. •
  149. <a href="https://toyhou.se/youruserhere/authorize" style="color: #82342b">authorize</a>
  150. •
  151.  
  152. <!-- dont remove these, kinda rude to -->
  153. <a href="https://toyhou.se/youruserhere/block" style="color: #82342b">block</a>
  154. •
  155.  
  156. <!-- get a friend to click the report button, paste the ticket link here -->
  157. <a href="#" style="color: #82342b">report</a>
  158. </div>
  159.  
  160. </div>
  161.  
  162.  
  163. </div>
  164. </div>
  165. </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!