Advertisement
dreamermeetsreality

Black and White

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