topshopandtea

I PHONE THEME

Aug 20th, 2013
127
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.78 KB | None | 0 0
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  6. <title>{Title}</title>
  7. <meta name="viewport" content="width=640"/>
  8. <link rel="shortcut icon" href="{Favicon}" />
  9. <link rel="apple-touch-icon-precomposed" href="{PortraitURL-128}"/>
  10. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  11. <style type="text/css">
  12.  
  13. @font-face{font-family:Brain Flower;src:url(http://static.tumblr.com/9wzbixa/qvjmifp1n/brain_flower.ttf);}
  14.  
  15.  
  16. @font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  17.  
  18. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  19.  
  20.  
  21. html {
  22. width: 640px;
  23. margin: auto;
  24. position: relative;
  25. }
  26.  
  27. body {
  28. width: 640px;
  29. margin: 0 auto;
  30. padding: 0;
  31. background:url(http://25.media.tumblr.com/tumblr_m33qwzyv7F1r6uwfxo2_250.png);
  32. font-family:'basic l';
  33. }
  34.  
  35. .clear {
  36. clear: both;
  37. }
  38.  
  39. iframe#tumblr_controls {
  40. position: absolute;
  41. top: 51px !important;
  42. right: 40px !important;
  43. }
  44.  
  45. a {
  46. text-decoration: none;
  47. color: inherit;
  48. word-wrap: break-word;
  49. }
  50.  
  51. .gray_bubble {
  52. background:transparent;
  53. margin: 20px 20px 0 20px;
  54.  
  55. }
  56.  
  57. header {
  58. padding: 31px 27px 24px 28px;
  59. }
  60.  
  61. header a.title {
  62. font-family:'brain flower';
  63. max-width: 608px;
  64. text-align:center;
  65. color: #000;
  66. font-size: 60px;
  67. letter-spacing: -1px;
  68. line-height: 54px;
  69. margin: 0 0 5px 0;
  70. display: inline-block;
  71. float: left;
  72. }
  73.  
  74. header .info {
  75. max-height: 70px;
  76. color: #d8d8d8;
  77. font-size: 26px;
  78. line-height: 35px;
  79. overflow: hidden;
  80. font-family:'brain flower';
  81. position: relative;
  82. }
  83.  
  84. header .info.showing {
  85. height: auto;
  86. max-height: 9999px;
  87. overflow: visible;
  88. }
  89.  
  90. header .info .body span.description_words {
  91. margin: 22px 0 0 0;
  92. }
  93.  
  94. header .info .body span.description_words:empty {
  95. margin: 0px;
  96. }
  97.  
  98. header .info .body .show {
  99. width: 120px;
  100. height: 30px;
  101. text-align: right;
  102. background: #38393b;
  103. padding: 0 0 5px 0;
  104. position: absolute;
  105. right: 0;
  106. bottom: 0;
  107. }
  108.  
  109. header .info.showing .body .show {
  110. width: 24px;
  111. right: -10px;
  112. bottom: -16px;
  113. }
  114.  
  115. header .info .body .show a {
  116. font-weight: bold;
  117. }
  118.  
  119. header .info .body .show .gradient {
  120. width: 100px;
  121. height: 36px;
  122. background: url('http://static.tumblr.com/thpaaos/42wlbflin/gradient.png');
  123. display: block;
  124. position: absolute;
  125. top: 0;
  126. left: -100px;
  127. }
  128.  
  129. header .info.showing .body .show .gradient {
  130. display: none;
  131. }
  132.  
  133. .bubble {
  134. display: block;
  135. width: 608px;
  136. margin: 20px auto 0 auto;
  137. overflow: hidden;
  138. }
  139.  
  140. .permalink + #posts .bubble {
  141. margin-top: 10px;
  142. }
  143.  
  144. .bubble .top {
  145. background:#fff;
  146. width: 608px;
  147. height: 34px;
  148. margin: 0 auto;
  149. }
  150.  
  151. .bubble .content {
  152. background:#fff;
  153. width: 528px;
  154. line-height: 34px;
  155. margin: 0 auto;
  156. padding: 2px 40px;
  157. }
  158.  
  159. .bubble.description .content {
  160. padding: 0 40px 0 40px;
  161. }
  162.  
  163. .bubble .content.bleed {
  164. width: 600px;
  165. padding: 0 4px;
  166. }
  167.  
  168. .bubble .content img.photo {
  169. display: block;
  170. border: 4px solid #fff;
  171. width: 520px;
  172. height: auto;
  173. }
  174.  
  175. .bubble .content .copy {
  176. font-size: 26px;
  177. color: #333536;
  178. }
  179.  
  180. .bubble .content .copy a {
  181. text-decoration: underline;
  182. }
  183.  
  184. .bubble .content h2 {
  185. color: #535456;
  186. font-size: 36px;
  187. line-height: 40px;
  188. margin: 0;
  189. padding: 0;
  190. }
  191.  
  192. .bubble .content .copy p {
  193. margin: 20px 0;
  194. }
  195.  
  196. .bubble .content .copy code {
  197. word-wrap: break-word;
  198. }
  199.  
  200. .audio_player {
  201. margin: 0 0 30px 0;
  202. }
  203.  
  204. .audio_player a.play {
  205. color: #333536;
  206. min-height: 76px; /* 126 - 25 - 25 for padding */
  207. font-size: 26px;
  208. line-height: 38px;
  209. text-decoration: none;
  210. background: #e4e7ea url('http://static.tumblr.com/thpaaos/BVZl8fpzl/mobile_dashboard_play_pause_sprite.png') 35px center no-repeat;
  211. -webkit-border-radius: 16px;
  212. -moz-border-radius: 16px;
  213. border-radius: 16px;
  214. border-top: 2px solid #c6cdd4;
  215. border-bottom: 2px solid #fff;
  216. padding: 25px 35px 25px 93px;
  217. display: block;
  218. -webkit-tap-highlight-color: rgba(0,0,0,0.0);
  219. }
  220.  
  221. .audio_player a.play.is_playing {
  222. background: #e9ecef url('http://static.tumblr.com/thpaaos/BVZl8fpzl/mobile_dashboard_play_pause_sprite.png') -636px center no-repeat;
  223. -webkit-box-shadow: inset 0 0 20px #d9dfe3;
  224. }
  225.  
  226. .audio_player.with_cover_art a.play {
  227. width: 245px;
  228. display: inline-block;
  229. float: left;
  230. }
  231.  
  232. .audio_player a.play strong.listen {
  233. margin: 18px 0 0 0;
  234. display: inline-block;
  235. }
  236.  
  237. .audio_player img.cover {
  238. width: 130px;
  239. -webkit-border-radius: 10px;
  240. -webkit-box-shadow: 0px 1px 5px #4f4f4f;
  241. margin: 0 20px 0 0;
  242. float: left;
  243. display: block;
  244. }
  245.  
  246. .bubble .content .copy.text_post p:first-child {
  247. margin-top: 0;
  248. }
  249.  
  250. .bubble .content .copy p:last-child {
  251. margin-bottom: 0;
  252. }
  253.  
  254. .bubble .content .copy blockquote {
  255. margin: 20px 0px 20px 20px;
  256. padding-left: 30px;
  257. border-left: solid 6px #c9cccf;
  258. }
  259.  
  260. .bubble .content .copy img {
  261. max-width: 100%;
  262. }
  263.  
  264. .bubble .content .video {
  265. width: 520px;
  266. font-size: 26px;
  267. color: #333536;
  268. }
  269.  
  270. .bubble .content .video * {
  271. width: 520px !important;
  272. border: 4px solid #fff;
  273. margin: 0 auto;
  274. }
  275.  
  276. .bubble .content .video a {
  277. margin: 0 auto;
  278. }
  279.  
  280. .bubble .content .video a img {
  281. width: 100%;
  282. height: auto;
  283. }
  284.  
  285. .bubble .content .video a div {
  286. border: none;
  287. }
  288.  
  289. .bubble .content .video * {
  290. width: auto;
  291. min-height: auto;
  292. padding: 0px;
  293. margin: 0;
  294. }
  295.  
  296. .bubble .content .html_photoset {
  297. width: 520px;
  298. text-align: center;
  299. border: none;
  300. }
  301.  
  302. .bubble .content .html_photoset p {
  303. margin: 30px 0;
  304. }
  305.  
  306. .bubble .content .html_photoset p:first-child {
  307. margin-top: 0;
  308. }
  309.  
  310. .bubble .content .html_photoset p img.photoset_photo {
  311. width: 520px;
  312. margin: 0 auto;
  313. border: 4px solid #fff;
  314. }
  315.  
  316. .bubble .content .html_photoset p.photoset_caption {
  317. margin-top: 20px;
  318. }
  319.  
  320. .bubble .content .link {
  321. display: block;
  322. font-size: 32px;
  323. line-height: 36px;
  324. font-weight: bold;
  325. color: #49729a;
  326. }
  327.  
  328. .bubble .content .link span {
  329. font-family: 'Lucida Grande', sans-serif;
  330. vertical-align: -1px;
  331. }
  332.  
  333. .bubble .content .quote {
  334. font-size: 32px;
  335. line-height: 36px;
  336. font-weight: bold;
  337. color: #535456;
  338. }
  339.  
  340. .bubble .content .quote_source *:first-child {
  341. margin-top: 0;
  342. }
  343. /*
  344. .bubble .content .audio {
  345. margin-top: 0;
  346. }
  347.  
  348. .bubble .content .audio img {
  349. display: inline-block;
  350. border: none;
  351. width: 36px;
  352. height: 36px;
  353. position: relative;
  354. top: 8px;
  355. margin-right: 8px;
  356. }
  357.  
  358. .bubble .content .audio a {
  359. font-weight: bold;
  360. }
  361.  
  362. .bubble .content .audio strong u {
  363. font-size: 24px;
  364. } */
  365.  
  366. .bubble .content .video img {
  367. border: none;
  368. }
  369.  
  370. .bubble .content .chat {
  371. width: 100%;
  372. border-bottom: 2px solid #fff;
  373. margin: 0;
  374. }
  375.  
  376. .bubble .content .chat td {
  377. padding: 16px 0;
  378. border-top: 2px solid #fff;
  379. border-bottom: 2px solid #dde2e7;
  380. vertical-align: top;
  381. font-size: 26px;
  382. color: #333536;
  383. }
  384.  
  385. .bubble .content .chat tr:first-child td {
  386. border-top-width: 0px;
  387. padding-top: 0px;
  388. }
  389.  
  390. .bubble .content .chat td.username {
  391. padding-right: 24px;
  392. font-weight: bold;
  393. max-width: 230px;
  394. }
  395.  
  396. .bubble .content .answer_question {
  397. background: #e4e7ea;
  398. -webkit-border-radius: 16px;
  399. -moz-border-radius: 16px;
  400. border-radius: 16px;
  401. border-top: 2px solid #c6cdd4;
  402. border-bottom: 2px solid #fff;
  403. padding: 26px 30px;
  404. font-size: 32px;
  405. line-height: 38px;
  406. color: #535355;
  407. word-wrap: break-word;
  408. }
  409.  
  410. .bubble .content .answer_asker {
  411. margin-top: 24px;
  412. font-weight: bold;
  413. font-size: 28px;
  414. color: #65676a;
  415. }
  416.  
  417. .bubble .content .answer_asker img {
  418. display: inline-block;
  419. border: none;
  420. vertical-align: -14px;
  421. margin: 0 14px 0 20px;
  422. }
  423.  
  424. .bubble .content .date,
  425. .bubble .content .note_count {
  426. float: left;
  427. font-weight: bold;
  428. font-size: 24px;
  429. color: #8c8e90;
  430. margin-top: 26px;
  431. text-decoration: underline;
  432. }
  433.  
  434. .bubble .content .note_count {
  435. float: right;
  436. }
  437.  
  438. .bubble .content ol.notes {
  439. margin: 0;
  440. padding: 0;
  441. border-top: 2px solid #dde2e7;
  442. border-bottom: 2px solid #fff;
  443. list-style-type: none;
  444. font-size: 24px;
  445. }
  446.  
  447. .bubble .content ol.notes li.note {
  448. padding: 20px 60px 20px 20px;
  449. border-top: 2px solid #fff;
  450. border-bottom: 2px solid #dde2e7;
  451. }
  452.  
  453. .bubble .content ol.notes li.note img.avatar {
  454. display: inline-block;
  455. vertical-align: -10px;
  456. margin-right: 12px;
  457. width: 32px;
  458. height: 32px;
  459. }
  460.  
  461. .bubble .content ol.notes li.note span.action {
  462. font-weight: normal;
  463. }
  464.  
  465. .bubble .content ol.notes li.note .answer_content {
  466. font-weight: normal;
  467. }
  468.  
  469. .bubble .content ol.notes li.note blockquote {
  470. border-left: 6px solid #c9cccf;
  471. padding: 2px 20px;
  472. margin: 20px 0px 0px 50px;
  473. }
  474.  
  475. .bubble .content ol.notes li.note blockquote a {
  476. text-decoration: none;
  477. }
  478.  
  479. .bubble .content ol.notes li.note .tumblelog,
  480. .bubble .content ol.notes li.note .source_tumblelog {
  481. font-weight: bold;
  482. color: #303132;
  483. }
  484.  
  485. .bubble .content ol.notes li.like {
  486. background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_like.png') 546px 27px no-repeat;
  487. }
  488.  
  489. .bubble .content ol.notes li.reblog {
  490. background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_reblog.png') 546px 24px no-repeat;
  491. }
  492.  
  493. .bubble .content ol.notes li.answer {
  494. background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_answer.png') 550px 22px no-repeat;
  495. }
  496.  
  497. .bubble .content ol.notes li.facebook_comment {
  498. background: url('http://assets.tumblr.com/images/note_facebook_2.png') 544px 24px no-repeat;
  499. }
  500.  
  501. .bubble .content ol.notes li.photo,
  502. .bubble .content ol.notes li.reply {
  503. background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/note_reply.png') 544px 24px no-repeat;
  504. }
  505.  
  506. .bubble .content ol.notes a.more_notes_link {
  507. font-weight: bold;
  508. }
  509.  
  510. .bubble .bottom {
  511. background: #fff;
  512. width: 608px;
  513. height: 38px;
  514. margin: 0 auto;
  515. }
  516.  
  517. .bubble.description .bottom {
  518. height: 102px;
  519. background-image: url('http://static.tumblr.com/thpaaos/lXDlb08n9/description_bottom.png');
  520. }
  521.  
  522. .bubble.permalink .bottom {
  523. height: 59px;
  524. background:#fff;
  525. }
  526.  
  527. .load {
  528. color: #d8d8d8;
  529. font-size: 42px;
  530. font-weight: bold;
  531. text-align: center;
  532. padding: 38px 0;
  533. display: block;
  534. }
  535.  
  536. .load img {
  537. vertical-align: -2px;
  538. margin-right: 20px;
  539. }
  540.  
  541. .links {
  542. margin: 30px;
  543. overflow: hidden;
  544. }
  545.  
  546. .links a {
  547. color: #aeaeae;
  548. font-size: 26px;
  549. text-shadow: 0px 2px 5px rgba(0,0,0,.75);
  550. float: right;
  551. }
  552.  
  553. .links a:first-child {
  554. float: left;
  555. }
  556.  
  557. body.android .gray_bubble,
  558. body.android .audio_player a.play.is_playing,
  559. body.android .audio_player img.cover
  560. {
  561. -webkit-box-shadow: none !important;
  562. }
  563. </style>
  564. <script type="text/javascript" charset="utf-8">
  565. setTimeout(function() { window.scrollTo(0,1) }, 100);
  566.  
  567. function microAjax(B,A) {
  568. this.bindFunction = function(E,D){
  569. return function(){
  570. return E.apply(D,[D])
  571. }
  572. };
  573.  
  574. this.stateChange = function(D){
  575. if (this.request.readyState == 4) {
  576. this.callbackFunction(this.request.responseText);
  577. }
  578. };
  579.  
  580. this.getRequest = function(){
  581. if (window.ActiveXObject) {
  582. return new ActiveXObject("Microsoft.XMLHTTP");
  583. } else {
  584. if (window.XMLHttpRequest) {
  585. return new XMLHttpRequest();
  586. }
  587. }
  588.  
  589. return false;
  590. };
  591.  
  592. this.postBody = (arguments[2] || '');
  593. this.callbackFunction = A;
  594. this.url = B;
  595. this.request = this.getRequest();
  596.  
  597. if (this.request) {
  598. var C = this.request;
  599. C.onreadystatechange = this.bindFunction(this.stateChange, this);
  600.  
  601. if (this.postBody !== '') {
  602. C.open("POST", B, true);
  603. C.setRequestHeader("X-Requested-With", "XMLHttpRequest");
  604. C.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  605. C.setRequestHeader("Connection", "close");
  606. } else {
  607. C.open("GET", B, true);
  608. }
  609.  
  610. C.send(this.postBody);
  611. }
  612. }
  613.  
  614. function $(id) {
  615. return document.getElementById(id);
  616. }
  617.  
  618. var loading_next_page = false;
  619. var next_page = 1;
  620. var current_url;
  621.  
  622. function load_more_posts() {
  623. if (loading_next_page) return;
  624. loading_next_page = true;
  625.  
  626. $('load_more').style.display = 'none';
  627. $('loading_more').style.display = 'block';
  628.  
  629. if (! current_url) current_url = document.location.href;
  630. if (current_url.charAt(current_url.length - 1) != '/') current_url += '/';
  631.  
  632. if (next_page === 1) current_url += 'page/1';
  633.  
  634. current_url = current_url.replace('page/' + next_page, 'page/' + ++next_page);
  635.  
  636. microAjax(current_url, function(res) {
  637. $('posts').innerHTML += res.split('<!-- START' + ' POSTS -->')[1].split('<!-- END' + ' POSTS -->')[0];
  638. $('loading_more').style.display = 'none';
  639. $('load_more').style.display = 'block';
  640. loading_next_page = false;
  641. });
  642. }
  643.  
  644. function show_notes(post_id, notes_url) {
  645. if ($('notes_' + post_id).innerHTML == '') {
  646. var old_innerHTML = $('show_notes_' + post_id).innerHTML;
  647. $('show_notes_' + post_id).innerHTML = 'Loading notes...';
  648.  
  649. microAjax(notes_url, function(res) {
  650. $('show_notes_' + post_id).innerHTML = old_innerHTML;
  651.  
  652. $('notes_' + post_id).innerHTML = res;
  653. $('notes_container_' + post_id).style.display = 'inherit';
  654.  
  655. $('show_notes_' + post_id).style.display = 'none';
  656. $('hide_notes_' + post_id).style.display = 'inherit';
  657. });
  658. } else {
  659. $('notes_container_' + post_id).style.display = 'inherit';
  660.  
  661. $('show_notes_' + post_id).style.display = 'none';
  662. $('hide_notes_' + post_id).style.display = 'inherit';
  663. }
  664. }
  665.  
  666. function hide_notes(post_id) {
  667. $('show_notes_' + post_id).style.display = 'inherit';
  668. $('hide_notes_' + post_id).style.display = 'none';
  669. $('notes_container_' + post_id).style.display = 'none';
  670. }
  671.  
  672. function play_audio(post_id) {
  673. var audio = $('audio_file_' + post_id);
  674.  
  675. if (audio.paused) {
  676. audio.play();
  677. $('play_button_' + post_id).className = 'play is_playing';
  678. } else {
  679. audio.pause();
  680. $('play_button_' + post_id).className = 'play';
  681. }
  682. };
  683.  
  684. var showing_info = 0;
  685.  
  686. function show_more_info() {
  687. if (showing_info == 0) {
  688. $('show_more_info_link').innerHTML = 'X';
  689. $('info_container').className = 'info showing';
  690. showing_info = 1;
  691. } else {
  692. $('show_more_info_link').innerHTML = 'Show all';
  693. $('info_container').className = 'info';
  694. showing_info = 0;
  695. }
  696. }
  697.  
  698. function strip_anchors(input) {
  699. return input.replace(/<a /g, '<u ').replace(/<\/a>/g, '<\/u>');
  700. }
  701. </script>
  702. </head>
  703. <body>
  704.  
  705. <header class="gray_bubble">
  706. <a href="/" class="title">{Title}&nbsp;</a>
  707. <div class="clear"></div>
  708. {block:IndexPage}
  709. <div class="info" id="info_container">
  710. <div class="body" id="body_container">
  711. {block:Description}<span class="description_words">{PlaintextDescription}</span>{/block:Description}
  712. <div class="show" id="show_more_info" style="display:none">
  713. <a href="#" id="show_more_info_link" onclick="show_more_info(); return false;">
  714. Show all
  715. </a>
  716. <div class="gradient" id="show_gradient"></div>
  717. </div>
  718. </div>
  719. </div>
  720. {/block:IndexPage}
  721. </header>
  722.  
  723. <div id="posts">
  724. <!-- START POSTS -->
  725. {block:Posts}
  726. <div class="bubble">
  727. <div class="top"></div>
  728. <div class="content">
  729.  
  730. {block:Text}
  731. <div class="copy text_post">
  732. {block:Title}<h2>{Title}</h2>{/block:Title}
  733. {Body}
  734. {block:More}<p class="read_more_container"><a href="{Permalink}" class="read_more">Read More</a></p>{/block:More}
  735. </div>
  736. {/block:Text}
  737.  
  738. {block:Photo}
  739. {block:HighRes}<a href="{PhotoURL-HighRes}">{/block:HighRes}<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="photo" />{block:HighRes}</a>{/block:HighRes}
  740. {block:Caption}
  741. <div class="copy">
  742. {Caption}
  743. </div>
  744. {/block:Caption}
  745. {/block:Photo}
  746.  
  747. {block:Photoset}
  748. <div class="video">
  749. {Photoset-500}
  750. </div>
  751. {block:Caption}
  752. <div class="copy">
  753. {Caption}
  754. </div>
  755. {/block:Caption}
  756. {/block:Photoset}
  757.  
  758. {block:Link}
  759. <a href="{URL}" class="link" {Target}>{Name} <span>&rarr;</span></a>
  760. {block:Description}
  761. <div class="copy">
  762. {Description}
  763. </div>
  764. {/block:Description}
  765. {/block:Link}
  766.  
  767. {block:Quote}
  768. <div class="quote">&#8220;{Quote}&#8221;</div>
  769. {block:Source}
  770. <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:20px 0">
  771. <tr>
  772. <td valign="top" style="width:2px; padding:0 20px 0 0">
  773. &mdash;
  774. </td>
  775. <td valign="top" class="copy quote_source">
  776. {Source}
  777. </td>
  778. </tr>
  779. </table>
  780. {/block:Source}
  781. {/block:Quote}
  782.  
  783. {block:Audio}
  784. <div class="audio_player {block:AlbumArt}with_cover_art{/block:AlbumArt}" id="play_audio_{PostID}">
  785. {block:AlbumArt}<img src="{AlbumArtURL}" class="cover"/>{/block:AlbumArt}
  786. <a class="play" onclick="play_audio({PostID}); return false;" id="play_button_{PostID}">
  787. {block:TrackName}<strong>{TrackName}</strong><br/>{/block:TrackName}
  788. {block:Artist}{Artist}{/block:Artist}
  789. <strong class="listen" style="display:none">Listen</strong>
  790. </a>
  791. <audio id="audio_file_{PostID}" src="{RawAudioURL}"></audio>
  792. <div class="clear"></div>
  793. </div>
  794. {block:Caption}
  795. <div class="copy">
  796. {Caption}
  797. </div>
  798. {/block:Caption}
  799. {/block:Audio}
  800.  
  801. {block:Video}
  802. <div class="video">
  803. {Video-500}
  804. </div>
  805. {block:Caption}
  806. <div class="copy">
  807. {Caption}
  808. </div>
  809. {/block:Caption}
  810. {/block:Video}
  811.  
  812. {block:Chat}
  813. {block:Title}<h2 style="margin-bottom:26px;">{Title}</h2>{/block:Title}
  814. <table class="chat" border="0" cellpadding="0" cellspacing="0">
  815. {block:Lines}
  816. <tr>
  817. {block:Label}<td class="username">{Label}</td>{/block:Label}
  818. <td width="*">{Line}</td>
  819. </tr>
  820. {/block:Lines}
  821. </table>
  822. {/block:Chat}
  823.  
  824. {block:Answer}
  825. <div class="answer_question">{Question}</div>
  826. <div class="answer_asker">
  827. <img src="{AskerPortraitURL-48}" width="48" height="48" />{Asker}
  828. </div>
  829. <div class="copy">
  830. {Answer}
  831. </div>
  832. {/block:Answer}
  833.  
  834. {block:Date}
  835. <a class="date" href="{Permalink}" {Target}>
  836. {TimeAgo}
  837. </a>
  838. {/block:Date}
  839. {block:NoteCount}
  840. <a href="{Permalink}" class="note_count" onclick="show_notes({PostID}, '{PostNotesURL}'); return false;" id="show_notes_{PostID}" {Target} style="padding-left:6px;">
  841. {NoteCountWithLabel}
  842. </a>
  843. <a href="#" class="note_count" onclick="hide_notes({PostID}); return false;" id="hide_notes_{PostID}" style="display: none; padding-left:6px;">
  844. Hide notes
  845. </a>
  846. {/block:NoteCount}
  847. <!--IF DISQUS---
  848. {block:Date}<a href="{Permalink}#disqus_thread" class="note_count" style="padding-left:6px;">Comments</a>{/block:Date}
  849. ----ENDIF DISQUS-->
  850. <div class="clear"></div>
  851. </div>
  852. <div class="bottom"></div>
  853. </div>
  854. {block:IndexPage}
  855. <div id="notes_container_{PostID}" class="bubble" style="display:none">
  856. <div class="top"></div>
  857. <div class="content bleed" id="notes_{PostID}"></div>
  858. <div class="bottom"></div>
  859. </div>
  860. {/block:IndexPage}
  861. {block:PermalinkPage}
  862. <!--IF DISQUS---
  863. {block:Date}
  864. <div class="bubble">
  865. <div class="top"></div>
  866. <style type="text/css">
  867. #disqus_thread {
  868. background: url('http://assets.tumblr.com/images/iphone/tumblelog_retina/content_bg.png') -1px 0 repeat-y transparent;
  869. width: 586px;
  870. margin: 0;
  871. padding: 0 11px;
  872. }
  873. #disqus_thread a {
  874. text-decoration: underline;
  875. }
  876. #dsq-new-post h3 {
  877. margin-top: 0;
  878. }
  879. #dsq-content .dsq-item-trackback {
  880. margin-bottom: 0;
  881. }
  882. #dsq-global-toolbar {
  883. margin-top: 0 !important;
  884. }
  885. </style>
  886. <div id="disqus_thread"></div>
  887. <script type="text/javascript">
  888. (function() {
  889. var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = 'http://DISQUS_SHORTNAME.disqus.com/embed.js';
  890. (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
  891. })();
  892. </script>
  893. <div class="content">
  894. <div class="copy">
  895. </div>
  896. <div class="clear"></div>
  897. </div>
  898. <div class="bottom"></div>
  899. </div>
  900. {/block:Date}
  901. ----ENDIF DISQUS-->
  902. {block:PostNotes}
  903. <div class="bubble">
  904. <div class="top"></div>
  905. <div class="content bleed">
  906. {PostNotes}
  907. </div>
  908. <div class="bottom"></div>
  909. </div>
  910. {/block:PostNotes}
  911. <div style="margin-bottom:30px;"></div>
  912. {/block:PermalinkPage}
  913. {/block:Posts}
  914. <!-- END POSTS -->
  915. </div>
  916. {block:IndexPage}
  917. {block:NextPage}
  918. <a href="/page/2" class="load gray_bubble" id="load_more" onclick="load_more_posts(); return false;">
  919. Load more posts
  920. </a>
  921. <div class="load gray_bubble" id="loading_more" onclick="load_more_posts(); return false;" style="display:none">
  922. <img src="http://static.tumblr.com/thpaaos/HBrlbfdoy/loading.gif" width="32" height="32" /> Loading more posts...
  923. </div>
  924. {/block:NextPage}
  925. {/block:IndexPage}
  926. <div class="links">
  927. <a href="http://www.tumblr.com">Powered by Tumblr</a>
  928. <a href="/disable_mobile_interface" onclick="if(confirm('Switch from mobile to standard view?')){} else {return false;}">Standard view</a>
  929. </div>
  930.  
  931. <script type="text/javascript" charset="utf-8">
  932. var info_style = window.getComputedStyle(document.getElementById('body_container'), null);
  933.  
  934. if (parseInt(info_style.height) > 70) {
  935. $('show_more_info').style.display = 'block'
  936. }
  937.  
  938. if (navigator.userAgent.match(/Android/i)) {
  939. document.body.className = 'android';
  940. }
  941. </script>
  942. <!--IF DISQUS---
  943. <script type="text/javascript">
  944. var disqus_shortname = 'DISQUS_SHORTNAME';
  945. (function () {
  946. var s = document.createElement('script'); s.async = true;
  947. s.src = 'http://disqus.com/forums/' + disqus_shortname + '/count.js';
  948. (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
  949. }());
  950. </script>
  951. ----ENDIF DISQUS-->
  952. </body>
  953. </html>
Advertisement
Add Comment
Please, Sign In to add comment