API tools faq
paste
kimtys

PAGEPACK #3 (FAQ)

kimtys
Aug 20th, 2015
3,637
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.61 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.  
  8. PAGE PACK - #3 FAQ PAGE BY KIMTYS.TUMBLR.COM
  9.  
  10. edit as much as you want but please don't hide or remove credits!
  11.  
  12.  
  13. -->
  14.  
  15. <title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <meta name="description" content="{MetaDescription}" />
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  22.  
  23. <script>
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:0,
  28. tip_fade_speed:0,
  29. attribute:"title"
  30. });
  31. });
  32. </script>
  33.  
  34. <style type="text/css">
  35.  
  36. #s-m-t-tooltip {
  37. z-index: 9999;
  38. background: #fff; /* TOOLTIP COLOR */
  39. line-height:150%;
  40. font: 9px tunga;
  41. font-style: normal;
  42. letter-spacing: 1px;
  43. font-weight:bold;
  44. text-transform: uppercase;
  45. border: 2px solid #f5f5f5; /* TOOLTIP BORDER 1 COLOR */
  46. outline:2px solid #fff; /* TOOLTIP BORDER 2 COLOR */
  47. max-width: 300px;
  48. color:#bbb; /* TOOLTIP TEXT COLOR */
  49. text-align: justify;
  50. padding: 3px 6px 2px 6px;
  51. display: block;
  52. margin: 24px 14px 7px 12px;
  53. }
  54.  
  55. ::-webkit-scrollbar-thumb:vertical {
  56. background: #ffc3d4; /* SCROLL COLOR */
  57. height: 5px;
  58. width:9px;
  59. border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
  60. }
  61.  
  62.  
  63. ::-webkit-scrollbar {
  64. height: 0px;
  65. width: 3px;
  66. background: #fff; /* SCROLLBAR COLOR (SAME AS BOX) */
  67. }
  68.  
  69.  
  70. ::-moz-selection {
  71. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  72. color:#fff; /* SELECT TEXT COLOR */
  73. }
  74. ::selection {
  75. background:#ffc3d4; /* SELECT BACKGROUND COLOR */
  76. color:#fff; /* SELECT TEXT COLOR */
  77. }
  78.  
  79.  
  80.  
  81. body {
  82. background-color: #f5f5f5; /* BACKGROUND COLOR */
  83. font-size: 10px;
  84. font-family:arial;
  85. text-align: center;
  86. line-height: 100%;}
  87.  
  88. a {
  89. color:#aaa; /* LINK COLOR */
  90. text-decoration:none;
  91. }
  92.  
  93.  
  94. a:hover {
  95. color:#aaa; /* LINK HOVER COLOR */
  96. cursor:help;
  97. text-decoration:none;
  98. }
  99.  
  100. b, bold, strong {
  101. color:#aaa; /* BOLD COLOR */
  102. }
  103.  
  104. .box1 {
  105. margin-left:500px; /* BOX LEFT POSITION */
  106. margin-top:50px; /* BOX TOP POSITION */
  107. Width:500px; /* IF YOU CHANGE THE ABOUT WIDTH, CHANGE THIS TOO */
  108. }
  109.  
  110.  
  111. .box {
  112. width: 500px; /* BOX WIDTH */
  113. max-height:200px; /* BOX MAX HEIGHT */
  114. background:#fff; /* BOX BACKGROUND COLOR */
  115. border:2px solid #f5f5f5; /* BOX BORDER 1 COLOR */
  116. outline:2px solid #fff; /* BOX BORDER 2 COLOR */
  117. padding:20px;
  118. overflow:scroll;
  119. overflow:auto;
  120. }
  121.  
  122. .ax {
  123. border-top:2px solid #f5f5f5; /* ANSWER BORDER 2 COLOR */
  124. border-left:2px solid #f5f5f5; /* ANSWER BORDER 2 COLOR */
  125. border-right:2px solid #f5f5f5; /* ANSWER BORDER 2 COLOR */
  126. border-bottom:2px solid #f5f5f5; /* ANSWER BORDER 2 COLOR */
  127. line-height:150%;
  128. margin-bottom:10px;
  129. background:transparent;
  130. }
  131.  
  132. .a {
  133. list-style:square;
  134. color:#bbb; /* ANSWER COLOR */
  135. background:#f5f5f5; /* ANSWER BACKGROUND COLOR */
  136. font-family: tunga;
  137. font-size: 9px; /* ANSWER FONT SIZE */
  138. border:2px solid #fff; /* ANSWER BORDER 1 COLOR */
  139. padding:10px;
  140. text-decoration:none;
  141. text-transform:uppercase;
  142. margin:0px 0px 0px 0px;
  143. display: block;
  144. font-weight:bold;
  145. letter-spacing:1px;
  146. text-align: left;
  147. word-spacing: 1px;
  148. -webkit-transition: all 0.3s ease-in-out;
  149. -moz-transition: all 0.3s ease-in-out;
  150. -o-transition: all 0.3s ease-in-out;}
  151.  
  152.  
  153.  
  154. hr {
  155. border:0;
  156. height:3px;
  157. background: #f5f5f5;
  158. }
  159.  
  160.  
  161. #q {
  162. font-family:'Oswald', sans-serif;
  163. text-transform:uppercase;
  164. word-spacing:3px;
  165. margin-left:0px;
  166. font-size:15px; /* QUESTION FONT SIZE */
  167. text-align:left;
  168. line-height:120%;
  169. margin-bottom:10px;
  170. color:#ccc; /* QUESTION COLOR */
  171. }
  172.  
  173. #q span {
  174. color:#ffc3d4; /* QUESTION NUMBER COLOR */
  175. }
  176.  
  177. #link {
  178. display:inline-block;
  179. font:9px tunga;
  180. text-transform:uppercase;
  181. font-weight:bold;
  182. text-align:right;
  183. letter-spacing:1px;
  184. width:100%;
  185. margin-left:45px;
  186. margin-top:7px;
  187. }
  188.  
  189. #link a {
  190. color:#bbb; /* HOME LINK COLOR */
  191. padding: 1px 4px 0px 4px;
  192. text-decoration:none;
  193. }
  194.  
  195. #link a:hover {
  196. background:#fff; /* HOME LINK BACKGROUND HOVER COLOR */
  197. color:#bbb; /* HOME LINK HOVER COLOR */
  198. text-decoration:none;
  199. }
  200.  
  201. #cr {
  202. bottom:10px;
  203. right:10px;
  204. font-weight:bold;
  205. color:#ffc3d4; /* CR LINK COLOR */
  206. font-size:12px;
  207. position:fixed;
  208. background:#fff; /* CR BACKGROUND COLOR */
  209. padding:7px 7px;
  210. border: 2px solid #f5f5f5; /* CR BORDER 1 COLOR */
  211. outline:2px solid #fff; /* CR BORDER 2 COLOR */
  212. }
  213.  
  214. </style>
  215. </head>
  216. <body>
  217.  
  218. <!-- RENDER IMAGE - IF YOU DON'T WANT IT PLEASE DELETE -->
  219.  
  220. <img src="IMG URL HERE"
  221. style="position:fixed;
  222. bottom:0px; /* IMAGE BOTTOM POSITION */
  223. left:0px; /* IMAGE LEFT POSITION */
  224. opacity:0.6;
  225. z-index:-999"/>
  226.  
  227.  
  228. <div class="box1">
  229. <div class="box">
  230.  
  231. <!--QUESTION 1-->
  232. <div id="q"><span>001.</span> QUESTION?</div>
  233.  
  234. <!--ANSWER 1-->
  235. <div class="ax"><div class="a">
  236. ANSWER.
  237. </div></div>
  238.  
  239.  
  240. <!--QUESTION 2-->
  241. <div id="q"><span>002.</span> QUESTION?</div>
  242.  
  243. <!--ANSWER 2-->
  244. <div class="ax"><div class="a">
  245. ANSWER.
  246. </div></div>
  247.  
  248. <!--QUESTION 3-->
  249. <div id="q"><span>003.</span> QUESTION?</div>
  250.  
  251. <!--ANSWER 3-->
  252. <div class="ax"><div class="a">
  253. ANSWER.
  254. </div></div>
  255.  
  256. <!--QUESTION 4-->
  257. <div id="q"><span>004.</span> QUESTION?</div>
  258.  
  259. <!--ANSWER 4-->
  260. <div class="ax"><div class="a">
  261. ANSWER.
  262. </div></div>
  263.  
  264. <!--QUESTION 5-->
  265. <div id="q"><span>005.</span> QUESTION?</div>
  266.  
  267. <!--ANSWER 5-->
  268. <div class="ax"><div class="a">
  269. ANSWER.
  270. </div></div>
  271.  
  272.  
  273. <!-- CREDIT -->
  274. <a href="https://kimtys.tumblr.com" title="theme by kimtys"><div id="cr">k.</div></a>
  275.  
  276. </body>
  277.  
  278. </div>
  279.  
  280. <br><br><div class="box">
  281. <iframe frameborder="0" height="190" id="ask_form" scrolling="no" src="https://www.tumblr.com/ask_form/{name}.tumblr.com" width="100%" style="background-color: transparent; overflow: hidden;"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]-->
  282. </div>
  283.  
  284. <div id="link"><a href="/">back home</a></div>
  285. </div>
  286.  
  287. </div>
  288.  
  289. </body>
  290. </html>
  291.  
  292. <!--
Advertisement
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!