API tools faq
paste
Advertisement
lills

eight

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