Advertisement
themesbyjames

Juggernaut V4

Apr 20th, 2012
163,299
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.42 KB | None | 0 0
  1. <!-------------------------------------------------------------------------
  2.  
  3. THANK YOU AND CONGRATULATIONS FOR CHOOSING THEMESBYJAMES
  4. THEME: JUGGERNAUT VERSION 4 CREATED FEBRUARY 2013.
  5. HTTP://THEMESBYJAMES.TUMBLR.COM
  6.  
  7. -------------------------------------------------------------------------->
  8.  
  9. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <head><html>
  11.  
  12. <!-- DEFAULT VARIABLES -->
  13. <meta name="color:Background" content="#FFFFFF" />
  14. <meta name="color:Center" content="#FFFFFF" />
  15. <meta name="color:Text" content="#000000" />
  16. <meta name="color:Link" content="#000000"/>
  17. <meta name="color:Link Hover" content="#999" />
  18. <meta name="color:Scrollbar" content="#4c4f50"/>
  19. <meta name="image:Background" content="" />
  20. <meta name="image:Sidebar" content="" />
  21.  
  22. <meta name="if:Archive Link" content="1"/>
  23. <meta name="if:Rainbow Links" content="0"/>
  24. <meta name="if:Blog Title A" content="1"/>
  25. <meta name="if:Blog Title B" content="0"/>
  26. <meta name="if:Blog Title C" content="0"/>
  27. <meta name="if:Rounded Posts" content="0"/>
  28. <meta name="if:Inverted Fade" content="0"/>
  29. <meta name="if:Sidebar Left or Right" content="0"/>
  30. <meta name="if:Show Sidebar Icon" content="0"/>
  31. <meta name="if:Sidebar Border" content="0"/>
  32. <meta name="if:Post Border" content="0"/>
  33. <meta name="if:Post Shadow" content="0"/>
  34. <meta name="if:Tall Sidebar" content="0"/>
  35. <meta name="if:Sidebar Transparent" content="0"/>
  36. <meta name="if:Posts Transparent" content="0"/>
  37. <meta name="if:White Follow Button" content="0"/>
  38. <meta name="if:Show Blogtitle" content="1"/>
  39. <meta name="if:Show Description" content="1"/>
  40. <meta name="if:Show Photo Permalinks" content="1"/>
  41. <meta name="if:Show Photo Captions" content="0"/>
  42.  
  43. <meta name="text:Ask Title" content="Message" />
  44. <meta name="text:Link One" content="" />
  45. <meta name="text:Link One Title" content="" />
  46. <meta name="text:Link Two" content="" />
  47. <meta name="text:Link Two Title" content="" />
  48. <meta name="text:Link Three" content="" />
  49. <meta name="text:Link Three Title" content="" />
  50. <meta name="text:Link Four" content="" />
  51. <meta name="text:link Four Title" content="" />
  52. <meta name="text:link Five" content="" />
  53. <meta name="text:link Five Title" content="" />
  54. <!--- STYLESHEETS & STATIC UPLOADS --->
  55. <link href="http://static.tumblr.com/ek9ly4s/emomovvhc/animate-custom.css" rel="stylesheet">
  56. <script type="text/javascript"
  57. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/6jwx45k/wtAmglb9t/themesbyjames-whyareyoureadingthis-likescript.js"></script>
  59. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Pacifico|Permanent+Marker' rel='stylesheet' type='text/css'>
  60.  
  61. <script src="http://static.tumblr.com/6jwx45k/qnrmqhe43/ifie1.js"></script>
  62. <script src="http://static.tumblr.com/6jwx45k/QcKmqhe47/ifie2.js"></script>
  63.  
  64. <style type="text/css">
  65. .clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.clearfix{display:inline-block}html[xmlns] .clearfix{display:block}* html .clearfix{height:1%}
  66.  
  67. html{
  68. height:100%;
  69. margin-left:0px;}
  70.  
  71. body, p {
  72. font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  73. font-size: 12px;
  74. line-height:14px;
  75. padding: 0px;
  76. margin: 0px;
  77. color:{color:text};}
  78.  
  79. body {
  80. font-size: 12px;
  81. background-color:{color:background};
  82. background-image:url({image:Background});
  83. background-attachment: fixed;
  84. background-repeat: repeat;}
  85.  
  86. a {
  87. text-decoration:none;
  88. color:{color:text};
  89. -webkit-transition: all 0.4s linear;
  90. -moz-transition: all 0.4s linear;
  91. transition: all 0.4s linear;}
  92.  
  93. a:link, a:active, a:visited{
  94. color: {color:Link};
  95. text-decoration: none;
  96. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  97.  
  98. a:hover{
  99. color:{color:link hover};}
  100.  
  101. img {{block:ifRoundedPosts}border-radius:5px;{/block:ifroundedPosts}}
  102.  
  103. img:hover{opacity:1.0;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;}
  104.  
  105. #wrapper {
  106. position: relative;
  107. width: 100%;
  108. text-align: center;}
  109.  
  110. .clear {
  111. text-align:left;clear: both;}
  112.  
  113. .entry {
  114. padding:3px 3px 2px 3px;;
  115. margin:3px;
  116. z-index:777;
  117. float:left;
  118. text-align: justify;
  119. display: inline-block;
  120. overflow-x:hidden;overflow:hidden;
  121. {block:ifnotpoststransparent}
  122. background-color:{color:center};{/block:ifnotpoststransparent}
  123. {block:indexpage}
  124. {block:ifPostborder}border: 1px solid #ccc;{/block:ifPostborder}
  125. {block:ifPostShadow}
  126. -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, .3);
  127. -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, .3);
  128. box-shadow: 0px 0px 6px rgba(0, 0, 0, .3);{/block:ifPostShadow}
  129. width:330px;
  130. {/block:indexpage}
  131. {block:Permalinkpage}
  132. {block:ifsidebarleftorright}margin-left:165px;{/block:ifsidebarleftorright}
  133. overflow-x:visible;overflow:visible;
  134. margin-top:-2px;
  135. {/block:PermalinkPage}
  136. {block:ifRoundedPosts}border-radius:8px;{/block:ifroundedPosts}
  137. -webkit-animation:fadeIn 6s;
  138. -moz-animation:fadeIn 6s;
  139. -ms-animation:fadeIn 6s;}
  140.  
  141. {block:ifPostborder}.entry:hover{border:1px solid {color:link};}{/block:ifPostborder}
  142.  
  143. #entry.masonry-brick {
  144. top: 0 !important;
  145. left: 0 !important;}
  146.  
  147. #infscr-loading {
  148. position: absolute!important;
  149. width: 16px!important;
  150. height: 11px!important;
  151. bottom: 0px!important;
  152. left: 48.5%!important;
  153. margin-top: 10px!important;
  154. margin-bottom: 5px!important;}
  155.  
  156. .title{
  157. text-align:left;
  158. font-size:14px;
  159. color:#000;}
  160.  
  161. blockquote{
  162. padding:0px 0px 2px 5px;
  163. margin:0px 0px 2px 4px;
  164. border-left: 1px dotted #555555;}
  165.  
  166. /* SCROLL BAR APPEARANCE */
  167. ::-webkit-scrollbar-thumb:vertical {
  168. background-color:{color:scrollbar};
  169. height:10px;width:10px;opacity:1;
  170. -webkit-border-radius:0px;border:3px {color:background} solid;}
  171.  
  172. ::-webkit-scrollbar-thumb:horizontal {
  173. background-color:#4c4f50;opacity:1;
  174. height:10px !important;border:3px {color:background} solid;
  175. -webkit-border-radius:0px;}
  176.  
  177. ::-webkit-scrollbar {
  178. height:10px;
  179. width:10px;
  180. background-color:{color:background};
  181. -webkit-border-radius:0px;}
  182.  
  183. ::-webkit-scrollbar-corner {
  184. background-color:{color:background};}
  185.  
  186. ::-webkit-resizer {
  187. background-color:{color:background};}
  188.  
  189. .photo{width:330px;height:auto;}
  190. .photo img{width:330px;{block:ifInvertedFade}opacity:0.75;{/block:ifInvertedFade}
  191. -webkit-transition: all .3s ease;
  192. -moz-transition: all .3s ease;
  193. -o-transition: all .3s ease;
  194. transition: all .3s ease;}
  195. .photo img:hover{{block:ifInvertedFade}opacity:1.0;{/block:ifInvertedFade}
  196. -webkit-transition: all .3s ease;
  197. -moz-transition: all .3s ease;
  198. -o-transition: all .3s ease;
  199. transition: all .3s ease;}
  200. .photobig{width:500px;}
  201. .text,.quote{{block:indexpage}width:330px;max-width:330px;{/block:indexpage}
  202. {block:permalinkpage}width:525px;{/block:permalinkpage}
  203. background-color: {color:Entry background};-webkit-transition: 0.2s ease-in;}
  204.  
  205. .wrapper{width: 930px;margin:2px auto;
  206. {block:ifnotsidebarleftorright}margin-left:150px;{/block:ifnotsidebarleftorright}
  207. {block:ifsidebarleftorright}margin-left:30px;{/block:ifsidebarleftorright}}
  208.  
  209. div#all{
  210. width:100%;
  211. height:100%;
  212. z-index:-100;}
  213.  
  214. div#center{
  215. padding-left:50px;
  216. margin: auto;
  217. width: 920px;}
  218.  
  219. div#content{
  220. position:fixed;
  221. text-align:right;
  222. top:-3px;
  223. width: 920px;
  224. height:auto;
  225. margin:auto;
  226. float:left;
  227. padding: 1px 8px 1px 8px;
  228. height:101%;}
  229.  
  230. .sidebar{
  231. {block:ifnotsidebarleftorright}margin-left:-280px;{/block:ifnotsidebarleftorright}
  232. {block:ifsidebarleftorright}margin-left:680px;{/block:ifsidebarleftorright}
  233. {block:ifnottallsidebar}height: auto;margin-top: 50px;{/block:ifnottallsidebar}
  234. {block:iftallsidebar}height:100%; margin-top:-15px;{/block:iftallsidebar}
  235. {block:ifsidebarborder}border: 1px solid #ccc;{/block:ifsidebarborder}
  236. position:fixed !important;
  237. width: 250px;
  238. {block:ifnotsidebartransparent}
  239. background:{color:center};{/block:ifnotsidebartransparent}
  240. padding: 5px;
  241. z-index:1300;
  242. -webkit-transition: all .3s ease;
  243. -moz-transition: all .3s ease;
  244. -o-transition: all .3s ease;
  245. transition: all .3s ease;}
  246.  
  247. {block:ifsidebarborder}.sidebar:hover{border: 1px solid {color:link};-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}{/block:ifsidebarborder}
  248.  
  249. .sidebar img{width:100%;}
  250.  
  251.  
  252. /* ♡ Permalink Controls ♡ */
  253.  
  254. .perma{
  255. margin-top: 0px;
  256. width: 60px;
  257. height: 30px;
  258. line-height: 30px;
  259. font-size: 9px;
  260. position:absolute;
  261. text-align: center;
  262. z-index:11;
  263. margin-left:281px;
  264. -webkit-transition: all .3s ease;
  265. -moz-transition: all .3s ease;
  266. -o-transition: all .3s ease;
  267. transition: all .3s ease;}
  268.  
  269. .entry:hover .likep, .entry:hover .rep {
  270. margin-top: 0px;
  271. opacity:1.0;
  272. filter: alpha(opacity = 75);
  273. margin-top: 5px;
  274. margin-right: -3px;
  275. -webkit-transition: all .3s ease;
  276. -moz-transition: all .3s ease;
  277. -o-transition: all .3s ease;
  278. transition: all .3s ease;}
  279. select {
  280. font-size: 9px;
  281. width: 100px;
  282. margin-left: 10px;}
  283. option {
  284. font-size: 9px;
  285. width: 100px;
  286. text-align: left;}
  287. input[type=button]
  288. {font-size: 9px;}
  289. .likep:hover {
  290. -webkit-transition: all .3s ease;
  291. -moz-transition: all .3s ease;
  292. -o-transition: all .3s ease;
  293. transition: all .3s ease;
  294. opacity: 1!important;
  295. filter: alpha(opacity = 100)!important;}
  296. .rep:hover {
  297. -webkit-transition: all .3s ease;
  298. -moz-transition: all .3s ease;
  299. -o-transition: all .3s ease;
  300. transition: all .3s ease;
  301. opacity: 1!important;
  302. filter: alpha(opacity = 100)!important;}
  303. .likep {
  304. opacity: 0.0;
  305. filter: alpha(opacity = 0);
  306. width: 21px;
  307. height: 20px;
  308. position: absolute;
  309. left:-5px;
  310. z-index: 9999999;
  311. -webkit-transition: all .3s ease;
  312. -moz-transition: all .3s ease;
  313. -o-transition: all .3s ease;
  314. transition: all .3s ease;}
  315.  
  316. .likep a {
  317. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  318. background-position: 0px 0px;
  319. display: block;
  320. z-index: 9999999;
  321. width: 21px;
  322. height: 20px;
  323. webkit-transition: all 0s linear;
  324. -webkit-transition: all 0s linear;
  325. -moz-transition: all 0s linear;
  326. transition: all 0s linear;}
  327. .likep img {
  328. width: 21px;
  329. height: 20px;
  330. -webkit-transition: all .3s ease;
  331. -moz-transition: all .3s ease;
  332. -o-transition: all .3s ease;
  333. transition: all .3s ease;}
  334. .rep img{
  335. width: 24px;
  336. height: 20px;
  337. margin-left: 20px;
  338. line-height: 30px;
  339. margin-left: 11px;
  340. display: inline;
  341. -webkit-transition: all .3s ease;
  342. -moz-transition: all .3s ease;
  343. -o-transition: all .3s ease;
  344. transition: all .3s ease;}
  345. .rep{
  346. width: 35px;
  347. height: 20px;
  348. position: absolute;
  349. margin-left: 11px;
  350. opacity: 0.0;
  351. filter: alpha(opacity = 0);
  352. z-index:145435345341;
  353. -webkit-transition: all .3s ease;
  354. -moz-transition: all .3s ease;
  355. -o-transition: all .3s ease;
  356. transition: all .3s ease;}
  357.  
  358. .supreme{text-align:right;margin-top:5px;font-size:12px;}
  359. .info{width:250px;overflow-y:auto;padding-bottom:10px;height:auto;display:block;}
  360. .des{width:250px;font-size:12px;height:auto;text-align:center;display:block;padding-bottom:10px;}
  361. .caption{padding-top:3px;padding-bottom:3px;padding-left:2px;}
  362.  
  363. .blogtitle{
  364. text-align:center;letter-spacing:0px;
  365. {block:ifBlogTitleA}
  366. font-weight:bold;font-style:italic;font-family: Baskerville, 'Times New Roman', Times, serif;font-size:32px;width:auto;text-transform:lowercase;line-height:32px;margin-bottom:10px;{/block:ifBlogTitleA}
  367. {block:ifBlogTitleB}
  368. font-size:30px;
  369. line-height:32px;
  370. font-family:pacifico;
  371. margin-bottom:5px;
  372. {/block:ifBlogTitleB}
  373. {block:ifBlogTitleC}
  374. font-size:30px;
  375. line-height:27px;
  376. margin-bottom:-5px;
  377. font-family: 'permanent marker';
  378. {/block:ifBlogTitleC}}
  379.  
  380. {block:ifBlogTitleA}
  381. .blogtitle a{border-bottom:2px solid {color:link};}
  382. .blogtitle a:hover{border-bottom:2px solid {color:hover};}
  383. {/block:ifBlogTitleA}
  384.  
  385. .blogtitle:hover{
  386. color:{color:hover};
  387. -webkit-transition: all .3s ease-in-out;}
  388.  
  389. .links a {
  390. color:#000;}
  391.  
  392. .links {
  393. width:243px;
  394. height:16px;
  395. padding:3px;
  396. margin-bottom:4px;
  397. border-right:0px solid transparent;
  398. color:#000;
  399. background: #eee;
  400. text-align:center;
  401. text-transform: uppercase;
  402. font-size:12px;
  403. line-height:16px;
  404. display:block;
  405. -webkit-transition: all 0.2s linear;
  406. -webkit-transition: all 0.2s linear;
  407. -moz-transition: all 0.2s linear;}
  408.  
  409. .links:hover {
  410. background:#c0bebe;
  411. color: white;
  412. -webkit-transition: all 0.2s linear;
  413. -webkit-transition: all 0.2s linear;
  414. -moz-transition: all 0.2s linear;}
  415.  
  416. {CustomCSS}
  417.  
  418. </style>
  419.  
  420. <title>{title}</title>
  421.  
  422. <link rel="shortcut icon" href="{Favicon}">
  423. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  424. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  425. <meta name="viewport" content="width=1220" />
  426.  
  427.  
  428. </head><body>
  429.  
  430. <div id="all"></div>
  431. <div id="center">
  432. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/2MFlzww4p/likenew.js"></script>
  433. {block:ifRainbowLinks}
  434. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  435. "></script>{/block:ifRainbowLinks}
  436. <!-- INFINTE SCROLL SCRIPT -->
  437. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  438. <script type="text/javascript" src="http://static.tumblr.com/ek9ly4s/M6Zmozr72/infintescroll3-1.js"></script>
  439. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/WYwm8ed44/like_script.js"></script>
  440. <script>
  441. $(function(){
  442. var $container = $('.wrapper');
  443. $container.imagesLoaded(function(){
  444. $container.masonry({
  445. itemSelector: '.entry',
  446. columnWidth:0
  447. });
  448. });
  449. $container.infinitescroll({
  450. navSelector : 'div#pagination',
  451. nextSelector : 'div#pagination a#nextPage',
  452. itemSelector : '.entry', // selector for all items you'll retrieve
  453. loading: {
  454. finishedMsg: '<em></em>',
  455. }
  456. },
  457. // trigger Masonry as a callback
  458. function( newElements ) {
  459. // hide new items while they are loading
  460. var $newElems = $( newElements ).css({ opacity: 0 });
  461. // ensure that images load before adding to masonry layout
  462. $newElems.imagesLoaded(function(){
  463. // show elems now they're ready
  464. $newElems.animate({ opacity: 1 });
  465. $container.masonry( 'appended', $newElems, true );
  466. });
  467. }
  468. );
  469. });
  470. </script>
  471.  
  472. {block:IndexPage}
  473. {block:Pagination}
  474. <div id="pagination">
  475. {block:NextPage}
  476. <a id="nextPage" href="{NextPage}"></a>
  477. {/block:NextPage}
  478. {block:PreviousPage}
  479. <a href="{PreviousPage}"></a>
  480. {/block:PreviousPage}
  481. </div>
  482. {/block:Pagination}
  483. {/block:IndexPage}
  484.  
  485. <div class="wrapper">
  486. <div id="content" style="position:fixed;">
  487. <div class="clear"></div>
  488.  
  489. <div class="sidebar">
  490. {block:iftallsidebar}<div style="padding-top:45px;"></div>{/block:iftallsidebar}
  491. {block:ifshowblogtitle}<div class="blogtitle"><a href="/">{Title}</a></div>{/block:ifshowblogtitle}
  492. {block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimage}
  493. {block:ifshowsidebaricon}<a href="/"><img src="{PortraitURL-128}" style="width: 85px; float:right;border-radius:45px;margin-right:80px;margin-top:3px;margin-bottom:0px;display:block;" class="img"></a>{/block:ifshowsidebaricon}
  494.  
  495. <div class="info"></div>
  496. {block:ifshowdescription}<div class="des">{description}</div>{/block:ifshowdescription}
  497.  
  498. <a href="/"" class="links">Home</a>
  499. {block:AskEnabled}<a href="/ask" class="links">{text:Ask Title}</a>{/block:AskEnabled}
  500. {block:ifLinkOneTitle}
  501. <a href="{text:Link One}" class="links">{text:Link One Title}</a>
  502. {/block:ifLinkOneTitle}
  503. {block:ifLinkTwoTitle}
  504. <a href="{text:Link Two}" class="links">{text:Link Two Title}</a>
  505. {/block:ifLinkTwoTitle}
  506. {block:ifLinkThreeTitle}
  507. <a href="{text:Link Three}" class="links">{text:Link Three Title}</a>
  508. {/block:ifLinkThreeTitle}
  509. {block:ifLinkFourTitle}
  510. <a href="{text:Link Four}" class="links">{text:Link Four Title}</a>
  511. {/block:ifLinkFourTitle}
  512. {block:ifLinkFiveTitle}
  513. <a href="{text:Link Five}" class="links">{text:Link Five Title}</a>
  514. {/block:ifLinkFiveTitle}
  515. {block:HasPages}{block:Pages}<a href="{URL}" class="link">{Label}</a> {/block:Pages} {/block:HasPages}
  516. {block:SubmissionsEnabled} <a href="/submit" class="links">Submit</a>{/block:SubmissionsEnabled}
  517. {block:ifarchivelink}<a href="/archive" target="_blank" class="links">Archive</a>{/block:ifarchivelink}
  518. </center>
  519.  
  520. </div></div>
  521.  
  522. {block:Posts}
  523. <div class="entry">
  524.  
  525. {block:Text}
  526. <div class="text"><div style="padding:10px;">{Title}{Body}
  527. {block:IndexPage}
  528. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  529. {/block:IndexPage}
  530. {/block:Text}
  531.  
  532. {block:Answer}
  533. <div class="text"><div style="padding:10px;">
  534. <b><div align="left">{Asker} asked: {Question}</div></b>
  535. {Answer}
  536. {block:IndexPage}
  537. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a>
  538. {/block:IndexPage}</div></div>{/block:Answer}
  539.  
  540. {block:Link}
  541. <div class="text"><div style="padding:10px;">
  542. <center><a href="{URL}"><span class="title">{Name}</span></a></center>
  543. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  544. {block:IndexPage}
  545. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  546. {/block:IndexPage}
  547. {block:Link}
  548.  
  549. {block:Photo}
  550. {block:ifShowPhotoPermalinks}
  551. {block:IndexPage}<div class="perma">
  552. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  553. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div></div>
  554. {/block:IndexPage}
  555. {/block:ifShowPhotoPermalinks}
  556. {block:IndexPage}
  557. <div class="photo">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/> </a>{LinkCloseTag}</div>
  558. {block:ifshowphotocaptions}
  559. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  560. {/block:ifshowphotocaptions}
  561. {/block:IndexPage}
  562. {block:PermalinkPage}<div class="photobig"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></div>
  563. {/block:PermalinkPage}
  564. {/block:Photo}
  565.  
  566. {block:Photoset}
  567. <center>
  568. {block:IndexPage}<div style="background-color:black;">{Photoset-250}<div>{/block:IndexPage}
  569. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  570. </center>
  571. {block:Indexpage}
  572. <div class="permabox transition">
  573. <div class="permabox1"><div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" title="Like"></div></div>
  574. <div class="permabox2"><a href="{Permalink}" title="Permalink"><div class="note-count">{NoteCount}</div></a></div>
  575. <div class="permabox3"><a href="{ReblogURL}" title="Reblog" target="_blank"><div class="reblog-button"></div></a></div>
  576. </div>
  577. {/block:Indexpage}
  578. {/block:Photoset}
  579.  
  580. {block:Quote}
  581. <div class="text"><div style="padding:10px;">
  582. <div style="margin-left:3px;">
  583. {Quote}</span>
  584. {block:Source}<strong>{Source}</strong>{/block:Source}
  585. </div>
  586. {block:IndexPage}
  587. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  588. {/block:IndexPage}
  589. {/block:Quote}
  590.  
  591. {block:Chat}
  592. <div class="text"><div style="padding:10px;">
  593. <div style="margin-left:3px;">
  594. {block:Title}<span class="title">{title}</span>{/block:Title}
  595. <ul class="chat">
  596. {block:Lines}
  597. <li class="user_{UserNumber}">
  598. {block:Label}
  599. <span class="label">{Label}</span>
  600. {/block:Label}
  601. {Line}
  602. </li>
  603. {/block:Lines}
  604. </ul>
  605. </div>
  606. {block:IndexPage}
  607. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  608. {/block:IndexPage}
  609. {/block:Chat}
  610.  
  611. {block:Audio}
  612. <div class="text"><div style="padding:10px;">
  613. <div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  614. <center>{AudioPlayerBlack}
  615. {block:Caption}{Caption}{/block:Caption}</center>
  616. {block:IndexPage}
  617. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  618. {/block:IndexPage}
  619. {/block:Audio}
  620.  
  621. {block:Video}
  622. {block:IndexPage}
  623. <center>
  624. {Video-250}</center>
  625. {block:IndexPage}
  626. <a href="{Permalink}"><div class="supreme">{NoteCountwithLabel}</div></a></div></div>
  627. {/block:IndexPage}
  628. {block:PermalinkPage}
  629. <center>
  630. {Video-500}</center>
  631. {/block:PermalinkPage}
  632. {block:Video}
  633.  
  634. {block:PermalinkPage}
  635. {block:Date}
  636. <div style="font-size:12px;text-align:left;">
  637. <br>{block:Caption}{Caption}{/block:Caption}
  638. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  639. {/block:Date}</center>{/block:PermalinkPage}
  640.  
  641. {block:PermalinkPage}
  642. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  643. </div>{/block:Posts}</center>
  644. {/block:Posts}
  645. {/block:PermalinkPage}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement