API tools faq
paste
xmisa0923

leethm

xmisa0923
Nov 5th, 2013
81
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.63 KB | None | 0 0
raw download clone embed print report
  1. <!--I only ask you keep the credit intact--DO NOT MOVE IT/HIDE IT. Other than that, edit it all ye want. If you have questions, trot on over to leepace.tumblr.com -->
  2.  
  3.  
  4. <!DOCTYPE html>
  5. <head>
  6.  
  7. <!--random shit you need-->
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables are here, folks-->
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Text" content="#cccccc"/>
  17. <meta name="color:link" content="#a7a7a7"/>
  18. <meta name="color:title"content="#070707"/>
  19. <meta name="color:scrollbar" content="#d5d5d5" />
  20. <meta name="color:header border" content="#eeeeee"/>
  21.  
  22. <meta name="image:header" content="">
  23.  
  24. <meta name="text:Link 1 URL" content="" />
  25. <meta name="text:Link 1" content="" />
  26. <meta name="text:Link 2 URL" content="" />
  27. <meta name="text:Link 2" content="" />
  28. <meta name="text:Link 3 URL" content="" />
  29. <meta name="text:Link 3" content="" />
  30.  
  31.  
  32. <meta name="if:Saturation Hover" content="1">
  33.  
  34.  
  35. <meta name="if:Show Title" content="1">
  36.  
  37.  
  38. <!-- jquery -->
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  40.  
  41. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  42.  
  43. <script>
  44.  
  45. (function($){
  46.  
  47. $(document).ready(function(){
  48.  
  49. $("a[title]").style_my_tooltips({
  50.  
  51. tip_follows_cursor:true,
  52.  
  53. tip_delay_time:30,
  54.  
  55. tip_fade_speed:300,
  56.  
  57. attribute:"title"
  58.  
  59. });
  60.  
  61. });
  62.  
  63. })(jQuery);
  64.  
  65. </script>
  66.  
  67. <link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  68.  
  69.  
  70. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  71. <script type="text/javascript">
  72. jQuery(document).ready(function() {
  73. jQuery("#standardlinks").hide();
  74. //toggle the componenet with class msg_body
  75. jQuery("#h").click(function()
  76. {
  77. jQuery(this).next("#standardlinks").slideToggle('900');
  78. });});
  79. </script>
  80.  
  81.  
  82. <!--CSS time baby. This is where you change font size, color, etc. Just be careful, my dears. -->
  83.  
  84. <style type="text/css">
  85.  
  86. #s-m-t-tooltip {max-width:300px;
  87. margin:10px 0px 0px 10px;
  88. padding:0px 2px;
  89. line-height:18px;
  90. background:white;
  91. font-family:arial;
  92. border-radius:2px;
  93. letter-spacing:1px;
  94. font-size:9px;
  95. color:black;
  96. z-index:999;
  97. -webkit-transition:all 0.3s;
  98. -moz-transition:all 0.3s;
  99. -ms-transition:all 0.3s;
  100. -o-transition:all 0.3s;
  101. transition:all 0.3s; }
  102.  
  103.  
  104. /*scrollbar*/
  105. ::-webkit-scrollbar{height: 5px;
  106. width: 5px;
  107. -webkit-border-radius: 0px;
  108. background-color:{color:background}}
  109. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};}
  110. ::-webkit-scrollbar-track{background-color:{color:background};}
  111.  
  112.  
  113.  
  114. iframe#tumblr_controls {
  115. position: fixed !important;
  116. z-index: 9999;
  117. }
  118.  
  119.  
  120. #credit {position:fixed;
  121. float:right;
  122. opacity:1;
  123. bottom:5px;
  124. right:5px;
  125. text-align:center;
  126. padding:5px 5px;
  127. font-size:10px;
  128. font-family:georgia}
  129.  
  130.  
  131.  
  132. /*main structure*/
  133. blockquote {
  134. border-left:2px solid {color:link};
  135. padding-left:5px;
  136. max-width:400px!important;
  137. padding:0px 0 0px 10px;
  138. margin:5px 0px 5px 10px}
  139.  
  140.  
  141.  
  142. body {
  143. background-color:{color:background};
  144. color:{color:text};
  145. font-family:'Playfair Display';
  146. font-size:11px;
  147. text-align:justify;
  148. line-height:14px;
  149. margin:0;}
  150.  
  151.  
  152. a {
  153. color:{color:link};
  154. text-decoration:none;
  155. }
  156.  
  157. a:hover {
  158. text-decoration:underline;
  159. }
  160.  
  161. img{
  162. opacity:1;
  163. border:none;
  164. text-decoration:none}
  165.  
  166.  
  167. b, strong {
  168. color:{color:title}}
  169. i, em {
  170. color:{color:text}}
  171. p {
  172. margin-top:5px;
  173. margin-bottom:5px}
  174. ol {
  175. list-style:normal;}
  176. ul {
  177. list-style:square;}
  178.  
  179. small {
  180. font-size:9px;}
  181.  
  182. big {
  183. font-size:12px;}
  184.  
  185.  
  186.  
  187.  
  188. #title{font-size:14px;
  189. font-weight:none;
  190. letter-spacing:1px;
  191. margin-bottom:15px;
  192. text-transform:uppercase;
  193. text-align:center;
  194. color:{color:title};}
  195. #title a {color:{color:title};}
  196.  
  197.  
  198.  
  199.  
  200. /*header*/
  201.  
  202.  
  203. #header {width:400px;
  204. margin-top:50px;
  205. text-align:center;
  206. }
  207.  
  208.  
  209. #blogt {
  210. font-size:30px;
  211. font-style:italic;
  212. font-weight:900;
  213. margin-top:30px;
  214. }
  215.  
  216. #blogt a {color:{color:title};}
  217. #blogt a:hover {
  218. text-decoration:none;
  219. color:{color:title}}
  220.  
  221. #standardlinks {}
  222.  
  223. #s {
  224. font-size:9px;
  225. margin-top:30px;
  226. width:300px;
  227. margin-left:100px;
  228. letter-spacing:1px;
  229. text-transform:uppercase;
  230. font-weight:normal;
  231. background:{color:header border};
  232. line-height:30px;
  233. }
  234. #s a {
  235. line-height:30px;
  236. width:60px;
  237. float:left;
  238. background:{color:header border};
  239. -webkit-transition:all 0.3s;
  240. -moz-transition:all 0.3s;
  241. -ms-transition:all 0.3s;
  242. -o-transition:all 0.3s;
  243. transition:all 0.3s; }
  244.  
  245. #s a:hover {
  246. background:white;
  247. color:black;
  248. text-decoration:none;
  249. -webkit-transition:all 0.3s;
  250. -moz-transition:all 0.3s;
  251. -ms-transition:all 0.3s;
  252. -o-transition:all 0.3s;
  253. transition:all 0.3s;
  254. }
  255.  
  256. #description {
  257. margin-top:10px;
  258. line-height:16px;
  259. width:300px;
  260. font-size:9px;
  261. letter-spacing:1px;
  262. text-transform:none;
  263. text-align:justify;
  264. margin-left:100px;}
  265.  
  266.  
  267. #h {width:100px;
  268. height:100px;
  269. padding-bottom:10px;
  270. margin-left:190px;}
  271. #h img {width:100%;
  272. height:100%;
  273. border:1px solid {color:header border};
  274. padding:9px;
  275. border-radius:100%;
  276. -webkit-transition:all 1s;
  277. -moz-transition:all 1s;
  278. -ms-transition:all 1s;
  279. -o-transition:all 1s;
  280. transition:all 1s;}
  281. #h img:hover {-webkit-filter: saturate(.5);
  282. cursor:help;
  283. -webkit-transition:all 1s;
  284. -moz-transition:all 1s;
  285. -ms-transition:all 1s;
  286. -o-transition:all 1s;
  287. transition:all 1s;
  288. }
  289.  
  290. /*pagination*/
  291.  
  292. #pagination {
  293. margin-left:-5px;
  294. font-size:10px;
  295. margin-top:15px;
  296. font-style:normal;
  297. text-align:center;
  298. letter-spacing:2px;
  299. font-family:times;
  300. margin:50px 0;
  301. }
  302.  
  303. #pagination a {
  304. padding:0 10px;
  305. text-align:center;
  306. display:inline-block;}
  307. #pagination a:hover {text-decoration:line-through;}
  308. .current_page {
  309. padding:0 10px;
  310. font-weight:900;
  311. text-align:center;
  312. color:black;
  313. }
  314.  
  315.  
  316. .jump_page {
  317. }
  318.  
  319. /*container*/
  320. #con {
  321. left:50%;
  322. margin-left:-250px;
  323. position:absolute;
  324. }
  325.  
  326.  
  327.  
  328. /*posts*/
  329.  
  330. #entries {
  331. width:400px;
  332. margin-top:100px;
  333. margin-left:50px;
  334. }
  335.  
  336.  
  337.  
  338. #posts {
  339. {block:IndexPage}
  340. margin-bottom:65px;
  341. {/block:IndexPage}
  342. {block:PermalinkPage}
  343. margin-bottom:25px;
  344. {/block:PermalinkPage}
  345. width:400px;
  346. height:auto;
  347. }
  348.  
  349. #posts img {
  350. max-width: 500px;
  351. {block:IfSaturationHover}
  352. -webkit-filter: saturate(.5);
  353. -webkit-transition:all 1s;
  354. -moz-transition:all 1s;
  355. -ms-transition:all 1s;
  356. -o-transition:all 1s;
  357. transition:all 1s;
  358. {/block:IfSaturationHover}
  359. }
  360. {block:IfSaturationHover}
  361. #posts img:hover {
  362. -webkit-transition:all 1s;
  363. -moz-transition:all 1s;
  364. -ms-transition:all 1s;
  365. -o-transition:all 1s;
  366. transition:all 1s;
  367. -webkit-filter: saturate(1);}
  368.  
  369.  
  370. .html_photoset {
  371. -webkit-filter: saturate(.5);
  372. -webkit-transition:all 1s;
  373. -moz-transition:all 1s;
  374. -ms-transition:all 1s;
  375. -o-transition:all 1s;
  376. transition:all 1s;
  377.  
  378. }
  379. .html_photoset:hover {
  380. -webkit-filter: saturate(1);
  381. -webkit-transition:all 1s;
  382. -moz-transition:all 1s;
  383. -ms-transition:all 1s;
  384. -o-transition:all 1s;
  385. transition:all 1s;
  386. }
  387. {/block:IfSaturationHover}
  388.  
  389. #titlequote{font-size:16px;
  390. color:{color:title};
  391. text-align:center;
  392. letter-spacing:1px;
  393. font-style:italic;
  394. line-height:20px;
  395. }
  396.  
  397. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  398. .caption img{max-width:100%;}
  399. .caption {width:100%;
  400. text-align:justify;
  401. margin-top: 5px;
  402. }
  403.  
  404. #source {text-align:right;
  405. padding-top:5px;
  406. margin-right:50px;
  407. font-size:10px}
  408.  
  409.  
  410.  
  411.  
  412.  
  413. /*audio*/
  414.  
  415. .player {width:27px;
  416. height:27px;
  417. padding-top:12px;
  418. padding-left:13px;
  419. overflow:hidden; }
  420.  
  421. .audioinfo {
  422. text-align:right;
  423. overflow:hidden;
  424. color:white;
  425. background-color:black;
  426. position:absolute;
  427. width:300px;
  428. z-index:2;
  429. padding:0 10px;
  430. padding-top:10px;
  431. margin-left:70px;
  432. height:38px;
  433. line-height:15px;
  434. }
  435.  
  436.  
  437. .audioinfo b {font-size:12px;
  438. color:white}
  439.  
  440. .playerback {height:50px;
  441. width:100%;
  442. background-color:black;
  443. }
  444.  
  445.  
  446.  
  447.  
  448.  
  449.  
  450. /*asks*/
  451. #question {
  452. }
  453.  
  454.  
  455. .q {
  456. font-style:italic;
  457. letter-spacing:1px;
  458. line-height:12px;
  459. text-align:center;
  460. }
  461. .a {color:{color:text};
  462. margin-top:15px;}
  463. .as {text-align:right;
  464. padding-top:5px;
  465. margin-right:50px;
  466. font-size:10px}
  467. .as a {text-decoration:underline;}
  468.  
  469. .chat ol {
  470. padding:0;
  471. line-height:180%;
  472. list-style:none;
  473. text-align:center;
  474. }
  475.  
  476. .line.odd {
  477. text-align:left;
  478. padding:0 5px;
  479. border-bottom:1px solid {color:header border};
  480. }
  481.  
  482. .line.even {
  483. background-color:{color:background};
  484. padding:0 5px;
  485. text-align:right;
  486. }
  487.  
  488.  
  489. .label {
  490. display:block;
  491. letter-spacing:1px;
  492. text-transform:uppercase;
  493. font-weight:bold;
  494. color:{color:title};
  495. }
  496.  
  497.  
  498.  
  499.  
  500.  
  501.  
  502.  
  503. /*permalink and notes*/
  504.  
  505. #permalink {
  506. text-align:center;
  507. font-size:8px;
  508. letter-spacing:1px;
  509. text-transform:uppercase;
  510. font-family:helvetica;
  511. border-top:1px solid {color:header border};
  512. margin-bottom:20px;
  513. }
  514. #permalink a {padding:0 5px;
  515. background:{color:background};
  516. }
  517.  
  518. #piss {
  519. margin-top:-7px;
  520. position:Absolute;
  521. width:400px;
  522. }
  523.  
  524. .tags {
  525. margin-top:10px;
  526. font-size:10px;
  527. text-align:Center;
  528. word-break:break-all;
  529. opacity:0;
  530. -webkit-transition:all 1s ease;
  531. -moz-transition:all 1s ease;
  532. transition:all 1s ease;
  533. }
  534.  
  535.  
  536. .tags a{
  537. letter-spacing:1px;
  538. padding:0 5px;
  539. text-transform:none;
  540. font-style:italic;}
  541.  
  542. #posts:hover .tags {opacity:1;
  543. -webkit-transition:all 1s ease;
  544. -moz-transition:all 1s ease;
  545. transition:all 1s ease;}
  546.  
  547. .pagenotes {
  548. {block:IndexPage}
  549. display: none!important;
  550. {/block:IndexPage}
  551. width:400px;
  552. text-align:left;
  553.  
  554. }
  555. .pagenotes img {
  556. display:none!important;}
  557. .pagenotes li {
  558. list-style-type:none;
  559. padding:20px 10px;
  560. text-align:left;
  561. margin:0 0 0 -40px;
  562. line-height:130%;
  563. }
  564.  
  565.  
  566. {CustomCSS}
  567.  
  568.  
  569. </style>
  570.  
  571.  
  572.  
  573.  
  574.  
  575. </head>
  576.  
  577. <body>
  578.  
  579.  
  580.  
  581. <div id="credit"><a href="http://leepace.tumblr.com" title="leepace">&copy;</a></div>
  582.  
  583.  
  584.  
  585.  
  586.  
  587. <div id="con">
  588.  
  589. <div id="header">
  590. <div id="h"><img src="{image:header}"></div>
  591.  
  592. <div id="standardlinks">
  593. <div id="s">
  594. <a href="/">Home</a>
  595. <a href="/ask">mail</a>
  596. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  597. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  598. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  599. </div>
  600. <div id="description">{Description}</div>
  601. </div>
  602.  
  603.  
  604.  
  605. {block:IfShowTitle}
  606. <div id="blogt"><a href="/">{Title}</a></div>
  607. {/block:IfShowTitle}
  608.  
  609.  
  610.  
  611.  
  612.  
  613. </div>
  614.  
  615.  
  616.  
  617. <div id="entries">
  618.  
  619. {block:Posts}
  620.  
  621.  
  622. <div id="posts">
  623.  
  624.  
  625.  
  626.  
  627.  
  628. {block:Date}
  629. <div id="permalink">
  630. <div id="piss">
  631.  
  632. <a href="{Permalink}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  633. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  634. {block:ContentSource}
  635. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  636. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  637. {/block:SourceLogo}
  638. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  639. {/block:ContentSource}
  640. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}
  641. </div>
  642. </div>
  643. {/block:Date}
  644.  
  645. <td>
  646.  
  647. {block:Quote}
  648.  
  649.  
  650. <div id="titlequote">“{Quote}”</div>
  651. {block:Source}<div id="source">{Source}</div>{/block:Source}
  652. {/block:Quote}
  653.  
  654.  
  655.  
  656. {block:Text}
  657.  
  658. {block:Title}
  659. <div id="title">{Title}</div>{/block:Title}
  660. {Body}
  661.  
  662.  
  663. {/block:Text}
  664.  
  665. {block:Link}
  666.  
  667. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  668.  
  669. {/block:Link}
  670.  
  671. {block:Chat}
  672. {block:Title}
  673. <h1>{Title}</h1>
  674. {/block:Title}
  675. <div class="chat">
  676. <ol>{block:Lines}
  677. <li class="line {Alt}">
  678. {block:Label}
  679. <span class="label">
  680. {Label}</span>
  681. {/block:Label}{Line}</li>
  682. {/block:Lines}
  683. </ol></div>
  684. {/block:Chat}
  685.  
  686. {block:Photo}
  687.  
  688. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  689.  
  690. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  691.  
  692. {/block:Photo}
  693.  
  694. {block:Photoset}
  695.  
  696. <center>{Photoset-400}</center>
  697.  
  698.  
  699. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  700.  
  701. {/block:Photoset}
  702.  
  703. {block:Video}
  704.  
  705.  
  706. {Video-400}
  707. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  708. {/block:Video}
  709.  
  710.  
  711.  
  712. {block:Audio}
  713.  
  714. <div class="playerback">
  715. <div class="audioinfo">
  716. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br>
  717. {block:Artist}{Artist}{/block:Artist}
  718. </div>
  719. <div class="player">{AudioPlayerBlack}</div>
  720. </div>
  721.  
  722.  
  723.  
  724. {block:Caption}<span class="caption">{Caption}</span>{/block:Caption}
  725.  
  726.  
  727. {/block:Audio}
  728.  
  729. {block:Answer}
  730. <div id="question">
  731. <div class="q">
  732. {Question}</div>
  733. <div class="as">asked by {Asker}</div>
  734. </div>
  735. <div class="a">{Answer}</div>
  736.  
  737.  
  738. {/block:Answer}
  739.  
  740.  
  741. {block:Date}
  742. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  743.  
  744. {/block:Date}
  745.  
  746. </div>
  747.  
  748.  
  749.  
  750.  
  751.  
  752. {block:PermalinkPage}
  753. {/block:PermalinkPage}
  754. <div class="pagenotes">
  755. {PostNotes}
  756. </ol>
  757.  
  758.  
  759. </div>
  760. {/block:PostNotes}
  761. {/block:Posts}
  762.  
  763. <div id="pagination">
  764.  
  765. {block:Pagination}
  766. {block:PreviousPage}
  767. <a href="{PreviousPage}">BACK</a>
  768. {/block:PreviousPage}
  769.  
  770. {block:JumpPagination length="10"}
  771. {block:CurrentPage}
  772. <span class="current_page">{PageNumber}</span>
  773. {/block:CurrentPage}
  774.  
  775. {block:JumpPage}
  776. <a class="jump_page" href="{URL}">{PageNumber}</a>
  777. {/block:JumpPage}
  778. {/block:JumpPagination}
  779.  
  780. {block:NextPage}
  781. <a href="{NextPage}">FORTH</a>
  782. {/block:NextPage}
  783. {/block:Pagination}
  784. </div>
  785.  
  786. </div>
  787.  
  788. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!