API tools faq
paste
tricksterkid

tumblr page // thaddeus

tricksterkid
Aug 23rd, 2020 (edited)
228
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.30 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC>
  2.  
  3. <!-- @NUCLEARTHEMES ON TUMBLR || PLEASE DON'T DELETE CREDIT -->
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Name} / thaddeus</title> <!-- add page title here -->
  10.  
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,700,700i|Raleway:400,400i,700,700" rel="stylesheet">
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16.  
  17. <style type="text/css">
  18.  
  19. /* custom colors for selection */
  20.  
  21. ::-moz-selection {background: #ff6038; color: #f0f0f0;}
  22. ::selection {background: #ff6038; color: #f0f0f0;}
  23.  
  24. /* custom scrollbar */
  25.  
  26. ::-webkit-scrollbar-thumb {background: #fa5060;}
  27. ::-webkit-scrollbar {background: #f0f0f0; width: 5px;}
  28.  
  29. * {margin:0; padding:0;}
  30.  
  31. body {
  32. background: #f0f0f0; /* change background color */
  33. color: #a3a3a3; /* change text color */
  34. font-family: Poppins; /* change font */
  35. font-size: 13px; /* change font size */
  36. text-align: justify;
  37. }
  38.  
  39. #container {
  40. background: #fafafa; /* change container background color */
  41. border-radius: 5px;
  42. height: 400px;
  43. left: 50%;
  44. margin-bottom: 40px;
  45. overflow: auto;
  46. padding: 20px;
  47. position: absolute;
  48. text-align: center;
  49. top: 50%;
  50. transform: translate(-50%,-50%);
  51. width: 700px;
  52. -ms-overflow-style: none;
  53. }
  54.  
  55. #container::-webkit-scrollbar {
  56. display: none;
  57. }
  58.  
  59. h1 { /* page title */
  60. border-bottom: 1px solid #fa5060;
  61. color: #ff6038;
  62. font-family: Raleway;
  63. font-size: 20px;
  64. margin-bottom: 10px;
  65. padding-bottom: 10px;
  66. text-align: center;
  67. }
  68.  
  69. h2 { /* character names */
  70. color: #ff6038;
  71. font-family: Raleway;
  72. font-size: 16px;
  73. margin: 5px;
  74. padding: 5px;
  75. text-align: center;
  76. text-transform: uppercase;
  77. }
  78.  
  79. a {
  80. color: #fa5060; /* link color */
  81. text-decoration: none;
  82. }
  83.  
  84. a:hover {
  85. color: #ff3649; /* link hover color */
  86. transition: 0.4s;
  87. }
  88.  
  89. img {
  90. border-radius: 20%;
  91. float: left;
  92. height: 200px;
  93. margin: 10px 16px 10px 16px;
  94. width: 200px;
  95. }
  96.  
  97. .characterbox { /* container for image and name */
  98. border-radius: 5px;
  99. float: left;
  100. height: 250px;
  101. margin: 1px;
  102. text-align: center;
  103. width: 230px;
  104. }
  105.  
  106. #credit {
  107. background-color: #ff6038;
  108. color: #fafafa;
  109. border-radius: 12px;
  110. bottom: 0;
  111. display: inline;
  112. margin: 8px;
  113. padding: 8px;
  114. position: fixed;
  115. right: 0;
  116. }
  117.  
  118. #credit:hover {
  119. background-color: #fa5060;
  120. transition: 0.4s;
  121. }
  122.  
  123. </style>
  124.  
  125. </head>
  126.  
  127. <body>
  128.  
  129. <div id="container">
  130.  
  131. <h1>Thaddeus</h1> <!-- main title -->
  132.  
  133. <a href="/">HOME</a> /
  134. <a href="/">LINK 1</a> /
  135. <a href="/">LINK 2</a> /
  136. <a href="/">LINK 3</a> /
  137. <a href="/">LINK 4</a> /
  138. <a href="/">LINK 5</a>
  139.  
  140. <br>
  141.  
  142. <!-- START CHARACTER BOX -->
  143.  
  144. <div class="characterbox">
  145.  
  146. <a href="/"> <!-- link goes here -->
  147. <img src="https://i.imgur.com/uh0k7fu.jpg"> <!-- image goes here -->
  148. <h2>Character Name</h2>
  149. </a>
  150.  
  151. </div>
  152.  
  153. <!-- END CHARACTER BOX -->
  154.  
  155. <!-- START CHARACTER BOX -->
  156.  
  157. <div class="characterbox">
  158.  
  159. <a href="/">
  160. <img src="https://i.imgur.com/BLWu5B5.png">
  161. <h2>Character Name</h2>
  162. </a>
  163.  
  164. </div>
  165.  
  166. <!-- END CHARACTER BOX -->
  167.  
  168. <!-- START CHARACTER BOX -->
  169.  
  170. <div class="characterbox">
  171.  
  172. <a href="/">
  173. <img src="https://i.imgur.com/0gIzNdE.png">
  174. <h2>Character Name</h2>
  175. </a>
  176.  
  177. </div>
  178.  
  179. <!-- END CHARACTER BOX -->
  180.  
  181. <!-- START CHARACTER BOX -->
  182.  
  183. <div class="characterbox">
  184.  
  185. <a href="/">
  186. <img src="https://i.imgur.com/CCSlKDj.png">
  187. <h2>Character Name</h2>
  188. </a>
  189.  
  190. </div>
  191.  
  192. <!-- END CHARACTER BOX -->
  193.  
  194. <!-- START CHARACTER BOX -->
  195.  
  196. <div class="characterbox">
  197.  
  198. <a href="/">
  199. <img src="https://i.imgur.com/F5BPNYC.png">
  200. <h2>Character Name</h2>
  201. </a>
  202.  
  203. </div>
  204.  
  205. <!-- END CHARACTER BOX -->
  206.  
  207. <!-- START CHARACTER BOX -->
  208.  
  209. <div class="characterbox">
  210.  
  211. <a href="/">
  212. <img src="https://i.imgur.com/8KlRVzp.png">
  213. <h2>Character Name</h2>
  214. </a>
  215.  
  216. </div>
  217.  
  218. <!-- END CHARACTER BOX -->
  219.  
  220. <!-- START CHARACTER BOX -->
  221.  
  222. <div class="characterbox">
  223.  
  224. <a href="/">
  225. <img src="https://i.imgur.com/2teXBys.jpg">
  226. <h2>Character Name</h2>
  227. </a>
  228.  
  229. </div>
  230.  
  231. <!-- END CHARACTER BOX -->
  232.  
  233. <!-- START CHARACTER BOX -->
  234.  
  235. <div class="characterbox">
  236.  
  237. <a href="/">
  238. <img src="https://i.imgur.com/BdBs8dG.jpg">
  239. <h2>Character Name</h2>
  240. </a>
  241.  
  242. </div>
  243.  
  244. <!-- END CHARACTER BOX -->
  245.  
  246. <!-- START CHARACTER BOX -->
  247.  
  248. <div class="characterbox">
  249.  
  250. <a href="/">
  251. <img src="https://i.imgur.com/K2CINfj.png">
  252. <h2>Character Name</h2>
  253. </a>
  254.  
  255. </div>
  256.  
  257. <!-- END CHARACTER BOX -->
  258.  
  259. </div>
  260.  
  261. <!-- don't edit beyond this point please! colors can be modified in <style> -->
  262.  
  263. <a id="credit" target="blank" href="https://nuclearthemes.tumblr.com/"><i class="fa fa-anchor" style="font-size:15px"></i></a>
  264.  
  265. </body>
  266.  
  267. </html>
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!