sofiiayala

Theme 28 for Tumblr

Jul 10th, 2014
4,615
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.01 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><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- Theme 28 by Sofi (castiiel.tumblr.com). DON'T STEAL THE CODE, CUSTOMIZE IT AS MUCH AS YOU WANT BUT DON'T STEAL IT OR REMOVE THE CREDIT, IT'S ILLEGAL --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:titles" content="#494949"/>
  13. <meta name="color:Link" content="#b8b8b8"/>
  14. <meta name="color:Link hover" content="#fff"/>
  15. <meta name="color:Links background" content="#494949"/>
  16. <meta name="color:border" content="#ccc"/>
  17. <meta name="color:scrollbar" content="#999"/>
  18.  
  19. <meta name="image:background" content=""/>
  20.  
  21. <meta name="if:Info on hover" content="1"/>
  22. <meta name="if:infinite scroll" content="0">
  23. <meta name="if:credit on the left" content="0"/>
  24. <meta name="if:repeat background" content="0"/>
  25. <meta name="if:show notes on click" content="0"/>
  26.  
  27. <meta name="text:title 1" content=""/>
  28. <meta name="text:title 2" content=""/>
  29. <meta name="text:link 1" content="Link 1"/>
  30. <meta name="text:link 1 url" content="/"/>
  31. <meta name="text:link 2" content="Link 2"/>
  32. <meta name="text:link 2 url" content="/"/>
  33. <meta name="text:link 3" content="Link 3"/>
  34. <meta name="text:link 3 url" content="/"/>
  35. <meta name="text:link 4" content="Link 4"/>
  36. <meta name="text:link 4 url" content="/"/>
  37.  
  38. {block:IfInfiniteScroll}
  39. <script type="text/javascript" src="http://yourjavascript.com/21212225154/esz.js"></script>
  40. {/block:IfInfiniteScroll}
  41.  
  42. {block:ifShownotesonclick}
  43. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  44.  
  45. <script src="jquery.js"></script>
  46. <script>
  47. $(document).ready(function(){
  48. $("#notes").click(function(){
  49. $("ol.notes").slideToggle("slow");
  50. });
  51. });
  52. </script>
  53. {/block:ifShownotesonclick}
  54.  
  55. <script type="text/javascript">
  56. WebFontConfig = {
  57. google: { families: [ 'Lato:300,400:latin', 'Montserrat+Alternates:400,700:latin' ] }
  58. };
  59. (function() {
  60. var wf = document.createElement('script');
  61. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  62. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  63. wf.type = 'text/javascript';
  64. wf.async = 'true';
  65. var s = document.getElementsByTagName('script')[0];
  66. s.parentNode.insertBefore(wf, s);
  67. })(); </script>
  68.  
  69.  
  70. <style type="text/css">
  71.  
  72. #dhtmltooltip{
  73. position: absolute;
  74. padding:5px;
  75. padding-bottom: 3px;
  76. padding-top: 3px;
  77. margin-left:70px;
  78. margin-top: -7px;
  79. background: #fff; /* change the background color */
  80. font-family:helvetica; /* change the font */
  81. font-size:7px; /* change the font size */
  82. letter-spacing:1px; /* change the letter spacing */
  83. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  84. font-style: bold;
  85. color:{color:text}; /* change the text color */
  86. visibility: hidden;
  87. z-index: 100;
  88. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  89. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  90. }
  91.  
  92. ::-webkit-scrollbar {width: 4px; height: 4px; background: transparent; }
  93. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; -webkit-border-radius: 0ex; }
  94.  
  95. body {
  96. background:{color:background};
  97. margin:0px;
  98. color:{color:text};
  99. font-family:'Lato', sans-serif;
  100. letter-spacing: 1px;
  101. font-size:10px;
  102. line-height:130%;
  103. background-image:url("{image:background}");
  104. background-size:cover;
  105. {block:ifRepeatbackground}
  106. background-size:auto;
  107. background-repeat: repeat;
  108. {block:ifRepeatbackground}
  109. background-attachment:fixed;
  110. background-position: top left;
  111. }
  112.  
  113. body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  114.  
  115. a {
  116. text-decoration:none;
  117. outline:none;
  118. -moz-outline-style:none;
  119. color:{color:link};
  120. }
  121.  
  122. a:hover {
  123. text-decoration:none;
  124. outline:none;
  125. -moz-outline-style:none;
  126. color:{color:link hover};
  127. }
  128.  
  129. img {
  130. border:none;
  131. }
  132.  
  133. p {
  134. margin-left: 0px;
  135. margin-right: 0px;
  136. word-wrap: break-word;
  137. }
  138.  
  139. pre {
  140. white-space: pre-wrap;
  141. white-space: -moz-pre-wrap;
  142. white-space: -pre-wrap;
  143. white-space: -o-pre-wrap;
  144. word-wrap: break-word;
  145. }
  146.  
  147. blockquote {
  148. padding-left:5px;
  149. border-left:1px solid;
  150. margin-left: 0px;
  151. margin-right: 0px;
  152. }
  153.  
  154. h1 {
  155. font-size:17px;
  156. font-family:'Lato', sans-serif;
  157. font-weight: lighter;
  158. letter-spacing: 1.5px;
  159. line-height: 130%;
  160. font-weight: 300;
  161. text-align: center;
  162. }
  163.  
  164. .textp img{
  165. max-width:400px;
  166. height:auto;
  167. }
  168.  
  169. #con {
  170. width: 770px;
  171. margin:auto;
  172. }
  173.  
  174. #entries {
  175. padding:10px;
  176. width:400px;
  177. margin-left:175px;
  178. margin-top:70px;
  179. {block:permalink}
  180. margin-bottom: 50px;
  181. {/block:permalink}
  182. }
  183.  
  184. #post {
  185. width:400px;
  186. padding-bottom: 5px;
  187. overflow: hidden;
  188. margin-bottom:50px;
  189. }
  190.  
  191. #post:hover #tags {
  192. opacity: 1;
  193. transition: all 0.3s linear;
  194. -webkit-transition: opacity 0.3s linear;
  195. -webkit-transition: all 0.3s linear;
  196. -moz-transition: all 0.3s linear;
  197. transition-delay: 0.5s;
  198. }
  199.  
  200. {block:ifInfoonhover}
  201. #post:hover .infol {
  202. margin-left: 0px;
  203. opacity: 1;
  204. transition: all 0.3s linear;
  205. -webkit-transition: opacity 0.3s linear;
  206. -webkit-transition: all 0.3s linear;
  207. -moz-transition: all 0.3s linear;
  208. }
  209.  
  210. #post:hover .infor {
  211. margin-right: 0px;
  212. opacity: 1;
  213. transition: all 0.3s linear;
  214. -webkit-transition: opacity 0.3s linear;
  215. -webkit-transition: all 0.3s linear;
  216. -moz-transition: all 0.3s linear;
  217. }
  218. {/block:ifInfoonhover}
  219.  
  220. #sidebar1 {
  221. width:150px;
  222. position:fixed;
  223. bottom:25px;
  224. height: 200px;
  225. }
  226.  
  227. #title1 {
  228. font-family: 'Montserrat Alternates', sans-serif;
  229. font-weight: 700;
  230. bottom: 0px;
  231. font-size: 22px;
  232. text-align: right;
  233. padding-top: 15px;
  234. padding-bottom: 10px;
  235. color: {color:titles};
  236. }
  237.  
  238. #description {
  239. border-top: 1px dotted {color:border};
  240. font-family: 'Lato', sans-serif;
  241. text-align: right;
  242. max-height: 155px;
  243. padding-top: 7px;
  244. font-size: 10px;
  245. overflow: auto;
  246. line-height:180%;
  247. }
  248.  
  249. #sidebar2 {
  250. width:150px;
  251. position:fixed;
  252. bottom:25px;
  253. height: 200px;
  254. overflow: hidden;
  255. margin-left: 615px;
  256. }
  257.  
  258. #title2 {
  259. font-family: 'Montserrat Alternates', sans-serif;
  260. font-weight: 700;
  261. bottom: 0px;
  262. font-size: 22px;
  263. text-align: left;
  264. padding-top: 15px;
  265. padding-bottom: 10px;
  266. color: {color:titles};
  267. }
  268.  
  269. .arrow {
  270. float:left;
  271. font-family:consolas, sans-serif;
  272. letter-spacing:0px;
  273. -webkit-transition: all 0.5s;
  274. -moz-transition: all 0.5s;
  275. transition: all 0.5s;
  276. }
  277.  
  278. .link {
  279. padding-right:5px;
  280. }
  281.  
  282. #links a:hover .link {
  283. color: {color:background};
  284. padding-right:5px;
  285. -webkit-transition: all 0.5s;
  286. -moz-transition: all 0.5s;
  287. transition: all 0.5s;
  288. }
  289.  
  290. #links a:hover .arrow {
  291. padding-left:10px;
  292. color: {color:background};
  293. -webkit-transition: all 0.5s;
  294. -moz-transition: all 0.5s;
  295. transition: all 0.5s;
  296. }
  297.  
  298. #links {
  299. border-top: 1px dotted {color:border};
  300. text-align: left;
  301. max-height: 155px;
  302. padding-top: 3px;
  303. width: 150px;
  304. -webkit-transition: all 0.5s;
  305. -moz-transition: all 0.5s;
  306. transition: all 0.5s;
  307. }
  308.  
  309. #links a {
  310. font-family: 'Lato', sans-serif;
  311. font-weight: 300;
  312. font-size: 10px;
  313. text-transform: uppercase;
  314. padding-top: 5px;
  315. padding-bottom: 5px;
  316. text-align: right;
  317. letter-spacing: 3px;
  318. margin-top: 5px;
  319. margin-bottom: 8px;
  320. display:block;
  321. color: {color:text};
  322. width: 150px;
  323. position: relative;
  324. -webkit-transition: all 0.5s;
  325. -moz-transition: all 0.5s;
  326. transition: all 0.5s;
  327. }
  328.  
  329. #links a:hover {
  330. color: {color:background};
  331. -webkit-transition: all 0.5s;
  332. -moz-transition: all 0.5s;
  333. transition: all 0.5s;
  334. }
  335.  
  336. #links a:after {
  337. content: '';
  338. position: absolute;
  339. z-index: -1;
  340. width: 0%;
  341. height: 100%;
  342. top: 0;
  343. left: 0;
  344. background: {color:links background};
  345. -webkit-transition: all 0.7s;
  346. -moz-transition: all 0.7s;
  347. transition: all 0.7s;
  348. }
  349.  
  350. #links a:active {
  351. color: {color:link hover};
  352. }
  353.  
  354. #links a:hover:after,
  355. #links a:active:after {
  356. width: 100%;
  357. }
  358.  
  359. #pagination {
  360. width:400px;
  361. padding-top: 5px;
  362. line-height: 130%;
  363. height:20px;
  364. text-align:center;
  365. margin:auto;
  366. font-size:11px;
  367. padding-bottom:40px;
  368. color:{color:text};
  369. letter-spacing: 1.5px;
  370. font-family: 'Lato', sans-serif;
  371. }
  372.  
  373. #pagination a {
  374. border-bottom:1px dotted transparent;
  375. padding-bottom:3px;
  376. color:{color:text};
  377. opacity: 1;
  378. -webkit-transition: opacity 0.5s linear;
  379. -webkit-transition: all 0.5s linear;
  380. -moz-transition: all 0.5s linear;
  381. transition: all 0.s linear;
  382. }
  383.  
  384. #pagination a:hover {
  385. border-bottom:1px dotted {color:border};
  386. padding-bottom:3px;
  387. opacity: 1;
  388. -webkit-transition: opacity 0.5s linear;
  389. -webkit-transition: all 0.5s linear;
  390. -moz-transition: all 0.5s linear;
  391. transition: all 0.s linear;
  392. }
  393.  
  394.  
  395. #info {
  396. text-align:center;
  397. margin-top:10px;
  398. font-family: 'Lato', sans-serif;
  399. text-transform: uppercase;
  400. font-size: 8px;
  401. letter-spacing: .8px;
  402. padding: 5px;
  403. padding-bottom: 15px;
  404. margin-top: 3px;
  405. opacity: 1;
  406. transition: all 0.3s linear;
  407. -webkit-transition: opacity 0.3s linear;
  408. -webkit-transition: all 0.3s linear;
  409. -moz-transition: all 0.3s linear;
  410. }
  411.  
  412.  
  413. .infol {
  414. {block:Indexpage}
  415. {block:ifInfoonhover}
  416. margin-left: -50px;
  417. opacity: 0;
  418. transition: all 0.3s linear;
  419. -webkit-transition: opacity 0.3s linear;
  420. -webkit-transition: all 0.3s linear;
  421. -moz-transition: all 0.3s linear;
  422. {/block:ifInfoonhover}
  423. {/block:Indexpage}
  424. border-bottom: 1px dotted {color:border};
  425. }
  426.  
  427. .infor {
  428. {block:Indexpage}
  429. {block:ifInfoonhover}
  430. opacity: 0;
  431. margin-right: -50px;
  432. transition: all 0.3s linear;
  433. -webkit-transition: opacity 0.3s linear;
  434. -webkit-transition: all 0.3s linear;
  435. -moz-transition: all 0.3s linear;
  436. {/block:ifInfoonhover}
  437. {/block:Indexpage}
  438. border-bottom: 1px dotted {color:border};
  439. }
  440.  
  441. #info a {
  442. color: {color:text};
  443. }
  444.  
  445. #asker {
  446. float:left;
  447. }
  448.  
  449. .question{
  450. text-align: center;
  451. letter-spacing:1px;
  452. margin-bottom:10px;
  453. padding: 8px;
  454. padding-left: 10px;
  455. padding-right: 10px;
  456. border: 1px solid {color:border};
  457. }
  458.  
  459. .answer{
  460. text-align: left;
  461. letter-spacing:1px;
  462. }
  463.  
  464. .sources
  465. {
  466. filter:alpha(opacity=0);
  467. opacity:0;
  468. font-size: 0px;
  469. }
  470.  
  471. #quote {
  472. font-size:17px;
  473. font-family:'Lato', sans-serif;
  474. font-weight: lighter;
  475. letter-spacing: 1.5px;
  476. line-height: 130%;
  477. font-weight: 300;
  478. text-align: center;
  479. padding: 20px;
  480. border: 1px solid {color:border};
  481. }
  482.  
  483. #cover {
  484. position: relative;
  485. z-index: 1;
  486. height: 100px;
  487. float:left;
  488. border:1px solid {color:border};
  489. padding:4px;
  490. }
  491.  
  492. #button {
  493. width:20px;
  494. height:30px;
  495. overflow: hidden;
  496. position: relative;
  497. z-index: 99;
  498. margin: 15px 24px 13px 16px;
  499. }
  500.  
  501. #buttons {
  502. background-color: #fff;
  503. position: absolute;
  504. z-index: 99;
  505. margin-top: 25px;
  506. margin-left: 25px;
  507. opacity: 0;
  508. -webkit-transition: opacity 0.5s linear;
  509. -webkit-transition: all 0.5s linear;
  510. -moz-transition: all 0.5s linear;
  511. -o-transition: all 0.5s linear;
  512. }
  513.  
  514. #post:hover #buttons {
  515. opacity:0.5;
  516. }
  517.  
  518. #musicinfo {
  519. margin-left: 110px;
  520. font-size:11px;
  521. height:108px;
  522. text-align:center;
  523. border:1px solid {color:border};
  524. border-left: 0px;
  525. letter-spacing: 2px;
  526. }
  527.  
  528.  
  529. #border {
  530. border-top: solid 1px {color:border};
  531. }
  532.  
  533. #tags {
  534. font-size: 10px;
  535. margin-top: 8px;
  536. text-align: center;
  537. opacity: 0;
  538. font-family: calibri;
  539. line-height: 130%;
  540. letter-spacing: 0.5px;
  541. transition: all 0.3s linear;
  542. -webkit-transition: opacity 0.3s linear;
  543. -webkit-transition: all 0.3s linear;
  544. -moz-transition: all 0.3s linear;
  545. {block:permalinkpage}
  546. opacity: 1;
  547. {/block:permalinkpage}
  548. }
  549.  
  550. #tags a {
  551. color: {color:text};
  552. margin-left: 5px;
  553. }
  554.  
  555. #tags a:hover {
  556. color: {color:link};
  557. transition: all 0.3s linear;
  558. -webkit-transition: opacity 0.3s linear;
  559. -webkit-transition: all 0.3s linear;
  560. -moz-transition: all 0.3s linear;
  561. }
  562.  
  563. .source {
  564. font-size: 13px;
  565. text-align: center;
  566. font-family: courier new;
  567. text-transform: lowercase;
  568. }
  569.  
  570. .source:first-letter {
  571. display: inline-block;
  572. text-transform: uppercase;
  573. }
  574.  
  575. #notes {
  576. text-transform: uppercase;
  577. font-size:12px;
  578. font-family:'Lato', sans-serif;
  579. letter-spacing:1.6px;
  580. font-weight:bolder;
  581. border-bottom: solid 1px {color:border};
  582. text-align:left;
  583. padding-bottom:7px;
  584. {block:ifShownotesonclick}
  585. cursor:help!Important;
  586. {/block:ifShownotesonclick}
  587. }
  588.  
  589. ol.notes {
  590. padding: 0px;
  591. margin: 15px 0px;
  592. list-style-type: none;
  593. width:400px;
  594. {block:if500pxposts}
  595. width:500px;
  596. {/block:if500pxposts}
  597. {block:ifShownotesonclick}
  598. display:none;
  599. {/block:ifShownotesonclick}
  600. }
  601.  
  602. ol.notes li.note {
  603. padding: 5px 0px;
  604. }
  605.  
  606. ol.notes li.note img.avatar {
  607. vertical-align: -8px;
  608. margin-right: 10px;
  609. width: 16px;
  610. height: 16px;
  611. padding:2px;
  612. border:1px solid {color:border};
  613. border-radius: 100%;
  614. }
  615.  
  616. ol.notes li.note .answer_content {
  617. font-weight: normal;
  618. }
  619.  
  620. ol.notes li.note blockquote {
  621. padding: 4px 10px;
  622. margin: 10px 0px 0px 25px;
  623. }
  624.  
  625. ol.notes li.note blockquote a {
  626. text-decoration: none;
  627. }
  628.  
  629. #credit {
  630. font-size:12px;
  631. font-family: Helvetica, sans-serif;
  632. letter-spacing:1.5px;
  633. line-height: 100%;
  634. z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
  635. position:fixed;
  636. {block:ifnotCreditontheleft}
  637. right:-100px;
  638. {/block:ifnotCreditontheleft}
  639. {block:ifCreditontheleft}
  640. left:-100px;
  641. {/block:ifCreditontheleft}
  642. bottom:10px;
  643. transition: all 0.9s linear;
  644. -webkit-transition: opacity 0.9s linear;
  645. -webkit-transition: all 0.9s linear;
  646. -moz-transition: all 0.9s linear;
  647. }
  648.  
  649. #credit a {
  650. color:{color:text};
  651. {block:ifnotCreditontheleft}
  652. margin-left:15px;
  653. {/block:ifnotCreditontheleft}
  654. {block:ifCreditontheleft}
  655. margin-right:18px;
  656. {/block:ifCreditontheleft}
  657. transition: all 0.9s linear;
  658. -webkit-transition: opacity 0.9s linear;
  659. -webkit-transition: all 0.9s linear;
  660. -moz-transition: all 0.9s linear;
  661. }
  662.  
  663. #credit:hover {
  664. {block:ifnotCreditontheleft}
  665. right:10px;
  666. {/block:ifnotCreditontheleft}
  667. {block:ifCreditontheleft}
  668. left:10px;
  669. {/block:ifCreditontheleft}
  670. transition: all 0.9s linear;
  671. -webkit-transition: opacity 0.9s linear;
  672. -webkit-transition: all 0.9s linear;
  673. -moz-transition: all 0.9s linear;
  674. }
  675.  
  676.  
  677. {CustomCSS}</style></head><body>
  678.  
  679. <div id="con">
  680.  
  681. <div id="sidebar1">
  682.  
  683. <div id="title1">{text:title 1}</div>
  684.  
  685. <div id="description">{Description}</div>
  686.  
  687. </div>
  688.  
  689. <div id="sidebar2">
  690.  
  691. <div id="title2">{text:title 2}</div>
  692.  
  693. <div id="links">
  694. <a href="{text:link 1 url}"><span class="arrow">>></span><span class="link">{text:link 1}</span></a>
  695. <a href="{text:link 2 url}"><span class="arrow">>></span><span class="link">{text:link 2}</span></a>
  696. <a href="{text:link 3 url}"><span class="arrow">>></span><span class="link">{text:link 3}</span></a>
  697. <a href="{text:link 4 url}"><span class="arrow">>></span><span class="link">{text:link 4}</span></a>
  698. </div>
  699.  
  700. </div>
  701.  
  702. <div id="entries">
  703. <div class="autopagerize_page_element">
  704. {block:Posts}
  705.  
  706. {block:ContentSource}
  707.  
  708. <!--{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  709.  
  710. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  711.  
  712. {/block:SourceLogo}
  713.  
  714. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  715.  
  716. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  717.  
  718. <div id="post">
  719.  
  720. {block:Text}<span class="textp"><h1>{block:Title}{Title}{/block:Title}</h1>{Body}</span>{/block:Text}
  721.  
  722. {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}"></center>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  723.  
  724. {block:Photoset}{Photoset-400}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  725.  
  726. {block:Quote} <b><div class="source">{Source}:</div></b> <br> <div id="quote">"{Quote}"</div>{block:Source}{/block:Source}{/block:Quote}
  727.  
  728. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  729.  
  730. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br><br>{/block:Lines}{/block:Chat}
  731.  
  732. {block:Audio}
  733. <div id="buttons"><div id="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  734. {block:AlbumArt}<img src="{AlbumArtURL}" id="cover">{/block:AlbumArt}
  735. <div id="musicinfo">
  736. {block:TrackName}<h1><div style="text-transform: none; padding-bottom: 10px; margin-bottom: 0px; padding-top: 10px; text-align: center; margin-top: -11px; border-bottom:1px solid {color:border}; font-size:14px">{TrackName}</div></h1>{/block:Trackname}
  737. {block:Artist}by {Artist}{/block:Artist}<br><br>
  738. {block:PlayCount}►played {PlayCount} times{/block:PlayCount}
  739. </div>
  740. <div style="margin-top:10px;">{block:caption}{Caption}{/block:caption}</div>
  741. {/block:Audio}
  742.  
  743. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  744.  
  745. {block:Answer}
  746. <div style="font-family: 'Lato', sans-serif; font-size: 9px; text-transform: uppercase; letter-spacing:2px; text-align: left; margin-left: 0px; margin-bottom: 5px">{Asker}:</div><div class="question">{Question}</div><div class="answer">{Answer}</div>{/block:Answer}
  747.  
  748. <div id="info">
  749. <span class="infol" style="float: left">{block:RebloggedFrom} <a href="{ReblogParentURL}"title="{ReblogParentTitle}">via</a> / <a href="{ReblogRootURL}"title="{ReblogRoottitle}">source</a>{/block:RebloggedFrom}</span><span class="infor" style="float: right;">{block:Date}{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}{/block:Date} <a href="{Permalink}">
  750. (+{NoteCount})</a></span>
  751. </div>
  752.  
  753. <div id="tags">{block:HasTags}{block:Tags} <a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  754.  
  755. </div>
  756.  
  757. {block:PostNotes}
  758. <div id="notes">notes</div>
  759. {PostNotes}
  760. {/block:PostNotes}
  761.  
  762. {/block:Posts}
  763.  
  764. </div><!--infinite-->
  765. </div><!--entries-->
  766.  
  767. {block:IfNotInfiniteScroll}
  768. <div id="pagination">
  769. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">GO BACK</a>{/block:PreviousPage} -
  770. {block:NextPage}<a href="{NextPage}">PROCEED</a>{/block:NextPage}{/block:Pagination}
  771. </div>
  772. {/block:IfNotInfiniteScroll}
  773.  
  774. </div><!--con-->
  775.  
  776. {block:ifInfinitescroll}
  777. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  778. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  779. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  780. <script type="text/javascript">
  781. $wall.infinitescroll({
  782. navSelector : '#page-nav',
  783. nextSelector : '#page-nav a',
  784. itemSelector : '#post',
  785. bufferPx : 2000,
  786. debug : false,
  787. errorCallback: function() {
  788. $('#infscr-loading').fadeOut('normal');
  789. }},
  790. function( newElements ) {
  791. var $newElems = $( newElements );
  792. $newElems.hide();
  793. $newElems.imagesLoaded(function(){
  794. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  795. });
  796. }); $('#entries').show(500);
  797. });
  798. </script>
  799. {/block:ifInfinitescroll}
  800.  
  801. {block:ifnotCreditontheleft}
  802. <div id="credit" style="font-size:14px">©<a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a></div>
  803. {/block:ifnotCreditontheleft}
  804.  
  805. {block:ifCreditontheleft}
  806. <div id="credit" style="font-size:14px"><a href="http://castiiel.tumblr.com" style="font-size:7px; text-transform: uppercase;">theme by castiiel</a>©</div>
  807. {/block:ifCreditontheleft}
  808.  
  809. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment