ru2

Once In A Lifetime

ru2
Sep 11th, 2012
354
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5. Theme >>Once In A Lifetime
  6.  
  7. By >> Ruba [http://ru2.tumblr.com/]
  8.  
  9. >> Free to use, to share and alter
  10.  
  11. >> Please give credit.
  12.  
  13. -->
  14.  
  15. <html>
  16. <title>{title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. <META name="color:Background" content="#fff" />
  20. <META name="color:Post" content="#fdfdf5" />
  21. <META name="color:Text" content="#3f4940" />
  22. <META name="color:Ask Bg" content="#f3f3f1" />
  23. <META name="color:Ask Text" content="#000" />
  24. <META name="color:Sidebar" content="#fdfdf5" />
  25. <META name="color:Title" content="#7c895b" />
  26. <META name="color:Nav Link" content="#c8cf4b">
  27. <META name="color:Nav Link Hover" content="#fccb8d">
  28. <META name="color:Link" content="#8e6233" />
  29. <META name="color:Link Hover" content="#e8d3b4" />
  30. <META name="color:Note" content="#8a975f" />
  31. <META name="color:Note border" content="#3f4940" />
  32. <META name="color:Tagges" content="#cec7b4" />
  33. <META name="color:Arrow" content="#0000" />
  34. <META name="color:Arrow Background" content="#E2E9D4" />
  35. <META name="color:Scrollbar btt" content="#c8cf4b" />
  36. <META name="color:Scrollbar bg" content="#ffffff" />
  37. <META name="image:background" content="" />
  38. <META name="image:Sidebar Image" content="http://media.tumblr.com/tumblr_m3905bpfD91qan8h1.png"/>
  39. <META name="text:Link1" content="" />
  40. <META name="text:Link1URL" content=""/>
  41. <META name="text:Link2" content="" />
  42. <META name="text:Link2URL" content=""/>
  43. <META name="text:Link3" content="" />
  44. <META name="text:Link3URL" content=""/>
  45. <head>
  46. <style type="text/css">
  47. body {
  48. background-image: url('{image:background}');
  49. background-attachment:fixed;
  50. background-color:{color:background};
  51. font-family:;
  52. font-size:10px;
  53. line-height:14px;
  54. text-align:justify;}
  55. ::-webkit-scrollbar-thumb:vertical {
  56. background-color: {color:scrollbar btt};
  57. height: 30px;}
  58. ::-webkit-scrollbar {
  59. height: 30px;
  60. width: 7px;
  61. background-color: {color:scrollbar bg};}
  62. iframe#tumblr_controls {
  63. position: fixed !important;
  64. right:2px !important;
  65. -moz-transition: all 0.8s ease-out;
  66. -webkit-transition: opacity 0.7s linear;
  67. -webkit-transition: all 0.8s ease-out;
  68. transition: all 0.8s ease-out;
  69. opacity: 0.5;}
  70. iframe#tumblr_controls:hover {
  71. -webkit-transition: opacity 0.7s linear;
  72. -moz-transition: all 0.4s ease-out;
  73. -webkit-transition: all 0.4s ease-out;
  74. transition: all 0.4s ease-out;
  75. opacity: 1;}
  76. #posts {
  77. width:440px;
  78. margin-left:300px;
  79. margin-top:20px;
  80. text-align:justify;
  81. font-size:10px;
  82. z-index:9;
  83. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;}
  84. .post{
  85. width:410px;}
  86. .entries {
  87. color:{color:text};
  88. background-color:{color:Post};
  89. position:relative;
  90. width:400px;
  91. overflow:hidden;
  92. margin:10px;
  93. padding:10px;
  94. }
  95. .entries blockquote {
  96. border-left: 3px solid {color:Link};
  97. padding-left: 8px;
  98. margin-left: 10px;
  99. }
  100. .entries a{
  101. color:{color:Link};
  102. text-decoration:none;
  103. }
  104. .entries a:hover{
  105. color:{color:Link Hover};}
  106. .entries h1 {
  107. font-family: arial;
  108. font-weight:normal;
  109. font-size:16px;
  110. padding-left:10px;
  111. letter-spacing:1px;
  112. font-style:none;
  113. text-align:left;
  114. padding-bottom:2px;
  115. padding-top:3px;}
  116. .entries h2 {
  117. font-family: arial;
  118. font-size:16px;
  119. font-weight:normal;
  120. text-align:left;
  121. padding-bottom:8px;
  122. }
  123. .entries h3 {
  124. font-family: arial;;
  125. font-weight:normal;
  126. font-size:16px;
  127. padding-left:10px;
  128. letter-spacing:1px;
  129. text-align:left;
  130. margin-bottom:2px;
  131. padding-bottom:6px;
  132. padding-top:3px;}
  133. .entries img {
  134. max-width:400px;
  135. opacity:.7;
  136. -webkit-transition: all 0.9s ease-in-out;
  137. -moz-transition: all 0.9s ease-in-out;
  138. -o-transition: all 0.9s ease-in-out;
  139. -ms-transition: all 0.9s ease-in-out;
  140. transition: all 0.9s ease-in-out;}
  141. .entries img:hover{
  142. opacity:1;}
  143. .rapp{
  144. position:relative;
  145. font-size:34px;
  146. color:{color:border1};
  147. margin-left:-10px;
  148. padding-right:6px;
  149. margin-top:-5px;
  150. float:left;}
  151. .photo{
  152. opacity:.7;
  153. -webkit-transition: all 0.7s ease-in-out;
  154. -moz-transition: all 0.7s ease-in-out;
  155. -o-transition: all 0.7s ease-in-out;
  156. -ms-transition: all 0.7s ease-in-out;
  157. transition: all 0.7s ease-in-out;}
  158. .photo:hover{
  159. opacity:1;}
  160. .hala{
  161. padding-top:5px;
  162. margin-left:-5px;
  163. padding-left:6px;
  164. line-height:14px;}
  165. .hala b{
  166. letter-spacing:0px;}
  167. .hala .lines {
  168. margin-left:0px;}
  169. .hala .lines .line{
  170. padding:4px;
  171. border-bottom:1px dotted ;}
  172. .hala .lines .odd {
  173. border-bottom:1px dotted ;}
  174. .melaf{
  175. background: #fff;
  176. text-align:center;
  177. margin-left:8px;
  178. margin-top:8px;
  179. position:absolute;
  180. overflow:hidden;
  181. width:11px;
  182. height:40px;
  183. opacity:.7;
  184. border:10px solid #fff;}
  185. .sout{
  186. padding:1px;
  187. margin-top:5px;
  188. margin-left:-10px;
  189. background-color: #fff;}
  190. .sout:hover{
  191. opacity:1;}
  192. .moshagl{
  193. margin-left:0px;}
  194. .moshagl img{
  195. max-width:60px;
  196. border:8px solid ;
  197. float:left;}
  198. .ask {
  199. padding:8px;
  200. font-style:none;
  201. font-size:14px;
  202. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  203. text-transform:uppercase;}
  204. .ask a{
  205. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  206. text-transform:uppercase;}
  207. .ask img{
  208. border-radius:100px;}
  209. table{
  210. margin-left:-3px;
  211. width:405px;
  212. }
  213. th{
  214. border:0px solid #999;
  215. border-collapse:collapse;
  216. padding:2px;
  217. width:50px;}
  218. td{
  219. text-align:right;
  220. border:0px solid;}
  221. {block:indexpage}
  222. .info{
  223. position:relative;
  224. margin-top:8px;
  225. margin-left:0px;
  226. width:49px;
  227. -webkit-border-radius: 70px;
  228. -moz-border-radius: 70px;
  229. border-radius: 70px;
  230. text-align:center;
  231. font-size:9px;
  232. line-height:10px;
  233. letter-spacing:0px;
  234. padding:1px;
  235. border-top:2px solid {color:Note border};
  236. color:{color:Note};
  237. font-family:consolas;
  238. text-transform:uppercase;
  239. -webkit-transition: all 0.7s ease-in-out;
  240. -moz-transition: all 0.7s ease-in-out;
  241. -o-transition: all 0.7s ease-in-out;
  242. -ms-transition: all 0.7s ease-in-out;
  243. transition: all 0.7s ease-in-out;}
  244. .info a{
  245. color:{color:Note};
  246. text-decoration:none;
  247. letter-spacing:0px;
  248. font-family: consolas;
  249. text-transform:uppercase;
  250. font-size:10px;}
  251. {/block:indexpage}
  252. .tagged{
  253. font-family:tahoma;
  254. color:{color:Note};
  255. margin-top:1px;
  256. margin-bottom:-2px;
  257. width:400px;
  258. text-tranform:none;
  259. padding:2px;}
  260. .tagged a{
  261. font-family:tahoma;
  262. font-size:9px;
  263. color:{color:tagges};
  264. text-transform:none;}
  265. {block:PermalinkPage}
  266. .permalink {
  267. width:410px;
  268. position: relative;
  269. text-align: left;
  270. margin-left:10px;
  271. margin-top:-10px;
  272. padding-left:10px;
  273. padding-bottom:10px;
  274. padding-top:10px;
  275. font-size:10px;
  276. line-height:12px;
  277. font-family:georgia;
  278. color: {color:text};
  279. background-color:{color:Post};}
  280. .permalink a {
  281. color: {color:Note};
  282. text-decoration: none;
  283. font-family:tahoma;
  284. font-size:10px;}
  285. .permalink a:hover {
  286. color: {color:Link Hover};
  287. text-decoration: none;}
  288. .permalink h4{
  289. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  290. font-weight:normal;
  291. font-size:16px;
  292. margin-left:2px;
  293. width:385px;
  294. margin-bottom:-16px;
  295. margin-top:-5px;
  296. padding-left:10px;
  297. color:{color:link};
  298. letter-spacing:1px;
  299. font-style:none;
  300. text-align:left;
  301. padding-bottom:2px;
  302. border-top:6px solid #fff;
  303. padding-top:3px;}
  304. .permalink h5 {
  305. font-family: arial;
  306. font-weight:normal;
  307. font-size:10px;
  308. margin-left:-5px;
  309. padding-left:10px;
  310. color:{color:Text};
  311. letter-spacing:1px;
  312. font-style:none;
  313. text-align:left;
  314. padding-bottom:2px;
  315. padding-top:3px;}
  316. ol.notes {
  317. background-color:{color:Post};
  318. font-family:tahoma;
  319. font-size:10px;
  320. padding-top:2px;
  321. border: 0px;
  322. padding-left:20px;
  323. margin-top:-10px;
  324. width:376px;
  325. list-style-type: decimal;}
  326. ol.notes li.note {
  327. background-color:{color:Post};
  328. padding:2px;
  329. width:380px;
  330. letter-spacing: 0px;
  331. text-align: left;
  332. }
  333. ol.notes li.note a{
  334. color:{color:Link};
  335. background-color:{color:Post};
  336. font-family:tahoma;
  337. text-transform:none;
  338. letter-spacing:0px;
  339. font-size:10px;
  340. ol.notes li.note img.avatar {
  341. vertical-align: -4px;
  342. margin-right: 0px;
  343. display:none;}
  344. {/block:PermalinkPage}
  345. #page {
  346. position: fixed;
  347. bottom: 400px;
  348. left: 111px;
  349. width:150px;}
  350. #page a {
  351. display: inline-block;
  352. height:30px;
  353. width:30px;
  354. -webkit-border-radius: 20px;
  355. -moz-border-radius: 20px;
  356. border-radius: 20px;
  357. font-family: tahoma, sans-serif;
  358. font-size: 16px;
  359. color: {color:Arrow};
  360. background-color: {color:Arrow Background};
  361. text-decoration: none;
  362. line-height: 40px;
  363. text-align: center;}
  364. #bar{
  365. position:fixed;
  366. margin-top:120px;
  367. width:400px;}
  368. #sidebar{
  369. opacity:0.4;
  370. filter:alpha(opacity=40);
  371. width:200px;
  372. margin-top: 3px;
  373. margin-left:150px;
  374. font-family: lucida sans unicode;
  375. background-color:{color:sidebar};
  376. padding-top: 180px;
  377. margin-left: 0px;
  378. padding-right: 0px;
  379. margin-bottom: 37px;
  380. top: 0;
  381. left:40px;
  382. position: fixed;
  383. -moz-border-radius: 0px 0px 10px 10px;
  384. -webkit-border-radius: 0px 0px 10px 10px;
  385. border-radius: 0px 0px 10px 10px;
  386. -webkit-transition: all 1.5s ease;
  387. -moz-transition: all 1.5s ease;
  388. -o-transition: all 1.5s ease;
  389. margin-top: -190px;
  390. border-radius:10px;
  391. border-top:4px solid {color:Scrollbar btt};
  392. border-left:5px solid {color:Scrollbar btt};
  393. border-right:5px solid {color:Scrollbar btt};}
  394.  
  395. #sidebar:hover{
  396. opacity:1.0;
  397. filter:alpha(opacity=100);
  398. padding-top: 300px;
  399. }
  400.  
  401. #sidebar img{
  402. width: 230px;
  403. height:270px;
  404. margin-left:-20px;
  405. border: 5px solid color:{color:Scrollbar bg};
  406. -webkit-transition: 0.7s ease-in-out;
  407. -moz-transition: 0.7s ease-in-out;
  408. -o-transition: 0.7s ease-in-out;
  409. }
  410. #sidebar img:hover{
  411. width: 190px;
  412. height:190px;
  413. border: 3px solid color:{color:Scrollbar bg};
  414. margin-left:0px;
  415. -webkit-border-radius: 200px;
  416. -moz-border-radius: 200px;
  417. border-radius: 200px;
  418. -webkit-transition: 0.7s ease-in-out;
  419. -moz-transition: 0.7s ease-in-out;
  420. -o-transition: 0.7s ease-in-out;
  421. }
  422. #tit{
  423. position:fixed;
  424. width:190px;
  425. padding:16px;
  426. font-family:arial;
  427. letter-spacing:-1px;
  428. color:{color:text};}
  429. #tit h1{
  430. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  431. font-size:16px;
  432. letter-spacing:-1px;
  433. padding:0px;
  434. max-width:200px;
  435. text-align:center;
  436. font-weight:normal;
  437. color:{color:Title};
  438. margin-bottom:2px;
  439. padding-bottom:2px;}
  440. #tit a{
  441. text-decoration:none;
  442. color:{color:Link};}
  443. #NAV{
  444. position:fixed;
  445. margin-left:-6px;
  446. margin-top:-42px;}
  447. #NAV a{
  448. display:inline-block;
  449. font-size:9px;
  450. width:50px;
  451. text-decoration:none;
  452. text-align:center;
  453. height:11px;
  454. font-family:consolas;
  455. text-transform:uppercase;
  456. margin-top:2px;
  457. background-color:{color:border1};
  458. color:{color:Nav Link};
  459. padding:1px;
  460. -webkit-transition: all 0.7s ease-in-out;
  461. -moz-transition: all 0.7s ease-in-out;
  462. -o-transition: all 0.7s ease-in-out;
  463. -ms-transition: all 0.7s ease-in-out;
  464. transition: all 0.7s ease-in-out;}
  465. #NAV a:hover{
  466. background-color:{color:border2};
  467. color:{color:Nav Link Hover};}
  468. #morelinks{
  469. position:relative;
  470. text-align:center;
  471. margin-top:-15px;
  472. margin-bottom:20px;}
  473.  
  474. #morelinks a{
  475. display:inline-block;
  476. font-size:8px;
  477. letter-spacing:0px;
  478. width:50px;
  479. text-decoration:none;
  480. text-align:center;
  481. height:11px;
  482. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  483. text-transform:uppercase;
  484. margin-top:2px;
  485. background-color:{color:Scrollbar bg};
  486. color:{color:Nav Link};
  487. padding:1px;
  488. -webkit-transition: all 0.7s ease-in-out;
  489. -moz-transition: all 0.7s ease-in-out;
  490. -o-transition: all 0.7s ease-in-out;
  491. -ms-transition: all 0.7s ease-in-out;
  492. transition: all 0.7s ease-in-out;}
  493.  
  494. #morelinks a:hover{
  495. background-color:{color:Scrollbar bg};
  496. color:{color:Nav Link Hover};}
  497. {CustomCSS}
  498. </style>
  499. </head>
  500. <body>
  501. <div id="bar">
  502. <div id="sidebar"><div id="NAV"> <p>{Description}</p>
  503. <a href="/">home</a>
  504. <a href="/ask">message</a>
  505. <a href="/archive">archives</a>
  506. <a href="http://ru2themes.tumblr.com/">themes</a></div></p>
  507. <center><img src="{image:Sidebar Image}"></center>
  508. <div id="morelinks">
  509. <a href="{text:Link1URL}">{text:Link1}</a>
  510. <a href="{text:Link2URL}">{text:Link2}</a>
  511. <a href="{text:Link3URL}">{text:Link3}</a>
  512. <id="tit"><h1>{Title} </h1></div>
  513. </div></div></div></div></div></div></div>
  514. {block:Pagination}<div id="page">
  515. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}&nbsp;&nbsp;{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}</div>{/block:Pagination}
  516. </div></div></div></div></div></div></div>
  517. <div id="posts">
  518. {block:Posts}
  519. <div class="post">
  520. <div class="entries">
  521. {block:Text}
  522. {block:Title}
  523. <h1><div class="rapp">-</div>{Title} </h1>
  524. {/block:Title}
  525. {Body}
  526. {/block:Text}
  527. {block:Photo}
  528. <center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}</center>
  529. {block:Caption}{Caption}{/block:Caption}
  530. {block:PermalinkPage}{block:Caption}
  531. {Caption}
  532. {/block:Caption}{/block:PermalinkPage}
  533. {/block:Photo}
  534. {block:Photoset}
  535. <div class="photo">{Photoset-400}</div>
  536. {block:Caption}{Caption}{/block:Caption}
  537. {block:PermalinkPage}{block:Caption}
  538. {Caption}{/block:Caption}{/block:PermalinkPage}
  539. {/block:Photoset}
  540. {block:Quote}
  541. <h2>{Quote}</h2>
  542. {block:Source}<i><p align="right" style="margin-top:-15px; font-family:arial; text-transform:lowercase;">— {Source}{/block:Source}</i>
  543. {/block:Quote}
  544. {block:Link}
  545. <h3><div class="rapp">-</div><a href="{URL}" class="link" {Target}>{Name} </a> </h3>
  546. {block:Description}
  547. <div class="description">{Description}</div>
  548. {/block:Description}
  549. {/block:Link}
  550. {block:Chat}
  551. {block:Title}<h1>{Title}</h1>{/block:Title}
  552. <div class="hala">{block:Lines}
  553. <div class="lines"><div class="line {Alt}">
  554. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  555. </div></div>{/block:Lines}</div>
  556. {/block:Chat}
  557. {block:Video}
  558. {Video-400}
  559. <center><i>{FormattedPlayCount}</i> plays</center><br />
  560. {block:Caption}{Caption}{/block:Caption}
  561. {block:PermalinkPage}{block:Caption}
  562. {Caption}
  563. {/block:Caption}{/block:PermalinkPage}
  564. {/block:Video}
  565. {block:Audio}<br/>
  566. {block:AlbumArt}<div class="album-art"><img src="{AlbumArtURL}" height="50px"></div>{/block:AlbumArt}
  567. {AudioPlayerWhite}
  568. {block:Caption}{Caption}{/block:Caption}
  569. {block:PermalinkPage}{block:Caption}
  570. {Caption}{/block:Caption}{/block:PermalinkPage}
  571. {PlayCountWithLabel}<br><br>
  572. {/block:Audio}
  573. {block:Answer}
  574. <table>
  575. <tr><td colspan="2" style="padding:8px; text-align:center; background-color:{color:ask bg}; color:{color:ask text};">{Question}</td></tr>
  576. <tr>
  577. <td width="310"><div style="position:relative;margin-top:-15px;margin-left:20px; color:{color:ask bg};">◥</div></td><td width="10"style="text-align::left; padding-left:0px; font-family:consolas;
  578. font-size:9px; letter-spacing:0px;
  579. text-transform:uppercase;">{Asker}</td><tr>
  580. <td colspan="3" style="text-align:left; padding-left:5px;">{Answer}</td>
  581. </table>
  582. {/block:Answer}
  583. {block:IndexPage}
  584. <div class="info"><a href="{ReblogURL}" target="_blank"><img src="http://media.tumblr.com/tumblr_ma4lvmiiCj1qan8h1.png" /></a></br>
  585. <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}{NoteCount}{/block:NoteCount}
  586. <div class="tagged">{block:HasTags}
  587. {block:Tags}<a href="{TagURL}"> •{Tag}</a>{/block:Tags}
  588. {/block:HasTags}</div>
  589. </div>
  590. {/block:IndexPage}
  591. </div>
  592. {block:PermalinkPage}
  593. <div class="Permalink">
  594. <h4>{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} with {NoteCount}{/block:NoteCount}</h4>
  595. {block:HasTags}▸ Tags: {block:Tags}
  596. •<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</h5>
  597. {block:PostNotes}
  598. {PostNotes}
  599. {/block:PostNotes}
  600. </div>
  601. {/block:PermalinkPage}
  602. </div>
  603. {block:ContentSource}
  604. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  605. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  606. {/block:SourceLogo}
  607. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  608. {/block:ContentSource}
  609.  
  610. {/block:Posts}
  611. </div>
  612. </body>
  613. </html>
Advertisement
Add Comment
Please, Sign In to add comment