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

Vuk Theme by filmingthemes.tumblr.com

By: filmingthemes on Apr 15th, 2012  |  syntax: None  |  size: 9.53 KB  |  hits: 1,466  |  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. <!--
  2.  
  3. VUK
  4.  
  5. theme by filmingmidgets.tumblr.com
  6. more themes at filmingthemes.tumblr.com
  7.  
  8. Please leave the credit as it is, other than that feel free to edit the theme however you want.
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24. <meta name="color:Text" content="#000000">
  25. <meta name="color:Links" content="#000000">
  26. <meta name="color:Link Hover" content="#c4c4c4">
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Content" content="#ffffff"/>
  29. <meta name="color:Sidebar" content="#ffffff"/>
  30. <meta name="font:Title" content="Copperplate Light"/>
  31. <meta name="font:Body" content="Copperplate Light"/>
  32. <meta name="text:Width" content="500"/>
  33. <meta name="text:Gap Size" content="10"/>
  34. <meta name="if:Endless Scroll" content="1"/>
  35. <meta name="if:Gap Between Posts" content="1"/>
  36. <meta name="if:Display Photo" content="1"/>
  37. <meta name="text:Previous" content="‹"/>
  38. <meta name="text:Next" content="›"/>
  39.  
  40. <style type="text/css">
  41.  
  42. body{
  43.     height:100%;
  44.     text-align:justify;
  45.     font-size:8pt;
  46.     color:{color:text};
  47.     background-color:{color:Background};
  48.     font-family:{font:Body};
  49. }
  50.  
  51. .description{
  52.     text-align:left;
  53. }
  54.  
  55. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator{
  56.     display:none;
  57. }
  58.  
  59. a {
  60.     color: {color:Links};
  61.     text-decoration:none;
  62. }
  63.  
  64. a:hover {
  65.     color: {color:Link Hover};
  66.     -moz-transition: 0.5s ease-out;
  67.     -o-transition: 0.5s ease-out;
  68.     -webkit-transition: 0.5s ease-out;
  69. }
  70.  
  71. a img {
  72.     border: 0px;
  73. }
  74.  
  75. .content{
  76.     position:relative;
  77.     margin-left:auto;
  78.     margin-right:auto;
  79.     max-width:{text:Width}px;
  80.     padding: 10px;
  81.     background-color:{color:Content};
  82. }
  83.  
  84. .sidebar{
  85.     width:150px;
  86.     position:fixed;
  87.     padding:10px;
  88.     background-color:{color:Sidebar};
  89.     top:10%;
  90.     left:75%;
  91. }
  92.  
  93. .permalink{
  94.     z-index:1000;
  95.     margin-top:-10px;
  96.     text-align:left;
  97.     width:50px;
  98.     float:right;
  99.     margin-left:{text:width}px;
  100.     padding:10px 10px 10px 20px;
  101.     position:absolute;
  102.     font-size:7pt;
  103.     opacity:0;
  104.     -moz-transition: 0.5s ease-out;
  105.     -o-transition: 0.5s ease-out;
  106.     -webkit-transition: 0.5s ease-out;
  107.     background-color:{color:Content};
  108. }
  109.  
  110. .posttitle{
  111.     font:{font:body};
  112.     text-align:center;
  113.     font-style:bold;
  114.     font-size:12pt;
  115. }
  116.  
  117. .blogtitle{
  118.     font-family:{font:Title};
  119.     font-size:20pt;
  120.     line-height:22pt;
  121.     font-weight:bold;
  122.     font-style:italic;
  123.     text-align:center;
  124. }
  125.  
  126. #entry{
  127.     {block:IfGapBetweenPosts}
  128.     margin-bottom:{text:Gap Size}px;
  129.     {/block:IfGapBetweenPosts}
  130.     {block:IfNotGapBetweenPosts}
  131.     margin-bottom:0px;
  132.     {/block:IfNotGapBetweenPosts}
  133. }
  134.  
  135. #entry img{
  136.     {block:IfGapBetweenPosts}
  137.     margin-bottom:{text:Gap Size}px;
  138.     {/block:IfGapBetweenPosts}
  139.     {block:IfNotGapBetweenPosts}
  140.     margin-bottom:0px;
  141.     {/block:IfNotGapBetweenPosts}
  142.     max width:{text-width}px;
  143. }
  144.  
  145. #entryaudio{
  146.     {block:IfGapBetweenPosts}
  147.     margin-bottom:{text:Gap Size}px;
  148.     {/block:IfGapBetweenPosts}
  149.     {block:IfNotGapBetweenPosts}
  150.     margin-bottom:0px;
  151.     {/block:IfNotGapBetweenPosts}
  152. }
  153.  
  154. #entry:hover .permalink{
  155.     opacity:1;
  156. }
  157.  
  158. .quote{
  159.     font-size:12pt;
  160.     font-style:italic;
  161. }
  162.  
  163. .player{
  164.     width:{text:Width}px;
  165.     overflow:hidden;
  166.     background:#000000;
  167. }
  168.  
  169. .source{
  170.     font-style:italic;
  171.     margin-left:50px;
  172. }
  173.  
  174. .profilepic{
  175.     background-image: url({PortraitURL-96});
  176.     -moz-border-radius: 48px;
  177.     -webkit-border-radius: 60px;
  178.     width: 96px;
  179.     height: 96px;
  180.     margin-bottom:10px;
  181. }
  182.  
  183. #tumblr_controls{
  184.     position:fixed !important;
  185. }
  186.  
  187. {CustomCSS}
  188.  
  189. </style>
  190.  
  191. {block:IfEndlessScroll}
  192. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  193. {/block:IfEndlessScroll}
  194.  
  195. </head>
  196.  
  197. <body>
  198.  
  199. <div class="content">
  200.  
  201. {block:IfEndlessScroll}
  202. <div class="autopagerize_page_element">
  203. {/block:IfEndlessScroll}
  204.  
  205. {block:Posts}
  206.  
  207. {block:Text}
  208. <div id="entry">
  209. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  210. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  211. {Body}
  212. </div>
  213. {/block:Text}
  214.  
  215. {block:Photo}
  216. <div id="entry">
  217. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  218. {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{text:Width}"/>{LinkCloseTag}
  219. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}<p>Posted on {block:Date}{DayOfMonth} {Month} {Year}{/block:Date}<p>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  220. {/block:PermalinkPage}
  221. </div>
  222. {/block:Photo}
  223.  
  224. {block:Photoset}
  225. <div id="entry">
  226. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  227. {Photoset-500}
  228. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  229. </div>
  230. {/block:Photoset}
  231.  
  232. {block:Quote}
  233. <div id="entry">
  234. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  235. <div class="quote">"{Quote}"</div> {block:Source}<div class="source"><br>— <i>{Source}</i></div>{/block:Source}
  236. </div>
  237. {/block:Quote}
  238.  
  239. {block:Link}
  240. <div id="entry">
  241. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  242. <div class="posttitle"><a href="{URL}">› {Name}</a></div>{block:Description}{Description}{/block:Description}
  243. </div>
  244. {/block:Link}
  245.  
  246. {block:Chat}
  247. <div id="entry">
  248. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  249. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  250. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  251. </div>
  252. {/block:Chat}
  253.  
  254. {block:Video}
  255. <div id="entry">
  256. <div class="video">
  257. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  258. {Video-500}
  259. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  260. </div></div>
  261. {/block:Video}
  262.  
  263. {block:Audio}
  264. <div id="entryaudio">
  265. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  266. <div class="player">
  267. {AudioPlayerBlack}</div><br>
  268. <center>{block:TrackName}{TrackName} - {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div></center>
  269. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  270. </div>
  271. {/block:Audio}
  272.  
  273. {block:Answer}
  274. <div id="entry">
  275. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{block:Date}{TimeAgo}{/block:Date}</a><a href="{ReblogURL}" target="_blank"><p>Reblog</a><a href="{Permalink}">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</a></div>{/block:IndexPage}
  276. <div class="answer"><b>{Asker}:</b> {Question}</div><br>
  277. <div style="margin-top:-15px;">{Answer}</div></div>
  278. {/block:answer}
  279.  
  280. {block:PostNotes}
  281. {PostNotes}
  282. {/block:PostNotes}
  283.  
  284. {/block:Posts}
  285.  
  286. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  287.  
  288. </div>
  289.  
  290. <div class="sidebar">
  291.  
  292. {block:IfDisplayPhoto}
  293. <center><a href="/"><div class="profilepic"></div></a></center>
  294. {/block:IfDisplayPhoto}
  295.  
  296. <div class="blogtitle"><a href="/">{title}</a></div>
  297.  
  298. {block:Description}<div class="description">{Description}</div>{/block:Description}
  299.  
  300. <br><span class="links"><a href="/">Home</a></span>
  301.  
  302. <br><span class="links"><a href="/archive">Archive</a></span>
  303.  
  304. <span class="links">{block:AskEnabled}<br><a href="/ask">Ask</a>{/block:AskEnabled}</span>
  305.  
  306. <span class="links">{block:HasPages}{block:Pages}<br><a href="{URL}">{Label}</a> {/block:Pages} {/block:HasPages}</span>
  307.  
  308. <br><span class="links"><a href="http://filmingthemes.tumblr.com">Theme</a></span>
  309.  
  310. <p>
  311.  
  312. {block:IfNotEndlessScroll}{block:Pagination}<div style="float:left; font-size:10px;">{block:PreviousPage}<a href="{PreviousPage}">{text:Previous}</a>{/block:PreviousPage}</div> <div style="float:right; font-size:10px;">{block:NextPage}<a href="{NextPage}">{text:Next}</a>{/block:NextPage}</div>{/block:Pagination}{/block:IfNotEndlessScroll}
  313.  
  314. </div>
  315.  
  316. </body>
  317. </html>
create a new version of this paste RAW Paste Data