Advertisement
elsewheretales

Theme 2 - Folie à deux

Apr 16th, 2014
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.93 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!--theme by elsewheretales.tumblr.com
  5.  
  6. enjoy!
  7.  
  8. -->
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <!--fonts-->
  18.  
  19. <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Roboto' />
  20. <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lato" />
  21.  
  22. <!--scripts-->
  23.  
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25.  
  26. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27.  
  28.  
  29. <!--Default Variables-->
  30.  
  31. <meta name="if:400px Posts" content="0" />
  32. <meta name="if:Faded Posts" content="0" />
  33. <meta name="if:Show Tags" content="1" />
  34. <meta name="if:Show Captions" content="1" />
  35.  
  36. <meta name="image:Sidebar Image Top" content="" />
  37. <meta name="image:Sidebar Image Bottom" content="" />
  38. <meta name="image:Left Background" content="" />
  39. <meta name="image:Post Background" content="" />
  40.  
  41. <meta name="text:Blog Title" content="" />
  42. <meta name="text:Asker Text" content="whispered" />
  43. <meta name="text:Top Link 1" content="" />
  44. <meta name="text:Top Link 1 URL" content="" />
  45. <meta name="text:Top Link 2" content="" />
  46. <meta name="text:Top Link 2 URL" content="" />
  47. <meta name="text:Top Link 3" content="" />
  48. <meta name="text:Top Link 3 URL" content="" />
  49. <meta name="text:Top Link 4" content="" />
  50. <meta name="text:Top Link 4 URL" content="" />
  51.  
  52. <meta name="text:Bottom Link 1" content="" />
  53. <meta name="text:Bottom Link 1 URL" content="" />
  54. <meta name="text:Bottom Link 2" content="" />
  55. <meta name="text:Bottom Link 2 URL" content="" />
  56. <meta name="text:Bottom Link 3" content="" />
  57. <meta name="text:Bottom Link 3 URL" content="" />
  58. <meta name="text:Bottom Link 4" content="" />
  59. <meta name="text:Bottom Link 4 URL" content="" />
  60.  
  61. <meta name="color:Left Background" content="#f4f4f4" />
  62. <meta name="color:Post Background" content="#f4f4f4" />
  63. <meta name="color:Sidebar Background" content="#ffffff" />
  64. <meta name="color:Desc Background" content="#ffffff" />
  65. <meta name="color:Posts" content="#ffffff" />
  66. <meta name="color:Text" content="#555555" />
  67. <meta name="color:Link" content="#000000" />
  68. <meta name="color:Link Hover" content="#bbbbbb" />
  69. <meta name="color:Borders" content="#e2e2e2" />
  70.  
  71. <!-- jquery script for tooltip -->
  72.  
  73. <script>
  74. $().ready(function() {
  75. $("[title]").style_my_tooltips({
  76. tip_follows_cursor: "on",
  77. tip_delay_time: 200
  78. });
  79. });
  80. </script>
  81.  
  82. <!----CSS begins--->
  83.  
  84. <style type="text/css">
  85.  
  86. /* tooltip */
  87.  
  88. #s-m-t-tooltip{
  89. margin-left:14px;
  90. font-size:10px;
  91. line-height:18px;
  92. position:absolute;
  93. text-transform:uppercase;
  94. letter-spacing:1px;
  95. z-index:9999;
  96. border:1px solid {color:Borders};
  97. background:{color:Sidebar Background};
  98. color:{color:Link};
  99. padding:3px;
  100. -webkit-transition:all 0.2s;
  101. -moz-transition:all 0.2s;
  102. -ms-transition:all 0.2s;
  103. -o-transition:all 0.2s;
  104. transition:all 0.2s;
  105. }
  106.  
  107.  
  108. /* scrollbar */
  109.  
  110. ::-webkit-scrollbar{
  111. width: 5px;
  112. height: 5px;
  113. background-color: {color:Borders};
  114. }
  115.  
  116. ::-webkit-scrollbar-thumb{
  117. background-color:{color:Background};
  118. border:1px solid {color:Borders};
  119. }
  120.  
  121. ::-webkit-scrollbar-track{
  122. background-color:{color:Background};}
  123.  
  124.  
  125. /* cursor and reset */
  126.  
  127. *, body, a, a:link, a:visited, a:hover {
  128. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png),
  129. auto!important;
  130. }
  131.  
  132. /* stuff */
  133.  
  134. body {
  135. background: url('{image:Left Background}') {color:Left Background};
  136. color:{color:Text};
  137. font-family: 'Roboto', Cambria, serif;
  138. font-size:11px;
  139. line-height:170%;
  140. text-align:justify;
  141. margin:0;
  142. padding:0;
  143. }
  144.  
  145. a, a:link, a:visited {
  146. color: {color:Link};
  147. text-decoration:none;
  148. -webkit-transition: all 0.3s linear;
  149. -moz-transition: all 0.3s linear;
  150. -o-transition:all 0.3s linear;
  151. transition: all 0.3s linear;
  152. }
  153.  
  154. a:active, a:hover {
  155. color: {color:Link Hover};
  156. border-bottom:1px dashed {color:Borders};
  157. -webkit-transition: all 0.3s linear;
  158. -moz-transition: all 0.3s linear;
  159. -o-transition:all 0.3s linear;
  160. transition: all 0.3s linear;
  161. }
  162.  
  163. img{
  164. opacity:1;
  165. border:none;
  166. text-decoration:none;
  167. }
  168.  
  169. h1 {
  170. font-family:'Lato', Cambria, serif;
  171. font-size:13px;
  172. letter-spacing:1px;
  173. padding-top:5px;
  174. text-align:center;
  175. font-weight:normal;
  176. text-transform:uppercase;
  177. line-height:100%;
  178. color:{color:Text};
  179. }
  180.  
  181. h2 {
  182. font-family:'Lato', Cambria, serif;
  183. font-size:12px;
  184. letter-spacing:1px;
  185. line-height:120%;
  186. text-align:center;
  187. letter-spacing:1px;
  188. color:{color:Text};
  189. padding:3px;
  190. font-weight:normal;
  191. }
  192.  
  193. blockquote {padding:0px; padding-left:5px; margin:5px; border-left: 1px solid {color:Borders}; overflow:hidden;}
  194. blockquote img {max-width:90%;}
  195.  
  196. small, big {font-size:12px;letter-spacing:1px; line-height:18px;}
  197. b, strong {color: {color:Text}; }
  198. i, em {color: {color:Text};}
  199. p {margin-top:10px; margin-bottom:10px;}
  200. ol {list-style:normal;}
  201. ul {list-style:square;}
  202. s, strike, del {color: {color:Text}; font-size:100%;}
  203.  
  204.  
  205. background { {color:Background}; border:1px solid {color:Borders}; margin:0; padding: 5px;}
  206.  
  207. #title {
  208. font-size:12px;
  209. letter-spacing:1px;
  210. line-height:18px;
  211. padding:5px;
  212. text-align:center;
  213. border-bottom:1px solid {color:Borders};
  214. }
  215.  
  216. #sidebar {
  217. width:250px;
  218. height:100%;
  219. position:fixed;
  220. margin:0px 0px 0px -523px;
  221. padding:60px 33px 0px 0px;
  222. background-color:{color:Sidebar Background};
  223. color:{color:Text};
  224. border-right:1px solid {color:Borders};
  225. border-left:1px solid {color:Borders};
  226. }
  227.  
  228.  
  229. #side1 {
  230. }
  231.  
  232. #side1 img {
  233. width:80px;
  234. height:80px;
  235. float:right;
  236. padding:3px;
  237. background:{color:Background};
  238. margin:15px 18px 0px 0px;
  239. border:1px solid {color:Borders};
  240. }
  241.  
  242. #side1 a {border:none; max-width:80px; }
  243.  
  244. #side1 img:hover {
  245. filter:gray;
  246. -webkit-filter: grayscale(100%);
  247. }
  248.  
  249. #links1 {
  250. float:left;
  251. text-align:right;
  252. width:83px;
  253. margin:17px 0px 0px 57px;
  254. text-transform:uppercase;
  255. font-size:8px;
  256. }
  257.  
  258. #links1 a {
  259. color:{color:Link};
  260. display:block;
  261. border-bottom:1px solid {color:Borders};
  262. }
  263.  
  264. #links1 a:hover {
  265. color:{color:Link Hover};
  266. border-bottom:1px dashed {color:Link Hover};
  267. -webkit-transition: all 0.3s ease-in-out;
  268. -moz-transition: all 0.3s ease-in-out;
  269. -o-transition: all 0.3s ease-in-out;
  270. transition:all 0.3s ease-in-out;
  271. }
  272.  
  273. #side2 { }
  274.  
  275. #side2 img {
  276. width:80px;
  277. float:left;
  278. margin:15px 0px 0px 45px;
  279. height:80px;
  280. padding:3px;
  281. background:{color:Background};
  282. border:1px solid {color:Borders};
  283. }
  284.  
  285.  
  286. #side2 a {border:none; max-width:80px;}
  287.  
  288. #side2 img:hover {
  289. filter:gray;
  290. -webkit-filter: grayscale(100%);
  291. }
  292.  
  293. #links2 {
  294. float:right;
  295. margin:20px 25px 0px 0px;
  296. width:83px;
  297. text-align:left;
  298. text-transform:uppercase;
  299. font-size:8px;
  300. }
  301.  
  302. #links2 a {
  303. color:{color:Link};
  304. display:block;
  305. border-bottom:1px solid {color:Borders};
  306. }
  307.  
  308. #links2 a:hover {
  309. border-bottom:1px dashed {color:Link Hover};
  310. color:{color:Link Hover};
  311. -webkit-transition: all 0.3s ease-in-out;
  312. -moz-transition: all 0.3s ease-in-out;
  313. -o-transition: all 0.3s ease-in-out;
  314. }
  315.  
  316. #blogtitle {
  317. font-family:'Lato', Cambria, serif;
  318. border-top:1px solid {color:Borders};
  319. text-align:center;
  320. font-size:12px;
  321. text-transform:uppercase;
  322. float:right;
  323. margin:15px 0px 0px 10px;
  324. padding:10px 0px 10px 0px;
  325. }
  326.  
  327. #blogtitle a{
  328. color:{color:Text};
  329. }
  330.  
  331. #blogtitle a:hover {
  332. border-bottom:1px dashed {color:Link Hover};
  333. }
  334.  
  335. #desc {
  336. width:200px;
  337. font-family: 'Roboto', Cambria, serif;
  338. font-size:11px;
  339. margin:10px 0px 0px 0px;
  340. background:{color:Desc Background};
  341. border:1px solid {color:Borders};
  342. padding:7px 10px 10px 5px;
  343. text-transform:none;
  344. line-height:150%;
  345. }
  346.  
  347. #desc:first-letter {
  348. font-size:18px;
  349. font-weight:bold;
  350. }
  351.  
  352. .page {
  353. width:220px;
  354. text-align:center;
  355. text-transform:lowercase;
  356. padding-top:5px;
  357. border-bottom:1px solid {color:Borders};
  358. }
  359.  
  360. .page a {
  361. color:{color:Link};
  362. }
  363.  
  364. .page a:hover{
  365. color: {color:Link Hover};
  366. border:none;
  367. }
  368.  
  369. /*content*/
  370.  
  371. #content {
  372. left:47%;
  373. position:absolute;
  374. overflow:visible;
  375. height:100%;
  376. }
  377.  
  378. /* post space */
  379.  
  380. #entry {
  381. background: url('{image:Post Background}') {color:Post Background};
  382. padding:60px 0px 100px 0px;
  383. {block:ifnot400pxPosts}
  384. width:1000px;
  385. margin-left:-240px;
  386. {/block:ifnot400pxPosts}
  387. {block:if400pxPosts}
  388. width:1000px;
  389. margin-left:-175px;
  390. {/block:if400pxPosts}
  391. }
  392.  
  393. /* actual posts */
  394.  
  395. #post {
  396. padding:10px 10px 0px 10px;
  397. margin-bottom:150px;
  398. border:1px solid {color:Borders};
  399. background:{color:Posts};
  400. {block:ifnot400pxPosts}
  401. width:500px;
  402. margin-left:60px;
  403. {/block:ifnot400pxPosts}
  404. {block:if400pxPosts}
  405. width:400px;
  406. {/block:if400pxPosts}
  407. {block:ifFadedPosts}
  408. opacity:0.7;
  409. {/block:ifFadedPosts}
  410. }
  411.  
  412. /* faded posts */
  413.  
  414. #post:hover {
  415. {block:ifFadedPosts}
  416. opacity:1;
  417. -webkit-transition:0.3s;
  418. -moz-transition:0.3s;
  419. -o-transition:0.3s;
  420. {/block:ifFadedPosts}
  421. }
  422.  
  423. /* image posts */
  424. #post img {
  425. display:block;
  426. padding-bottom:5px;
  427. {block:ifnot400pxPosts}
  428. max-width:500px;
  429. {/block:ifnot400pxpOSTS}
  430. {block:if400pxPosts}
  431. max-width:400px;
  432. {/block:if400pxPosts}
  433. }
  434.  
  435. .photoset {
  436. display:block;
  437. padding-bottom:5px;
  438. {block:ifnot400pxPosts}
  439. max-width:500px;
  440. {/block:ifnot400pxPosts}
  441. {block:if400pxPosts}
  442. max-width:400px;
  443. {/block:if400pxPosts}
  444. }
  445.  
  446. #post li {max-width:100%;}
  447.  
  448. {block:ifShowCaptions}
  449. #post .blockquote {
  450. margin: 10px 0px 10px 10px;
  451. padding-left: 15px;
  452. border-left: 1px solid {color:Borders};
  453. }
  454. {/block:ifShowCaptions}
  455.  
  456. {block:ifShowCaptions}
  457. #post .blockquote img { max-width:90%;}
  458. {/block:ifShowCaptions}
  459.  
  460. /* quote */
  461.  
  462. .quote{
  463. font-size:13px;
  464. line-height:140%;
  465. margin:0px 20px;
  466. padding: 10px 0px 10px 0px;
  467. text-align:center;
  468. letter-spacing:1px;
  469. color:{color:Text};
  470. }
  471.  
  472. .quotecomma1{
  473. margin:20px -30px 5px 0px;
  474. float:left;
  475. opacity:0.3;
  476. position:relative;
  477. font-size:60px;
  478. font-family:'Roboto';
  479. letter-spacing:1px;
  480. }
  481.  
  482. .quotecomma2{
  483. margin:5px 0px 0px 0px;
  484. float:right;
  485. opacity:0.3;
  486. position:relative;
  487. font-size:60px;
  488. font-family:'Roboto';
  489. letter-spacing:1px;
  490. }
  491.  
  492.  
  493. .quotesource {
  494. text-align:right;
  495. font-size:12px;
  496. letter-spacing:1px;
  497. line-height: 140%;
  498. }
  499.  
  500. /* audio */
  501.  
  502.  
  503. .tumblr_audio_player {
  504. {block:ifnot400pxPosts}
  505. height:30px;
  506. width:490px;
  507. border:1px solid {color:Borders};
  508. {/block:ifnot400pxPosts}
  509. {block:if400pxPosts}
  510. height:30px;
  511. width:390px;
  512. border:1px solid {color:Borders};
  513. {/block:if400pxPosts}
  514. }
  515.  
  516. .player {
  517. overflow:hidden;
  518. text-align:center;
  519. height:50px;
  520. }
  521.  
  522. .audioinfo {
  523. font-size:12px;
  524. letter-spacing:2px;
  525. padding:10px 0px 10px 0px;
  526. text-align:center;
  527. }
  528.  
  529.  
  530. /*question and answer */
  531.  
  532. .question {
  533. text-align:left;
  534. margin-bottom:20px;
  535. font-size:12px;
  536. padding:10px;
  537. border-bottom:1px solid {color:Borders};
  538. }
  539.  
  540. .asker {
  541. font-size:11px;
  542. letter-spacing:1px;
  543. line-height:18px;
  544. text-align:left;
  545. }
  546.  
  547. .asker a {
  548. font-style:normal;
  549. }
  550.  
  551. .answer {
  552. text-align:left;
  553. margin: 0px 10px;
  554. }
  555.  
  556. /* chat posts */
  557.  
  558. .chat {margin:0px; font-size:11px;}
  559.  
  560. .chat ol {
  561. padding:0;
  562. line-height:160%;
  563. list-style:none;
  564. }
  565.  
  566. .line.odd {
  567. background: {color:Borders};
  568. padding:5px;
  569. }
  570. .line.even {
  571. padding:5px;
  572. }
  573.  
  574. .label {
  575. color:{color:Text};
  576. font-weight:bold;
  577. padding-right:1px;
  578. letter-spacing:1px;
  579. text-transform:none;
  580. }
  581.  
  582. /* post footer */
  583.  
  584.  
  585. #permalink {
  586. margin-top:10px;
  587. font-size:9px;
  588. letter-spacing:1px;
  589. text-align:left;
  590. text-transform:uppercase;
  591. border-top:1px solid {color:Borders};
  592. }
  593.  
  594. #permalink a {
  595. margin:0px 5px;
  596. color:{color:Text};
  597. }
  598.  
  599. #permalink a:hover{
  600. color: {color:Link Hover};
  601. }
  602.  
  603. /* tags */
  604.  
  605. .tags {
  606. {block:ifnot400pxPosts}
  607. width:500px;
  608. {/block:ifnot400pxPosts}
  609. {block:if400pxPosts}
  610. width:400px;
  611. {/block:if400pxPosts}
  612. font-size:10px;
  613. font-family:'Roboto', tahoma, serif;
  614. text-align:center;
  615. text-transform:lowercase;
  616. line-height:130%;
  617. border-top:1px solid {color:Borders};
  618. opacity:1;
  619. padding:3px 0px 3px 0px;
  620. {block:ifnotShowTags}
  621. display:none;
  622. {/block:ifnotShowTags}
  623.  
  624. }
  625.  
  626. .tags a{
  627. padding-left:3px;
  628. color:{color:Link};
  629. }
  630.  
  631. .tags a:hover{
  632. color:{color:Link Hover};
  633. }
  634.  
  635. /* notes */
  636.  
  637. .notes {
  638. {block:IndexPage}
  639. display: none;
  640. {/block:IndexPage}
  641. {block:PermalinkPage}
  642. {block:ifnot400pxPosts}
  643. width:500px;
  644. {/block:ifnot400pxPosts}
  645. {block:if400pxPosts}
  646. width:400px;
  647. {/block:if400pxPosts}
  648. padding-left:20px;
  649. margin-left:20px;
  650. {/block:PermalinkPage}
  651. text-align:left;
  652. }
  653.  
  654. .notes img {
  655. display:none;
  656. }
  657.  
  658. .notes li {
  659. list-style-type:none;
  660. padding:5px 0px;
  661. text-align:left;
  662. margin:0 0 0 -40px;
  663. font-size:10px;
  664. border-bottom:1px solid {color:Borders};
  665. }
  666.  
  667. .notess {
  668. font-size:11px;
  669. font-weight:bold;
  670. letter-spacing:1px;
  671. color:{color:Text};
  672. text-transform:uppercase;
  673. }
  674.  
  675. /* credit */
  676.  
  677. #box {
  678. font-size:10px;
  679. font-family:cambria;
  680. letter-spacing:1px;
  681. -moz-transition-duration:0.5s;
  682. -webkit-transition-duration:0.5s;
  683. -o-transition-duration:0.5s;
  684. }
  685.  
  686.  
  687. #box a {
  688. position:fixed;
  689. padding:5px;
  690. background-color:{color:Background};
  691. color:{color:Text};
  692. border:1px solid {color:Borders};
  693. right:10px;
  694. bottom:10px;
  695. -webkit-transition: all 0.8s ease-in-out;
  696. -moz-transition: all 0.8s ease-in-out;
  697. -o-transition: all 0.8s ease-in-out;
  698. transition: all 0.8s ease-in-out;
  699. }
  700.  
  701. #box a:hover {
  702. color:{color:Text};
  703. background-color:{color:Link Hover};
  704. -moz-transform:rotate(360deg);
  705. -webkit-transform:rotate(360deg);
  706. -o-transform:rotate(360deg);
  707. -ms-transform:rotate(360deg);
  708. transform:rotate(360deg);
  709. -webkit-transition: all 0.8s ease-in-out;
  710. -moz-transition: all 0.8s ease-in-out;
  711. -o-transition: all 0.8s ease-in-out;
  712. transition: all 0.8s ease-in-out;
  713. }
  714.  
  715.  
  716. {CustomCSS}
  717.  
  718.  
  719. </style>
  720.  
  721. </head>
  722.  
  723. <body>
  724.  
  725. <div id="content">
  726.  
  727. <!--sidebar-->
  728.  
  729.  
  730. <div id="sidebar">
  731.  
  732.  
  733. <!--top part-->
  734.  
  735. <div id="side1">
  736. <a href="/"><img src="{image:Sidebar image Top}"></a>
  737. <div id="links1">
  738. {block:ifTopLink1}
  739. <a href="{text:Top Link 1 URL}">{text:Top Link 1}</a>
  740. {/block:ifTopLink1}
  741. {block:ifTopLink2}
  742. <a href="{text:Top Link 2 URL}">{text:Top Link 2}</a>
  743. {/block:ifTopLink2}
  744. {block:ifTopLink3}
  745. <a href="{text:Top Link 3 URL}">{text:Top Link 3}</a>
  746. {/block:ifTopLink3}
  747. {block:ifTopLink4}
  748. <a href="{text:Top Link 4 URL}">{text:Top Link 4}</a>
  749. {/block:ifTopLink4}
  750. </div>
  751. </div>
  752.  
  753. <div id="blogtitle"><a href="/">{text:Blog Title}</a>
  754. <div id="desc">{Description}</div>
  755.  
  756. {block:Pagination}
  757. <div class="page">
  758. {block:PreviousPage}<a href="{PreviousPage}">← </a>{/block:PreviousPage}
  759. {CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}"> →</a>
  760. {/block:NextPage}</div>
  761. {/block:Pagination}
  762.  
  763. <!--MUSIC PLAYER SPACE-->
  764.  
  765. </div>
  766.  
  767. <!--bottom part-->
  768.  
  769. <div id="side2">
  770. <a href="/"><img src="{image:Sidebar image Bottom}"></a>
  771. <div id="links2">
  772. {block:ifBottomLink1}<a href="{text:Bottom Link 1 URL}">{text:Bottom Link 1}</a>{/block:ifBottomLink1}
  773. {block:ifBottomLink2}<a href="{text:Bottom Link 2 URL}">{text:Bottom Link 2}</a>{/block:ifBottomLink2}
  774. {block:ifBottomLink3}<a href="{text:Bottom Link 3 URL}">{text:Bottom Link 3}</a>{/block:ifBottomLink3}
  775. {block:ifBottomLink4}<a href="{text:Bottom Link 4 URL}">{text:Bottom Link 4}</a>{/block:ifBottomLink4}
  776.  
  777. </div>
  778. </div>
  779. </div>
  780.  
  781. <div id="entry">
  782.  
  783. {block:Posts}
  784. <div id="post">
  785.  
  786.  
  787. <!--text-->
  788.  
  789. {block:Text}
  790. {block:Title}
  791. <div id="title">{Title}</div>
  792. {/block:Title}
  793. {Body}
  794. {/block:Text}
  795.  
  796. <!--link-->
  797.  
  798. {block:Link}
  799. <div id="title"><a href="{URL}">{Name}</a></div>
  800. {block:Description}{Description}{/block:Description}
  801. {/block:Link}
  802.  
  803. <!--quote-->
  804.  
  805. {block:Quote}
  806. <div class="quotecomma1">“</div>
  807. <center><big><big><div class="quote">{Quote}</div></big></big></center>
  808. <div class="quotecomma2">”</div><br>
  809. {block:Source}<div class="quotesource"> - {Source}</div>{/block:Source}
  810. {/block:Quote}
  811.  
  812. <!--chat-->
  813.  
  814. {block:Chat}
  815. {block:Title}
  816. <h1>{Title}</h1>
  817. {/block:Title}
  818. <div class="chat">
  819. <ol>{block:Lines}
  820. <li class="line {Alt}">
  821. {block:Label}
  822. <span class="label">
  823. {Label}</span>
  824. {/block:Label}{Line}</li>
  825. {/block:Lines}
  826. </ol></div>
  827. {/block:Chat}
  828.  
  829. <!--photo-->
  830.  
  831. {block:Photo}
  832. {block:ifnot400pxPosts}
  833. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  834. {/block:ifnot400pxPosts}
  835.  
  836. {block:if400pxPosts}
  837. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  838. {/block:if400pxPosts}
  839.  
  840. {block:ifShowCaptions}
  841. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  842. {/block:ifShowCaptions}
  843. {/block:Photo}
  844.  
  845. <!--photoset-->
  846.  
  847. {block:Photoset}
  848. <div class="photoset">
  849. {block:ifnot400pxPosts}
  850. {Photoset-500}
  851. {/block:ifnot400pxPosts}
  852. {block:if400pxPosts}
  853. {Photoset-400}
  854. {/block:if400pxPosts}
  855. </div>
  856. {block:ifShowCaptions}
  857. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  858. {/block:ifShowCaptions}
  859. {/block:Photoset}
  860.  
  861. <!--video-->
  862.  
  863. {block:Video}
  864. {block:ifnot400pxPosts}
  865. {Video-500}
  866. {/block:ifnot400pxPosts}
  867. {block:if400pxPosts}
  868. {Video-400}
  869. {/block:if400pxPosts}
  870. {block:ifShowCaptions}
  871. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  872. {/block:ifShowCaptions}
  873. {/block:Video}
  874.  
  875. <!--audio-->
  876.  
  877. {block:Audio}
  878. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}<br>{block:Artist}<div style="font-size:11px;padding-top:5px;letter-spacing:1px;line-height:150%;">{Artist}</div>{/block:Artist}</div>
  879. {block:AudioPlayer}
  880. <div class="player">{AudioPlayerwhite}</div>
  881. {/block:AudioPlayer}
  882. {/block:Audio}
  883.  
  884. <!--question answer-->
  885.  
  886. {block:Answer}
  887. <div class="question">
  888. <div class="asker">{Asker} {text:Asker Text}:</div>{Question}</div>
  889. <div class="answer">{Answer}</div>
  890. {/block:Answer}
  891.  
  892. <!--footer-->
  893.  
  894. <div id="permalink">
  895.  
  896. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}| +{NoteCount}</a>{/block:NoteCount}
  897. |<span style="float:center; text-transform:upperrcase;"><a title="Reblog Post" href="{ReblogURL}" style="color:{color:title};"> REBLOG</a></span>
  898. {block:ContentSource}
  899.  
  900. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  901. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  902. {/block:SourceLogo}
  903. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  904. {/block:ContentSource}
  905.  
  906. <span style="float:right;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{block:ContentSource} | <a href="{ReblogRootURL}"> © </a>{/block:ContentSource}{/block:RebloggedFrom}</span>
  907. </div>
  908.  
  909. {block:ifShowTags}
  910. {block:HasTags}
  911. <div class="tags">
  912. {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;</a>{/block:Tags}</div>
  913. {/block:HasTags}{/block:ifShowTags}
  914.  
  915. </div>
  916.  
  917. <!--notes-->
  918.  
  919. {block:PostNotes}
  920. <div class="notes">
  921. {block:NoteCount}<div class="notess">notes</div>{/block:NoteCount}
  922. {PostNotes}
  923. </div>
  924. {/block:PostNotes}
  925. {/block:Posts}
  926. </div>
  927. </div>
  928.  
  929.  
  930. <!----IF YOU WANT TO ADD ANY SCROLL TO TOP THING------------>
  931.  
  932.  
  933. <!----THEN THIS IS A GOOD SPACE TO PASTE THE CODE----------->
  934.  
  935. <!--credit-->
  936.  
  937. <div id="box"><a href="http://elsewheretales.tumblr.com">ET</div>
  938.  
  939. <!--finish-->
  940.  
  941. </body>
  942.  
  943. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement