tempural

tf2 ship table

Jun 9th, 2021 (edited)
40
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5.  
  6. red{
  7. color:red}
  8.  
  9. gr{
  10. color:green}
  11.  
  12. h2{
  13. width: 100%;
  14. color: #f9f9f9;
  15. font-size: 20px;
  16. font-weight: bolder;
  17. margin: 0 auto;
  18. text-align: center;
  19. padding:5px;
  20. background-color: #bd3b3b;
  21. }
  22.  
  23. table{
  24. width: 100%;
  25. word-wrap: break-word;
  26. background-color: #ffffff;
  27. border-collapse: collapse;
  28. border-width: 1px;
  29. border-color: #bd3b3b;
  30. border-style: dotted;
  31. text-align: left;
  32. color: #000000;
  33. padding: 8px;
  34.  
  35. }
  36.  
  37. }
  38.  
  39. th {
  40. color: white;
  41. border-width: 1px;
  42. background-color: #d55353;
  43. border-color: #d55353;
  44. border-style: dotted;
  45. border-width: 1px;
  46. padding: 3px;
  47. border-collapse: collapse;
  48. padding: 12px;
  49. min-width: 25px;
  50.  
  51. }
  52.  
  53. td, tr {
  54. border-collapse: collapse;
  55. border-color: #bd3b3b;
  56. border-style: dotted;
  57. border-width: 1px;
  58. padding: 8px;
  59. background-color: #f9f9f9;
  60. min-width: 25px;
  61.  
  62. td:hover {background-color:#ff9090;}
  63.  
  64. </style>
  65. </head>
  66. <body>
  67. <h2> pairings </h2>
  68. <div style="overflow-x:auto;">
  69. <table>
  70.  
  71. <tr>
  72. <th>Characters</th>
  73. <th>Scout</th>
  74. <th>Soldier</th>
  75. <th>Pyro</th>
  76. <th>Demo</th>
  77. <th>Heavy</th>
  78. <th>Engie</th>
  79. <th>Medic</th>
  80. <th>Sniper</th>
  81. <th>Spy</th>
  82. <th>Merasmus</th>
  83. <th>Pauling</th>
  84. <th>Admin</th>
  85. </tr>
  86. <tbody>
  87. <tr>
  88. <th>Scout</th>
  89. <td><red>❤❤</red></td>
  90. <td><gr>✓</gr></td>
  91. <td></td>
  92. <td><gr>✓</gr></td>
  93. <td><gr>✓</gr></td>
  94. <td></td>
  95. <td><red>❤</red></td>
  96. <td>🚫</td>
  97. <td><red>❤❤❤ </red></td>
  98. <td><gr>✓</gr></td>
  99. <td><red>❤</red></td>
  100. <td></td>
  101. </tr>
  102. <tr>
  103. <th>Soldier</th>
  104. <td><gr>✓</gr></td>
  105. <td> </td>
  106. <td> </td>
  107. <td><gr>✓</gr></td>
  108. <td> </td>
  109. <td> </td>
  110. <td><gr>✓ </gr></td>
  111. <td> </td>
  112. <td><gr>✓✓<gr></td>
  113. <td><red>❤❤</red></td>
  114. <td> </td>
  115. <td> </td>
  116. </tr>
  117. <tr>
  118. <th>Pyro</th>
  119. <td> </td>
  120. <td> </td>
  121. <td> </td>
  122. <td> </td>
  123. <td> </td>
  124. <td> </td>
  125. <td> </td>
  126. <td> </td>
  127. <td> </td>
  128. <td> </td>
  129. <td> </td>
  130. <td> </td>
  131. </tr>
  132. <tr>
  133. <th>Demo</th>
  134. <td><gr>✓ </gr></td>
  135. <td><gr>✓ </gr></td>
  136. <td> </td>
  137. <td> </td>
  138. <td> </td>
  139. <td> </td>
  140. <td> </td>
  141. <td> </td>
  142. <td> </td>
  143. <td> </td>
  144. <td> </td>
  145. <td> </td>
  146. </tr>
  147. <tr>
  148. <th>Heavy</th>
  149. <td><gr>✓ </gr></td>
  150. <td> </td>
  151. <td> </td>
  152. <td> </td>
  153. <td> </td>
  154. <td> </td>
  155. <td><gr>✓ </gr></td>
  156. <td> </td>
  157. <td> </td>
  158. <td> </td>
  159. <td> </td>
  160. <td> </td>
  161. </tr>
  162. <tr>
  163. <th>Engie</th>
  164. <td> </td>
  165. <td> </td>
  166. <td> </td>
  167. <td> </td>
  168. <td> </td>
  169. <td> </td>
  170. <td> </td>
  171. <td> </td>
  172. <td> </td>
  173. <td> </td>
  174. <td> </td>
  175. <td> </td>
  176. </tr>
  177. <tr>
  178. <th>Medic</th>
  179. <td><red>❤</red></td>
  180. <td><gr>✓</gr></td>
  181. <td> </td>
  182. <td> </td>
  183. <td><gr>✓</gr></td>
  184. <td> </td>
  185. <td> </td>
  186. <td> </td>
  187. <td><gr>✓</gr></td>
  188. <td> </td>
  189. <td> </td>
  190. <td> </td>
  191. </tr>
  192. <tr>
  193. <th>Sniper</th>
  194. <td>🚫</td>
  195. <td> </td>
  196. <td> </td>
  197. <td> </td>
  198. <td> </td>
  199. <td> </td>
  200. <td> </td>
  201. <td> </td>
  202. <td><gr>✓</gr></td>
  203. <td> </td>
  204. <td> </td>
  205. <td> </td>
  206. </tr>
  207. <tr>
  208. <th>Spy</th>
  209. <td><red>❤❤❤</red></td>
  210. <td><gr>✓</gr></td>
  211. <td> </td>
  212. <td> </td>
  213. <td> </td>
  214. <td> </td>
  215. <td><gr>✓</gr></td>
  216. <td><gr>✓</gr></td>
  217. <td><gr>✓</gr></td>
  218. <td> </td>
  219. <td> </td>
  220. <td> </td>
  221. </tr>
  222. <tr>
  223. <th>Merasmus</th>
  224. <td><gr>✓</gr></td>
  225. <td><red>❤❤</red></td>
  226. <td> </td>
  227. <td> </td>
  228. <td> </td>
  229. <td> </td>
  230. <td> </td>
  231. <td> </td>
  232. <td> </td>
  233. <td> </td>
  234. <td> </td>
  235. <td> </td>
  236. </tr>
  237. <tr>
  238. <th>Pauling</th>
  239. <td><red>❤</red></td>
  240. <td> </td>
  241. <td> </td>
  242. <td> </td>
  243. <td> </td>
  244. <td> </td>
  245. <td> </td>
  246. <td> </td>
  247. <td> </td>
  248. <td> </td>
  249. <td> </td>
  250. <td><gr>✓</gr></td>
  251. </tr>
  252. <tr>
  253. <th>Admin</th>
  254. <td> </td>
  255. <td> </td>
  256. <td> </td>
  257. <td> </td>
  258. <td> </td>
  259. <td> </td>
  260. <td> </td>
  261. <td> </td>
  262. <td> </td>
  263. <td> </td>
  264. <td><gr>✓</gr></td>
  265. <td> </td>
  266. </tr>
  267. </tbody>
  268. </table>
  269. </div>
  270. <br>
  271. <h3>Notes: </h3>
  272. <p> Name order matters for young/old ships. Thesis: Young is the giver of affection, Old is the recipient of affection. As a result Scout always pursues, UNLESS he's paired with a girl, in which case the girl kills or doms him. I don't really care about name order for balanced ships like demo/solly or pretty much any non-scout ship.</p>
  273. <br>
  274. <p>❤ gachigasm</p>
  275. <p>✓ pretty cool! </p>
  276. <p>🚫 NO top!sniper x bottom!scout. top!scout x bottom!sniper is acceptable as JUST FRIENDS.</p>
  277. <p> blank means no strong feelings. I may have drawn it as Just Friends or fwb, and could be convinced to feel more.</p>
  278. <br>
  279. <p> Wanna add this pairing table to your own page! <a href="https://pastebin.com/VH45fF78">Click HERE for the babby code.</a>
  280. <br>
  281. Feel free to edit the code however you wish, and make it into any other characters or universe. This is just a basic table that I pre-filled, don't credit me!</p>
  282.  
  283.  
  284.  
  285.  
  286.  
  287. <footer>
  288. </footer>
  289. </body>
  290. </html>
RAW Paste Data