API tools faq
paste
ru2

Path Layout

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