API tools faq
paste
beatleash

patroclus

beatleash
Oct 30th, 2014
2,839
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.12 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. , ," e`--o
  5. (( ( | __,' theme by leo
  6. \\~----------------' \_;/
  7. hjw ( /
  8. /) ._______________. )
  9. (( ( (( (
  10. ``-' ``-'
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head>
  14.  
  15. <!-- DEFAULT VARIABLES -->
  16. <meta name="color:Background" content="white" />
  17. <meta name="color:Text" content="black" />
  18. <meta name="color:links" content="black" />
  19. <meta name="color:link hover" content="cyan" />
  20. <meta name="color:post" content="pink" />
  21. <meta name="color:accent" content="black" />
  22. <meta name="color:border" content="black" />
  23. <meta name="color:footer" content="yellow" />
  24. <meta name="color:footer text" content="black" />
  25. <meta name="color:blockquote" content="black" />
  26. <meta name="color:next and prev" content="white" />
  27.  
  28. <meta name="text:font" content="verdana" />
  29. <meta name="text:font size" content="11px" />
  30. <meta name="text:border size" content="2px"/>
  31. <meta name="text:note count" content="★" />
  32. <meta name="text:ask" content="ha dicho" />
  33. <meta name="text:link one url" content="/" />
  34. <meta name="text:link one" content="one" />
  35. <meta name="text:link two url" content="/" />
  36. <meta name="text:link two" content="two" />
  37. <meta name="text:link three url" content="/" />
  38. <meta name="text:link three" content="three" />
  39. <meta name="text:navigation title" content="navigate" />
  40.  
  41. <meta name="if:show tags" content="1" />
  42. <meta name="if:Show Album Art on Audio Posts" content="1" />
  43. <meta name="if:borders" content="1" />
  44. <meta name="if:links1" content="1" />
  45. <meta name="if:links2" content="0" />
  46. <meta name="if:maxbg" content="1" />
  47. <meta name="if:link one" content="1"/>
  48. <meta name="if:link two" content="0" />
  49. <meta name="if:link three" content="0"/>
  50.  
  51. <meta name="image:Background" content="" />
  52. <meta name="image:sidebar" content="" />
  53. <meta name="image:favicon" content="" />
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  57. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  58. <link rel="shortcut icon" href="{image:Favicon}" />
  59. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  61.  
  62. <style type="text/css">
  63.  
  64. /*main*/
  65.  
  66. body {
  67. background: {color:Background} url('{image:Background}') top left fixed repeat;{block:ifmaxbg}background-size: cover;{/block:ifmaxbg}
  68. margin: 0;
  69. padding: 0;
  70. font-family: {text:font};
  71. }
  72.  
  73. .clear {
  74. clear: both;
  75. height: 0px;
  76. overflow: hidden;
  77. }
  78.  
  79. a img {
  80. border: none;
  81. }
  82.  
  83. /* wrapper */
  84. #wrapper {
  85. width: 845px;
  86. margin: 0 auto;
  87. }
  88.  
  89. /* psts */
  90. #wrapper #content {
  91. width: 420px;
  92. float: left;
  93. margin-top: 70px;
  94. }
  95.  
  96. #wrapper #content .post {
  97. font-family: {text:font};
  98. background: {color:post};
  99. {block:ifborders}border: {text:border size} solid {color:border}; {/block:ifborders}
  100. padding: 10px;
  101. position: relative;
  102. }
  103.  
  104. #wrapper #content .post .media {
  105. text-align: center;
  106. margin-bottom: 10px;
  107. }
  108.  
  109. #wrapper #content .post a {
  110. color: {color:links};
  111. text-decoration: underline;
  112. }
  113.  
  114. #wrapper #content .post img {
  115. max-width: 500px;
  116. }
  117.  
  118. /* quote */
  119.  
  120. #wrapper #content .post .quote {
  121. color: {color:accent};
  122. font-style: italic;
  123. padding: 20px 20px 5px 20px;
  124. font-size: 25px;
  125. letter-spacing:2px;
  126. line-height: 25px;
  127. }
  128.  
  129. /* text n captions */
  130. #wrapper #content .post .copy {
  131. color: {color:Text};
  132. padding: 10px;
  133. font-size: {text:font size};
  134. line-height: 15px;
  135. letter-spacing:1px;
  136. }
  137.  
  138. #wrapper #content .post .copy a {
  139. color: {color:links};
  140. text-decoration: underline;
  141. }
  142.  
  143. #wrapper #content .post .copy a:hover {
  144. color:{color:links};
  145. background:{color:link hover};
  146. transition: 0.5s;
  147. }
  148.  
  149. #wrapper #content .post .copy pre {
  150. margin: 10px 0px 10px 0px;
  151. padding: 10px;
  152. background-color: #e6e6e6;
  153. font: normal 11px Courier, monospace;
  154. overflow: auto;
  155. }
  156.  
  157. #wrapper #content .post .copy img {
  158. max-width: 100%;
  159. }
  160.  
  161. #wrapper #content .post .title {
  162. color: {color:Accent};
  163. font-size: 16px;
  164. font-weight: bold;
  165. font-style:italic;
  166. letter-spacing:2px;
  167. padding: 10px 10px 0 10px;
  168. }
  169.  
  170. #wrapper #content .post .copy blockquote {
  171. margin: 10px 0px 10px 10px;
  172. padding-left: 15px;
  173. border-left: solid 4px {color:blockquote};
  174. }
  175.  
  176. /* audio p */
  177. #wrapper #content .post .audio {
  178. background: none;
  179. float: center;
  180. padding: 30px;
  181. margin-bottom: 0px;
  182. }
  183.  
  184. #wrapper #content .post .audio .player {
  185. float: left;
  186. padding-left:2px;
  187. width:40px;
  188. opacity: 0.6;
  189. }
  190.  
  191. #wrapper #content .post .audio .player .tumblr_audio_player {
  192. height: 40px;
  193. width: 100%;
  194. }
  195.  
  196. #wrapper #content .post .audio .player .audio_player embed {
  197. border: 1px solid #c8c8c8;
  198. }
  199.  
  200. #wrapper #content .post .audio .meta {
  201. padding-left: 60px;
  202. padding-top: 5px;
  203. height: 13px;
  204. float: left;
  205. color: {color:text};
  206. font-family: {text:font};
  207. font-size: 12px;
  208. letter-spacing:1px;
  209. text-transform:lowercase;
  210. }
  211.  
  212. #wrapper #content .post .audio .meta a {
  213. color: #666;
  214. text-decoration: none;
  215. }
  216.  
  217. #wrapper #content .post .album_art {
  218. text-align: left;
  219. height:0px;
  220. }
  221.  
  222. #wrapper #content .post .frida {
  223. font-family:{text:font};
  224. font-size:11px;
  225. }
  226.  
  227. /* qs */
  228. #wrapper #content .post .speech-bubble {
  229. background-color: none;
  230. font-size:12px;
  231. color:{color:Text};
  232. border: 1px solid {color:border};
  233. width: 375px;
  234. padding: 10px;
  235. position: relative;
  236. letter-spacing:1px;
  237. }
  238.  
  239. #wrapper #content .post .speech-bubble a {
  240. font-weight:bold;
  241. text-decoration:none;
  242. }
  243.  
  244. #wrapper #content .post .speech-bubble .arrow {
  245. border-style: solid;
  246. position: absolute;
  247. padding: 0px 0px 0px 0px;
  248. }
  249.  
  250. #wrapper #content .post .bottom {
  251. border-color: {color:border} transparent transparent transparent;
  252. border-width: 20px 0px 10px 20px;
  253. bottom: -40px;
  254. left:-1px;
  255. }
  256.  
  257. #wrapper #content .post .bottom:after {
  258. border-color: {color:post} transparent transparent transparent;
  259. border-style: solid;
  260. border-width: 18px 0px 5px 18px;
  261. bottom: 7px;
  262. content: "";
  263. position: absolute;
  264. left: -19px;
  265. }
  266.  
  267. #wrapper #content .post .answ {
  268. color:{color:text};
  269. font-size:{text:font size};
  270. font-family:{text:font};
  271. letter-spacing:1px;
  272. padding:20px 10px 10px 10px;
  273. }
  274.  
  275. /* chat posts */
  276. #wrapper #content .post .chat {
  277. background-color: none;
  278. margin: 10px 10px 0 10px;
  279. font-size: 12px;
  280. letter-spacing:1px;
  281. }
  282.  
  283. #wrapper #content .post .chat .lines {
  284. margin-left: 1px;
  285. }
  286.  
  287. #wrapper #content .post .chat .lines .line {
  288. background-color: none;
  289. border:1px solid {color:border};
  290. color: {color:text};
  291. margin-bottom: 1px;
  292. padding: 3px 5px;
  293. }
  294.  
  295. #wrapper #content .post .chat .lines .line.even {
  296. background-color: none;
  297. border: none;
  298. }
  299.  
  300. /* lnks */
  301. #wrapper #content .post .link {
  302. margin: 4px 0 14px 65px;
  303. font-size: 14px;
  304. line-height: 25px;
  305. letter-spacing:5px;
  306. font-weight:bold;
  307. }
  308.  
  309. #wrapper #content .post .link a {
  310. background-color: none;
  311. color: {color:text};
  312. padding: 5px 5px 5px 5px;
  313. text-decoration:none;
  314. border:1px solid {color:border};
  315. }
  316.  
  317. #wrapper #content .post .link a:hover {
  318. transition: 0.2s;
  319. background:{color:link hover};
  320. }
  321.  
  322. /* permalink & footer */
  323. #wrapper #content .post .footer {
  324. background: {color:footer};
  325. font-family: {font:Accent};
  326. font-size: 10px;
  327. color: {color:footer text};
  328. padding: 5px 10px;
  329. margin-top: 1px;
  330. margin-left:-10px;
  331. margin-right:-10px;
  332. margin-bottom: -10px;
  333. }
  334.  
  335. #wrapper #content .post .footer .date {
  336. width: 63%;
  337. float: right;
  338. text-align: right;
  339. color: {color:footer text};
  340. letter-spacing:1px;
  341. }
  342.  
  343. #wrapper #content .post .footer .date a {
  344. text-decoration:none;
  345. }
  346.  
  347. #wrapper #content .post .footer .notes {
  348. width: 33%;
  349. float: left;
  350. text-align: left;
  351. color: {color:footer text};
  352. letter-spacing:1px;
  353. }
  354.  
  355. #wrapper #content .post .footer .notes a {
  356. text-decoration: none;
  357. }
  358.  
  359. #wrapper #content .post .footer .date a, #wrapper #content .post .footer .notes a {
  360. color: {color:footer text};
  361. }
  362.  
  363. #wrapper #content .post .footer .tags a {
  364. color: {color:footer text};
  365. font-size:9.5px;
  366. text-decoration: none;
  367. letter-spacing:1px;
  368. }
  369.  
  370. #wrapper #content .post .footer .tags .tag-commas:last-child {
  371. display: none;
  372. }
  373.  
  374.  
  375. /* bottom of the posts */
  376. #wrapper #content .bottom {
  377. height: 10px;
  378. margin: 0 auto;
  379. }
  380.  
  381.  
  382. /* perma notes */
  383. #wrapper #content .post .notecontainer {
  384. background: {color:post};
  385. font-family: {text:font};
  386. font-size: 11px;
  387. color: {color:Text};
  388. margin-top: 10px;
  389. margin-bottom: 10px;
  390.  
  391. }
  392.  
  393. #wrapper #content .post .notecontainer a {
  394. color: {color:links};
  395. text-decoration: underline;
  396. letter-spacing:1px;
  397. }
  398.  
  399. #wrapper #content .post .notecontainer a:hover {
  400. background:{color:link hover};
  401. }
  402.  
  403. #wrapper #content .post .notecontainer ol.notes {
  404. padding: 0px 0 10px 0;
  405. list-style-type: none;
  406. font-size: 11px;
  407. }
  408.  
  409. #wrapper #content .post .notecontainer ol.notes li.note {
  410. padding: 10px 10px 0 10px;
  411. }
  412.  
  413. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  414. vertical-align: -4px;
  415. margin-right: 10px;
  416. width: 16px;
  417. height: 16px;
  418. }
  419.  
  420. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  421. font-weight: normal;
  422. }
  423.  
  424. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  425. font-weight: normal;
  426. }
  427.  
  428. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  429. border-left: 2px solid #666;
  430. padding: 4px 10px;
  431. margin: 10px 0px 0px 25px;
  432. }
  433.  
  434. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  435. text-decoration: none;
  436. }
  437.  
  438. /* sidebar */
  439. #wrapper #sidebar {
  440. position: relative;
  441. width: 210px;
  442. float: right;
  443. color: {color:text};
  444. font-family: {text:font};
  445. margin-top: 300px;
  446. right: 190px;
  447. }
  448.  
  449. #wrapper #sidebar a {
  450. color: {color:links};
  451. }
  452.  
  453. #wrapper #sidebar #top {
  454. position: fixed!important;
  455. width: 100px;
  456. height:relative;
  457. background: {color:post};
  458. padding: 0 20px;
  459. {block:ifborders}border:{text:border size} solid {color:border};{/block:ifborders}
  460. }
  461.  
  462. #wrapper #sidebar #top #avatar {
  463. width: 146px;
  464. height: 146px;
  465. padding: 8px 0 0 9px;
  466. position: relative;
  467. top: -2px;
  468. left: -24px;
  469. }
  470.  
  471. #wrapper #sidebar #top #description {
  472. font-size: 11px;
  473. position: relative;
  474. top: 5px;
  475. text-align:center;
  476. letter-spacing:1px;
  477. padding: 0px 10px 10px 10px;
  478. }
  479.  
  480. #wrapper #sidebar #top a {
  481. color: {color:links};
  482. text-decoration: underline;
  483. letter-spacing: 1px;
  484. }
  485.  
  486. #wrapper #sidebar #top a hover {
  487. background:{color:link hover};
  488. }
  489.  
  490. {block:iflinks1}/*navi type a*/
  491.  
  492. #wrapper #sidebar #top #navia {
  493. padding: 10px 0px 10px 0px;
  494. line-height:25px;
  495. font-size:{text:font size};
  496. text-align:center;
  497.  
  498. }
  499.  
  500. #wrapper #sidebar #top #navia a {
  501. padding:2px 2px 2px 2px;
  502. background:none
  503. border-radius:4px;
  504. color:{color:text};
  505. border:1px solid {color:border};
  506. text-decoration:none;
  507. }
  508.  
  509. #wrapper #sidebar #top #navia a:hover {
  510. background:{color:link hover};
  511. color: {color:links};
  512. transition:0.3s;
  513.  
  514. }
  515. {/block:iflinks1}
  516.  
  517. {block:iflinks2} /*navi type b*/
  518.  
  519. #wrapper #sidebar #top #navib {
  520. padding: 10px 15px 20px 5px;
  521. margin-left:15px;
  522. }
  523.  
  524. {/block:iflinks2}
  525.  
  526. #wrapper #sidebar #top #patroclus {
  527. font-size:10px;
  528. position:relative;
  529. bottom:-30px;
  530. text-align:center;
  531. text-transform:lowercase;
  532. padding: 0 -5px 0 -5px;
  533. color:{color:next and prev};
  534. }
  535.  
  536. #wrapper #sidebar #top #patroclus a {
  537. text-decoration:none;
  538. }
  539.  
  540. /*navigate*/
  541.  
  542.  
  543. </style>
  544.  
  545. </head>
  546. <body>
  547. <div id="wrapper">
  548.  
  549. <div id="content">
  550.  
  551. {block:Posts}
  552.  
  553. {block:ContentSource}
  554.  
  555. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  556. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  557. {/block:SourceLogo}
  558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  559.  
  560. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  561. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  562. {/block:ReblogParentLogo}
  563. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  564.  
  565. {/block:ContentSource}
  566.  
  567. <div class="post">
  568.  
  569. {block:Photo}
  570. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{LinkCloseTag}</div>
  571. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  572. {/block:Photo}
  573.  
  574. {block:Photoset}
  575. <div class="media">{Photoset-400}</div>
  576. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  577. {/block:Photoset}
  578.  
  579. {block:Video}
  580. <div class="media">{Video-400}</div>
  581. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  582. {/block:Video}
  583.  
  584. {block:Audio}
  585. {block:IfShowAlbumArtOnAudioPosts}
  586. {block:AlbumArt}
  587. <div class="album_art">
  588. <img src="{AlbumArtURL}" style="margin-top: 5px; margin-left:5px; margin-bottom:2px; height:100px; border: 1px solid {color:border};" />
  589. </div>
  590. {/block:AlbumArt}
  591. {/block:IfShowAlbumArtOnAudioPosts}
  592.  
  593. <div class="audio">
  594. <div class="player">{AudioPlayerBlack}</div>
  595. <div class="meta">{block:TrackName}<b><i>track:</i></b> {trackname}</span>{/block:TrackName}
  596. <br>{block:Artist}<b><i>artist:</i></b> {artist}{/block:Artist}
  597. <br>{block:album}<b><i>album:</i></b> {album}{/block:album}
  598. {block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  599. <div class="clear"></div>
  600. </div>
  601. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  602. {/block:Audio}
  603.  
  604. {block:Quote}
  605. <div class="quote {Length}">"{Quote}"</div>
  606. <div class="copy">
  607. <div class="quotebg"></div>
  608. {block:Source}
  609. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  610. <tr>
  611. <td valign="top" style="width:20px;"></td>
  612. <td valign="top" class="quote_source">
  613. {Source}
  614. </td>
  615. </tr>
  616. </table>
  617. {/block:Source}
  618. </div>
  619. {/block:Quote}
  620.  
  621. {block:Text}
  622. {block:Title}<div class="title">{Title}</div>{/block:Title}
  623. <div class="copy">{Body}</div>
  624. {/block:Text}
  625.  
  626. {block:Answer}
  627. <div class="speech-bubble">
  628. <div class="arrow bottom right"></div>
  629. {asker} {text:ask}: {question}
  630. </div>
  631. <div class="answ">{Answer}</div>
  632. {/block:Answer}
  633.  
  634. {block:Chat}
  635. {block:Title}<div class="title">{Title}</div>{/block:Title}
  636. <div class="chat">
  637. <div class="lines">
  638. {block:Lines}
  639. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  640. {/block:Lines}
  641. </div>
  642. </div>
  643. <div class="clear"></div>
  644. <div style="height:10px;"></div>
  645. {/block:Chat}
  646.  
  647. {block:Link}
  648. <div class="link"><a href="{URL}" {Target}>{Name}</a></div>
  649. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  650. {/block:Link}
  651.  
  652. {block:Date}
  653. <div class="footer for_permalink">
  654. <div class="date">
  655. {block:Reblog}
  656. <a href="{ReblogParentURL}" title="{reblogparentname}">via</a> {block:RebloggedFromReblog} <span style="text-transform:lowercase;"> (<a href="{ReblogRootURL}" title="{reblogrootname}">&copy;</a>)</span>{/block:RebloggedFromReblog}
  657. {/block:Reblog}
  658.  
  659. {block:NotReblog}
  660. {/block:NotReblog}
  661. </div>
  662. <div class="notes">{block:NoteCount}<a href="{Permalink}">{NoteCount} {text:note count}</a>{/block:NoteCount} <a href="{Permalink}">{dayofmonthwithzero} {shortmonth} '{shortyear}</a></div>
  663. <div class="clear"></div>
  664. </div>
  665. </a>
  666. {/block:Date}
  667.  
  668. <div class="footer" style="
  669. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  670. ">
  671. {block:IfShowTags}
  672. {block:HasTags}<div class="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a><span class="tag-commas"> </span>{/block:Tags}</div>{/block:HasTags}
  673. {/block:IfShowTags}
  674.  
  675. <div class="clear"></div>
  676. </div>
  677.  
  678. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  679.  
  680. </div>
  681. <div class="bottom"></div>
  682. {/block:Posts}
  683.  
  684.  
  685. </div>
  686.  
  687. <div id="sidebar">
  688. <div id="top">
  689. <div id="avatar"><a href="/"><img src="{image:sidebar}" style="border:1px solid {color:Border}; height:128px; width:128px;"/></a></div>
  690. <div id="description">{Description}</div>
  691. {block:iflinks1}<div id="navia"><a href="/"> home</a> <a href="/ask"> inbox</a> <span style="text-align:left;"><br><a href="{text:link one url}"> {text:link one}</a> <a href="{text:link two url}"> {text:link two}</a> <a href="{text:link three url}"> {text:link three}</a></span></div>{/block:iflinks1} {block:iflinks2}<div id="navib">
  692. <select onchange='location=this.options[this.selectedIndex].value;' style='width:100%; color:{color:text};background:{color:post};border:1px solid {color:border};height:20px; letter-spacing:1px;font-family:{text:font}; font-size:11px;-webkit-appearance:none;'>
  693.  
  694. <option>{text:navigation title}</option>
  695.  
  696. <option value="/ask">inbox</option>
  697. <option value="{text:link one url}">{text:link one}</option>
  698. <option value="{text:link two url}">{text:link two}</option>
  699. <option value="{text:link three url}">{text:link three}</option>
  700.  
  701. </select>
  702. </div>{/block:iflinks2}
  703. <div id="patroclus">{block:previouspage}<a href="{previouspage}">{lang:previous}</a> {/block:previouspage} ★ {block:nextpage}<a href="{nextpage}">{lang:next}</a>{/block:nextpage}</div>
  704. </div>
  705. </div>
  706. </div>
  707.  
  708. </body>
  709. </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!