Advertisement
dreamermeetsreality

Blueberry

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