Advertisement
dreamermeetsreality

Pink Delight

Apr 22nd, 2012
221
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.65 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/bk4-1.png"/>
  9. <meta name="image:sidebar" content="http://i12.photobucket.com/albums/a213/superkate_2468/bdbg1.png"/>
  10. <meta name="image:content" content="http://i12.photobucket.com/albums/a213/superkate_2468/bdbg1.png"/>
  11. <meta name="image:avatar" content="http://media.tumblr.com/tumblr_losayhPW3V1qf72le.png"/>
  12. <meta name="color:text" content="#FF6081"/>
  13. <meta name="color:link" content="#F7A199"/>
  14. <meta name="color:link hover" content="#FF6081/>
  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/cursor2-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. #main{
  72. background-color: transparent;
  73. background-repeat: repeat;
  74. position: absolute;
  75. width: 750px;
  76. height: 100%;
  77. top: 0px;
  78. left: 50%;
  79. margin-left: -375px;
  80. }
  81.  
  82. #sidebar{
  83. background: url("{image:sidebar}") fixed repeat;
  84. position: fixed;
  85. width: 225px;
  86. padding: 10px;
  87. left: 1px;
  88. top: 5px;
  89. opacity: 0.8;
  90. }
  91.  
  92.  
  93. #content{
  94. background: url("{image:content}") fixed repeat;
  95. position: absolute;
  96. width: 500px;
  97. height: auto;
  98. padding: 10px;
  99. left: 255px;
  100. top: 5px;
  101. opacity: 0.8;
  102.  
  103. }
  104.  
  105. .post{
  106. text-align: left;
  107. margin: 5px 0px 0px 0px;
  108. }
  109.  
  110.  
  111.  
  112. .quote{
  113. font-size: 25px;
  114. font-style: italic;
  115. }
  116.  
  117. .source{
  118. text-align: right;
  119. }
  120.  
  121. .info {
  122. padding: 2px 3px 2px 3px;
  123. margin-bottom: 5px;
  124. text-align: left;
  125. }
  126.  
  127. .tag {
  128. font-weight: normal;
  129. margin-right: 2px;
  130. font-style: italic;
  131. text-transform: lowercase;
  132. }
  133.  
  134. .date {
  135. font-size: 10px;
  136. color: #2E0D23;
  137. text-transform: uppercase;
  138. font-weight: bold;
  139. }
  140.  
  141. .h1{
  142. font-size: 70px;
  143. margin: 20px 0px 0px 0px;
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. width: 7px;
  148. background-color: #676767;
  149. }
  150.  
  151. ::-webkit-scrollbar-track-piece {
  152. background-color: #F7A199;/**this is the color of the track of your scroll bar**/
  153. -webkit-border-radius:15px;
  154. }
  155.  
  156. ::-webkit-scrollbar-button:start:decrement,
  157. ::-webkit-scrollbar-button:end:increment {
  158. height: 5px;/**this is the height of the stopper at the bottom and top of the scrollbar**/
  159. display: block;
  160. background: #676767;/**this is the color of the stopper at the top and the bottom of your scrollbar**/
  161. }
  162.  
  163. ::-webkit-scrollbar-thumb{
  164. background-color: #F7D3C6;/**this is the color of the draggable part of your scrollbar**/
  165. -webkit-border-radius:15px;
  166. border:solid 1px #666666;
  167. }
  168.  
  169. </style>
  170.  
  171. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  172.  
  173. </head>
  174.  
  175. <body>
  176.  
  177.  
  178. <div id="main">
  179.  
  180. <div id="sidebar">
  181.  
  182. <center>
  183. <h1>{Title}</h1>
  184. <br>
  185. <image src="http://media.tumblr.com/tumblr_losayhPW3V1qf72le.png" width="140">
  186. <font size="2px">
  187. <br>
  188. {Description}
  189. <br>
  190. <image src="http://i12.photobucket.com/albums/a213/superkate_2468/3.png">
  191. <br>
  192. <a href="/"style="text-decoration:none">&hearts;Home</a><br>
  193. <a href="/ask"style="text-decoration:none">&hearts;Message</a><br>
  194. <a href="{text:link url1}"style="text-decoration:none">&hearts;{text:link1}</a><br>
  195. <a href="{text:link url2}"style="text-decoration:none">&hearts;{text:link2}</a><br>
  196. <a href="{text:link url3}"style="text-decoration:none">&hearts;{text:link3}</a><br>
  197. <a href="http://dreamermeetsreality.tumblr.com">&hearts;Theme Credits</a><br></font>
  198. </div>
  199. </center>
  200. </div>
  201.  
  202.  
  203.  
  204. <div id="content">
  205.  
  206. {block:Posts}
  207.  
  208. {block:Text}
  209. <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>
  210. <div class="post">
  211. {block:Title}
  212. <h3><a href="{Permalink}">{Title}</a></h3>
  213. {/block:Title}
  214. {Body}
  215. </div>
  216. {/block:Text}
  217. {block:Photo}
  218. <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>
  219. <div class="post">
  220. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  221. {block:Caption}
  222. <div class="caption">{Caption}</div>
  223. {/block:Caption}
  224. </div>
  225. {/block:Photo}
  226. {block:Photoset}
  227. <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>
  228. <div class="post">
  229. <center>{Photoset-500}</center>
  230. {block:Caption}
  231. <div class="caption">{Caption}</div>
  232. {/block:Caption}
  233. </div>
  234. {/block:Photoset}
  235. {block:Quote}
  236. <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>
  237. <div class="post">
  238. <div class="quote">"{Quote}"</div>
  239. {block:Source}
  240. <div class="source">{Source}</div>
  241. {/block:Source}
  242. </div>
  243. {/block:Quote}
  244. {block:Link}
  245. <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>
  246. <div class="post">
  247. <center><h3><a href="{URL}" class="link" {Target}>{Name}</a></h3></center>
  248. {block:Description}
  249. <div class="description">{Description}</div>
  250. {/block:Description}
  251. </div>
  252. {/block:Link}
  253. {block:Chat}
  254. <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>
  255. <div class="post">
  256. {block:Title}
  257. <h3><a href="{Permalink}">{Title}</a></h3>
  258. {/block:Title}
  259. <ul class="chat">
  260. {block:Lines}
  261. <li class="{Alt} user_{UserNumber}">
  262. {block:Label}
  263. <span class="label">{Label}</span>
  264. {/block:Label}
  265. {Line}
  266. </li>
  267. {/block:Lines}
  268. </ul>
  269. </div>
  270. {/block:Chat}
  271. {block:Video}
  272. <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>
  273. <div class="post">
  274. <center>{Video-500}</center>
  275. {block:Caption}
  276. <div class="caption">{Caption}</div>
  277. {/block:Caption}
  278. </div>
  279. {/block:Video}
  280. {block:Audio}
  281. <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>
  282. <div class="post">
  283. {AudioPlayerBlack}
  284. {block:Caption}
  285. <div class="caption">{Caption}</div>
  286. {/block:Caption}
  287. </div>
  288. {/block:Audio}
  289.  
  290.  
  291. {/block:Posts}
  292.  
  293.  
  294. </div>
  295.  
  296. </div>
  297.  
  298.  
  299. </body>
  300.  
  301. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement