Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Vlanco Theme by Collisions

By: rafhuh on Jul 10th, 2012  |  syntax: None  |  size: 11.48 KB  |  hits: 1,654  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <html>
  5. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}
  10.  
  11. <meta name="description" content="{MetaDescription}" />
  12. {/block:Description}
  13. <meta name="font:title" content="Arial"/>
  14. <meta name="font:post title" content="Arial"/>
  15. <meta name="font:body" content="Arial"/>
  16. <meta name="text:font size" content="11px"/>
  17. <meta name="text:post title size" content="13px"/>
  18. <meta name="text:links font size" content="8x"/>
  19. <meta name="text:title font size" content="20px"/>
  20. <meta name="text:line height" content="15px"/>
  21. <meta name="text:next" content="Next &#187;"/>
  22. <meta name="text:previous" content="&#171; Previous"/>
  23. <meta name="text:link 1 text" content="link 1" />
  24. <meta name="text:link 1" content="http://" />
  25. <meta name="text:link 2 text" content="link 2" />
  26. <meta name="text:link 2" content="http://" />
  27. <meta name="color:background" content="#fff"/>
  28. <meta name="color:text background" content="#eee"/>
  29. <meta name="color:top bar background" content="#eee"/>
  30. <meta name="color:title" content="#222"/>
  31. <meta name="color:text" content="#222"/>
  32. <meta name="color:link" content="#222"/>
  33. <meta name="color:link hover" content="#a8a8a8"/>
  34. <meta name="color:navigation links" content="#222"/>
  35. <meta name="color:navigation link hover" content="#a8a8a8"/>
  36. <meta name="if:endless scrolling" content="0"/>
  37.  
  38.  
  39. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  40. <script type="text/javascript">
  41. $(document).ready(function () {
  42. $('li.drawer div:nth-child(2)').hide();
  43. $('li.drawer h1').click(function () {
  44. if ($(this).hasClass('open')) {
  45. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  46. else {
  47. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  48. $(this).next().slideDown();
  49. $(this).addClass('open');}
  50. });
  51. });
  52. </script>
  53.  
  54. <style type="text/css">
  55.  
  56. /* Theme provided by collisions.tumblr.com. Do NOT remove the credit. */
  57.  
  58. body {background:{color:background}; margin:0px auto; font-family:{font:body}; font-size:{text:font size}; line-height:{text:line height}; text-align:justify; color:{color:text};}
  59.  
  60. #wrapper {margin:0px auto; width:400px; margin-top:100px; margin-bottom:35px;}
  61. #posts {width:400px;}
  62. #navbar {width: 100%; padding: 20px; text-align: center; background-color: {color:top bar background}; position:fixed; top: 0px; z-index:100; opacity: .8;}
  63. #centernav {width: 400px; margin: auto;}
  64.  
  65. img {max-width: 400px;}
  66.  
  67.  
  68. h3 {font-family:{font:post title}; font-size:{text:post title size}}
  69. a {text-decoration:none; color:{color:link}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  70. a:hover {color:{color:link hover}; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  71. .caption {margin-top:-8px; margin-bottom:-8px; background:{color:caption background}; padding: 2px 0 2px 0;}
  72. .title {font-size:{text:title font size}; font-family:{font:title}; margin-bottom:15px;}
  73. .links {font-size:{text:links font size}; text-transform: uppercase;}
  74. .links a {font-size:{text:navigation links}; text-transform: uppercase;}
  75. .links a:hover {font-size:{text:navigation link hover}; text-transform: uppercase;}
  76. .info {font-size:{text:links font size}; text-transform: uppercase; text-align: right; margin-top: 5px;}
  77.  
  78. .permalink {font-family:{font:body}; width:50px; padding: 0 0 0 10px; margin-left:400px; text-align: left; position:absolute; opacity:0; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  79.  
  80. .permalink a:hover{color:{color:link hover}}
  81.  
  82. #imgpost {position:relative;}
  83. #textpost {background:{color:text background}; padding: 5px;}
  84.  
  85. #entry {margin-bottom: 15px; border-bottom: 1px solid #CACACA; padding-bottom: 10px;}
  86. #entry:hover .permalink {opacity: 1;}
  87.  
  88. #entry:hover .imgpermalink {overflow:visible; -webkit-transition: opacity 0.7s linear; opacity: .85; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
  89.  
  90. #entry .imgpermalink {width: 150px; font: 11px ; padding: 10px; bottom: 15px; position:absolute; text-align: left; background-color:#fff; color:#fff; overflow:hidden; -webkit-transition: opacity 0.7s linear; opacity: 0.0; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear;transition: all 0.4s linear;}
  91.  
  92. ol.notes {padding: 0px; margin: 25px 0px; list-style-type: none; border-bottom: dotted 0px #ccc;}
  93. ol.notes li.note {border-top: dotted 0px #ccc; padding: 3px;}
  94. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  95. ol.notes li.note span.action {font-weight: normal;}
  96. ol.notes li.note .answer_content {font-weight: normal;}
  97. ol.notes li.note blockquote {border-color: #eee; padding: 4px 10px; margin: 10px 0px 0px 25px;}
  98. ol.notes li.note blockquote a {text-decoration: none;}
  99. ul{margin-left:-40px!important; list-style:none;}
  100.  
  101. ::-webkit-scrollbar{width:7px;height:7px;}
  102.  
  103. ::-webkit-scrollbar-button:start:decrement
  104.  
  105. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  106.  
  107. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:3px;}
  108.  
  109. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color:{color:text};-webkit-border-radius:px;}
  110.  
  111. ::-webkit-scrollbar-thumb:horizontal{width:7px; background-color:{color:text};-webkit-border-radius:px;}
  112.  
  113. ul#drawers {list-style: none; margin: auto; color: color:title;  cursor: help;}
  114.  
  115. ul#drawers li h1 {margin: 0; font-size:{text:title font size}; font-weight: normal;}
  116.  
  117. li.drawer h1.open {border-top: 0px;}
  118.  
  119. li.drawer div {padding: 8px 0 0 0; margin: 0px; line-height: 15px;}
  120. li.drawer div li {list-style-type: disc;}
  121.  
  122.  
  123. {CustomCSS}
  124.  
  125. </style>
  126.  
  127. {block:IfEndlessScrolling}<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>{/block:IfEndlessScrolling}
  128.  
  129. </head>
  130.  
  131. <body>
  132.  
  133. <div style="position:fixed; bottom:10px; right:10px;"><a href="http://collisions.tumblr.com" title="theme from collisions">theme</a></div>
  134.  
  135. <div id="navbar">
  136.  
  137. <div id="centernav">
  138. <ul id="drawers">
  139. <li class="drawer" id="info">
  140. <h1>{title}</h1>
  141. <div align="center">
  142. <div class="links"><a href="/">home</a>&nbsp;&nbsp;<a href="/ask">message</a>&nbsp;&nbsp;<a href="/archive">archive</a>&nbsp;&nbsp;<a href="{text:link 1}">{text:link 1 text}</a>&nbsp;&nbsp;<a href="{text:link 2}">{text:link 2 text}</a></div>
  143. </div>
  144. </li>
  145. </ul>
  146.  
  147. </div>
  148. </div>
  149.  
  150. <div id="wrapper">
  151.  
  152. <div id="posts">
  153.  
  154.  
  155. {block:Posts}
  156.  
  157.  
  158. {block:Text}
  159. <div id="entry">
  160. <div id="textpost">
  161. <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
  162. {block:Title}
  163. <h3>{Title}</h3>
  164. {/block:Title}
  165. {Body}
  166. {block:PermalinkPage}
  167. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  168. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  169. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  170. {/block:PermalinkPage}
  171. </div>
  172. </div>
  173. {/block:Text}
  174.  
  175.  
  176. {block:Photo}
  177. {block:IndexPage}
  178. <div id="entry">
  179. <div id="imgpost">
  180. <div class="imgpermalink">
  181. <div><a href="{Permalink}">Posted on {Month} {DayOfMonth}, {Year}</a></div>
  182. <div><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  183. <div>&nbsp;</div>
  184. <div><a href="{ReblogURL}" target="_blank">Reblog this picture</a></div>
  185. </div>{/block:IndexPage}
  186. <a href="{Permalink}">
  187. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  188. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="400px;"/>
  189. </a>
  190. {block:PermalinkPage}
  191. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  192. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  193. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  194. {/block:PermalinkPage}
  195. </div>
  196. </div>
  197. {/block:Photo}
  198.  
  199.  
  200. {block:Photoset}
  201. <div id="entry">
  202. <div class="photoset">
  203. <center>{Photoset-400}</center>
  204. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  205. </div>
  206. {block:PermalinkPage}
  207. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  208. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  209. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  210. {/block:PermalinkPage}
  211. </div>
  212. {/block:Photoset}
  213.  
  214.  
  215. {block:Quote}
  216. <div id="entry">
  217. <span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>"<em>{Quote}</em>" {block:Source}- <b>{Source}</b>{/block:Source}
  218. {block:PermalinkPage}
  219. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  220. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  221. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  222. {/block:PermalinkPage}
  223. </div>
  224. {/block:Quote}
  225.  
  226.  
  227. {block:link}
  228. <div id="entry"><span class="permalink"><a href="{Permalink}">{NoteCount}</a></span><div class="linkpost"><a href="{URL}" class="linkpost" {Target}><h3>{Name}</h3></a>{block:Description}<div class="description">{Description}</div>{/block:Description}</div>
  229. {block:PermalinkPage}
  230. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  231. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  232. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  233. {/block:PermalinkPage}
  234. </div>
  235. {/block:link}
  236.  
  237.  
  238. {block:Chat}
  239. <div id="entry"><span class="permalink"><a href="{Permalink}">{NoteCount}</a></span>
  240. {block:Title}<b>{Title}</b>{/block:Title}
  241. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  242. {block:PermalinkPage}
  243. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  244. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  245. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  246. {/block:PermalinkPage}
  247. </div>
  248. {/block:Chat}
  249.  
  250.  
  251. {block:Video}
  252. <div id="entry"><div class="video">
  253. <center>{Video-400}</center>
  254. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  255. {block:PermalinkPage}
  256. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  257. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  258. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  259. {/block:PermalinkPage}
  260. </div>
  261. {/block:Video}
  262.  
  263.  
  264. {block:Audio}<div id="entry"><span class="permalink"><a href="{Permalink}">{NoteCount}</a></span><div class="audio">{AudioPlayerBlack}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  265. {block:PermalinkPage}
  266. <div style="float:left">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  267. <div style="float:right">{Month} {DayOfMonth}, {Year}</div>
  268. <div>{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  269. {/block:PermalinkPage}
  270. </div>
  271. {/block:Audio}
  272.  
  273.  
  274. {/block:Posts}
  275.  
  276. <DIV style="text-align:right;">
  277. {block:ifNotendlessscrolling}
  278. {block:Pagination}
  279. {block:PreviousPage}<a href="{PreviousPage}">{text:previous}</a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}">{text:next}</a>{/block:NextPage}</div>
  280. {/block:Pagination}
  281. {/block:ifNotendlessscrolling}
  282. </div>
  283.  
  284. </div>
  285. </div>
  286. </body>
  287. </html>
create a new version of this paste RAW Paste Data