Advertisement
dreamermeetsreality

Royal Fantasy

Apr 22nd, 2012
563
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.38 KB | None | 0 0
  1. </* THEME BY DREAMERMEETSREALITY.TUMBLR.COM
  2. DO NOT REMOVE CREDITS!*/>
  3.  
  4. <html>
  5. <meta name="image:background" content="http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/bk3-1.png"/>
  6. <meta name="image:sidebar" content="http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/bk5.png"/>
  7. <meta name="image:content" content="http://i33.photobucket.com/albums/d84/flickmobile/Backgrounds/bk5.png"/>
  8. <meta name="image:avatar" content="http://media.tumblr.com/tumblr_losaxupwjM1qf72le.png"/>
  9. <meta name="color:text" content="#390039"/>
  10. <meta name="color:link" content="#820081"/>
  11. <meta name="color:link hover" content="#390039"/>
  12. <meta name="text:link title1" content="your link"/>
  13. <meta name="text:link title2" content="your link"/>
  14. <meta name="text:link url1" content=""/>
  15. <meta name="text:link url2" content=""/>
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}"/>
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description} <meta name="description" content="{MetaDescription}"/> {/block:Description}
  23.  
  24. <link href='http://fonts.googleapis.com/css?family=Overlock' rel='stylesheet' type='text/css'>
  25.  
  26. <script type="text/javascript">
  27. WebFontConfig = {
  28. google: { families: [ 'Overlock::latin' ] }
  29. };
  30. (function() {
  31. var wf = document.createElement('script');
  32. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  33. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  34. wf.type = 'text/javascript';
  35. wf.async = 'true';
  36. var s = document.getElementsByTagName('script')[0];
  37. s.parentNode.insertBefore(wf, s);
  38. })(); </script>
  39.  
  40.  
  41. <style type="text/css">
  42.  
  43.  
  44. @import url(http://fonts.googleapis.com/css?family=Overlock);
  45.  
  46.  
  47. body {
  48. background: url("{image:background}") fixed repeat;
  49. font-family: 'Overlock', cursive;
  50. font-size: 10px;
  51. color: {color:text};
  52. text-wrap: normal
  53. word-wrap: break-word;
  54. margin:0px 0px;
  55. text-align:center;
  56. height: 100%;
  57. }
  58. a, a:active, a:visited{
  59. text-decoration: none;
  60. color: {color:link};
  61. }
  62.  
  63. a:hover{
  64. color: {color:link hover};
  65. }
  66.  
  67. #main{
  68. background-color: transparent;
  69. background-repeat: repeat;
  70. position: absolute;
  71. width: 750px;
  72. height: 100%;
  73. top: 0px;
  74. left: 50%;
  75. margin-left: -375px;
  76. }
  77.  
  78. #sidebar{
  79. background: url("{image:sidebar}") fixed repeat;
  80. position: fixed;
  81. width: 225px;
  82. padding: 10px;
  83. left: 40px;
  84. top: 5px;
  85. opacity: 0.8;
  86. }
  87.  
  88.  
  89. #content{
  90. background: url("{image:content}") fixed repeat;
  91. position: absolute;
  92. width: 500px;
  93. height: auto;
  94. padding: 10px;
  95. left: 310px;
  96. top: 5px;
  97. opacity: 0.8;
  98.  
  99. }
  100.  
  101. .post{
  102. text-align: left;
  103. margin: 5px 0px 0px 0px;
  104. }
  105.  
  106.  
  107.  
  108. .quote{
  109. font-size: 25px;
  110. font-style: italic;
  111. }
  112.  
  113. .source{
  114. text-align: right;
  115. }
  116.  
  117. .info {
  118. padding: 2px 3px 2px 3px;
  119. margin-bottom: 5px;
  120. text-align: left;
  121. }
  122.  
  123. .tag {
  124. font-weight: normal;
  125. margin-right: 2px;
  126. font-style: italic;
  127. text-transform: lowercase;
  128. }
  129.  
  130. .date {
  131. font-size: 10px;
  132. color: #2E0D23;
  133. text-transform: uppercase;
  134. font-weight: bold;
  135. }
  136.  
  137. .h1{
  138. font-size: 70px;
  139. margin: 20px 0px 0px 0px;
  140. }
  141.  
  142. ::-webkit-scrollbar {
  143. width: 7px;
  144. background-color: #676767;
  145. }
  146.  
  147. ::-webkit-scrollbar-track-piece {
  148. background-color: #390039;/**this is the color of the track of your scroll bar**/
  149. -webkit-border-radius:15px;
  150. }
  151.  
  152. ::-webkit-scrollbar-button:start:decrement,
  153. ::-webkit-scrollbar-button:end:increment {
  154. height: 5px;/**this is the height of the stopper at the bottom and top of the scrollbar**/
  155. display: block;
  156. background: #676767;/**this is the color of the stopper at the top and the bottom of your scrollbar**/
  157. }
  158.  
  159. ::-webkit-scrollbar-thumb{
  160. background-color: #820081;/**this is the color of the draggable part of your scrollbar**/
  161. -webkit-border-radius:15px;
  162. border:solid 1px #666666;
  163. }
  164.  
  165. </style>
  166.  
  167. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  168.  
  169. </head>
  170.  
  171. <body>
  172.  
  173.  
  174. <div id="main">
  175.  
  176. <div id="sidebar">
  177.  
  178. <center>
  179. <h1>&#9812; {Title} &#9812;</h1>
  180. <br>
  181. <image src="{image:avatar}" width="85">
  182. <font size="2px">
  183. <br>
  184. {Description}
  185. <br>
  186. <image src="http://i12.photobucket.com/albums/a213/superkate_2468/2.png">
  187. <br>
  188. <a href="/"style="text-decoration:none">&#9812;Home</a><br>
  189. <a href="/ask"style="text-decoration:none">&#9812;Message</a><br>
  190. <a href="{text:link url1}"&#9812;{text:link title1}</a><br>
  191. <a href="{text:link url2}"&#9812;{text:link title2}</a><br>
  192. <a href="http://dreamermeetsreality.tumblr.com">&#9812;Theme Credits</a></b<br></font>
  193. </div>
  194. </center>
  195. </div>
  196.  
  197.  
  198.  
  199. <div id="content">
  200.  
  201. {block:Posts}
  202.  
  203. {block:Text}
  204. <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>
  205. <div class="post">
  206. {block:Title}
  207. <h3><a href="{Permalink}">{Title}</a></h3>
  208. {/block:Title}
  209. {Body}
  210. </div>
  211. {/block:Text}
  212. {block:Photo}
  213. <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>
  214. <div class="post">
  215. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  216. {block:Caption}
  217. <div class="caption">{Caption}</div>
  218. {/block:Caption}
  219. </div>
  220. {/block:Photo}
  221. {block:Photoset}
  222. <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>
  223. <div class="post">
  224. <center>{Photoset-500}</center>
  225. {block:Caption}
  226. <div class="caption">{Caption}</div>
  227. {/block:Caption}
  228. </div>
  229. {/block:Photoset}
  230. {block:Quote}
  231. <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>
  232. <div class="post">
  233. <div class="quote">"{Quote}"</div>
  234. {block:Source}
  235. <div class="source">{Source}</div>
  236. {/block:Source}
  237. </div>
  238. {/block:Quote}
  239. {block:Link}
  240. <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>
  241. <div class="post">
  242. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  243. {block:Description}
  244. <div class="description">{Description}</div>
  245. {/block:Description}
  246. </div>
  247. {/block:Link}
  248. {block:Chat}
  249. <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>
  250. <div class="post">
  251. {block:Title}
  252. <h3><a href="{Permalink}">{Title}</a></h3>
  253. {/block:Title}
  254. <ul class="chat">
  255. {block:Lines}
  256. <li class="{Alt} user_{UserNumber}">
  257. {block:Label}
  258. <span class="label">{Label}</span>
  259. {/block:Label}
  260. {Line}
  261. </li>
  262. {/block:Lines}
  263. </ul>
  264. </div>
  265. {/block:Chat}
  266. {block:Video}
  267. <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>
  268. <div class="post">
  269. <center>{Video-500}</center>
  270. {block:Caption}
  271. <div class="caption">{Caption}</div>
  272. {/block:Caption}
  273. </div>
  274. {/block:Video}
  275. {block:Audio}
  276. <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>
  277. <div class="post">
  278. {AudioPlayerBlack}
  279. {block:Caption}
  280. <div class="caption">{Caption}</div>
  281. {/block:Caption}
  282. </div>
  283. {/block:Audio}
  284.  
  285.  
  286. {/block:Posts}
  287.  
  288.  
  289. </div>
  290.  
  291. </div>
  292.  
  293.  
  294. </body>
  295.  
  296. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement