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

Royal Fantasy

By: dreamermeetsreality on Apr 22nd, 2012  |  syntax: None  |  size: 8.38 KB  |  hits: 470  |  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. <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>