API tools faq
paste
Advertisement
bittersveet

pulvis et umbra sumus

bittersveet
Aug 26th, 2015
90
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.31 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head>
  5. <title>{title}</title>
  6.  
  7. <!-- [ theme by abominare.tumblr.com ] -->
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  14. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  15.  
  16. <script>
  17. (function($){
  18. $(document).ready(function(){
  19. $("[title],a[title],img[title]").style_my_tooltips({
  20. tip_follows_cursor:true,
  21. tip_delay_time:100,
  22. tip_fade_speed:280,
  23. attribute:"title"
  24. });
  25. });
  26. })(jQuery);
  27. </script>
  28.  
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Astloch|Ruthie|UnifrakturMaguntia|Raleway+Dots|Raleway:300|Give You Glory|Advent+Pro' rel='stylesheet' type='text/css'>
  31.  
  32. {block:Description}
  33. <meta name="description" content="{MetaDescription}" />
  34. {/block:Description}
  35.  
  36. <meta name="color:Background Colour" content="#f0f0f0"/>
  37.  
  38. <meta name="color:Blockquote Border" content="#a77dc2"/>
  39. <meta name="color:Blockquote Text" content="#a49baa"/>
  40.  
  41. <meta name="color:Active Link" content="#a77dc2"/>
  42. <meta name="color:Hover Link" content="#c3c3c3"/>
  43.  
  44. <meta name="color:Selected Text" content="#a77dc2"/>
  45. <meta name="color:Scrollbar Background" content="#f0f0f0"/>
  46. <meta name="color:Scrollbar Trackbar" content="#d3b7e7"/>
  47.  
  48. <meta name="image:Background Image" content="">
  49. <meta name="text:Background Attachment" content="Fixed">
  50. <meta name="text:Background Position" content="Top Left">
  51. <meta name="text:Background Repeat" content="No-Repeat;">
  52.  
  53. <meta name="image:Sidebar Image1" content="http://static.tumblr.com/a620f79ef2250ee4042c99173c4ebb55/trwelwq/SQ8n4lzpc/tumblr_static_1yryz9302w9w4o0gsssws8040.gif">
  54. <meta name="image:Sidebar Image2" content="http://static.tumblr.com/a620f79ef2250ee4042c99173c4ebb55/trwelwq/SQ8n4lzpc/tumblr_static_1yryz9302w9w4o0gsssws8040.gif">
  55.  
  56. <meta name="if:ShowCaptions" content="1">
  57. <meta name="if:ShowTags" content="1">
  58.  
  59. <meta name="if:DimmedOpacity" content="1">
  60. <meta name="if:Monochrome" content="1">
  61.  
  62. <meta name="if:Pagination" content="1">
  63. <meta name="if:InfiniteScroll" content="0">
  64.  
  65. <meta name="if:DarkTheme" content="0">
  66.  
  67.  
  68.  
  69. <meta name="if:250" content="0">
  70. <meta name="if:400" content="1">
  71. <meta name="if:500" content="0">
  72.  
  73. <style type="text/css">
  74.  
  75. @font-face { font-family: "belle"; src: url('https://dl.dropboxusercontent.com/u/67800931/neou-bold.otf'); }
  76.  
  77. @font-face { font-family: "keep_calm"; src: url('https://dl.dropboxusercontent.com/s/dbt6x91ddnlz67v/KeepCalm-Medium_0.ttf?dl=1'); format("truetype");}
  78.  
  79. @font-face { font-family: "telegrafico"; src: url('https://dl.dropboxusercontent.com/s/62mjb5trtityev5/telegrafico.ttf?dl=1'); format("truetype");}
  80.  
  81. @font-face { font-family: "ardestine"; src: url('https://dl.dropboxusercontent.com/s/wj8j6dbji53vnm1/ARDESTINE.ttf?dl=1'); format("truetype");}
  82.  
  83. @font-face { font-family: "bar"; src: url('https://dl.dropboxusercontent.com/s/ysvjcsfnzg72bzw/BarcodeFont.ttf?dl=1'); format("truetype");}
  84.  
  85. @font-face { font-family: "bastille"; src: url('https://dl.dropboxusercontent.com/s/8klsoh3a5lpzo07/Bastille.ttf?dl=1'); format("truetype");}
  86.  
  87. @font-face { font-family: "champagne_limousines"; src: url('https://dl.dropboxusercontent.com/s/yg9fttuwj5h2t7d/Champagne%20%26%20Limousines%20Bold%20Italic.ttf?dl=1'); format("truetype");}
  88.  
  89. @font-face { font-family: "jaapokkienchance"; src: url('https://dl.dropboxusercontent.com/s/oz7g7ab8aeqbktq/Jaapokkienchance-Regular.otf?dl=1'); format("truetype");}
  90.  
  91. @font-face { font-family: "santj"; src: url('https://dl.dropboxusercontent.com/s/giqmdto70hw2gsl/SantJoanDespi-Regular.otf?dl=1'); format("truetype");}
  92.  
  93. ::selection {color:{color:Selected Text};}
  94. ::-moz-selection {color:{color:Selected Text};}
  95.  
  96. ::-webkit-scrollbar-thumb:vertical {
  97. height:10px;
  98. border:2px solid {color:Scrollbar Background};;
  99. background-color: {color:Scrollbar Trackbar};; margin-top: 30px;}
  100. ::-webkit-scrollbar-thumb:horizontal {
  101. background-color:{color:Scrollbar Background};; }
  102. ::-webkit-scrollbar {
  103. width:9px;
  104. height:5px;
  105. border:4px solid {color:Scrollbar Background};;
  106. background-color: {color:Scrollbar Trackbar};; margin-top: 30px; }
  107.  
  108. body { background-color: {color:background colour};
  109. background-position: {text:background position};
  110. background-size:contain;
  111. background-attachment: {text:background attachment};
  112. background-image:url({image:background image});
  113. background-repeat: no-repeat;}
  114.  
  115. a:link, a:visited, a:active {text-decoration: none;
  116. color: {color:active link};
  117. -moz-transition:all ease-in-out 0.7s;
  118. -webkit-transition:all ease-in-out 0.7s;
  119. -o-transition:all ease-in-out 0.7s;
  120. transition:all ease-in-out 0.7s;}
  121.  
  122. a:hover { color: {color:hover link}; }
  123.  
  124. b, strong { color: {color:bolded text}; }
  125. i, em { color: {color:italicised text}; }
  126.  
  127. small, sub {
  128. font-size: 10px;
  129. font-family:arial;
  130. letter-spacing: 0;
  131. line-height: 90%!important;
  132. margin-top: 10px !important;}
  133.  
  134. pre { letter-spacing: 0;
  135. opacity: .8;
  136. line-height: 100%;
  137. color: {color:blockquote text 1};
  138. padding: 3px;
  139. font-family: calibri !important;
  140. text-transform: uppercase !important;
  141. font-size: 10px !important; }
  142.  
  143. code { letter-spacing:0px;
  144. font-family:'CAMBRIA' !important;
  145. text-transform: uppercase !important;
  146. line-height: 80%;
  147. font-size: 8px !important; }
  148.  
  149. ul,ol { margin-left: -20px;}
  150.  
  151. blockquote { margin-left: 10px;
  152. width: 90%;
  153. text-align: justify;
  154. color: {color:blockquote text};
  155. border-left: solid 2px {color:blockquote border};
  156. padding: -2px;
  157. padding-left: 5px;}
  158.  
  159. blockquote img {
  160. {block:if250}max-width:200px !important; {/block:if250}
  161. {block:if400}max-width:350px !important; {/block:if400}
  162. {block:if500}max-width:450px !important; {/block:if500}}
  163.  
  164. .alignment {
  165. {block:if250}width:250px;{/block:if250}
  166. {block:if400}width:400px;{/block:if400}
  167. {block:if500}width:500px;{/block:if500}
  168. position: absolute;
  169. left: 400px;
  170. top: 15px;
  171. height: 100%;
  172. height: auto !important;
  173. min-height: 100%; }
  174.  
  175. .postcontainer {
  176. {block:if250}width:250px;{/block:if250}
  177. {block:if400}width:400px;{/block:if400}
  178. {block:if500}width:500px;{/block:if500}
  179. font-family: arial;
  180. font-size: 9px;
  181. position: none;
  182. z-index: 9999;
  183. letter-spacing: 1;
  184. line-height: 100%;
  185. color: {color:post text};
  186. text-align: justify;
  187. word-wrap:break-word;
  188. background-color: {color:post background};
  189. border-right: double 4px {color:background colour};
  190. padding: 10px;
  191. margin-bottom: 20px;
  192. margin-left:200px;
  193. -moz-transition:all ease-in-out 0.7s;
  194. -webkit-transition:all ease-in-out 0.7s;
  195. -o-transition:all ease-in-out 0.7s;
  196. transition:all ease-in-out 0.7s;}
  197.  
  198. .postcontainer .hoverperma {
  199. {block:if250}margin-left: 275px; {/block:if250}
  200. {block:if400}margin-left: 425px; {/block:if400}
  201. {block:if500}margin-left: 525px; {/block:if500}
  202. float: right;
  203. text-align: left;
  204. position: absolute;
  205. overflow:hidden;
  206. opacity: 0;
  207. width: 150px;
  208. max-width: 200px;
  209. font-size:8px;
  210. letter-spacing:1px;
  211. text-transform:uppercase;
  212. color: {color:header text};
  213. font-family:'CAMBRIA';
  214. padding: 5px;
  215. -webkit-transition: all 0.5s ease-in-out;
  216. -moz-transition: all 0.5s ease-in-out;
  217. -o-transition: all 0.5s ease-in-out;
  218. transition: all 0.5s ease-in-out; }
  219.  
  220. .postcontainer .hoverperma a{ color: {color:active link};}
  221.  
  222. .postcontainer:hover .hoverperma { color: {color:hover link};
  223. overflow:visible;
  224. -webkit-transition: all .5s ease-in-out;
  225. -moz-transition: all .5s ease-in-out;
  226. -o-transition: all .5s ease-in-out;
  227. transition: all .5s ease-in-out;
  228. opacity: 1;}
  229.  
  230. .postcontainer img:hover, #photoset:hover {
  231. -moz-transition:all ease-in-out 0.7s;
  232. -webkit-transition:all ease-in-out 0.7s;
  233. -o-transition:all ease-in-out 0.7s;
  234. transition:all ease-in-out 0.7s;
  235. opacity: 1;
  236. -webkit-filter: grayscale(0%) !important;}
  237.  
  238. .postcontainer img, #photoset {
  239. {block:if250}max-width:250px;{/block:if250}
  240. {block:if400}max-width:400px;{/block:if400}
  241. {block:if500}max-width:500px;{/block:if500}
  242. -moz-transition:all ease-in-out 0.7s;
  243. -webkit-transition:all ease-in-out 0.7s;
  244. -o-transition:all ease-in-out 0.7s;
  245. transition:all ease-in-out 0.7s;
  246. {block:indexpage}
  247. {block:ifDimmedOpacity}
  248. opacity: .5;
  249. {/block:ifDimmedOpacity}
  250. {/block:indexpage}
  251. {block:ifMonochrome}
  252. {block:indexpage}
  253. -webkit-filter: grayscale(100%);
  254. {/block:indexpage}
  255. {/block:ifMonochrome} }
  256.  
  257. #s-m-t-tooltip { position:absolute;
  258. z-index:9999;
  259. display:none;
  260. max-width: 250px;
  261. margin-top: 10px;
  262. margin-left: 20px;
  263. font-family: calibri;
  264. font-size: 10px;
  265. color:#FFFFFF;
  266. text-transform: uppercase;
  267. letter-spacing: 1;
  268. line-height: 100%;
  269. border:4px;
  270. background-color: #1C1C1C;
  271. padding: 5px;
  272. -moz-transition:all ease-in-out 0.7s;
  273. -webkit-transition:all ease-in-out 0.7s;
  274. -o-transition:all ease-in-out 0.7s;
  275. transition:all ease-in-out 0.7s;}
  276.  
  277. #sidebarlinks {
  278. margin-top:-120px;
  279. margin-left:250px;
  280. position:fixed;
  281. transition:all 1s ease;
  282. }
  283.  
  284. #sidebarlinks a {
  285. width:50px;
  286. display:inline-block;
  287. text-align:justify;
  288. margin-bottom:3px;
  289. Text-transform:lowercase;
  290. color:{color:Text};
  291. font-family:arial;
  292. background:#FFFFFF;
  293. font-size: 10px;
  294. font-style:italic;
  295. transition:all 1s ease;
  296. padding:7px;}
  297.  
  298.  
  299. #sidebaralignment {
  300. position: fixed;
  301. z-index: 2;
  302. {block:IfPagination}
  303. top: 220px;
  304. {/block:IfPagination}
  305. {block:IfInfiniteScroll}
  306. top: 220px;
  307. {/block:Ifinfinitescroll}
  308. left: 20px;}
  309.  
  310.  
  311.  
  312. .sidebarimage {
  313. background-color: transparent;
  314. width: 116px;
  315. height:200px;
  316. margin-bottom: 109px;}
  317.  
  318. .sidebarimage img {
  319. position:fixed;
  320. width: 81px;
  321. height:140px;
  322. {block:ifDimmedOpacity}
  323. opacity: .5;
  324. {/block:ifDimmedOpacity}
  325. {block:ifMonochrome}
  326. -webkit-filter: grayscale(100%);
  327. {/block:ifMonochrome}
  328. margin-left: 145px;
  329. margin-top: 83px;
  330. padding:10px;
  331. background:#FFFFFF;
  332. -webkit-transition: all 0.8s ease-in-out;
  333. -moz-transition: all 0.8s ease-in-out;
  334. -o-transition: all 0.8s ease-in-out;
  335. transition:all ease-in-out 0.8s;}
  336. .sidebarimage img:hover { opacity: 1;
  337. -webkit-filter: grayscale(0%);}
  338.  
  339.  
  340.  
  341. #sidebardesc {
  342. position:fixed;
  343. background-color: {color:post background};
  344. overflow: auto;
  345. text-align: justify;
  346. width: 180px;
  347. height:auto;
  348. padding: 10px;
  349. margin-left:190px;
  350. margin-top:-190px;
  351. font-size: 11px;
  352. line-height: 90%;
  353. color: {color:post text};
  354. font-family: calibri; }
  355.  
  356. #titleu {
  357. position:fixed;
  358. margin-left:190px;
  359. margin-top:-220px;
  360. font-family:georgia;
  361. font-size:10px;
  362. color:#424242;
  363. text-transform:uppercase;
  364. }
  365.  
  366. #hovers {
  367. position:fixed;
  368. margin-left:190px;
  369. margin-top:-210px;
  370. }
  371.  
  372. #hovers a {
  373. display: inline-block;
  374. width: 37px;
  375. height: 6px;
  376. background: #6E6E6E;
  377. -webkit-transition: all 0.7s ease-in-out;
  378. -moz-transition: all 0.7s ease-in-out;
  379. -o-transition: all 0.7s ease-in-out;
  380. -ms-transition: all 0.7s ease-in-out;
  381. transition: all 0.7s ease-in-out;
  382. }
  383.  
  384.  
  385. #pagination { width: 271px;
  386. padding: 5px;
  387. z-index: 10;
  388. font-size:8px;
  389. letter-spacing:2px;
  390. margin-top: 90px;
  391. text-transform:uppercase;
  392. text-align: center;
  393. font-family: gasara;
  394. color: {color:header text};
  395. margin-bottom: 5px;}
  396. #pagination a { color: {color:active link};
  397. font-size: 10px;
  398. -webkit-transition: all 0.8s ease-in-out;
  399. -moz-transition: all 0.8s ease-in-out;
  400. -o-transition: all 0.8s ease-in-out;
  401. transition:all ease-in-out 0.8s;}
  402. #pagination a:hover { color: {color:hover link}; }
  403.  
  404.  
  405.  
  406.  
  407. </style>
  408. </head>
  409. <body>
  410.  
  411.  
  412. <div id="sidebaralignment">
  413.  
  414.  
  415.  
  416. <div class="sidebarimage">
  417. <img src="{image:sidebar image1}">
  418. </div>
  419.  
  420.  
  421.  
  422. <div style="float: left; position: fixed; z-index: 8;">
  423.  
  424. <div id="sidebarlinks">
  425. <a href="/" title="refresh.">+ un</a>
  426. <a href="/ask" title="inquire.">+ deux</a>
  427. <a href="/r" title="regulations.">+ trois</a><br>
  428. <a href="/p" title="investigate.">+ quatre.</a>
  429. <a href="/one" title="about.">+ cinq</a>
  430. <a href="/navi" title="navigation for the closed mama!au.">+ six</a>
  431. </div>
  432. </div>
  433.  
  434. <div style="margin-left: 60px; position: fixed; z-index: 4;">
  435. <div id="sidebardesc">
  436. {description}
  437. </div>
  438.  
  439. <div id="titleu"><b>oh sehun</b> / xii. iv. MCMXC / merman.</div>
  440.  
  441. <div id="hovers">
  442. <a class="hovers" title="+ au/oc muse, whatever suits you. in no way affiliated with exo/sme. not the real oh sehun either, just a roleplay account for roleplay purposes. do not approach as the idol, do approach as the ceo though."></a>
  443. <a class="hovers" title="+ strictly literate and ic unless stated otherwise. para, script whatever friendly as long as we're literate. icons friendly too though i tend not to use them anymore but i do not mind people using them, not at all!"></a>
  444. <a class="hovers" title="+ trigger warning. i could say this blog is quite sfw but i can't promise i won't write/reblog or whatever triggering content. however, it'll all be tagged under nsfw and tw:___ so you can blacklist. you're, of course, free to unfollow also! open to plots, please, if you have an idea or would like interacting, don't be scared."></a>
  445. <a class="hovers" title="+ selective and picky with who i follow- it's not personal, it's all about me staying inspired and about having a rather clean, tidy dash. i'd still rp with people that i don't follow, obviously!"></a>
  446. <a href="http://abominare.tumblr.com/" title="+ theme tweaked by mun for personal use only, credit goes to abominare."></a>
  447. </div>
  448.  
  449. </div>
  450.  
  451.  
  452. {block:IfPagination}
  453. {block:Pagination}
  454. <div id="pagination">
  455. {block:PreviousPage}
  456. <a href="{PreviousPage}">«</a>
  457. {/block:PreviousPage}
  458.  
  459. {block:JumpPagination length="5"}
  460. {block:CurrentPage}
  461. <span class="current_page">{PageNumber}</span>
  462. {/block:CurrentPage}
  463.  
  464. {block:JumpPage}
  465. <a class="jump_page" href="{URL}">{PageNumber}</a>
  466. {/block:JumpPage}
  467. {/block:JumpPagination}
  468.  
  469. {block:NextPage}
  470. <a href="{NextPage}">»</a>
  471. {/block:NextPage}
  472. </div>
  473. {/block:Pagination}
  474. {/block:IfPagination}
  475.  
  476.  
  477. {block:IfPagination}
  478. {/block:IfPagination}
  479. </div>
  480. <div class="alignment">
  481. {block:IfInfiniteScroll}
  482. <div class="autopagerize_page_element">
  483. {/block:IfInfiniteScroll}
  484.  
  485. {block:Posts}
  486. <div class="postcontainer">
  487.  
  488. {block:ifShowTags}
  489. {block:indexpage}
  490. <div class="hoverperma">
  491. {block:HasTags}
  492. {block:Tags}<a href="{TagURL}"><b>#</b>{Tag}</a><br>{/block:Tags}
  493. {/block:HasTags}
  494. </div>
  495. {/block:indexpage}
  496. {/block:ifShowTags}
  497.  
  498. {block:ContentSource}
  499. <!--
  500. {SourceURL}{block:SourceLogo}
  501. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  502. {/block:SourceLogo}
  503. {block:NoSourceLogo}{SourceLink}
  504. {/block:NoSourceLogo}
  505. -->
  506.  
  507. <!--
  508. {ReblogParentURL}
  509. {block:ReblogParentLogo}
  510. <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  511. {/block:ReblogParentLogo}
  512. {block:NoReblogParentLogo}
  513. {ReblogParentLink}
  514. {/block:NoReblogParentLogo}
  515. -->
  516. {/block:ContentSource}
  517.  
  518.  
  519. <!-- PHOTOPOST INFORMATION
  520. -------------------------->
  521.  
  522. {block:Photo}
  523. {LinkOpenTag}
  524. <div class="photopost">
  525. <img src="{PhotoURL-500}">
  526. </div>
  527. {LinkCloseTag}
  528. {block:indexpage}
  529. {block:ifShowCaptions}
  530. {block:Caption}
  531. {Caption}
  532. {/block:Caption}
  533. {/block:ifShowCaptions}
  534. {/block:indexpage}
  535. {block:permalinkpage}
  536. {block:Caption}
  537. {Caption}
  538. {/block:Caption}
  539. {/block:permalinkpage}
  540. {/block:photo}
  541.  
  542. <style type="text/css">
  543. .photopost img {
  544. {block:if250}max-width: 250px !important; {/block:if250}
  545. {block:if400}max-width: 400px !important; {/block:if400}
  546. {block:if500}max-width: 500px !important; {/block:if500}
  547. {block:ifMonochrome}
  548. -moz-transition:all ease-in-out 0.7s;
  549. -webkit-transition:all ease-in-out 0.7s;
  550. -o-transition:all ease-in-out 0.7s;
  551. transition:all ease-in-out 0.7s;
  552. {block:indexpage}
  553. -webkit-filter: grayscale(100%);
  554. {/block:indexpage}
  555. {/block:ifMonochrome}}
  556. </style>
  557.  
  558.  
  559. <!-- PHOTOSET INFORMATION
  560. -------------------------->
  561.  
  562. {block:Photoset}
  563.  
  564. {block:if250}
  565. <div id="photoset">
  566. {Photoset-250}
  567. </div>
  568. {/block:if250}
  569.  
  570.  
  571. {block:if500}
  572. <div id="photoset">
  573. {Photoset-500}
  574. </div>
  575. {/block:if500}
  576.  
  577. {block:if400}
  578. <div id="photoset">
  579. {Photoset-400}
  580. </div>
  581. {/block:if400}
  582.  
  583. {block:indexpage}
  584. {block:ifShowCaptions}
  585. {block:Caption}
  586. {Caption}
  587. {/block:Caption}
  588. {/block:ifShowCaptions}
  589. {/block:indexpage}
  590. {block:permalinkpage}
  591. {block:Caption}
  592. {Caption}
  593. {/block:Caption}
  594. {/block:permalinkpage}
  595. {/block:Photoset}
  596.  
  597.  
  598. <!-- VIDEOPOST INFORMATION
  599. -------------------------->
  600. {block:if250}
  601. {block:Video}
  602. {Video-250}
  603. {block:indexpage}
  604. {block:ifShowCaptions}
  605. {block:Caption}
  606. {Caption}
  607. {/block:Caption}
  608. {/block:ifShowCaptions}
  609. {/block:indexpage}
  610. {block:permalinkpage}
  611. {block:Caption}
  612. {Caption}
  613. {/block:Caption}
  614. {/block:permalinkpage}
  615. {/block:Video}{/block:if250}
  616.  
  617. {block:if400}
  618. {block:Video}
  619. {Video-400}
  620. {block:indexpage}
  621. {block:ifShowCaptions}
  622. {block:Caption}
  623. {Caption}
  624. {/block:Caption}
  625. {/block:ifShowCaptions}
  626. {/block:indexpage}
  627. {block:permalinkpage}
  628. {block:Caption}
  629. {Caption}
  630. {/block:Caption}
  631. {/block:permalinkpage}
  632. {/block:Video}{/block:if400}
  633.  
  634. {block:if500}
  635. {block:Video}
  636. {Video-500}
  637. {block:indexpage}
  638. {block:ifShowCaptions}
  639. {block:Caption}
  640. {Caption}
  641. {/block:Caption}
  642. {/block:ifShowCaptions}
  643. {/block:indexpage}
  644. {block:permalinkpage}
  645. {block:Caption}
  646. {Caption}
  647. {/block:Caption}
  648. {/block:permalinkpage}
  649. {/block:Video}
  650. {/block:if500}
  651.  
  652. <!-- AUDIOPOST INFORMATION
  653. -------------------------->
  654. {block:Audio}
  655. <table>
  656. <td>
  657. {block:ifWhitePlayer}
  658. <div id="audiosettings">{AudioPlayerWhite}</div>
  659. {/block:ifWhitePlayer}
  660. {block:ifBlackPlayer}
  661. <div id="audiosettings">{AudioPlayerBlack}</div>
  662. {/block:ifBlackPlayer}
  663. {block:ifGrayPlayer}
  664. <div id="audiosettings">{AudioPlayerGrey}</div>
  665. {/block:ifGrayPlayer}
  666. </td>
  667. <td>
  668. <div id="audiotitle">
  669. {block:TrackName}{TrackName}{/block:TrackName}</div>
  670. <div id="audioinfo">
  671. {block:Artist}<b>ARTIST:</b> {Artist}<br>{/block:Artist}
  672. {block:Album}<b>ALBUM:</b> {Album}{/block:Album}
  673. </div></td>
  674. </table>
  675.  
  676. {block:ifShowCaptions}
  677. {block:Indexpage}
  678. {block:Caption}{Caption}{/block:Caption}
  679. {/block:Indexpage}
  680. {/block:ifShowCaptions}
  681. {block:PermalinkPage}
  682. {block:Caption}{Caption}{/block:Caption}
  683. {/block:PermalinkPage}
  684. {/block:Audio}
  685. <!-- AUDIOPOST SUPPORT CSS
  686. -------------------------->
  687.  
  688. <meta name="if:BlackPlayer" content="0">
  689. <meta name="if:WhitePlayer" content="0">
  690. <meta name="if:GrayPlayer" content="1">
  691.  
  692. <style type="text/css">
  693. #audiotitle { font-size:8px;
  694. letter-spacing:2px;
  695. text-transform:uppercase;
  696. font-family:'CAMBRIA';
  697. color: {color:header text};
  698. padding: 5px;
  699. margin-top: -10px;
  700. margin-bottom: -10px; }
  701.  
  702. #audioinfo {
  703. {block:if250}max-width:150px;{/block:if250}
  704. {block:if400}max-width:300px;{/block:if400}
  705. {block:if500}max-width:400px;{/block:if500}
  706. padding:5px;
  707. margin-top: -5px;
  708. text-align:left;
  709. text-transform:uppercase;
  710. font-family: arial;
  711. font-size: 10px;
  712. margin-bottom: -10px;
  713. text-transform: uppercase;
  714. letter-spacing: 1;
  715. line-height: 110%; }
  716.  
  717. #audiosettings { overflow: hidden;
  718. opacity: .5;
  719. height: 30px;
  720. width: 28px;
  721. margin-bottom: -3px; }
  722.  
  723. #audioborder { padding: 5px;
  724. background-color: {color:post background};
  725. border: solid 5px {color:post highlight};
  726. -webkit-border-radius: 5px;
  727. -moz-border-radius: 5px; }
  728.  
  729. </style>
  730.  
  731. <!-- QUOTEPOST INFORMATION
  732. -------------------------->
  733. {block:Quote}
  734. <div class="quotation1">❝</div>
  735. <center><div id="quotetitle">{Quote}</div></center>
  736. <center>{block:Source}
  737. <div id="tags" style="width: 170px; font-size:10px; text-align: right; font-family:calibri;">—{Source}</div>
  738. {/block:Source}</center>
  739. {/block:Quote}
  740.  
  741. <style type="text/css">
  742. .quotation1 { position:absolute;
  743. font-size:30px;
  744. color: {color:bolded text};
  745. opacity:0.3;
  746. font-family: georgia;
  747. margin-top: 15px; }
  748.  
  749. #quotetitle { font-size:11px;
  750. letter-spacing:0px;
  751. text-transform:none;
  752. font-family:'georgia';
  753. color: {color:header text};
  754. width: 90%;
  755. margin-left: 27px;
  756. padding: 5px;
  757. font-style:italic;
  758. margin-top: 5px;
  759. text-align: left; }
  760. </style>
  761.  
  762. <!-- TEXTPOST INFORMATION
  763. -------------------------->
  764. {block:Text}
  765. {block:Title}
  766. <div id="posttitle">{Title}</div>
  767. {/block:Title}
  768. {Body}
  769. {/block:Text}
  770. <!-- TEXTPOST SUPPORT CSS
  771. -------------------------->
  772. <meta name="color:Header Text" content="#868686"/>
  773. <meta name="color:Bolded Text" content="#a77dc2"/>
  774. <meta name="color:Italicised Text" content="#767676"/>
  775. <meta name="color:Post Text" content="#979797"/>
  776. <meta name="color:Post Background" content="#ffffff"/>
  777. <meta name="color:Post Highlight" content="#f5f5f5"/>
  778.  
  779. <style type="text/css">
  780. #posttitle { font-size:16px;
  781. letter-spacing:0px;
  782. text-transform:none;
  783. font-style:italic;
  784. font-weight:bold;
  785. font-family:'arial';
  786. color: {color:header text};
  787. padding: 5px;
  788. line-height:13px;
  789. margin-top: 5px; }
  790.  
  791. </style>
  792.  
  793.  
  794. <!-- ASKPOST INFORMATION
  795. -------------------------->
  796.  
  797. {block:Answer}
  798. <div id="asker" style="text-align: right; margin-bottom:-15px; font-size:15px; font-family: telegrafico; margin-right: 5px; color:#886B94;">{Asker} muttered—</div>
  799. <div style="float:left;"><div class="askiconborder"><img src="{AskerPortraitURL-40}"></div></div>
  800. <div class="question" style="margin-bottom: -4px;">
  801. <div style="opacity: .6;">{question}</div>
  802. </div>
  803. {answer}
  804. {/block:Answer}
  805.  
  806. <style type="text/css">
  807.  
  808. .asker {
  809. font-family:telegrafico;
  810. font-size:15px;
  811. }
  812.  
  813. .question {
  814. {block:if250}min-height:40px;{/block:if250}
  815. {block:if400}min-height:40px;{/block:if400}
  816. {block:if500}min-height:40px;{/block:if500}
  817. padding: 10px;
  818. font-size: 10px;
  819. text-transform: none;
  820. font-family: arial;
  821. line-height: 90%;
  822. color:#1C1C1C;
  823. background-color: {color:post highlight};
  824. border: solid 5px {color:post background};
  825. -webkit-border-radius: 5px;
  826. -moz-border-radius: 5px; }
  827.  
  828. .askiconborder { width: 50px;
  829. background-color: {color:post background};
  830. border: solid 5px {color:post highlight};
  831. -webkit-border-radius: 5px;
  832. -moz-border-radius: 5px; }
  833.  
  834. .askiconborder img { padding: 5px;
  835. -webkit-border-radius: 5px;
  836. -moz-border-radius: 5px; }
  837. </style>
  838. <!-- CHATPOST INFORMATION
  839. -------------------------->
  840. {block:Chat}
  841. {block:Title}
  842. <div id="posttitle" style="margin-bottom: -8px;">{Title}</div><br />
  843. {/block:Title}
  844. {block:Lines}<div id="{Alt}">
  845. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  846. {/block:Lines}
  847. {/block:Lines}
  848. {/block:Chat}
  849.  
  850. <style type="text/css">
  851. #odd { padding:2px;
  852. font-size: 10px;
  853. letter-spacing: 1px;
  854. text-transform: none;
  855. font-family: calibri
  856. color:{color:Blockquote Text};}
  857. #even { padding:2px;
  858. font-size: 10px;
  859. letter-spacing: 1px;
  860. text-transform: uppercase;
  861. font-family: calibri;
  862. color:{color:Post Text};
  863. background-color: {color:post highlight};}
  864. </style>
  865.  
  866. <!-- LINKPOST INFORMATION
  867. -------------------------->
  868. {block:Link}
  869. <a href="{URL}"> <div id="posttitle">{Name}→</div></a>
  870. {block:Description}
  871. {Description}
  872. {/block:Description}
  873. {/block:Link}
  874. </div>
  875.  
  876.  
  877. <!-- PERMALINK INFORMATION
  878. -------------------------->
  879.  
  880. <meta name="color:Permalink Color" content="#a77dc2"/>
  881. <meta name="color:Permalink Link" content="#bebebe"/>
  882. <meta name="color:Tag Color" content="#a77dc2"/>
  883.  
  884. {block:IndexPage}
  885.  
  886. <div class="postperma">
  887. <div id="permaline">&nbsp;</div>
  888.  
  889. <div id="permadate">
  890. <a href="{Permalink}"> {block:Date} posted on {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</a>
  891. <a href="{ReblogURL}">REBLOG</a>
  892. </div>
  893. </div>
  894.  
  895. {/block:IndexPage}
  896.  
  897. <style type="text/css">
  898. .postperma {
  899. {block:if250}width:270px;{/block:if250}
  900. {block:if400}width:420px;{/block:if400}
  901. {block:if500}width:520px;{/block:if500}
  902. margin-top: -20px;
  903. margin-bottom: 17px;
  904. font-family: calibri;
  905. font-size: 10px;
  906. color: #FFFFFF;
  907. text-transform: uppercase;
  908. letter-spacing: 1;
  909. line-height: 100%;
  910. height: 11px;
  911. margin-left:200px;
  912. -moz-transition:all ease-in-out 0.7s;
  913. -webkit-transition:all ease-in-out 0.7s;
  914. -o-transition:all ease-in-out 0.7s;
  915. transition:all ease-in-out 0.7s;}
  916. .postperma a {color: #FFFFFF;
  917. -moz-transition:all ease-in-out 0.7s;
  918. -webkit-transition:all ease-in-out 0.7s;
  919. -o-transition:all ease-in-out 0.7s;
  920. transition:all ease-in-out 0.7s;}
  921.  
  922. #permatags {
  923. {block:if250}width:270px;{/block:if250}
  924. {block:if400}width:420px;{/block:if400}
  925. {block:if500}width:520px;{/block:if500}
  926. margin-top: -19px;
  927. opacity: .4;
  928. padding: 5px;
  929. margin-bottom: 10px;
  930. color: {color:post text};
  931. font-family: calibri;
  932. font-size: 10px;
  933. text-transform: uppercase;
  934. letter-spacing: 1;
  935. line-height: 100%;
  936. text-align: center;
  937. -moz-transition:all ease-in-out 0.7s;
  938. -webkit-transition:all ease-in-out 0.7s;
  939. -o-transition:all ease-in-out 0.7s;
  940. transition:all ease-in-out 0.7s; }
  941.  
  942. #permatags:hover{ opacity: 1;}
  943.  
  944. #permatext {float:left;
  945. margin-top: -10px;
  946. background-color: {color:post background};
  947. padding: 3px; }
  948.  
  949. #permareblog {float:right;
  950. margin-top: -10px;
  951. background-color: #1C1C1C;
  952. padding: 3px; }
  953. #permaline { border-bottom: solid 1px #1C1C1C;
  954. margin-bottom: -4px;}
  955. #permadate { text-align: center;
  956. font-size: 10px; }
  957. #permadate a { background-color: #1C1C1C;
  958. font-size: 8px;
  959. padding: 3px;
  960. margin-top: -10px;
  961. display: inline-block;}
  962.  
  963. .postinfo {
  964. {block:if250}width:250px;{/block:if250}
  965. {block:if400}width:400px;{/block:if400}
  966. {block:if500}width:500px;{/block:if500}
  967. font-family: arial;
  968. font-size: 10px;
  969. letter-spacing: 1;
  970. line-height: 100%;
  971. color: {color:post text};
  972. text-align: justify;
  973. word-wrap:break-word;
  974. margin-top: -15px;
  975. background-color: {color:post background};
  976. padding: 7px;
  977. width:256px;
  978. margin-left:200px;
  979. -moz-transition:all ease-in-out 0.7s;
  980. -webkit-transition:all ease-in-out 0.7s;
  981. -o-transition:all ease-in-out 0.7s;
  982. transition:all ease-in-out 0.7s;}
  983.  
  984. .postnotes {
  985. font-family: calibri;
  986. font-size: 10px;
  987. letter-spacing: 1;
  988. line-height: 100%;
  989. color: {color:post text};
  990. text-align: left;
  991. text-transform: uppercase;
  992. word-wrap:break-word;
  993. padding: 10px;
  994. width:256px;
  995. -moz-transition:all ease-in-out 0.7s;
  996. -webkit-transition:all ease-in-out 0.7s;
  997. -o-transition:all ease-in-out 0.7s;
  998. transition:all ease-in-out 0.7s;}
  999. .postnotes img { display:none!important;}
  1000.  
  1001. #tags { font-size:8px;
  1002. text-transform:uppercase;
  1003. font-family:'CAMBRIA';
  1004. letter-spacing: 0;
  1005. text-align: center;
  1006. line-height: 100%; }
  1007. #tags a, #permatags a {color: {color:tag color};}
  1008. </style>
  1009.  
  1010.  
  1011. <meta name="image:Permalink Divider" content="http://i.imgur.com/akIYg.png">
  1012.  
  1013. {block:PermalinkPage}
  1014. {block:PermalinkPagination}
  1015.  
  1016. <div class="postinfo">
  1017.  
  1018. <center>
  1019. <div id="posttitle" style="margin-bottom: -2px;">
  1020. Posted on: {Month} {DayofMonth}, {Year}.</div>
  1021. <div style="font-size:8px; letter-spacing:0px;
  1022. text-transform:uppercase; font-family:'CAMBRIA';">
  1023. {block:RebloggedFrom}
  1024. <strong>Via:</strong>
  1025. <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1026. ||
  1027. <strong>Source:</strong>
  1028. <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1029. {/block:RebloggedFrom}
  1030. </div>
  1031. </center>
  1032. {block:HasTags}
  1033. <div id="tags" style="margin-top: 5px;">
  1034. {block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp;
  1035. {/block:Tags} </div>
  1036. {/block:HasTags}
  1037. <center>
  1038. <img src="{image:permalink divider}" width="230" style="{block:ifDarkTheme}-webkit-filter: invert(100%);{/block:ifDarkTheme} opacity: .5; ">
  1039. </center>
  1040.  
  1041. {block:PostNotes}
  1042. <div class="postnotes"><div style="margin-left: -10px;">
  1043. {PostNotes}</div></div>
  1044. {/block:PostNotes}
  1045.  
  1046. {/block:PermalinkPagination}
  1047. {/block:PermalinkPage}
  1048. {/block:Posts}
  1049.  
  1050. </div></div></div></div>
  1051.  
  1052. </body> </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!