Advertisement
Guest User

the thing for tumblr

a guest
Jun 17th, 2019
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.44 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <!-- DEFAULT VARIABLES -->
  5. <meta name="color:background" content="#a0284a" />
  6. <meta name="color:link" content="#a0284a" />
  7. <meta name="color:link hover" content="#fdd961" />
  8. <meta name="color:chat1" content="#a0284a" />
  9. <meta name="color:chat2" content="#f74c6f" />
  10. <meta name="color:blockquote" content="#a0284a" />
  11. <meta name="color:post bg" content="#ffffff" />
  12. <meta name="color:post text" content="#202020" />
  13. <meta name="color:sidebar text" content="#202020" />
  14. <meta name="color:navigation bg" content="#ffffff" />
  15. <meta name="color:navigation text" content="#202020" />
  16. <meta name="color:scrollbar" content="#ffffff" />
  17. <meta name="color:scrollbar bg" content="#a0284a" />
  18.  
  19. <meta name="text:link 1 url" content=""/>
  20. <meta name="text:link 1 title" content=""/>
  21. <meta name="text:link 2 url" content=""/>
  22. <meta name="text:link 2 title" content=""/>
  23. <meta name="text:link 3 url" content=""/>
  24. <meta name="text:link 3 title" content=""/>
  25. <meta name="text:sidebar img position top" content="-185"/>
  26. <meta name="text:sidebar img position left" content="-56"/>
  27. <meta name="text:sidebar position top" content="145"/>
  28. <meta name="text:sidebar position left" content="-10"/>
  29. <meta name="font:body" content="verdana" />
  30.  
  31. <meta name="if:zoom" content="0"/>
  32. <meta name="if:hide permalink img until hover" content="1"/>
  33. <meta name="if:show caption in speech bubble" content="1"/>
  34. <meta name="if:use img as sidebar" content="1"/>
  35. <meta name="if:oval sidebar img" content="0"/>
  36. <meta name="if:link 1" content="0"/>
  37. <meta name="if:link 2" content="0"/>
  38. <meta name="if:link 3" content="0"/>
  39.  
  40. <script src="http://static.tumblr.com/c7cvhvu/mCZmb3z94/is.js"></script>
  41.  
  42.  
  43. <meta name="image:background" content="http://static.tumblr.com/asa2mtk/q8Jm9dkl3/bg21.gif" />
  44. <meta name="image:sidebar image" content="http://static.tumblr.com/asa2mtk/ySWm9dmg7/impulse2.gif" />
  45. <meta name="image:permalink image" content="http://i.imgur.com/muWxj.gif" />
  46.  
  47.  
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  54. <style type="text/css">
  55.  
  56. body {
  57. background: {color:background} url('{image:background}') top left fixed repeat;
  58. margin: 0;
  59. padding: 0;
  60. font-family: {font:body};
  61. font-size: 10px;
  62. line-height: 12px;
  63. overflow-x: hidden;
  64. }
  65.  
  66.  
  67. ::-webkit-scrollbar {
  68. height: 5px;
  69. width: 5px;
  70. background: {color:scrollbar bg};
  71. }
  72.  
  73. ::-webkit-scrollbar-thumb {
  74. background-color: {color:scrollbar};
  75. border-radius: 10px;
  76. -moz-border-radius: 10px;
  77. -webkit-border-radius: 10px;
  78. -o-border-radius: 10px;
  79. -ms-border-radius: 10px;
  80. }
  81.  
  82. .no {
  83. font-size: 0px;
  84. color: rgba(255,255,255,0);
  85. display: none;
  86. height: 0px;
  87. }
  88.  
  89. a img {
  90. border: none;
  91. }
  92.  
  93. a {
  94. text-decoration: none;
  95. font-weight: bold;
  96. color: {color:link};
  97. text-shadow: {color:link shadow} 0px 0px;
  98. -webkit-transition: all 0.2s ease-out;
  99. -moz-transition: all 0.2s ease-out;
  100. transition: all 0.2s ease-out;
  101. -o-transition: all 0.2s ease-out;
  102. -ms-transition: all 0.2s ease-out;
  103. }
  104.  
  105. .caps {
  106. text-transform: uppercase;
  107. }
  108.  
  109. .left {
  110. float: left;
  111. }
  112.  
  113. .right {
  114. float: right;
  115. }
  116.  
  117. .fourhundred {
  118. width: 500px;
  119. }
  120.  
  121. .pretty {
  122. text-decoration: none;
  123. font-weight: bold;
  124. color: {color:link hover};
  125. }
  126.  
  127. .pretty a {
  128. text-decoration: none;
  129. font-weight: bold;
  130. color: {color:link hover};
  131. }
  132.  
  133. .pretty a:hover {
  134. text-decoration: none;
  135. font-weight: bold;
  136. color: {color:link hover};
  137. }
  138.  
  139.  
  140. a:hover {
  141. text-decoration: none;
  142. font-weight: bold;
  143. color: {color:link hover};
  144. text-shadow: {color:link shadow} 2px 0px;
  145. -webkit-transition: all 0.2s ease-out;
  146. -moz-transition: all 0.2s ease-out;
  147. transition: all 0.2s ease-out;
  148. -o-transition: all 0.2s ease-out;
  149. -ms-transition: all 0.2s ease-out;
  150. }
  151.  
  152.  
  153.  
  154. #wrapper {
  155. width: 770px;
  156. margin: 0 auto;
  157. }
  158.  
  159.  
  160. #sidebarwrapper {
  161. width: 175px;
  162. float: left;
  163. }
  164.  
  165. #sidebarimg {
  166. position: relative;
  167. top: {text:sidebar img position top}px;
  168. left: {text:sidebar img position left}px;
  169. padding: 0px;
  170. height: 0px;
  171. }
  172.  
  173. .sidebarimg {
  174. max-width: 300px;
  175. }
  176.  
  177.  
  178. .oval {
  179. border-radius: 400px;
  180. -moz-border-radius: 400px;
  181. -webkit-border-radius: 400px;
  182. -o-border-radius: 400px;
  183. -ms-border-radius: 400px;
  184.  
  185. }
  186.  
  187. #sidebar {
  188. width: 161px;
  189. position: fixed;
  190. margin-top: 193px;
  191. padding: 7px;
  192. background-color: transparent;
  193. color: {color:post text};
  194. font-family: {font:body};
  195. }
  196.  
  197. #sidebarbg {
  198. width: 161px;
  199. padding: 7px;
  200. padding-top: 0px;
  201. top: {text:sidebar position top}px;
  202. position: relative;
  203. left: {text:sidebar position left}px;
  204. background-color: {color:post bg};
  205. color: {color:sidebar text};
  206. font-family: {font:body};
  207. border-radius: 2px;
  208. -moz-border-radius: 2px;
  209. -webkit-border-radius: 2px;
  210. -o-border-radius: 2px;
  211. -ms-border-radius: 2px;
  212. }
  213.  
  214. .clear {
  215. background-color: transparent !important;
  216. }
  217.  
  218. #navi {
  219. font-family:verdana;
  220. font-size:10px;
  221. position: relative;
  222. top: 0px;
  223. width:150px;
  224. color: {color:navigation text};
  225. background-color: {color:navigation bg};
  226. border-radius: 2px;
  227. -o-border-radius: 2px;
  228. -moz-border-radius: 2px;
  229. -webkit-border-radius: 2px;
  230. -ms-border-radius: 2px;
  231. }
  232.  
  233. #description {
  234. padding: 3px;
  235. text-align: center;
  236. position: relative;
  237. top: 4px;
  238. }
  239.  
  240. #postwrapper {
  241. margin-top: 15px;
  242. width: 514px;
  243. float: right;
  244. }
  245.  
  246.  
  247. #post {
  248. background-color: transparent;
  249. width: 480px;
  250. color: {color:post text};
  251. font-family: {font:body};
  252. position: relative;
  253. margin-bottom: 10px;
  254. }
  255.  
  256. #post:hover #permalinkholder {
  257. left: 510px;
  258. -webkit-transition: all 0.4s ease-out;
  259. -moz-transition: all 0.4s ease-out;
  260. -ms-transition: all 0.4s ease-out;
  261. transition: all 0.4s ease-out;
  262. }
  263.  
  264. #permalinkholder:hover {
  265. left: 510px;
  266. -webkit-transition: all 0.4s ease-out;
  267. -moz-transition: all 0.4s ease-out;
  268. -ms-transition: all 0.4s ease-out;
  269. transition: all 0.4s ease-out;
  270. }
  271.  
  272. #permalinkholder {
  273. height:0px;
  274. position: relative;
  275. left: 480px;
  276. -webkit-transition: all 0.7s ease-out;
  277. -moz-transition: all 0.7s ease-out;
  278. -ms-transition: all 0.7s ease-out;
  279. transition: all 0.7s ease-out;
  280. }
  281.  
  282.  
  283. #permalink {
  284. width: 40px;
  285. -webkit-transition: all 0.7s ease-out;
  286. -moz-transition: all 0.7s ease-out;
  287. -ms-transition: all 0.7s ease-out;
  288. transition: all 0.7s ease-out;
  289. }
  290.  
  291. #post:hover .kewl {
  292. position; relative;
  293. -webkit-transition: all 0.4s ease-out;
  294. -moz-transition: all 0.4s ease-out;
  295. -ms-transition: all 0.4s ease-out;
  296. transition: all 0.4s ease-out;
  297. }
  298.  
  299.  
  300.  
  301. .kewl {
  302. position; relative;
  303. margin-bottom: 10px;
  304. -webkit-transition: all 0.7s ease-out;
  305. -moz-transition: all 0.7s ease-out;
  306. -ms-transition: all 0.7s ease-out;
  307. transition: all 0.7s ease-out;
  308. }
  309.  
  310. #post:hover #permatext {
  311. opacity: 1;
  312. -webkit-transition: all 0.4s ease-out;
  313. -moz-transition: all 0.4s ease-out;
  314. -ms-transition: all 0.4s ease-out;
  315. transition: all 0.4s ease-out;
  316. }
  317.  
  318.  
  319. #permatext {
  320. border-radius: 2px;
  321. -moz-border-radius: 2px;
  322. -webkit-border-radius: 2px;
  323. -o-border-radius: 2px;
  324. -ms-border-radius: 2px;
  325. opacity: 0;
  326. line-height: 11px;
  327. min-width: 80px;
  328. max-height: 400px;
  329. overflow: auto;
  330. padding-left: 7px;
  331. padding-right: 7px;
  332. padding-top: 1px;
  333. padding-bottom: 1px;
  334. background-color: #ffffff;
  335. -webkit-transition: all 0.2s ease-out;
  336. -moz-transition: all 0.2s ease-out;
  337. -ms-transition: all 0.2s ease-out;
  338. transition: all 0.2s ease-out;
  339. }
  340.  
  341. #permatext blockquote {
  342. border-left: solid 3px {color:blockquote};
  343. margin: 0px 0px 0px 0px;
  344. padding-left: 2px;
  345. overflow: hidden;
  346. max-width: 70px;
  347. }
  348.  
  349.  
  350. #post:hover .hide {
  351. opacity: 1;
  352. -webkit-transition: all 0.4s ease-out;
  353. -moz-transition: all 0.4s ease-out;
  354. -ms-transition: all 0.4s ease-out;
  355. transition: all 0.4s ease-out;
  356. }
  357.  
  358. .hide {
  359. opacity: 0;
  360. -webkit-transition: all 0.2s ease-out;
  361. -moz-transition: all 0.2s ease-out;
  362. -ms-transition: all 0.2s ease-out;
  363. transition: all 0.2s ease-out;
  364. }
  365.  
  366.  
  367. .arrow_box {
  368. position: relative;
  369. background: #ffffff;
  370. }
  371.  
  372. .arrow_box:after {
  373. bottom: 100%;
  374. border: solid transparent;
  375. content: " ";
  376. height: 0;
  377. width: 0;
  378. position: absolute;
  379. pointer-events: none;
  380. }
  381.  
  382. .arrow_box:after {
  383. border-color: rgba(255, 255, 255, 0);
  384. border-bottom-color: #ffffff;
  385. border-width: 5px;
  386. left: 50%;
  387. margin-left: -5px;
  388. }
  389.  
  390.  
  391. #posttxt {
  392. padding-left: 7px;
  393. padding-right: 7px;
  394. padding-top: 2px;
  395. padding-bottom: 2px;
  396. width: 486px;
  397. position; relative;
  398. background-color:{color:post bg};
  399. border-radius: 2px;
  400. -moz-border-radius: 2px;
  401. -webkit-border-radius: 2px;
  402. -o-border-radius: 2px;
  403. -ms-border-radius: 2px;
  404. }
  405.  
  406. #post img {
  407. border-radius: 2px;
  408. -moz-border-radius: 2px;
  409. -webkit-border-radius: 2px;
  410. -o-border-radius: 2px;
  411. -ms-border-radius: 2px;
  412. }
  413.  
  414.  
  415. .photoset {
  416. max-width: 500px;
  417. border-radius: 2px;
  418. -moz-border-radius: 2px;
  419. -webkit-border-radius: 2px;
  420. -o-border-radius: 2px;
  421. -ms-border-radius: 2px;
  422.  
  423. }
  424.  
  425. .photoset_row {
  426. max-width: 500px;
  427. border-radius: 2px;
  428. -moz-border-radius: 2px;
  429. -webkit-border-radius: 2px;
  430. -o-border-radius: 2px;
  431. -ms-border-radius: 2px;
  432.  
  433. }
  434.  
  435. blockquote {
  436. border-left: solid 3px {color:blockquote};
  437. margin: 10px 0px 10px 10px;
  438. padding-left: 15px;
  439. overflow: hidden;
  440. max-width: 462px;
  441. }
  442.  
  443. #post .media {
  444. width: 500px;
  445. border-radius: 2px;
  446. -moz-border-radius: 2px;
  447. -webkit-border-radius: 2px;
  448. -o-border-radius: 2px;
  449. -ms-border-radius: 2px;
  450. overflow: hidden;
  451. text-align: center;
  452. }
  453.  
  454. #post .media img {
  455. width: 500px;
  456. }
  457.  
  458. #post .zoom img {
  459. position: relative;
  460. left: 0%;
  461. width: 500px;
  462. -webkit-transition: all 0.7s ease-out;
  463. -moz-transition: all 0.7s ease-out;
  464. -ms-transition: all 0.7s ease-out;
  465. transition: all 0.7s ease-out;
  466. }
  467.  
  468. #post .zoom img:hover {
  469. position: relative;
  470. left: -12%;
  471. width: 600px !important;
  472. -webkit-transition: all 0.4s ease-out;
  473. -moz-transition: all 0.4s ease-out;
  474. -ms-transition: all 0.4s ease-out;
  475. transition: all 0.4s ease-out;
  476. }
  477.  
  478. #post .title {
  479. font-weight: bold;
  480. padding-top: 7px;
  481. }
  482.  
  483. #post .quote {
  484. color: {color: link};
  485. }
  486.  
  487. #post .quotesource {
  488. padding-top: 5px;
  489. padding-bottom: 7px;
  490. padding-right: 50px;
  491. padding-left: 50px;
  492. text-align: right;
  493. }
  494.  
  495. #post .link {
  496. text-align: center;
  497. font-weight: bold;
  498. padding-top: 7px;
  499. }
  500.  
  501. #post .link .linkarrow {
  502. font-size: 17px;
  503. line-height: 10px;
  504. position: relative;
  505. top: 1px;
  506. }
  507.  
  508. #post .lines .line1 strong {
  509. color: {color:chat1};
  510. }
  511.  
  512.  
  513. #post .lines .line2 strong {
  514. color: {color:chat2};
  515. }
  516.  
  517. #post .audioplayer {
  518. position: relative;
  519. height: 0px;
  520. top: -38px;
  521. width: 486px;
  522. margin-left: auto;
  523. margin-right: auto;
  524. -webkit-transition: opacity 0.5s linear;
  525. -moz-transition: opacity 0.5s linear;
  526. opacity: 0.35;
  527. filter:alpha(opacity=35);
  528. }
  529.  
  530. #post .audio_player {
  531. width: 486px;
  532. background-color: #ffffff;
  533. }
  534.  
  535.  
  536. #post .audioplayer:hover {
  537. position: relative;
  538. height: 0px;
  539. top: -38px;
  540. width: 486px;
  541. margin-left: auto;
  542. margin-right: auto;
  543. -webkit-transition: opacity 0.3s linear;
  544. -moz-transition: opacity 0.3s linear;
  545. opacity: .6;
  546. filter:alpha(opacity=60);
  547. }
  548.  
  549. #post .audioplayerpadding {
  550. border-radius: 0px;
  551. -moz-border-radius: 0px;
  552. -webkit-border-radius: 0px;
  553. -o-border-radius: 0px;
  554. -ms-border-radius: 0px;
  555. position: relative;
  556. top: -29px;
  557. left: 257px;
  558. }
  559.  
  560.  
  561. #post .askpic {
  562. position: relative;
  563. float: left;
  564. height: 100%;
  565. padding-right: 7px;
  566. }
  567.  
  568. #post .askerpic {
  569. border-radius: 2px;
  570. -moz-border-radius: 2px;
  571. -webkit-border-radius: 2px;
  572. -o-border-radius: 2px;
  573. -ms-border-radius: 2px;
  574. }
  575.  
  576.  
  577. #post .answer {
  578. min-height: 55px;
  579. }
  580.  
  581. #notewrapper {
  582. width: 500px;
  583. padding-top: 10px;
  584. }
  585.  
  586. #notewrapper a {
  587. color:{color:link hover};
  588. }
  589.  
  590. #notewrapper a:hover {
  591. color:{color:link};
  592. }
  593.  
  594. #navigation {
  595. width: 500px;
  596. font-size: 50px;
  597. font-weight: bold;
  598. }
  599.  
  600. iframe#tumblr_controls {
  601. top: 0px;
  602. right: 0px;
  603. height: 23px;
  604. position: fixed !important;
  605. opacity: 0.45;
  606. -webkit-transition: all 0.9s ease-out;
  607. -moz-transition: all 0.9s ease-out;
  608. -ms-transition: all 0.9s ease-out;
  609. transition: all 0.9s ease-out;
  610. }
  611.  
  612.  
  613.  
  614. iframe#tumblr_controls:hover {
  615. opacity: 0.9;
  616. -webkit-transition: all 0.4s ease-out;
  617. -moz-transition: all 0.4s ease-out;
  618. -ms-transition: all 0.4s eas-out;
  619. transition: all 0.4s ease-out;
  620. }
  621.  
  622. </style>
  623. </head>
  624. <body>
  625.  
  626. <div id="wrapper">
  627.  
  628. <div id="postwrapper">
  629. {block:Posts}
  630. <div id="post">
  631.  
  632. {block:Text}
  633. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  634. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  635. <div class="arrow_box hide"></div><div id="permatext">
  636. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  637. </div></div>{/block:IndexPage}
  638.  
  639. <div id="posttxt">{block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
  640. <div class="text">{Body}</div></div>
  641.  
  642. {/block:Text}
  643.  
  644.  
  645.  
  646. {block:Photo}
  647. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  648. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  649. <div class="arrow_box hide"></div><div id="permatext">{block:Ifshowcaptioninspeechbubble}{block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptioninspeechbubble}
  650. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  651. </div></div>{/block:IndexPage}
  652.  
  653. <div class="media">{block:Ifzoom}<div class="zoom">{/block:Ifzoom}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}<img src="{PhotoURL-Highres}" alt="{PhotoAlt}" />{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>{block:Ifzoom}</div>{/block:Ifzoom}
  654.  
  655. {block:PermalinkPage}{block:Caption}<div id="posttxt">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  656. {/block:Photo}
  657.  
  658.  
  659.  
  660. {block:Photoset}
  661. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  662. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  663. <div class="arrow_box hide"></div><div id="permatext">{block:Ifshowcaptioninspeechbubble}{block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptioninspeechbubble}
  664. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  665. </div></div>{/block:IndexPage}
  666.  
  667. <div class="media">{Photoset-500}</div>
  668.  
  669. {block:PermalinkPage}{block:Caption}<div id="posttxt">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  670. {/block:Photoset}
  671.  
  672.  
  673.  
  674. {block:Quote}
  675. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  676. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  677. <div class="arrow_box hide"></div><div id="permatext">
  678. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  679. </div></div>{/block:IndexPage}
  680.  
  681. <div id="posttxt"><div class="title"><center><strong><font class="quote" style="color: {color:link};">"</font>{Quote}<font class="quote" style="color: {color:link};">"</font></strong></center></div>
  682. {block:Source}<div class="quotesource">-{Source}</div>{/block:Source}</div>
  683.  
  684. {/block:Quote}
  685.  
  686.  
  687.  
  688. {block:Link}
  689. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  690. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  691. <div class="arrow_box hide"></div><div id="permatext">
  692. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  693. </div></div>{/block:IndexPage}
  694.  
  695. <div id="posttxt"><div class="link"><a href="{URL}" {Target}>{Name} <font class="linkarrow">→</font></a></div>
  696. {block:Description}<div class="text">{Description}</div>{/block:Description}</div>
  697.  
  698. {/block:Link}
  699.  
  700.  
  701.  
  702. {block:Chat}
  703. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  704. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  705. <div class="arrow_box hide"></div><div id="permatext">{block:Caption}{Caption}{/block:Caption}
  706. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  707. </div></div>{/block:IndexPage}
  708.  
  709. <div id="posttxt">{block:Title}<div class="title"><center>{Title}</center></div>{/block:Title}
  710. <div class="lines">{block:Lines}<div class="line{UserNumber}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div></div>
  711.  
  712. {/block:Chat}
  713.  
  714.  
  715.  
  716. {block:Video}
  717. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  718. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  719. <div class="arrow_box hide"></div><div id="permatext">{block:Ifshowcaptioninspeechbubble}{block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptioninspeechbubble}
  720. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  721. </div></div>{/block:IndexPage}
  722.  
  723. <div class="media">{Video-500}</div>
  724.  
  725. {block:PermalinkPage}{block:Caption}<div id="posttxt">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  726. {/block:Video}
  727.  
  728.  
  729.  
  730. {block:Audio}
  731.  
  732. {block:AlbumArt}
  733. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  734. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  735. <div class="arrow_box hide"></div><div id="permatext">{block:Ifshowcaptioninspeechbubble}{block:Caption}{Caption}{/block:Caption}{/block:Ifshowcaptioninspeechbubble}
  736. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  737. </div></div>{/block:IndexPage}
  738.  
  739. <div class="media"><a href="{Permalink}"><img src="{AlbumArtURL}" width="500px"> </a>
  740. <div class="audioplayer"><div class="audioplayerbox">{/block:AlbumArt}{AudioPlayerWhite}{block:AlbumArt}</div></div></div>{/block:AlbumArt}
  741.  
  742. {block:PermalinkPage}{block:Caption}<div id="posttxt">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  743. {/block:Audio}
  744.  
  745.  
  746.  
  747. {block:Answer}
  748. {block:IndexPage}<div id="permalinkholder"><div id="permalink">
  749. <a href="{Permalink}"><img class="kewl{block:Ifhidepermalinkimguntilhover} hide{/block:Ifhidepermalinkimguntilhover}" src="{image:permalink image}"></a>
  750. <div class="arrow_box hide"></div><div id="permatext">
  751. {block:Date}<a href="{Permalink}"><center><p>{TimeAgo}{block:NoteCount}<br>{NoteCountWithLabel}{/block:NoteCount}</p></center></a>{/block:Date}</div>
  752. </div></div>{/block:IndexPage}
  753.  
  754. <div id="posttxt"><div class="askpic"><img class="askerpic" src="{AskerPortraitURL-64}"></div>
  755. <div class="answer"><b>{Asker}<font class="quote" style="color: {color:link};">:</font> {Question}</b>
  756. <p>{Answer}</p></div></div>
  757. {/block:Answer}
  758.  
  759.  
  760.  
  761. {block:PermalinkPage}
  762. {block:Date}<p class="pretty fourhundred"><a href="{SourceURL}">©</a><font class="right caps">{TimeAgo} with {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</font></p><p class="pretty fourhundred"><font class="right">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</font></p>{/block:Date}
  763. <a class="no" href="{ReblogParentURL}">{ReblogParentName}</a>
  764. {block:ContentSource}<a class="no" href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  765. {/block:PermalinkPage}
  766.  
  767.  
  768. </div>
  769.  
  770.  
  771.  
  772.  
  773. {block:PostNotes}<div id="notewrapper">{PostNotes}</div>{/block:PostNotes}
  774.  
  775. {/block:Posts}
  776.  
  777. {block:Pagination}
  778. <div id="navigation">
  779. {block:PreviousPage}
  780. <font class="pretty left"><a href="{PreviousPage}">← </a></font>
  781. {/block:PreviousPage}
  782. {block:NextPage}
  783. <font class="pretty right"><a href="{NextPage}"> →</a></font>
  784. {/block:NextPage}
  785. </div>
  786. {/block:Pagination}
  787.  
  788.  
  789. </div>
  790.  
  791. <div id="sidebarwrapper"><div id="sidebar">{block:Ifuseimgassidebar}<div id="sidebarimg"><a href="/"><img class="sidebarimg{block:Ifovalsidebarimg} oval{/block:Ifovalsidebarimg}" src="{image:sidebar image}"></a></div>{/block:Ifuseimgassidebar}
  792. <div id="sidebarbg" class="{block:Ifuseimgassidebar}clear{/block:Ifuseimgassidebar}"><div id="description">
  793. {block:Ifuseimgassidebar}<div class="no">{/block:Ifuseimgassidebar}<div id="sidebarimg"><a href="/"><img class="sidebarimg" src="{image:sidebar image}"></a></div>{block:Ifuseimgassidebar}</div>{/block:Ifuseimgassidebar}
  794. <p>{Description}</p>
  795.  
  796.  
  797. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-size:10px;" id="navi">
  798. <option value="/">навигация</option>
  799. {block:Iflink1}<option value="{text:link 1 url}">{text:link 1 title}</option>{/block:Iflink1}
  800. {block:Iflink2}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2}
  801. {block:Iflink3}<option value="{text:link 3 url}">{text:link 3 title}</option>{/block:Iflink3}
  802. <option value="susasshoe.tumblr.com/ask">message</option>
  803. <option value="/">home</option>
  804. </select>
  805.  
  806. </body>
  807. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement