API tools faq
paste
Advertisement
pedrok123

theme 12 repugnar

pedrok123
May 31st, 2012
53
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.67 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme 12
  3. Theme made by repugnar.tumblr.com
  4. Don't Remove this comment
  5. -->
  6.  
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  9.  
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11.  
  12.  
  13. <head>
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20.  
  21. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  22. <meta name="image:Picture" content="http://27.media.tumblr.com/tumblr_m2g9ix32GA1qbgeizo1_500.jpg"/>
  23. <meta name="image:Entry BG" content="http://static.tumblr.com/..."/>
  24.  
  25.  
  26. <meta name="color:Link" content="#444" />
  27. <meta name="color:Link hover" content="#000" />
  28. <meta name="color:Background" content="#fff" />
  29. <meta name="color:Scroll" content="#999" />
  30. <meta name="color:Scroll BG" content="#fff" />
  31.  
  32. <meta name="color:Title" content="#fff" />
  33. <meta name="color:Description" content="#000" />
  34. <meta name="color:Menu" content="#000" />
  35. <meta name="color:Menu Hover" content="#fff" />
  36. <meta name="color:Menu BG" content="#000" />
  37. <meta name="color:Menu Border" content="#000" />
  38.  
  39.  
  40. <meta name="color:Entry BG" content="#fff" />
  41. <meta name="color:Entry Border" content="#eee" />
  42. <meta name="color:Entry Title" content="#000" />
  43. <meta name="color:Texts" content="#888" />
  44. <meta name="color:Infos" content="#fff" />
  45. <meta name="color:Infos BG" content="#000" />
  46.  
  47.  
  48. <meta name="text:Link1 title" content="link 1" />
  49. <meta name="text:Link1" content="" />
  50. <meta name="text:Link2 title" content="link 2" />
  51. <meta name="text:Link2" content="" />
  52.  
  53. <meta name="if:Title" content="1"/>
  54. <meta name="if:Caption" content="0"/>
  55. <meta name="if:Single Column" content="0"/>
  56. <meta name="if:Big Posts" content="0"/>
  57. <meta name="if:EndlessScroll" content="0"/>
  58.  
  59.  
  60.  
  61.  
  62. <style type="text/css">
  63.  
  64. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  65.  
  66. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  67.  
  68. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:150px;border-radius:4px;-moz-border-radius:4px;}
  69. ::-webkit-scrollbar {height:0px;width:4px;border-radius:4px;-moz-border-radius:4px;background-color:{color:Scroll BG};}
  70.  
  71. body
  72. {font-family:arial;
  73. font-size:10px;
  74. color:{color:Texts};
  75. background-color:{color:Background};
  76. background-image:url('{image:Background}');
  77. background-position: fixed;
  78. background-attachment:fixed;
  79. background-repeat:repeat;}
  80.  
  81. a
  82. {text-decoration:none;
  83. color:{color:Link};
  84. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  85. opacity:1;}
  86.  
  87. a:hover
  88. {text-decoration:none;
  89. color:{color:Link hover};
  90. opacity:1;}
  91.  
  92. blockquote
  93. {border-left:2px solid;
  94. padding-left:5px;}
  95.  
  96.  
  97. #side
  98. {position:fixed;
  99. top:50px;
  100. left:100px;}
  101.  
  102.  
  103.  
  104.  
  105.  
  106. #left
  107. {float:left;
  108. overflow:hidden;
  109. width:125px;
  110. border-bottom:2px solid {color:Menu Border};
  111. padding:5px 0px 2px 5px;
  112. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  113.  
  114. #right
  115. {overflow:hidden;
  116. width:125px;
  117. border-bottom:2px solid {color:Menu Border};;
  118. padding:5px 5px 2px 0px;}
  119.  
  120. #about
  121. {float:left;
  122. color:{color:Description};
  123. text-align:justify;
  124. font-size:9px;
  125. width:0px;
  126. height:0px;
  127. opacity:0;
  128. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  129.  
  130. #picture
  131. {width:260px;
  132. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  133.  
  134. #picture:hover
  135. {width:360px;}
  136.  
  137. #picture:hover #about
  138. {width:125px;
  139. padding:20px 10px 20px 10px;
  140. opacity:1;}
  141.  
  142. #picture:hover #left
  143. {margin-left:-65px;}
  144.  
  145. #title
  146. {position:absolute;
  147. width:275px;
  148. color:{color:Title};
  149. bottom:200px;
  150. font-size:20px;
  151. letter-spacing:5px;
  152. text-align:center;}
  153.  
  154. #menu
  155. {width:275px;
  156. overflow:hidden;}
  157.  
  158. .button
  159. {float:left;color:{color:Menu};
  160. text-align:center;
  161. width:77px;
  162. padding:10px 0px 10px 0px;}
  163.  
  164. .button:hover
  165. {background-color:{color:Menu BG};color:{color:Menu Hover};
  166. letter-spacing:2px;
  167. font-weight:800;}
  168.  
  169.  
  170.  
  171.  
  172. .pagination {
  173. display:none;
  174. }
  175.  
  176. #posts
  177. {{block:IndexPage}
  178. {block:IfSingleColumn}
  179. {block:IfBigPosts}
  180. width:690px;
  181. {/block:IfBigPosts}
  182. {block:IfNotBigPosts}
  183. width:300px;
  184. {/block:IfNotBigPosts}
  185. {/block:IfSingleColumn}
  186. {block:IfNotSingleColumn}
  187. {block:IfBigPosts}
  188. width:1200px;
  189. {/block:IfBigPosts}
  190. {block:IfNotBigPosts}
  191. width:700px;
  192. {/block:IfNotBigPosts}
  193. {/block:IfNotSingleColumn}
  194.  
  195. {/block:IndexPage}
  196. margin-top:35px;
  197. margin-left:420px;
  198. {block:PermalinkPage}
  199.  
  200. width:550px;
  201. text-align:justify;
  202. {/block:PermalinkPage}}
  203.  
  204.  
  205.  
  206.  
  207.  
  208. .post
  209. {{block:IndexPage}
  210. {block:IfBigPosts}
  211. width:400px;
  212. {/block:IfBigPosts}
  213. {block:IfNotBigPosts}
  214. width:250px;
  215. {/block:IfNotBigPosts}
  216. {/block:IndexPage}
  217. {block:PermalinkPage}
  218. width:500px;
  219. {/block:PermalinkPage}
  220. margin-top:20px;
  221. margin-left:20px;
  222. text-align:justify;
  223. color:{color:Texts};
  224. font-family:arial;
  225. font-size:9px;
  226. background-image:url('{image:Entry BG}');
  227. background-color: {color:Entry BG};
  228. border:1px solid {color:Entry Border};
  229. padding:5px 5px 5px 5px;
  230. {block:IfNotEndlessScroll}
  231. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  232. {/block:IfNotEndlessScroll}}
  233.  
  234. #photo
  235. {padding-bottom:1px;}
  236.  
  237.  
  238. .texte
  239. {overflow:hidden;
  240. {block:IndexPage}
  241. {block:IfBigPosts}
  242. width:400px;
  243. {/block:IfBigPosts}
  244. {block:IfNotBigPosts}
  245. width:250px;
  246. {/block:IfNotBigPosts}
  247. {/block:IndexPage}
  248. {block:PermalinkPage}
  249. width:500px;
  250. {/block:PermalinkPage}}
  251.  
  252. {block:IndexPage}
  253.  
  254. .post img
  255. {{block:IfBigPosts}
  256. max-width:400px;
  257. {/block:IfBigPosts}
  258. {block:IfNotBigPosts}
  259. max-width:250px;
  260. {/block:IfNotBigPosts}}
  261.  
  262. {/block:IndexPage}
  263.  
  264.  
  265. .infos
  266. {position:absolute;
  267. {block:IfBigPosts}
  268. width:410px;
  269. {/block:IfBigPosts}
  270. {block:IfNotBigPosts}
  271. width:260px;
  272. {/block:IfNotBigPosts}
  273. color:#fff;
  274. margin:-20px -10px 0px -10px;
  275. padding:5px;
  276. background-color:{color:Infos BG};
  277. color:{color:Infos};
  278. text-transform:uppercase;
  279. font-family:courier;
  280. opacity:0;
  281. font-size:10px;
  282. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  283.  
  284. .post:hover .infos
  285. {opacity:1;}
  286.  
  287. .infos a
  288. {color:{color:Infos};}
  289.  
  290. .infos a:hover
  291. {opacity:0.5;}
  292.  
  293.  
  294.  
  295. .titlepost
  296. {text-transform:uppercase;
  297. font-family:courier;
  298. letter-spacing:2px;
  299. color:{color:Entry Title};
  300. text-decoration:underline;}
  301.  
  302. #label
  303. {text-transform:uppercase;
  304. color:{color:Entry Title};
  305. font-family:courier;}
  306.  
  307.  
  308. .nav
  309. {text-align:center;
  310. letter-spacing:5px;}
  311.  
  312. #pages
  313. {width:265px;
  314. margin-top:20px;
  315. letter-spacing:5px;
  316. text-align:center;}
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323. </style>
  324.  
  325. {block:IndexPage}
  326. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  327. {block:IfEndlessScroll}
  328. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfEndlessScroll}
  329. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  330. <script>
  331. $(window).load(function () {
  332. $('#posts').masonry(),
  333. $('.masonryWrap').infinitescroll({
  334. navSelector : "div.pagination",
  335. nextSelector : ".pagination a#next",
  336. itemSelector : ".post",
  337. bufferPx : 10000,
  338. extraScrollPx: 10000,
  339. loadingImg : "",
  340. loadingText : "<em></em>",
  341. },
  342. // call masonry as a callback.
  343. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  344. );
  345. });
  346. </script>{/block:IndexPage}
  347.  
  348.  
  349.  
  350. </head>
  351. <body>
  352.  
  353.  
  354.  
  355.  
  356. {block:IfEndlessScroll}
  357. <a style="position:fixed;bottom:5px;right:5px;font-size:10px;z-index:999;" href="#top" >back to top</a>{/block:IfEndlessScroll}
  358.  
  359. <div id="side">
  360.  
  361. <div id="picture">
  362. {block:IfTitle}
  363. <div id="title">{Title}</div>
  364. {/block:IfTitle}
  365. <div>
  366. <div id="left">
  367. <img width="250px" src="{image:Picture}">
  368. </div>
  369. <div id="about">
  370. {Description}
  371. </div>
  372. <div id="right">
  373. <img width="250px" style="margin-left:-125px;"src="{image:Picture}">
  374. </div>
  375. </div>
  376. </div>
  377.  
  378. <div>
  379. <table id="menu" border="0" cellpadding="0" cellspacing="0">
  380. <tr>
  381. <td><a href="/"><div class="button">home</div></a></td>
  382. <td><a href="/ask"><div class="button">ask me</div></a></td>
  383. <td><a href="/archive"><div class="button">archive</div></a></td>
  384. </tr>
  385. <td><a href="{text:Link1}"><div class="button">{text:Link1 title}</div></a></td>
  386. <td><a href="{text:Link2}"><div class="button">{text:Link2 title}</div></a></td>
  387. <td><a title="repugnar" href="http://repugnar.tumblr.com"><div class="button">theme</div></a></td>
  388. </tr>
  389. </table>
  390. </div>
  391.  
  392. {block:IfNotEndlessScroll}{block:Pagination}
  393. <div id="pages">
  394. {block:PreviousPage}<a href="{PreviousPage}">← back</a> | {/block:PreviousPage}
  395. {block:NextPage}<a href="{NextPage}">next →</a>{/block:NextPage}
  396. </div>
  397. {/block:Pagination} {/block:IfNotEndlessScroll}
  398. </div>
  399.  
  400.  
  401.  
  402.  
  403. <div id="posts">
  404.  
  405. {block:Posts}
  406.  
  407.  
  408.  
  409. {block:Photo}
  410. <div class="post" id="photo">
  411. {block:IndexPage}
  412. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  413. {/block:IndexPage}
  414.  
  415. <a href="{Permalink}" style="border-bottom:1px dotted transparent;">
  416. <div><img id="photo" src="{PhotoURL-500}"
  417.  
  418. {block:IndexPage}
  419. {block:IfBigPosts}
  420. width="400px"
  421. {/block:IfBigPosts}
  422. {block:IfNotBigPosts}
  423. width="250px"
  424. {/block:IfNotBigPosts}
  425. {/block:IndexPage}
  426.  
  427. {block:PermalinkPage}
  428. width="500px"
  429. {/block:PermalinkPage}
  430. alt="{PhotoAlt}"/></div></a>
  431.  
  432. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  433.  
  434. </div>
  435. {/block:Photo}
  436.  
  437.  
  438. {block:Text}
  439. <div class="post">
  440. {block:IndexPage}
  441. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  442. {/block:IndexPage}
  443.  
  444. {block:Title}
  445. <div class="titlepost">{Title}</div>
  446. {/block:Title}
  447. <div class="texte">{Body}</div>
  448. </div>
  449. {/block:Text}
  450.  
  451.  
  452. {block:Quote}
  453. <div class="post">
  454. {block:IndexPage}
  455. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  456. {/block:IndexPage}
  457. <div>"{Quote}"</div>
  458. {block:Source}
  459. <div>— {Source}</div>
  460. {/block:Source}
  461.  
  462. </div>
  463. {/block:Quote}
  464.  
  465.  
  466.  
  467. {block:Link}
  468. <div class="post">
  469. {block:IndexPage}
  470. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  471. {/block:IndexPage}
  472. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  473. {block:Description}
  474. <div>{Description}</div>
  475. {/block:Description}
  476.  
  477. </div>
  478. {/block:Link}
  479.  
  480.  
  481.  
  482. {block:Chat}
  483. <div class="post">
  484. {block:IndexPage}
  485. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  486. {/block:IndexPage}
  487. {block:Title}
  488. <div class="titlepost">{Title}</div>
  489. {/block:Title}
  490. <div>
  491. {block:Lines}
  492. <div class="{Alt} user_{UserNumber}">
  493. <div>{block:Label}<a href="{Permalink}" id="label">- {Label}</a>{/block:Label} {Line} </div>
  494. </div>
  495. {/block:Lines}
  496. </div>
  497. </div>
  498. {/block:Chat}
  499.  
  500.  
  501. {block:Audio}
  502. <div class="post">
  503. {block:IndexPage}
  504. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  505. {/block:IndexPage}
  506.  
  507. <table cellpadding="0" border="0" cellspacing="0">
  508. <tr><td rowspan="2">
  509. {block:AlbumArt}
  510. <img style="height:100px;width:100px;margin-right:5px;" id="art" src="{AlbumArtURL}"/>
  511. {/block:AlbumArt}</td>
  512. <td><div style="margin-top:15px;">
  513. {block:IndexPage}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}{/block:IndexPage} <br>
  514. {PlayCountWithLabel}</div></td></tr><td>
  515. <div style="{block:IfBigPosts}
  516. width:295px;
  517. {/block:IfBigPosts}
  518. {block:IfNotBigPosts}
  519. width:145px;
  520. {/block:IfNotBigPosts}
  521. {block:PermalinkPage}width:395px;{/block:PermalinkPage}background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
  522. </table>
  523.  
  524. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  525. </div>
  526. {/block:Audio}
  527.  
  528.  
  529. {block:Photoset}
  530. <div class="post">
  531. {block:IndexPage}
  532. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  533. {/block:IndexPage}
  534.  
  535. {block:IndexPage}
  536. {block:IfBigPosts}
  537. {Photoset-400}
  538. {/block:IfBigPosts}
  539. {block:IfNotBigPosts}
  540. {Photoset-250}
  541. {/block:IfNotBigPosts}
  542. {/block:IndexPage}
  543.  
  544. {block:PermalinkPage}
  545. {Photoset-500}
  546. {/block:PermalinkPage}
  547. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  548. </div>
  549. {/block:Photoset}
  550.  
  551. {block:Video}
  552. <div class="post">
  553. {block:IndexPage}
  554. <span class="infos">{block:Date}<a href="{Permalink}" target="_blank">{DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</a>{/block:Date} • {NoteCountWithLabel} • <a href="{ReblogURL}" target="_blank">Reblog</a></span>
  555. {/block:IndexPage}
  556. {block:IndexPage}
  557. {block:IfBigPosts}
  558. {Video-400}
  559. {/block:IfBigPosts}
  560. {block:IfNotBigPosts}
  561. {Video-250}
  562. {/block:IfNotBigPosts}
  563. {/block:IndexPage}
  564.  
  565. {block:PermalinkPage}
  566. {Video-500}
  567. {/block:PermalinkPage}
  568.  
  569. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  570. </div>
  571. {/block:Video}
  572.  
  573.  
  574. {block:PermalinkPage}
  575. <div style="margin-left:25px;margin-top:15px;">
  576. {block:IfNotCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfNotCaption} <br>
  577. {block:PostNotes} {NoteCountWithLabel},{/block:PostNotes} {block:Date}{TimeAgo}.{/block:Date} {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  578. <div>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  579. {block:PostNotes}{PostNotes}{/block:PostNotes}
  580. </div>
  581. {/block:PermalinkPage}
  582.  
  583.  
  584. {/block:Posts}
  585. </div>
  586.  
  587.  
  588.  
  589. <div class="pagination">
  590. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  591. </div>
  592. </body>
  593. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!