API tools faq
paste
Advertisement
octomoosey

tentacle (faq)

octomoosey
Dec 27th, 2015
2,169
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.60 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. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  12.  
  13. <script type="text/javascript">
  14. jQuery(document).ready(function($) {
  15. $('.toggle').each(function(){
  16. $(this).find('.toggle-content').hide();
  17. });
  18. $('.toggle a.toggle-trigger').click(function(){
  19. var el = $(this), parent = el.closest('.toggle');
  20.  
  21. if( el.hasClass('active') )
  22. {
  23. parent.find('.toggle-content').slideToggle();
  24. el.removeClass('active');
  25. }
  26. else
  27. {
  28. parent.find('.toggle-content').slideToggle();
  29. el.addClass('active');
  30. }
  31. return false;
  32. });
  33.  
  34. });
  35. </script>
  36.  
  37. <style type="text/css">
  38. ::-webkit-scrollbar{
  39. height:3px;
  40. width:3px;
  41. background:inherit;}
  42.  
  43. ::-webkit-scrollbar-thumb {
  44. background:#f2992e;}
  45.  
  46. ::-webkit-scrollbar-track {
  47. background:transparent;}
  48.  
  49. ::-moz-selection {
  50. color:#ffffff;
  51. background:#f2992e;}
  52.  
  53. ::selection {
  54. color:#ffffff;
  55. background:#f2992e;}
  56.  
  57. div[id$="zy4yby-hide"], .static-only {
  58. display: none;}
  59.  
  60. body{
  61. color:#ffffff; /*change the main text color here */
  62. font-family: courier new;
  63. font-size:10px; /*change the font size here */
  64. line-height:120%;
  65. background: #000;
  66. background-image:url('YOUR IMAGE URL GOES HERE'); /*change the background image and positioning here */
  67. background-position: bottom right;
  68. background-repeat: no-repeat;
  69. background-attachment: fixed;
  70. width:80%;
  71. margin: 10px auto;}
  72.  
  73. a{
  74. text-decoration:none;
  75. color:#f2992e; /*change your link color here */
  76. transition: all 0.2s linear;}
  77.  
  78. a:hover{
  79. color:#999; /*change your link hover color here */
  80. transition: all 0.2s linear;}
  81.  
  82. li {
  83. list-style:decimal-leading-zero;}
  84.  
  85. blockquote {
  86. padding:2px 7px;
  87. margin:3px 0 3px 8px;
  88. background-color:transparent;}
  89.  
  90. img{border:none;}
  91.  
  92. .container{
  93. top:60px;
  94. position:absolute;
  95. width:900px;
  96. left:50%;
  97. margin-left:-400px;}
  98.  
  99. .left{
  100. width:425px;
  101. padding:10px;
  102. float:left;
  103. background: #000000;}
  104.  
  105. .toggle a.toggle-trigger {
  106. display:block;
  107. letter-spacing:2px;
  108. text-align:left;
  109. padding: 10px 20px 3px 20px;
  110. position:relative;
  111. text-decoration: none;
  112. color:#fff; /*change your faq question color here */}
  113.  
  114. .toggle a.toggle-trigger:hover {
  115. opacity: .8;
  116. cursor: help;
  117. text-decoration: none;}
  118.  
  119. .toggle a.active {
  120. text-decoration: none;
  121. border-bottom: 1px solid #e5e5e5;
  122. -webkit-box-shadow: 0 8px 6px -6px #ccc;
  123. -moz-box-shadow: 0 8px 6px -6px #ccc;
  124. box-shadow: 0 8px 6px -6px #ccc;
  125. color:#f2992e;/*change your faq active or expanded question color here */}
  126.  
  127. .toggle .toggle-content {
  128. background-color:transparent;
  129. text-align:left;
  130. padding: 10px 20px 10px 20px;
  131. color:#ffffff; /*change your answer text color here */}
  132.  
  133. .right{
  134. width:425px;
  135. padding:10px;
  136. float:right;
  137. background-color: rgba(0, 0, 0, 0.7);
  138. background: rgba(0, 0, 0, 0.7);}
  139.  
  140. #credit {
  141. bottom:5px;
  142. right:5px;
  143. height:30px;
  144. width:30px;
  145. opacity:0.8;
  146. position:fixed;
  147. padding:5px;}
  148.  
  149. </style><body>
  150.  
  151.  
  152. <div class="container">
  153.  
  154. <!-- THIS IS THE LEFT HAND CONTAINER - YOU CAN ADD WHATEVER CONTENT YOU LIKE HERE! -->
  155. <div class="left">
  156.  
  157. <!-- write an introduction or something here!? -->
  158. <p style="font-size: 14px;"><strong>here is an f.a.q. or information page! &mdash;</strong></p>
  159. Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
  160.  
  161. <!-- you can also make lists using the following code...-->
  162. <ul>
  163. <li>here is a list item</li>
  164. <li>here is another one</li>
  165. <li>and another</li>
  166. </ul>
  167. <!end of list-->
  168. <hr>
  169.  
  170. <!-- here is the start of your FAQ...-->
  171. <p style="font-size: 14px;"><strong>f.a.q. &mdash;</strong></p>
  172.  
  173. <!-- TO ADD ANOTHER QUESTION, COPY FROM HERE-->
  174. <!-- this is where you add your question-->
  175. <div class="toggle">
  176. <a href="#" class="toggle-trigger">Your bones don't break, mine do. That's clear.</a>
  177.  
  178. <!-- this is where you write your answer-->
  179. <div class="toggle-content">
  180. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  181. </div>
  182. </div>
  183. <!-- STOP COPYING HERE-->
  184.  
  185. <!-- this is where you add your question-->
  186. <div class="toggle">
  187. <a href="#" class="toggle-trigger">Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear.</a>
  188.  
  189. <!-- this is where you write your answer-->
  190. <div class="toggle-content">
  191. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  192. </div>
  193. </div>
  194.  
  195. <!-- this is where you add your question-->
  196. <div class="toggle">
  197. <a href="#" class="toggle-trigger"> But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown.</a>
  198.  
  199. <!-- this is where you write your answer-->
  200. <div class="toggle-content">
  201. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  202. </div>
  203. </div>
  204.  
  205. <!-- this is where you add your question-->
  206. <div class="toggle">
  207. <a href="#" class="toggle-trigger">However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</a>
  208.  
  209. <!-- this is where you write your answer-->
  210. <div class="toggle-content">
  211. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  212. </div>
  213. </div>
  214.  
  215. <!-- this is where you add your question-->
  216. <div class="toggle">
  217. <a href="#" class="toggle-trigger">Your bones don't break, mine do. That's clear.</a>
  218.  
  219. <!-- this is where you write your answer-->
  220. <div class="toggle-content">
  221. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  222. </div>
  223. </div>
  224.  
  225. <!-- this is where you add your question-->
  226. <div class="toggle">
  227. <a href="#" class="toggle-trigger">Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear.</a>
  228.  
  229. <!-- this is where you write your answer-->
  230. <div class="toggle-content">
  231. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  232. </div>
  233. </div>
  234.  
  235. <!-- this is where you add your question-->
  236. <div class="toggle">
  237. <a href="#" class="toggle-trigger"> But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown.</a>
  238.  
  239. <!-- this is where you write your answer-->
  240. <div class="toggle-content">
  241. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  242. </div>
  243. </div>
  244.  
  245. <!-- this is where you add your question-->
  246. <div class="toggle">
  247. <a href="#" class="toggle-trigger">However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</a>
  248.  
  249. <!-- this is where you write your answer-->
  250. <div class="toggle-content">
  251. <blockquote>a; Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.</blockquote>
  252. </div>
  253. </div>
  254.  
  255. </div>
  256.  
  257. <!-- THIS IS THE END OF THE LEFT HAND CONTAINER -->
  258.  
  259. <!-- THIS IS THE RIGHT HAND CONTAINER - YOU CAN ADD WHATEVER CONTENT YOU LIKE HERE! -->
  260. <div class="right">
  261.  
  262. <p style="font-size: 14px;"><strong>navigation &mdash;</strong></p><ul>
  263. <li><a href="/">back to main page</a></li>
  264. <li><a href="/">you can add any links you want</a></li>
  265. <li><a href="/">and as many as you want</a></li></ul>
  266. <hr>
  267.  
  268. <!-- THIS IS THE ASK BOX CODE - YOU NEED TO ADD IN YOUR TUMBLR URL WHERE IT SAYS 'URLHERE'! -->
  269. <p style="font-size: 14px;"><strong>queries &mdash;</strong></p>
  270. <iframe src="https://www.tumblr.com/ask_form/URLHERE.tumblr.com" id="ask_form" frameborder="0" height="300" scrolling="no" width="100%" ></iframe></p></div>
  271. </div>
  272.  
  273. <!-- THIS IS THE END OF THE RIGHT HAND CONTAINER -->
  274.  
  275. <!-- DO NOT EDIT BELOW HERE -->
  276.  
  277. <div id="credit"><a href="https://octomoosey.tumblr.com/" title="theme by octomoosey"><img src="https://static.tumblr.com/uopakca/cwDo0y64u/octopus-24.png"></a></div>
  278. </body>
  279. </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!