API tools faq
paste
Advertisement
lills

fifteen

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