sugane

.02 TACHIBANANA REDUX EDIT

Sep 22nd, 2013
2,633
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.24 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. <!--
  3.  
  4. ★☆ tachibanana redux edit by tetralyte
  5. (gatchadance playing in the backgroudn)
  6.  
  7. -->
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10. <!-- DEFAULT VARIABLES -->
  11. <meta name="color:Background" content="#ffffff" />
  12. <meta name="color:Permalink" content="#95b6aa" />
  13. <meta name="color:Permalink Hover" content="#d7dad9">
  14. <meta name="color:Permalink text" content="#ffffff" />
  15. <meta name="color:Text" content="#413536" />
  16. <meta name="color:Links" content="#7daf9f" />
  17. <meta name="color:Borders" content="#5e5859" />
  18. <meta name="color:Scrollbar" content="#9bbaaf">
  19. <meta name="color:ScrollbarBG" content="#ffffff">
  20. <meta name="color:Selection" content="#ffffff" />
  21. <meta name="color:SelectionBG" content="#99b1a8" />
  22.  
  23. <meta name="font:Title" content="Arial" />
  24. <meta name="font:Body" content="Arial" />
  25. <meta name="font:Accent" content="Lucida Sans" />
  26.  
  27. <meta name="if:Show Tags" content="1" />
  28. <meta name="if:BackgroundCover" content="0">
  29.  
  30. <meta name="text:SidebarTop" content="50" />
  31. <meta name="text:SidebarLeft" content="-430" />
  32. <meta name="text:SidebarimgTop" content="500" />
  33. <meta name="text:SidebarimgLeft" content="500" />
  34. <meta name="text:link url1" content="" />
  35. <meta name="text:link url2" content="" />
  36. <meta name="text:link url3" content="" />
  37. <meta name="text:link url4" content="" />
  38. <meta name="text:link url5" content="" />
  39. <meta name="text:link 1" content="" />
  40. <meta name="text:link 2" content="" />
  41. <meta name="text:link 3" content="" />
  42. <meta name="text:link 4" content="" />
  43. <meta name="text:link 5" content="" />
  44.  
  45. <meta name="image:Background" content="" />
  46. <meta name="image:Favicon" content="" />
  47. <meta name="image:sideimg" content="" />
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}{block:SearchPage}, {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52. <link rel="shortcut icon" href="{image:Favicon}" />
  53. <link href='http://fonts.googleapis.com/css?family=Cousine:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  54. <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar {height:auto;width:10px; background-color:{color:Scrollbar};border:6px solid #fff;}
  59.  
  60. ::-webkit-scrollbar-thumb {background-color:{color:Scrollbar};border:3px solid #fff;height:auto;}
  61.  
  62. ::-moz-selection {background:{color:selectionbg};color:{color:selection}}
  63. ::selection {background:{color:selectionbg};color:{color:selection};}
  64.  
  65. body {
  66. background: {color:Background} url('{image:Background}') top left fixed repeat;{block:IfBackgroundCover}background-size: cover;{/block:IfBackgroundCover}
  67. margin: 0;
  68. padding: 0;
  69. font-family: {font:Body};
  70. }
  71.  
  72. .clear {
  73. clear: both;
  74. height: 0px;
  75. overflow: hidden;
  76. }
  77.  
  78. a img {
  79. border: none;
  80. }
  81.  
  82. #wrapper {
  83. background-color: #fff;
  84. border: 1px solid #413e3f;
  85. width: 300px;
  86. height: 600px;
  87. padding: 10px;
  88. margin-top: -3px;
  89. overflow: scroll;
  90. margin: 0 auto;
  91. }
  92.  
  93. #wrapper #title {
  94. margin: 30px 0;
  95. color: #fff;
  96. font-size: 50px;
  97. font-weight: bold;
  98. font-family: {font:Title};
  99. text-shadow: 1px 3px 5px rgba(0,0,0, 0.5);
  100. letter-spacing: -1px;
  101. }
  102.  
  103. #wrapper #title a {
  104. color: #fff;
  105. text-decoration: none;
  106. }
  107.  
  108. #wrapper #content {
  109. width: 270px;
  110. float: left;
  111. }
  112.  
  113. #wrapper #content .post {
  114. font-family: cousine;
  115. border: 1px solid {color:Border};
  116. margin-top: -3px;
  117. background: #fff;
  118. padding: 10px;
  119. position: relative;
  120. }
  121.  
  122. #wrapper #content .post .media {
  123. text-align: center;
  124. margin-bottom: 10px;
  125. }
  126.  
  127. #wrapper #content .post .quotebg {
  128. font-family: georgia, serif;
  129. font-size: 150px;
  130. color: {color:Background};
  131. opacity: 0.2;
  132. filter: alpha(opacity=20);
  133. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  134. position: absolute;
  135. top: 70px;
  136. left: 10px;
  137. }
  138.  
  139. #wrapper #content .post .quote {
  140. color: {color:Links};
  141. font-weight: bold;
  142. padding: 20px 20px 5px 20px;
  143. }
  144.  
  145. #wrapper #content .post .quote.short {
  146. font-size: 13px;
  147.  
  148. }
  149.  
  150. #wrapper #content .post .quote.medium {
  151. font-size: 13px;
  152. }
  153.  
  154. #wrapper #content .post .quote.long {
  155. font-size: 13px;
  156. }
  157.  
  158. #wrapper #content .post .quote_source *:first-child {
  159. margin-top: 0px;
  160. }
  161.  
  162. #wrapper #content .post .quote_source *:last-child {
  163. margin-bottom: 0px;
  164. }
  165.  
  166. #wrapper #content .post .quote *:first-child {
  167. margin-top: 0px;
  168. }
  169.  
  170. #wrapper #content .post .quote *:last-child {
  171. margin-bottom: 0px;
  172. }
  173.  
  174. #wrapper #content .post .copy {
  175. color: {color:Text};
  176. padding: 10px;
  177. font-size: 9px;
  178. line-height: 15px;
  179. }
  180.  
  181. #wrapper #content .post .copy a {
  182. color: #fff;
  183. background-color: {color:Permalink};
  184. text-decoration: none;
  185.  
  186. -webkit-transition: all 0.5s ease-in-out;
  187. -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  188. }
  189.  
  190. #wrapper #content .post .copy a:hover {
  191. color: #000;
  192. background-color: {color:Permalink};
  193. text-decoration: none;
  194.  
  195. -webkit-transition: all 0.5s ease-in-out;
  196. -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  197. }
  198.  
  199. #wrapper #content .post .copy p {
  200. margin: 10px 0 0 0;
  201. padding: 0;
  202. }
  203.  
  204. #wrapper #content .post .copy pre {
  205. margin: 10px 0px 10px 0px;
  206. padding: 10px;
  207. background-color: #e6e6e6;
  208. font: normal 11px Courier, monospace;
  209. overflow: auto;
  210. }
  211.  
  212. #wrapper #content .post .copy > p:first-child {
  213. margin-top: 0;
  214. }
  215.  
  216. #wrapper #content .post .copy img {
  217. max-width: 100%;
  218. }
  219.  
  220. #wrapper #content .post .audio {
  221. background: {color:Permalink};
  222. border: 01px solid #666;
  223. float: left;
  224. padding: 7px;
  225. margin-bottom: 10px;
  226.  
  227. }
  228.  
  229. #wrapper #content .post .audio .player {
  230. float: left;
  231. }
  232.  
  233. #wrapper #content .post .audio .player .audio_player embed {
  234. border: 1px solid #c8c8c8;
  235. }
  236.  
  237. #wrapper #content .post .audio .meta {
  238. padding: 8px 13px;
  239. height: 13px;
  240. float: left;
  241. color: {color:Text};
  242. font-family: cousine;
  243. font-size: 9px;
  244. text-transform: lowercase;
  245. }
  246.  
  247. #wrapper #content .post .audio .meta a {
  248. color: #666;
  249. text-decoration: none;
  250. }
  251.  
  252. #wrapper #content .post .album_art {
  253. text-align: center;
  254. }
  255.  
  256. #wrapper #content .post .question {
  257. color: {color:Permalink Text};
  258. font-size: 9px;
  259. font-family: cousine;
  260. background: {color:Permalink};
  261. margin: 0 0 15px 0;
  262. padding: 15px 20px;
  263. position: relative;
  264. }
  265.  
  266.  
  267.  
  268. #wrapper #content .post .asker_container {
  269. margin: 0 0 20px 24px;
  270. }
  271.  
  272. #wrapper #content .post .asker_container img {
  273. margin: 0 12px -10px 0;
  274. }
  275.  
  276. #wrapper #content .post .asker_container a.asker {
  277. color: {color:Body};
  278. }
  279.  
  280. #wrapper #content .post .title {
  281. color: #494949;
  282. font-size: 16px;
  283. font-weight: bold;
  284. padding: 10px 10px 0 10px;
  285. }
  286.  
  287. #wrapper #content .post img {
  288. max-width: 250px;
  289. -webkit-transition: opacity 0.4s linear;
  290. -moz-transition: opacity 0.4s linear;
  291. transition: opacity 0.4s linear;
  292. opacity: 0.9;
  293. }
  294.  
  295. #wrapper #content .post img:hover {
  296. max-width: 250px;
  297. -webkit-transition: opacity 0.4s linear;
  298. -moz-transition: opacity 0.4s linear;
  299. transition: opacity 0.4s linear;
  300. opacity: 1;
  301. }
  302.  
  303. #wrapper #content .post .chat {
  304. background-color: #fff;
  305. border-left: 2px solid {color:Permalink};
  306. margin: 10px 10px 0 10px;
  307. font-size: 10px;
  308. }
  309.  
  310. #wrapper #content .post .chat .lines {
  311. margin-left: 05px;
  312. padding: 03px;
  313. }
  314.  
  315.  
  316.  
  317. #wrapper #content .post .link {
  318. margin: 4px 0 2px 0;
  319. font-size: 16px;
  320. line-height: 25px;
  321. }
  322.  
  323. #wrapper #content .post .link a {
  324. background-color: {color:Permalink};
  325. font-size: 10px;
  326. border: 01px solid #666;
  327. color: {color:Permalink Text};
  328. padding: 5px 7px;
  329.  
  330. -webkit-transition: all 0.5s ease-in-out;
  331. -moz-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;
  332. }
  333.  
  334. #wrapper #content .post .link a:hover {
  335. letter-spacing: 2px;
  336.  
  337. -webkit-transition: all 1s ease-in-out;
  338. -moz-transition: all 1s ease-in-out;transition: all 0.5s ease-in-out;
  339. }
  340.  
  341. #wrapper #content .post .footer {
  342. border: 1px solid {color:Borders};
  343. background: {color:Permalink};
  344. font-family: cousine;
  345. font-size: 9px;
  346. color: {color:Permalink text};
  347. padding: 3px 5px;
  348. margin-right: 20px;
  349. margin-top: 2px;
  350.  
  351. -webkit-transition: all 0.5s ease-out;
  352. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  353. }
  354.  
  355. #wrapper #content .post .footer:hover {
  356. border: 1px solid #413e3f;
  357. background: {color:Permalink Hover};
  358. font-family: cousine;
  359. font-size: 9px;
  360. color: {color:Permalink text};
  361. padding: 3px 5px;
  362. margin-right: 10px;
  363. margin-top: 2px;
  364.  
  365. -webkit-transition: all 0.5s ease-out;
  366. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  367. }
  368.  
  369.  
  370.  
  371.  
  372. #wrapper #content .post .footer .date {
  373. width: 67%;
  374. float: left;
  375. color: {color:Permalink text};
  376. }
  377.  
  378. #wrapper #content .post .footer .notes {
  379. width: 33%;
  380. float: right;
  381. text-align: right;
  382. color: {color:Permalink text};
  383. }
  384.  
  385. #wrapper #content .post .footer .notes a {
  386. color: {color:Permalink text};
  387. }
  388.  
  389. #wrapper #content .post .footer .tags a {
  390. color: {color:Permalink text};
  391. text-decoration: none;
  392. }
  393.  
  394. #wrapper #content .post .footer .tags .tag-commas:last-child {
  395. display: none;
  396. }
  397.  
  398. #wrapper #content .post .footer.with_source_url .tags {
  399. max-width: 330px;
  400. float: left;
  401. }
  402.  
  403. #wrapper #content .post .footer.with_source_url .source_url {
  404. float: right;
  405. max-width: 160px;
  406. overflow: hidden;
  407. white-space: nowrap;
  408.  
  409. }
  410.  
  411. #wrapper #content .post .footer.with_source_url .source_url img {
  412. vertical-align: top;
  413. -moz-opacity: 0.5;
  414. opacity: 0.5;
  415. }
  416.  
  417. #wrapper #content .post .footer.with_source_url .source_url:hover img {
  418. -moz-opacity: 0.7;
  419. opacity: 0.7;
  420. }
  421.  
  422. #wrapper #content .post a {
  423. color: #6e7173;
  424. text-decoration: none;
  425. }
  426.  
  427. #wrapper #content .post .copy blockquote {
  428. margin: 10px 0px 10px 10px;
  429. padding-left: 15px;
  430. border-left: solid 4px #dcdcdc;
  431. }
  432.  
  433. #wrapper #content .post .copy blockquote blockquote {
  434. border-left: solid 4px #cccccc;
  435. }
  436.  
  437. #wrapper #content .post .copy blockquote blockquote blockquote {
  438. border-left: solid 4px #bcbcbc;
  439. }
  440.  
  441. #wrapper #content .post .copy blockquote blockquote blockquote blockquote {
  442. border-left: solid 4px #acacac;
  443. }
  444.  
  445. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote {
  446. border-left: solid 4px #9c9c9c;
  447. }
  448.  
  449. #wrapper #content .post .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  450. border-left: solid 4px #8c8c8c;
  451. }
  452.  
  453. #wrapper #content .bottom {
  454. background: url('http://assets.tumblr.com/themes/redux/shadow-post.png') top center no-repeat transparent;
  455. width: 513px;
  456. height: 40px;
  457. margin: 0 auto;
  458. }
  459.  
  460. #wrapper #content #navigation {
  461.  
  462. font-size: 9px;
  463. font-family: cousine;
  464. text-align: right;
  465. padding-bottom: 35px;
  466. text-transform: lowercase;
  467. }
  468.  
  469. #wrapper #content #navigation a {
  470. border-radius: {text:Round Corners}px;
  471. {block:ifBorders}border: 01px solid {color:Borders}{/block:ifBorders};
  472. background-color: {color:Permalink};
  473. color: {color:Permalink Text};
  474. padding: 5px 10px;
  475. text-decoration: none;
  476. margin-left: 25px;
  477. }
  478.  
  479.  
  480.  
  481. #wrapper #content #navigation.jump_pagination {}
  482.  
  483. #wrapper #content #navigation.jump_pagination a {
  484. margin: 0 0 0 4px;
  485. }
  486.  
  487. #wrapper #content #navigation.jump_pagination .current_page {
  488. color: #fff;
  489. background-color: rgba(255,255,255, 0.1);
  490. border: 2px solid #fff;
  491. padding: 3px 8px;
  492. margin: 0 0 0 4px;
  493. cursor: default;
  494. }
  495.  
  496. #wrapper #content #navigation.jump_pagination .jump_page {}
  497.  
  498. #wrapper #content .post .notecontainer {
  499. background: #fff;
  500. overflow: scrollbar;
  501. font-family: consolas;
  502. font-size: 9px;
  503. color: {color:Text};
  504. margin-top: 10px;
  505. margin-bottom: -10px;
  506. }
  507.  
  508. #wrapper #content .post .notecontainer a {
  509. color: #666;
  510. text-decoration: underline;
  511. }
  512.  
  513. #wrapper #content .post .notecontainer ol.notes {
  514. padding: 0px 0 10px 0;
  515. list-style-type: none;
  516. font-size: 11px;
  517. }
  518.  
  519. #wrapper #content .post .notecontainer ol.notes li.note {
  520. padding: 10px 10px 0 10px;
  521. }
  522.  
  523. #wrapper #content .post .notecontainer ol.notes li.note img.avatar {
  524. vertical-align: -4px;
  525. margin-right: 10px;
  526. width: 16px;
  527. height: 16px;
  528. }
  529.  
  530. #wrapper #content .post .notecontainer ol.notes li.note span.action {
  531. font-weight: normal;
  532. }
  533.  
  534. #wrapper #content .post .notecontainer ol.notes li.note .answer_content {
  535. font-weight: normal;
  536. }
  537.  
  538. #wrapper #content .post .notecontainer ol.notes li.note blockquote {
  539. border-left: 2px solid #666;
  540. padding: 4px 10px;
  541. margin: 10px 0px 0px 25px;
  542. }
  543.  
  544. #wrapper #content .post .notecontainer ol.notes li.note blockquote a {
  545. text-decoration: none;
  546. }
  547.  
  548.  
  549.  
  550. #wrapper #sidebar {
  551. position:fixed !important;
  552. width: 140px;
  553. border: 1px solid #413e3f;
  554. top: {text:SidebarTop}px;
  555. right: {text:SidebarLeft}px;
  556. color: {color:Background};
  557. font-family: {font:Accent}
  558. }
  559.  
  560. #wrapper #sidebar a {
  561. color: {color:Background};
  562. }
  563.  
  564. #wrapper #sidebar #top {
  565. background: #fff;
  566. padding: 0 20px;
  567. }
  568.  
  569.  
  570.  
  571.  
  572.  
  573. #wrapper #sidebar #top #description {
  574. font-size: 9px;
  575. font-family: cousine;
  576. color: {color:Text};
  577. position: relative;
  578. top: -18px;
  579. }
  580.  
  581. #wrapper #sidebar #top #description a {
  582. color: #fff;
  583. background-color: {color:Links};
  584. text-decoration: none;
  585.  
  586. -webkit-transition: all 0.5s ease-out;
  587. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  588. }
  589.  
  590. #wrapper #sidebar #top #description a:hover {
  591. color: #000;
  592. background-color: {color:Links};
  593. text-decoration: none;
  594.  
  595. -webkit-transition: all 0.5s ease-out;
  596. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  597. }
  598.  
  599.  
  600. .sidebar img {
  601. max-width: 180px;
  602. margin-top:15px;
  603. margin-bottom: 8px;}
  604.  
  605. .sideimg img{
  606. position:absolute;
  607. top: {text:sidebarimgtop}px;
  608. left: {text:sidebarimgLeft}px;
  609. z-index:-999;
  610. }
  611.  
  612.  
  613. #wrapper #sidebar #top .heading {
  614. color: {color:Text};
  615. font-family: cousine;
  616. font-size: 9px;
  617. margin-top: 20px;
  618. padding: 10px;
  619. background-color: {color:Background};
  620.  
  621. }
  622.  
  623. #wrapper #sidebar #top a .heading {
  624. color: #fff;
  625. text-decoration: none;
  626. font-family: cousine;
  627. font-size: 9px;
  628. }
  629.  
  630.  
  631. #wrapper #sidebar #top .content {
  632. margin-top: 2px;
  633. padding: 7px 10px;
  634. background: #eaeaea;
  635. font-family: cousine;
  636. color: #666;
  637. font-size: 9px;
  638. overflow: hidden;
  639. }
  640.  
  641. #wrapper #sidebar #top a {
  642. text-decoration: none;
  643. }
  644.  
  645. #s-m-t-tooltip{
  646. background:{color:Permalink BG};
  647. font-family: consolas;
  648. font-size: 9px;
  649. border:1px solid {color:Links};
  650. background-color: #fff;
  651. max-width: 110px;
  652. color:{color:Text};
  653. padding: 2px 5px 2px 6px;
  654. margin: 20px 10px 10px 10px;
  655.  
  656. }
  657.  
  658.  
  659.  
  660. </style>
  661. <!--[if lt IE 7.]>
  662. <style type="text/css">
  663. #wrapper #sidebar #bottom {
  664. background: transparent;
  665. }
  666.  
  667. #wrapper #sidebar #top #avatar {
  668. background: none;
  669. }
  670.  
  671. #wrapper #sidebar #top #avatar img {
  672. border: 5px solid #f1f1f1;
  673. }
  674.  
  675. #wrapper #sidebar #top .heading#followontumblr {
  676. background-image: none;
  677. text-indent: 0;
  678. }
  679.  
  680. #wrapper #sidebar #top .heading#twitter {
  681. background-image: none;
  682. }
  683.  
  684. #wrapper #sidebar #top .heading#following {
  685. background-image: none;
  686. }
  687.  
  688. #wrapper #content .post .audio .player {
  689. float: none;
  690. }
  691.  
  692. #wrapper #content .post .audio .meta {
  693. display: none;
  694. float: none;
  695. }
  696. </style>
  697. <![endif]-->
  698.  
  699. <!--[if lt IE 8.]>
  700. <style type="text/css">
  701. #wrapper #content .bottom {
  702. background: transparent;
  703. }
  704.  
  705. #wrapper #content .post .footer {
  706. background: transparent;
  707. color: #000;
  708. }
  709.  
  710. #wrapper #content .post .audio {
  711. float: none;
  712. background: transparent;
  713. }
  714.  
  715. #wrapper #content .post .notecontainer .notes {
  716. padding: 0;
  717. margin: 0;
  718. }
  719. </style>
  720. <![endif]-->
  721. <style type="text/css">{CustomCSS}</style>
  722. <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" />
  723.  
  724. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  725. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  726. <script>
  727. (function($){
  728. $(document).ready(function(){
  729. $("[title]").style_my_tooltips();
  730. });
  731. })(jQuery);
  732. </script>
  733. </head>
  734. <body>
  735. <div id="wrapper">
  736. <br><p>
  737.  
  738. <div id="content">
  739.  
  740. {block:SearchPage}
  741. {block:SearchResults}
  742. <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  743. {/block:SearchResults}
  744.  
  745. {block:NoSearchResults}
  746. <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  747. {/block:NoSearchResults}
  748. {/block:SearchPage}
  749.  
  750. {block:Posts}
  751. <div class="post">
  752.  
  753. {block:Photo}
  754. <div class="media"><div class="photo"><a href="{Permalink}">
  755. {block:indexpage}<img src="{PhotoURL-250}" alt="{PhotoAlt}" />{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-400}" alt="{PhotoAlt}" />{/block:permalinkpage}
  756. </div></div></a>
  757. {block:caption}<div class="copy">{Caption}</div>{/block:caption}
  758. {/block:Photo}
  759.  
  760. {block:Photoset}<div class="photo">
  761. <div class="media">
  762. {Photoset-250}
  763. </div></div>
  764. {block:caption}<div class="copy">{Caption}</div>{/block:caption}
  765.  
  766. {/block:Photoset}
  767.  
  768.  
  769. {block:Video}
  770. <div class="media">{Video-250}</div>
  771. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  772. {/block:Video}
  773.  
  774. {block:Audio}
  775.  
  776. {block:AudioEmbed}
  777. {AudioEmbed}
  778. {/block:AudioEmbed}
  779.  
  780. {block:AudioPlayer}
  781. {block:IfShowAlbumArtOnAudioPosts}
  782. {block:AlbumArt}
  783. <div class="album_art">
  784. <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:10px;" />
  785. </div>
  786. {/block:AlbumArt}
  787. {/block:IfShowAlbumArtOnAudioPosts}
  788.  
  789. <div class="audio">
  790. <div class="player">{AudioPlayerWhite}</div>
  791. <div class="meta">{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}{block:ExternalAudio}<span class="download_external_audio"> &bull; <a href="{ExternalAudioURL}">{lang:Download}</a></span>{/block:ExternalAudio}</div>
  792. <div class="clear"></div>
  793. </div>
  794. {/block:AudioPlayer}
  795.  
  796. <div class="clear"></div>
  797.  
  798. {block:Caption}<div class="copy">{Caption}</div>{/block:Caption}
  799.  
  800. {/block:Audio}
  801.  
  802. {block:Quote}
  803. <div class="quote {Length}">{Quote}</div>
  804. <div class="copy">
  805. <div class="quotebg"></div>
  806. {block:Source}
  807. <table border="0" cellpadding="0" cellspacing="0" width="100%">
  808. <tr>
  809. <td valign="top" style="width:20px;">&mdash;</td>
  810. <td valign="top" class="quote_source">
  811. {Source}
  812. </td>
  813. </tr>
  814. </table>
  815. {/block:Source}
  816. </div>
  817. {/block:Quote}
  818.  
  819. {block:Text}
  820. {block:Title}<div class="title">{Title}</div>{/block:Title}
  821. <div class="copy">{Body}</div>
  822. {/block:Text}
  823.  
  824. {block:Answer}
  825. <div class="question">
  826. <div class="nipple"></div>
  827. {Question}
  828. </div>
  829. <div class="asker_container"><img src="{AskerPortraitURL-24}">{Asker}</div>
  830. <div class="copy">{Answer}</div>
  831. {/block:Answer}
  832.  
  833. {block:Chat}
  834. {block:Title}<div class="title">{Title}</div>{/block:Title}
  835. <div class="chat">
  836. <div class="lines">
  837. {block:Lines}
  838. <div class="line {Alt}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</div>
  839. {/block:Lines}
  840. </div>
  841. </div>
  842. <div class="clear"></div>
  843. <div style="height:10px;"></div>
  844. {/block:Chat}
  845.  
  846. {block:Link}
  847. <div class="link"><a href="{URL}" {Target}>{Name} &raquo;</a></div>
  848. {block:Description}<div class="copy">{Description}</div>{/block:Description}
  849. {/block:Link}
  850.  
  851. {block:Date}
  852. <a href="{Permalink}">
  853. <div class="footer for_permalink">
  854. <div class="date">
  855. {block:Reblog}
  856. {TimeAgo} {lang:PostedTimeAgo from ReblogParentName}
  857. {/block:Reblog}
  858.  
  859. {block:NotReblog}
  860. {TimeAgo}
  861. {/block:NotReblog}
  862. </div>
  863. <div class="notes">{block:NoteCount}{NoteCount} %{/block:NoteCount} {block:IfDisqusShortname}{block:NoteCount}&bull;{/block:NoteCount} <a href="{Permalink}#disqus_thread">{lang:View comments}</a>{/block:IfDisqusShortname}</div>
  864. <div class="clear"></div>
  865. </div>
  866. </a>
  867. {/block:Date}
  868.  
  869. <div class="footer" style="
  870. display:none;
  871. {block:IfShowTags}{block:HasTags}display:block;{/block:HasTags}{/block:IfShowTags}
  872.  
  873. ">
  874. {block:IfShowTags}
  875. {block:HasTags}<div class="tags">→: {block:Tags}<a href="{TagURL}">{Tag}</a><span class="tag-commas">, </span>{/block:Tags}.</div>{/block:HasTags}
  876. {/block:IfShowTags}
  877.  
  878.  
  879.  
  880. <div class="clear"></div>
  881. </div>
  882.  
  883. {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  884.  
  885. {block:IfDisqusShortname}
  886. {block:Permalink}
  887. <div class="notecontainer" style="margin:20px 0 1px 0; padding:1px 10px 10px 10px;">
  888. <div id="disqus_thread"></div>
  889. <script type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/embed.js"></script>
  890. <noscript><a href="http://{text:Disqus Shortname}.disqus.com/?url=ref">{lang:View the discussion thread}</a></noscript>
  891. </div>
  892. <div style="text-align:right; margin-top:5px;">
  893. {lang:Blog comments powered by Disqus 2}
  894. </div>
  895. {/block:Permalink}
  896. {/block:IfDisqusShortname}
  897.  
  898. </div>
  899. <p>
  900. {/block:Posts}
  901.  
  902. {block:Pagination}
  903. <div id="navigation" {block:IfEnableJumpPagination}class="jump_pagination"{/block:IfEnableJumpPagination}>
  904. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  905.  
  906. {block:JumpPagination length="3"}
  907. {block:CurrentPage}
  908. <span class="current_page">{PageNumber}</span>
  909. {/block:CurrentPage}
  910.  
  911. {block:JumpPage}
  912. <a class="jump_page" href="{URL}">{PageNumber}</a>
  913. {/block:JumpPage}
  914.  
  915. {/block:JumpPagination}
  916.  
  917. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  918. </div>
  919. {/block:Pagination}
  920.  
  921. </div>
  922.  
  923. <div id="sidebar">
  924. <div class="sideimg"><a href="/" title=""><img src='{image:sideimg}'></a>
  925. <div id="top">
  926. <br>
  927. <div id="description">
  928. <br>
  929. <mark style="font-family: cousine; font-size: 9px; font-color: {color:Text}; background-color: {color:Permalink};"><a href="/">home</a> - <a href="/ask">ask</a> - <a href="/archive">archive</a></mark>
  930. <br><br>
  931. {Description}
  932. <br>
  933. <br>
  934. <a href="{text:link url1}" title="{text:link 1}">.01</a> <a href="{text:link url2}" title="{text:link 2}">.02</a> <a href="{text:link url3}" title="{text:link 3}">.03</a> <a href="{text:link url4}" title="{text:link 4}">.04</a> <a href="{text:link url5}" title="{text:link 5}">.05</a>
  935. </div>
  936. </div>
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943. </div>
  944.  
  945.  
  946.  
  947. </div>
  948.  
  949.  
  950. <div class="clear"></div>
  951. </div>
  952.  
  953. {block:Twitter}
  954. <script type="text/javascript" src="/tweets.js"></script>
  955. {/block:Twitter}
  956.  
  957. {block:IfDisqusShortname}
  958. <script type="text/javascript">
  959. //<![CDATA[
  960. (function() {
  961. var links = document.getElementsByTagName('a');
  962. var query = '?';
  963. for(var i = 0; i < links.length; i++) {
  964. if(links[i].href.indexOf('#disqus_thread') >= 0) {
  965. query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
  966. }
  967. }
  968. document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
  969. })();
  970. //]]>
  971. </script>
  972. {/block:IfDisqusShortname}
  973.  
  974. <a href="http://tetralyte.tumblr.com" title="theme by tetralyte"><div style="position:fixed;right:10px;bottom:5px;font-size:9px;opacity:0.8;z-index:51;font-family:consolas;font-color:#666666;">★☆ </div></a>
  975. </body>
  976. </html>
Advertisement
Add Comment
Please, Sign In to add comment