ru2

Memories

ru2
Dec 2nd, 2011
537
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.61 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. <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>
Advertisement
Add Comment
Please, Sign In to add comment