Advertisement
dreamermeetsreality

Serendipity

May 27th, 2012
550
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.46 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement