Advertisement
jewist

Velvet Theme

Oct 22nd, 2012
15,031
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.06 KB | None | 0 0
  1. <html><head>
  2.  
  3. <!- Velvet Theme for Tumblr by Jewist
  4. http://jewist.tumblr.com/
  5. if you choose to remove the credit please credit me in your links
  6. -!>
  7.  
  8. <title>{title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11.  
  12. <meta name="if:Endless Scroll" content="1"/>
  13.  
  14. <meta name="font:Body" content="Courier New"/>
  15. <meta name="font:Title" content="Courier New" />
  16.  
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Title" content="#000"/>
  19. <meta name="color:background" content="#ffffff">
  20. <meta name="color:Links" content="#000" />
  21. <meta name="color:Permalink" content="#fff"/>
  22.  
  23. <meta name="text:Font Size" content="10px"/>
  24. <meta name="text:title font size" content="22px" />
  25. <meta name="text:Custom Link One" content="" />
  26. <meta name="text:Custom Link One Title" content="" />
  27. <meta name="text:Custom Link Two" content="" />
  28. <meta name="text:Custom Link Two Title" content="" />
  29. <meta name="text:Custom Link Three" content="" />
  30. <meta name="text:Custom Link Three Title" content="" />
  31. <meta name="text:Custom Link Four" content="" />
  32. <meta name="text:Custom Link Four Title" content="" />
  33. <meta name="text:Custom Link Five" content="" />
  34. <meta name="text:Custom Link Five Title" content="" />
  35.  
  36.  
  37. <div class="blogtitle"><a href="/">{title}</a></div><br>
  38. <div class="navigation">
  39. <a href="/">home</a> <a href="/ask">ask</a>
  40. {block:ifCustomLinkOneTitle}
  41. <a href="{text:Custom Link One}" class="links">{text:Custom Link One Title}</a>
  42. {/block:ifCustomLinkOneTitle}
  43. {block:ifCustomLinkTwoTitle}
  44. <a href="{text:Custom Link Two}" class="links">{text:Custom Link Two Title}</a>
  45. {/block:ifCustomLinkTwoTitle}
  46. {block:ifCustomLinkThreeTitle}
  47. <a href="{text:Custom Link Three}" class="links">{text:Custom Link Three Title}</a>
  48. {/block:ifCustomLinkThreeTitle}
  49. {block:ifCustomLinkFourTitle}
  50. <a href="{text:Custom Link Four}" class="links">{text:Custom Link Four Title}</a>
  51. {/block:ifCustomLinkFourTitle}
  52. {block:ifCustomLinkFiveTitle}
  53. <a href="{text:Custom Link Five}" class="links">{text:Custom Link Five Title}</a>
  54. {/block:ifCustomLinkFiveTitle}
  55. </div><br>
  56.  
  57.  
  58.  
  59. <style type="text/css">
  60.  
  61. body {background-color:{color:background};
  62. font-family:{font:Body}; font-size:{text:font size};
  63. line-height:10px; text-align:center; color:{color:Text};}
  64.  
  65.  
  66. a:link, a:visited {color:{color:Links}; text-decoration:none;}
  67. a:hover {text-decoration:none; opacity:1;}
  68.  
  69. img { padding: 60px;
  70. border: 0px;}
  71.  
  72. a img {border:0px; opacity:.9;}
  73. a img:hover {opacity:.85;}
  74.  
  75. .navigation {position:fixed; z-index:2; display:block; width:770px; margin-left:-270px; margin-top:60px; text-align:center; padding:5px; -moz-border-radius: 5px; opacity:.95; background-color:transparent;}
  76.  
  77. .navigation a {background-color:transparent; padding-top:1px; padding-left:4px; padding-right:4px; padding-bottom:1px;}
  78.  
  79.  
  80. .blogtitle {z-index:2; position:fixed; width:770px;
  81. margin-left:-270px; margin-top:55px;
  82. font-family: {font:Title}; color:{color:title};
  83. font-size:{text:title font size};
  84. padding-bottom:4px; text-align:center;
  85. letter-spacing:px; text-transform:lowercase;}
  86.  
  87. .blogtitle a {color:{color:title};}
  88.  
  89.  
  90.  
  91. div.sidelinks a {background-color:{color:side links background}; margin-bottom:4px; text-align:right; display:block; position:relative; color:{color:Nav Links};}
  92. div.sidelinks a:hover {display:block; margin-bottom:4px; color:{color:Hover};}
  93.  
  94.  
  95. .container {width:570px;}
  96.  
  97. .content {margin:auto; width:400px;
  98. margin-top:90px; }
  99.  
  100.  
  101. #entry {background-color:transparent;
  102. width:475px; opacity:1;
  103. margin:auto; font-size:{text:Font Size};
  104. margin-bottom:40px;}
  105.  
  106. #entry img {width:400px; }
  107. #entry:hover .permalink {opacity: 1;}
  108. #entry:hover {}
  109. #entry .post img {width:400px; border:0px;}
  110.  
  111.  
  112. .audio {background-color:#000000; margin-bottom : 2px; margin-left:35px; width:400px; text-align:center;}
  113.  
  114. blockquote {border-left: 1px solid #eee; padding-left:3px; width:98.7%; margin-left: 0px;}
  115.  
  116.  
  117.  
  118. .permalink {z-index:2; left:50%; margin-left: -200px; margin-top:20px; padding-top:0px; position: absolute; text-align: center; width: 400px; height:10px; font-size: 45px; opacity:0; color:#fff; text-transform:uppercase; font-weight:bold;}
  119.  
  120. .permalink a {color:{color:permalink};}
  121. .permalink a:hover {color:{color:permalink};}
  122. .entry:hover .permalink {opacity: .85;}
  123.  
  124.  
  125. .textperma {z-index:2; position: absolute; left:50%; margin-left:-180px; margin-top:3px; text-align:right; color:#fff; width:400px; color:#000; font-weight:bold; height:10px;}
  126.  
  127. .textperma a {color:#000;}
  128. .textperma a:hover {opacity:.85}
  129. .entry:hover .textperma {opacity: .85;}
  130.  
  131.  
  132. div.video embed,div.post div.video object {
  133. width:400px !important;}
  134.  
  135.  
  136.  
  137. </style>
  138.  
  139.  
  140.  
  141. </head>
  142. {block:IfEndlessScroll}
  143. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  144. {/block:IfEndlessScroll}
  145. </head>
  146.  
  147.  
  148. <body>
  149. <div class="container">
  150. <div class="content">
  151.  
  152.  
  153. <div></div>
  154.  
  155. </div></div>
  156.  
  157.  
  158. {block:IfEndlessScroll}
  159. <div class="autopagerize_page_element">
  160. {/block:IfEndlessScroll}
  161.  
  162. {block:Posts}
  163.  
  164. {block:Text}
  165. <div id="entry">
  166. <div id="entrytext">
  167. <a href="{Permalink}">
  168. <a href="{Permalink}"><b>{Title}</b></a>
  169. {Body}
  170. </div></div>
  171. {/block:Text}
  172.  
  173. {block:Photo}{block:IndexPage}
  174. <a href="{Permalink}">
  175. {block:Post1}
  176. <img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/>
  177. {/block:Post1}
  178.  
  179. {block:Post2}
  180. <img src="{PhotoURL-HighRes}" width="450" alt="{PhotoAlt}"/>
  181. {/block:Post2}
  182.  
  183. {block:Post3}
  184. <img src="{PhotoURL-HighRes}" width="480" alt="{PhotoAlt}"/><br>
  185. {/block:Post3}
  186.  
  187. {block:Post4}
  188. <img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/>
  189. {/block:Post4}
  190.  
  191. {block:Post5}
  192. <img src="{PhotoURL-HighRes}" width="540" alt="{PhotoAlt}"/>
  193. {/block:Post5}
  194.  
  195. {block:Post6}
  196. <img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/>
  197. {/block:Post6}
  198.  
  199. {block:Post7}
  200. <img src="{PhotoURL-HighRes}" width="460" alt="{PhotoAlt}"/>
  201. {/block:Post7}
  202.  
  203. {block:Post8}
  204. <img src="{PhotoURL-HighRes}" width="480" alt="{PhotoAlt}"/>
  205. {/block:Post8}
  206.  
  207. {block:Post9}
  208. <img src="{PhotoURL-HighRes}" width="650" alt="{PhotoAlt}"/>
  209. {/block:Post9}
  210.  
  211. {block:Post10}
  212. <img src="{PhotoURL-HighRes}" width="470" alt="{PhotoAlt}"/>
  213. {/block:Post10}
  214.  
  215. {block:Post11}
  216. <img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/>
  217. {/block:Post11}
  218.  
  219. {block:Post12}
  220. <img src="{PhotoURL-HighRes}" width="450" alt="{PhotoAlt}"/>
  221. {/block:Post12}
  222.  
  223. {block:Post13}
  224. <img src="{PhotoURL-HighRes}" width="480" alt="{PhotoAlt}"/>
  225. {/block:Post13}
  226.  
  227. {block:Post14}
  228. <img src="{PhotoURL-HighRes}" width="400" alt="{PhotoAlt}"/>
  229. {/block:Post14}
  230.  
  231. {block:Post15}
  232. <img src="{PhotoURL-HighRes}" width="540" alt="{PhotoAlt}"/>
  233. {/block:Post15}
  234.  
  235. {/block:IndexPage}</a>
  236.  
  237. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="500" alt="{PhotoAlt}"/>{LinkCloseTag}
  238. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  239. {/block:Photo}
  240.  
  241. {block:Photoset}
  242. <div id="entry">
  243. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  244. {Photoset-500}
  245. {block:IndexPage}</a>{/block:IndexPage}
  246. {block:PermalinkPage}
  247. {TimeAgo} - {NoteCountWithLabel}</div>
  248. {/block:PermalinkPage}
  249. </div>
  250. {/block:Photoset}
  251.  
  252. {block:Quote}
  253. {block:IndexPage}
  254. <div id="entry">
  255. "{Quote}"
  256. <a href="{Permalink}">
  257. {block:Source}<br><br><b>{Source}</b>{/block:Source}
  258. </div></a>
  259. {/block:IndexPage}
  260. {block:PermalinkPage}
  261. <div id="entry">
  262. "{Quote}"
  263. {block:Source}<br><br><b>{Source}</b>{/block:Source}
  264. </div>
  265. Posted {TimeAgo} with {NoteCountWithLabel}
  266. {/block:PermalinkPage}
  267. {/block:Quote}
  268.  
  269. {block:Answer}
  270. {block:IndexPage}
  271. <div id="entry">
  272. <a href="{Permalink}">
  273. <b>{Asker}: </b> {Question}
  274. {Answer}
  275. <br>
  276. <br>
  277. </div></a>
  278. {/block:IndexPage}
  279. {block:PermalinkPage}
  280. <div id="textpostppage">
  281. <b>Q: </b> {Question}
  282. {Answer}
  283. <br>รขโ‚ฌโ€ข
  284. <br>{Asker}
  285. </div>
  286. {TimeAgo} - {NoteCountWithLabel}
  287. {/block:PermalinkPage}
  288. {/block:Answer}
  289.  
  290. {block:Audio}
  291. <div id="entry">
  292. <span class="permalink"><div style="font-size:35px; margin-top:-8px;"><a href="{Permalink}">~</a></div></span>
  293. <div class="audio">
  294. <center>{AudioPlayerBlack}</center></div>
  295. <small>{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</small>
  296. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  297. </div>
  298. {/block:Audio}
  299.  
  300. {block:Video}
  301. {block:IndexPage}
  302. <div id="entry">
  303. {Video-500}
  304. <a href="{Permalink}"></a>
  305. </div>
  306. {/block:IndexPage}
  307. {block:PermalinkPage}
  308. <div id="entry">
  309. {Video-500}
  310. {Caption}
  311. Posted {TimeAgo} with {NoteCountWithLabel}
  312. </div>
  313. {/block:PermalinkPage}
  314. {/block:Video}
  315.  
  316. {block:Link}
  317. {block:IndexPage}
  318. <div id="emtry">
  319. <a href="{URL}">{Name}</a>
  320. <a href="{Permalink}">
  321. {block:Description}{Description}{/block:Description}
  322. </a>
  323. </div>
  324. {/block:IndexPage}
  325. {block:PermalinkPage}
  326. <div id="entry">
  327. <a href="{URL}">{Name}</a>
  328. {block:Description}{Description}{/block:Description}
  329. Posted {TimeAgo} with {NoteCountWithLabel}
  330. </div>
  331. {/block:PermalinkPage}
  332. {/block:Link}
  333.  
  334. {block:Chat}
  335. {block:IndexPage}
  336. <div id="entry">
  337. {block:Title}{Title}{/block:Title}
  338. <a href="{Permalink}"><br>{block:Lines}{block:Label}<b>{Label}</b></a>
  339. {Line}<br>{/block:Label}{/block:Lines}
  340. </div>
  341. {/block:IndexPage}
  342. {block:PermalinkPage}
  343. <div id="entry">
  344. {block:Title}{Title}{/block:Title}
  345. <br>{block:Lines}{block:Label}<b>{Label}</b>
  346. {Line}<br>{/block:Label}{/block:Lines}
  347. Posted {TimeAgo} with {NoteCountWithLabel}
  348. </div>
  349. {block:PermalinkPage}
  350. {/block:Chat}
  351.  
  352. {block:PermalinkPage}
  353.  
  354. <BR>{Caption}
  355. {/block:PermalinkPage}
  356.  
  357. {/block:Posts}
  358.  
  359.  
  360.  
  361.  
  362. {/block:Posts}
  363. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  364.  
  365.  
  366. {block:IfNotEndlessScroll}<div style="width:{text:width}; position:absolute; margin-left:765px;"><div id="pag">
  367. {block:PreviousPage}<a href="{PreviousPage}" title="newer">back</a> {/block:PreviousPage} {block:NextPage}<a href="{NextPage}" title="older">forth</a>{/block:NextPage}{/block:IfNotEndlessScroll}
  368.  
  369. <div style="position:fixed; right:5px; bottom:5px;">
  370. <a href="http://jewistthemes.tumblr.com">&copy</a></div>
  371. </div></div></div>
  372.  
  373. </div>
  374. </div>
  375. </body>
  376. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement