API tools faq
paste
Advertisement
heavenlydoctor

faq

heavenlydoctor
Aug 5th, 2015
1,753
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.10 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---PAGE BY EURHIPIDES. standard rules apply, if you have any questions message elisionthemes.tumblr.com--->
  5.  
  6. <title>Frequently Asked Questions</title><!---page title--->
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/9y86jzv/74ynmikto/fonts.css" />
  10.  
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  12.  
  13. <!----ORIGINAL CODE BY EURHIPIDES, PLEASE DO NOT COPY AND BE ORIGINAL---->
  14. <script>
  15. $.expr[":"].contains = $.expr.createPseudo(function(arg) {
  16. return function( elem ) {
  17. return $(elem).text().toUpperCase().indexOf(arg.toUpperCase()) >= 0;
  18. };
  19. });
  20. $(document).ready(function(){
  21. $('#searchfor').keyup(function() {
  22. var key = event.keyCode || event.charCode;
  23. var searchedText = $('#searchfor').val();
  24. if( key == 13) {
  25. if ($(".content:contains('"+ searchedText +"')").length > 0 ) {
  26. $('.noresult').fadeOut();
  27. }
  28. else {
  29. $('.noresult').fadeIn();
  30. }
  31. }
  32. });
  33. });
  34. </script>
  35.  
  36. <script>
  37. $(document).ready(function(){
  38. $(".fa-clone").click(function(){
  39. $('.links').fadeToggle(300);
  40. });
  41. });
  42. </script>
  43.  
  44. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  45.  
  46. <script>
  47.  
  48. (function($){
  49.  
  50. $(document).ready(function(){
  51.  
  52. $("a[title]").style_my_tooltips({
  53.  
  54. tip_follows_cursor:true,
  55.  
  56. tip_delay_time:100,
  57.  
  58. tip_fade_speed:300,
  59.  
  60. attribute:"title"
  61.  
  62. });
  63.  
  64. });
  65.  
  66. })(jQuery);
  67.  
  68. </script>
  69.  
  70. <script style="text/javascript" src="http://static.tumblr.com/9y86jzv/bovnsdesg/highlight.css"></script>
  71.  
  72. <script>
  73. $(document).ready(function(){
  74. $('#searchfor').keypress(function (e) {
  75. var key = e.which;
  76. var searchedText = $('#searchfor').val();
  77. if(key == 13) {
  78. $('.content').highlight( searchedText );
  79. }
  80. });
  81. });
  82. </script>
  83.  
  84. <script>
  85. $(document).ready(function(){
  86. $('#searchfor').keyup(function() {
  87. var key = event.keyCode || event.charCode;
  88. if (key == 8 || key == 46) {
  89. $('.content').removeHighlight();
  90. $('.noresult').fadeOut();
  91. }
  92. });
  93. });
  94. </script>
  95. <!---END CODES---->
  96.  
  97. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  98.  
  99. <style type="text/css">
  100.  
  101. .noresult {
  102. display:none;
  103. }
  104.  
  105. #s-m-t-tooltip { /*edit the tooltips*/
  106. max-width:150px;
  107. padding:3px 6px;
  108. margin:20px 14px 7px 10px;
  109. background-color:#fff;
  110. border:1px solid #888;
  111. font-family:'Lato', sans-serif;
  112. font-size:10px;
  113. line-height:11px;
  114. letter-spacing:0.5px;
  115. text-transform:capitalize;
  116. color:#000;
  117. z-index:99999999;
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:2px;
  122. width:2px;
  123. background-color: transparent;
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. background-color: #ccc; /*scrollbar color*/
  128. }
  129.  
  130. body {
  131. background-color: #D8CFB1;/*page background color*/
  132. background-image: url(/) no-repeat fixed;
  133. font-family:'Lato', sans-serif;
  134. font-size:12px;
  135. color:#555;/*text color*/
  136. margin:0px;
  137. }
  138.  
  139. a {
  140. text-decoration: none;
  141. -webkit-transition: 0.5s;
  142. -moz-transition: 0.5s;
  143. transition: 0.5s;
  144. color: #aaa; /*link color*/
  145. }
  146.  
  147. a:hover {
  148. -webkit-transition: 0.5s;
  149. -moz-transition: 0.5s;
  150. transition: 0.5s;
  151. color: #bbb; /*link hover*/
  152. }
  153.  
  154. #con {
  155. position:fixed;
  156. width:700px;
  157. height:450px;
  158. background:#fff; /*container background color*/
  159. left:0;
  160. right:0;
  161. top:0;
  162. bottom:0;
  163. margin:auto;
  164. }
  165.  
  166. #header {
  167. position:absolute;
  168. top:0;
  169. left:0;
  170. right:0;
  171. border-bottom:1px solid #f0f0f0; /*border color*/
  172. padding:10px 0px;
  173. }
  174.  
  175. #header a {
  176. padding:3px 10px;
  177. border-right:1px solid #f0f0f0;/*border color*/
  178. }
  179.  
  180. #header span a {
  181. border-left:1px solid #f0f0f0; /*border color*/
  182. border-right:0px;
  183. }
  184.  
  185. #searchfor {
  186. border:0px;
  187. margin-left:10px;
  188. color:#aaa;/*search box text color*/
  189. font-family:'Lato', sans-serif;
  190. font-size:12px;
  191. }
  192.  
  193. input:focus {
  194. outline:none;
  195. }
  196.  
  197. #down {
  198. position:absolute;
  199. top:38px;
  200. bottom:0;
  201. left:0;
  202. right:0;
  203. }
  204.  
  205. #left {
  206. width:320px;
  207. background:url(http://41.media.tumblr.com/b662e5585ee99967c26ba1b82ac40961/tumblr_npg969eNwm1qfirfao1_1280.jpg) no-repeat; /*image*/
  208. background-size:cover;
  209. top:20px;
  210. bottom:20px;
  211. left:20px;
  212. position:absolute;
  213. }
  214.  
  215. #right {
  216. width:310px;
  217. position:absolute;
  218. right:0;
  219. overflow:auto;
  220. top:20px;
  221. padding-right:10px;
  222. bottom:30px;
  223. right:20px;
  224. }
  225.  
  226. .highlight {
  227. background:yellow;/*search box highlighted text color*/
  228. }
  229.  
  230. #title {
  231. font-weight:600;
  232. text-transform:uppercase;
  233. font-size:17px;
  234. color:#444; /*title color*/
  235. letter-spacing:0.5px;
  236. margin:4px 0px 15px;
  237. }
  238.  
  239. .content {
  240. margin-top:15px;
  241. line-height:130%;
  242. }
  243.  
  244. .noresult {
  245. font-size:10px;
  246. letter-spacing:0.5px;
  247. color:#777;
  248. font-style:italic;
  249. }
  250.  
  251. .links {
  252. position:absolute;
  253. width:300px;
  254. top:7px;
  255. display:none;
  256. right:35px;
  257. text-align:right;
  258. }
  259.  
  260. .links a:first-child {
  261. width:auto;
  262. }
  263.  
  264. .links a {
  265. width:16px;
  266. height:15px;
  267. overflow:hidden;
  268. text-align:left;
  269. display:inline-block;
  270. }
  271.  
  272. </style>
  273. </head>
  274. <body>
  275.  
  276.  
  277. <div id="con">
  278. <div id="header">
  279. <a><i class="fa fa-search"></i></a>
  280. <input type="text" placeholder="Search + Enter" id="searchfor"/>
  281. <span class="noresult">No results found. Try again?</span>
  282. <span style="float:right">
  283. <!----EDIT LINKS HERE---->
  284. <span class="links">
  285. <a href="/">01. Home</a>
  286. <a href="linktwo" title="link one">02.</a><!--LINK 1-->
  287. <a href="link" title="link two">03.</a><!---LINK 2--->
  288. <a href="link" title="link three">04.</a><!---LINK 3-->
  289. <!---CREDIT. DO NOT EDIT!!--->
  290. <a href="http://astraeus.co.vu" title="eurhipides" style="font-family:arial;width:10px;padding-bottom:1px;font-size:11px">©</a>
  291. </span>
  292. <!---END LINKS--->
  293. <a href="javascript:;" title="links"><i class="fa fa-clone"></i></a>
  294. </span>
  295. </div>
  296.  
  297. <div id="down">
  298. <div id="left"></div>
  299.  
  300. <div id="right">
  301. <div id="title">frequently asked questions</div><!---title--->
  302. <div class="content">
  303.  
  304. <p><i>
  305. <b>Here is a question?</b>
  306. <br>
  307. Here is an answer.
  308. </i></p>
  309.  
  310. <p><i>
  311. <b>Here is a question?</b>
  312. <br>
  313. Here is an answer.
  314. </i></p>
  315.  
  316. <p><i>
  317. <b>Here is a question?</b>
  318. <br>
  319. Here is an answer.
  320. </i></p>
  321.  
  322. <!----TO ADD MORE COPY AND PASTE FROM HERE---->
  323. <p><i>
  324. <b>Here is a question?</b>
  325. <br>
  326. Here is an answer.
  327. </i></p>
  328. <!---TO HERE--->
  329.  
  330. <p><iframe frameborder="0" scrolling="no" width="100%" height="260" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p>
  331.  
  332. </div><!---content--->
  333. </div>
  334. </div>
  335.  
  336.  
  337. </div>
  338.  
  339. </body>
  340. </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!