API tools faq
paste
Advertisement
lills

seven

lills
Oct 5th, 2014
994
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.82 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5.  
  6. <!--
  7. THEME BY LILLSTHEMES
  8. DO NOT STEAL OR USE AS BASE CODE
  9. LEAVE CREDIT IN TACT
  10. -->
  11.  
  12.  
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47.  
  48.  
  49.  
  50.  
  51. <title>{Title}</title>
  52.  
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56.  
  57.  
  58. <meta name="color:Background" content="#ffffff"/>
  59. <meta name="color:Text" content="#aaaaaa"/>
  60. <meta name="color:Link" content="#000000"/>
  61. <meta name="color:Pagi Border" content="#0000ff"/>
  62.  
  63. <meta name="image:Background Image" content=""/>
  64. <meta name="image:Popup Box Background" content=""/>
  65.  
  66. <meta name="text:URL" content="PUT YOUR URL HERE OR THE ASK BOX WONT WORK"/>
  67. <meta name="text:About" content="ABOUT INFO FOR ABOUT POP UP BOX GOES HERE"/>
  68. <meta name="text:FAQ" content="FAQ ABOVE ASK BOX GOES HERE. IF YOU DONT WANT AN FAQ LEAVE THIS SECTION BLANK"/>
  69.  
  70. <meta name="text:Link 1 URL" content="" />
  71. <meta name="text:Link 1" content="" />
  72. <meta name="text:Link 2 URL" content="" />
  73. <meta name="text:Link 2" content="" />
  74. <meta name="text:Link 3 URL" content="" />
  75. <meta name="text:Link 3" content="" />
  76. <meta name="text:Link 4 URL" content="" />
  77. <meta name="text:Link 4" content="" />
  78. <meta name="text:Link 5 URL" content="" />
  79. <meta name="text:Link 5" content="" />
  80.  
  81.  
  82.  
  83. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  84.  
  85. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  86.  
  87. <script>
  88.  
  89. (function($){
  90.  
  91. $(document).ready(function(){
  92.  
  93. $("a[title]").style_my_tooltips({
  94.  
  95. tip_follows_cursor:true,
  96.  
  97. tip_delay_time:30,
  98.  
  99. tip_fade_speed:300,
  100.  
  101. attribute:"title"
  102.  
  103. });
  104.  
  105. });
  106.  
  107. })(jQuery);
  108.  
  109. </script>
  110.  
  111.  
  112.  
  113. <script type="text/javascript">
  114. function unhide(divID) {
  115. var item = document.getElementById(divID);
  116. if (item) {
  117. item.className=(item.className=='hidden')?'unhidden':'hidden';
  118. }
  119. }
  120. </script>
  121.  
  122.  
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127. ::-webkit-scrollbar-thumb{
  128. background-color: black;
  129. border: 2px solid white;
  130. height:auto;
  131. }
  132.  
  133. ::-webkit-scrollbar {
  134. height:auto;
  135. width:11px;
  136. background-color: black;
  137. border:5px solid white;
  138. }
  139.  
  140. #s-m-t-tooltip{
  141. position:absolute;
  142. margin-top: 15px;
  143. z-index:9999;
  144. background:{color:background};
  145. }
  146.  
  147.  
  148. .hidden {display: none;}
  149. .unhidden {display: block;}
  150.  
  151.  
  152. /*basics*/
  153. blockquote {padding:5px 0 5px 30px;
  154. border-left:1px solid {color:text};
  155. margin-left:30px;
  156. }
  157.  
  158. body {
  159. color:{color:text};
  160. font-family:consolas;
  161. font-size:12px;
  162. text-align:justify;
  163. margin:0;
  164. line-height:16px;
  165. background:{color:Background};
  166. background-image:url({image:Background Image});
  167. background-attachment:fixed;
  168. background-repeat:repeat;
  169. background-position:center;
  170. }
  171.  
  172.  
  173. a {
  174. color:{color:link};
  175. text-decoration:none;
  176. }
  177.  
  178. a:hover {
  179. text-decoration:underline;}
  180.  
  181. img{opacity:1;
  182. border:none;
  183. text-decoration:none}
  184.  
  185.  
  186. small {
  187. font-size:10px;}
  188.  
  189. big {
  190. font-size:12px;}
  191.  
  192.  
  193.  
  194. #cred {
  195. position:fixed;
  196. font-family:consolas, courier new;
  197. font-size:12px;
  198. right:9px;
  199. bottom:9px;
  200. }
  201.  
  202.  
  203. /*sidebar*/
  204. #sidebar {
  205. top:20px;
  206. left:20px;
  207. padding:5px;
  208. position:fixed;
  209. }
  210.  
  211.  
  212. #blogt {font-size:18px;
  213. font-weight:bold;}
  214.  
  215. #links {
  216. width:80px;
  217. text-transform:lowercase;
  218. border:1px solid black;
  219. padding:5px;
  220. margin-top:10px;
  221. background:white;
  222. text-align:center;
  223. }
  224.  
  225.  
  226.  
  227. #links a {
  228. margin-right:1px;
  229. display:block;
  230. margin-bottom:1px;
  231. margin-top:2px;
  232. text-align:right;
  233. text-align:center;
  234. text-decoration:underline;
  235. line-height:100%;
  236. font-size:11px;
  237. }
  238.  
  239. #links a:hover {
  240. background:yellow;
  241. }
  242.  
  243.  
  244. #description {
  245. border:1px solid black;
  246. padding:5px;
  247. width:117px;
  248. background:white;
  249. line-height:90%;
  250. word-spacing:-1px;
  251. }
  252.  
  253.  
  254.  
  255. /*pagination*/
  256. #pagination {
  257. position:fixed;
  258. margin-top:10px;
  259. width:35px;
  260. line-height:90%;
  261. padding:5px;
  262. text-transform:lowercase;
  263. border:1px solid {color:Pagi Border};
  264. text-align:center;
  265. }
  266.  
  267.  
  268. #pagination a {
  269. color:black;
  270. }
  271.  
  272.  
  273. #con {
  274. left:50%;
  275. margin-left:-250px;
  276. position:absolute;
  277. }
  278.  
  279.  
  280.  
  281. #entries {
  282. margin-top:50px;
  283. width:400px;
  284. }
  285.  
  286.  
  287.  
  288. #posts {
  289. width:400px;
  290. {block:IndexPage}
  291. margin-bottom:75px;
  292. {/block:IndexPage}
  293. {block:PermalinkPage}
  294. margin-bottom:50px;
  295. {/block:PermalinkPage}
  296.  
  297. }
  298. #posts img {
  299. max-width:500px;
  300. }
  301.  
  302. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  303. .caption {width:100%;
  304. margin-top:10px;
  305.  
  306. }
  307.  
  308. #titlequote{text-align:left;
  309. font-size:14px;
  310. line-height:18px;
  311. font-weight:bold;
  312. }
  313. #source {
  314. margin-top:15px;
  315. margin-left:15px;}
  316.  
  317.  
  318. .player {
  319. width:25px;
  320. height:25px;
  321. overflow:hidden;
  322. position:absolute;
  323. background:white;}
  324.  
  325. .audioinfo {
  326. margin-left:50px;
  327. }
  328.  
  329.  
  330. .q {margin-bottom:10px;
  331. }
  332. .as {
  333. font-weight:bold;
  334. text-transform:uppercase;
  335. }
  336.  
  337. .a {
  338. margin-top:10px;
  339. margin-left:20px;
  340. }
  341.  
  342.  
  343.  
  344. .chat ol {
  345. padding:0;
  346. list-style:none;
  347. }
  348. .line {padding:5px 0;}
  349.  
  350. .label {font-weight:bold;
  351. }
  352.  
  353.  
  354.  
  355.  
  356.  
  357. #permalink {
  358. margin-top:15px;
  359. font-size:10px;
  360. text-transform:uppercase;
  361. border-top:1px solid;
  362. padding-left:4px;
  363. }
  364. #permalink a {margin-right:10px;
  365. }
  366.  
  367.  
  368. .tags {
  369. word-break:break-all;
  370. font-size:10px;
  371. text-transform:none;
  372. }
  373.  
  374. .pagenotes {
  375. {block:IndexPage}
  376. display: none!important;
  377. {/block:IndexPage}
  378. width:400px;
  379. text-align:left;
  380.  
  381. }
  382. .pagenotes img {
  383. display:none!important;}
  384. .pagenotes li {
  385. list-style-type:none;
  386. padding:5px 0px;
  387. text-align:left;
  388. margin:0 0 0 -40px;
  389. }
  390.  
  391.  
  392.  
  393.  
  394. {CustomCSS}
  395.  
  396.  
  397. .popup_block{
  398. display:none;
  399. background:#fff;
  400. padding:20px;
  401. float:left;
  402. position:fixed;
  403. top:50%;left:50%;
  404. z-index: 99999;
  405. }
  406.  
  407. *html #fade {position: absolute;}
  408. *html .popup_block {position: absolute;}
  409. #fade {
  410. display:none;
  411. position:fixed;
  412. left:0px;
  413. top:0px;
  414. width:100%;
  415. height:100%;
  416. z-index:9999;
  417. background:#000;
  418. background-image:url({image:Popup Box Background});
  419. background-attachment:fixed;
  420. background-repeat:repeat;
  421. background-position:center;
  422. background-size:100% 100%;
  423. opacity:.8;
  424. }
  425.  
  426.  
  427. </style>
  428.  
  429.  
  430.  
  431. </head>
  432.  
  433. <body>
  434.  
  435.  
  436.  
  437. <div id="con">
  438.  
  439. <div id="sidebar">
  440. <div id="description">{Description}</div>
  441. <div id="links">
  442. <a href="/"> home</a>
  443. <a href="#?w=300" rel="box1" class="poplight"> ask</a>
  444. <a href="#?w=300" rel="box2" class="poplight"> about</a>
  445.  
  446. <a href="javascript:unhide('displaybx');">more</a>
  447.  
  448. <div id="displaybx" class="hidden">
  449. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  450. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  451. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  452. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  453. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  454. </div>
  455. </div>
  456.  
  457.  
  458. {block:Pagination}
  459. <div id="pagination">
  460. {block:PreviousPage}
  461. <a href="{PreviousPage}">–</a> /
  462. {/block:PreviousPage}
  463.  
  464. {block:NextPage}
  465. <a href="{NextPage}">+</a>
  466. {/block:NextPage}
  467. </font>
  468. </div>
  469. {/block:Pagination}
  470. </div>
  471.  
  472.  
  473.  
  474. <div id="entries">
  475.  
  476. {block:Posts}
  477. <div id="posts">
  478.  
  479.  
  480. {block:Quote}
  481.  
  482.  
  483. <div id="titlequote">“{Quote}”</div>
  484. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  485. {/block:Quote}
  486.  
  487.  
  488.  
  489. {block:Text}
  490.  
  491. {block:Title}
  492. <div id="title">{Title}</div>{/block:Title}
  493. {Body}
  494. {/block:Text}
  495.  
  496. {block:Link}
  497. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  498. {/block:Link}
  499.  
  500. {block:Chat}
  501. {block:Title}
  502. <h1>{Title}</h1>
  503. {/block:Title}
  504. <div class="chat">
  505. <ol>{block:Lines}
  506. <li class="line {Alt}">
  507. {block:Label}
  508. <span class="label">
  509. {Label}</span>
  510. {/block:Label}{Line}</li>
  511. {/block:Lines}
  512. </ol></div>
  513. {/block:Chat}
  514.  
  515. {block:Photo}
  516. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. {Photoset-400}
  521. {/block:Photoset}
  522.  
  523. {block:Video}
  524. {Video-400}
  525. {/block:Video}
  526.  
  527. {block:Audio}
  528. <div class="player">{AudioPlayerWhite}</div>
  529. <div class="audioinfo">
  530. {block:TrackName}{TrackName}{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}
  531. </div>
  532. {/block:Audio}
  533.  
  534. {block:Answer}
  535. <div class="q">
  536. <div class="as">{Asker} said: </div>
  537. {Question}</div>
  538. <div class="a">{Answer}</div>
  539. {/block:Answer}
  540.  
  541. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  542.  
  543. {block:Date}
  544. <div id="permalink">
  545. <a href="{Permalink}" >{ShortMonth} {DayOfMonth} / {12Hour}:{Minutes} {AmPm}</a>{block:NoteCount}<a href="{Permalink}">+ {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  546. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  547. </div>
  548. {/block:Date}
  549.  
  550.  
  551.  
  552. </div>
  553.  
  554.  
  555. {block:PostNotes}
  556. <div class="pagenotes">
  557. {PostNotes}
  558. </div>
  559. {/block:PostNotes}
  560.  
  561.  
  562. {/block:Posts}
  563.  
  564.  
  565.  
  566.  
  567. </div>
  568.  
  569. </div>
  570.  
  571.  
  572. {block:ContentSource}
  573. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  574. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  575. {/block:SourceLogo}
  576. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  577. {/block:ContentSource}
  578.  
  579. </body>
  580.  
  581.  
  582. <div id="box1" class="popup_block">
  583. <center>{text:FAQ}</center>
  584. <br><br>
  585. <iframe frameborder="0" height="300" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" width="100%"></iframe>
  586. </div>
  587.  
  588.  
  589. <div id="box2" class="popup_block">
  590. {text:About}
  591. </div>
  592.  
  593.  
  594.  
  595. </div></div></div></div></div></div></div></div></div></div>
  596.  
  597. <div id="cred">
  598. <a href="http://lillsthemes.tumblr.com/">LT</a>
  599. </div>
  600.  
  601. </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!