zuvia

T22 - CALLISTA

Sep 5th, 2012
33,587
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.46 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.  
  4. <!--
  5.  
  6. THEME #22 CALLISTA
  7. BY ZUVIA @ TUMBLR
  8.  
  9. -->
  10.  
  11. <html>
  12. <title>{title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18. <meta name="color:Background" content="#ffffff" />
  19. <meta name="color:Post Bg" content="#ffffff" />
  20. <meta name="color:Border" content="#cacaca"/>
  21. <meta name="color:Entry" content="#ffffff" />
  22. <meta name="color:Entry text" content="#616161" />
  23. <meta name="color:Entries bold" content="#171717" />
  24. <meta name="color:Entries italic" content="#aeaeae" />
  25. <meta name="color:Ask Bg" content="#cacaca" />
  26. <meta name="color:Ask Text" content="#ffffff" />
  27. <meta name="color:Sidebar" content="#ffffff" />
  28. <meta name="color:Sidebar text" content="#999999" />
  29. <meta name="color:Title" content="#ffffff" />
  30. <meta name="color:Mainlink" content="#ffffff" />
  31. <meta name="color:Mainlink bg" content="#cacaca" />
  32. <meta name="color:Mainlink hover" content="#616161" />
  33. <meta name="color:Link" content="#171717" />
  34. <meta name="color:Link hover" content="#999999" />
  35. <meta name="color:perma link" content="#000000" />
  36. <meta name="color:nextpage arrow" content="#000000" />
  37. <meta name="color:nextpage arrow hover" content="#FFCC00" />
  38. <meta name="color:scrollbar face" content="#cacaca" />
  39. <meta name="color:scrollbar bg" content="#ffffff" />
  40.  
  41. <meta name="image:background" content="http://static.tumblr.com/jtqlgf2/SlLm7zs3b/gradient_squares.png" />
  42. <meta name="image:Post bg" content="" />
  43. <meta name="image:sidebar" content="http://static.tumblr.com/h5tdsbo/heFm87id9/120px.png" />
  44. <meta name="image:top bg" content="http://static.tumblr.com/h5tdsbo/Fxwm87hir/tumblr_ls0w5txuft1r3vazto4_500.png"/>
  45.  
  46. <meta name="font:body" content="georgia" />
  47.  
  48. <meta name="text:Link1" content="" />
  49. <meta name="text:Link1URL" content=""/>
  50. <meta name="text:Link2" content="" />
  51. <meta name="text:Link2URL" content=""/>
  52. <meta name="text:Link3" content="" />
  53. <meta name="text:Link3URL" content=""/>
  54. <meta name="text:Link4" content="" />
  55. <meta name="text:Link4URL" content=""/>
  56. <meta name="text:Music" content="" />
  57.  
  58. <meta name="if:ShowCaptions" content="0" />
  59. <meta name="if:ShowTags" content="0" />
  60. <meta name="if:FadingImages" content="1" />
  61. <meta name="if:HoveringPermalink" content="1" />
  62. <meta name="if:InfiniteScroll" content="1" />
  63. <meta name="if:Links" content="1" />
  64. <meta name="if:250Posts" content="1" />
  65. <meta name="if:400Posts" content="0" />
  66. <meta name="if:500Posts" content="0" />
  67. <meta name="if:MusicPlayer" content="0" />
  68.  
  69.  
  70.  
  71. <head>
  72.  
  73. <style type="text/css">
  74.  
  75. @font-face {
  76. font-family: "economica-regular";
  77. src: url('http://static.tumblr.com/jtqlgf2/EFzm1d5lh/economica-regular.ttf');
  78. }
  79.  
  80. body {
  81. background-color:{color:background};
  82. background-image: url('{image:Background}');
  83. background-attachment:fixed;
  84. font-family:{font:body};
  85. font-size:10px;
  86. line-height:14px;
  87. text-align:justify;}
  88.  
  89. ::-webkit-scrollbar-thumb:vertical {
  90. background-color: {color:scrollbar face};
  91. height: 30px;}
  92.  
  93. ::-webkit-scrollbar {
  94. height: 30px;
  95. width: 7px;
  96. background-color: {color:scrollbar bg};}
  97.  
  98. iframe#tumblr_controls {
  99. position: fixed !important;
  100. right:2px !important;
  101. -moz-transition: all 0.8s ease-out;
  102. -webkit-transition: opacity 0.7s linear;
  103. -webkit-transition: all 0.8s ease-out;
  104. transition: all 0.8s ease-out;
  105. opacity: 0.5;}
  106.  
  107. iframe#tumblr_controls:hover {
  108. -webkit-transition: opacity 0.7s linear;
  109. -moz-transition: all 0.4s ease-out;
  110. -webkit-transition: all 0.4s ease-out;
  111. transition: all 0.4s ease-out;
  112. opacity: 1;}
  113.  
  114. #af1{
  115. width:570px;
  116. {block:if400posts}{block:indexpage}width:440px;{/block:indexpage}{/block:if400posts}
  117. background-color:{color:post bg};
  118. background-image: url('{image:post bg}');
  119. background-attachment:fixed;
  120. border-left:6px solid {color:post bg};
  121. border-right:6px solid {color:post bg};
  122. position:fixed;
  123. z-index:-1;
  124. top:-10px;
  125. left:574px;
  126. height:100%;}
  127.  
  128. #posts {
  129. position:relative;
  130. width:645px;
  131. margin-left:575px;
  132. {block:if500posts}margin-left:590px;{/block:if500posts}
  133. {block:permalinkpage}margin-left:595px;{/block:permalinkpage}
  134. {block:permalinkpage}margin-top:55px;{/block:permalinkpage}
  135. {block:indexpage}margin-top:35px;{/block:indexpage}
  136. text-align:justify;
  137. font-size:10px;
  138. z-index:9;
  139. font-family:{font:body};}
  140.  
  141. .entries {
  142. color:{color:entry text};
  143. background-color:{color:entry};
  144. position:relative;
  145. {block:If250Posts}width:250px;{/block:If250Posts}
  146. {block:If400Posts}width:400px;{/block:If400Posts}
  147. {block:If500Posts}width:500px;{/block:If500Posts}
  148. {block:permalinkpage}width:500px;{/block:permalinkpage}
  149. {block:Indexpage}float:left;{/block:indexpage}
  150. overflow:hidden;
  151. margin:8px;
  152. padding:8px;
  153. }
  154.  
  155. .entries blockquote {
  156. border-left: 3px solid {color:link};
  157. padding-left: 8px;
  158. margin-left: 10px;
  159. }
  160.  
  161. .entries b, strong{
  162. color: {color:entries bold};}
  163.  
  164. .entries i, em{
  165. color:{color:entries italic};}
  166.  
  167. .entries a{
  168. color:{color:link};
  169. text-decoration:none;
  170. }
  171.  
  172. .entries a:hover{
  173. color:{color:link hover};}
  174.  
  175. .entries h1 {
  176. font-family: "economica-regular";
  177. font-weight:normal;
  178. font-size:16px;
  179. padding-left:10px;
  180. color:{color:title};
  181. letter-spacing:1px;
  182. text-transform:uppercase;
  183. font-style:none;
  184. text-align:left;
  185. padding-bottom:2px;
  186. background-color:{color:border};
  187. padding-top:3px;}
  188.  
  189. .entries h3 {
  190. font-family: "economica-regular";
  191. border-bottom:2px solid {color:border};
  192. font-weight:normal;
  193. text-transform:uppercase;
  194. font-size:16px;
  195. padding-left:10px;
  196. letter-spacing:1px;
  197. text-align:left;
  198. padding-bottom:6px;
  199. padding-top:3px;}
  200.  
  201. .entries h2 {
  202. font-family: "economica-regular";
  203. font-size:16px;
  204. font-weight:normal;
  205. text-align:center;
  206. padding-bottom:8px;
  207. }
  208.  
  209. .entries img {
  210. {block:if500posts}max-width:500px;{/block:if500posts}
  211. {block:if400posts}{block:indexpage}max-width:400px;{/block:indexpage}{/block:if400posts}
  212. {block:if250posts}{block:indexpage}max-width:250px;{/block:indexpage}{/block:if250posts}
  213. {block:iffadingimages}{block:indexpage}opacity:.8;{/block:indexpage}{/block:iffadingimages}
  214. -webkit-transition: all 0.7s ease-in-out;
  215. -moz-transition: all 0.7s ease-in-out;
  216. -o-transition: all 0.7s ease-in-out;
  217. -ms-transition: all 0.7s ease-in-out;
  218. transition: all 0.7s ease-in-out;}
  219.  
  220. .entries img:hover{
  221. opacity:1;}
  222.  
  223. .photo{
  224. {block:iffadingimages}{Block:indexpage}opacity:.8;{/block:indexpage}{/block:iffadingimages}
  225. -webkit-transition: all 0.7s ease-in-out;
  226. -moz-transition: all 0.7s ease-in-out;
  227. -o-transition: all 0.7s ease-in-out;
  228. -ms-transition: all 0.7s ease-in-out;
  229. transition: all 0.7s ease-in-out;}
  230.  
  231. .photo:hover{
  232. opacity:1;}
  233.  
  234.  
  235. .chat{
  236. padding-top:5px;
  237. margin-left:-5px;
  238. padding-left:6px;
  239. line-height:14px;}
  240.  
  241. .chat b{
  242. letter-spacing:0px;}
  243.  
  244. .chat .lines {
  245. margin-left:0px;}
  246.  
  247. .chat .lines .line{
  248. padding:4px;
  249. border-bottom:1px dotted {color:border};}
  250.  
  251. .chat .lines .odd {
  252. border-bottom:1px dotted {color:entry text};}
  253.  
  254. .audio{
  255. background: #fff;
  256. text-align:center;
  257. margin-left:25px;
  258. margin-top:25px;
  259. position:absolute;
  260. overflow:hidden;
  261. width:26px;
  262. height:26px;
  263. opacity:.7;
  264. border:10px solid #fff;
  265. border-radius:100px;}
  266.  
  267. .player{
  268. padding:5px;
  269. margin-top:-5px;
  270. margin-left:-5px;
  271. background-color: #fff;}
  272.  
  273. .audio:hover{
  274. opacity:1;}
  275.  
  276. .cover{
  277. margin-left:13px;
  278. margin-top:10px;
  279. border-radius:200px;}
  280.  
  281. .cover img{
  282. max-width:70px;
  283. float:left;}
  284.  
  285. .what{
  286. position:relative;
  287. margin-top:5px;
  288. margin-left:90px;
  289. padding-left:10px;
  290. line-height:22px;
  291. border-left:4px solid {color:border};}
  292.  
  293. {block:indexpage}
  294. .info{
  295. position:absolute;
  296. margin-left:5px;
  297. margin-top:5px;
  298. text-align:center;
  299. font-size:8px;
  300. letter-spacing:1px;
  301. line-height:10px;
  302. padding-top:2px;
  303. opacity:0;
  304. z-index:99;
  305. border:3px solid {color:border};;
  306. padding-bottom:2px;
  307. padding-left:5px;
  308. color:{color:entry text};
  309. background-color:{color:entry};
  310. font-family:consolas;
  311. text-transform:uppercase;
  312. -webkit-transition: all 0.7s ease-in-out;
  313. -moz-transition: all 0.7s ease-in-out;
  314. -o-transition: all 0.7s ease-in-out;
  315. -ms-transition: all 0.7s ease-in-out;
  316. transition: all 0.7s ease-in-out;}
  317.  
  318. .info a{
  319. color:{color:perma link};
  320. text-decoration:none;
  321. padding:4px;
  322. letter-spacing:1px;
  323. font-family: consolas;
  324. text-transform:uppercase;
  325. font-size:8px;}
  326.  
  327. .entries:hover .info{
  328. margin-top:5px;
  329. margin-left:5px;
  330. opacity:.8;}
  331.  
  332.  
  333. .in2{
  334. position:relative;
  335. bottom:-8px;
  336. text-align:center;
  337. margin-left:-8px;
  338. {block:if250posts}width:266px;{/block:if250posts}
  339. {block:if400posts}width:416px;{/block:if400posts}
  340. {block:if500posts}width:516px;{/block:if500posts}
  341. font-size:8px;
  342. letter-spacing:1px;
  343. line-height:10px;
  344. padding-top:2px;
  345. z-index:99;
  346. padding-bottom:0px;
  347. color:{color:permalink};
  348. background-color:{color:border};
  349. font-family:consolas;
  350. text-transform:uppercase;
  351. -webkit-transition: all 0.7s ease-in-out;
  352. -moz-transition: all 0.7s ease-in-out;
  353. -o-transition: all 0.7s ease-in-out;
  354. -ms-transition: all 0.7s ease-in-out;
  355. transition: all 0.7s ease-in-out;}
  356.  
  357. .in2 a{
  358. color:{color:perma link};
  359. text-decoration:none;
  360. padding:4px;
  361. letter-spacing:1px;
  362. font-family: consolas;
  363. text-transform:uppercase;
  364. font-size:8px;}
  365.  
  366. .in3 {
  367. position:relative;
  368. background-color:{color:entry};
  369. color:{color:Border};
  370. padding:4px;}
  371.  
  372. .in3 a{
  373. font-family:arial;
  374. text-transform:none;
  375. color:{color:border};}
  376.  
  377. {/block:indexpage}
  378.  
  379. {block:PermalinkPage}
  380. .permalink {
  381. width:506px;
  382. position: relative;
  383. text-align: left;
  384. margin-left:8px;
  385. margin-top:0px;
  386. padding-left:10px;
  387. padding-bottom:10px;
  388. padding-top:10px;
  389. font-size:10px;
  390. line-height:12px;
  391. font-family:georgia;
  392. color: {color:entry text};
  393. background-color:{color:entry};}
  394.  
  395. .permalink a {
  396. color: {color:link};
  397. text-decoration: none;
  398. font-family:arial;
  399. font-size:10px;}
  400.  
  401. .permalink a:hover {
  402. color: {color:link hover};
  403. text-decoration: none;}
  404.  
  405. .permalink h4 {
  406. font-family: "economica-regular";
  407. font-weight:normal;
  408. font-size:16px;
  409. margin-left:-30px;
  410. margin-bottom:-16px;
  411. padding-left:10px;
  412. color:{color:title};
  413. letter-spacing:1px;
  414. text-transform:uppercase;
  415. font-style:none;
  416. text-align:left;
  417. padding-bottom:2px;
  418. background-color:{color:border};
  419. padding-top:3px;}
  420.  
  421. .permalink h5 {
  422. font-family: arial;
  423. width:500px;
  424. font-weight:normal;
  425. font-size:10px;
  426. margin-left:-30px;
  427. padding-left:10px;
  428. color:{color:entry text};
  429. letter-spacing:1px;
  430. font-style:none;
  431. text-align:left;
  432. padding-bottom:2px;
  433. padding-top:3px;}
  434.  
  435. ol.notes {
  436. background-color:{color:entry};
  437. font-family:tahoma;
  438. font-size:10px;
  439. padding-top:10px;
  440. border: 0px;
  441. padding-left:15px;
  442. margin-top:-10px;
  443. width:376px;
  444. list-style-type: decimal;}
  445.  
  446. ol.notes li.note {
  447. background-color:{color:entry};
  448. padding:5px;
  449. width:380px;
  450. letter-spacing: 0px;
  451. text-align: left;
  452. }
  453.  
  454. ol.notes li.note a{
  455. color:{color:link};
  456. background-color:{color:entry};
  457. font-family:tahoma;
  458. text-transform:none;
  459. letter-spacing:0px;
  460. font-size:10px;}
  461.  
  462. ol.notes li.note img.avatar {
  463. vertical-align: -4px;
  464. margin-right: 0px;
  465. display:none;}
  466.  
  467. {/block:PermalinkPage}
  468.  
  469. dding:8px;
  470. font-style:none;
  471. font-size:14px;
  472. font-family: "economica-regular";
  473. text-transform:uppercase;}
  474.  
  475. .ask a{
  476. font-family: "economica-regular";
  477. text-transform:uppercase;}
  478.  
  479. .ask img{
  480. border-radius:100px;}
  481.  
  482. table{
  483. margin-left:-5px;
  484. {block:indexpage}
  485. {block:If250Posts}width:255px;{/block:If250Posts}
  486. {block:If400Posts}width:410px;{/block:If400Posts}
  487. {block:If500Posts}width:510px;{/block:If500Posts}
  488. {/block:indexpage}
  489. {block:permalinkpage}width:515px{/block:permalinkpage}
  490. }
  491.  
  492. th{
  493. border:0px solid #999;
  494. border-collapse:collapse;
  495. padding:2px;
  496. width:50px;}
  497.  
  498. td{
  499. text-align:right;
  500. border:0px solid;}
  501.  
  502.  
  503. .pagination{
  504. position:fixed;
  505. {block:IfInfiniteScroll}opacity:0;{/block:IfInfiniteScroll}
  506. {block:IfNotInfiniteScroll}opacity:1;{/block:IfNotInfiniteScroll}
  507. z-index:9999;
  508. left:40px;
  509. width:40px;
  510. text-align:right;
  511. top:160px;
  512. {block:indexpage}{block:IfInfiniteScroll}display:none;{/block:IfInfiniteScroll}
  513. {block:ifnotInfiniteScroll}display:visible;{/block:ifnotInfiniteScroll}{/block:indexpage}
  514. }
  515.  
  516.  
  517. .pagination a{
  518. color:{color:nextpage arrow};
  519. text-transform:uppercase;
  520. text-decoration:none;
  521. letter-spacing:1px;
  522. font-family:georgia;
  523. font-size:60px;
  524. padding:4px;}
  525.  
  526. .pagination a:hover{
  527. color:{color:nextpage arrow hover};}
  528.  
  529.  
  530. {block:IfMusicPlayer}
  531. #lemusic{
  532. text-align:center;
  533. padding-top:2px;
  534. margin-top:53px;
  535. margin-left:110px;
  536. width:152px;
  537. height:15px;
  538. position:fixed;
  539. z-index:999;
  540. overflow:Hidden;
  541. padding-left:4px;
  542. padding-right:4px;
  543. background-color:{color:sidebar};
  544. -webkit-transition: all 0.5s ease-in-out;
  545. -moz-transition: all 0.5s ease-in-out;
  546. -o-transition: all 0.5s ease-in-out;
  547. -ms-transition: all 0.5s ease-in-out;
  548. transition: all 0.5s ease-in-out;}
  549.  
  550.  
  551. #lemusic:hover{
  552. padding-bottom:20px;
  553. margin-top:30px;}
  554.  
  555. #letext{
  556. padding-left:5px;}
  557. {/block:IfMusicPlayer}
  558.  
  559. #credits{
  560. position:fixed;
  561. bottom:5px;
  562. right:5px;}
  563.  
  564. #credits a{
  565. color:#999;
  566. font-size:13px;
  567. text-decoration:none;
  568. opacity:.7;}
  569.  
  570.  
  571. #af2{
  572. position:fixed;
  573. height:30px;
  574. width:110%;
  575. top:0px;
  576. left:0px;
  577. z-index:99;
  578. border-bottom:10px solid {color:entry};
  579. background-color:{color:border};
  580. background-image: url('{image:top bg}');
  581. background-attachment:fixed; }
  582.  
  583. #all{
  584. position:fixed;
  585. margin-top:20px;
  586. margin-left:210px;}
  587.  
  588. #sa{
  589. padding:10px;
  590. width:140px;
  591. position:fixed;
  592. z-index:1;
  593. margin-left:-100px;
  594. margin-top:40px;
  595. background-color:{color:sidebar};}
  596.  
  597. #sa img{
  598. width:120px;
  599. padding:10px;}
  600.  
  601.  
  602. #desc{
  603. position:fixed;
  604. width:200px;
  605. padding-top:50px;
  606. margin-top:110px;
  607. font-family:arial;
  608. color:{color:sidebar text};
  609. font-size:9px;
  610. background-color:{color:sidebar};
  611. padding:18px;
  612. margin-left:50px;}
  613.  
  614. #desc a{
  615. color:{color:link};
  616. text-decoration:none;}
  617.  
  618. #desc h1{
  619. width:213px;
  620. margin-top:-48px;
  621. font-family: "economica-regular";
  622. text-transform:uppercase;
  623. font-weight:normal;
  624. font-size:34px;
  625. padding:8px;
  626. padding-left:15px;
  627. letter-spacing:0px;
  628. margin-bottom:5px;
  629. margin-left:-18px;
  630. color:{color:title};
  631. background-color:{Color:border};}
  632.  
  633. #ml{
  634. position:fixed;
  635. margin-left:120px;
  636. margin-top:71px;
  637. text-align:center;
  638. z-index:99;
  639. width:500px;
  640. padding-bottom:4px;}
  641.  
  642. #ml a{
  643. display:inline-block;
  644. font-size:10px;
  645. margin-left:1px;
  646. border-radius: 10px 10px 0px 0px;
  647. text-transform:uppercase;
  648. font-family: "economica-regular";
  649. background-color:{color:sidebar};
  650. margin-top:5px;
  651. width:25px;
  652. text-align:center;
  653. padding:5px;}
  654.  
  655. #ml a:hover{
  656. background-color:{color:border};}
  657.  
  658. #sl{
  659. position:relative;
  660. margin-left:10px;
  661. float:left;
  662. background-color:{color:sidebar};
  663. margin-top:0px;}
  664.  
  665. #sl a{
  666. font-family: consolas;
  667. text-transform:uppercase;
  668. font-size:8px;
  669. width:120px;
  670. letter-spacing:1px;
  671. display:block;
  672. padding-left:2px;
  673. height:10px;
  674. color:{color:mainlink};
  675. margin-top:2px;
  676. padding:1px;
  677. background-color:{color:mainlink bg};
  678. text-decoration:none;}
  679.  
  680. #sl a:hover{
  681. background-color:{color:sidebar};
  682. color:{color:mainlink hover};}
  683.  
  684.  
  685.  
  686.  
  687. {CustomCSS}
  688.  
  689.  
  690.  
  691. </style>
  692.  
  693. {block:IndexPage}
  694.  
  695. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  696.  
  697. {block:IfInfiniteScroll}
  698. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  699. {/block:IfInfiniteScroll}
  700.  
  701. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  702.  
  703. <script>
  704. $(function(){
  705. var $container = $('#posts');
  706. $container.imagesLoaded(function(){
  707. $container.masonry({
  708. itemSelector: '.entries',
  709. });
  710. });
  711. $container.infinitescroll({
  712. itemSelector : ".entries",
  713. navSelector : "div.pagination",
  714. nextSelector : ".pagination a#next",
  715. loadingImg : "",
  716. loadingText : "<em></em>",
  717. bufferPx : 10000,
  718. extraScrollPx: 12000,
  719. },
  720. // trigger Masonry as a callback
  721. function( newElements ) {
  722. var $newElems = $( newElements ).css({ opacity: 0 });
  723. // ensure that images load before adding to masonry layout
  724. $newElems.imagesLoaded(function(){
  725. $newElems.animate({ opacity: 1 });
  726. $container.masonry( 'appended', $newElems, true );
  727. });
  728. }
  729. );
  730. });
  731. </script>
  732.  
  733. {/block:IndexPage}
  734. </head>
  735.  
  736. <body>
  737.  
  738. <div class="pagination">
  739. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">»</a>{/block:NextPage}{/block:Pagination}
  740. </div>
  741.  
  742. <div id="af2"></div>
  743. <div id="af1"></div>
  744. <div id="ml">
  745. <a title="Refresh" href="/"><img src='http://media.tumblr.com/tumblr_lst6wvfwzh1ql555e.gif'></a>
  746. <a title="Message" href="/ask"><img src='http://media.tumblr.com/tumblr_lst6yjbrih1ql555e.gif'></a>
  747. <a title="Archive" href="/archive"><img src='http://media.tumblr.com/tumblr_lst6wfOTh51ql555e.gif'></a>
  748. <a title="Random" href="/random"><img src='http://media.tumblr.com/tumblr_lst6z3vUTS1ql555e.gif'></a>
  749. </div>
  750.  
  751. <div id="credits"><a title="ZuviaThemes" href="http://zuvia.tumblr.com">☡┬</a></div>
  752.  
  753. {block:IfMusicPlayer}
  754. {block:IndexPage}
  755. <div id="lemusic">
  756. <div id="legif">
  757. <img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></div>
  758. <div id="letext">
  759. {text:Music}
  760. </div>
  761. </div>
  762. {/block:IndexPage}
  763. {/block:IfMusicPlayer}
  764.  
  765. <div id="all">
  766.  
  767.  
  768. <div id="sa">
  769. <img src="{image:sidebar}">
  770. <div id="sl">
  771. {block:ifLinks}{block:ifLink1}<A href="{text:Link1URL}">▸{text:Link1}</a>{/block:IfLink1}
  772. {block:ifLink2}<A href="{text:Link2URL}">▸{text:Link2}</a>{/block:IfLink2}
  773. {block:ifLink3}<A href="{text:Link3URL}">▸{text:Link3}</a>{/block:IfLink3}
  774. {block:ifLink4}<A href="{text:Link4URL}">▸{text:Link4}</a>{/block:IfLink4}{/block:IfLinks}
  775. </div>
  776. </div>
  777.  
  778. <div id="desc">
  779. <h1>{Title}</h1>
  780. {Description}
  781. </div>
  782. </div>
  783.  
  784. <div id="posts">
  785.  
  786. {block:Posts}
  787.  
  788. <div class="entries">
  789.  
  790. {block:IfHoveringPermalink}
  791. {block:IndexPage}
  792. <div class="info">
  793. <a href="{Permalink}">{TimeAgo}</a>• {NoteCount} • <a href="{ReblogURL}" target="_blank">Reblog</a></br>
  794. </div>
  795. {/block:IndexPage}
  796. {/block:IfHoveringPermalink}
  797.  
  798. {block:Text}
  799. {block:Title}
  800. <h1>◆ {Title} </h1>
  801. {/block:Title}
  802. {Body}
  803. {/block:Text}
  804.  
  805. {block:Photo}
  806. <center>
  807. {block:IndexPage}<div class="photo">{LinkOpenTag}
  808. {block:if500posts}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:if500posts}
  809. {block:if400posts}{block:indexpage}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{/block:indexpage}{block:permalinkpage}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{/block:permalinkpage}{/block:if400posts}
  810. {block:if250posts}<img src="{PhotoURL-250}" alt="{PhotoAlt}">{/block:if250posts}{LinkCloseTag}</div>{/block:IndexPage}
  811. {block:permalinkpage}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}</div>{/block:permalinkpage}</center>
  812. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  813. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  814. {Caption}
  815. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  816. {/block:Photo}
  817.  
  818. {block:Photoset}
  819. {block:IndexPage}<div class="photo">
  820. {block:if500posts}{Photoset-500}{/block:if500posts}
  821. {block:if400posts}{block:indexpage}{Photoset-400}{/block:indexpage}{block:Permalinkpage}{Photoset-500}{/block:permalinkpage}{/block:if400posts}
  822. {block:if250posts}{Photoset-250}{/block:if250posts}</div>{/block:IndexPage}
  823. {block:permalinkpage}<div class="photo">{Photoset-500}</div>{/block:permalinkpage}
  824. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  825. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  826. {Caption}{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  827. {/block:Photoset}
  828.  
  829.  
  830. {block:Quote}
  831. <h2>{Quote}</h2>
  832. {block:Source}
  833. <i><p align="center">{Source}{/block:Source}</i>
  834. {/block:Quote}
  835.  
  836. {block:Link}
  837. <h3><a href="{URL}" class="link" {Target}>{Name} → </a> </h3>
  838. {block:Description}
  839. <div class="description">{Description}</div>
  840. {/block:Description}
  841. {/block:Link}
  842.  
  843. {block:Chat}
  844. {block:Title}<h1>◆ {Title}</h1>{/block:Title}
  845. <div class="chat">{block:Lines}
  846. <div class="lines"><div class="line {Alt}">
  847. {block:Label}<b>{Label}</b> {/block:Label}{Line}
  848. </div></div>{/block:Lines}</div>
  849. {/block:Chat}
  850.  
  851. {block:Video}
  852. {block:if500posts}{Video-500}{/block:if500posts}
  853. {block:if400posts}{block:indexpage}{Video-400}{/block:indexpage}{block:Permalinkpage}{Video-500}{/block:permalinkpage}{/block:if400posts}
  854. {block:if250posts}{block:indexpage}{Video-250}{/block:indexpage}{block:Permalinkpage}{Video-500}{/block:permalinkpage}{/block:if250posts}
  855. <center><i>{FormattedPlayCount}</i> plays</center><br />
  856. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  857. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  858. {Caption}
  859. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  860. {/block:Video}
  861.  
  862. {block:Audio}
  863. <div class="cover">{block:AlbumArt}
  864. <img src="{AlbumArtURL}">
  865. {/block:AlbumArt}</div><div class="audio"><div class="player">{AudioPlayer}</div></div>
  866. <div class="what">
  867. {block:Artist}
  868. <b>Artist:</b> {Artist}
  869. {/block:Artist}<br>{block:TrackName}
  870. <b>Track Name:</b> "{TrackName}"
  871. {/block:TrackName}</br>
  872. {block:PlayCount}<b>Played:</b> {PlayCount} times{/block:PlayCount} </div>
  873. {block:IfShowCaptions}{block:Caption}<br />{Caption}{/block:Caption}{/block:IfShowCaptions}
  874. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}<br />
  875. {Caption}
  876. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  877. {/block:Audio}
  878.  
  879. {block:Answer}
  880. <table>
  881. <tr><td colspan="3" style="padding:8px; text-align:center; background-color:{color:ask bg}; color:{color:ask text};">{Question}</td></tr>
  882. <tr>
  883. <td width="180" style="text-align:right;font-size:30px;"><div style="position:relative;margin-top:-18px;margin-left:20px; color:{color:ask bg};">◥</div></td><td width="5" style="text-align:right;"><div style="margin-left:-5px;"><img src="{AskerPortraitURL-16}" style="padding:2px; border:0px solid #ccc;"></div></td><td width="180"style="text-align:left; padding-left:2px; font-family:consolas;
  884. font-size:9px; letter-spacing:0px;
  885. text-transform:uppercase;">{Asker}</td><tr>
  886. <td colspan="3" style="text-align:left; padding-left:10px;">{Answer}</td>
  887. </table>
  888. {/block:Answer}
  889.  
  890.  
  891.  
  892. {block:PermalinkPage}
  893.  
  894. <div class="permalink">
  895. <h4>{block:Date}Posted {TimeAgo}{/block:Date} {block:NoteCount} with {NoteCount} note(s){/block:NoteCount}</h4>
  896. <h5>{block:RebloggedFrom}
  897. ▸ Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  898. {/block:RebloggedFrom}
  899. {block:HasTags}▸ Tags: {block:Tags}
  900. <a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</h5>
  901.  
  902. {block:PostNotes}
  903. {PostNotes}
  904. {/block:PostNotes}
  905. </div>
  906.  
  907.  
  908. {/block:PermalinkPage}
  909.  
  910.  
  911. {block:IfNotHoveringPermalink}
  912. {block:IndexPage}
  913. <div class="in2">
  914. <a href="{Permalink}">{TimeAgo}</a>• <a href="{Permalink}">{NoteCount}</a> • <a href="{Permalink}" target="_blank">Reblog</a></br>
  915. {block:IfShowTags}{block:HasTags}<div class="in3">
  916. filed under:{block:Tags}<a href="{TagURL}">{Tag}</a>,{/block:Tags}
  917. </div>{/block:HasTags}{/block:IfShowTags}
  918. </div>
  919. {/block:IndexPage}
  920. {/block:IfNotHoveringPermalink}
  921.  
  922. </div>
  923.  
  924.  
  925. {/block:Posts}
  926.  
  927. </div>
  928.  
  929. </body>
  930. </html>
Advertisement
Add Comment
Please, Sign In to add comment