Don't like ads? PRO users don't see any ads ;-)

white

By: mayourbodiesremain on May 20th, 2012  |  syntax: None  |  size: 16.90 KB  |  hits: 4,216  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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.  
  15. Photoset Resize Code by Kevin - EXCOLO.TUMBLR.COM
  16.      -->
  17.  
  18.  
  19.  
  20.         <meta name="color:background" content="#fff"/>
  21.         <meta name="color:text" content="#999"/>
  22.         <meta name="color:link" content="#ccc"/>
  23.         <meta name="color:link hover" content="#999"/>
  24.         <meta name="color:links boxes" content="#fff"/>
  25.         <meta name="color:boxes" content="#fff"/>
  26.         <meta name="color:title" content="#ccc"/>
  27.         <meta name="color:photo tags" content="#fff"/>
  28.        
  29.         <meta name="font:text" content="arial"/>
  30.         <meta name="font:link" content="baskerville"/>
  31.         <meta name="font:tags" content="courier new"/>
  32.         <meta name="font:title" content="arial"/>
  33.        
  34.         <meta name="image:background" content=""/>
  35.         <meta name="image:permalink" content=""/>
  36.  
  37.        
  38.         <meta name="text:text size" content="9"/>
  39.         <meta name="text:title size" content="15"/>
  40.         <meta name="text:layout width" content="400"/>        
  41.         <meta name="text:gap between posts" content="30"/>
  42.         <meta name="text:opacity" content="70"/>
  43.        
  44.         <meta name="if:show caption" content="1"/>
  45.         <meta name="if:show archive link" content="0"/>
  46.         <meta name="if:cover background" content="1"/>
  47.         <meta name="if:show archive link" content="1"/>        
  48.         <meta name="if:transparent boxes" content="0"/>        
  49.         <meta name="if:italic title" content="0"/>      
  50.         <meta name="if:default title font" content="1"/>
  51.        
  52.        
  53.        
  54. {block:ifdefaulttitlefont}        
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  56. <script src="http://static.tumblr.com/wy8n0km/sZ9lvyj8o/cufon-yui.js" type="text/javascript"></script>
  57. <script src="http://plnchtt.googlecode.com/files/uglyq_500-uglyq_italic_500.font.js" type="text/javascript"></script>
  58. <script type="text/javascript">
  59. Cufon.replace('.title');
  60. </script>    
  61. {/block:ifdefaulttitlefont}
  62.  
  63.  
  64.   <script type='text/javascript' src='https://plnchtt.googlecode.com/files/jquery-1.5.2.js'></script>
  65. {block:IndexPage}
  66.  <script>
  67.  $(function(){
  68. tiles = $(".posteos").fadeTo(0, 0);
  69. $(window).scroll(function(d,h) {
  70.     tiles.each(function(i) {
  71.         a = $(this).offset().top + $(this).height();
  72.         b = $(window).scrollTop() + $(window).height();
  73.         if (a < b) $(this).fadeTo(500,0.{text:opacity});
  74.     });
  75. });
  76. });//]]>  
  77.         $(function() {
  78.             $('.posteos').each(function() {
  79.                 $(this).hover(
  80.                     function() {
  81.                         $(this).stop().animate({ opacity: 1.0 }, 800);
  82.                     },
  83.                    function() {
  84.                        $(this).stop().animate({ opacity: 0.{text:opacity} }, 800);
  85.                    })
  86.                 });
  87.         });
  88.  
  89. $(document).ready(function() {
  90. function photosetResize() {
  91.     $('iframe.photoset').each(function(){
  92.         var newSize = {text:layout width};
  93.         var newSrc = $(this).attr('src').replace('500',newSize);
  94.         $(this).attr('src', newSrc).width(newSize);        
  95.         var high = $(this).css('height');
  96.         var calculate = parseInt(high, 10)* newSize/500;
  97.         $(this).css('height', calculate);
  98.     });
  99. }
  100. photosetResize();
  101. });        
  102.  </script>
  103. {/block:IndexPage}
  104.  
  105.  
  106.  
  107. <style type='text/css'>
  108.  
  109.  
  110.  
  111. /*basic*/
  112. body {
  113.    padding: 0px;
  114.    margin: 0px;
  115.    background:{color:Background};
  116.    background-image:url('{image:Background}');
  117.    {block:ifcoverbackground}
  118.    background-size: 100% 100%;
  119.    {/block:ifcoverbackground}
  120.    background-attachment:fixed;
  121. }
  122.  
  123.  
  124.  
  125. .links {
  126.     background:{color:links boxes};
  127.     {block:iftransparentboxes}
  128.     background:transparent;
  129.     {/block:iftransparentboxes}
  130.     padding:10px;
  131.     margin-left:0px;
  132. }
  133.  
  134. .des, .texto {
  135.     background:{color:boxes};
  136.     {block:iftransparentboxes}
  137.     background:transparent;
  138.     {/block:iftransparentboxes}
  139.     padding:10px;
  140. }
  141.  
  142. .des {text-align:right;}
  143.  
  144.  
  145. .header:hover, .header2:hover, .footer:hover {
  146. filter: alpha(opacity=100);
  147.     opacity: 1;
  148. -webkit-transition: all 0.6s ease-out;
  149. -moz-transition: all 0.6s ease-out;
  150. transition: all 0.6s ease-out;
  151.     }
  152.    
  153. .header, .header2, .footer {
  154. filter: alpha(opacity={text:opacity});
  155.     opacity: 0.{text:opacity};
  156. -webkit-transition: all 0.6s ease-out;
  157. -moz-transition: all 0.6s ease-out;
  158. transition: all 0.6s ease-out;
  159.     }
  160.    
  161.  
  162.  
  163. img {border:none;}
  164. iframe#tumblr_controls{position:fixed!important;}
  165.  
  166. /*content*/
  167.  
  168. .wrapper{
  169.    margin: 0px auto;
  170.    width: {text:layout width}px;  
  171.    font-size: {text:text size}px;
  172.    font-family: {font:text};
  173.    color: {color:text};
  174.    text-align:justify;
  175. }
  176.  
  177. blockquote {border-left: 1px solid  {color:text}; padding:5px;}
  178.  
  179. .content{
  180.    float: left;
  181.    width: 100%;
  182. }
  183.  
  184.  
  185. a:link, a:active, a:visited {-webkit-transition: all 0.6s linear;
  186. -moz-transition: all 0.6s linear;
  187. transition: all 0.6s linear;}
  188. a:hover {-webkit-transition: all 0.6s linear;
  189. -moz-transition: all 0.6s linear;
  190. transition: all 0.6s linear;}
  191.  
  192.  
  193.  
  194. /*header*/
  195.  
  196. .header{
  197.    float: left;
  198.    width: 100%;
  199.    margin-top:150px;
  200.    margin-bottom:15px;
  201.    font-family:{font:link}!important;
  202.    text-transform:lowercase;
  203.    text-align:right;
  204. }
  205.  
  206. .header a, .posteos a, .wrapper a {
  207.     color:{color:link};
  208.     text-decoration:none;
  209.     font-family:{font:link}!important;
  210. }
  211.  
  212. .header a:hover, .posteos a:hover, .wrapper a:hover {
  213.     color:{color:link hover};
  214.     text-decoration:none;
  215. }
  216.  
  217. .header2 {
  218.    float: left;
  219.    width: 100%;
  220.    margin-bottom:{text:gap between posts}px;
  221. }
  222.  
  223. .header2 a {
  224.     font-family:{font:title}!important;
  225.     }
  226.  
  227. .title {
  228.     font-family:{font:title}!important;
  229.     {block:ifitalictitle}
  230. font-style:italic;
  231. {/block:ifitalictitle}
  232.     font-size:{text:title size}px;
  233.     }
  234.    
  235. .title a {
  236.  font-family:{font:title}!important;
  237.     color:{color:title};
  238.     text-decoration:none;
  239.     }
  240.  
  241.  
  242.  
  243. /*footer*/
  244.  
  245. .footer{
  246.    float: left;
  247.    width: 100%;  
  248.    margin-bottom:35px;
  249.    font-family:{font:link}!important;
  250. }
  251.  
  252. /*posteos*/
  253. .posteos {
  254.     margin-bottom:{text:gap between posts}px;
  255. }
  256.  
  257. .posteos img {
  258. max-width:100%;
  259. }
  260.  
  261. .posteos a {
  262.     font-family:{font:text}!important; font-weight:bold; text-decoration:underline;
  263.     }
  264.  
  265. .i iframe {
  266.     width:100%!important;
  267. }
  268.  
  269.  .even {
  270.     border-right: 1px solid #E2E4E7;
  271. border-bottom: 1px solid #E2E4E7;
  272. border-left: 1px solid #E2E4E7;
  273. padding:5px;
  274. }
  275.  
  276. .odd {
  277.    border-right: 1px solid #E2E4E7;
  278. border-bottom: 1px solid #E2E4E7;
  279. border-left: 1px solid #E2E4E7;
  280. padding:5px;
  281. }  
  282.  
  283. .odd:first-child {
  284.     border-top: 1px solid #E2E4E7;
  285. }
  286.  
  287.  
  288.  
  289. .tags {
  290.     z-index:2;
  291.     bottom:3px;
  292.     position:absolute;
  293.     }
  294.    
  295. .tags a {
  296.     font-family:{font:tags}!important;
  297.     text-decoration:none!important;
  298.     font-weight:normal;
  299.     color:{color:photo tags}
  300. }
  301.    
  302. .imagenes {
  303.         position:relative;
  304.     }
  305.  
  306. .tag:after {
  307.    content:", ";
  308. }
  309.  
  310. .tag:last-child:after {
  311.    content:"";
  312. }
  313.    
  314. .hide {
  315.     background:{color:boxes};
  316.     padding:5px;
  317.        opacity:0;
  318. filter: alpha (opacity=0)
  319. -webkit-transition: all 0.6s ease-out;
  320. -moz-transition: all 0.6s ease-out;
  321. transition: all 0.6s ease-out;
  322.     }
  323.    
  324. .otra:hover .hide {
  325.            opacity:1;
  326. filter: alpha (opacity=10)
  327. -webkit-transition: all 0.6s ease-out;
  328. -moz-transition: all 0.6s ease-out;
  329. transition: all 0.6s ease-out;
  330.     }
  331.    
  332.  
  333.  
  334. .arrow_box { margin-top:-3px; position: relative; background: {color:boxes}; border: 4px solid {color:boxes}; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-bottom-color: {color:boxes}; border-width: 15px; left: 50%; margin-left: -15px; }
  335.  
  336. .base a { text-decoration:none!important;} .base img {max-width:35px;}
  337.  
  338.  
  339. </style>
  340.  
  341. </head>
  342. <body>
  343. <div class="wrapper">
  344.  
  345.  
  346.  
  347.     <div class="header">
  348.    
  349. <div style="float:left; font-style:italic;" class="links">{CurrentPage}</div>
  350. {block:ifshowarchivelink}<a class="links" href="/archive">{lang:Archive}</a>{/block:ifshowarchivelink}
  351. {block:AskEnabled}<a class="links" href="/ask">{AskLabel}</a>{/block:AskEnabled}
  352. {block:SubmissionsEnabled}<a class="links" href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled}
  353. {block:HasPages}  {block:Pages}<a class="links" href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}
  354.     </div>
  355.    
  356.     <div class="header2">
  357.     <div class="des">
  358. <span class="title"><a href="/">{Title}</a></span></br>
  359. {block:Description}{Description}{/block:Description}
  360. </div>
  361.     </div>
  362.    
  363.    
  364.    
  365.     <div class="content">
  366.    
  367. {block:Posts}
  368.  <div class="posteos">
  369.  
  370. {block:Text}
  371. <div class="texto">
  372. {block:Title}<big>{Title}</big>{/block:Title}
  373. {Body}
  374.  
  375. {block:indexpage}
  376. <div class="base">
  377. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  378. <div style="float:right; max-width:200px;">{block:HasTags}
  379. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  380. </div>
  381. {/block:indexpage}
  382.  
  383.  
  384. </div>
  385. {/block:Text}
  386.  
  387.  
  388.  
  389. {block:Photo}
  390. <div class="imagenes">
  391. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  392. {block:IndexPage}<a href="{permalink}" title="{NoteCountWithLabel}">{/block:IndexPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/>{block:IndexPage}</a>{/block:IndexPage}
  393. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  394. {block:IndexPage}
  395. {block:HasTags}
  396. <div class="tags" style="letter-spacing:0px; padding:1px;">
  397. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}    
  398. </div>{/block:HasTags}
  399. {/block:IndexPage}
  400. </div>
  401. {/block:Photo}
  402.  
  403. {block:Photoset}
  404. <div class="otra">
  405. {Photoset-500}
  406.  
  407.  
  408.     {block:indexpage}
  409.     <div class="hide">
  410.  {block:indexpage}
  411. <a href="{permalink}">{lang:Permalink}</a>
  412. <div style="float:right;"><a href="{permalink}">{lang:Notes} {NoteCount}</a></div>
  413. </div>
  414. {/block:indexpage}
  415.  
  416. </div>
  417. {/block:Photoset}
  418.  
  419. {block:Quote}
  420. <div class="texto">
  421. <span style="font-family:'times'; font-size:140%; font-style:italic;">"{Quote}"</span>
  422. {block:Source}</br><b>{Source}</b></br>{/block:Source}
  423.  
  424. {block:indexpage}
  425. <div class="base">
  426. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  427. <div style="float:right; max-width:200px;">{block:HasTags}
  428. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  429. </div>
  430. {/block:indexpage}
  431.  
  432. </div>
  433. {/block:Quote}
  434.  
  435. {block:Link}
  436. <div class="texto">
  437. <a href="{URL}"><big><big>{Name}</big></big></a></br>
  438. {block:Description} {Description}{/block:Description}
  439.  
  440. {block:indexpage}
  441. <div class="base">
  442. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  443. <div style="float:right; max-width:200px;">{block:HasTags}
  444. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  445. </div>
  446. {/block:indexpage}
  447.  
  448. </div>
  449. {/block:Link}
  450.  
  451. {block:Chat}
  452. <div class="texto">
  453. {block:Title}
  454. <big>{Title}</big>
  455. {/block:Title}
  456.  
  457. {block:Lines}
  458.  <div class="{Alt} user_{UserNumber}">
  459. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  460. </div>
  461. {/block:Lines}
  462.  
  463.  
  464. {block:indexpage}
  465. <div class="base">
  466. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  467. <div style="float:right; max-width:200px;">{block:HasTags}
  468. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  469. </div>
  470. {/block:indexpage}
  471.  
  472. </div>
  473. {/block:Chat}
  474.  
  475.  
  476. {block:Video}
  477. <div class="otra">
  478. <div class="i">{Video-500}</div>
  479. {block:ifnotshowcaption}
  480. {block:indexpage}
  481. <div class="base">
  482. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  483. <div style="float:right; max-width:200px;">{block:HasTags}
  484. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  485. </div>
  486. {/block:indexpage}
  487. {/block:ifnotshowcaption}
  488. </div>
  489. {/block:Video}
  490.  
  491. {block:Audio}
  492.  
  493.  
  494. {block:AudioEmbed}
  495. <div class="otra">
  496.  
  497. <div class="i">{AudioEmbed-400}</div>
  498.  
  499. {block:ifnotshowcaption}
  500.     {block:indexpage}
  501.     <div class="hide">
  502.  {block:indexpage}
  503. <a href="{permalink}">{lang:Permalink}</a>
  504. <div style="float:right;"><a href="{permalink}">{lang:Notes} {NoteCount}</a></div>
  505. </div>
  506. {/block:indexpage}
  507. {/block:ifnotshowcaption}
  508. </div>
  509. {/block:AudioEmbed}
  510.  
  511.  
  512. {block:AudioPlayer}
  513. <div class="texto">
  514. <div style="min-width:50px!important;">
  515. {block:AlbumArt}
  516. <img src="{AlbumArtURL}" width="40" style="float:right;">
  517. {/block:AlbumArt}
  518. {AudioPlayerGrey}
  519. {block:Artist}<b>{Artist}</b>{/block:Artist} - {block:TrackName}{TrackName}{/block:TrackName}
  520. </div>
  521.  
  522. {block:indexpage}
  523. <div class="base">
  524. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  525. <div style="float:right; max-width:200px;">{block:HasTags}
  526. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  527. </div>
  528. {/block:indexpage}
  529.  
  530. </div>
  531. {/block:AudioPlayer}
  532.  
  533. {/block:Audio}
  534.  
  535. {block:Answer}
  536. <div class="texto">
  537. <b>{Asker}:</b>  <i>{Question}</i><br>
  538. {Answer}
  539.  
  540. {block:indexpage}
  541. <div class="base">
  542. <a href="{permalink}" title="{lang:Posted on Month DayOfMonth Year with NoteCount notes}">{block:ifnotpermalinkimage}{lang:Notes} {NoteCount}{/block:ifnotpermalinkimage} {block:ifpermalinkimage}<img src="{image:permalink}">{/block:ifpermalinkimage}</a>&nbsp;&nbsp;
  543. <div style="float:right; max-width:200px;">{block:HasTags}
  544. {lang:Filed under}: <span class="tagphoto">{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>{/block:Tags}</span>{/block:HasTags}</div>
  545. </div>
  546. {/block:indexpage}
  547.  
  548. </div>
  549. {/block:Answer}
  550.  
  551.  
  552. {block:ifshowcaption}
  553. {block:IndexPage}
  554. {block:Caption}
  555. <div class="arrow_box">
  556. {Caption}
  557.  
  558. </div>
  559. {/block:Caption}
  560. {/block:IndexPage}
  561. {/block:ifshowcaption}
  562.  
  563.  
  564. {block:IndexPage}
  565. {block:ContentSource}
  566. <div style="display:none;">
  567. <a href="{SourceURL}">{SourceTitle}</a>
  568. </div>
  569. {/block:ContentSource}
  570. {/block:IndexPage}
  571.  
  572.  
  573.  
  574.  
  575.  
  576.  
  577. {block:PermalinkPage}
  578. <div class="texto">
  579. {block:Caption}{Caption}{/block:Caption}<br>
  580. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{block:Tags}<br>{/block:HasTags}
  581. {block:RebloggedFrom}
  582. {lang:Posted on DayOfWeek DayOfMonth Month Year 2}.<br> {lang:Originally from ReblogRootName 2}, {lang:Reblogged from ReblogParentName 2}
  583. {/block:RebloggedFrom}
  584. <br>
  585. {block:PostNotes}
  586. {block:NoteCount} Notes {NoteCount}<br>{/block:NoteCount}
  587. {PostNotes}
  588. {/block:PostNotes}
  589. </div>
  590. {/block:PermalinkPage}
  591.  
  592.  
  593.  
  594.  
  595.  
  596. </div>
  597. {/block:Posts}
  598.  
  599.     </div>
  600.    
  601.     <div class="footer">
  602. {block:Pagination}
  603. <center>
  604. <span class="links">
  605.             {block:PreviousPage}
  606.                 <a href="{PreviousPage}">{lang:New}</a>&nbsp;&nbsp;
  607.             {/block:PreviousPage}
  608.            
  609. <i>{lang:CurrentPage of TotalPages}</i>    
  610.  
  611.             {block:NextPage}
  612.                 &nbsp;&nbsp;<a href="{NextPage}">{lang:Old}</a>
  613.             {/block:NextPage}
  614. </span>
  615. </center>
  616. {/block:Pagination}
  617.   </div>
  618.    
  619. </div>
  620. </body>
  621. </html>