API tools faq
paste
feiinho

theme by ville noire

feiinho
Nov 18th, 2017
174
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  2. <head>
  3. <!--
  4. posters theme by ville noire //
  5.  
  6. -->
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16.  
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Links" content="#000000"/>
  19. <meta name="color:Accent" content="#E9E9E9"/>
  20. <meta name="color:Hover" content="#000000"/>
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:header" content="#f7f7f7"/>
  23.  
  24. <meta name="if:Show Icon" content="0"/>
  25.  
  26. <meta name="if:Uppercase blogtitle" content="0"/>
  27. <meta name="if:image shadows" content="0" />
  28. <meta name="if:show captions" content="0"/>
  29. <meta name="text:blogtitle size" content="19" />
  30. <meta name="text:post font size" content="9" />
  31. <meta name="font:body" content="courier new" />
  32. <meta name="font:blogtitle" content="courier new" />
  33. <meta name="font:nav links" content="courier new" />
  34. <meta name="if:two columns" content="0" />
  35. <meta name="text:Custom Link One" content="" />
  36. <meta name="text:Custom Link One Title" content="" />
  37. <meta name="text:Custom Link Two" content="" />
  38. <meta name="text:Custom Link Two Title" content="" />
  39. <meta name="text:Custom Link Three" content="" />
  40. <meta name="text:Custom Link Three Title" content="" />
  41. <meta name="text:Custom Link Four" content="" />
  42. <meta name="text:Custom Link Four Title" content="" />
  43. <meta name="text:Custom Link Five" content="" />
  44. <meta name="text:Custom Link Five Title" content="" />
  45.  
  46. <script type="text/javascript" src="http://static.tumblr.com/misqj4e/k3Om6u289/adam.js"></script>
  47.  
  48. <style type="text/css">
  49.  
  50. iframe#tumblr_controls {
  51. top: 0% !important;
  52. right:0% !important;
  53. position: fixed !important;
  54. }
  55.  
  56. body {
  57. margin:auto;color:{color:text};
  58. font-family:{font:body};
  59. font-size:9px;
  60. background-color:{color:background};
  61. line-height:11px;
  62. }
  63.  
  64. a {
  65. color: {color:Links};
  66. text-decoration: none;
  67. }
  68.  
  69. a:hover {
  70. {color:Hover};
  71. -webkit-transition-duration: .5s;
  72. }
  73.  
  74. .caption {
  75. margin-top:5px;
  76. margin-bottom:10px;
  77. }
  78.  
  79. .content {
  80. margin:auto;
  81. background-color: {color:center};
  82. width:900px;
  83. {block:iftwocolumns}
  84. width:660px;
  85. {/block:iftwocolumns}
  86. padding-top:10px;
  87. height:100%;
  88. }
  89.  
  90. .post{
  91. {block:indexpage}
  92. width:250px;
  93. margin:25px;
  94. {block:iftwocolumns}
  95. margin:15px;
  96. width:300px;
  97. {/block:iftwocolumns}
  98. {/block:indexpage}
  99. {block:permalinkpage}
  100. width:500px;
  101. text-align:left;
  102. margin:auto;
  103. {/block:permalinkpage}
  104. float:left;
  105. position:relative;
  106. font-size:{text:post font size}px;
  107. font-color:{color:text};
  108. }
  109.  
  110. .post img {
  111. {block:indexpage}
  112. width:250px;
  113. {block:iftwocolumns}
  114. width:300px;
  115. {/block:iftwocolumns}
  116. {/block:indexpage}
  117. {block:ifImageShadows}
  118. -webkit-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  119. -moz-box-shadow: 3px 14px 5px rgba(0,0,0,0.3);
  120. box-shadow: 1px 2px 3px rgba(0,0,0,0.3);
  121. {/block:ifImageShadows}
  122. }
  123.  
  124. .permalink {
  125. margin:0px;
  126. text-align:right;
  127. padding:0px;
  128. opacity:0;
  129. -moz-transition: all 0.3s ease-out;
  130. -o-transition: all 0.3s ease-out;
  131. -webkit-transition: all 0.3s ease-out;
  132. transition: all 0.3s ease-out;
  133. }
  134.  
  135. .permalink a:hover{
  136. color:{color:Hover}
  137. }
  138.  
  139. .post:hover .permalink {
  140. opacity: 1;
  141. }
  142.  
  143. .notes{
  144. width:300px;
  145. font-size:9px;
  146. color:#000;
  147. text-align:left;
  148. }
  149.  
  150. .viewnotes{
  151. margin-top:10px;
  152. font-size:9px;
  153. color:#000;
  154. text-align:left;
  155. }
  156.  
  157. ol.notes {
  158. list-style-type:none;
  159. margin-left:-20px;
  160. }
  161.  
  162. ol.notes li.note {
  163. font-size:9px;
  164. }
  165.  
  166.  
  167. .audio {
  168. background-color:#000000;
  169. width:250px;
  170. {block:iftwocolumns}
  171. width:300px;
  172. {/block:iftwocolumns}
  173. }
  174.  
  175. ::-webkit-scrollbar-thumb:vertical {
  176. background-color:{color:background};
  177. height:100px;
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb:horizontal {
  181. background-color:{color:header};
  182. height:10px !important;
  183. }
  184.  
  185. ::-webkit-scrollbar {
  186. height:10px;
  187. width:10px;
  188. background-color:{color:header};
  189. }
  190.  
  191. ul{
  192. margin:0;
  193. padding:0 0 10px 0;
  194. border-bottom:1px solid {color:Accent};
  195. }
  196.  
  197. ul h1{
  198. text-align:left;
  199. margin:20px 0 10px 0;
  200. padding:0;
  201. font-size:11px;
  202. }
  203.  
  204. #sidebar li{
  205. list-style-type:none;
  206. margin-bottom:5px;
  207. padding:0px;
  208. line-height:17px;
  209. }
  210.  
  211. #sidebar li a{
  212. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  213. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  214. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  215. color:{color:nav links};
  216. }
  217.  
  218. #sidebar{
  219. background-color:{color:background};
  220. position:fixed;
  221. left:40px;
  222. top:0;
  223. height:100%;
  224. width:130px;
  225. }
  226.  
  227. #sidebar a:hover{
  228. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  229. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  230. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  231. color:{color:Text};
  232. }
  233.  
  234. #adam {
  235. position:fixed;
  236. top:26px;
  237. right:3px;}
  238.  
  239. .ptitle {
  240. font-size:11px;
  241. text-transform:uppercase;
  242. }
  243.  
  244. .blogtitle{
  245. text-transform:uppercase;
  246. -webkit-text-stroke: 1px transparent;
  247. {block:IfShowIcon}
  248. padding:30px 0 10px 0;
  249. {/block:IfShowIcon}
  250. {block:IfNotShowIcon}
  251. padding:30px 0px 15px 0px;
  252. {/block:IfNotShowIcon}
  253. font-size:{text:blogtitle size}px;
  254. text-align:left;
  255. font-weight:bold;
  256. }
  257.  
  258. #portrait {
  259. margin:auto;
  260. width: 96px;
  261. height: 96px;
  262. background-image:url({PortraitURL-96});
  263. -moz-border-radius: 48px;
  264. -webkit-border-radius: 48px;
  265. }
  266.  
  267. .title, .h2{
  268. font-weight:bold;
  269. font-size:16px;
  270. line-height:20px;
  271. text-align:left;
  272. }
  273.  
  274. .buttons{
  275. float:left;
  276. margin-right:10px;
  277. width:50px;
  278. font-size: 10px;
  279. font-weight: bold;
  280. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  281. background-color: #f5f5f5;
  282. text-align: center;
  283. padding: 4px 10px 3px 10px;
  284. border: 0px;
  285. -moz-border-radius: 10px;
  286. -webkit-border-radius: 10px;
  287. border-style: solid;
  288. border-color: #e4e4e4;
  289. border-width: thin;
  290. }
  291.  
  292. .buttons:hover{
  293. background:#ddd;
  294. }
  295.  
  296. .pagination {
  297. height:20px;
  298. border-top:0px !important;
  299. border-bottom:1px solid {color:Accent};
  300. }
  301.  
  302. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {
  303. display:none;
  304. }
  305.  
  306. #infscr-loading {
  307. display:none;
  308. }
  309.  
  310. .navigation{
  311. display:none;
  312. }
  313.  
  314. {CustomCSS}
  315. </style>
  316.  
  317.  
  318. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  319.  
  320.  
  321. {block:IndexPage}
  322. <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
  323. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  324.  
  325. <script type="text/javascript">
  326. $(window).load(function () {
  327. $('.content').masonry(),
  328. $('.masonryWrap').infinitescroll({
  329. navSelector : ".navigation",
  330. nextSelector : ".navigation a#next",
  331. itemSelector : ".post",
  332. bufferPx : 10000,
  333. extraScrollPx: 10000,
  334. loadingImg : "",
  335. loadingText : "",
  336. },
  337. function() { $('.content').masonry({ appendedContent: $(this) }); }
  338. );
  339. });
  340. </script>
  341. {/block:IndexPage}
  342.  
  343. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  344. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  345. <script type="text/javascript" charset="utf-8">
  346. var $j = jQuery.noConflict();
  347. $j(function() {
  348. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  349. $j("img").lazyload({
  350. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  351. effect: "fadeIn",
  352. });
  353. });
  354. </script>
  355. </head>
  356. <body>
  357.  
  358. <div id="sidebar">
  359. <div class="blogtitle">{block:IfShowIcon}<a href="/"><div id="portrait"></div></a>{/block:IfShowIcon}{block:IfNotShowIcon}<a href="/">{Title}</a>{/block:IfNotShowIcon}</div>
  360. {block:Description}<ul>{Description}</ul>{/block:Description}
  361. <ul><h1>Navigation</h1>
  362. <li><a href="/archive">Archive</a></li>
  363. <li><a href="{RSS}">RSS Feed</a></li>
  364. {block:AskEnabled}<li><a href="/ask">Message</a></li>{/block:AskEnabled}
  365. <li><a href="/random">Random</a><li>
  366. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
  367. {/block:HasPages}
  368. {block:ifCustomLinkOneTitle}<li><a href="{text:Custom Link One}">{text:Custom Link One Title}</a></li>{/block:ifCustomLinkOneTitle}
  369. {block:ifCustomLinkTwoTitle}<li><a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a></li>{/block:ifCustomLinkTwoTitle}
  370. {block:ifCustomLinkThreeTitle}<li><a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a></li>{/block:ifCustomLinkThreeTitle}
  371. {block:ifCustomLinkFourTitle}<li><a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a></li>{/block:ifCustomLinkFourTitle}
  372. {block:ifCustomLinkFiveTitle}<li><a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a></li>{/block:ifCustomLinkFiveTitle}
  373. <li><a href="http://ville-noire.com">Theme</a></li></ul>
  374.  
  375. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
  376.  
  377. <div style="bottom:2px; right:2px; position:fixed; opacity:0.8; text-style:italic; color:{color:Text}; "><a href="http://villenoire.tumblr.com">&copy</a></div>
  378.  
  379.  
  380.  
  381. <div class="content">
  382. {block:Posts}
  383.  
  384.  
  385. {block:Text}
  386. <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div></div></div>{/block:IndexPage}{/block:Text}
  387.  
  388.  
  389. {block:Photo}<div class="post">{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:indexpage}width="240px"{block:indexpage}/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{block:ifnotshowcaptions}{Caption}<br>{/block:ifnotshowcaptions}Posted {TimeAgo} with {NoteCountWithLabel}<br> {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}{block:ifshowcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifshowcaptions}</div>{/block:Photo}
  390.  
  391.  
  392. {block:Photoset}
  393. <div class="post"><div class="photoset">
  394. <center>{Photoset-250}</center>
  395. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  396. </div></div>{/block:Photoset}
  397.  
  398.  
  399. {block:Quote}
  400. <div class="post">{Quote}<br><a href="{Permalink}">{block:Source}<i> by {Source}{/block:Source}</a></i></div>
  401. {/block:Quote}
  402.  
  403. {block:Link}
  404. <div class="post">
  405. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  406. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  407. </div>
  408. {/block:Link}
  409.  
  410. {block:Chat}
  411. <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
  412. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  413. </div>
  414. {/block:Chat}
  415.  
  416. {block:Video}
  417. <div class="post"><div class="video">{Video-250}
  418. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  419.  
  420. {block:Audio}
  421. <div class="post">
  422. <div class="audio">
  423. {AudioPlayerBlack}</div>{Caption}
  424. {block:PermalinkPage}{/block:PermalinkPage}
  425. {block:IndexPage}<div class="permalink"><a href="{Permalink}">{TimeAgo}</a></div>{/block:IndexPage}
  426. </div>
  427. {/block:Audio}
  428.  
  429. {block:PermalinkPage}
  430. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  431. <div class="notes">
  432. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  433.  
  434. {/block:Posts}
  435.  
  436. </div>
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </body>
  443. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!