API tools faq
paste
Advertisement
dreamermeetsreality

Elysian - Infinity and Beyond Theme

dreamermeetsreality
Dec 20th, 2012
345
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.74 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!--
  4. INFINITY AND BEYOND THEME BY DREAMERMEETSREALITY
  5. DO NOT REMOVE CREDIT
  6. CREDITS:
  7. BACKGROUND PHOTO: ITSCREAMIE.TUMBLR.COM
  8. -->
  9.  
  10. <head>
  11.  
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}"/>
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  16.  
  17. <meta name="color:background" content="#FFFFFF" />
  18. <meta name="color:text" content="#00ABFF" />
  19. <meta name="color:description text" content="#fff" />
  20. <meta name="color:title" content="#665C49" />
  21. <meta name="color:photo border" content="#FFFFFF" />
  22. <meta name="color:links" content="#665C49" />
  23. <meta name="color:links hover" content="#000000" />
  24. <meta name="color:main links bg" content="#AAB3AB" />
  25. <meta name="color:main links" content="#FFFFFF" />
  26. <meta name="color:main links hover" content="#000000" />
  27. <meta name="color:bold" content="#00ABFF" />
  28. <meta name="color:italic" content="#AAB3AB" />
  29. <meta name="color:posts" content="#FFFFFF" />
  30. <meta name="color:posts bg" content="transparent" />
  31. <meta name="color:posts border" content="#AAB3AB" />
  32. <meta name="color:ask bg" content="#AAB3AB" />
  33. <meta name="color:scrollbar" content="#AAB3AB" />
  34. <meta name="color:scrollbar bg" content="#000000" />
  35. <meta name="color:down" content="#000000" />
  36. <meta name="image:background" content="http://static.tumblr.com/eajbays/igtmf3ovs/tumblr_lxs1i4fajd1rnpeyto1_100.png" />
  37. <meta name="image:down" content="" />
  38. <meta name="image:posts" content="" />
  39. <meta name="text:Link1" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link3" content="" />
  42. <meta name="text:Link4" content="" />
  43. <meta name="text:Link1URL" content="" />
  44. <meta name="text:Link2URL" content="" />
  45. <meta name="text:Link3URL" content="" />
  46. <meta name="text:Link4URL" content="" />
  47. <meta name="if:Links" content="0" />
  48. <meta name="if:RoundedPosts" content="0" />
  49. <meta name="if:ShowCaptions" content="0" />
  50. <meta name="if:FadingImages" content="1" />
  51.  
  52. <link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
  53.  
  54. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  55.  
  56.  
  57. <style type="text/css">
  58.  
  59. body
  60. {
  61. background: url("{image:background}") {color:background};
  62. background-attachment: fixed;
  63. color: {color:text};
  64. font-family: consolas;
  65. font-size: 12px;
  66. letter-spacing: -1px;
  67. }
  68.  
  69. a, a:link, a:active, a:visited
  70. {
  71. text-decoration: none;
  72. color: {color:links} ;
  73. -webkit-transition: all 0.5s ease-in-out;
  74. -moz-transition: all 0.5s ease-in-out;
  75. -o-transition: all 0.5s ease-in-out;
  76. -ms-transition: all 0.5s ease-in-out;
  77. transition: all 0.5s ease-in-out;
  78. }
  79.  
  80. a:hover
  81. {
  82. color: {color:links hover};
  83. -webkit-transition: all 0.5s ease-in-out;
  84. -moz-transition: all 0.5s ease-in-out;
  85. -o-transition: all 0.5s ease-in-out;
  86. -ms-transition: all 0.5s ease-in-out;
  87. transition: all 0.5s ease-in-out;
  88. }
  89.  
  90. #down
  91. {
  92. background: {color:down} url("{image:down}");
  93. background-repeat: repeat;
  94. position: fixed;
  95. width: 101%;
  96. height: 131px;
  97. bottom: -1px;
  98. opacity: 0.5;
  99. text-align: center;
  100. left: -1px;
  101. -webkit-transition: all 1s ease-in-out;
  102. -moz-transition: all 1s ease-in-out;
  103. -o-transition: all 1s ease-in-out;
  104. -ms-transition: all 1s ease-in-out;
  105. transition: all 1s ease-in-out;
  106. }
  107.  
  108. #down:hover
  109. {
  110. opacity: 0.8;
  111. -webkit-transition: all 1s ease-in-out;
  112. -moz-transition: all 1s ease-in-out;
  113. -o-transition: all 1s ease-in-out;
  114. -ms-transition: all 1s ease-in-out;
  115. transition: all 1s ease-in-out;
  116. }
  117.  
  118. #posts
  119. {
  120. background-color: {color:posts bg};
  121. background: url("{image:posts}");
  122. position: absolute;
  123. width: 1100px;
  124. height: auto;
  125. top: 0px;
  126. left: 0px;
  127. }
  128.  
  129. #nav
  130. {
  131. background-color: transparent;
  132. position: fixed;
  133. text-align: right;
  134. float: right;
  135. left: 610px;
  136. }
  137.  
  138. iframe#tumblr_controls {
  139. right: 20px;
  140. position: fixed;
  141. -webkit-transition: opacity 0.7s linear;
  142. opacity: 0.3;
  143. -webkit-transition: all 0.8s ease-out;
  144. -moz-transition: all 0.8s ease-out;
  145. transition: all 0.8s ease-out;
  146. }
  147.  
  148. iframe#tumblr_controls:hover {
  149. -webkit-transition: opacity 0.7s linear;
  150. opacity: 1;
  151. -webkit-transition: all 0.4s ease-out;
  152. -moz-transition: all 0.4s ease-out;
  153. transition: all 0.4s ease-out;
  154. }
  155.  
  156. .navb
  157. {
  158. background: {color:main links bg};
  159. color: {color:main links};
  160. height: 25px;
  161. font-size: 13px;
  162. width: 60px;
  163. padding-top: 6px;
  164. padding-left: 6px;
  165. padding-right: 6px;
  166. letter-spacing: 0px;
  167. text-align: center;
  168. text-transform: uppercase;
  169. display: inline-block;
  170. vertical-align: middle;
  171. }
  172.  
  173. .navb:hover
  174. {
  175. color: {color:main links hover};
  176. }
  177.  
  178.  
  179. .post
  180. {
  181. background: {color:posts} url("image:posts");
  182. {block:IfRoundedPosts}
  183. border-radius: 5px;
  184. -o-border-radius: 5px;
  185. -moz-border-radius: 5px;
  186. -webkit-border-radius: 5px;
  187. {/block:IfRoundedPosts}
  188. margin: 10px;
  189. border: 1px solid {color:posts border};
  190. width: 510px;
  191. float: left;
  192. }
  193.  
  194. .post img{
  195. max-width: 500px;
  196. {block:IfFadingImages}
  197. -webkit-transition: all 0.5s ease-in-out;
  198. -moz-transition: all 0.5s ease-in-out;
  199. -o-transition: all 0.5s ease-in-out;
  200. -ms-transition: all 0.5s ease-in-out;
  201. transition: all 0.5s ease-in-out;
  202. opacity: 0.7;
  203. {/block:IfFadingImages}
  204. }
  205.  
  206. .post img:hover
  207. {
  208. {block:IfFadingImages}
  209. -webkit-transition: all 0.5s ease-in-out;
  210. -moz-transition: all 0.5s ease-in-out;
  211. -o-transition: all 0.5s ease-in-out;
  212. -ms-transition: all 0.5s ease-in-out;
  213. transition: all 0.5s ease-in-out;
  214. opacity: 1;
  215. {/block:IfFadingImages}
  216. }
  217.  
  218. .text b, strong{
  219. color: {color:bold};}
  220.  
  221. .text i, em {
  222. color: {color:italic};}
  223.  
  224.  
  225. .photo
  226. {
  227. -webkit-border-top-left-radius: 100px;
  228. -webkit-border-bottom-right-radius: 100px;
  229. -moz-border-radius-topleft: 100px;
  230. -moz-border-radius-bottomright: 100px;
  231. border-top-left-radius: 100px;
  232. border-bottom-right-radius: 100px;
  233. width: 280px;
  234. height: 160px;
  235. border: 1px solid {color:title};
  236. }
  237.  
  238. .title
  239. {
  240. font-family: 'Tangerine', cursive;
  241. color: {color:title};
  242. width: auto;
  243. height: 30px;
  244. font-size: 50px;
  245. text-align: left;
  246. margin-top: -35px;
  247. text-align: center;
  248. background: {color:down} url("{image:down}");
  249. padding-top: 10px;
  250. padding-bottom: 15px;
  251. }
  252.  
  253.  
  254. .asker img
  255. {
  256. -webkit-border-radius: 20px;
  257. -webkit-border-bottom-right-radius: 0;
  258. border-radius: 20px;
  259. border-bottom-right-radius: 0;
  260. width: 40px;
  261. float: left;
  262. padding-top: 3px;
  263. }
  264.  
  265. .ask
  266. {
  267. background: {color:ask bg};
  268. padding-bottom: 0px;
  269. padding-top: 6px;
  270. height: 40px;
  271. padding-left: 45px;
  272. vertical-align: middle;
  273. }
  274.  
  275. .answer
  276. {
  277. padding: -3px;
  278. }
  279.  
  280. .notes
  281. {
  282. float: right;
  283. }
  284. ::-webkit-scrollbar {
  285. width: 7px;
  286. background-color: #676767;
  287. }
  288.  
  289. ::-webkit-scrollbar-track-piece {
  290. background-color: {color:scrollbar bg};
  291. -webkit-border-radius:15px;
  292. }
  293.  
  294. ::-webkit-scrollbar-button:start:decrement,
  295. ::-webkit-scrollbar-button:end:increment {
  296. height: 5px;
  297. display: block;
  298. background: #676767;
  299. }
  300.  
  301. ::-webkit-scrollbar-thumb{
  302. background-color: {color:scrollbar};
  303. -webkit-border-radius:15px;
  304. border:solid 1px #666666;
  305. }
  306.  
  307. .pagination {
  308. display: none;<div class=”pagination”>
  309. {block:Pagination}{block:PreviousPage}<a href=”{PreviousPage}”>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href=”{NextPage}” id=”next”>next</a>{/block:NextPage}{/block:Pagination}
  310. </div>
  311. }
  312.  
  313. {CustomCSS}
  314.  
  315. </style>
  316.  
  317. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  318.  
  319. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  320.  
  321. <script>
  322. $(function(){
  323. var $container = $('#posts');
  324. $container.imagesLoaded(function(){
  325. $container.masonry({
  326. itemSelector: '.post',
  327. });
  328. });
  329. $container.infinitescroll({
  330. itemSelector : ".post",
  331. navSelector : "div.pagination",
  332. nextSelector : ".pagination a#next",
  333. loadingImg : "",
  334. loadingText : "<em></em>",
  335. bufferPx : 10000,
  336. extraScrollPx: 12000,
  337. },
  338. // trigger Masonry as a callback
  339. function( newElements ) {
  340. var $newElems = $( newElements ).css({ opacity: 0 });
  341. // ensure that images load before adding to masonry layout
  342. $newElems.imagesLoaded(function(){
  343. $newElems.animate({ opacity: 1 });
  344. $container.masonry( 'appended', $newElems, true );
  345. });
  346. }
  347. );
  348. });
  349. </script>
  350. </head>
  351.  
  352. <body>
  353.  
  354. <div class=”pagination”>
  355. {block:Pagination}{block:PreviousPage}<a href=”{PreviousPage}”>previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href=”{NextPage}” id=”next”>next</a>{/block:NextPage}{/block:Pagination}
  356. </div>
  357.  
  358. <div id="posts">
  359. <div class="text">
  360. {block:Posts}
  361.  
  362. {block:Text}
  363.  
  364. <div class="post">
  365. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  366. {block:Title}
  367. <h3><a href="{Permalink}">{Title}</a></h3>
  368. {/block:Title}
  369. {Body}
  370. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  371. </div>
  372. {/block:Text}
  373.  
  374. {block:Photo}
  375. <div class="post">
  376. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  377. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  378. {block:IfShowCaptions}
  379. {block:Caption}
  380. <div class="caption">{Caption}</div>
  381. {/block:Caption}
  382. {/block:IfShowCaptions}
  383. </div>
  384. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  385. {/block:Photo}
  386.  
  387. {block:Photoset}
  388. <div class="post">
  389. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  390. <center>{Photoset-500}</center>
  391. {block:IfShowCaptions}
  392. {block:Caption}
  393. <div class="caption">{Caption}</div>
  394. {/block:Caption}
  395. {/block:IfShowCaptions}
  396. </div>
  397. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  398. {/block:Photoset}
  399.  
  400. {block:Quote}
  401. <div class="post">
  402. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  403. <div class="quote">"{Quote}"</div>
  404. {block:Source}
  405. <div class="source">{Source}</div>
  406. {/block:Source}
  407. </div>
  408. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  409. {/block:Quote}
  410.  
  411. {block:Link}
  412. <div class="post">
  413. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  414. {block:Description}
  415. <div class="description">{Description}</div>
  416. {/block:Description}
  417. </div>
  418. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  419. {/block:Link}
  420.  
  421. {block:Chat}
  422. <div class="post">
  423. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  424. {block:Title}
  425. <h3><a href="{Permalink}">{Title}</a></h3>
  426. {/block:Title}
  427. <ul class="chat">
  428. {block:Lines}
  429. <li class="{Alt} user_{UserNumber}">
  430. {block:Label}
  431. <span class="label">{Label}</span>
  432. {/block:Label}
  433. {Line}
  434. </li>
  435. {/block:Lines}
  436. </ul>
  437. </div>
  438. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  439. {/block:Chat}
  440.  
  441. {block:Video}
  442. <div class="post">
  443. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  444. <center>{Video-500}</center>
  445. {block:Caption}
  446. <div class="caption">{Caption}</div>
  447. {/block:Caption}
  448. </div>
  449. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  450. {/block:Video}
  451.  
  452. {block:Audio}
  453. <div class="post">
  454. <a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a>
  455. {AudioPlayerBlack}
  456. {block:Caption}
  457. <div class="caption">{Caption}</div>
  458. {/block:Caption}
  459. </div>
  460. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  461. {/block:Audio}
  462.  
  463. {block:Answer}
  464. <div class="post">
  465. <div class="asker"><img src="{AskerPortraitURL-40}"></div>
  466. <div class="ask"> {Asker}: {Question}</div><br>
  467. <div class="answer">{Answer}</div></div>
  468. {/block:Answer}
  469.  
  470. {/block:Posts}
  471.  
  472. </div>
  473.  
  474. <div id="down">
  475. <div class="title">{Title}</div>
  476. <br>
  477. <a href="/" class="navb">HOME</a>
  478. <a href="/ask" class="navb">MESSAGE</a>
  479. <a href="/archive" class="navb">ARCHIVE</a>
  480. <a href="http://dreamermeetsreality.tumblr.com" class="navb">THEME</a>
  481. {block:IfLink1}
  482. <a href="{text:Link1URL}" class="navb">{text:Link1}</a>
  483. {/block:IfLink1}
  484. {block:IfLink2}
  485. <a href="{text:Link2URL}" class="navb">{text:Link2}</a>
  486. {/block:IfLink2}
  487. {block:IfLink3}
  488. <a href="{text:Link3URL}" class="navb">{text:Link3}</a>
  489. {/block:IfLink3}
  490. {block:IfLink4}
  491. <a href="{text:Link4URL}" class="navb">{text:Link4}</a>
  492. {/block:IfLink4}
  493. <br><br>
  494. {Description}
  495. </div>
  496. </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!