Advertisement
themesbygeorgia

Theme #58 - ਫਲ (fruit)

May 6th, 2016
2,357
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.72 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.  
  5. <!--- Theme #58 ਫਲ by wonderfullythemes
  6.  
  7. ਫਲ means "fruit" in Punjabi :)
  8.  
  9. leave the credit alone pls and thanks--->
  10.  
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14.  
  15. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  16. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  17.  
  18. <!--SCRIPT FOR TOOLTIPS-->
  19. <stsss>
  20. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  21. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  22. <script>
  23. (function($){
  24. $(document).ready(function(){
  25. $("a[title]").style_my_tooltips({
  26. tip_follows_cursor:true,
  27. tip_delay_time:100,
  28. tip_fade_speed:200,
  29. attribute:"title"
  30. });
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35.  
  36. <meta name="color:Background" content="#fff" />
  37. <meta name="color:Link" content="#1bcc5c" />
  38. <meta name="color:Hover" content="#444" />
  39. <meta name="color:Text" content="#444" />
  40. <meta name="color:Border" content="#ddd" />
  41. <meta name="color:Post Background" content="#fff" />
  42. <meta name="color:Post Shadow" content="#ddd" />
  43. <meta name="color:Scrollbar" content="#000" />
  44. <meta name="color:pre Background" content="#ddd" />
  45. <meta name="color:pre Text" content="#fff" />
  46. <meta name="color:Chat Text Odd" content="#ddd" />
  47. <meta name="color:Chat Text Even" content="#444" />
  48. <meta name="color:Question Background" content="#ddd" />
  49. <meta name="color:Question Text" content="#444" />
  50. <meta name="color:Question Link" content="#000" />
  51. <meta name="color:Question Link Hover" content="#fff" />
  52. <meta name="color:Info Background" content="#000" />
  53. <meta name="color:Info Text" content="#fff" />
  54. <meta name="color:Info Links" content="#ddd" />
  55. <meta name="color:Info Links Hover" content="#fff" />
  56. <meta name="color:Tags Text" content="#ccc" />
  57. <meta name="color:Tags Link" content="#ddd" />
  58. <meta name="color:Tags Link Hover" content="#444" />
  59. <meta name="color:Tooltip Background" content="#fff" />
  60. <meta name="color:Tooltip Text" content="#000" />
  61.  
  62. <meta name="image:Background" content="" />
  63. <meta name="image:Sidebar1" content="" />
  64. <meta name="image:Sidebar2" content="" />
  65. <meta name="image:Sidebar3" content="" />
  66. <meta name="image:Sidebar4" content="" />
  67. <meta name="image:Sidebar5" content="" />
  68. <meta name="image:Sidebar6" content="" />
  69. <meta name="image:Right Sidebar" content="" />
  70.  
  71. <meta name="text:Link1" content="/" />
  72. <meta name="text:Link1 Text" content="Link 1" />
  73. <meta name="text:Link2" content="/" />
  74. <meta name="text:Link2 Text" content="Link 2" />
  75. <meta name="text:Link3" content="/" />
  76. <meta name="text:Link3 Text" content="Link 3" />
  77. <meta name="text:Link4" content="/" />
  78. <meta name="text:Link4 Text" content="Link 4" />
  79. <meta name="text:Link5" content="/" />
  80. <meta name="text:Link5 Text" content="Link 5" />
  81.  
  82.  
  83. <style type="text/css">
  84.  
  85. html {
  86. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  87. }
  88.  
  89. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  90. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  91. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  92.  
  93. .fade-in {
  94. opacity:0;
  95. -webkit-animation:fadeIn ease-in 1;
  96. -moz-animation:fadeIn ease-in 1;
  97. animation:fadeIn ease-in 1;
  98. -webkit-animation-fill-mode:forwards;
  99. -moz-animation-fill-mode:forwards;
  100. animation-fill-mode:forwards;
  101. -webkit-animation-duration:1.5s;
  102. -moz-animation-duration:1.5s; animation-duration:1.5s; }
  103.  
  104. .fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
  105.  
  106. /*--POP UP BOXES--*/
  107. .popup_block{
  108. display:none;
  109. background:#fff;
  110. padding:40px;
  111. border:1px solid #eee; /* if you want a solid white pop-up, delete this */
  112. float:left;
  113. position:fixed;
  114. top:50%;left:50%;
  115. z-index: 9999999999;
  116. border:1px solid {color:Border};
  117. }
  118.  
  119. *html #fade {position: absolute;}
  120. *html .popup_block {position: absolute;}
  121. #fade {
  122. display:none;
  123. position:fixed;
  124. left:0px;
  125. top:0px;
  126. width:100%;
  127. height:100%;
  128. z-index:9999;
  129. background:{color:Background}; /* change to #fff for solid white */
  130. opacity:1; /* change to opacity:1; */
  131. }
  132.  
  133. .poplight:hover {
  134. cursor:crosshair;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb {
  138. height:auto;
  139. background-color:{color:Scrollbar};
  140. border:2px solid {color:Background};
  141. }
  142.  
  143. ::-webkit-scrollbar {
  144. height:8px;
  145. width:11px;
  146. background-color:{color:Scrollbar};
  147. border:5px solid {color:Background};
  148. }
  149.  
  150. #s-m-t-tooltip {
  151. max-width:200px;
  152. font-family:'calibri';
  153. font-size:10px;
  154. background-color:{color:Tooltip Background};
  155. color:{color:Tooltip Text};
  156. line-height:9px;
  157. display:none;
  158. position:absolute;
  159. letter-spacing:1px;
  160. text-transform:uppercase;
  161. padding:6px;
  162. margin:15px 0px 0px 15px;
  163. z-index:99999999999999;
  164. }
  165.  
  166. body {
  167. background-color:{color:Background};
  168. color:{color:Text};
  169. font-family:'book antiqua';
  170. font-size:11.5px;
  171. text-decoration:none;
  172. text-transform:none;
  173. margin:0px;
  174. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  175. }
  176.  
  177. a {
  178. color:{color:Link};
  179. text-decoration:none;
  180. -moz-transition-duration:0.3s;
  181. -webkit-transition-duration:0.3s;
  182. -o-transition-duration:0.3s;
  183. }
  184.  
  185. a:hover {
  186. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  187. color:{color:Hover};
  188. -moz-transition-duration:0.3s;
  189. -webkit-transition-duration:0.3s;
  190. -o-transition-duration:0.3s;
  191. }
  192.  
  193. h1 {
  194. font-family:arial black;
  195. text-transform:lowercase;
  196. margin-top:5px;
  197. }
  198.  
  199. h2 {
  200. font-family:'arial narrow';
  201. text-transform:uppercase;
  202. letter-spacing:2px;
  203. font-size:14px;
  204. }
  205.  
  206. ul {
  207. list-style: none;
  208. padding:0;
  209. margin:0 0 0 20px;
  210. }
  211.  
  212. li {
  213. padding-left: 1em;
  214. }
  215.  
  216. li:before {
  217. font-size:11px;
  218. content: "• ";
  219. color:{color:Link};
  220. }
  221.  
  222. pre {
  223. font-family:'calibri';
  224. letter-spacing:2px;
  225. font-size:11px;
  226. text-transform:uppercase;
  227. background-color:{color:pre Background};
  228. color:{color:pre Text};
  229. padding:5px;
  230. white-space: pre-wrap;
  231. white-space: -moz-pre-wrap;
  232. white-space: -pre-wrap;
  233. white-space: -o-pre-wrap;
  234. word-wrap: break-word;
  235. }
  236.  
  237.  
  238. blockquote {
  239. border-left:1px solid {color:Link};
  240. padding-left:10px;
  241. margin-left:5px;
  242. }
  243.  
  244. img, blockquote, li, h2 {
  245. max-width:100%;
  246. }
  247.  
  248. /*--SIDEBAR--*/
  249. .sidebarwrap {
  250. position:fixed;
  251. text-align:left;
  252. width:180px;
  253. height:100%;
  254. top:0;
  255. left:180px;
  256. z-index:200;
  257. background-color:{color:Post Background};
  258. -moz-transition-duration:0.3s;
  259. -webkit-transition-duration:0.3s;
  260. -o-transition-duration:0.3s;
  261. }
  262.  
  263. .sidebar {
  264. position:fixed;
  265. width:180px;
  266. top:50%;
  267. margin-top:-232px;
  268. height:464px;
  269. }
  270.  
  271. .sidebarwrap:hover .sidebarpic {
  272. margin-left:0px;
  273. -moz-transition-duration:0.5s;
  274. -webkit-transition-duration:0.5s;
  275. -o-transition-duration:0.5s;
  276. }
  277.  
  278. .sidebarwrap:hover .sidebarpic2 {
  279. margin-left:0px;
  280. -moz-transition-duration:0.5s;
  281. -webkit-transition-duration:0.5s;
  282. -o-transition-duration:0.5s;
  283. }
  284.  
  285. .sidebarpic {
  286. width:100%;
  287. margin-left:50px;
  288. -moz-transition-duration:0.5s;
  289. -webkit-transition-duration:0.5s;
  290. -o-transition-duration:0.5s;
  291. }
  292.  
  293. .sidebarpic2 {
  294. width:100%;
  295. text-align:right;
  296. margin:5px 0 5px -55px;
  297. -moz-transition-duration:0.5s;
  298. -webkit-transition-duration:0.5s;
  299. -o-transition-duration:0.5s;
  300. }
  301.  
  302. .sidebarpic img {
  303. width:55px;
  304. height:55px;
  305. border:1px solid {color:Border};
  306. padding:9px;
  307. border-radius:50%;
  308. }
  309.  
  310. .sidebarpic2 img {
  311. width:55px;
  312. height:55px;
  313. border:1px solid {color:Border};
  314. padding:9px;
  315. border-radius:50%;
  316. text-align:right;
  317. right:0px;
  318. }
  319.  
  320. .sidebarwrap:hover .sidebar h1 { opacity:1; -moz-transition-duration:0.5s;
  321. -webkit-transition-duration:0.5s;
  322. -o-transition-duration:0.5s; }
  323.  
  324. .sidebar h1 { margin-top:20px; margin-left:85px; position:absolute; opacity:0;-moz-transition-duration:0.5s;
  325. -webkit-transition-duration:0.5s;
  326. -o-transition-duration:0.5s;}
  327.  
  328. .sidebarwrap:hover .links { opacity:1; -moz-transition-duration:0.5s;
  329. -webkit-transition-duration:0.5s;
  330. -o-transition-duration:0.5s; }
  331.  
  332. .links { width: calc(100% - 83px); margin-top:35px; position:absolute; font-size:10px; line-height:10px; letter-spacing:2px; text-transform:uppercase; opacity:0; -moz-transition-duration:0.5s;
  333. -webkit-transition-duration:0.5s;
  334. -o-transition-duration:0.5s;}
  335.  
  336. .links a { color:{color:Link}; }
  337. .links a:hover { color:{color:Hover}; }
  338.  
  339. nav a {
  340. position: relative;
  341. display:inline-block;
  342. letter-spacing:2px;
  343. font-weight:bold;
  344. }
  345.  
  346. nav a:hover,
  347. nav a:focus {
  348. outline: none;
  349. }
  350.  
  351. /* Effect 5: same word slide in */
  352. .cl-effect-5 a {
  353. overflow: hidden;
  354. height: 1em;
  355. }
  356.  
  357. .cl-effect-5 a span {
  358. position: relative;
  359. display: inline-block;
  360. -webkit-transition: -webkit-transform 0.3s;
  361. -moz-transition: -moz-transform 0.3s;
  362. transition: transform 0.3s;
  363. }
  364.  
  365. .cl-effect-5 a span::before {
  366. position: absolute;
  367. top: 100%;
  368. content: attr(data-hover);
  369. font-weight: 700;
  370. -webkit-transform: translate3d(0,0,0);
  371. -moz-transform: translate3d(0,0,0);
  372. transform: translate3d(0,0,0);
  373. }
  374.  
  375. .cl-effect-5 a:hover span,
  376. .cl-effect-5 a:focus span {
  377. -webkit-transform: translateY(-100%);
  378. -moz-transform: translateY(-100%);
  379. transform: translateY(-100%);
  380. }
  381.  
  382. /*--POSTS--*/
  383. #entries {
  384. width:400px;
  385. position:relative;
  386. top:20px;
  387. left:440px;
  388. }
  389.  
  390. #post {
  391. position:relative;
  392. width:400px;
  393. margin-bottom:120px;
  394. background:{color:Post Background};
  395. }
  396.  
  397. /*--POST TYPES--*/
  398.  
  399. #askericon {
  400. position:relative;
  401. text-align:center;
  402. }
  403.  
  404. #askericon img {
  405. border-radius:50%;
  406. padding:10px;
  407. border:1px solid {color:Border};
  408. }
  409.  
  410. .asker {
  411. font-family:'arial black';
  412. text-transform:uppercase;
  413. font-size:13px;
  414. margin:10px 0 10px 0;
  415. letter-spacing:2px;
  416. text-align:center;
  417. }
  418.  
  419. .asker a { color:{color:Question Link}; }
  420. .asker a:hover { color:{color:Question Link Hover}; }
  421.  
  422. .question {
  423. background-color:{color:Question Background};
  424. color:{color:Question Text};
  425. padding:10px;
  426. }
  427.  
  428. .answer {
  429. position:relative;
  430. margin-top:5px;
  431. }
  432.  
  433. .mark {
  434. text-align:left;
  435. font-family:georgia;
  436. font-size:40px;
  437. color:{color:Link};
  438. }
  439.  
  440. .words {
  441. margin-top:-30px;
  442. text-indent:15px;
  443. font-style:italic;
  444. font-size:16px;
  445. }
  446.  
  447. .audiowrap {
  448. width:150px;
  449. }
  450.  
  451. .cover img {
  452. width:150px;
  453. }
  454.  
  455. .playbox {background-color: #000;}
  456.  
  457. .playbutton {width: 20px;
  458. height: 30px;
  459. overflow: hidden;
  460. position: relative;
  461. z-index: 1000}
  462.  
  463. .audioinfo {
  464. width:210px;
  465. height:143px;
  466. padding:20px;
  467. background:{color:Question Background};
  468. position:absolute;
  469. margin-left:150px;
  470. }
  471.  
  472. .src {
  473. font-family:'arial';
  474. text-transform:uppercase;
  475. letter-spacing:1px;
  476. }
  477.  
  478.  
  479. /*--from two column base code. link on my main blog--*/
  480.  
  481. .video-container {
  482. position:relative;
  483. padding-bottom:56.25%;
  484. padding-top: 30px;
  485. height:0;
  486. overflow:hidden;}
  487.  
  488. .video-container iframe,
  489. .video-container object,
  490. .video-container embed {
  491. position: absolute;
  492. top: 0;
  493. left: 0;
  494. width: 100%;
  495. height: 100%;}
  496.  
  497. .chat {
  498. line-height:12px;
  499. }
  500.  
  501. .chat ul {
  502. padding:0px 5px;
  503. line-height:15px;
  504. }
  505.  
  506. .chat li {
  507. list-style:none;
  508. padding-left:0em;
  509. }
  510.  
  511. li:before {
  512. content:none;
  513. }
  514.  
  515. .line_odd, .line_even {
  516. text-transform:uppercase;
  517. letter-spacing:1px;
  518. font-size:10px;
  519. font-family:'calibri';
  520. }
  521.  
  522. .line_odd { color:{color:Chat Text Odd}; }
  523. .line_even { color:{color:Chat Text Even}; }
  524.  
  525. .linkdesc {
  526. padding:12px;
  527. background:{color:Question Background};
  528. color:{color:Question Text};
  529. text-transform:uppercase;
  530. font-family:'arial';
  531. font-size:10px;
  532. letter-spacing:1px;
  533. margin-bottom:15px;
  534. line-height:15px;
  535. }
  536.  
  537. /*--INFO AND TAGS--*/
  538.  
  539. #footer {
  540. position:absolute;
  541. font-family:'arial narrow';
  542. font-weight:initial;
  543. line-height:13px;
  544. text-transform:uppercase;
  545. margin-left:420px;
  546. text-align:left;
  547. font-size:9px;
  548. letter-spacing:-2px;
  549. background:{color:Info Background};
  550. padding:10px;
  551. color:{color:Info Text};
  552. }
  553.  
  554. #footer a {
  555. letter-spacing:2px;
  556. color:{color:Info Links};
  557. }
  558.  
  559. #footer a:hover {
  560. color:{color:Info Links Hover};
  561. }
  562.  
  563. #post:hover .tags {
  564. opacity:1;
  565. margin-left:0px;
  566. -moz-transition-duration:0.5s;
  567. -webkit-transition-duration:0.5s;
  568. -o-transition-duration:0.5s;
  569. }
  570.  
  571. .tags {
  572. margin-top:10px;
  573. font-family:'arial narrow';
  574. font-weight:initial;
  575. line-height:13px;
  576. letter-spacing:2px;
  577. text-transform:uppercase;
  578. font-size:9px;
  579. color:{color:Tags Text};
  580. opacity:0;
  581. margin-left:-40px;
  582. -moz-transition-duration:0.5s;
  583. -webkit-transition-duration:0.5s;
  584. -o-transition-duration:0.5s;
  585. }
  586.  
  587. .tags a {
  588. padding-right:5px;
  589. color:{color:Tags Link};
  590. }
  591.  
  592. .tags a:hover { color:{color:Tags Link Hover}; }
  593.  
  594. #perma {
  595. width:calc(100% - 20px);
  596. padding:10px;
  597. background:{color:Info Background};
  598. color:{color:Info Text};
  599. margin-top:10px;
  600. font-family:'arial narrow';
  601. font-weight:initial;
  602. line-height:13px;
  603. letter-spacing:2px;
  604. text-transform:uppercase;
  605. font-size:9px;
  606. }
  607.  
  608. #perma a { color:{color:Info Links}; }
  609. #perma a:hover { color:{color:Info Links Hover}; }
  610.  
  611. /*--RIGHT SIDEBAR--*/
  612. .rightsidebar {
  613. position:fixed;
  614. top:0;
  615. left:1000px;
  616. height:100%;
  617. width:40px;
  618. background-image: url('{image:Right Sidebar}');
  619. background-size:auto 100%;
  620. background-attachment:fixed;
  621. }
  622.  
  623. .rightinfo {
  624. width:100px;
  625. position:absolute;
  626. margin-left:60px;
  627. top:50%;
  628. margin-top:-100px;
  629. text-transform:uppercase;
  630. font-family:'arial narrow';
  631. font-size:8.5px;
  632. letter-spacing:2px;
  633. line-height:14px;
  634. }
  635.  
  636. #pagination {
  637. margin-top:5px;
  638. font-style:italic;
  639. text-transform:uppercase;
  640. font-family:arial black;
  641. font-size:9px;
  642. letter-spacing:1px;
  643. }
  644.  
  645. #pagination a {
  646. color:{color:Link};
  647. }
  648.  
  649. #pagination a:hover {
  650. color:{color:Hover};
  651. }
  652.  
  653. /*--CREDIT--*/
  654. #spectrum {
  655. bottom:9px;
  656. right:7px;
  657. font-size:8px;
  658. font-family:'calibri';
  659. letter-spacing:1px;
  660. text-transform:uppercase;
  661. position:fixed;
  662. }
  663.  
  664. {CustomCSS}</style></head><body>
  665.  
  666. <div id="wrap" class="box fade-in one">
  667.  
  668. <div class="rightsidebar">
  669. <div class="rightinfo">
  670. {Description}
  671. <div id="pagination">
  672.  
  673. {block:Pagination}
  674.  
  675. Page {CurrentPage} of {TotalPages}<br>
  676.  
  677. {block:PreviousPage}<a href="{PreviousPage}">back</a>&nbsp;&nbsp;&nbsp;{/block:PreviousPage}
  678. {block:NextPage}<a href="{NextPage}">Next</a>{/block:NextPage}{/block:Pagination}
  679.  
  680. </div>
  681. </div>
  682. </div>
  683.  
  684. <div class="sidebarwrap"><div class="sidebar">
  685.  
  686. <div class="sidebarpic"><h1><a href="/" title="refresh">—{Title}</a></h1><img src="{image:Sidebar1}" /></div>
  687. <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link1}"><span data-hover="{text:Link1 Text}">{text:Link1 Text}</span></a></div><img src="{image:Sidebar2}" /></div>
  688. <div class="sidebarpic"><div class="links" style="text-align:left;margin-left:83px;"><nav class="cl-effect-5"><a href="{text:Link2}"><span data-hover="{text:Link2 Text}">{text:Link2 Text}</span></a></div><img src="{image:Sidebar3}" /></div>
  689. <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link3}"><span data-hover="{text:Link3 Text}">{text:Link3 Text}</span></a></div><img src="{image:Sidebar4}" /></div>
  690. <div class="sidebarpic"><div class="links" style="text-align:left;margin-left:83px;"><nav class="cl-effect-5"><a href="{text:Link4}"><span data-hover="{text:Link4 Text}">{text:Link4 Text}</span></a></div><img src="{image:Sidebar5}" /></div>
  691. <div class="sidebarpic2"><div class="links" style="text-align:right;"><nav class="cl-effect-5"><a href="{text:Link5}"><span data-hover="{text:Link5 Text}">{text:Link5 Text}</span></a></div><img src="{image:Sidebar6}" /></div>
  692. </div></div>
  693.  
  694. <div class="content">
  695. <div id="entries">{block:Posts}
  696. {block:ContentSource}
  697. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  698. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  699. {/block:SourceLogo}
  700. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  701. {/block:ContentSource}
  702.  
  703. <!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  704.  
  705. {block:IndexPage}
  706. {block:Date}<div id="footer"><a href="{Permalink}" title="view post">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>{block:NoteCount}<br><a href="{Permalink}">{NoteCount} N</a>{/block:NoteCount}<br><a href="{ReblogURL}">reblog</a></div>{/block:Date}{/block:IndexPage}
  707.  
  708.  
  709. <div id="post">
  710.  
  711. {block:Text}
  712. <div class="textpost">
  713. {block:Title}<h1>—{Title}</h1>{/block:Title}
  714. {Body}
  715. </div>
  716. {/block:Text}
  717.  
  718. {block:Answer}
  719. <div id="askericon"><img src="{AskerPortraitURL-64}"/></div>
  720. <div class="asker">{Asker} asked:</div>
  721. <div class="question"> {Question}</div>
  722.  
  723.  
  724. <div class="answer"> {Answer} {block:Caption}{Caption}{/block:Caption}</div>
  725.  
  726. {/block:Answer}
  727.  
  728. {block:Photo}
  729. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}">{LinkCloseTag}
  730.  
  731. {/block:Photo}
  732.  
  733. {block:Quote}
  734. <div class="mark">&#147;</div>
  735. <div class="words">{Quote}</div>
  736. <div style="margin-top:-10px;text-align:right;font-size:40px;font-family:georgia;float:right;color:{color:Link}">&#148;</div>
  737. {block:Source}<br><br> —{Source}{/block:Source}
  738. {/block:Quote}
  739.  
  740. {block:Link}
  741. <h1><a href="{URL}">—{Name}</a></h1>
  742. {block:Excerpt}<div class="linkdesc">{Excerpt}</div>{/block:Excerpt}
  743. {block:Description}{Description}{/block:Description}
  744.  
  745.  
  746. {/block:Link}
  747.  
  748. {block:Chat}
  749. {block:Title}<h1>—{Title}</h1>{/block:Title}
  750. {block:Lines}<span class="chat">
  751. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  752. {/block:Lines}
  753.  
  754. {/block:Chat}
  755.  
  756. {block:Photoset}
  757. {Photoset-400}
  758. {/block:Photoset}
  759.  
  760. {block:Audio}
  761. <div class="audioinfo">
  762. {block:TrackName}<h2>{TrackName}</h2>{/block:TrackName}
  763. <div class="src">
  764. {block:Artist}<p><i>Artist:</i> {Artist}</p>{/block:Artist}
  765. {block:Album}<p><i>Album:</i> {Album}</p>{/block:Album}
  766. {block:PlayCount}<p>{PlayCountWithLabel}</p>{/block:PlayCount}
  767. </div>
  768.  
  769. {block:Album}{Album}{/block:Album}
  770. </div>
  771.  
  772. <div class="audiowrap">
  773. {block:AlbumArt}
  774. <img src="{AlbumArtURL}" class="cover">
  775. {/block:AlbumArt}
  776. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  777. </div>
  778.  
  779. {block:Audio}
  780.  
  781. {block:Video}
  782. {Video-400}
  783. {/block:Video}
  784.  
  785. {block:Caption}{Caption}{/block:Caption}
  786.  
  787. {block:IndexPage}{block:HasTags}<div class="tags"><b>Filed Under:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:Indexpage}
  788.  
  789. {block:PermalinkPage}
  790. {block:Date}<div id="perma">Posted: <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}<br>
  791. {block:RebloggedFrom}Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>Original Post: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  792. {block:HasTags}<br><br>Filed Under: {block:Tags}<a href="{TagURL}">#{Tag}&nbsp;&nbsp;</a>{/block:Tags}{/block:HasTags}
  793. </div>{/block:Date}
  794. {/block:PermalinkPage}
  795.  
  796. </div>{/block:Posts}
  797.  
  798. </div><!--end #entries-->
  799.  
  800. </div><!--end .content-->
  801.  
  802. <div id="spectrum" class="box fade-in one">
  803. <a href="http://wonderfullythemes.tumblr.com" title="wonderfullythemes">theme</a>
  804. </div>
  805.  
  806. </div><!--end #wrap-->
  807.  
  808. </body>
  809. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement