API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jul 29th, 2015
303
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <title>{title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10. <meta name="description" content="{MetaDescription}" />
  11. </script>
  12. <meta name="color:Background" content="#fcfcfc"/>
  13. <meta name="color:Texts" content="#7d7d7d"/>
  14. <meta name="color:TopBar" content="#def5f5"/>
  15. <meta name="color:MenuBG" content="#ffffff"/>
  16. <meta name="color:MenuBorder1" content="#c2e7ec"/>
  17. <meta name="color:MenuBorder2" content="#f3cdd9"/>
  18. <meta name="color:Description" content="#7d7d7d"/>
  19. <meta name="color:DescriptionBG" content="#f5f5f5"/>
  20. <meta name="color:PostBorder" content="#f5f5f5"/>
  21. <meta name="color:PostBG" content="#ffffff"/>
  22. <meta name="color:Links" content="#8dc5c8"/>
  23. <meta name="color:LinksHover" content="#f0b1d9"/>
  24. <meta name="if:250px" content="1"/>
  25. <meta name="if:500px" content="0"/>
  26. <meta name="if:ShowCaptions" content="1"/>
  27. <meta name="image:Background" content="http://i.imgbox.com/mQewH3Mc.png"/>
  28. <meta name="image:TopBar" content="http://i.imgur.com/v5GKYds.png"/>
  29. </head>
  30. <style>
  31. body {
  32. padding:0px;
  33. margin:0px;
  34. font-family:trebuchet ms;
  35. font-size:11px;
  36. color:{color:Texts};
  37. background:url({image:Background}) fixed {color:background};
  38. }
  39. #head {
  40. padding-top:100px;
  41. width:100%;
  42. position:fixed;
  43. top:0;
  44. left:0;
  45. background:url({image:TopBar}) {color:TopBar};
  46. z-index:10;
  47. }
  48.  
  49. .bar {
  50. width:100%;
  51. }
  52.  
  53. .bar .odd {
  54. width:25%;
  55. height:1px;
  56. background:{color:MenuBorder1};
  57. float:left;
  58. }
  59.  
  60. .bar .even {
  61. width:25%;
  62. height:1px;
  63. background:{color:MenuBorder2};
  64. float:left;
  65. }
  66.  
  67. .menubar {
  68. padding:5px 200px;
  69. width:100%;
  70. background:{color:MenuBG};
  71. font-family:trebuchet ms;
  72. font-size:10px;
  73. text-transform:uppercase;
  74. }
  75.  
  76. .menubar a {
  77. color:{color:MenuBorder1};
  78. text-decoration:none;
  79. display:inline-block;
  80. padding:1px 5px;
  81. }
  82.  
  83. .menubar img {
  84. width:100px;
  85. padding:7px;
  86. background:{color:MenuBG};
  87. border:1px solid {color:MenuBorder1};
  88. float:left;
  89. border-radius:5px;
  90. position:absolute;
  91. margin-top:-50px;
  92. margin-left:-125px;
  93. }
  94.  
  95. #description {
  96. position:fixed;
  97. top:135px;
  98. left:200px;
  99. font-family:trebuchet ms;
  100. text-transform:uppercase;
  101. width:250px;
  102. font-size:8px;
  103. letter-spacing:0.8px;
  104. color:{color:Description};
  105. }
  106.  
  107. #description span, .ask-box span {
  108. background:{color:DescriptionBG};
  109. padding:3px;
  110. line-height:20px;
  111. border-radius:5px;
  112. }
  113.  
  114. #addlinks {
  115. position:fixed;
  116. z-index:0;
  117. left:103px;
  118. top:160px;
  119. }
  120.  
  121. .po {
  122. width:3px;
  123. border-radius:2px;
  124. float:left;
  125. vertical-align:top;
  126. margin-left:5px;
  127. }
  128.  
  129. .po:hover {
  130. height:180px;
  131. width:5px;
  132. }
  133.  
  134. #content {
  135. width:650px;
  136. margin-top:150px;
  137. margin-left:470px;
  138. }
  139.  
  140. .post {
  141. {block:IndexPage}
  142. {block:if250px}
  143. width:250px;
  144. float:left;
  145. {/block:if250px}
  146. {block:if500px}
  147. width:500px;
  148. {/block:if500px}
  149. {/block:IndexPage}
  150. {block:PermalinkPage}
  151. width:500px;
  152. {/block:PermalinkPage}
  153. padding:20px;
  154. border:1px solid {color:PostBorder};
  155. margin:15px;
  156. background:{color:PostBG};
  157. position:relative;
  158. }
  159.  
  160. img, iframe {
  161. max-width:100%;
  162. }
  163.  
  164. #imgs {
  165. position:relative;
  166. margin-bottom:5x;
  167. float:left;
  168. margin-right:5px;
  169. }
  170.  
  171. #imgs img {
  172. border-radius:4px;
  173. }
  174.  
  175. .pinfo {
  176. text-transform:uppercase;
  177. font-size:8px;
  178. font-weight:700;
  179. position:absolute;
  180. width:100%;
  181. margin:10px;
  182. line-height:18px;
  183. opacity:0;
  184. {block:if500px}
  185. opacity:1;
  186. left:540px;
  187. top:-10px;
  188. width:200px;
  189. {/block:if500px}
  190. -webkit-transition: all 0.6s ease-in-out;
  191. -moz-transition: all 0.6s ease-in-out;
  192. -o-transition: all 0.6s ease-in-out;
  193. transition: all 0.6s ease-in-out;
  194. }
  195.  
  196. .post:hover .pinfo {
  197. opacity:1;
  198. }
  199.  
  200. #imgs a {
  201. padding:0px;
  202. border-radius:0px;
  203. background:transparent;
  204. }
  205.  
  206. .pinfo a {
  207. background:{color:PostBG};
  208. padding:3px;
  209. border-radius:3px;
  210. color:#8dc5c8;
  211. }
  212.  
  213. a {
  214. color:{color:Links};
  215. text-decoration:none;
  216. -webkit-transition: all 0.6s ease-in-out;
  217. -moz-transition: all 0.6s ease-in-out;
  218. -o-transition: all 0.6s ease-in-out;
  219. transition: all 0.6s ease-in-out;
  220. }
  221.  
  222. a:hover {
  223. color:{color:LinksHover};
  224. }
  225.  
  226. {block:IndexPage}.caption {
  227. {block:ifNotShowCaptions}display:none;{/block:ifNotShowCaptions}
  228. {block:ifShowCaptions}display:block;{/block:ifShowCaptions}
  229. }{/block:IndexPage}
  230.  
  231. #s-m-t-tooltip {
  232. padding:5px;
  233. background:{color:Links};
  234. border-radius:3px;
  235. color:{color:PostBG};
  236. font-size:9px;
  237. text-transform:uppercase;
  238. text-align:center;
  239. z-index:1000;
  240. margin:15px;
  241. border-radius:3px;
  242. }
  243.  
  244. h2 {
  245. font-size:16px;
  246. font-weight:300;
  247. text-align:center;
  248. text-transform:uppercase;
  249. }
  250.  
  251. small {
  252. font-size:11px;
  253. font-weight:300;
  254. }
  255.  
  256. b {
  257. font-size:11px;
  258. font-weight:300;
  259. color:#000;
  260. }
  261.  
  262. i {
  263. font-size:11px;
  264. font-weight:300;
  265. color:#000;
  266. }
  267.  
  268. #quote span {
  269. font:italic 25px times new roman;
  270. letter-spacing:-2px;
  271. text-transform:lowercase;
  272. line-height:20px;
  273. }
  274.  
  275. #quote small {
  276. text-transform:uppercase;
  277. display:block;
  278. margin-top:10px;
  279. text-align:center;
  280. font-family:georgia;
  281. }
  282.  
  283. #quote span:before{
  284. content: '\201C';
  285. font:bold italic 160px georgia;
  286. height:5px;
  287. width:0px;
  288. margin:-40px 0 0 -30px;
  289. float:left;
  290. color:{color:TopBar};
  291. }
  292.  
  293. blockquote {
  294. border-left:1px solid {color:MenuBorder2};
  295. padding-left:5px;
  296. }
  297.  
  298. .chat ul {
  299. list-style:none;
  300. padding-left:0px;
  301. }
  302.  
  303. .chat li {
  304. border-bottom:1px solid {color:MenuBorder2};
  305. padding:10px;
  306. }
  307.  
  308. .chat b {
  309. color:{color:MenuBorder2};
  310. }
  311.  
  312. .portrait {
  313. width:40px;
  314. float:Left;
  315. margin-right:10px;
  316. word-break:break-word;
  317. text-align:center;
  318. }
  319.  
  320. .portrait img {
  321. border-radius:5px;
  322. margin-bottom:2px;
  323. }
  324.  
  325. .ask-box {
  326. padding-bottom:20px;
  327. border-bottom:1px solid {color:PostBorder};
  328. margin-bottom:20px;
  329. min-height:55px;
  330. }
  331.  
  332. #albumimg {
  333. width:40px;
  334. height:40px;
  335. border:3px solid {color:MenuBorder1};
  336. float:right;
  337. margin-left:3px;
  338. overflow:hidden;
  339. position:relative;
  340. }
  341.  
  342.  
  343. #musicplayer {
  344. min-height:46px;
  345. margin-bottom:10px;
  346. text-align:right;
  347. line-height:24px;
  348. }
  349.  
  350. #musicplayer span {
  351. text-transform:uppercase;
  352. background:{color:DescriptionBG};
  353. color:{color:Description};
  354. padding: 3px 5px;
  355. border-radius:3px;
  356. color:#cccccc;
  357. font-size:9px;
  358. }
  359.  
  360. #musicplayer span b {
  361. font-size:14px;
  362. color:{color:Links};
  363. font-weight:300;
  364. }
  365.  
  366. #tplayer {
  367. float:right;
  368. width:20px;
  369. height:20px;
  370. padding:7px 10px 13px 10px;
  371. border:3px solid {color:MenuBorder1};
  372. margin-left:3px;
  373. }
  374.  
  375. #pagination {
  376. margin-top:20px;
  377. text-align:center;
  378. }
  379.  
  380. #pagination a {
  381. padding:10px;
  382. color:{color:Description};
  383. }
  384.  
  385. #scrollToTop {
  386. padding:5px;
  387. background:#ffffff;
  388. text-transform:uppercase;
  389. font-size:9px;
  390. bottom:5px;
  391. right:5px;
  392. position:fixed;
  393. }
  394.  
  395. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  396. #infscr-loading {display:none;}
  397. .navigation {display:none!important;}
  398. </style>
  399. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  400. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  401. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  402. <script>
  403. (function($){
  404. $(document).ready(function(){
  405. $("a[title]").style_my_tooltips({
  406. tip_follows_cursor:true,
  407. tip_delay_time:0,
  408. tip_fade_speed:0,
  409. attribute:"title"
  410. });
  411. });
  412. })(jQuery);
  413. </script>
  414. {block:if250px}
  415. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  416. <script type="text/javascript">
  417. $(window).load(function () {
  418. $('#content').masonry({
  419. itemSelector : ".post",
  420. },
  421. function() { $('#content').masonry({ appendedContent: $(this) }); }
  422. );
  423. });
  424. </script>
  425. {/block:if250px}
  426. <body>
  427.  
  428. <a href="javascript:;" id="scrollToTop">
  429. back to top
  430. </a>
  431.  
  432. <div id="head">
  433. <div class="bar">
  434. <div class="odd"></div>
  435. <div class="even"></div>
  436. <div class="odd"></div>
  437. <div class="even"></div>
  438. </div>
  439. <div class="menubar">
  440. <img src="{image:Icon}">
  441. <meta name="image:Icon" content="http://i.imgbox.com/q6oC79zw.png"/>
  442. <a href="/"><b><b>// {title}</b></b></a>
  443. <a href="/ask">message</a>
  444. <a href="/archive">archive</a>
  445. <a href="http://41days.org">theme</a>
  446. <a href="#">pom?</a>
  447. <a href="#">pom?</a>
  448. <a href="#">pom?</a>
  449. <!--copy/past as many as the a tags as you want tbh
  450.  
  451. alli likes cock
  452.  
  453. -->
  454. </div>
  455. <div class="bar">
  456. <div class="odd"></div>
  457. <div class="even"></div>
  458. <div class="odd"></div>
  459. <div class="even"></div>
  460. </div>
  461.  
  462. </div>
  463. <div id="description">
  464. <span>{description}</span>
  465.  
  466. {block:Pagination}
  467. <div id="pagination">
  468. {block:PreviousPage}
  469. <a href="{PreviousPage}">
  470. «
  471. </a>
  472. &nbsp;&nbsp;{/block:PreviousPage} {block:JumpPagination length="3"} {block:CurrentPage}
  473. <a class="current_page">
  474. ✘
  475. </a>
  476. &nbsp;&nbsp;{/block:CurrentPage} {block:JumpPage}
  477. <a class="jump_page" href="{URL}">
  478. {PageNumber}
  479. </a>
  480. &nbsp;&nbsp;{/block:JumpPage} {/block:JumpPagination} {block:NextPage}
  481. <a href="{NextPage}">
  482. »
  483. </a>
  484. {/block:NextPage}
  485. </div>
  486. {/block:Pagination}
  487. </div>
  488.  
  489.  
  490. </div>
  491. <div id="content" class="autopagerize_page_element">
  492. {block:posts}
  493. {block:ContentSource}<!-- {SourceURL}
  494. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  495. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  496. {/block:ContentSource}
  497. <div class="post">
  498. {block:IndexPage}
  499. <div class="pinfo" >
  500. <div id="imgs">
  501. </div>
  502. {block:Date}<a href="{Permalink}"> {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {year} {hour}{minute}</a><br>{/block:Date}
  503. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  504. <a href="{ReblogURL}">Reblog?</a>
  505. </div>
  506. {/block:IndexPage}
  507. <!-- text post -->
  508. {block:Text}
  509. {block:Title}
  510. <a href="{Permalink}">
  511. <h2>{Title}</h2>
  512. </a>
  513. <div class="bar"></div>
  514. {/block:Title}
  515. {Body}
  516. {/block:Text}
  517.  
  518. <!-- quote post -->
  519. {block:Quote}
  520. <div id="quote">
  521. <span>{Quote}</span>
  522. <small>— {Source}</small>
  523. </div>
  524. {/block:Quote}
  525.  
  526. <!-- link post -->
  527. {block:Link}
  528. <a href="{URL}">
  529. <h2>{Name} »</h2>
  530. </a>
  531. <div class="bar"></div>
  532. {block:Description}{Description}{/block:Description}
  533. {/block:Link}
  534.  
  535. <!-- photo post -->
  536. {block:Photo}
  537. <center>
  538. {block:IndexPage}
  539. {block:if250px}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-250}"/></a>{/block:if250px}
  540. {block:if500px}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/></a>{/block:if500px}
  541. {/block:IndexPage}
  542. {block:PermalinkPage}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-500}"/>{/block:PermalinkPage}
  543. </center>
  544. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  545. {/block:Photo}
  546.  
  547. <!-- photoset post -->
  548. {block:Photoset}
  549. <center>
  550. {block:IndexPage}
  551. {block:if250px}
  552. {Photoset-250}
  553. {/block:if250px}
  554. {block:if500px}
  555. {Photoset-500}
  556. {/block:if500px}
  557. {/block:IndexPage}
  558. {block:PermalinkPage}
  559. {Photoset-500}
  560. {/block:PermalinkPage}
  561. </center>
  562. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  563. {/block:Photoset}
  564.  
  565. <!-- chat post -->
  566. {block:Chat}
  567. <div class="chat">
  568. <ul>
  569. {block:Lines}
  570. <li class=" class="entypo-right-open-mini"">
  571. {block:Label}<b>{Label}</b>{/block:Label}
  572. {Line}
  573. </li>
  574. {/block:Lines}
  575. </ul>
  576. </div>
  577. {/block:Chat}
  578.  
  579. <!-- video post -->
  580. {block:Video}
  581.  
  582. {block:IndexPage}
  583. {block:if250px}
  584. {Video-250}
  585. {/block:if250px}
  586. {block:if500px}
  587. {Video-500}
  588. {/block:if500px}
  589. {/block:IndexPage}
  590. {block:PermalinkPage}
  591. {Video-500}
  592. {/block:PermalinkPage}
  593. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  594. {/block:Video}
  595.  
  596. <!-- audio post -->
  597. {block:Audio}
  598. {block:AudioPlayer}
  599. <div id="tplayer">{AudioPlayer}</div>
  600. {/block:AudioPlayer}
  601. <div id="musicplayer">
  602. <div id="albumimg" style="{block:AlbumArt}background:url(
  603. {AlbumArtURL});{/block:AlbumArt}background-size:100%;">
  604. </div>
  605. {block:TrackName}
  606. <span><b>{TrackName}</b></span><br>
  607. {/block:TrackName}
  608. {block:Artist}
  609. <span>{Artist}</span>
  610. {/block:Artist}
  611. </div>
  612. {block:Caption}{Caption}{/block:Caption}
  613. {/block:Audio}
  614.  
  615. <!-- ask post -->
  616. {block:Answer}
  617. <div class="ask-box">
  618. <div class="portrait"><img src="{AskerPortraitURL-40}">
  619. <div class="q-asker">{Asker}</div>
  620. </div>
  621. <span>{Question}</span>
  622. </div>
  623. <div id="answer">{Answer}</div>
  624. {/block:Answer}
  625.  
  626. </div>
  627.  
  628. {block:PermalinkPage}
  629. <div class="post">
  630. {block:Date}
  631. <b>Posted On:</b> {Month} {DayOfMonthWithZero}{DayOfMonthSuffix} {year}<br>
  632. {/block:Date}
  633. {block:NoteCount}
  634. <b>Note Count:</b> {NoteCountWithLabel}
  635. {/block:NoteCount}
  636. {block:RebloggedFrom}
  637. <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
  638. <b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  639. {/block:RebloggedFrom}
  640. {block:HasTags}<b>Tagged as:</b> {block:Tags}<a href="{TagURL}">{tag},</a> {/block:Tags}{/block:HasTags}
  641. </div>
  642. {/block:PermalinkPage}
  643. {block:PostNotes}<div class="post">{PostNotes}</div>{/block:PostNotes}
  644. {/block:posts}
  645.  
  646. </div>
  647. </div>
  648. </body>
  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!