API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 5th, 2014
102
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.35 KB | None | 0 0
raw download clone embed print report
  1. <!-- BASE CODE BY THEMESBYKENZIE -->
  2.  
  3. <!-- THEME 4 by CRUIZAYN
  4. YOU MAY NOT REMOVE THIS CREDIT OR THE CREDIT EMBEDDED IN THE THEME.
  5. follow the rules or i'll find out & not be happy ok ily
  6. go to kinziesthemes.tumblr.com for more themes!
  7.  
  8. IMPORTANT THEME TIPS:
  9. scroll all the way to the bottom of this html code and you'll see where you can edit the text for your faq/popup askbox
  10.  
  11.  
  12.  
  13. -->
  14.  
  15.  
  16.  
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19.  
  20. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  21.  
  22. <head>
  23.  
  24.  
  25. <html lang="en">
  26. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  27. <html xmlns="http://www.w3.org/1999/xhtml">
  28. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  29.  
  30. <script type="text/javascript"
  31. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  32.  
  33. <script>
  34. $(document).ready(function() {
  35. //
  36. $('a.poplight[href^=#]').click(function() {
  37. var popID = $(this).attr('rel'); //Get Popup Name
  38. var popURL = $(this).attr('href'); //Get Popup href to define size
  39. var query= popURL.split('?');
  40. var dim= query[1].split('&');
  41. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  42. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="Close" alt="Close" /></a>');
  43. var popMargTop = ($('#' + popID).height() + 80) / 2;
  44. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  45. //Apply Margin to Popup
  46. $('#' + popID).css({
  47. 'margin-top' : -popMargTop,
  48. 'margin-left' : -popMargLeft
  49. });
  50. $('body').append('<div id="fade"></div>');
  51. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  52. return false;
  53. });
  54. $('a.close, #fade').live('click', function() {
  55. $('#fade , .popup_block').fadeOut(function() {
  56. $('#fade, a.close').remove(); //fade them both out
  57. });
  58. return false;
  59. });
  60. });
  61. </script>
  62.  
  63.  
  64.  
  65.  
  66. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  67.  
  68. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC|The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  69.  
  70.  
  71.  
  72. <title>{Title}</title>
  73. <link rel="shortcut icon" href="{Favicon}">
  74. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  75.  
  76.  
  77. <meta name="color:background" content="#fff" />
  78. <meta name="color:post" content="#fff" />
  79. <meta name="color:sidebar" content="#eee" />
  80. <meta name="color:description" content="#717171" />
  81. <meta name="color:text" content="#7e7e7e" />
  82. <meta name="image:sidebar img" content="" />
  83. <meta name="color:link" content="#bababa">
  84. <meta name="image:background" content="" />
  85. <meta name="color:border" content="#676767">
  86.  
  87. <meta name="text:link1" content="">
  88. <meta name="text:link1url" content="">
  89. <meta name="text:link2" content="">
  90. <meta name="text:link2url" content="">
  91. <meta name="text:link3" content="">
  92. <meta name="text:link3url" content="">
  93.  
  94.  
  95. <style type="text/css">
  96.  
  97.  
  98.  
  99. #fade { /*--Transparent background layer--*/
  100. display: none; /*--hidden by default--*/
  101. background:#000;
  102. position: fixed; left: 0; top: 0;
  103. width: 100%; height: 100%;
  104. opacity: .5;
  105. z-index: 9999;
  106. }
  107.  
  108. .popup_block{
  109. display: none; /*--hidden by default--*/
  110. background: #ffffff;
  111. background-image: url();
  112. padding: 20px;
  113. font-family: ronda;
  114. float: left;
  115. font-size: 8px;
  116. position: fixed;
  117. top: 50%; left: 50%;
  118. border: 2px solid #aaaaaa;
  119. z-index: 99999;
  120. /*--CSS3 Box Shadows--*/
  121. -webkit-box-shadow: 0px 0px 20px #000;
  122. -moz-box-shadow: 0px 0px 20px #000;
  123. box-shadow: 1px 1px 20px #000;
  124. -webkit-transition: all .7s ease;
  125. -moz-transition: all .7s ease;
  126. -o-transition: all .7s ease;
  127. transition: all .7s ease;
  128. }
  129. .popup_block:hover{
  130. opacity:1;
  131. -webkit-transition: all .7s ease;
  132. -moz-transition: all .7s ease;
  133. -o-transition: all .7s ease;
  134. transition: all .7s ease;
  135. }
  136. img.btn_close {
  137. float: right;
  138. margin: -15px -15px 0 0;
  139. }
  140. *html .popup_block {
  141. position: absolute;
  142. }
  143.  
  144.  
  145.  
  146.  
  147.  
  148. body {
  149. background: {color:background};
  150. background-image: url('{image:background}');
  151. margin: 0;
  152. padding: 0;
  153. font-family: 'helvetica';
  154. }
  155.  
  156.  
  157. a{
  158. text-decoration:none;
  159. color:{color:link};
  160. }
  161.  
  162.  
  163.  
  164. #title {
  165. font-family: 'cambria', sans-serif;
  166. color:{color:text};
  167. font-size:18px;
  168. font-style:bold;
  169. text-align:center;
  170. text-decoration:none;
  171. }
  172.  
  173. /* --- SIDEBAR --- */
  174. #sidebar {
  175. position:fixed;
  176. margin-top:200px;
  177. margin-left:275px;
  178. width:150px;
  179. padding:5px;
  180. background-color:{color:sidebar};
  181. }
  182.  
  183.  
  184. #sidebarpic img {
  185. margin-bottom:5px;
  186. max-width:150px;
  187. height:auto;
  188. text-align:center;
  189. }
  190.  
  191. #description {
  192. margin-top:8px;
  193. width: 150px;
  194. font-size:8px;
  195. text-align:justify;
  196. color:{color:description};
  197. font-family: 'The Girl Next Door', cursive;
  198.  
  199. }
  200.  
  201.  
  202. #entry {
  203. font-size:9px;
  204. margin-right: 290px;
  205. margin-top:40px;
  206. float: right;
  207. text-align: justify;
  208. box-shadow: 0px 2px 6px rgba(0, 0, 0, .6);
  209. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, .6);
  210. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, .6);
  211. }
  212.  
  213. #post {
  214. font-size:9px;
  215. padding: 30px;
  216. letter-spacing:1px;
  217. font-family: 'Alegreya Sans SC', sans-serif;
  218. width: 400px;
  219. margin-bottom:20px;
  220. background-color:{color:post};
  221. color:{color:text};
  222. text-align: justify;
  223. border: solid 0px {color:border}
  224. }
  225. #links {
  226. margin-top:10px:
  227. width: 150px;
  228. margin-left:0px;
  229. letter-spacing:1px;
  230. text-transform:uppercase, lighter;
  231. font-size:10px;
  232. text-align:center;
  233. color:{color:link};
  234. font-family: 'Alegreya Sans SC', sans-serif;
  235.  
  236. {CustomCSS}
  237. </style>
  238. </head>
  239.  
  240. <body>
  241. <div id="sidebar">
  242.  
  243. <div id="sidebarpic"><a href="/"><img src="{image:sidebar img}"/></a></div>
  244.  
  245. <div id="links">
  246. <a href="/">home</a>
  247. <a href="/ask"><a href='#?w=500' rel='02' class='poplight'>letters</a> </a>
  248. {block:ifLink1}<a href="{text:Link1url}">{text:Link1}</a>{/block:ifLink1}
  249. {block:ifLink2}<a href="{text:Link2url}">{text:Link2}</a>{/block:ifLink2}
  250. {block:ifLink3}<a href="{text:Link3url}">{text:Link3}</a>{/block:ifLink3}
  251. </div>
  252.  
  253. <div id="description">{block:Description}{Description}{/block:Description}</div>
  254.  
  255. <center>
  256. {block:PreviousPage}<a href="{PreviousPage}"><font face='The Girl Next Door'><font size="1">back</font></font></a>{/block:PreviousPage} {block:NextPage} <a href="{NextPage}"><font size="1"><font face='The Girl Next Door'>forth</font></font></a>{/block:NextPage}
  257. </center>
  258. </div>
  259.  
  260. <div id="entry">
  261. {block:Posts}
  262. <div id="post">
  263.  
  264. {block:Text}{Body}{/block:Text}
  265.  
  266. {block:Quote}<font size="1"><font face='The Girl Next Door'><h2>“{Quote}” — {Source}</h2></font></font>{/block:Quote}
  267.  
  268. {block:Link}<a href="{URL}" class="link" {Target}> <h2>{Name}</h2></a>
  269. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  270.  
  271. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  272. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  273.  
  274. {block:Chat}{block:Title}<t>{Title}</t><br>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  275. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  276.  
  277. {block:Answer}
  278. <div class="question">
  279. <font size="1"><font face='The Girl Next Door'><b>{Asker}</b> asked:<br>
  280. {Question}</div>{Answer}</font></font>
  281. {/block:Answer}
  282.  
  283.  
  284.  
  285. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  286.  
  287.  
  288. <div id="info">posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} • <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}{block:RebloggedFrom} (<a href="{ReblogParentURL}">{ReblogParentName}</a>
  289. {block:ContentSource} source <a href="{SourceURL}">{SourceLink}</a>){block:ContentSource}{/block:RebloggedFrom}<br>
  290.  
  291.  
  292. {block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div><br>
  293. {/block:Posts}
  294.  
  295.  
  296. {block:PostNotes}{PostNotes}{/block:PostNotes}
  297.  
  298. </div>
  299.  
  300.  
  301.  
  302.  
  303.  
  304.  
  305. <div style="position:fixed;bottom:3px; right:3px; font-size:9px;border:1px solid #e0e0e0;;padding:0px; padding-left:3px; padding-right:3px; font-family:cambria;"><a href="http://stylez.co.vu">▽△</a></center></div>
  306. </body>
  307.  
  308.  
  309.  
  310. <div id="03" class="popup_block">
  311.  
  312. </div
  313. </body>
  314. <div id="02" class="popup_block">
  315.  
  316. <center>
  317. <font size=1>
  318. <big><b>HI THIS IS WHERE YOUR FAQ GOES</b></big><br><br>
  319. write your faq here <br>
  320. blah blah bkah<br>
  321. (you don't have to write here if you don't want to or don't have a faq)<br>
  322. <br></font>
  323. <p></font><iframe frameborder="0" scrolling="yes" width="100%" height="200" src="http://www.tumblr.com/ask_form/USERNAME.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  324. </center></div>
  325.  
  326. </div></div></div></div></div></div></div></div></div></div>
  327.  
  328.  
  329. </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!