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

Memories

By: ru2 on Dec 2nd, 2011  |  syntax: None  |  size: 13.61 KB  |  hits: 248  |  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. <link href='http://fonts.googleapis.com/css?family=Junge' rel='stylesheet' type='text/css'>
  3. <script type="text/javascript">
  4.    WebFontConfig = {
  5.      google: { families: [ 'Junge::latin' ] }
  6.    };
  7.    (function() {
  8.      var wf = document.createElement('script');
  9.      wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  10.        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  11.      wf.type = 'text/javascript';
  12.      wf.async = 'true';
  13.      var s = document.getElementsByTagName('script')[0];
  14.      s.parentNode.insertBefore(wf, s);
  15.    })(); </script>
  16.  <head>
  17.  <title>{Title}</title>
  18.  <meta name="description" content="{MetaDescription}" />
  19.  <link rel="shortcut icon" href="{Favicon}" />
  20.  <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.  
  22. <META name="image:avatar" content="http://media.tumblr.com/tumblr_lvx3nf0pv71qan8h1.gif">
  23. <META name="image:Background" content="http://static.tumblr.com/q6qqnsd/59Mlxtxh1/untitled-6.jpg">
  24. <META name="color:body" content="#2b3742">
  25. <META name="color:postbackground" content="">
  26. <META name="color:description" content="#dcdde1">
  27. <META name="color:Title" content="#ef0577">
  28. <META name="color:link" content="#a0006a">
  29. <META name="color:Permalink Tab Background" content="#494750">
  30. <META name="color:Permalink Tab Time" content="#caae96">
  31. <META name="color:Permalink Tab Notes" content="#599e81">
  32. <META name="text:Link1" content="">
  33. <META name="text:URL1" content="">
  34. <META name="text:Link2" content="">
  35. <META name="text:URL2" content="">
  36. <META name="text:Link3" content="">
  37. <META name="text:URL3" content="">
  38. <META name="text:Link4" content="">
  39. <META name="text:URL4" content="">
  40.  <style type="text/css">
  41.  </style>
  42.  <script type="text/Javascript">
  43.  
  44.  } </script>
  45.  
  46.  
  47.  
  48.  <style type="text/css">
  49. @font-face {
  50. @import url(http://fonts.googleapis.com/css?family=Junge);
  51. font-family: "tinytots";
  52. src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
  53. }
  54. @font-face {
  55. font-family: "Yakout";
  56. src: url('http://static.tumblr.com/q6qqnsd/O9hlw4wo9/yakoutlinotypelight-regular.ttf');
  57. }
  58.  body {
  59. background: url('{image:Background}');
  60. font-family: 'Junge', serif,"Yakout";
  61. font-size : 13px;
  62. overflow-x: hidden;
  63. background-attachment: fixed;
  64. height: 100%;
  65. width: 100%;
  66.  }
  67.  b, strong, i, em, s, strike, u {
  68.  {color:link};
  69.  }
  70.  p {
  71.  margin : 5px 0 0 0;
  72.  line-height : 13px;
  73.  }
  74.  ul, ol {
  75.  margin: 5px 0 0 25px;
  76.  padding: 0;
  77.  }
  78.  img {
  79. text-align: right;
  80. opacity: .8;
  81. }
  82.  a, a:link, a:visited {
  83.  color: {color:link};
  84.  font-family : 'Junge', serif,"Yakout";
  85.  font-size : 12px;
  86.  text-decoration : none;
  87.  }
  88.  a:hover {
  89.  color: {color:Title};
  90.  font-family: 'Junge', serif,"Yakout";
  91.  font-size: 12px;
  92.  text-decoration: none;
  93.  }
  94.  blockquote {
  95.  margin: 1px 0 1px 2px;
  96.  padding: 1px 0 1px 4px;
  97.  border-left: 1px dashed {color:body};
  98.  border-bottom: 1px dashed {color:body};
  99.  }
  100.  blockquote p {
  101.  margin: 0;
  102.  padding: 0;
  103.  line-height: 12px;
  104.  }
  105.  
  106.  #whole {
  107.  width:850px;
  108.  margin: -10px;
  109.  }
  110.  
  111.  #awesome {
  112.  overflow: auto;
  113.  padding: 5px;
  114.  margint: 0px;
  115.  text-align: justify;
  116.  }
  117.  
  118.  .stripes {
  119.  position:absolute;
  120.  left:555px;
  121.  width: 580px;
  122.  margin: -10px 0px 15px 0px;
  123.  padding: 20px;
  124.  background: transparent
  125.  -moz-border-radius: 0px;
  126.  -webkit-border-radius: 0px;
  127.  }
  128.  
  129.  .dots {
  130.  background: url(http://media.tumblr.com/tumblr_lxu2fveouK1qan8h1.gif) center  no-repeat;
  131.  position: fixed;
  132.  left: 85px;
  133.  top:12px;
  134.  width: 235px;
  135.  padding-left:33px;
  136.  padding-right:33px;
  137.  padding-top:11px;
  138.  height:100%;
  139.  line-height:13px;
  140.  color: {color:description};
  141.  text-decoration: none;}
  142.  
  143.  }
  144. #pages {
  145.  position: fixed;
  146.  left: 10px;
  147.  bottom:10px;
  148. text-align: center;
  149. font-size: 30px;
  150. width: 225px;
  151. padding-bottom:35px;
  152.  
  153. }
  154. #sidebar a.link {
  155. color: {color:Link};
  156. font-family: 'Junge', serif,"Yakout";
  157. font-size: 7px;
  158. text-decoration: none;
  159. -moz-border-radius: 0px 0px 70px 70px;
  160. -webkit-border-radius: 0px 0px 70px 70px;
  161. border-radius: 0px 0px 70px 70px;
  162. -webkit-transition: all 0.5s ease;
  163. -moz-transition: all 0.5s ease;
  164. -o-transition: all 0.5s ease;
  165. }
  166.  
  167.  #right {
  168.  position: fixed;
  169.  left: 10px;
  170.  bottom:10px;
  171.  font: 12px 'Junge', serif, "Yakout";
  172.  line-height: 12px;
  173.  width: 212px;
  174.  background-color:{color:postbackground};
  175.  padding: 10px;
  176.  color: {color:body};
  177.  margin: 15px 0px 0px 0px;
  178.  -moz-border-radius: 5px;
  179.  -webkit-border-radius: 5px;
  180.  }
  181.  
  182.  
  183.  #header {
  184.  font: 70px 'Junge', serif, "Yakout";
  185.  letter-spacing: -5px;
  186.  align:right;
  187.  width:300px;
  188.  padding-top:10px;
  189.  }
  190.  
  191.  #header a {
  192.  color: {color:Title};
  193.  text-decoration: none;
  194.  font: 70px 'Junge', serif , "Yakout";
  195.  letter-spacing: -6px;
  196.  line-height:34px;
  197.  align:right;
  198.  }
  199.  
  200.  #header a:hover {
  201.  color: {color:link};
  202.  }
  203.  
  204.  #navigation {
  205.  text-transform: uppercase;
  206.  }
  207.  
  208.  #navigation a {
  209.  text-decoration: none;
  210. }
  211. .entry {
  212. width: 500px;
  213. padding: 5px;
  214. float: right;
  215. margin-bottom: 10px;
  216. font-family:'Junge', serif, 'Yakout';
  217. font-size:14px;
  218. z-index: 6;
  219. overflow: hidden;
  220. }
  221.  .post {
  222.  margin: 0 0 20px 0;
  223.  padding: 0;
  224.  text-align: justify;
  225.  width:580px;
  226.  }
  227.  .title {
  228.  font-size: 13px;
  229.  font-family: lucida sans unicode;
  230.  line-height: 19px;
  231.  }
  232.  .title a {
  233.  font-size: 13px;
  234.  font-family: lucida sans unicode;
  235.  line-height: 19px;
  236.  }
  237.  .quote {
  238.  font-size: 13px;
  239.  font-family: 'Junge', serif, "Yakout";
  240.  color:{color:body};
  241.  line-height: 28px;
  242.  text-align:left;
  243.  }
  244.  a.link {
  245.  font-size: 12px;
  246.  font-family: 'Junge', serif, "Yakout"
  247.  line-height: 14px;
  248.  text-decoration: none;
  249.  }
  250.  .question, .question a {
  251.  font-size: 12px;
  252.  font-family: 'Junge', serif, "Yakout"
  253.  line-height: 24px;
  254.  }
  255.  ul.chat {
  256.  list-style-type: none;
  257.  padding: 0;
  258.  margin: 0;
  259.  }
  260.  .user_1 .label, .user_3 .label, .user_5 .label { color: #bcbcbd; }
  261.  .user_2 .label, .user_4 .label, .user_6 .label {color:body};
  262.  ul.chat li {
  263.  margin: 3px 0 3px 0;
  264.  }
  265.  
  266.  a.index {
  267.  font-size: 12px;
  268.  font-family: lucida sans unicode;
  269.  line-height: 14px;
  270.  text-decoration: none;
  271.  display: block;
  272.  }
  273.  .head {
  274.  margin: 10px 0 0 0;
  275.  font-size: 12px;
  276.  font-family: lucida sans unicode;
  277.  font-color: {color:body};
  278.  line-height: 14px;
  279.  font-weight:bold;
  280.  }
  281. .perma {
  282. background-color: {color:Permalink Tab Background};
  283. font-family: tinytots;
  284. font-size: 8px;
  285. color: {color:Permalink Tab Notes};
  286. text-transform: uppercase;
  287. text-align: right;
  288. line-height: 12px;
  289. width: 83px;
  290. float: left;
  291. margin-top: 15px;
  292. padding: 2px;
  293. border-radius: 4px;
  294. -moz-border-radius: 5px;
  295. -webkit-border-radius: 5px;
  296. }
  297.  
  298. .perma a {
  299. color: {color:Permalink Tab Time};
  300. text-decoration: none;
  301. font-family: tinytots;
  302. font-size: 8px;
  303. }
  304.  
  305.  
  306.  
  307. .show {
  308. opacity: 0;
  309. filter: alpha(opacity=0);
  310. -moz-opacity: 0;
  311. -khtml-opacity: 0;
  312. -webkit-transition: all 1.5s ease;
  313. -moz-transition: all 1.5s ease;
  314. -o-transition: all 1.5s ease;
  315. }
  316.  
  317. .post:hover .show {
  318. opacity: 1;
  319. -moz-opacity: 1;
  320. -khtml-opacity: 1;
  321. }
  322.  
  323. .permalink {
  324. font-family: tinytots;
  325. font-size: 8px;
  326. color: {color:Content Text};
  327. text-transform: lowercase;
  328. text-align: center;
  329. width: 510px;
  330. width:410px;
  331. margin-left: 110px;
  332. }
  333.  
  334.  
  335. .permalink a {
  336. color: {color:post Link};
  337. text-decoration: none;
  338. }
  339.  
  340. ol.notes {
  341. padding: 0px;
  342. margin: 15px 0px;
  343. font-family: tinytots;
  344. list-style-type: none;
  345. background: transparent;
  346. border: 0px;
  347. letter-spacing: 0px;
  348. }
  349.  
  350. ol.notes li.note {
  351. padding: 5px;
  352. text-align: left;
  353. border-top: 1px dotted {color:post Text};
  354. letter-spacing: 0px;
  355. }
  356.  
  357.  {CustomCSS}
  358.  
  359.  </style>
  360.  <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  361.  
  362.  </head>
  363.  
  364.  <body>
  365. <div id="wrapper">
  366. <div id="left">
  367.  <div id="whole">
  368.  <div align="left">
  369.  <div id="awesome">
  370.  <div class="stripes">
  371.  {block:TagPage}<div class="head" style="text-align: center; text-transform: uppercase;">Posts tagged "{Tag}"</div><br/>{/block:TagPage}
  372.  
  373. {block:Posts}
  374. {block:Text}
  375. <div class="post">
  376. <div class="entry">
  377. {block:Title}
  378. <h1><a href="{Permalink}">{Title}</a></h1>
  379. {/block:Title}
  380. <div class="text"><p>{Body}</p></div>
  381. </div>
  382. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  383.  
  384. </div>
  385. {/block:Text}
  386.  
  387. {block:Photo}
  388. <div class="post">
  389. <div class="entry">
  390. <div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>
  391. {block:Caption}
  392. <div class="text"><p>{Caption}</p></div>
  393. {/block:Caption}
  394. {block:PermalinkPage}
  395. {block:Caption}
  396. <div class="text"><p>{Caption}</p></div>
  397. {/block:Caption}
  398. {/block:PermalinkPage}
  399. </div>
  400. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  401.  
  402. </div>
  403. {/block:Photo}
  404.  
  405.  
  406.  
  407. {block:Photoset}
  408. <div class="post">
  409. <div class="entry">
  410. <div class="photo">{Photoset-500}</div>
  411. {block:Caption}
  412. <div class="text"><p>{Caption}</p></div>
  413. {/block:Caption}
  414. {block:PermalinkPage}
  415. {block:Caption}
  416. <div class="text"><p>{Caption}</p></div>
  417. {/block:Caption}
  418. {/block:PermalinkPage}
  419. </div>
  420. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  421.  
  422. </div>
  423. {/block:Photoset}
  424.  
  425.  
  426.  
  427. {block:Quote}
  428. <div class="post">
  429. <div class="entry">
  430. <div class="quote">&#10077;</div>
  431. <h2>{Quote}</h2>
  432. {block:Source}<p><center>{Source}</center></p>{/block:Source}
  433. </div>
  434. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  435. </div>
  436. {/block:Quote}
  437.  
  438. {block:Link}
  439. <div class="post">
  440. <div class="entry">
  441. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  442. {block:Description}
  443. <div class="text"><p>{Description}</p></div>
  444. {/block:Description}
  445. </div>
  446. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  447. </div>
  448. {/block:Link}
  449.  
  450.  
  451. {block:Chat}
  452. <div class="post">
  453. <div class="entry">
  454. {block:Title}<h1>{Title}</h1>{/block:Title}
  455. {block:Lines}
  456. {block:Label}
  457. <p><b>{Label}</b>
  458. {/block:Label}
  459. {Line}</p>
  460. {/block:Lines}
  461. </div>
  462. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  463. </div>
  464. {/block:Chat}
  465.  
  466.  
  467. {block:Audio}
  468. <div class="post">
  469. <div class="entry">
  470. {block:AlbumArt}
  471. <div class="photo"></div>
  472. {/block:AlbumArt}
  473. <center><p>{AudioPlayerGrey}<br>
  474. <i>{FormattedPlayCount}</i> plays</p></center>
  475. {block:Caption}
  476. <div class="text"><p>{Caption}</p></div>
  477. {/block:Caption}
  478. {block:PermalinkPage}
  479. {block:Caption}
  480. <div class="text"><p>{Caption}</p></div>
  481. {/block:Caption}
  482. {/block:PermalinkPage}
  483. </div>
  484. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  485. </div>
  486. {/block:Audio}
  487.  
  488.  
  489.  
  490. {block:Video}
  491. <div class="post">
  492. <div class="entry">
  493. {Video-400}
  494. <p><center><i>{FormattedPlayCount}</i> plays</center></p>
  495. {block:Caption}
  496. <div class="text"><p>{Caption}</p></div>
  497. {/block:Caption}
  498. {block:PermalinkPage}
  499. {block:Caption}
  500. <div class="text"><p>{Caption}</p></div>
  501. {/block:Caption}
  502. {/block:PermalinkPage}
  503. </div>
  504. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  505. </div>
  506. {/block:Video}
  507.  
  508.  
  509. {block:Answer}
  510. <div class="post">
  511. <div class="entry">
  512. <div class="ask">
  513. <h3>{Asker} whispered,</h3>
  514. <p>{Question}</p>
  515. </div>
  516. <p>{Answer}</p>
  517. </div>
  518. <p class="perma">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p>
  519. </div>
  520. {/block:Answer}
  521.  
  522. {block:PermalinkPage}
  523. <div class="permalink">
  524. <center><div id="date">{block:Date}{12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date}</div>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a>  &nbsp;  <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<Br>
  525. {block:PostNotes}
  526. {PostNotes}
  527. {/block:PostNotes}
  528. </div>
  529. {/block:PermalinkPage}
  530.  
  531. {/block:Posts}
  532.  </div>
  533.  <div class="dots">
  534.  <div id="header">
  535.  <a href="/">{Title}</a>
  536.  </div><br><br><br><br><br><br><br><br><br></p></p></p></p></p></p></p></p></p></p></p></p> <p align="center"><a href="http://www.tumblr.com/follow/{Name}"><img src="http://media.tumblr.com/tumblr_lxtyfyJp0O1qan8h1.gif" /></a>  <a href="/"><img src="http://media.tumblr.com/tumblr_lxtyj8idDZ1qan8h1.gif" /></a>  <a href="http://ru2themes.tumblr.com/ask"><img src="http://media.tumblr.com/tumblr_lxu2ip2WGt1qan8h1.png" /></a>  <a href="/archive"><img src="http://media.tumblr.com/tumblr_lxu2ko6F8m1qan8h1.png" /></a>  <a href="http://ru2themes.tumblr.com/"><img src="http://media.tumblr.com/tumblr_lxu2kuINI71qan8h1.png" /></a>
  537.  
  538. <center><img src="{image:avatar}" width="190"></img>
  539. <br>
  540. {block:Description}{Description}{/block:Description}
  541.  <br><br>
  542. </p>
  543. {block:IfLink1}<p><a class="link" href="{text:URL1}">{text:Link1}</a>{/block:IfLink1}
  544. {block:IfLink2}/ <a class="link" href="{text:URL2}">{text:Link2}</a>{/block:IfLink2}
  545. {block:IfLink3}/ <a class="link" href="{text:URL3}">{text:Link3}</a>{/block:IfLink3}
  546. / <a class="link" href="{text:URL4}">{text:Link4}</a>
  547. <p/><br/><p/>
  548. <div id="pages">
  549. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://media.tumblr.com/tumblr_lxu2l3jumj1qan8h1.png" /></a>
  550.  {block:PreviousPage}{block:NextPage}<a href="{NextPage}"><img src="http://media.tumblr.com/tumblr_lxu2la48VF1qan8h1.png" /></a>{block:NextPage}
  551. </div>
  552.  </div>
  553.  <div id="sideheader">
  554.  </div>
  555.  </div>
  556.  </body>
  557.  </html>
create a new version of this paste RAW Paste Data