API tools faq
paste
Advertisement
dreamermeetsreality

Handwritten Theme

dreamermeetsreality
May 15th, 2012
184
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.06 KB | None | 0 0
raw download clone embed print report
  1. </* THEME BY DREAMERMEETSREALITY.TUMBLR.COM
  2. DO NOT REMOVE CREDITS!*/>
  3.  
  4. <html>
  5.  
  6. <head>
  7.  
  8.  
  9. <title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}"/>
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  13.  
  14. <link href='http://fonts.googleapis.com/css?family=Dancing+Script:400,700' rel='stylesheet' type='text/css'>
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  17.  
  18. <script type="text/javascript">
  19. WebFontConfig = {
  20. google: { families: [ 'Overlock::latin' ] }
  21. };
  22. (function() {
  23. var wf = document.createElement('script');
  24. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  25. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  26. wf.type = 'text/javascript';
  27. wf.async = 'true';
  28. var s = document.getElementsByTagName('script')[0];
  29. s.parentNode.insertBefore(wf, s);
  30. })(); </script>
  31.  
  32. <script type="text/javascript">
  33. WebFontConfig = {
  34. google: { families: [ 'Dancing+Script:400,700:latin' ] }
  35. };
  36. (function() {
  37. var wf = document.createElement('script');
  38. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  39. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  40. wf.type = 'text/javascript';
  41. wf.async = 'true';
  42. var s = document.getElementsByTagName('script')[0];
  43. s.parentNode.insertBefore(wf, s);
  44. })(); </script>
  45.  
  46. <link href='http://fonts.googleapis.com/css?family=Amatic+SC:400,700' rel='stylesheet' type='text/css'>
  47.  
  48.  
  49. <script type="text/javascript">
  50. WebFontConfig = {
  51. google: { families: [ 'Amatic+SC:400,700:latin' ] }
  52. };
  53. (function() {
  54. var wf = document.createElement('script');
  55. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  56. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  57. wf.type = 'text/javascript';
  58. wf.async = 'true';
  59. var s = document.getElementsByTagName('script')[0];
  60. s.parentNode.insertBefore(wf, s);
  61. })(); </script>
  62.  
  63. <style type="text/css">
  64.  
  65. @import url(http://fonts.googleapis.com/css?family=Amatic+SC:400,700);
  66. @import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);
  67. @import url(http://fonts.googleapis.com/css?family=Overlock);
  68.  
  69. body {
  70. background-color: #000000;
  71. font-family: 'Overlock', cursive;
  72. font-size: 12px;
  73. color: #000000;
  74. text-wrap: normal
  75. word-wrap: break-word;
  76. margin:0px 0px;
  77. text-align:center;
  78. height: 100%;
  79. }
  80. a, a:active, a:visited{
  81. text-decoration: none;
  82. color: #00B4CC;
  83. }
  84.  
  85. a:hover{
  86. color: #000000;
  87. }
  88.  
  89. #main{
  90. background-color: transparent;
  91. background-repeat: repeat;
  92. position: absolute;
  93. width: 750px;
  94. height: 100%;
  95. top: 0px;
  96. left: 50%;
  97. margin-left: -375px;
  98. }
  99.  
  100. #header{
  101. background: url("http://27.media.tumblr.com/tumblr_lro002gG7B1r3srlmo3_250.jpg") fixed repeat;
  102. position: absolute;
  103. width: 650px;
  104. height: 230px;
  105. padding: 10px;
  106. left: 150px;
  107. top: 5px;
  108. border-style:dashed;
  109. border-color: #00B4CC;
  110. border-width: 1.5px;
  111. border-bottom: 1px dashed transparent;
  112. }
  113.  
  114. #content{
  115. background: url("http://27.media.tumblr.com/tumblr_lro002gG7B1r3srlmo3_250.jpg") fixed repeat;
  116. position: absolute;
  117. width: 650px;
  118. height: auto;
  119. padding: 10px;
  120. left: 150px;
  121. top: 235px;
  122. border-style:dashed;
  123. border-color: #00B4CC;
  124. border-width: 1.5px;
  125. }
  126.  
  127. .post{
  128. text-align: left;
  129. margin: 5px 0px 0px 0px;
  130. border-bottom: 1px dashed #00B4CC;
  131. }
  132.  
  133.  
  134.  
  135. .quote{
  136. font-size: 25px;
  137. font-style: italic;
  138. font-family: 'Dancing Script', cursive;
  139. }
  140.  
  141. .source{
  142. text-align: right;
  143. }
  144.  
  145. .info {
  146. padding: 2px 3px 2px 3px;
  147. margin-bottom: 5px;
  148. text-align: left;
  149. }
  150.  
  151. .tag {
  152. font-weight: normal;
  153. margin-right: 2px;
  154. font-style: italic;
  155. text-transform: lowercase;
  156. }
  157.  
  158. .date {
  159. font-size: 10px;
  160. color: #2E0D23;
  161. text-transform: uppercase;
  162. font-weight: bold;
  163. }
  164.  
  165.  
  166. </style>
  167.  
  168. </head>
  169.  
  170. <body>
  171.  
  172.  
  173. <div id="main">
  174.  
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181. <div id="content">
  182.  
  183. {block:Posts}
  184.  
  185. {block:Text}
  186. <div class="post">
  187. {block:Title}
  188. <h3><a href="{Permalink}">{Title}</a></h3>
  189. {/block:Title}
  190. {Body}
  191. <div class="permalinkphoto"><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></div>
  192. </div>
  193. {/block:Text}
  194.  
  195. {block:Photo}
  196. <div class="post">
  197. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  198. {block:Caption}
  199. <div class="caption">{Caption}</div>
  200. {/block:Caption}
  201. <div class="permalinkphoto"><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></div>
  202. </div>
  203. {/block:Photo}
  204.  
  205. {block:Photoset}
  206. <div class="post">
  207. <center>{Photoset-500}</center>
  208. {block:Caption}
  209. <div class="caption">{Caption}</div>
  210. {/block:Caption}
  211. <div class="permalinkphoto"><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></div>
  212. </div>
  213. {/block:Photoset}
  214.  
  215. {block:Quote}
  216. <div class="post">
  217. <div class="quote">"{Quote}"</div>
  218. {block:Source}
  219. <div class="source">{Source}</div>
  220. {/block:Source}
  221. <div class="permalinkphoto"><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></div>
  222. </div>
  223. {/block:Quote}
  224.  
  225. {block:Link}
  226. <div class="post">
  227. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  228. {block:Description}
  229. <div class="description">{Description}</div>
  230. {/block:Description}
  231. <div class="permalinkphoto"><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></div>
  232. </div>
  233. {/block:Link}
  234.  
  235. {block:Chat}
  236. <div class="post">
  237. {block:Title}
  238. <h3><a href="{Permalink}">{Title}</a></h3>
  239. {/block:Title}
  240. <ul class="chat">
  241. {block:Lines}
  242. <li class="{Alt} user_{UserNumber}">
  243. {block:Label}
  244. <span class="label">{Label}</span>
  245. {/block:Label}
  246. {Line}
  247. </li>
  248. {/block:Lines}
  249. </ul>
  250. <div class="permalinkphoto"><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></div>
  251. </div>
  252. {/block:Chat}
  253.  
  254. {block:Video}
  255. <div class="post">
  256. <center>{Video-500}</center>
  257. {block:Caption}
  258. <div class="caption">{Caption}</div>
  259. {/block:Caption}
  260. <div class="permalinkphoto"><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></div>
  261. </div>
  262. {/block:Video}
  263.  
  264. {block:Audio}
  265. <div class="post">
  266. {AudioPlayerBlack}
  267. {block:Caption}
  268. <div class="caption">{Caption}</div>
  269. {/block:Caption}
  270. <div class="permalinkphoto"><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></div>
  271. </div>
  272. {/block:Audio}
  273.  
  274.  
  275. {/block:Posts}
  276.  
  277. {block:Pagination}
  278. <font size="3px" color="#FFFFFF" face="Dancing Script">
  279. {block:PreviousPage}
  280. <a href="{PreviousPage}">Previous Page</a>
  281. {/block:PreviousPage}
  282.  
  283.  
  284. {block:NextPage}
  285. <a href="{NextPage}">Next Page </a>
  286. {/block:NextPage}</font>
  287. {/block:Pagination}
  288. </div>
  289.  
  290. <div id="header">
  291. <table align="center" cellpadding="1" cellspacing="5">
  292. <tr>
  293. <th valign="top" scope="row">
  294. <a href="/"><img src="{PortraitUrl-64}" alt="" align="left" style="border:1px solid #000000" /></a>
  295. <font size="12px" face="Amatic SC"> {Title}</font>
  296. </table></table>
  297. <br>
  298. {description}
  299. <br>
  300. <br>
  301. <a href="/"style="text-decoration:none"> HOME</a> |
  302. <a href="/ask"style="text-decoration:none"> ASK</a> |
  303. </* YOU MAY ADD THE LINKS HERE. IF YOU DO NOT HAVE ANY LINKS TO PUT HERE, YOU CAN SIMPLY DELETE THE FOLLOWING LINES*/>
  304. <a href="/"style="text-decoration:none"> LINK ONE</a> |
  305. <a href="/"style="text-decoration:none"> LINK TWO</a> |
  306. <a href="/"style="text-decoration:none"> LINK THREE</a> |
  307. <a href="/"style="text-decoration:none"> LINK FOUR</a> |
  308. </* DO NOT DELETE AFTER THIS! */>
  309. <font size="2.5px">©<a href="http://dreamermeetsreality.tumblr.com"> DREAMERMEETSREALITY</font></a>
  310. <br>
  311. <br>
  312. <font size="15px" face="Dancing Script"><p align="left"> Dear Diary, </font></p>
  313. </div>
  314.  
  315. </div>
  316.  
  317.  
  318. </body>
  319.  
  320. </html>
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!