API tools faq
paste
Advertisement
firelord

Page 02: OTPs

firelord
Dec 27th, 2013
12,526
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit ional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!---- theme by FIRE1ORD
  6. steal the code or remove the credit and i'll hunt you down. enjoy!!!!! --->
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12.  
  13.  
  14. <style type="text/css">
  15.  
  16. ::-webkit-scrollbar-thumb:vertical {
  17. background-color: #6a6a6a;
  18. height: 50px;
  19. }
  20.  
  21. ::-webkit-scrollbar {
  22. height: 10px;
  23. width: 3px;
  24. background-color: #fcfcfc;}
  25.  
  26.  
  27. body {
  28. background-color:#fcfcfc;
  29. text-align: center;}
  30.  
  31. a
  32. {text-decoration:none; }
  33.  
  34. .title {
  35. margin:0 auto;
  36. padding-top:50px;
  37. padding-left: 3px;
  38. font: 25px sans-serif;
  39. font-weight:bold;
  40. text-transform: lowercase;
  41. letter-spacing: -1px;
  42. top: 30px;
  43. color: #9c9c9c; }
  44.  
  45. #cell {
  46. margin: 0 auto;
  47. height: 210px;
  48. width: 200px;
  49. border: 1px solid #FFFFFFF;
  50. padding: 0px;
  51. background-color: #fff; }
  52.  
  53. #table
  54. {margin:0 auto;
  55. padding-top:5px;}
  56.  
  57. #top {
  58. margin:0 auto;
  59. width: 300px; }
  60.  
  61. .links {
  62. margin-left: 5px;
  63. display: inline-block;
  64. width: 50px;
  65. font: 10px sans-serif;
  66. text-transform: lowercase;
  67. letter-spacing: 0px;
  68. color: #9e9e9e;
  69. background-color: #fff;
  70. border: 1px solid #e0e0e0}
  71. .links a { text-decotarion: none;
  72. color: #9e9e9e;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;
  76. -ms-transition: all 0.5s ease-in-out;
  77. transition: all 0.5s ease-in-out; }
  78. .links a:hover { color: #6c6c6c; }
  79.  
  80.  
  81.  
  82. .box {margin-top: -15px; }
  83. .picture {padding: 0px; background-color: #fafafa; width: 200px; height: 100px; display: table-cell;}
  84.  
  85. .picture img {opacity: 0.7;}
  86. .name { width: 120px; text-align: center; font: 7px trebuchet ms; margin: -10% 25% 0% 21%; text-transform: uppercase; background-color: #8a8a8a; padding: 2px; color: #f4f4f4; letter-spacing: 3px; }
  87.  
  88.  
  89. </style>
  90. </head>
  91. <body>
  92.  
  93. <!--TITLE-->
  94. <div class="title"> TITLE GOES HERE </div>
  95. <div id="top">
  96. <!--LINKS-->
  97. <div class="links"> <a href="/"> home </a> </div>
  98. <div class="links"> <a href="/ask"> ask </a> </div>
  99. <!--DON'T MOVE THIS CREDIT BECAUSE I WILL KNOW AND I WILL FIND YOU-->
  100. <div class="links"> <a href="http://fire1ord.tumblr.com/"> credit </a> </div>
  101. </div>
  102.  
  103. <table id="table" border="0" cellpadding="0" cellspacing="30">
  104. <!-- ROW -->
  105.  
  106. <!-- BOX -->
  107. <td><div id="cell">
  108. <div class="box">
  109. <div class="picture">
  110. <!--PASTE IMAGE URL HERE-->
  111. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  112. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  113. </div></td>
  114. <!-- END BOX -->
  115. <!-- ROW -->
  116.  
  117. <!-- BOX -->
  118. <td><div id="cell">
  119. <div class="box">
  120. <div class="picture">
  121. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  122. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  123. </div></td>
  124. <!-- END BOX -->
  125. <!-- ROW -->
  126.  
  127.  
  128. <!-- BOX -->
  129. <td><div id="cell">
  130. <div class="box">
  131. <div class="picture">
  132. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  133. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  134. </div></td>
  135. <!-- END BOX -->
  136. <!-- ROW -->
  137.  
  138. <!-- BOX -->
  139. <td><div id="cell">
  140. <div class="box">
  141. <div class="picture">
  142. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  143. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  144. </div></td>
  145. <!-- END BOX -->
  146. <!-- ROW -->
  147. <tr>
  148.  
  149. <!-- BOX -->
  150. <td><div id="cell">
  151. <div class="box">
  152. <div class="picture">
  153. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  154. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  155. </div></td>
  156. <!-- END BOX -->
  157.  
  158. <!-- ROW -->
  159.  
  160.  
  161. <!-- BOX -->
  162. <td><div id="cell">
  163. <div class="box">
  164. <div class="picture">
  165. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  166. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  167. </div></td>
  168. <!-- END BOX -->
  169.  
  170. <!-- BOX -->
  171. <td><div id="cell">
  172. <div class="box">
  173. <div class="picture">
  174. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  175. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  176. </div></td>
  177. <!-- END BOXL -->
  178.  
  179. <!-- END ROW -->
  180.  
  181. <!-- ROW -->
  182.  
  183.  
  184. <!-- BOX -->
  185. <td><div id="cell">
  186. <div class="box">
  187. <div class="picture">
  188. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  189. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  190. </div></td>
  191. <!-- END BOX -->
  192.  
  193. <!-- END ROW -->
  194.  
  195. <!-- ROW -->
  196. <tr>
  197.  
  198. <!-- BOX -->
  199. <td><div id="cell">
  200. <div class="box">
  201. <div class="picture">
  202. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  203. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  204. </div></td>
  205. <!-- END BOX -->
  206.  
  207. <!-- ROW -->
  208.  
  209.  
  210. <!-- BOX -->
  211. <td><div id="cell">
  212. <div class="box">
  213. <div class="picture">
  214. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  215. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  216. </div></td>
  217. <!-- END BOX -->
  218.  
  219. <!-- BOX -->
  220. <td><div id="cell">
  221. <div class="box">
  222. <div class="picture">
  223. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  224. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  225. </div></td>
  226. <!-- END BOX -->
  227.  
  228. <!-- END ROW -->
  229.  
  230. <!-- ROW -->
  231.  
  232.  
  233. <!-- BOX -->
  234. <td><div id="cell">
  235. <div class="box">
  236. <div class="picture">
  237. <img src="https://24.media.tumblr.com/2bc1cbd46a7ce9f15764b50853839d00/tumblr_n2wfavt0RV1s1l3bao1_r1_500.png" width="150" height="150"></div></div>
  238. <div class="name"><a href="OPTIONAL LINK GOES HERE"><FONT COLOR="#FFFFFF">NAME GOES HERE</FONT></a></div>
  239. </div></td>
  240. <!-- END BOX -->
  241.  
  242. <!-- END ROW -->
  243.  
  244. </table>
  245.  
  246. </body>
  247. </html>
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!