API tools faq
paste
ru2

Let Go!

ru2
Feb 18th, 2012
436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <!--
  4. Theme >> Let Go!
  5. By >> Ruba [http://ru2.tumblr.com/]
  6. Icons in this theme: [http://glyphicons.com/]
  7. Background not mine, I don't know the owner!
  8. >> Free to use, to share and alter
  9.  
  10. >> Please give credit.
  11.  
  12. -->
  13. <head>
  14. <title>{Title}</title>
  15. <link href='http://fonts.googleapis.com/css?family=Reenie+Beanie' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Exo' rel='stylesheet' type='text/css'>
  17. <script type="text/javascript">
  18. WebFontConfig = {
  19. google: { families: [ 'Exo::latin' ] }
  20. };
  21. (function() {
  22. var wf = document.createElement('script');
  23. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  24. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  25. wf.type = 'text/javascript';
  26. wf.async = 'true';
  27. var s = document.getElementsByTagName('script')[0];
  28. s.parentNode.insertBefore(wf, s);
  29. })(); </script>
  30. <script language="JavaScript">
  31. </script>
  32. </head>
  33. <META name="color:Background" content="#F2EFE9">
  34. <META name="color:Text" content="#706F6B">
  35. <META name="color:Posts Background" content="transparent"/>
  36. <META name="color:Link" content="#A7CCCA"/>
  37. <META name="color:Hover" content="#ABC5D0"/>
  38. <META name="color:R1" content="#E6A3B6"/>
  39. <META name="image:SideImage" content="http://media.tumblr.com/tumblr_lzkscmM3P31qan8h1.jpg">
  40. <META name="image:Background" content="http://25.media.tumblr.com/tumblr_lzju29VxIR1r9g6hvo4_400.png">
  41. <META name="color:Nav" content="#EFF0F1" />
  42. <META name="color:NavbarLink" content="#A1C1BE" />
  43. <META name="color:Arrow" content="#E6A3B6" />
  44. <META name="color:ArrowBackground" content="#EFF0F1" />
  45. <META name="if:show Description " content="1" />
  46. <META name="if:showLink1 " content="1" />
  47. <META name="if:showLink2 " content="1" />
  48. <META name="text:Link1" content="">
  49. <META name="text:URL1" content="">
  50. <META name="text:Link2" content="">
  51. <META name="text:URL2" content="">
  52. <title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55.  
  56. <style type="text/css">
  57.  
  58. @import url(http://fonts.googleapis.com/css?family=Exo);
  59. body{
  60. color:{color:Text};
  61. background-color:{color:Background};
  62. background-image: url('{image:Background}');
  63. background-position:center;
  64. background-repeat: repeat;
  65. background-attachment: fixed;
  66. font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  67. font-size:9pt;
  68. line-height: 12px;
  69. text-align: justify;
  70. height: 100%;
  71. width: 100%;
  72. }
  73. A:link, A:visited, A:active{
  74. color: {color:Link};
  75. text-decoration:none;
  76. -webkit-transition: .4s;
  77. text-align: justify;
  78. }
  79. A:hover{
  80. color:{color:Hover};
  81. }
  82. a.ny:link,a.ny:active,a.ny:visited {
  83. font-size: 10px;
  84. font-family: tahoma;
  85. color:{color:Link};
  86. text-transform: uppercase;
  87. background:;
  88. padding-top: 3px;
  89. padding-bottom: 3px;
  90. padding-right: 3px;
  91. padding-left: 3px;
  92. }
  93. a.ny:hover {
  94. color:{color:Hover};
  95. }
  96.  
  97. #everything{
  98. width: 805px;
  99. }
  100.  
  101. #sidebar{
  102. width: 140px;
  103. color:{color:Text};
  104. margin-right:22px;
  105. top:110px;
  106. margin-bottom:17px;;
  107. width:200px;
  108. position:fixed;
  109. overflow:hidden;
  110. }
  111. #portrait1 {
  112. top:110px;
  113. position:fixed;
  114. width: 140px;
  115. height: 140px;
  116. margin-right: 7px;
  117. padding-top:17px;
  118. padding-left:937px;
  119. }
  120. #portrait1 .profilepic{
  121. background: url('{image:SideImage}');
  122. width: 140px;
  123. height: 140px;
  124. border: 5px solid {color:Nav};
  125. margin-top:83px;
  126. margin-bottom:;
  127. -moz-border-radius: 1em 4em 1em 4em;
  128. border-radius: 1em 4em 1em 4em;
  129. }
  130. .sidenav{
  131. height: 20px;
  132. width:140px;
  133. top:710px;
  134. PADDING-TOP:139PX;
  135. }
  136. .sidenav a:link, .sidenav a:active, .sidenav a:visited
  137. {
  138. height: 17px;
  139. width:140px;
  140. font-family: 'Exo', sans-serif;
  141. display: block;
  142. border-right: 9px solid {color:Nav};
  143. margin-bottom: 3px;
  144. text-align: right;
  145. font-size: 9px;
  146. height: 15px;
  147. width:120px;
  148. text-decoration: none;
  149. text-transform: uppercase;
  150. color:{color:NavbarLink};
  151. -webkit-transition: all 0.5s ease-in-out;
  152. -moz-transition: all 0.5s ease-in-out;
  153. -o-transition: all 0.5s ease-in-out;
  154. -ms-transition: all 0.5s ease-in-out;
  155. transition: all 0.5s ease-in-out;
  156. }
  157. .sidenav a:hover
  158. {
  159. color:{color:NavbarLink};
  160. border-right: 15px solid {color:R1};
  161. width:170px;
  162. padding-left: 19px;
  163. }
  164. Description{
  165. color:{color:Text};
  166. padding-left:30px;
  167. width:210px;
  168. padding-top:10px;
  169. opacity:0;
  170. overflow:auto;
  171. webkit-transition: opacity 1s linear;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;}
  172. }
  173. #content {
  174. padding-top:5cm;
  175. width: 510px;
  176. margin: auto;
  177. }
  178. .icon_quote, .icon_photo, .icon_video, .icon_text, .icon_chat, .icon_link, .icon_audio{
  179. position:absolute;
  180. left:327px;
  181. width:42px;
  182. height:52px;
  183. }
  184. .icon_quote{
  185. background:url(http://media.tumblr.com/tumblr_lzknf9HFmV1qan8h1.png) no-repeat;
  186. }
  187. .icon_photo{
  188. background:url(http://media.tumblr.com/tumblr_lzkn3goY8A1qan8h1.png) no-repeat;
  189. }
  190. .icon_video{
  191. background:url(http://media.tumblr.com/tumblr_lzkn5qT0xh1qan8h1.png) no-repeat;
  192. }
  193. .icon_text{
  194. background:url(http://media.tumblr.com/tumblr_lzkna8xnWl1qan8h1.png) no-repeat;
  195. }
  196. .icon_chat{
  197. background:url(http://media.tumblr.com/tumblr_lzkngdR9aO1qan8h1.png) no-repeat;
  198. }
  199. .icon_link{
  200. background:url(http://media.tumblr.com/tumblr_lzkn4xmYpz1qan8h1.png) no-repeat;
  201. }
  202. .icon_audio{
  203. background:url(http://media.tumblr.com/tumblr_lzknblHLlS1qan8h1.png) no-repeat;
  204. }
  205. .icon_q, .icon_a{
  206. position:absolute;
  207. width:70px;
  208. height:58px;
  209. }
  210. #center {
  211. width: 510px;
  212. border: 3px solid {color:Posts Background}
  213. margin: auto;
  214. }
  215. .entry {
  216. padding-top:9px;
  217. width: 500px;
  218. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  219. font-size: 12px;
  220. color: {color:Text};
  221. text-align: justify;
  222. z-index: 6;
  223. overflow: hidden;
  224. background: {color:Posts Background}
  225. }
  226.  
  227. .entry a {
  228. color: {color:Link};
  229. text-decoration: none;
  230. }
  231.  
  232. .entry h1 {
  233. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  234. font-size: 15px;
  235. color: {color:Text};
  236. font-weight: normal;
  237. text-align: left;
  238. }
  239.  
  240.  
  241. .entry h1 a {
  242. color: {color:Link};
  243. text-decoration: none;
  244. }
  245.  
  246. .entry h2 {
  247. font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', 'Times New Roman', sans-serif;
  248. font-size: 17px;
  249. color: {color:Hover};
  250. font-weight: normal;
  251. font-style: italic;
  252. letter-spacing: 3px;
  253. text-transform: lowercase;
  254. text-align: left;
  255. }
  256.  
  257. .entry blockquote {
  258. border-right: 5px solid {color:Hover};
  259. }
  260.  
  261.  
  262. .photo {
  263. text-align: right;
  264. opacity: .8;
  265. }
  266.  
  267.  
  268. .text img {
  269. opacity: .8;
  270. }
  271.  
  272.  
  273. .quote {
  274. font-family: georgia;
  275. font-size: 50px;
  276. color: {color:Text};
  277. float: left;
  278. }
  279.  
  280. .notes2 {
  281. font-family: lucida sans unicode;
  282. font-size: 10px;
  283. color: {color:R1};
  284. text-align: left;
  285. letter-spacing: 1px;
  286. line-height: 10px;
  287. margin-top: 5px;
  288. padding: 5px;
  289. }
  290.  
  291.  
  292. .notes2 a {
  293. color: {color:Link};
  294. text-decoration: none;
  295. -webkit-transition: all 0.5s ease;
  296. -moz-transition: all 0.5s ease;
  297. -o-transition: all 0.5s ease;
  298. }
  299.  
  300.  
  301. .notes2 a.tag {
  302. color: {color:R1};
  303. }
  304.  
  305.  
  306. .show a {
  307. font-size: 18px;
  308. font-family: lucida sans unicode;
  309. position: absolute;
  310. color: {color:R1};
  311. line-height: 20px;
  312. padding: 0px;
  313. text-decoration: none;
  314. }
  315.  
  316. .show a:hover {
  317. color: {color:Hover}
  318. }
  319.  
  320. .show {
  321. margin-left: 510px;
  322. opacity: 0;
  323. filter: alpha(opacity=0);
  324. -moz-opacity: 0;
  325. -khtml-opacity: 0;
  326. -webkit-transition: all 1s ease;
  327. -moz-transition: all 1s ease;
  328. -o-transition: all 1s ease;
  329. }
  330.  
  331. .entry:hover .show {
  332. opacity: 1;
  333. -moz-opacity: 1;
  334. -khtml-opacity: 1;
  335. }
  336.  
  337. .permalink {
  338. font-family: tinytots;
  339. font-size: 11px;
  340. color: {color:R1};
  341. text-transform: lowercase;
  342. text-align: center;
  343. width: 525px;
  344. float: right;
  345. }
  346.  
  347.  
  348. .permalink b {
  349. color: {color:R1};
  350. font-weight: normal;
  351. }
  352.  
  353.  
  354. #date {
  355. color: {color:Link};
  356.  
  357. }
  358.  
  359.  
  360. .permalink a {
  361. color: {color:Link};
  362. text-decoration: none;
  363. }
  364.  
  365. ol.notes {
  366. padding: 0px;
  367. margin: 15px 0px;
  368. list-style-type: none;
  369. background: transparent;
  370. border: 0px;
  371. letter-spacing: 0px;
  372. }
  373.  
  374.  
  375. ol.notes li.note {
  376. padding: 5px;
  377. text-align: left;
  378. border-top: 1px dotted {color:Hover};
  379. letter-spacing: 0px;
  380.  
  381. }
  382. #page {
  383. position: fixed;
  384. bottom: 182px;
  385. right: 182px;
  386. }
  387.  
  388. #page a {
  389. background-color: {color:ArrowBackground};
  390. -moz-border-radius: 35px;
  391. border-radius: 35px;
  392. display: inline-block;
  393. height: 50px;
  394. width: 65px;
  395. font-family: tahoma, sans-serif;
  396. font-size: 38px;
  397. color: #E6A3B6;
  398. text-decoration: none;
  399. line-height: 40px;
  400. text-align: center;
  401. }
  402. </style>
  403.  
  404. <body>
  405. {block:Pagination}<div id="page">
  406. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}
  407. {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  408. </div>{/block:Pagination}
  409. <div id="wrapper">
  410. <div id="right">
  411. <div id="sidebar">
  412. <div id="portrait1"><div class="profilepic">
  413. <p><p>
  414. <div class="sidenav">
  415. <center>
  416. <a href="/">HOME</a>
  417. <a href="/ask">ASK</a>
  418. <a href="archive" class="nav1">ARCHIVE</a>
  419. <a href="http://ru2themes.tumblr.com" class="nav1">THEMES</a>
  420. {block:IfshowLink1}<a href="{text:URL1}" class="nav1">{text:Link1}</a> {/block:IfshowLink1}
  421. {block:IfshowLink2}<a href="{text:URL2}" class="nav1">{text:Link2}</a> {/block:IfshowLink2}
  422. <br />{Description}<p/>
  423. </center>
  424. </div></div></div>
  425. </div>
  426. <div id="wrapper">
  427. <div id="center">
  428. {block:Posts}
  429.  
  430. <div id="content">
  431.  
  432. {block:Text}
  433. <div class="entry">
  434. <div class="corner_lt"></div>
  435. <div class="corner_rt"></div>
  436. <div class="icon_text"></div>
  437. <a href="{Permalink}" class="icon"></a>
  438. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  439. {block:Title}
  440. <h1><a href="{Permalink}">{Title}</a></h1>
  441. {/block:Title}
  442. <div class="text"><p>{Body}</p></div>
  443. <div class="notes2">
  444. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  445. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</div>
  446. {/block:Text}
  447.  
  448. {block:Photo}
  449. <div class="entry">
  450. <div class="corner_lt"></div>
  451. <div class="corner_rt"></div>
  452. <div class="icon_photo"></div>
  453. <a href="{Permalink}" class="icon"></a>
  454. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  455. <div class="photo"><center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></div>
  456. {block:Caption}
  457. <div class="text"><p>{Caption}</p></div>
  458. {/block:Caption}
  459. {block:PermalinkPage}{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}{/block:PermalinkPage}
  460. <div class="notes2">
  461. {block:Date}On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  462. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  463. </div>
  464. {/block:Photo}
  465.  
  466.  
  467. {block:Photoset}
  468. <div class="entry">
  469. <div class="corner_lt"></div>
  470. <div class="corner_rt"></div>
  471. <div class="icon_photo"></div>
  472. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  473. <center><div class="photo">{Photoset-500}</div>
  474. {block:Caption}
  475. <div class="text"><p>{Caption}</p></div>
  476. {/block:Caption}
  477. {block:PermalinkPage}{block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}{/block:PermalinkPage}
  478. <div class="notes2">
  479. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  480. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  481. </div>
  482. {/block:Photoset}
  483.  
  484. {block:Quote}
  485. <div class="entry">
  486. <div class="corner_lt"></div>
  487. <div class="corner_rt"></div>
  488. <div class="icon_quote"></div>
  489. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  490. <div class="quote">&#10077;</div>
  491. <h2>{Quote}</h2>
  492. {block:Source}<p><center>{Source}</center></p>{/block:Source}
  493. <div class="notes2">
  494. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  495. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  496. </div>
  497. {/block:Quote}
  498.  
  499. {block:Link}
  500. <div class="entry">
  501. <div class="corner_lt"></div>
  502. <div class="corner_rt"></div>
  503. <div class="icon_link"></div>
  504. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  505. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  506. {block:Description}<div class="text"><p>{Description}</p></div>{/block:Description}
  507. <div class="notes2">
  508. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  509. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  510. </div>
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. <div class="post">
  515. <div class="corner_lt"></div>
  516. <div class="corner_rt"></div>
  517. <div class="icon_chat"></div>
  518. <div class="entry">
  519. {block:Title}<h1>{Title}</h1>{/block:Title}
  520. {block:Lines}
  521. {block:Label}
  522. <p><b>{Label}</b>
  523. {/block:Label}
  524. {Line}</p>
  525. {/block:Lines}
  526. <div class="notes2">
  527. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount}❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  528. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  529. </div>
  530. {/block:Chat}
  531.  
  532. {block:Audio}
  533. <div class="entry">
  534. <div class="corner_lt"></div>
  535. <div class="corner_rt"></div>
  536. <div class="icon_audio"></div>
  537. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  538. {block:AlbumArt}
  539. <div class="photo"><img src="" alt=""></div>
  540. {/block:AlbumArt}
  541. <center><p>{AudioPlayerGrey}<br>
  542. <i>{FormattedPlayCount}</i> plays</p><¢er>
  543. {block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}
  544. <div class="notes2">
  545. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  546. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  547. </div>
  548. {/block:Audio}
  549.  
  550. {block:Video}
  551. <div class="entry">
  552. <div class="corner_lt"></div>
  553. <div class="corner_rt"></div>
  554. <div class="icon_video"></div>
  555. <div class="show"><a href="{Permalink}">{text:Permalink Symbol}</a></div>
  556. <center><p>{Video-500}</p>
  557. <center><i>{FormattedPlayCount}</i> plays</center></p>
  558. {block:Caption}<div class="text"><p>{Caption}</p></div>{/block:Caption}
  559. <div class="notes2">
  560. {block:Date} On <a href="{Permalink}">{TimeAgo}</a>{/block:Date}&nbsp;&nbsp;&nbsp;{block:NoteCount} ❖ <a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  561. {block:HasTags}{block:Tags}<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  562. </div>
  563. {/block:Video}
  564.  
  565. {block:Posts}
  566.  
  567. <div id="content">
  568.  
  569.  
  570.  
  571. {block:PermalinkPage}
  572. <div class="permalink">
  573. <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>
  574. {block:HasTags}<b>tags </b> {block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</center>
  575. {block:PostNotes}
  576. {PostNotes}
  577. {/block:PostNotes}
  578. </div>
  579. {/block:PermalinkPage}
  580. </div>
  581. {/block:Posts}
  582.  
  583. {block:Description}</div></div>
  584.  
  585. </div>
  586. </body>
  587. </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!