Advertisement
dreamermeetsreality

Purple Pleasure

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