API tools faq
paste
Advertisement
octomoosey

Hellhounds

octomoosey
Mar 13th, 2014
6,878
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- octomoosey @ tumblr -->
  4.  
  5. <html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head><title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10.  
  11. <style type="text/css">
  12.  
  13. iframe#tumblr_controls {
  14. right:3px !important;
  15. position: fixed !important;
  16. -webkit-transition: opacity 0.7s
  17. linear;opacity: 0.2;
  18. -webkit-transition: all 0.8s ease-out;
  19. -moz-transition: all 0.8s ease-out;
  20. transition: all 0.8s ease-out;}
  21.  
  22. iframe#tumblr_controls:hover{
  23. -webkit-transition: opacity 0.7s linear;
  24. opacity: 1;
  25. -webkit-transition: all 0.4s ease-out;
  26. -moz-transition: all 0.4s ease-out;
  27. transition: all 0.4s ease-out;}
  28.  
  29. ::-webkit-scrollbar {height: 3px;width: 3px;}
  30. ::-webkit-scrollbar-thumb {background-color:#000} /* change the scrollbar color here */
  31. ::-webkit-scrollbar-track{background-color:{color:background};}
  32.  
  33. body {
  34. background:#fff; /* change the background color here */
  35. background-image: url('https://31.media.tumblr.com/920926d59c558402ff2584388f5ae4d6/tumblr_inline_n2e4aktP6c1rp2lgk.jpg'); /* change the background image here */
  36. background-position:bottom right;
  37. background-repeat: no-repeat;
  38. background-attachment: fixed;
  39. font-family: 'times new roman';
  40. font-size:10px;
  41. padding:5px;
  42. line-height:100%;}
  43.  
  44. #image {
  45. width: 100px;}
  46.  
  47. #image1 img {
  48. width:100px;
  49. padding:5px;
  50. margin-top:45px;
  51. border:2px solid;
  52. border-color:#fff;}
  53.  
  54. #container {
  55. text-align:center;
  56. line-height:100%;
  57. font-size:11px;
  58. font-style:normal;
  59. letter-spacing:2px;
  60. width:700px;
  61. background:transparent;
  62. padding:10px;
  63. position:relative;
  64. margin-top:100px;
  65. margin-left:0px;}
  66.  
  67. #links {
  68. padding-top:20px;}
  69.  
  70. #links a {
  71. text-decoration: none;
  72. text-transform: lowercase;
  73. letter-spacing: 1px;
  74. color:#da981d; /* change the main links color here */
  75. text-align:center;
  76. width:60px;
  77. padding:5px 2px 5px 2px;}
  78.  
  79. #links a:hover{
  80. color:#dddddd; /* change the main links hover color here */
  81. transition: all 0.6s ease-out;
  82. -webkit-transition: all 0.6s ease-out;
  83. -moz-transition: all 0.6s ease-out;
  84. -o-transition: all 0.6s ease-out;}
  85.  
  86. #leftblock {
  87. width:250px;
  88. background:#000000; /* change the left background color here */
  89. height:450px;}
  90.  
  91. #rightblock {
  92. overflow-y:scroll; overflow-x:hidden;
  93. margin-top:-450px;
  94. float:right;
  95. width:450px;
  96. background:#fff; /* change the right background color here */
  97. height:450px;}
  98.  
  99. #grouptitle {
  100. width:420px;
  101. color:#000;
  102. font-family: 'times new roman';
  103. text-transform:uppercase;
  104. font-size:13px;
  105. margin-top:15px;
  106. margin-left:15px;
  107. margin-bottom:5px;
  108. border-bottom:1px solid #000; /* change the border color here */
  109. padding-bottom:8px;}
  110.  
  111. #blocktitle {
  112. padding-top:50px;
  113. margin-left:0px;
  114. font-family: 'times new roman';
  115. color:#fff; /* change the title color here */
  116. font-size:19px;}
  117.  
  118. #info {
  119. margin-top:0px;
  120. padding:10px;
  121. margin-left:0px;
  122. font-family: 'times new roman';
  123. color:#000; /* change the text color here */
  124. font-size:11px;}
  125.  
  126. #info img {
  127. max-width:330px;}
  128.  
  129. #info a {
  130. color:#da981d;
  131. text-decoration:none;
  132. -webkit-transition: all 0.4s ease-in-out;
  133. -moz-transition: all 0.4s ease-in-out;
  134. -o-transition: all 0.4s ease-in-out;
  135. -ms-transition: all 0.4s ease-in-out;
  136. transition: all 0.4s ease-in-out;}
  137.  
  138. #info a:hover {
  139. color:#000;}
  140.  
  141. #jumps {
  142. padding-top:10px;}
  143.  
  144. #jumps a {
  145. text-decoration: none;
  146. text-transform: lowercase;
  147. letter-spacing: 1px;
  148. color:#da981d; /* change the page part links color here */
  149. text-align:center;
  150. width:230px;
  151. margin-left:15px;
  152. line-height:130%;}
  153.  
  154. #jumps a:hover{
  155. color:#dddddd; /* change the page part links hover color here */
  156. transition: all 0.6s ease-out;
  157. -webkit-transition: all 0.6s ease-out;
  158. -moz-transition: all 0.6s ease-out;
  159. -o-transition: all 0.6s ease-out;}
  160.  
  161. {CustomCSS}</style>
  162.  
  163. </head>
  164. <body>
  165. <div align="center">
  166. <div id="container">
  167. <div id="leftblock">
  168.  
  169. <!-- change the small left image/icon here -->
  170. <div id="image1"><img src="https://31.media.tumblr.com/b5983efc81c3e1e1807585ee8e3e56da/tumblr_inline_n2e373tJqy1rp2lgk.gif"></div>
  171.  
  172. <!-- change the left title here -->
  173. <div id="blocktitle">Guidelines + Rules</div>
  174.  
  175. <!-- change the basic links here -->
  176. <div id="links">
  177. <a href="/">home</a>
  178. <a href="/ask">ask</a>
  179. <a href="/submit">submit</a>
  180. <a href="https://www.tumblr.com/dashboard">dash</a>
  181. <a href="https://octomoosey.tumblr.com/">theme</a> <!-- DO NOT REMOVE CREDIT --></div>
  182.  
  183. <!-- change the page parts here - please note, whatever you call your page part, e.g. #ships you must add THE SAME name to the TITLE of that part-->
  184.  
  185. <div id="jumps">
  186.  
  187. <a href="#general">General Bits and Pieces</a> &mdash;</br>
  188. <a href="#about">A heads up about the character</a> &mdash;</br>
  189. <a href="#following">Following/unfollowing/interacting</a> &mdash;</br>
  190. <a href="#aus">OC&rsquo;s, AU&rsquo;s and crossovers</a> &mdash;</br>
  191. <a href="#ships">Shipping and relationships</a> &mdash;</br>
  192. <a href="#memes">Memes, prompts, drabbles, etc.</a> &mdash;</br>
  193. <a href="#mun">Mun notes</a> &mdash;</br>
  194. <a href="#faq">FAQ</a> &mdash;</br></center></div>
  195.  
  196. </div>
  197.  
  198. <div id="rightblock">
  199.  
  200. <div id="grouptitle">
  201.  
  202. <!-- change the page part TITLES here - so the a name="pagepart" matches up with the links above-->
  203.  
  204. <a name="general"></a>General Bits and Pieces</div> <!-- change the group title here -->
  205.  
  206. <div id="info">
  207. <img src="https://31.media.tumblr.com/b3590305819552f6381d8a490151b3f5/tumblr_inline_n2e0zfV6GC1ronkfd.gif"><p>This is where your content goes!
  208. You can also add <a href="https://octomoosey.co.vu/">links</a> like so.<p></p>
  209. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  210.  
  211. </div>
  212.  
  213. <div id="grouptitle"><a name="about"></a>A heads up about the character</div> <!-- change the group title here -->
  214.  
  215. <div id="info">
  216. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  217.  
  218. </div>
  219.  
  220. <div id="grouptitle"><a name="following"></a>Following/unfollowing/interacting</div> <!-- change the group title here -->
  221.  
  222. <div id="info">
  223. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  224.  
  225. </div>
  226.  
  227. <div id="grouptitle"><a name="aus"></a>OC&rsquo;s, AU&rsquo;s and crossovers</div> <!-- change the group title here -->
  228.  
  229. <div id="info">
  230. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  231.  
  232. </div>
  233.  
  234. <div id="grouptitle"><a name="ships"></a>Shipping and relationships</div> <!-- change the group title here -->
  235.  
  236. <div id="info">
  237. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  238.  
  239. </div>
  240.  
  241. <div id="grouptitle"><a name="memes"></a>Memes, prompts, drabbles, etc</div> <!-- change the group title here -->
  242.  
  243. <div id="info">
  244. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  245.  
  246. </div>
  247.  
  248. <div id="grouptitle"><a name="mun"></a>Mun notes</div> <!-- change the group title here -->
  249.  
  250. <div id="info">
  251. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  252.  
  253. </div>
  254.  
  255. <div id="grouptitle"><a name="faq"></a>FAQ</div> <!-- change the group title here -->
  256.  
  257. <div id="info">
  258. <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
  259.  
  260. </div>
  261.  
  262. </div>
  263. </body>
  264. </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!