Advertisement
mayourbodiesremain

a cloud hangs over

Jun 11th, 2016
140
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.60 KB | None | 0 0
  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">
  3. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11.  
  12. <!--
  13. Theme by http://MAYOURBODIESREMAIN.tumblr.com
  14. Yes, you can modify anything you want.
  15. No, DO NOT REMOVE the credit link.
  16. -->
  17.  
  18.  
  19. <meta name="color:Title" content="#353334"/>
  20. <meta name="font:Title font" content="Angsana New"/>
  21. <meta name="text:Title Size" content="20">
  22. <meta name="if:Italic title" content="0"/>
  23. <meta name="if:Bold title" content="0"/>
  24.  
  25. <meta name="color:Background" content="#ffffff"/>
  26. <meta name="color:Text" content="#555555"/>
  27. <meta name="color:Link" content="#999"/>
  28. <meta name="color:Chat background" content="#eee"/>
  29. <meta name="font:Body" content="Times New Roman"/>
  30.  
  31. <meta name="text:Font Size" content="11">
  32. <meta name="text:Title Size" content="20">
  33. <meta name="if:Show Caption" content="0"/>
  34. <meta name="text:Fade Images" content="0" >
  35. <meta name="if:Fade Images" content="0"/>
  36. <meta name="image:permalink left" content=""/>
  37. <meta name="image:permalink right" content=""/>
  38. <meta name="text:Permalink left" content="&#215;">
  39. <meta name="text:Permalink right" content="">
  40. <meta name="text:permalinks font size" content="25">
  41. <meta name="if:Hide Links" content="0"/>
  42. <meta name="if:Show Title" content="1"/>
  43. <meta name="if:Jump pagination" content="0"/>
  44.  
  45. <meta name="if:Show archive" content="1"/>
  46.  
  47.  
  48. <meta name="text:Posts width" content="455">
  49. <meta name="text:Wrapper width" content="555">
  50.  
  51.  
  52. <style type='text/css'>
  53.  
  54.  
  55. .wrapper{
  56. margin: 0px auto;
  57. width: {text:Posts width}px;
  58. }
  59.  
  60. .leftperma{
  61. filter: alpha(opacity=0);
  62. opacity: 0.00;
  63. -webkit-transition: all 0.6s ease-out;
  64. -moz-transition: all 0.6s ease-out;
  65. transition: all 0.6s ease-out;
  66. float:left;
  67. text-align:center;
  68. margin-left: -100px;
  69. width:100px;
  70. height:100px;
  71. max-width: 100%;
  72. text-align: center;
  73. z-index: 2;
  74. text-decoration:none;
  75. font-size: {text:permalinks font size}px;
  76. }
  77.  
  78. .rightperma{
  79. filter: alpha(opacity=0);
  80. opacity: 0.00;
  81. -webkit-transition: all 0.6s ease-out;
  82. -moz-transition: all 0.6s ease-out;
  83. transition: all 0.6s ease-out;
  84. text-align:center;
  85. float:right;
  86. margin-left: -200px;
  87. width:100px;
  88. max-width: 100%;
  89. text-align: center;
  90. z-index: 2;
  91. text-decoration:none;
  92. font-size: {text:permalinks font size}px;
  93. }
  94.  
  95.  
  96. .rightperma img, .leftperma img {
  97. max-width:30px;
  98. }
  99.  
  100.  
  101. #permalink {
  102. text-align: center;
  103. z-index: 2;
  104.  
  105. }
  106.  
  107. div#todo:hover .rightperma{
  108. filter: alpha(opacity=100);
  109. opacity: 1;
  110. -webkit-transition: all 0.6s ease-out;
  111. -moz-transition: all 0.6s ease-out;
  112. transition: all 0.6s ease-out;
  113. }
  114.  
  115. div#todo:hover .leftperma{
  116. filter: alpha(opacity=100);
  117. opacity: 1;
  118. -webkit-transition: all 0.6s ease-out;
  119. -moz-transition: all 0.6s ease-out;
  120. transition: all 0.6s ease-out;
  121. }
  122.  
  123. div#todo:hover .rightpermatext{
  124. filter: alpha(opacity=100);
  125. opacity: 1;
  126. -webkit-transition: all 0.6s ease-out;
  127. -moz-transition: all 0.6s ease-out;
  128. transition: all 0.6s ease-out;
  129. }
  130.  
  131. div#todo:hover .leftpermatext{
  132. filter: alpha(opacity=100);
  133. opacity: 1;
  134. -webkit-transition: all 0.6s ease-out;
  135. -moz-transition: all 0.6s ease-out;
  136. transition: all 0.6s ease-out;
  137. }
  138.  
  139.  
  140. .header{
  141. float: left;
  142. width: 100%;
  143. margin-top:20px;
  144. margin-bottom:10px;
  145. text-align:justify;
  146. }
  147.  
  148. .title {
  149. {block:ifItalictitle}
  150. font-style: italic;
  151. {/block:ifItalictitle}
  152. {block:ifboldtitle}
  153. font-weight:bold;
  154. {block:ifboldtitle}
  155. font-family: {font:Title font};
  156. text-align: center;
  157. font-size: {text:Title Size}px;
  158. letter-spacing:1px;
  159. color:{color:Title};
  160. }
  161.  
  162. .title a{
  163. color:{color:Title}!important;
  164. }
  165.  
  166.  
  167. .content{
  168. float: left;
  169. width: {text:Wrapper width}px;
  170. }
  171.  
  172. .footer{
  173. float: left;
  174. width: 100%;
  175. margin-bottom:20px;
  176. text-align:right;
  177. }
  178.  
  179.  
  180. body {
  181. padding: 0px;
  182. margin: 0px;
  183. background-color: {color:Background};
  184. font-size: {text:Font Size}px;
  185. color: {color:Text};
  186. font-family: {font:Body};
  187. }
  188.  
  189. img {
  190. max-width: 100%;
  191. border:none;
  192. }
  193.  
  194. {block:IfFadeImages}
  195. img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.{text:Fade Images};}
  196. img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
  197. {/block:IfFadeImages}
  198.  
  199.  
  200.  
  201. #post {
  202. margin-bottom: 70px;
  203. width:{text:Posts width}px
  204. }
  205.  
  206.  
  207.  
  208. #titletext {
  209. text-transform:uppercase;
  210. }
  211.  
  212. img {
  213. max-width: 100%;
  214. border:none;
  215. }
  216.  
  217. object {
  218. width: 100%;
  219. }
  220.  
  221. embed {
  222. width: 100%;
  223. }
  224.  
  225.  
  226.  
  227.  
  228. .asker {
  229. font-weight: bold;
  230. text-transform:uppercase;
  231. }
  232.  
  233. ul
  234. {
  235. list-style-type:circle;
  236. }
  237.  
  238.  
  239.  
  240. a:link {color:{color:Link};text-decoration:none; }
  241. a:visited {color:{color:Link};text-decoration:none;}
  242. a:hover {color:{color:Link};text-decoration:none; }
  243. a:active {color:{color:Link};text-decoration:none;}
  244.  
  245. .oreo a:hover{ background:{color:text}; color:{color:background};
  246. -moz-transition-duration: .5s;
  247.  
  248. -webkit-transition-duration: .5s;
  249.  
  250. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  251.  
  252. filter: alpha(opacity=30);
  253. }
  254.  
  255. {Block:IfHideLinks}
  256. .oreo {
  257. filter: alpha(opacity=5);
  258. opacity: 0.05;
  259.  
  260. }
  261.  
  262. .header:hover .oreo{
  263. filter: alpha(opacity=100);
  264. opacity: 1;
  265. -webkit-transition: opacity 1s linear;
  266. }
  267. {/Block:IfHideLinks}
  268.  
  269. .even {
  270. background:{color:Chat background};
  271. }
  272.  
  273. .i iframe {
  274. width:100%!important;
  275. }
  276.  
  277. .pie {
  278. filter: alpha(opacity=7);
  279. opacity: 0.7;
  280. border-top: 1px dotted {color:text};
  281. text-align:right;
  282. }
  283.  
  284.  
  285.  
  286. .tag:after {
  287. content:", ";
  288. }
  289.  
  290. .tag:last-child:after {
  291. content:"";
  292. }
  293.  
  294. {CustomCSS}
  295. </style>
  296.  
  297. <script type="text/javascript" src="http://static.tumblr.com/tcozonu/sRmnl4llm/jquery.js"></script>
  298. <script type="text/javascript" src="http://static.tumblr.com/tcozonu/UeBm7p9sh/lazyload.js"></script>
  299. <script type="text/javascript" charset="utf-8">
  300. var $j = jQuery.noConflict();
  301. $j(function() {
  302. $j("img").lazyload({
  303. effect: "fadeIn",
  304. });
  305. });</script>
  306.  
  307. </head>
  308. <body>
  309.  
  310.  
  311.  
  312. <div class="wrapper">
  313.  
  314.  
  315. <div class="header">
  316. {Block:IfShowTitle}
  317. <center> <div class="title"><a href="/">{title}</a></div></center>
  318. {/Block:IfShowTitle}
  319. {block:Description}
  320. {Description}
  321. {/block:Description}
  322. <center>
  323. <span class="oreo">
  324. <span style="text-transform:lowercase;letter-spacing:0.1em; font-style:oblique">
  325. {block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled} {block:ifShowarchive}<a href="/archive">{lang:Archive}</a>{/block:ifShowarchive} {block:HasPages} {block:Pages}<a href="{URL}">{Label}</a> {block:Pages} {/block:HasPages} {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  326. </span>
  327. </span>
  328. </center>
  329. </div>
  330.  
  331.  
  332.  
  333.  
  334. <div class="content">
  335. {block:Posts}
  336.  
  337.  
  338.  
  339.  
  340. <div id="todo">
  341.  
  342. <div id="permalink">
  343. <span class="rightperma"><a href="{Permalink}">{block:IfpermalinkrightImage}<img src="{image:permalink right}">{/block:IfpermalinkrightImage}{block:IfnotpermalinkrightImage}{text:Permalink right}{block:IfnotpermalinkrightImage}</a></span>
  344. <span class="leftperma"><a href="{Permalink}">{block:IfpermalinkleftImage}<img src="{image:permalink left}">{/block:IfpermalinkleftImage}{block:IfnotpermalinkleftImage}{text:Permalink left}{/block:IfnotpermalinkleftImage}</a></span>
  345. </div>
  346.  
  347.  
  348.  
  349.  
  350. <div id="post">
  351.  
  352.  
  353.  
  354.  
  355. {block:Text}
  356. {block:Title}<span style="text-transform:uppercase;">{Title}</span>{/block:Title}
  357. <span style="text-align:justify;">{Body}</span>
  358.  
  359. {block:IndexPage}
  360. <div class="pie">
  361. <div style="float:left;">{NoteCount} {lang:Notes}</div> {block:HasTags}{lang:Filed under}: {block:Tags}<a class="tag" href="{TagURL}"><u>{Tag}</u></a>{/block:Tags}{/block:HasTags}
  362. </div>
  363. {/block:IndexPage}
  364.  
  365. {/block:Text}
  366.  
  367.  
  368.  
  369. {block:Photo}
  370. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  371. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="100%"/>
  372. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  373. {/block:Photo}
  374.  
  375. {block:Photoset}
  376. <center>
  377. <div style="max-width:400px; overflow-x:auto!important; overflow-y:hidden;">
  378. {Photoset-400}
  379. </div>
  380. </center>
  381. {/block:Photoset}
  382.  
  383. {block:Quote}
  384. <span class="quote">
  385. <span style="font-size:110%;"><i>"{Quote}"</i></span><br>
  386. {block:Source}<b>―{Source}</b></br>{/block:Source}
  387. <span>
  388. {block:IndexPage}
  389. <div class="pie">
  390. <div style="float:left;">{NoteCount} {lang:Notes}</div> {block:HasTags}{lang:Filed under}: {block:Tags}<a class="tag" href="{TagURL}"><u>{Tag}</u></a>{/block:Tags}{/block:HasTags}
  391. </div>
  392. {/block:IndexPage}
  393. {/block:Quote}
  394.  
  395. {block:Link}
  396. <span style="text-align:justify;">
  397. <span style="text-transform:uppercase;"><a href="{URL}"><u>{Name}</u></a></span>
  398. {block:Description} {Description}{/block:Description}
  399. </span>
  400. {block:IndexPage}
  401. <div class="pie">
  402. <div style="float:left;">{NoteCount} {lang:Notes}</div> {block:HasTags}{lang:Filed under}: {block:Tags}<a class="tag" href="{TagURL}"><u>{Tag}</u></a>{/block:Tags}{/block:HasTags}
  403. </div>
  404. {/block:IndexPage}
  405. {/block:Link}
  406.  
  407. {block:Chat}
  408. {block:Title}
  409. <h3>{Title}</h3>
  410. {/block:Title}
  411. {block:Lines}
  412. <div class="{Alt} user_{UserNumber}">
  413. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  414. </div>
  415. {/block:Lines}
  416. {block:IndexPage}
  417. <div class="pie">
  418. <div style="float:left;">{NoteCount} {lang:Notes}</div> {block:HasTags}{lang:Filed under}: {block:Tags}<a class="tag" href="{TagURL}"><u>{Tag}</u></a>{/block:Tags}{/block:HasTags}
  419. </div>
  420. {/block:IndexPage}
  421. {/block:Chat}
  422.  
  423.  
  424. {block:Audio}
  425. {block:AudioEmbed}<div class="i">{AudioEmbed-500}</div>{/block:AudioEmbed}
  426.  
  427. {block:AudioPlayer}
  428. {block:AlbumArt}<img src="{AlbumArtURL}" width="100%">{/block:AlbumArt}
  429. <div id="player">{AudioPlayerBlack}</div>
  430. {block:TrackName}{TrackName} by{/block:TrackName} <b>{block:Artist}{Artist}{/block:Artist}</b>
  431. <span style="float:right;">{PlayCountWithLabel}</span>
  432. {/block:AudioPlayer}
  433. {/block:Audio}
  434.  
  435. {block:Video}
  436. <div class="i">
  437. {Video-500}
  438. </div>
  439. {/block:Video}
  440.  
  441. {block:Answer}
  442. <div id="ask">
  443. <div class="asker">{Asker}:
  444. </div>
  445. <i>{Question}</i>
  446. </div>
  447. {Answer}
  448. {block:IndexPage}
  449. <div class="pie">
  450. <div style="float:left;">{NoteCount} {lang:Notes}</div> {block:HasTags}{lang:Filed under}: {block:Tags}<a class="tag" href="{TagURL}"><u>{Tag}</u></a>{/block:Tags}{/block:HasTags}
  451. </div>
  452. {/block:IndexPage}
  453. {/block:Answer}
  454.  
  455.  
  456. {block:IndexPage}
  457. {block:ifShowCaption}
  458. {block:Caption}{Caption}{/block:Caption}
  459. {/block:ifShowCaption}
  460. {/block:IndexPage}
  461.  
  462. {block:IndexPage}
  463. {block:ContentSource}
  464. <div style="display:none;">
  465. <a href="{SourceURL}">{SourceTitle}</a>
  466. </div>
  467. {/block:ContentSource}
  468. {/block:IndexPage}
  469.  
  470. {block:PermalinkPage}
  471. {block:Caption}{Caption}{/block:Caption}<br>
  472. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}<br>{/block:HasTags}
  473. {block:RebloggedFrom}
  474. {lang:Posted on DayOfWeek DayOfMonth Month Year 2}.<br> {lang:Originally from ReblogRootName 2}, {lang:Reblogged from ReblogParentName 2}
  475. {/block:RebloggedFrom}
  476. <br>
  477. {/block:PermalinkPage}
  478.  
  479. {block:PostNotes}
  480. {NoteCountWithLabel}
  481. {PostNotes}
  482. </div><!/NOTES>
  483. {/block:PostNotes}
  484.  
  485.  
  486. </div>
  487.  
  488. </div> <!--todo-->
  489. {/block:Posts}
  490. </div>
  491.  
  492.  
  493.  
  494. <div class="footer">
  495. {block:ifJumppagination}
  496. {block:Pagination}
  497. {block:PreviousPage}
  498. <a href="{PreviousPage}">&#171;&nbsp;&nbsp;</a>
  499. {/block:PreviousPage}
  500.  
  501. {block:JumpPagination length="5"}
  502. {block:CurrentPage}
  503. <i>{PageNumber}&nbsp;&nbsp;</i>
  504. {/block:CurrentPage}
  505.  
  506. {block:JumpPage}
  507. <a href="{URL}">{PageNumber}&nbsp;&nbsp;</a>
  508. {/block:JumpPage}
  509. {/block:JumpPagination}
  510. {block:NextPage}
  511. <a href="{NextPage}">&#187;</a>
  512. {/block:NextPage}
  513. {/block:Pagination}
  514. {/block:ifJumppagination}
  515.  
  516.  
  517. {block:ifnotJumppagination}
  518. <span style="font-size:110%; text-transform:lowercase;"><i>
  519. {block:Pagination}
  520. {block:PreviousPage}
  521. <a href="{PreviousPage}">{lang:Prev}&nbsp;/</a>
  522. {/block:PreviousPage}
  523.  
  524. {block:NextPage}
  525. <a href="{NextPage}">{lang:Next}</a>
  526. {/block:NextPage}
  527. {/block:Pagination}
  528. </i></span>
  529. {/block:ifnotJumppagination}
  530. </div>
  531.  
  532. </div>
  533. </body>
  534. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement