API tools faq
paste
mayourbodiesremain

white (JUL 12 2014)

mayourbodiesremain
May 20th, 2012
6,926
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.19 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">
  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. Theme by ✿ http://PHANTOMS-INDISCREET.tumblr.com ✿
  13. Yes, you can modify anything you want.
  14. No, DO NOT REMOVE the credit icon.
  15.  
  16. photoset-grid code by Jonathan Moore - Style Hatch
  17. infinite scroll code by Paul Irish & Luke Shumard
  18. -->
  19.  
  20.  
  21.  
  22. <meta name="color:background" content="#fff"/>
  23. <meta name="color:text" content="#999"/>
  24. <meta name="color:link" content="#ccc"/>
  25. <meta name="color:link hover" content="#999"/>
  26. <meta name="color:links boxes" content="#fff"/>
  27. <meta name="color:boxes" content="#fff"/>
  28. <meta name="color:title" content="#ccc"/>
  29. <meta name="color:photo tags" content="#fff"/>
  30.  
  31. <meta name="font:text" content="arial"/>
  32. <meta name="font:link" content="baskerville"/>
  33. <meta name="font:tags" content="courier new"/>
  34. <meta name="font:title" content="arial"/>
  35.  
  36. <meta name="image:background" content=""/>
  37. <meta name="image:permalink" content=""/>
  38.  
  39.  
  40. <meta name="text:text size" content="9"/>
  41. <meta name="text:title size" content="15"/>
  42. <meta name="text:layout width" content="400"/>
  43. <meta name="text:gap between posts" content="30"/>
  44. <meta name="text:opacity" content="0.8"/>
  45.  
  46. <meta name="if:show caption" content="1"/>
  47. <meta name="if:show archive link" content="0"/>
  48. <meta name="if:cover background" content="1"/>
  49. <meta name="if:transparent boxes" content="0"/>
  50. <meta name="if:italic title" content="0"/>
  51. <meta name="if:default title font" content="1"/>
  52.  
  53. <meta name="if:endless scroll" content="1"/>
  54.  
  55.  
  56.  
  57.  
  58.  
  59. <style type='text/css'>
  60.  
  61.  
  62.  
  63. /*basic*/
  64. body {
  65. padding: 0px;
  66. margin: 0px;
  67. background:{color:Background};
  68. background-image:url('{image:Background}');
  69. {block:ifcoverbackground}
  70. background-size: 100% 100%;
  71. {/block:ifcoverbackground}
  72. background-attachment:fixed;
  73. }
  74.  
  75.  
  76.  
  77. .links {
  78. background:{color:links boxes};
  79. {block:iftransparentboxes}
  80. background:transparent;
  81. {/block:iftransparentboxes}
  82. padding:10px;
  83. margin-left:0px;
  84. }
  85.  
  86. .des, .texto, .ocul {
  87. background:{color:boxes};
  88. {block:iftransparentboxes}
  89. background:transparent;
  90. {/block:iftransparentboxes}
  91. padding:10px;
  92. }
  93.  
  94. .des {text-align:right;}
  95.  
  96.  
  97. .header:hover, .header2:hover, .footer:hover {
  98. filter: alpha(opacity=100);
  99. opacity: 1;
  100. -webkit-transition: all 0.6s ease-out;
  101. -moz-transition: all 0.6s ease-out;
  102. transition: all 0.6s ease-out;
  103. }
  104.  
  105. .header, .header2, .footer {
  106. filter: alpha(opacity={text:opacity});
  107. opacity: {text:opacity};
  108. -webkit-transition: all 0.6s ease-out;
  109. -moz-transition: all 0.6s ease-out;
  110. transition: all 0.6s ease-out;
  111. }
  112.  
  113.  
  114.  
  115. img {border:none;}
  116. iframe#tumblr_controls{position:fixed!important;}
  117.  
  118. /*content*/
  119.  
  120. .wrapper{
  121. margin: 0px auto;
  122. width: {text:layout width}px;
  123. font-size: {text:text size}px;
  124. font-family: {font:text};
  125. color: {color:text};
  126. text-align:justify;
  127. }
  128.  
  129. blockquote {border-left: 1px solid {color:text}; padding:5px;}
  130.  
  131. .content{
  132. float: left;
  133. width: 100%;
  134. }
  135.  
  136.  
  137. a:link, a:active, a:visited {-webkit-transition: all 0.6s linear;
  138. -moz-transition: all 0.6s linear;
  139. transition: all 0.6s linear;}
  140. a:hover {-webkit-transition: all 0.6s linear;
  141. -moz-transition: all 0.6s linear;
  142. transition: all 0.6s linear;}
  143.  
  144.  
  145.  
  146. /*header*/
  147.  
  148. .header{
  149. float: left;
  150. width: 100%;
  151. margin-top:150px;
  152. margin-bottom:15px;
  153. font-family:{font:link}!important;
  154. text-transform:lowercase;
  155. text-align:right;
  156. }
  157.  
  158. .header a, .posteos a, .wrapper a {
  159. color:{color:link};
  160. text-decoration:none;
  161. font-family:{font:link}!important;
  162. }
  163.  
  164. .header a:hover, .posteos a:hover, .wrapper a:hover {
  165. color:{color:link hover};
  166. text-decoration:none;
  167. }
  168.  
  169. .header2 {
  170. float: left;
  171. width: 100%;
  172. margin-bottom:{text:gap between posts}px;
  173. }
  174.  
  175. .header2 a {
  176. font-family:{font:title}!important;
  177. }
  178.  
  179. .title {
  180. font-family:{font:title}!important;
  181. {block:ifitalictitle}
  182. font-style:italic;
  183. {/block:ifitalictitle}
  184. font-size:{text:title size}px;
  185. }
  186.  
  187. .title a {
  188. font-family:{font:title}!important;
  189. color:{color:title};
  190. text-decoration:none;
  191. }
  192.  
  193.  
  194.  
  195. /*footer*/
  196.  
  197. .footer{
  198. float: left;
  199. width: 100%;
  200. margin-bottom:35px;
  201. font-family:{font:link}!important;
  202. }
  203.  
  204. /*posteos*/
  205. .posteos {
  206. margin-bottom:{text:gap between posts}px;
  207. /* filter: alpha(opacity={text:opacity}); opacity: {text:opacity}; */
  208. }
  209.  
  210. .posteos:hover {
  211. -webkit-transition: all 0.4s linear;
  212. -moz-transition: all 0.4s linear;
  213. transition: all 0.4s linear;
  214. filter: alpha(opacity=100)!important; opacity: 1!important;
  215. }
  216.  
  217.  
  218. .posteos img {
  219. max-width:100%;
  220. }
  221.  
  222. .posteos a {
  223. font-family:{font:text}!important; font-weight:bold; text-decoration:underline;
  224. }
  225.  
  226. .i, .i iframe {
  227. width:100%;
  228. }
  229.  
  230.  
  231. .even {
  232. border-right: 1px solid #E2E4E7;
  233. border-bottom: 1px solid #E2E4E7;
  234. border-left: 1px solid #E2E4E7;
  235. padding:5px;
  236. }
  237.  
  238. .odd {
  239. border-right: 1px solid #E2E4E7;
  240. border-bottom: 1px solid #E2E4E7;
  241. border-left: 1px solid #E2E4E7;
  242. padding:5px;
  243. }
  244.  
  245. .odd:first-child {
  246. border-top: 1px solid #E2E4E7;
  247. }
  248.  
  249.  
  250.  
  251. .tags {
  252. z-index:2;
  253. bottom:3px;
  254. position:absolute;
  255. }
  256.  
  257. .tags a {
  258. font-family:{font:tags}!important;
  259. text-decoration:none!important;
  260. font-weight:normal;
  261. color:{color:photo tags}
  262. }
  263.  
  264. .imagenes {
  265. position:relative;
  266. }
  267.  
  268. .tag:after {
  269. content:", ";
  270. }
  271.  
  272. .tag:last-child:after {
  273. content:"";
  274. }
  275.  
  276. .ocul {
  277. opacity:0;
  278. filter: alpha (opacity=0)
  279. -webkit-transition: all 0.6s ease-out;
  280. -moz-transition: all 0.6s ease-out;
  281. transition: all 0.6s ease-out;
  282. }
  283.  
  284. .posteos:hover .ocul {
  285. opacity:1;
  286. filter: alpha (opacity=10)
  287. -webkit-transition: all 0.6s ease-out;
  288. -moz-transition: all 0.6s ease-out;
  289. transition: all 0.6s ease-out;
  290. }
  291.  
  292.  
  293.  
  294. .arrow_box { margin-top:-3px; position: relative; background: {color:boxes}; border: 4px solid {color:boxes}; } .arrow_box:after,
  295.  
  296. .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;
  297.  
  298. } .arrow_box:after { border-bottom-color: {color:boxes}; border-width: 15px; left: 50%; margin-left: -15px; }
  299.  
  300. .base a { text-decoration:none!important;} .base img {max-width:35px;}
  301.  
  302. .top, a.top {
  303. display: none; position: fixed; z-index:123; bottom: 15px; left: 40px; color: {color:text}; text-decoration:none;
  304. }
  305. {CustomCSS}
  306. </style>
  307.  
  308. </head>
  309.  
  310. <body>
  311. <div class="wrapper">
  312.  
  313.  
  314.  
  315. <div class="header">
  316.  
  317. {block:Ifnotendlessscroll}
  318. <div style="float:left; font-style:italic;" class="links">{CurrentPage}</div>{block:Ifnotendlessscroll}
  319.  
  320. {block:ifshowarchivelink}<a class="links" href="/archive" title="{lang:Archive}">{lang:Archive}</a>{/block:ifshowarchivelink}
  321. {block:AskEnabled}<a class="links" href="/ask" title="{AskLabel}">{AskLabel}</a>{/block:AskEnabled}
  322. {block:SubmissionsEnabled}<a class="links" href="/submit" title="{SubmitLabel}">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  323. {block:HasPages} {block:Pages}<a class="links" href="{URL}" title='{URL}'>{Label}</a> {/block:Pages}{/block:HasPages}
  324. </div>
  325.  
  326. <div class="header2">
  327. <div class="des">
  328. <span class="title"><a href="/">{Title}</a></span></br>
  329. {block:Description}{Description}{/block:Description}
  330. </div>
  331. </div>
  332.  
  333.  
  334.  
  335. <div class="content">
  336.  
  337. {block:Posts}
  338. <div class="posteos">
  339.  
  340. {block:Text}
  341. <div class="texto">
  342. {block:Title}<big>{Title}</big>{/block:Title}
  343. {Body}
  344. </div>
  345. {/block:Text}
  346.  
  347.  
  348.  
  349. {block:Photo}
  350. <div class="imagenes">
  351. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  352. {block:IndexPage}<a href="{permalink}" title="{NoteCountWithLabel}">{/block:IndexPage}<img src="{PhotoURL-HighRes}"
  353.  
  354. alt="{PhotoAlt}" width="100%"/>{block:IndexPage}</a>{/block:IndexPage}
  355. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  356. {block:IndexPage}
  357. {block:HasTags}
  358. <div class="tags" style="letter-spacing:0px; padding:1px;">
  359. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}
  360. </div>{/block:HasTags}
  361. {/block:IndexPage}
  362. </div>
  363. {/block:Photo}
  364.  
  365. {block:Photoset}
  366. <div class="otra">
  367.  
  368. <div class="photoset-grid" data-layout="{PhotosetLayout}" data-id="photoset{PostID}">
  369. {block:Photos}
  370. <img src="{PhotoURL-500}"
  371. {block:HighRes}data-highres="{PhotoURL-HighRes}"{/block:HighRes}
  372. width="{PhotoWidth-500}" height="{PhotoHeight-500}"
  373. {block:Caption}alt="{Caption}"{/block:caption} />
  374. {/block:Photos}
  375. </div>
  376. </div>
  377. {/block:Photoset}
  378.  
  379.  
  380.  
  381. {block:Quote}
  382. <div class="texto">
  383. <span style="font-family:'times'; font-size:140%; font-style:italic;">"{Quote}"</span>
  384. {block:Source}</br><b>{Source}</b></br>{/block:Source}
  385. </div>
  386. {/block:Quote}
  387.  
  388. {block:Link}
  389. <div class="texto">
  390. <a href="{URL}"><big><big>{Name}</big></big></a></br>
  391. {block:Description} {Description}{/block:Description}
  392. </div>
  393. {/block:Link}
  394.  
  395. {block:Chat}
  396. <div class="texto">
  397. {block:Title}
  398. <big>{Title}</big>
  399. {/block:Title}
  400. {block:Lines}
  401. <div class="{Alt} user_{UserNumber}">
  402. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  403. </div>
  404. {/block:Lines}
  405. </div>
  406. {/block:Chat}
  407.  
  408.  
  409. {block:Video}
  410. <div class="otra">
  411. <div class="i">{VideoEmbed-700} </div>
  412. </div>
  413. {/block:Video}
  414.  
  415. {block:Audio}
  416.  
  417.  
  418. {block:AudioEmbed}
  419. <div class="otra">
  420. <div class="i">{AudioEmbed-400}</div>
  421. </div>
  422. {/block:AudioEmbed}
  423. {block:AudioPlayer}
  424. <div class="texto">
  425. <div style="min-width:50px!important;">
  426. {block:AlbumArt}
  427. <img src="{AlbumArtURL}" width="40" style="float:right;">
  428. {/block:AlbumArt}
  429. {AudioPlayerGrey}
  430. {block:Artist}<b>{Artist}</b>{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}
  431. </div>
  432. </div>
  433. {/block:AudioPlayer}
  434. {/block:Audio}
  435.  
  436.  
  437.  
  438. {block:Answer}
  439. <div class="texto">
  440. <b>{Asker}:</b> <i>{Question}</i><br>
  441. {Answer}
  442. </div>
  443. {/block:Answer}
  444.  
  445.  
  446.  
  447. {block:IndexPage}
  448. {block:Caption}
  449. {block:ifshowcaption}<div class="arrow_box">
  450. {Caption}
  451. </div>{/block:ifshowcaption}
  452. {/block:Caption}
  453.  
  454. <div class="base {block:Photoset}ocul{/block:Photoset}" {block:Photo}style="display:none"{/block:Photo}>
  455. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}
  456.  
  457. {lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">
  458.  
  459. {/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  460. <div style="float:right; max-width:200px;">{block:HasTags}
  461. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>
  462.  
  463. {/block:HasTags}</div>
  464. </div>
  465. {/block:IndexPage}
  466.  
  467.  
  468.  
  469.  
  470.  
  471. {block:IndexPage}
  472. {block:ContentSource}
  473. <div style="display:none;">
  474. <a href="{SourceURL}">{SourceTitle}</a>
  475. </div>
  476. {/block:ContentSource}
  477. {/block:IndexPage}
  478.  
  479.  
  480.  
  481.  
  482.  
  483.  
  484. {block:PermalinkPage}
  485. <div class="texto">
  486. {block:Caption}{Caption}{/block:Caption}<br>
  487. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}<br>{/block:HasTags}
  488. {block:RebloggedFrom}
  489. {lang:Posted on DayOfWeek DayOfMonth Month Year 2}.<br> {lang:Originally from ReblogRootName 2}, {lang:Reblogged from ReblogParentName 2}
  490. {/block:RebloggedFrom}
  491. <br>
  492. {block:PostNotes}
  493. {block:NoteCount} Notes {NoteCount}<br>{/block:NoteCount}
  494. {PostNotes}
  495. {/block:PostNotes}
  496. </div>
  497. {/block:PermalinkPage}
  498.  
  499.  
  500.  
  501.  
  502.  
  503. </div>
  504. {/block:Posts}
  505.  
  506. </div>
  507.  
  508. <div class="footer">
  509. {block:Pagination}
  510. <center>
  511. <span class="links">
  512. {block:PreviousPage}
  513. <a href="{PreviousPage}">{lang:New}</a>&nbsp;&nbsp;
  514. {/block:PreviousPage}
  515.  
  516. <i>{lang:CurrentPage of TotalPages}</i>
  517.  
  518. {block:NextPage}
  519. &nbsp;&nbsp;<a class="nnext" href="{NextPage}">{lang:Old}</a>
  520. {/block:NextPage}
  521. </span>
  522. </center>
  523. {/block:Pagination}
  524. </div>
  525.  
  526. </div>
  527.  
  528.  
  529. <script>
  530. var whiteop = { opacity:"{text:opacity}", fade:{block:IndexPage}true{/block:IndexPage}, endless:{block:ifendlessscroll}true{/block:ifendlessscroll} {block:ifnotendlessscroll}false{/block:ifnotendlessscroll} }
  531. </script>
  532.  
  533.  
  534.  
  535.  
  536.  
  537. {block:ifdefaulttitlefont}
  538. <script src="http://static.tumblr.com/wy8n0km/sZ9lvyj8o/cufon-yui.js" type="text/javascript"></script>
  539. <script src="http://plnchtt.googlecode.com/files/uglyq_500-uglyq_italic_500.font.js" type="text/javascript"></script>
  540. <script type="text/javascript">
  541. Cufon.replace('.title');
  542. </script>
  543. {/block:ifdefaulttitlefont}
  544.  
  545. <script type='text/javascript' src='https://dl.dropboxusercontent.com/s/zehwftfalk725s5/white.js'></script>
  546.  
  547.  
  548.  
  549.  
  550.  
  551. </body>
  552. </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!