Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Serendipity

By: dreamermeetsreality on May 27th, 2012  |  syntax: None  |  size: 10.46 KB  |  hits: 347  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. </* THEME BY DREAMERMEETSREALITY.TUMBLR.COM
  2. DO NOT REMOVE CREDITS!*/>
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8. <meta name="if:EnableEndlessScroll" default="0"/>
  9. <meta name="text:link 1" content="" />
  10. <meta name="text:link 2" content="" />
  11. <meta name="text:link 3" content="" />
  12. <meta name="text:link 4" content="" />
  13. <meta name="text:link 1 title" content="Link1 goes here">
  14. <meta name="text:link 2 title" content="Link2 goes here">
  15. <meta name="text:link 3 title" content="Link3 goes here">
  16. <meta name="text:link 4 title" content="Link4 goes here">
  17. <meta name="image:background" content="http://27.media.tumblr.com/tumblr_lqqz82E4eo1r1zl4ao1_250.gif" />
  18. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_lq9n070Lqb1qjex46o6_250.jpg" />
  19. <meta name="image:content" content="http://24.media.tumblr.com/tumblr_lq9n070Lqb1qjex46o6_250.jpg" />
  20. <meta name="image:avatar" content="http://media.tumblr.com/tumblr_m25eatwJ1h1qfamg6.png" />
  21. <meta name="color:text" content="#000000" />
  22. <meta name="color:link" content="#68B3AF" />
  23. <meta name="color:link hover" content="#C3DBB4" />
  24. <meta name="color:border" content="#68B3AF" />
  25.  
  26.  
  27. <title>{Title}</title>
  28. <link rel="shortcut icon" href="{Favicon}"/>
  29. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  30. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  35.  
  36. <script type="text/javascript">
  37.   WebFontConfig = {
  38.     google: { families: [ 'Overlock::latin' ] }
  39.   };
  40.   (function() {
  41.     var wf = document.createElement('script');
  42.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  43.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  44.     wf.type = 'text/javascript';
  45.     wf.async = 'true';
  46.     var s = document.getElementsByTagName('script')[0];
  47.     s.parentNode.insertBefore(wf, s);
  48.   })(); </script>
  49.  
  50.   <script type="text/javascript">
  51.   WebFontConfig = {
  52.     google: { families: [ 'Dancing+Script:400,700:latin' ] }
  53.   };
  54.   (function() {
  55.     var wf = document.createElement('script');
  56.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  57.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  58.     wf.type = 'text/javascript';
  59.     wf.async = 'true';
  60.     var s = document.getElementsByTagName('script')[0];
  61.     s.parentNode.insertBefore(wf, s);
  62.   })(); </script>
  63.  
  64.  
  65. <style type="text/css">
  66.  
  67. @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);
  68. @import url(http://fonts.googleapis.com/css?family=Overlock);
  69.  
  70.  
  71. body {
  72.  background: url("{image:background}") fixed repeat;
  73.  font-family: 'Overlock', cursive;
  74.  font-size: 10px;
  75.  color: #343838;
  76.  text-wrap: normal
  77.  word-wrap: break-word;
  78.  margin:0px 0px;
  79.  text-align:center;
  80.  height: 100%;
  81. }
  82. a, a:active, a:visited{
  83.  text-decoration: none;
  84.  color: {color:link};
  85. }
  86.  
  87. a:hover{
  88.  color: {color:link hover};
  89. }
  90.  
  91. #main{
  92.  background-color: transparent;
  93.  background-repeat: repeat;
  94.  position: absolute;
  95.  width: 750px;
  96.  height: 100%;
  97.  top: 0px;
  98.  left: 50%;
  99.  margin-left: -375px;
  100. }
  101.  
  102. #sidebar{
  103.  background: url("{image:sidebar}");
  104.  position: fixed;
  105.  width: 190px;
  106.  height: auto;
  107.  padding: 10px;
  108.  left: 40px;
  109.  top: 5px;
  110.  border-style:dashed;
  111.  border-color: {color:border};
  112.  border-width: 1px;
  113. }
  114.  
  115.  
  116. #content{
  117.  background: url("{image:content}");
  118.  position: absolute;
  119.  width: 500px;
  120.  height: auto;
  121.  padding: 10px;
  122.  left: 300px;
  123.  top: 5px;
  124.  border-style:dashed;
  125.  border-color: {color:border};
  126.  border-width: 1px;
  127.  
  128. }
  129.  
  130. .post{
  131.  text-align: left;
  132.  margin: 5px 0px 0px 0px;
  133. }
  134.  
  135.  
  136.  
  137. .quote{
  138.  font-size: 25px;
  139.  font-style: italic;
  140.  font-family: 'Dancing Script', cursive;
  141. }
  142.  
  143. .source{
  144.  text-align: right;
  145. }  
  146.  
  147. .info {
  148.  padding: 2px 3px 2px 3px;
  149.  margin-bottom: 5px;
  150.  text-align: left;
  151. }
  152.  
  153. .tag {
  154.  font-weight: normal;
  155.  margin-right: 2px;
  156.  font-style: italic;
  157.  text-transform: lowercase;
  158. }
  159.  
  160. .date {
  161. font-size: 10px;
  162. color: #2E0D23;
  163. text-transform: uppercase;
  164. font-weight: bold;
  165. }
  166.  
  167. .h1{
  168.  font-size: 70px;
  169.  font-family: 'Dancing Script', cursive;
  170.  margin: 20px 0px 0px 0px;
  171. }  
  172.  
  173. ::-webkit-scrollbar {
  174.  width: 7px;
  175.  background-color: #676767;
  176. }
  177.  
  178. ::-webkit-scrollbar-track-piece  {
  179.  background-color: #343838;/**this is the color of the track of your scroll bar**/
  180. -webkit-border-radius:15px;
  181. }
  182.  
  183. ::-webkit-scrollbar-button:start:decrement,
  184. ::-webkit-scrollbar-button:end:increment  {
  185.  height: 5px;/**this is the height of the stopper at the bottom and top of the scrollbar**/
  186.  display: block;
  187.  background: #676767;/**this is the color of the stopper at the top and the bottom of your scrollbar**/
  188. }
  189.  
  190. ::-webkit-scrollbar-thumb{
  191.  background-color: #00DFFC;/**this is the color of the draggable part of your scrollbar**/
  192.  -webkit-border-radius:15px;
  193.  border:solid 1px #666666;
  194. }
  195.  
  196. </style>
  197. {block:ifEnableEndlessScroll}
  198. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScroll}
  199.  
  200. </head>
  201.  
  202. <body>
  203.  
  204.  
  205. <div id="main">
  206.  
  207.  <div id="sidebar">
  208.  
  209.  <center>
  210.  <h1><font face="Dancing Script" size="5px"> {Title} </h1></font>
  211.  <br>
  212.  <img src="{image:avatar}" width="140px">
  213.  <font size="2px">
  214.  <br>
  215.  {Description}
  216. <br>
  217. <font face="Dancing Script" size="5px"> Navigation </font>
  218. <br>
  219. <a href="/"style="text-decoration:none">Home</a><br>
  220. <a href="/ask"style="text-decoration:none">Message</a><br>
  221. <a href="{text:link 1}"> {text:Link 1 Title}</a><br>
  222. <a href="{text:link 2}"> {text:Link 2 Title}</a><br>
  223. <a href="{text:link 3}"> {text:Link 3 Title}</a><br>
  224. <a href="{text:link 4}"> {text:Link 4 Title}</a><br>
  225.  
  226.  {block:ifnotEnableEndlessScroll}
  227.  {block:Pagination}
  228.             {block:PreviousPage}
  229.                 <a href="{PreviousPage}">Previous</a>
  230.             {/block:PreviousPage}
  231.  
  232.             {block:JumpPagination length="5"}
  233.                 {block:CurrentPage}
  234.                     <span class="current_page">{PageNumber}</span>
  235.                 {/block:CurrentPage}
  236.  
  237.                 {block:JumpPage}
  238.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  239.                 {/block:JumpPage}
  240.             {/block:JumpPagination}
  241.  
  242.             {block:NextPage}
  243.                 <a href="{NextPage}">Next</a>
  244.             {/block:NextPage}
  245.         {/block:Pagination}<br><br>
  246.        {/block:ifnotEnableEndlessScroll}
  247.         © <a href="http://dreamermeetsreality.tumblr.com">dreamermeetsreality</a></b<br></font>
  248.  </div>  
  249.  </center>
  250.  </div>  
  251.  
  252.  
  253.  
  254.  <div id="content">
  255.  
  256.  {block:Posts}
  257.  
  258. {block:Text}
  259. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  260. <div class="post">
  261. {block:Title}
  262. <h3><a href="{Permalink}">{Title}</a></h3>
  263. {/block:Title}
  264. {Body}
  265. </div>
  266. {/block:Text}
  267. {block:Photo}
  268. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  269. <div class="post">
  270. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  271. {block:Caption}
  272. <div class="caption">{Caption}</div>
  273. {/block:Caption}
  274. </div>
  275. {/block:Photo}
  276. {block:Photoset}
  277. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  278. <div class="post">
  279. <center>{Photoset-500}</center>
  280. {block:Caption}
  281. <div class="caption">{Caption}</div>
  282. {/block:Caption}
  283. </div>
  284. {/block:Photoset}
  285. {block:Quote}
  286. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  287. <div class="post">
  288. <div class="quote">"{Quote}"</div>
  289. {block:Source}
  290. <div class="source">{Source}</div>
  291. {/block:Source}
  292. </div>
  293. {/block:Quote}
  294. {block:Link}
  295. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  296. <div class="post">
  297. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  298. {block:Description}
  299. <div class="description">{Description}</div>
  300. {/block:Description}
  301. </div>
  302. {/block:Link}
  303. {block:Chat}
  304. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  305. <div class="post">
  306. {block:Title}
  307. <h3><a href="{Permalink}">{Title}</a></h3>
  308. {/block:Title}
  309. <ul class="chat">
  310. {block:Lines}
  311. <li class="{Alt} user_{UserNumber}">
  312. {block:Label}
  313. <span class="label">{Label}</span>
  314. {/block:Label}
  315. {Line}
  316. </li>
  317. {/block:Lines}
  318. </ul>
  319. </div>
  320. {/block:Chat}
  321. {block:Video}
  322. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  323. <div class="post">
  324. <center>{Video-500}</center>
  325. {block:Caption}
  326. <div class="caption">{Caption}</div>
  327. {/block:Caption}
  328. </div>
  329. {/block:Video}
  330. {block:Audio}
  331. <div class="permalinkphoto"><p align="right"><ptextcolor>{block:HasTags}tags: {block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags} &middot; {/block:HasTags}<a title="" href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogUrl}">reblog </a></ptextcolor></p></div>
  332. <div class="post">
  333. {AudioPlayerBlack}
  334. {block:Caption}
  335. <div class="caption">{Caption}</div>
  336. {/block:Caption}
  337. </div>
  338. {/block:Audio}
  339.  
  340.  
  341. {/block:Posts}
  342.  
  343.  
  344.  </div>
  345.  
  346. </div>
  347.  
  348.  
  349. </body>
  350.  
  351. </html>
create a new version of this paste RAW Paste Data