API tools faq
paste
mayourbodiesremain

Forget me not (Mosaic)

mayourbodiesremain
Jun 11th, 2016
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. <!--
  13.  
  14. theme by PHANTOMS-INDISCREET.tumblr.com
  15. Yes, you can modify anything you want.
  16. No, you can't take the credit.
  17.  
  18.  
  19.  
  20. -->
  21.  
  22. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  23. <script src="http://static.tumblr.com/wy8n0km/sZ9lvyj8o/cufon-yui.js" type="text/javascript"></script>
  24. <script src="http://static.tumblr.com/wy8n0km/fSXmj47mg/roman_500-roman_oblique_500.font.js" type="text/javascript"></script>
  25. <script type="text/javascript">
  26. Cufon.replace('.title');
  27. Cufon.replace('.links');
  28. </script>
  29. <script type="text/javascript" src="http://static.tumblr.com/tcozonu/wHZnl4mkq/fmn3.js"></script>
  30. <script type="text/javascript" src="http://static.tumblr.com/wy8n0km/SKvmj47r7/forgetmenot1.js"></script>
  31.  
  32.  
  33. <meta name="if:show archive link" content="1"/>
  34. <meta name="if:show home link" content="1"/>
  35. <meta name="color:01" content="#fff"/>
  36. <meta name="color:02" content="#FFEBF0"/>
  37. <meta name="color:text" content="#333"/>
  38. <meta name="color:link" content="#333"/>
  39. <meta name="font:01" content="'PT Sans', sans-serif"/>
  40. <meta name="text:font size" content="12"/>
  41. <meta name="image:01" content=""/>
  42.  
  43.  
  44.  
  45.  
  46. <style type='text/css'>
  47. @import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. body {
  55. background:{color:01};
  56. background-image:url('{image:Background}');
  57. margin: 0px;
  58. color:{color:text};
  59. font-size:{text:font size}px;
  60. font-family: {font:01};
  61. padding-bottom:100px;
  62. line-height:120%;
  63. }
  64.  
  65.  
  66.  
  67.  
  68.  
  69. html{
  70. border-left:30px solid {color:02};
  71. border-right:30px solid {color:02};
  72. border-bottom:15px solid {color:02};
  73. }
  74.  
  75. a:link, a:hover, a:active, a:visited {text-decoration:underline; color:{color:link};}
  76.  
  77. i, em {font-family:'times'!important;}
  78.  
  79. img {border:none;}
  80.  
  81. #content {
  82. margin:0 auto;
  83. margin-top:100px;
  84. margin-bottom:100px!important;
  85. width:1200px;
  86. }
  87.  
  88. .header {padding:30px; min-height:60px; margin:0px; background:{color:02};}
  89. .title {font-size:30px; font-style:italic; text-transform:uppercase; cursor:help; float:left; padding-right:20px; padding-top:10px;}
  90. a.links {border-bottom:1px solid {color:link};}
  91.  
  92. .panel {display:none; overflow-y:hidden; height:20px; margin-top:15px;}
  93. #des {clear:both; padding-top:10px; display:none;}
  94.  
  95. .posts {
  96. {block:IndexPage}
  97. width:400px!important;
  98. height:350px;
  99. float:left;
  100. overflow:hidden;
  101. {/block:IndexPage}
  102. width:500px;
  103. margin:0 auto;
  104. }
  105.  
  106.  
  107. .photo img {{block:IndexPage} min-height:100%; min-width:100%;{/block:IndexPage} {block:PermalinkPage} max-width:100%;{/block:PermalinkPage} }
  108. ol.notes {list-style-type:none!important; padding:inherit!important;}
  109. .quote {font-size:150%; font-style:italic; text-indent: 3em; line-height:110%;}
  110. .quote:before {content:"❝"; font-size:150%;}
  111. .odd {font-weight:bold;}
  112. .music img {width:100%; height:100%; position:relative; z-index:-1;}
  113. {block:IndexPage}
  114. .audio_player {position:absolute; z-index:123; overflow:hidden; width:25px;
  115. height:25px; margin:10px;}
  116. .player {width:50px; height:50px; opacity:0.5; filter: alpha (opacity=50); background:#fff;position:absolute; z-index:123; text-align:center;
  117. margin-left:175px; margin-top:150px;}
  118. {/block:IndexPage}
  119. blockquote {border-left:5px solid {color:link}; padding-left:5px; margin-left:5px; margin-right:0px;}
  120. .video iframe, .video embed {width:100%; height:100%;}
  121.  
  122.  
  123. .sliderkit{display:none;position:relative;overflow:visible;text-align:left;}
  124. .sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:visible;}
  125. .sliderkit .sliderkit-panel-active{z-index:5;}
  126. .sliderkit .sliderkit-panel-old{z-index:4;}
  127. .multiple-sliders-part{position:relative;float:left;width:400px;height:350px;}
  128. .multiple-sliders-part .sliderkit{width:400px;height:350px;margin:0;}
  129. .multiple-sliders-part .sliderkit-panel img{min-width:400px;}
  130.  
  131. .footer {margin-bottom:0px; margin-top:100px; width:100%; bottom:0px; float:left; font-size:6em; text-align:right; background:{color:02}; padding:30px 0px 50px 0px;}
  132. .footer a {border:none; text-decoration:underline;}
  133.  
  134. .box {position:absolute; z-index:10000; margin-left:195px; width:160px; min-height:40px; max-height:250px; filter: alpha(opacity=0); opacity: 0; font-size:90%; background:#F5F8FA;
  135. }
  136.  
  137. .posts:hover .box{
  138. -webkit-transform: translate(150px,0);
  139. -moz-transform: translate(0,0);
  140. -o-transform: translate(0,0);
  141. -ms-transform: translate(0,0);
  142. -webkit-transition: all 0.6s ease-out;
  143. -moz-transition: all 0.6s ease-out;
  144. transition: all 0.6s ease-out;
  145. filter: alpha(opacity=90); opacity: 0.9;
  146. }
  147.  
  148.  
  149. .box:before { content: ' ';
  150. position: absolute;
  151. width: 0;
  152. height: 0;
  153. left: -39px;
  154. border: 20px solid;
  155. border-color: transparent #F5F8FA transparent transparent;}
  156.  
  157.  
  158. .caption {overflow:auto; height:108px; padding:10px; background:#F5F8FA; margin-bottom:42px; width:140px;}
  159.  
  160. td {text-transform:uppercase; letter-spacing:1px; padding:4px; }
  161. table {border-collapse:collapse; width:100%; text-align:center;bottom:0px; position:absolute; table-layout:fixed; height:40px;}
  162. td a {text-decoration:none!important;}
  163. td.a1 {background:#fff; filter: alpha(opacity=95); opacity: 0.95; }
  164. td.a2 {background:#E8EAEB; filter: alpha(opacity=95); opacity: 0.95;}
  165. td.a3 {background:#F5F8FA;}
  166.  
  167. .my-like {background-image: url('http://static.tumblr.com/wy8n0km/c8Smj47ta/38691349.png'); cursor:pointer; display:none; z-index:123; width:21px; height:21px;}
  168.  
  169. .posts:hover .my-like, .posts:hover .reblog1, .posts:hover .permalink{display:inline-block; }
  170.  
  171.  
  172. .my-liked, .my-like:hover { background-image: url('http://static.tumblr.com/wy8n0km/p0fmj47u4/33446252.png');}
  173.  
  174. .contador {padding:5px; background:black; color:white; position:absolute; z-index:123;}
  175.  
  176.  
  177. .jspContainer {overflow: hidden; position: relative;}
  178. .jspPane {position: absolute;}
  179. .jspVerticalBar {position: absolute; top: 0;right: 0;width: 16px;height: 100%;}
  180.  
  181. .jspVerticalBar *,
  182. .jspHorizontalBar *
  183. {margin: 0; padding: 0;}
  184.  
  185. .jspTrack {background: transparent; position: relative;}
  186. .jspDrag{background: {color:text}; position: relative; top: 0; left: 0;cursor:pointer;}
  187.  
  188. .text {padding:10px; text-align:justify;}
  189. .ask {padding:15px;}
  190. p.question {min-height:65px; font-size:120%;}
  191.  
  192.  
  193.  
  194.  
  195. {CustomCSS}
  196. </style>
  197.  
  198. <script type="text/javascript" src="http://static.tumblr.com/wy8n0km/k1omj47v0/forgetmenot3.js"></script>
  199.  
  200.  
  201.  
  202.  
  203.  
  204. </head>
  205. <body>
  206.  
  207. <div class="header"> <!--header-->
  208. <div class="title">{title}</div>
  209.  
  210.  
  211. <div class="panel">
  212. {block:ifshowhomelink}<a class="links" href="/">{lang:Home}</a>{/block:ifshowhomelink}&nbsp;&nbsp;
  213. {block:ifshowarchivelink}<a class="links" href="/archive">{lang:Archive}</a>{/block:ifshowarchivelink}&nbsp;&nbsp;
  214. {block:AskEnabled}<a class="links" href="/ask">{AskLabel}</a>&nbsp;&nbsp;{/block:AskEnabled}
  215. {block:SubmissionsEnabled}<a class="links" href="/submit">{SubmitLabel}</a>&nbsp;&nbsp;{/block:SubmissionsEnabled}
  216. {block:HasPages}{block:Pages}<a class="links" href="{URL}">{Label}</a>&nbsp;&nbsp;{/block:Pages}{/block:HasPages}
  217. </div>
  218.  
  219.  
  220. {block:Description}<div id="des">{description}</div>{/block:Description}
  221.  
  222.  
  223. </div> <!--header-->
  224.  
  225.  
  226.  
  227. <div id="content"> <!--content--->
  228. {block:Posts}
  229. <div class="posts">
  230.  
  231.  
  232. {block:IndexPage}
  233. <div class="box"> <!--box--->
  234. {block:Caption}
  235. <div class="caption">
  236. {Caption}
  237. </div>
  238. {/block:Caption}
  239. <table><tr>
  240. <td class="a1"><a href="#"><a href="{ReblogURL}"><img src="http://static.tumblr.com/wy8n0km/9L3mj4870/91364975.png" title="Reblog"></a></td>
  241. <td class="a2"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></td>
  242. <td class="a3"><a href="{permalink}" title="{lang:Permalink}">{NoteCount}</a></td>
  243. </tr></table>
  244. </div> <!--box--->
  245. {/block:IndexPage}
  246.  
  247.  
  248.  
  249.  
  250. {block:Text}
  251. <div class="text">
  252. {block:Title}<h3>{Title}</h3>{/block:Title}
  253. {Body}
  254. </div>
  255. {/block:Text}
  256.  
  257.  
  258.  
  259. {block:Photo}
  260. <div class="photo">
  261. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  262. {block:IndexPage} <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{/block:IndexPage}
  263. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/>{/block:PermalinkPage}
  264. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  265. </div>
  266. {/block:Photo}
  267.  
  268.  
  269.  
  270. {block:Quote}
  271. <div class="text">
  272. <div class="quote"><i>{Quote}</i></div>
  273. {block:Source}<b>{Source}</b>{/block:Source}
  274. </div>
  275. {/block:Quote}
  276.  
  277. {block:Link}
  278. <div class="text">
  279. <a style="text-transform:uppercase;" href="{URL}">{Name}</a>
  280. {block:Description} {Description}{/block:Description}
  281. </div>
  282. {/block:Link}
  283.  
  284. {block:Chat}
  285. <div class="text">
  286. {block:Title}
  287. {Title}
  288. {/block:Title}
  289.  
  290. {block:Lines}
  291. <div class="{Alt} user_{UserNumber}">
  292. {block:Label}{Label} {/block:Label}{Line}
  293. </div>
  294. {/block:Lines}
  295. </div>
  296. {/block:Chat}
  297.  
  298.  
  299. {block:Video}
  300. <div class="video">
  301. {Video-500}
  302. </div>
  303. {/block:Video}
  304.  
  305. {block:Audio}
  306. {block:AudioEmbed}
  307. {AudioEmbed-400}
  308. {/block:AudioEmbed}
  309.  
  310.  
  311. {block:AudioPlayer}
  312. <div class="music">
  313. <div class="player" title="{block:Artist}{Artist}{/block:Artist}, {block:TrackName}''{TrackName}''{/block:TrackName}">{AudioPlayerWhite}</div>
  314. {block:AlbumArt}
  315. <img src="{AlbumArtURL}" width="400" height="350">
  316. {/block:AlbumArt}
  317. {block:Artist}<b>{Artist}</b>{/block:Artist}, {block:TrackName}<i>{TrackName}</i>{/block:TrackName}
  318. </div>
  319. {/block:AudioPlayer}
  320. {/block:Audio}
  321.  
  322. {block:Answer}
  323. <div class="ask">
  324. <p class="question">
  325. <img src="{AskerPortraitURL-64}" style="float:left; padding-right:5px;">
  326. <b>{Asker}: </b> {Question}<br>
  327. </p>
  328. {Answer}
  329. </div>
  330. {/block:Answer}
  331.  
  332.  
  333.  
  334.  
  335.  
  336.  
  337.  
  338.  
  339. {block:Photoset}
  340. {block:IndexPage}
  341. <div class="contador">{PhotoCount}</div>
  342. <div class=" multiple-sliders-part">
  343. <div class="sliderkit photoslider-1click">
  344. <div class="sliderkit-panels">
  345.  
  346. {block:Photos}
  347. <div class="sliderkit-panel">
  348. <img src="{PhotoURL-400}" alt="{PhotoAlt}" height="350"/>
  349. </div>
  350. {/block:Photos}
  351.  
  352. </div>
  353. </div>
  354. </div>
  355. {/block:IndexPage}
  356. {block:PermalinkPage}
  357. {Photoset-500}
  358. {/block:PermalinkPage}
  359. {/block:Photoset}
  360.  
  361.  
  362.  
  363. {block:IndexPage}
  364. {block:ContentSource}
  365. <div style="display:none;">
  366. <a href="{SourceURL}">{SourceTitle}</a>
  367. </div>
  368. {/block:ContentSource}
  369. {/block:IndexPage}
  370.  
  371.  
  372. {block:PermalinkPage}
  373. {block:Caption}{Caption}{/block:Caption}<br><br>
  374. {block:HasTags}{lang:Tags}: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<br>
  375. {block:Date}{lang:Posted on DayOfWeek the DayOfMonthWithSuffix of Month Year at FormattedTime}{block:Date}<br>
  376. {block:RebloggedFrom}
  377. {lang:Originally from ReblogRootName 2}<br>
  378. {lang:Reblogged from ReblogParentName 2}<br>
  379. {/block:RebloggedFrom}
  380. {block:NoteCount}{lang:Notes}: {NoteCount}{/block:NoteCount}<br>
  381.  
  382. {block:PostNotes}
  383. {PostNotes}
  384. {/block:PostNotes}
  385.  
  386.  
  387. {block:PermalinkPagination}
  388. <div class="nose" style="text-align:center; margin:15px; font-size:150%;">
  389. {block:NextPost}<a href="{NextPost}">{lang:Next post}</a>{/block:NextPost}
  390. {block:PreviousPost} <a href="{PreviousPost}">{lang:Previous post}</a>{/block:PreviousPost}
  391. </div>
  392. {/block:PermalinkPagination}
  393.  
  394. {/block:PermalinkPage}
  395.  
  396.  
  397.  
  398. </div>
  399.  
  400.  
  401.  
  402. {/block:Posts}
  403.  
  404.  
  405. </div> <!--content--->
  406.  
  407. <div class="footer">
  408. {block:Pagination}
  409. {block:PreviousPage}
  410. <a style="float:left; padding-left:100px;" href="{PreviousPage}"> ‹ </a>
  411. {/block:PreviousPage}
  412.  
  413.  
  414.  
  415. {block:NextPage}
  416. <a style="padding-right:100px;" href="{NextPage}"> › </a>
  417. {/block:NextPage}
  418. {/block:Pagination}
  419. </div>
  420.  
  421.  
  422.  
  423. </body>
  424. </html>
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!