API tools faq
paste
Advertisement
morbidrpa

white demon love song by morbidrpa

morbidrpa
Jan 23rd, 2019
372
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.43 KB | None | 0 0
raw download clone embed print report
  1. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  2. <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  3.  
  4. <head>
  5.  
  6. <!--
  7.  
  8. page one: white demon love song
  9.  
  10. please don't: edit & repost / claim as your own
  11. please don't: delete credit
  12. please don't: steal bits of coding
  13.  
  14. feel free to im or inbox me at morbidrpa.tumblr.com
  15. with any questions or concerns
  16.  
  17. ------
  18.  
  19. custom font hosting by morbidrpa
  20. icon font by suiomi.com/font
  21.  
  22. -->
  23.  
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26.  
  27. <style type="text/css">
  28.  
  29.  
  30. @font-face { font-family: "krinkes"; src: url('https://dl.dropboxusercontent.com/s/99qlnnzs5acekob/KrinkesDecorPERSONAL.ttf?dl=1'); format(“truetype”);}
  31.  
  32.  
  33. body {
  34. background: #fafafa;
  35. font-family: 'Quicksand', sans-serif;
  36. font-size: 11px;
  37. line-height:15px;
  38. color: #222222;
  39. background-image:url('URL');
  40. background-position: top center;
  41. background-repeat: no repeat;
  42. -webkit-background-size: cover;
  43. -moz-background-size: cover;
  44. -o-background-size: cover;
  45. background-size: cover;
  46. background-attachment: fixed;
  47. }
  48.  
  49. b, strong {
  50. color:#577590;
  51. }
  52.  
  53. a, i, em, italic {
  54. color:#F3CA40;
  55. }
  56.  
  57. #header {
  58. height:50px;
  59. margin-top:55px;
  60. text-align:center;
  61. margin-bottom:30px;
  62. }
  63.  
  64. #header main {
  65. font-family:"krinkes";
  66. font-size:60px;
  67. color:#DE6C83;
  68. margin-top:-57px;
  69.  
  70. }
  71.  
  72. .description {
  73. width: 500px;
  74. background-color: #E6E8E6;
  75. border: 8px solid #F2F2F2;
  76. padding: 8px;
  77. padding-left:15px;
  78. padding-right:15px;
  79. text-align: justify;
  80. text-transform: lowercase;
  81. border-radius:35px;
  82. }
  83.  
  84. #header subb {
  85. background-color:#C9CEBD;
  86. display:inline-block;
  87. padding:5px;
  88. padding-right:10px;
  89. padding-left:10px;
  90. color:#222222;
  91. font-family: 'Quicksand', sans-serif;
  92. font-size:10px;
  93. letter-spacing:2px;
  94. font-weight:bold;
  95. text-transform:uppercase;
  96. margin-top:25px;
  97. border-radius:50px;
  98. }
  99.  
  100. .divider {
  101. background-color:#C9CEBD;
  102. display:inline-block;
  103. padding:5px;
  104. padding-right:10px;
  105. padding-left:10px;
  106. color:#222222;
  107. font-family: 'Quicksand', sans-serif;
  108. font-size:10px;
  109. letter-spacing:2px;
  110. font-weight:bold;
  111. text-transform:uppercase;
  112. border-radius:50px;
  113. }
  114.  
  115. .contain, #contain {
  116. margin:30px auto;
  117. text-align:center;
  118. }
  119.  
  120. img {
  121. margin: 8px;
  122. padding: 8px;
  123. background-color: #E6E8E6;
  124. border: 8px solid #F2F2F2;
  125. border-radius:50px;
  126.  
  127. }
  128.  
  129. #credit {
  130. font-size:8px;
  131. float:center;
  132. line-height:8px;
  133. position:fixed;
  134. bottom:25px;
  135. letter-spacing:1px;
  136. right:25px;
  137. font-family: 'Quicksand', sans-serif;
  138. text-transform:lowercase;
  139. padding:8px;
  140. color:#181818;
  141. background-color:#C9CEBD;
  142. border-radius:50px;
  143. }
  144.  
  145. #credit a {
  146. color:#222222;
  147. text-decoration:none;
  148. }
  149.  
  150.  
  151. </style>
  152. </head>
  153.  
  154. <body>
  155.  
  156. <div id="header"><subb>gif count: ###</subb><main>Cody Fern</main></div>
  157. <center>
  158. <div class="description">your gif pack description will go here. the box expands as much as you need it. here's some <b>bold text</b>, some <i>italic text</i>, <a href="#">a link</a>, and <a href="#"><b>a bold link</a></b> so you can see how they're styled. it defaults to lowercase. fill this with whatever you'd like. go nuts.
  159.  
  160. <center><br><b>trigger warnings :</b> text</center><center><b>last update :</b> month date 2019</center></div></center>
  161.  
  162. <div id="contain">
  163. <div class="divider">dividers to specify what media these gifs are from</div>
  164. <p><img src="https://66.media.tumblr.com/e2013eb0440591833c37fdd48d3b168c/tumblr_inline_ph8v6v8vIL1wqyuqw_1280.gif" alt=""><img src="https://66.media.tumblr.com/ae899119479b944c453a1630f154d03b/tumblr_inline_ph8v6r4sGI1wqyuqw_1280.gif" alt=""><img src="https://66.media.tumblr.com/b26fd1a3572475c190351477850e4594/tumblr_inline_ph8yrtRn4k1wqyuqw_1280.gif" alt=""><img src="https://66.media.tumblr.com/aa45c154b5315b7388c4adb8712f0da5/tumblr_inline_ph91n8YcL31wqyuqw_1280.gif" alt=""></p>
  165.  
  166.  
  167. <div class="divider">they auto resize depending on how much text you have here</div>
  168. <p><img src="https://66.media.tumblr.com/cc0031e52c0882ff020ac7ec29845ea8/tumblr_inline_picufdMkQh1wqyuqw_1280.gif" alt=""><img src="https://66.media.tumblr.com/a70d53504b17413c7a71c79e426bd544/tumblr_inline_picufiOHyn1wqyuqw_540.gif" alt=""><img src="https://66.media.tumblr.com/f12b34dbf3b8124d1f7177332515dddd/tumblr_inline_picufiWaAO1wqyuqw_540.gif" alt=""></p>
  169.  
  170.  
  171. <div class="divider">you can even do individual gif counts per source here if you'd like</div>
  172. <p><img src="https://66.media.tumblr.com/2526bc1734f8ade323997498b73d09f3/tumblr_inline_pikemj7PCR1wqyuqw_540.gif" alt=""><img src="https://66.media.tumblr.com/0ca611e596d80530785ef16549f19d36/tumblr_inline_pikhacIaO41wqyuqw_540.gif" alt=""><img src="https://66.media.tumblr.com/9ee388bf14638649293d28a19d03028c/tumblr_inline_pld31xj7rW1wqyuqw_540.gif" alt=""><img src="https://66.media.tumblr.com/03d65423f9a52ede7f06055715c57e40/tumblr_inline_pld55ipQw71wqyuqw_540.gif" alt=""><img src="https://66.media.tumblr.com/cde7a9a7842f2ed565da976d7b2a5759/tumblr_inline_pld7oiwCak1wqyuqw_540.gif" alt=""></p>
  173.  
  174.  
  175. <div id="credit"><span class="th th-moon"></span> &nbsp;<a href="https://morbidrpa.tumblr.com/">credit</a></div>
  176. </body>
  177.  
  178. </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!