thewisepotato

Mechanical Men Tumblr Theme

Feb 27th, 2015
2,148
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.11 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title> {Title}{block:PostSummary}: {PostSummary}{/block:PostSummary}</title>
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7. <link rel="shortcut icon" href="{Favicon}" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="image:Background" content=""/>
  12. <meta name="image:Default Album Art" content="http://cdn.last.fm/flatness/responsive/2/noimage/default_album_300_g4.png"/>
  13.  
  14. <meta name="color:Header BG" content="#ffffff"/>
  15. <meta name="color:Header Text" content="#000000"/>
  16. <meta name="color:Header BG 2" content="#dddddd"/>
  17. <meta name="color:Accent 2" content="#888888"/>
  18. <meta name="color:Post Text" content="#ffffff"/>
  19. <meta name="color:Post BG" content="#000000"/>
  20. <meta name="color:Post BG 2" content="#dddddd"/>
  21. <meta name="color:Reblog Color" content="#56bc8a"/>
  22. <meta name="color:Like Color" content="#d95e40"/>
  23.  
  24. <meta name="if:Infinite Scroll" content="0"/>
  25. <meta name="if:Stretch Background Image" content="0"/>
  26. <meta name="if:Show Tags" content="1"/>
  27.  
  28. {block:ifInfiniteScroll}
  29. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  30. {/block:ifInfiniteScroll}
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:400italic,100,700italic,700,100italic,400' rel='stylesheet' type='text/css'>
  33. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  34.  
  35. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  36. <script src="http://static.tumblr.com/puls2hm/XUinhswqa/jquery.sticky.js"></script>
  37. <script type="text/javascript">
  38. $(document).ready(function(){
  39. $(window).resize(function(){
  40. if ($(window).width() < 871) {
  41. $("#lx").sticky();
  42. $(window).scroll(function(){
  43. if($(window).scrollTop() >= 300) {
  44. $('#lx').addClass('stuck');
  45. } else {
  46. $('#lx').removeClass('stuck');
  47. };
  48. });
  49. $('#lx-sticky-wrapper.sticky-wrapper').removeClass('hto');
  50. } else {
  51. $('#lx').removeClass('stuck');
  52. $('#lx-sticky-wrapper.sticky-wrapper').addClass('hto');
  53. $('#lx').unstick();
  54. };
  55. });
  56. });
  57. </script>
  58.  
  59. <style type="text/css">
  60.  
  61. *, *:after, *:before {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease;}
  62.  
  63. body {background:{color:Background} url({image:Background}) fixed; {block:ifStretchBackgroundImage}background-size:100% 100%;{/block:ifStretchBackgroundImage} font-family:Roboto, sans-serif; font-size:80%; font-weight:400;}
  64.  
  65. a {text-decoration:none; color:{AccentColor};}
  66.  
  67. a:hover {color:{color:Accent 2};}
  68.  
  69. h1, h2, h3, h4, h5, h6 {font-family:Roboto Slab, sans-serif; text-transform:uppercase;}
  70.  
  71. i, em {font-weight:100;}
  72.  
  73. blockquote {border-left:solid 1px {color:Post Text}; padding-left:15px; margin:0 15px;}
  74.  
  75. /*----SIDEBAR----*/
  76.  
  77. #cx {width:300px; height:auto; position:fixed; top:25px; left:50px; background:{color:Header BG 2}; color:{color:Header Text};
  78. -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  79. -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  80. box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
  81.  
  82. #cx h1 {text-align:center; padding:10px 5px; margin:10px; line-height:36px; background:{color:Header BG}; outline:outset 3px {color:Header BG};}
  83.  
  84. div.desc {padding:20px; background:{color:Header BG}; margin:10px; text-align:justify; outline:inset 3px {color:Header BG}; height:120px; overflow:auto;}
  85.  
  86. div.desc p:first-child {margin-top:0;}
  87. div.desc p:last-child {margin-bottom:0;}
  88.  
  89. /*----NAVIGATION----*/
  90.  
  91. #lx {position:absolute; top:100%; margin-top:10px; left:0; width:280px; background:{color:Header BG}; padding:10px 10px 0 10px; z-index:999;
  92. -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  93. -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  94. box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
  95.  
  96. #lx a {float:left; line-height:25px; color:{color:Header Text}; background:{AccentColor}; text-align:center; margin:0 10px 10px 0; font-family:roboto slab, sans-serif; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; transition:all 0.5s ease; height:25px; padding:5px; width:76px; {block:AskEnabled}width:52px;{/block:AskEnabled}{block:SubmissionsEnabled}width:52px; {block:AskEnabled}width:38px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
  97.  
  98. #lx a.r {margin-right:0;}
  99.  
  100. #lx a:hover {-webkit-box-shadow: inset 0px 0px 50px 0px {color:Header BG}; -moz-box-shadow: inset 0px 0px 50px 0px {color:Header BG}; box-shadow: inset 0px 0px 50px 0px {color:Header BG};}
  101.  
  102. #lx-sticky-wrapper.sticky-wrapper.hto {height:0 !important;}
  103.  
  104. /*----PAGINATION----*/
  105.  
  106. #lx a.pgn {background:{color:Header BG 2}; margin:0 0 10px 0; width:38px;}
  107. #lx a.pgn.p {float:left;}
  108. #lx a.pgn.n {float:right;}
  109.  
  110. /*----DROPDOWN LINKS----*/
  111.  
  112. select.nav {border:none !important; outline:none; border-radius:none; width:280px; color:{color:Header Text}; background:{color:Accent 2}; font-size:1.2em; font-family:Roboto Slab, sans-serif; cursor:pointer; text-align:center; line-height:25px; height:35px; margin:0 0 10px 0;}
  113.  
  114. select.nav.mon {width:222px;}
  115. select.nav.mop {width:222px; margin-left:10px;}
  116. select.nav.mid {width:164px; margin-left:10px;}
  117.  
  118. /*--------*/
  119.  
  120. /*----POSTS----*/
  121.  
  122. #posts {position:absolute; top:0; left:400px; padding-bottom:75px; color:{color:Post Text};}
  123.  
  124. #ewrap {width:500px; margin:25px 0 0 0; padding:10px; background:{color:Post BG 2};
  125. -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  126. -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  127. box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
  128.  
  129. #entry {height:auto; background:{color:Post BG}; padding:15px; line-height:150%; border:inset 3px {color:Post BG};}
  130.  
  131. #entry * {max-width:100%;}
  132.  
  133. #ewrap h2 {text-align:center; margin:0 0 10px 0; letter-spacing:2px; color:{color:Accent 2}; padding:15px; font-size:1.5em; background:{color:Post BG}; border:outset 3px {color:Post BG};}
  134.  
  135. #ewrap a:hover h2 {color:{AccentColor};}
  136.  
  137. #ewrap a:active h2 {border-style:inset;}
  138.  
  139. a.tumblr_blog {text-transform:uppercase; font-size:0.9em;}
  140.  
  141. /*----CHAT POSTS----*/
  142.  
  143. ul.chat {padding:0; list-style-type:none;}
  144.  
  145. ul.chat li {margin:15px 0;}
  146.  
  147. ul.chat li b {font-family:Roboto Slab, serif; font-weight:initial;}
  148.  
  149. ul.chat li.odd b {color:{AccentColor};}
  150.  
  151. ul.chat li.even b {color:{color:Accent 2};}
  152.  
  153. /*----LINK POSTS----*/
  154.  
  155. #entry a.link {display:block;}
  156.  
  157. #ewrap a.link h2 {color:{AccentColor}; word-wrap:break-word;}
  158.  
  159. #ewrap a.link:hover h2 {color:{color:Accent 2};}
  160.  
  161. a.link h2:after {content:' ❯'; color:{AccentColor};}
  162.  
  163. #entry.el {display:none;}
  164.  
  165. #entry.el.yes {display:block;}
  166.  
  167. /*----AUDIO POSTS----*/
  168.  
  169. .audio {background:black; width:100%; height:112px; position:relative; display:table; color:white; overflow:hidden; outline:outset 3px black;}
  170.  
  171. .player span div iframe {width:100% !important; height:112px !important;}
  172.  
  173. .audio img {height:98px; width:98px; float:right; margin-top:-108px; margin-right:7px; background:black; position:relative; z-index:9;}
  174.  
  175. .audin {background:black; overflow:hidden; margin:-108px 105px 0 50px; text-align:center; font-size:14px; line-height:150%; padding:7px 0; height:84px; position:relative; z-index:9;}
  176.  
  177. .audin * {display:block; height:21px; line-height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:315px;}
  178.  
  179. #entry .audin i {opacity:1;}
  180.  
  181. /*----QUOTE POSTS----*/
  182.  
  183. #entry h2.qu {background:transparent; text-transform:none; font-weight:lighter; line-height:130%;}
  184.  
  185. #entry h2.short {font-size:2em;}
  186.  
  187. h2.medium {text-align:left;}
  188.  
  189. #entry h2.long {text-align:left; font-size:1.4em;}
  190.  
  191. /*----ASK POSTS----*/
  192.  
  193. div.ask {padding:15px; background:{color:Post BG 2}; border:outset 3px {color:Post BG 2};}
  194.  
  195. div.answer {padding:15px;}
  196.  
  197. div.answer p:first-child {margin-top:0;}
  198.  
  199. div.answer p:last-child {margin-bottom:0;}
  200.  
  201. div.answer.pers {background:{color:Post BG 2}; border:outset 3px {color:Post BG 2}; margin-top:5px;}
  202.  
  203. /*--------*/
  204.  
  205. /*----PERMALINK----*/
  206.  
  207. #perm {font-family:roboto slab, sans-serif; margin-top:10px; padding:10px; background:{color:Post BG}; border:inset 3px {color:Post BG}; text-align:center;}
  208.  
  209. #perm a {line-height:30px; display:inline-block; padding:0 10px; margin-right:10px; text-transform:uppercase; border-radius:4px;}
  210.  
  211. #perm a:first-of-type {color:{AccentColor};}
  212. #perm a:nth-of-type(2) {color:{color:Accent 2};}
  213. {block:PermalinkPage}
  214. #perm a:nth-of-type(2) {color:{AccentColor};}
  215. #perm a:nth-of-type(3), #perm a:nth-of-type(4) {color:{color:Accent 2};}
  216. {/block:PermalinkPage}
  217.  
  218. #perm a:hover {-webkit-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; -moz-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; box-shadow: inset 0px 0px 25px 0px {color:Post BG 2};}
  219.  
  220. /*----LIKE AND REBLOG BUTTONS----*/
  221.  
  222. a.rb, #perm div a.lb {color:{color:Post Text};}
  223.  
  224. #perm a.rb:hover {color:{color:Reblog Color};}
  225. #perm a.lb:hover, #perm div:hover a.lb {color:{color:Like Color};}
  226.  
  227. div.lb:hover a.lb {-webkit-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; -moz-box-shadow: inset 0px 0px 25px 0px {color:Post BG 2}; box-shadow: inset 0px 0px 25px 0px {color:Post BG 2};}
  228.  
  229. div.lb {height:30px; cursor:pointer; display:inline-block; padding:0; position:relative;}
  230.  
  231. .like_button {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; cursor:pointer;}
  232. .like_button iframe {width:100% !important; height:100% !important; cursor:pointer;}
  233. .like_button:hover + #perm div a.lb {color:{color:Like Color};}
  234. .like_button.liked + a.lb {color:{color:Like Color} !important;}
  235. .like_button.liked + a.lb:before {content:'un'; color:{color:Like Color};}
  236.  
  237. /*--------*/
  238.  
  239. /*----TAGS----*/
  240.  
  241. #tags {margin-top:10px; padding:10px; background:{color:Post BG}; border:inset 3px {color:Post BG}; color:{color:Post Text};}
  242.  
  243. #tags a {margin:0 5px; color:{color:Accent 2};}
  244.  
  245. #tags a:hover {color:{AccentColor};}
  246.  
  247. /*--------*/
  248.  
  249. /*----NOTES----*/
  250.  
  251. ol.notes {padding:13px; list-style-type:none; color:{color:Post Text}; background:{color:Post BG 2}; margin-top:25px; width:494px;
  252. -webkit-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  253. -moz-box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);
  254. box-shadow: 7px 7px 0px 0px rgba(50, 50, 50, 0.4);}
  255.  
  256. ol.notes li {margin-bottom:10px; padding:10px; background:{color:Post BG}; outline:inset 3px {color:Post BG};}
  257.  
  258. ol.notes li:last-of-type {margin-bottom:0;}
  259.  
  260. li.more_notes_link_container {font-family:Roboto Slab, sans-serif; text-transform:uppercase; font-size:1.15em;}
  261.  
  262. img.avatar {margin-right:15px; vertical-align:middle;}
  263.  
  264. ol.notes li blockquote {margin-top:10px; margin-left:7px; border-color:{color:Post Text}; padding-left:25px;}
  265.  
  266. /*--------*/
  267.  
  268. /*----MEDIA QUERIES----*/
  269.  
  270. @media only screen and (max-width:970px), only screen and (max-device-width:970px) {
  271. #ewrap {width:400px;}
  272. .audin * {width:215px;}
  273. ol.notes {width:394px;}
  274. }
  275.  
  276. @media only screen and (max-width:870px), only screen and (max-device-width:870px) {
  277. /*--POSTS--*/
  278. #posts {position:initial; width:520px; margin:auto;}
  279. #ewrap {width:500px;}
  280. .audin * {width:315px;}
  281. ol.notes {width:494px;}
  282. /*--SIDEBAR –> TOPBAR--*/
  283. #cx {position:initial; width:520px; margin:auto; padding-top:1px; margin-top:25px;}
  284. /*--NAVIGATION--*/
  285. #lx {position:initial; width:486px; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none;}
  286. #lx.stuck {position:fixed; left:50%; margin-top:0; margin-left:-260px;}
  287. #lx a {width:145px; {block:AskEnabled}width:104px;{/block:AskEnabled}{block:SubmissionsEnabled}width:104px; {block:AskEnabled}width:79px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
  288. #lx a.pgn {width:79px;}
  289. /*--DROPDOWN LINKS--*/
  290. select.nav {width:486px;}
  291. select.nav.mon {width:387px;}
  292. select.nav.mop {width:387px;}
  293. select.nav.mid {width:288px;}
  294. }
  295.  
  296. @media only screen and (max-width:570px), only screen and (max-device-width:570px) {
  297. /*--POSTS--*/
  298. #posts {position:initial; width:420px; margin:auto;}
  299. #ewrap {width:400px;}
  300. .audin * {width:215px;}
  301. ol.notes {width:394px;}
  302. /*--TOPBAR--*/
  303. #cx {position:initial; width:420px; margin:auto; padding-top:1px; margin-top:25px;}
  304. /*--NAVIGATION--*/
  305. #lx {position:initial; width:386px; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none;}
  306. #lx.stuck {position:fixed; left:50%; margin-top:0; margin-left:-210px;}
  307. #lx a {width:112px; {block:AskEnabled}width:79px;{/block:AskEnabled}{block:SubmissionsEnabled}width:79px; {block:AskEnabled}width:59px;{/block:AskEnabled}{/block:SubmissionsEnabled}}
  308. /*--PAGINATION--*/
  309. #lx a.pgn {width:59px;}
  310. /*--DROPDOWN LINKS--*/
  311. select.nav {width:386px;}
  312. select.nav.mon {width:307px;}
  313. select.nav.mop {width:307px;}
  314. select.nav.mid {width:228px;}
  315. }
  316.  
  317. @media only screen and (max-width:470px), only screen and (max-device-width:470px) {
  318. /*--POSTS--*/
  319. #posts {position:initial; width:90%; margin:auto;}
  320. #ewrap {width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box;}
  321. .audin {display:none;}
  322. .audio img {display:none;}
  323. /*--TOPBAR--*/
  324. #cx {position:initial; width:90%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; margin:auto; padding-top:1px; margin-top:25px;}
  325. /*--NAVIGATION--*/
  326. #lx {position:initial; width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; border:solid 7px {color:Header BG 2}; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; margin-top:-7px; -webkit-transition:none; -moz-transition:none; transition:none; text-align:center;}
  327. #lx.stuck {position:fixed; width:90%; left:50%; margin-top:0; margin-left:-45%;}
  328. #lx a {width:30px; float:none; display:inline-block;}
  329. /*--PAGINATION--*/
  330. #lx a.pgn {width:10%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; height:35px;}
  331. /*--DROPDOWN LINKS--*/
  332. select.nav {width:100px;}
  333. select.nav.mon {width:75%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box;}
  334. select.nav.mop {width:100px;}
  335. select.nav.mid {width:100px;}
  336. /*--NOTES--*/
  337. ol.notes {width:100%; -webkit-box-sizing:border-box: -moz-box-sizing:border-box; box-sizing:border-box; padding:13px;}
  338. }
  339.  
  340. /*--------*/
  341.  
  342. a.cred {display:block; text-align:center; margin:65px auto -10px auto; font-size:15.4px; color:{color:Accent 2}; padding:10px; width:225px;}
  343.  
  344. a.cred span {color:{AccentColor};}
  345.  
  346. a.cred:hover {background:black; color:white;}
  347.  
  348. /*----CUSTOM CSS----*/
  349. {CustomCSS}
  350. </style>
  351. </head>
  352. <body>
  353.  
  354. <div id="cx">
  355. <h1>{Title}</h1>
  356. <div class="desc">{Description}</div>
  357.  
  358. <div id="lx">
  359. <a href="/"><span class="fa fa-home fa-2x"></span></a>
  360. {block:AskEnabled}<a href="/ask"><span class="fa fa-envelope fa-2x"></span></a>{/block:AskEnabled}
  361. <a href="/archive"><span class="fa fa-history fa-2x"></span></a>
  362. {block:SubmissionsEnabled}<a href="/submit"><span class="fa fa-inbox fa-2x"></span></a>{/block:SubmissionsEnabled}
  363. <a class="r" href="/random"><span class="fa fa-random fa-2x"></span></a><br/>
  364. {block:ifNotInfiniteScroll}{block:Pagination}
  365. {block:PreviousPage}<a class="pgn p" href="{PreviousPage}"><span class="fa fa-long-arrow-left fa-2x"></span></a>
  366. {/block:PreviousPage}{/block:Pagination}{/block:ifNotInfiniteScroll}
  367.  
  368. {block:HasPages}
  369. <select class="nav {block:ifNotInfiniteScroll}{block:Pagination}{block:NextPage}mon{block:PreviousPage} mid {/block:PreviousPage}{/block:NextPage}{block:PreviousPage}mop{/block:PreviousPage}{/block:Pagination}{/block:ifNotInfiniteScroll}" onChange="location.href=this.options[this.selectedIndex].value;">
  370. <option>LINKS</option>
  371. {block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
  372. </select>
  373. {/block:HasPages}
  374.  
  375. {block:ifNotInfiniteScroll}{block:Pagination}{block:NextPage}
  376. <a class="pgn n" href="{NextPage}"><span class="fa fa-long-arrow-right fa-2x"></span></a>{/block:NextPage}
  377. {/block:Pagination}{/block:ifNotInfiniteScroll}
  378. </div>
  379. </div>
  380.  
  381. <!--------------------------------POSTS---------------------------------->
  382.  
  383.  
  384. <div id="posts">
  385.  
  386. {block:Posts}
  387. <div id="ewrap">
  388.  
  389. {block:Text}
  390. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  391. {/block:Text}
  392.  
  393. {block:Quote}<h2 class="{Length} qu">"{Quote}"</h2>{/block:Quote}
  394.  
  395. {block:Link}
  396. <a href="{URL}" class="link" target="{Target}"><h2>{Name}</h2></a>
  397. {/block:Link}
  398.  
  399. {block:Chat}
  400. {block:Title}<a href="{Permalink}"><h2>{Title}</h2></a>{/block:Title}
  401. {/block:Chat}
  402.  
  403. <div id="entry" {block:Link}class="el {block:Description}yes{/block:Description}"{/block:Link}>
  404.  
  405. <!---posts--->
  406. {block:Text}
  407. {Body}
  408. {/block:Text}
  409.  
  410. {block:Audio}
  411. <div class="audio">
  412. <div class="player">{AudioPlayerBlack}</div>
  413. <img src="{image:Default Album Art}" {block:AlbumArt}style="display:none"{/block:AlbumArt}/>
  414. {block:AlbumArt}<img src="{AlbumArtURL}"/>{/block:AlbumArt}
  415. <div class="audin">
  416. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  417. {block:Artist}<span>{Artist}</span>{/block:Artist}
  418. {block:Album}<i>{Album}</i>{/block:Album}
  419. {block:PlayCount}<span>{FormattedPlayCount}</span>{/block:PlayCount}
  420. </div>
  421. </div>
  422. {block:Caption}{Caption}{/block:Caption}
  423. {/block:Audio}
  424.  
  425. {block:Video}
  426. <div class="video">{Video-500}</div>
  427. {block:Caption}{Caption}{/block:Caption}
  428. {/block:Video}
  429.  
  430. {block:Photo}
  431. {block:PermalinkPage}
  432. <a class="postimg" href="/image/{PostID}">
  433. {/block:PermalinkPage}
  434. {block:IndexPage}
  435. <a class="postimg" href="{Permalink}">
  436. {/block:IndexPage}
  437. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  438. {block:PermalinkPage}
  439. </a>
  440. {/block:PermalinkPage}
  441. {block:IndexPage}
  442. </a>
  443. {/block:IndexPage}
  444. {block:Caption}{Caption}{/block:Caption}
  445. {/block:Photo}
  446.  
  447. {block:Photoset}
  448. <div class="pset">{Photoset}</div>
  449. {block:Caption}{Caption}{/block:Caption}
  450. {/block:Photoset}
  451.  
  452. {block:Panorama}
  453. {LinkOpenTag}<img src="{PhotoURL-Panorama}"/>{LinkCloseTag}
  454. {block:Caption}{Caption}{/block:Caption}
  455. {/block:Panorama}
  456.  
  457. {block:Quote}
  458. {block:Source}&nbsp;—&nbsp;{Source}{/block:Source}
  459. {/block:Quote}
  460.  
  461. {block:Link}
  462. {block:Description}{Description}{/block:Description}
  463. {/block:Link}
  464.  
  465. {block:Chat}
  466. <ul class="chat">
  467. {block:Lines}
  468. <li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}{Line}</li>
  469. {/block:Lines}
  470. </ul>
  471. {/block:Chat}
  472.  
  473. {block:Answer}
  474. <div class="ask"><b>{Asker} asked: </b>{Question}</div>
  475. <div class="answer {block:Answerer}pers{/block:Answerer}">
  476. {block:Answerer}<b>{Answerer} replied: </b>{/block:Answerer}{Answer}</div>
  477. {block:Answerer}{Replies}{/block:Answerer}
  478. {/block:Answer}
  479.  
  480. </div><!--entry-->
  481.  
  482. {block:Date}<div id="perm">
  483. <a href="{Permalink}">posted {TimeAgo}</a>
  484. <a href="{Permalink}">{NoteCountWithLabel}</a>
  485. {block:PermalinkPage}{block:RebloggedFrom}
  486. <br/><a href="{ReblogParentURL}">via</a>
  487. <a href="{ReblogRootURL}">src</a>
  488. {/block:RebloggedFrom}{/block:PermalinkPage}
  489. <a href="{ReblogURL}" class="rb">reblog</a>
  490. <div class="lb">
  491. {LikeButton}
  492. <a class="lb">like</a>
  493. </div>
  494. </div>
  495. {/block:Date}
  496.  
  497. {block:ifShowTags}{block:HasTags}<div id="tags">
  498. TAGGED: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  499. </div>{/block:HasTags}{/block:ifShowTags}
  500.  
  501. {block:ifNotShowTags}{block:PermalinkPage}{block:HasTags}<div id="tags">
  502. TAGGED: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  503. </div>{/block:HasTags}{/block:PermalinkPage}{/block:ifNotShowTags}
  504.  
  505. </div><!--ewrap-->
  506. {/block:Posts}
  507.  
  508. {block:PostNotes}
  509. {PostNotes}
  510. {/block:PostNotes}
  511.  
  512. <a class="cred" href="http://syntaxthemes.tumblr.com">THEME BY <span>SYNTAXTHEMES</span></a>
  513.  
  514. </div><!--posts-->
  515.  
  516. </body>
  517. </html>
Advertisement
Add Comment
Please, Sign In to add comment