API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Aug 20th, 2014
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.74 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4.  
  5.  
  6. ▪ ▪ ▪ ▪ ▪ ▪ { Pʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ ʀᴇᴍᴏᴠᴇ ᴄʀᴇᴅɪᴛs!
  7.  
  8. ___ ___ ___ ___ ___ ___ __ __
  9. / __|/ _ \ | \ | __|/ __| | _ )\ \ / /
  10. | (__| (_) || |) || _| \__ \ | _ \ \ V /
  11. \___|\___/ |___/ |___||___/ |___/ |_|
  12. ___ ___ _ _ ___ ___ ___ ___
  13. | _ \ / _ \ | || || _ \ / _ \ | _ \ / _ \
  14. | _/| (_) || __ || /| (_) || /| (_) |
  15. |_| \___/ |_||_||_|_\ \___/ |_|_\ \___/
  16.  
  17.  
  18. ★ http://pohroro.tumblr.com } ▪ ▪ ▪ ▪ ▪ ▪
  19.  
  20.  
  21. -->
  22.  
  23. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  24.  
  25. <head>
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}">
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30.  
  31. <!--{block:ifInfiniteScrolling}-->
  32. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  33. <!-- {/block:ifInfiniteScrolling} -->
  34.  
  35. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  36.  
  37. <meta name="color:Body Font" content="#000000" />
  38. <meta name="color:Background" content="#ffffff" />
  39. <meta name="color:Link" content="#ff9000" />
  40. <meta name="color:Hover Link" content="#606060" />
  41. <meta name="color:Border" content="#000000" />
  42. <meta name="color:Description" content="#ffffff" />
  43. <meta name="color:Navigation Link" content="#ff9000" />
  44. <meta name="color:Navigation Link Background" content="#000000" />
  45. <meta name="color:Hover Navigation Link" content="#000000" />
  46. <meta name="color:Hover Navigation Link Background" content="#ff9000" />
  47. <meta name="color:Title One" content="#ff9000" />
  48. <meta name="color:Title Two" content="#000000" />
  49. <meta name="color:Permalink One" content="#ff9000" />
  50. <meta name="color:Permalink Two" content="#000000" />
  51. <meta name="color:Scrollbar" content="#ff9000" />
  52.  
  53. <meta name="if:Infinite Scrolling" content="0" />
  54. <meta name="if:Show Captions" content="1" />
  55. <meta name="if:400px Posts" content="1" />
  56. <meta name="if:500px Posts" content="0" />
  57.  
  58. <meta name="image:Sidebar Image" content="http://i.imgur.com/3v3nRrp.png" />
  59. <meta name="image:Avatar" content="http://i.imgur.com/7Nxgob9.png" />
  60. <meta name="image:Background" content="" />
  61.  
  62. <meta name="text:Title One" content="see what i've done" />
  63. <meta name="text:Title Two" content="that bridge is on fire" />
  64. <meta name="text:Link One" content="Index" />
  65. <meta name="text:Link One URL" content="/" />
  66. <meta name="text:Link Two" content="Message" />
  67. <meta name="text:Link Two URL" content="/ask" />
  68. <meta name="text:Link Three" content="Archive" />
  69. <meta name="text:Link Three URL" content="/archive" />
  70. <meta name="text:Link Four" content="Link Four" />
  71. <meta name="text:Link Four URL" content="Link Four URL" />
  72. <meta name="text:Link Five" content="Link Five" />
  73. <meta name="text:Link Five URL" content="Link Five URL" />
  74.  
  75. <style type="text/css">
  76.  
  77.  
  78. div#qTip {
  79. color: {color:Description};
  80. text-align: left;
  81. text-transform: lowercase;
  82. background: {color:Link};
  83. display: none;
  84. position: absolute;
  85. font-family: Georgia;
  86. font-size: 9px;
  87. font-style: italic;
  88. border-radius: 2px;
  89. z-index: 99999999;
  90. padding: 2px 3px;
  91. margin: -20px 0 0 20px;
  92. }
  93.  
  94.  
  95. body {
  96. margin: 0;
  97. padding: 0;
  98. height: 100%;
  99. font-size: 10px;
  100. font-family: Arial;
  101. color: {color:Body Font};
  102. background: {color:Background} url({image:Background});
  103. }
  104.  
  105. a {
  106. color: {color:Link};
  107. text-decoration: none;
  108. -webkit-transition: all 0.5s ease;
  109. -moz-transition: all 0.5s ease;
  110. transition: all 0.5s ease;
  111. }
  112.  
  113. a:hover {
  114. color: {color:Hover Link};
  115. -webkit-transition: all 0.5s ease;
  116. -moz-transition: all 0.5s ease;
  117. transition: all 0.5s ease;
  118. }
  119.  
  120. h1 {
  121. color: {color:Link};
  122. font-weight: none;
  123. text-transform: lowercase;
  124. font-family: Georgia;
  125. font-style: italic;
  126. letter-spacing: -1px;
  127. }
  128.  
  129. blockquote, blockquote blockquote {
  130. border-left: 2px solid {color:Link};
  131. padding-left: 6px;
  132. }
  133.  
  134. #sidebar
  135. {
  136. position: fixed;
  137. width: 450px;
  138. height: 100%;
  139. margin-left: 0px;
  140. background: url({image:Sidebar Image});
  141. }
  142.  
  143. #bar {
  144. width: 30px;
  145. background: {color:Border};
  146. height: 100%;
  147. margin-left: 450px;
  148. }
  149.  
  150. #title-one {
  151. font-family: Arial;
  152. width: 155px;
  153. font-size: 8px;
  154. text-align: center;
  155. letter-spacing: 3px;
  156. position: fixed;
  157. text-transform: uppercase;
  158. color: {color:Title One};
  159. margin-top: 140px;
  160. margin-left: 292px;
  161. }
  162.  
  163. #title-two {
  164. font-family: Georgia;
  165. font-style: italic;
  166. text-align: center;
  167. width: 155px;
  168. margin-top: 144px;
  169. margin-left: 290px;
  170. position: fixed;
  171. letter-spacing: -2px;
  172. font-weight: bold;
  173. font-size: 18px;
  174. text-transform: lowercase;
  175. color: {color:Title Two};
  176. }
  177.  
  178. #navigation {
  179. width: 25px;
  180. height: 150px;
  181. position: fixed;
  182. margin-left: 294px;
  183. margin-top: 172px;
  184. }
  185.  
  186. #navigation a {
  187. display: block;
  188. background: {color:Navigation Link Background};
  189. color: {color:Navigation Link};
  190. font-family: Arial Narrow;
  191. letter-spacing: 1px;
  192. width: 18px;
  193. line-height: 25px;
  194. padding-left: 7px;
  195. font-size: 9px;
  196. height: 24.5px;
  197. margin-bottom: 6px;
  198. }
  199.  
  200. #navigation a:hover {
  201. background: {color:Hover Navigation Link Background};
  202. color: {color:Hover Navigation Link};
  203. }
  204.  
  205. #avatar img {
  206. border: 24px solid {color:Border};
  207. width: 100px;
  208. position: fixed;
  209. height: 100px;
  210. margin-left: 326px;
  211. margin-top: 171px;
  212. }
  213.  
  214. #description {
  215. width: 119px;
  216. height: 144px;
  217. position: fixed;
  218. background: {color:Border};
  219. margin-left: 294px;
  220. margin-top: 326px;
  221. padding: 15px;
  222. }
  223.  
  224. #description-container {
  225. overflow: auto;
  226. font-size: 9px;
  227. line-height: 9px;
  228. color: {color:Description};
  229. height: 144px;
  230. width: 119px;
  231. text-align: justify;
  232. padding-right: 4px;
  233. }
  234.  
  235. #pagination {
  236. margin-top: 225px;
  237. text-align: center;
  238. width: 30px;
  239. line-height: 16px;
  240. font-size: 22px;
  241. position: fixed;
  242. font-family: Georgia;
  243. z-index: 1;
  244. }
  245.  
  246. #entries {
  247. width: {block:If400pxPosts}400px{/block:If400pxPosts} {block:If500pxPosts}500px{/block:If500pxPosts};
  248. padding-bottom: 20px;
  249. margin-left: 530px;
  250. margin-top: 50px;
  251. position: absolute;
  252. }
  253.  
  254. .post {
  255. width: {block:If400pxPosts}400px{/block:If400pxPosts} {block:If500pxPosts}500px{/block:If500pxPosts};
  256. padding: 15px;
  257. border: 10px solid {color:Border};
  258. margin-bottom: 50px;
  259. }
  260.  
  261. .quote {
  262. font-size: 22px;
  263. text-transform: lowercase;
  264. font-style: italic;
  265. letter-spacing: -2px;
  266. }
  267.  
  268. .audio {
  269. padding: 0;
  270. }
  271.  
  272. .audio_container {
  273. overflow: hidden;
  274. position: relative;
  275. width: 100px;
  276. }
  277.  
  278. .soundcloud_audio_player {
  279. width: 100%;
  280. }
  281.  
  282. .tumblr_audio_player {
  283. width: 100%;
  284. }
  285.  
  286. #ask {
  287. width: {block:If400pxPosts}370px{/block:If400pxPosts} {block:If500pxPosts}470px{/block:If500pxPosts};
  288. padding: 15px;
  289. background: {color:Border};
  290. color: {color:Description};
  291. text-align: justify;
  292. }
  293.  
  294. #permalink {
  295. width: {block:If400pxPosts}400px{/block:If400pxPosts} {block:If500pxPosts}500px{/block:If500pxPosts};
  296. font-size: 10px;
  297. text-align: center;
  298. text-transform: uppercase;
  299. margin-top: 5px;
  300. letter-spacing: 1px;
  301. padding-bottom: 2px;
  302. padding-top: 2px;
  303. font-weight: bold;
  304. line-height: 110%;
  305. background: {color:Permalink One};
  306. }
  307.  
  308. #tag {
  309. width: {block:If400pxPosts}400px{/block:If400pxPosts} {block:If500pxPosts}500px{/block:If500pxPosts};
  310. font-size: 9px;
  311. text-align: center;
  312. color: #606060;
  313. background: {color:Permalink Two};
  314. font-family: Georgia;
  315. text-transform: lowercase;
  316. font-style: italic;
  317. }
  318.  
  319. #permalink a {
  320. color: {color:Permalink Two};
  321. }
  322.  
  323. #tag a {
  324. color: {color:Permaink One};
  325. }
  326.  
  327. #permalink a:hover, #tag a:hover {
  328. color: {color:Hover Link};
  329. }
  330.  
  331. ol.notes {
  332. padding: 0px;
  333. padding-left: 30px;
  334. margin: 20px 0px;
  335. list-style-type: none;
  336. }
  337.  
  338. ol.notes li.note {
  339. padding: 10px;
  340. }
  341.  
  342. ol.notes li.note img.avatar {
  343. vertical-align: -4px;
  344. margin-right: 10px;
  345. width: 16px;
  346. height: 16px;
  347. }
  348.  
  349. ol.notes li.note .answer_content {
  350. font-weight: normal;
  351. }
  352.  
  353. ol.notes li.note blockquote {
  354. border-color: #eee;
  355. padding: 4px 10px;
  356. margin: 10px 0px 0px 25px;
  357. }
  358.  
  359. ol.notes li.note blockquote a {
  360. text-decoration: none;
  361. }
  362.  
  363. #description ::-webkit-scrollbar {
  364. height: 10px;
  365. width: 3px;
  366. background: #ffffff;
  367. border-left: 1px solid {color:Border};
  368. border-right: 1px solid {color:Border};
  369. }
  370.  
  371. ::-webkit-scrollbar {
  372. height: 10px;
  373. width: 3px;
  374. background: {color:Border};
  375. border-left: 1px solid {color:Background};
  376. border-right: 1px solid {color:Background};
  377. }
  378.  
  379. ::-webkit-scrollbar-thumb:vertical {
  380. background: {color:Scrollbar};
  381. }
  382.  
  383. ::selection {
  384. background: {color:Link};
  385. color: white;
  386. }
  387.  
  388. ::-moz-selection {
  389. background: {color:Link};
  390. color: white;
  391. }
  392.  
  393. p::selection {
  394. background: {color:Link};
  395. color: white;
  396. }
  397.  
  398. p::-moz-selection {
  399. background: {color:Link};
  400. color: white;
  401. }
  402.  
  403. /* Credits to http://pohroro.tumblr.com */
  404.  
  405. #c {
  406. width: 55px;
  407. height: 18px;
  408. font-family: Arial;
  409. font-size: 7px;
  410. text-transform: uppercase;
  411. text-align: center;
  412. bottom: 10px;
  413. right: 10px;
  414. letter-spacing: 1px;
  415. line-height: 4px;
  416. padding: 10px 3px;
  417. display: block;
  418. color: #ffffff;
  419. background: #000000;
  420. position: fixed;
  421. }
  422.  
  423. #c a {
  424. font-weight: bold;
  425. line-height: 17px;
  426. font-size: 15px;
  427. font-family: Libre Baskerville;
  428. text-transform: lowercase;
  429. font-style: italic;
  430. letter-spacing: -1px;
  431. }
  432.  
  433. </style>
  434. </head>
  435. <body>
  436.  
  437. <div id="sidebar">
  438.  
  439. <div id="title-one">{text:Title One}</div>
  440. <div id="title-two">{text:Title Two}</div>
  441.  
  442. <div id="navigation">
  443. <a href="{text:Link One URL}" title="{text:Link One}">01.</a>
  444. <a href="{text:Link Two URL}" title="{text:Link Two}">02.</a>
  445. <a href="{text:Link Three URL}" title="{text:Link Three}">03.</a>
  446. <a href="{text:Link Four URL}" title="{text:Link Four}">04.</a>
  447. <a href="{text:Link Five URL}" title="{text:Link Five}">05.</a>
  448. </div>
  449.  
  450. <div id="avatar"><img src="{image:Avatar}" /></div>
  451.  
  452. <div id="description">
  453. <div id="description-container">{Description}</div>
  454.  
  455. </div>
  456.  
  457. <div id="bar">
  458.  
  459. {block:IfNotInfiniteScrolling}
  460. <div id="pagination">
  461. {block:Pagination}
  462. {block:NextPage}
  463. <a href="{NextPage}" class="jump_page">»</a>
  464. {/block:NextPage}
  465. {block:PreviousPage}
  466. <a href="{PreviousPage}" class="jump_page">«</a>
  467. {/block:PreviousPage}
  468. {/block:Pagination}
  469. </div>
  470. {block:IfNotInfiniteScrolling}
  471.  
  472. </div>
  473. </div>
  474.  
  475. <div id="entries">
  476. <div class=""autopagerize_page_element">
  477. {block:Posts}
  478. <div class="post">
  479. {block:Text}
  480. <h1>{block:Title}{Title}{/block:Title}</h1>
  481. {Body}
  482. {/block:Text}
  483.  
  484. {block:Photo}
  485. {LinkOpenTag}{block:If400pxPosts}<img src="{PhotoURL-400}">{/block:If400pxPosts} {block:If500pxPosts}<img src="{PhotoURL-500}">{/block:If500pxPosts}{LinkCloseTag}
  486. {block:IfShowCaptions}
  487. {block:Caption}{Caption}{/block:Caption}
  488. {/block:IfShowCaptions}
  489. {/block:Photo}
  490.  
  491. {block:Photoset}
  492. {block:If400pxPosts}{Photoset-400}{/block:If400pxPosts}{block:If500pxPosts}{Photoset-500}{/block:If500pxPosts}
  493. {block:IfShowCaptions}
  494. {block:Caption}{Caption}{/block:Caption}
  495. {/block:IfShowCaptions}
  496. {/block:Photoset}
  497.  
  498. {block:Quote}
  499. <div class="quote">
  500. {Quote}
  501. {block:Source} &#8212;{Source}{/block:Source}
  502. </div>
  503. {/block:Quote}
  504.  
  505. {block:Link}
  506. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  507. {block:Description}{Description}{/block:Description}
  508. {/block:Link}
  509.  
  510. {block:Chat}
  511. {block:Title}<h1>{Title}</h1>{/block:Title}
  512. {block:Lines}
  513. {block:Label}<b>{Label}</b>{/block:Label}
  514. {Line}<br />
  515. {/block:Lines}
  516. {/block:Chat}
  517.  
  518. {block:Audio}
  519. <div class="audioContainer">
  520. {block:AudioEmbed}{AudioEmbed color="white"}{/block:AudioEmbed}
  521. </div>
  522. {block:IfShowCaptions}
  523. {block:Caption}{Caption}{/block:Caption}
  524. {/block:IfShowCaptions}
  525. {/block:Audio}
  526.  
  527. {block:Video}
  528. {Video-500}
  529. {block:IfShowCaptions}
  530. {block:Caption}{Caption}{/block:Caption}
  531. {/block:IfShowCaptions}
  532. {/block:Video}
  533.  
  534. {block:ReblogParent}
  535. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  536. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  537. {/block:SourceLogo}
  538. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  539. {/block:ReblogParent}
  540.  
  541. {block:Answer}
  542. <div id="ask">
  543. <b>{Asker}</b>:
  544. <i>{Question}</i>
  545. </div>
  546. {Answer}
  547. {/block:Answer}
  548.  
  549. <div id="permalink">
  550. {block:PermalinkPage}
  551. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>, source: <a href="{ReblogRootURL}">{ReblogRootName}</a><br />{/block:RebloggedFrom}
  552. {/block:PermalinkPage}
  553.  
  554. {block:Date}
  555. <a href="{Permalink}">{TimeAgo}, {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}</a>
  556. {/block:Date}{block:NoteCount} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  557. </div>
  558.  
  559. <div id="tag">
  560. {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  561. </div>
  562.  
  563. {block:PostNotes}{PostNotes}{/block:PostNotes}
  564. </div>
  565. {/block:Posts}
  566.  
  567. </div>
  568. </div>
  569. </div>
  570.  
  571. <div id="c">codes by<br /><a href="http://pohroro.tumblr.com">pohroro</a></div>
  572.  
  573. </body>
  574. </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!