Advertisement
dreamermeetsreality

Choco Banana

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