Advertisement
mrsmilicevic

hysteria

Nov 18th, 2014
11,273
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.51 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head><title>{Title}</title>
  3. <link rel="shortcut icon" href="{Favicon}">
  4. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  5. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  6.  
  7. <!-----------theme 10. hysteria by mrsmilicevic@tumblr
  8. edit if you want but don't steal or remove credit------------>
  9.  
  10. <!--------default variables-------->
  11. <meta name="color:background" content="#ffffff"/>
  12. <meta name="color:text" content="#7b7b7b"/>
  13. <meta name="color:links" content="#5b5b5b"/>
  14. <meta name="color:links hover" content="#c9c9c9"/>
  15. <meta name="color:sidebar bg" content="#000000"/>
  16. <meta name="color:sidetitle" content="#ffffff"/>
  17. <meta name="color:sidelinks" content="#ffffff"/>
  18. <meta name="color:sideborders" content="#333333"/>
  19. <meta name="color:sidelinks hover bg" content="#333333"/>
  20. <meta name="color:scrollbar bg" content="#ffffff"/>
  21. <meta name="color:scrollbar" content="#b4b4b4">
  22. <meta name="color:borders" content="#eeeeee"/>
  23.  
  24. <meta name="image:sidebar image" content=""/>
  25. <meta name="image:background image" content=""/>
  26.  
  27. <meta name="text:link 1 title" content="link">
  28. <meta name="text:link 1 url" content=" ">
  29. <meta name="text:link 2 title" content="link">
  30. <meta name="text:link 2 url" content=" ">
  31. <meta name="text:link 3 title" content="link">
  32. <meta name="text:link 3 url" content=" ">
  33. <meta name="text:link 4 title" content="link">
  34. <meta name="text:link 4 url" content=" ">
  35.  
  36. <meta name="if:show link 1" content="1" />
  37. <meta name="if:show link 2" content="1" />
  38. <meta name="if:show link 3" content="1" />
  39. <meta name="if:show link 4" content="1" />
  40. <meta name="if:show sidebar image" content="1" />
  41. <meta name="if:endless scrolling" content="0" />
  42. <meta name="if:lazy load" content="0" />
  43. <meta name="if:400px" content="0" />
  44. <meta name="if:hover tags" content="0" />
  45.  
  46.  
  47. <!-------------------------------------------------------------------->
  48.  
  49. {block:IfLazyLoad}
  50. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  51. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  52. <script type="text/javascript" charset="utf-8">
  53. var $j = jQuery.noConflict();
  54. $j(function() {
  55. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  56. $j("img").lazyload({
  57. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  58. effect: "fadeIn",
  59. });
  60. });
  61. </script>
  62. {/block:IfLazyLoad}
  63.  
  64. <!-------------------------------------------------------------------->
  65.  
  66. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  67. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  68. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  69. <script>
  70. (function($){
  71. $(document).ready(function(){
  72. $("[title]").style_my_tooltips({
  73. tip_follows_cursor:true,
  74. tip_delay_time:200,
  75. tip_fade_speed:300
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80.  
  81.  
  82. <!-------------------------------------------------------------------->
  83.  
  84. {block:IfEndlessScrolling}
  85. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  86. {/block:IfEndlessScrolling}
  87.  
  88. <!-------------------------------------------------------------------->
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {
  94. top:5px;
  95. right:10px!important;
  96. position:fixed !important;
  97. -webkit-filter: invert(1);
  98. opacity:.6;
  99. filter:alpha(opacity=60);
  100. -moz-opacity:.6;
  101. z-index:999999999!important;
  102. }
  103.  
  104. /*----------tooltips---------*/
  105.  
  106. #s-m-t-tooltip {
  107. max-width:300px;
  108. margin:15px;
  109. padding:5px;
  110. border:1px solid {color:borders};
  111. border-radius:0px;
  112. background:#ffffff;
  113. color:{color:text};
  114. z-index:999999;
  115. font-size:7px;
  116. font-style:none;
  117. font-weight:lighter;
  118. letter-spacing:2px;
  119. font-family:helvetica;
  120. text-transform:uppercase;
  121. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  122. }
  123.  
  124. /*----------scrollbar---------*/
  125.  
  126. ::-webkit-scrollbar {
  127. background-color: {color:scrollbar bg};
  128. height:0px;
  129. width:0px;
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb:vertical {
  133. background-color:{color:scrollbar};
  134. height:0px;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb:horizontal {
  138. background-color:{color:scrollbar};
  139. height:0px;!important
  140. }
  141.  
  142. /*----------basics---------*/
  143.  
  144. body {
  145. background:{color:background} url({image:background image}) repeat right top fixed;
  146. color:{color:text};
  147. font-family:helvetica;
  148. font-weight:lighter;
  149. line-height:17px;
  150. font-size:10px;
  151. margin:0;
  152. text-align:left;
  153. }
  154.  
  155. blockquote {
  156. padding-left:15px;
  157. border-left:1px solid;
  158. border-color:{color:borders};
  159. margin:5px;
  160. padding-right:15px;
  161. }
  162.  
  163. a {
  164. color:{color:links};
  165. text-decoration:none;
  166. -moz-transition-duration:.5s;
  167. -webkit-transition-duration:.5s;
  168. -o-transition-duration:.5s;
  169. }
  170.  
  171. a:hover {
  172. text-decoration:none;
  173. color: {color:links hover};
  174. -moz-transition-duration:.5s;
  175. -webkit-transition-duration:.5s;
  176. -o-transition-duration:.5s;
  177. }
  178.  
  179. img {
  180. opacity:1;
  181. text-decoration:none;
  182. }
  183.  
  184. small {
  185. font-size:9px;
  186. }
  187.  
  188. big {
  189. font-size:12px;
  190. }
  191.  
  192. h1 {
  193. font-size:12px;
  194. letter-spacing:1px;
  195. text-transform:uppercase;
  196. text-align:center;
  197. }
  198.  
  199. /*----------posts---------*/
  200.  
  201. .container {
  202. margin:0px auto;
  203. position:relative;
  204. }
  205.  
  206. .entries {
  207. margin-left:420px;
  208. {block:If400px}
  209. width:400px;
  210. {/block:If400px}
  211. {block:IfNot400px}
  212. width:500px;
  213. {/block:IfNot400px}
  214. margin-top:70px;
  215. margin-bottom:70px;
  216. }
  217.  
  218. .entries:last-of-type {
  219. margin-bottom:0px;
  220. }
  221.  
  222. .posts {
  223. {block:IndexPage}
  224. margin-bottom:180px;
  225. {/block:IndexPage}
  226. {block:PermalinkPage}
  227. margin-bottom:40px;
  228. {/block:PermalinkPage}
  229. margin-left:50px;
  230. {block:If400px}
  231. width:400px;
  232. {/block:If400px}
  233. {block:IfNot400px}
  234. width:500px;
  235. {/block:IfNot400px}
  236. }
  237.  
  238. .posts li {
  239. list-style: square;
  240. }
  241.  
  242. .posts img, .posts li, .posts blockquote {
  243. max-width:100%;
  244. height:auto;
  245. }
  246.  
  247. blockquote img {
  248. max-width:320px!important;
  249. }
  250.  
  251. .caption {
  252. padding:10px;
  253. }
  254.  
  255. /*----------post info---------*/
  256.  
  257. .info {
  258. border-top:1px solid {color:borders};
  259. margin-top:20px;
  260. text-align:center;
  261. padding-top:20px;
  262. {block:If400px}
  263. width:400px;
  264. {/block:If400px}
  265. {block:IfNot400px}
  266. width:500px;
  267. {/block:IfNot400px}
  268. font-size:9px;
  269. text-transform:uppercase;
  270. }
  271.  
  272. .tags {
  273. {block:If400px}
  274. width:400px;
  275. {/block:If400px}
  276. {block:IfNot400px}
  277. width:500px;
  278. {/block:IfNot400px}
  279. text-align:center;
  280. padding:0px;
  281. margin-top:5px;
  282. margin-left:5px;
  283. font-size:8px;
  284. letter-spacing:1px;
  285. font-style:none;
  286. text-transform:lowercase;
  287. {block:IfHoverTags}
  288. opacity: 0.0;
  289. {/block:IfHoverTags}
  290. {block:IfNotHoverTags}
  291. opacity:1.0;
  292. {/block:IfNotHoverTags}
  293. -moz-transition-duration: 0.6s;
  294. -o-transition-duration: 0.6s;
  295. -webkit-transition-duration: 0.6s;
  296. transition-duration: 0.6s;
  297. }
  298.  
  299. .posts:hover .tags {
  300. {block:IfHoverTags}
  301. opacity:1.0;
  302. -moz-transition-duration: 0.6s;
  303. -o-transition-duration: 0.6s;
  304. -webkit-transition-duration: 0.6s;
  305. transition-duration: 0.6s;
  306. {/block:IfHoverTags}
  307. }
  308.  
  309. ol.notes {
  310. padding: 0px;
  311. margin: 45px 0px;
  312. margin-left:50px;
  313. font-size:9px;
  314. {block:If400px}
  315. width:400px;
  316. {/block:If400px}
  317. {block:IfNot400px}
  318. width:500px;
  319. {/block:IfNot400px}
  320. list-style: none;
  321. border-bottom: solid 1px #f5f5f5;
  322. }
  323.  
  324. ol.notes li.note {
  325. border-top: solid 1px #f5f5f5;
  326. padding: 10px;
  327. list-style: none;
  328. }
  329.  
  330. ol.notes li.note img.avatar {
  331. vertical-align: -4px;
  332. margin-right: 10px;
  333. width: 16px;
  334. height: 16px;
  335. border-radius:0%;
  336. }
  337.  
  338. ol.notes li.note span.action {
  339. font-weight: lighter;
  340. }
  341.  
  342. ol.notes li.note .answer_content {
  343. font-weight: normal;
  344. }
  345.  
  346. ol.notes li.note blockquote {
  347. border-color: {color:borders};
  348. padding: 4px 10px;
  349. margin: 10px 0px 0px 25px;
  350. }
  351.  
  352. ol.notes li.note blockquote a {
  353. text-decoration: none;
  354. }
  355.  
  356. .pagenotes {
  357. text-align:left;
  358. }
  359.  
  360.  
  361. /*----------sidebar---------*/
  362.  
  363. .sidebar {
  364. position:fixed;
  365. left:0;
  366. width:350px;
  367. height:100%;
  368. top:0;
  369. background:{color:sidebar bg};
  370. }
  371.  
  372. .sidebarimage {
  373. width 180px;
  374. }
  375.  
  376. .sidebarimage img {
  377. width:180px;
  378. margin-top:-5px;
  379. margin-left:-25px;
  380. }
  381.  
  382. .ch-grid {
  383. margin: 20px 0 0 0;
  384. padding: 0;
  385. list-style: none;
  386. display: block;
  387. text-align: center;
  388. width: 160px;
  389. margin-top:150px;
  390. margin-left:100px;
  391. }
  392.  
  393. .ch-item {
  394. width: 180px;
  395. height: 180px;
  396. border-radius: 0%;
  397. position: relative;
  398. cursor: default;
  399. }
  400.  
  401. .ch-info-wrap {
  402. width: 160px;
  403. height: 160px;
  404. border-radius: 0%;
  405.  
  406. -webkit-perspective: 800px;
  407. -moz-perspective: 800px;
  408. -o-perspective: 800px;
  409. -ms-perspective: 800px;
  410. perspective: 800px;
  411.  
  412. -webkit-transition: all 0.4s ease-in-out;
  413. -moz-transition: all 0.4s ease-in-out;
  414. -o-transition: all 0.4s ease-in-out;
  415. -ms-transition: all 0.4s ease-in-out;
  416. transition: all 0.4s ease-in-out;
  417.  
  418. top: 0px;
  419. left: 0px;
  420. background: {color:sidebar bg};
  421. }
  422.  
  423. .ch-info{
  424. position: absolute;
  425. width: 180px;
  426. height: 180px;
  427. border-radius: 0%;
  428. -webkit-transition: all 0.4s ease-in-out;
  429. -moz-transition: all 0.4s ease-in-out;
  430. -o-transition: all 0.4s ease-in-out;
  431. -ms-transition: all 0.4s ease-in-out;
  432. transition: all 0.4s ease-in-out;
  433.  
  434. -webkit-transform-style: preserve-3d;
  435. -moz-transform-style: preserve-3d;
  436. -o-transform-style: preserve-3d;
  437. -ms-transform-style: preserve-3d;
  438. transform-style: preserve-3d;
  439. }
  440.  
  441. .ch-info > div {
  442. display: block;
  443. position: absolute;
  444. width: 180px;
  445. height:180px;
  446. border-radius:0%;
  447. -webkit-backface-visibility: hidden;
  448. -moz-backface-visibility: hidden;
  449. -o-backface-visibility: hidden;
  450. -ms-backface-visibility: hidden;
  451. backface-visibility: hidden;
  452. }
  453.  
  454. .ch-info .ch-info-back {
  455. -webkit-transform: rotate3d(0,1,0,180deg);
  456. -moz-transform: rotate3d(0,1,0,180deg);
  457. -o-transform: rotate3d(0,1,0,180deg);
  458. -ms-transform: rotate3d(0,1,0,180deg);
  459. transform: rotate3d(0,1,0,180deg);
  460. background: {color:sidebar bg};
  461. }
  462.  
  463. .ch-img-1 {
  464. background-image: url({image:sidebar image});
  465. }
  466.  
  467. .description {
  468. width:130px;
  469. color:{color:sidelinks};
  470. font-weight:lighter;
  471. font-size:10px;
  472. line-height:18px;
  473. letter-spacing:1px;
  474. text-align:justify;
  475. margin-left:-15px;
  476. margin-top:0px;
  477. height:120px;
  478. border:1px solid {color:sideborders};
  479. padding:25px;
  480. overflow:scroll;
  481. }
  482.  
  483. .ch-item:hover .ch-info {
  484. -webkit-transform: rotate3d(0,1,0,-180deg);
  485. -moz-transform: rotate3d(0,1,0,-180deg);
  486. -o-transform: rotate3d(0,1,0,-180deg);
  487. -ms-transform: rotate3d(0,1,0,-180deg);
  488. transform: rotate3d(0,1,0,-180deg);
  489. }
  490.  
  491. .links {
  492. margin-top:10px;
  493. font-size:7px;
  494. text-transform:uppercase;
  495. text-decoration:none;
  496. letter-spacing:3px;
  497. display:inline-block;
  498. width:200px;
  499. text-align:center;
  500. margin-left:70px;
  501. }
  502.  
  503. .links a {
  504. display:inline-block;
  505. position:relative;
  506. padding:8px;
  507. width:65px;
  508. margin-bottom:10px;
  509. margin-left:10px;
  510. color:{color:sidelinks};
  511. border:1px solid {color:sideborders};
  512. }
  513.  
  514. .links a:hover {
  515. background:{color:sidelinks hover bg};
  516. -moz-transition-duration: 0.6s;
  517. -o-transition-duration: 0.6s;
  518. -webkit-transition-duration: 0.6s;
  519. transition-duration: 0.6s;
  520. }
  521.  
  522. .stitle {
  523. padding:15px;
  524. margin-top:15px;
  525. width:200px;
  526. text-align:center;
  527. letter-spacing:4px;
  528. margin-left:65px;
  529. font-size:10px;
  530. text-transform:uppercase;
  531. color:{color:sidetitle};
  532. background-color:transparent;
  533. }
  534.  
  535. .pagination {
  536. margin-top:20px;
  537. margin-left:10px;
  538. width:500px;
  539. padding:10px;
  540. text-align:center;
  541. text-transform:uppercase;
  542. font-size:12px;
  543. letter-spacing:2px;
  544. }
  545.  
  546. .pagination a {
  547. border-bottom:1px solid {color:borders};
  548. padding:10px;
  549. margin-left:50px;
  550. }
  551.  
  552.  
  553. /*----------questions---------*/
  554.  
  555. .asker {
  556. font-size:11px;
  557. margin-bottom:5px;
  558. text-transform:uppercase;
  559. }
  560.  
  561. .question {
  562. background:#fafafa;
  563. padding:20px;
  564. text-align:left;
  565. font-size:11px;
  566. font-style:none;
  567. z-index:1;
  568. border-bottom:1px solid {color:borders};
  569. }
  570.  
  571. .answer {
  572. padding:10px;
  573. margin-top:-15px;
  574. margin-bottom:-10px;
  575. }
  576.  
  577. /*----------audio---------*/
  578.  
  579. .newplayerbutton {
  580. position: relative;
  581. width:20px;
  582. height:30px;
  583. overflow:hidden;
  584. }
  585.  
  586. .playerbuttonhug {
  587. margin-top:-10px;
  588. margin-left:0px;
  589. }
  590.  
  591. .tumblr_audio_player {
  592. border:none;
  593. padding:0px;
  594. margin:0px;
  595. height:50px;
  596. width:500px;
  597. }
  598.  
  599. .playerbuttonbg {
  600. position:absolute;
  601. left:15px;
  602. top:5px;
  603. width:30px;
  604. height:30px;
  605. background-color:#e4e4e4;
  606. padding:10px;
  607. -webkit-border-radius:0px;
  608. -moz-border-radius:0px;
  609. border-radius:0px;
  610. opacity:0.0;
  611. filter: alpha(opacity=40);
  612. -moz-opacity: 0.4;
  613. -khtml-opacity: 0.4;
  614. transition: opacity .7s ease-in-out;
  615. -moz-transition: opacity .7s ease-in-out;
  616. -webkit-transition: opacity .7s ease-in-out;
  617. }
  618.  
  619. .playerbuttonbg:hover {
  620. opacity:1;
  621. filter: alpha(opacity=100);
  622. -moz-opacity: 1;
  623. -khtml-opacity: 1;
  624. }
  625.  
  626. .audioimgwrapper {
  627. position:absolute;
  628. left:5px;
  629. top:-5px;
  630. -webkit-border-radius: 50px;
  631. -moz-border-radius: 50px;
  632. border-radius: 0px;
  633. overflow: hidden;
  634. width:50px;
  635. height:50px;
  636. border:10px solid {color:borders};
  637. }
  638.  
  639. .audioimgwrapper img {
  640. width: 100%;
  641. height: auto;
  642. -webkit-border-radius: 50px;
  643. -moz-border-radius: 50px;
  644. border-radius: 0px;
  645. }
  646.  
  647. .trackdetails {
  648. {block:If400px}
  649. width:300px;
  650. {/block:If400px}
  651. {block:IfNot400px}
  652. width:395px;
  653. {/block:IfNot400px}
  654. letter-spacing:1px;
  655. font-size:9px;
  656. display:inline-block;
  657. margin-left: 70px;
  658. height:40px;
  659. padding:20px 15px 10px 15px;
  660. margin-top:-5px;
  661. text-transform:uppercase;
  662. background-color:#fafafa;
  663. line-height:10px;
  664. }
  665.  
  666. .audiowrapper {
  667. position:relative;
  668. display:inline-block;
  669. }
  670.  
  671. /*----------chat---------*/
  672.  
  673. .chat {
  674. line-height:160%;
  675. list-style:none;
  676. text-transform:lowercase;
  677. }
  678.  
  679. .line.odd {
  680. background:#fafafa;
  681. margin-bottom:2px;
  682. padding:10px;
  683. list-style:none;
  684. font-size:11px;
  685. }
  686.  
  687. .line.even {
  688. background:#eeeeee;
  689. margin-bottom:2px;
  690. padding:10px;
  691. list-style:none;
  692. font-size:11px;
  693. }
  694.  
  695. .label {
  696. padding-right:1px;
  697. text-transform:lowercase;
  698. font-weight:bold;
  699. color:{color:links};
  700. }
  701.  
  702. /*----------quotes---------*/
  703.  
  704. .quote {
  705. font-size:12px;
  706. line-height:150%;
  707. letter-spacing:3px;
  708. font-weight:400;
  709. padding:10px;
  710. margin-top:-10px;
  711. font-style:none;
  712. text-align:center;
  713. text-transform:uppercase;
  714. }
  715.  
  716. .quotesource {
  717. border-top:1px solid {color:borders};
  718. padding-top:20px;
  719. margin-top:7px;
  720. font-size:9px;
  721. text-transform:uppercase;
  722. letter-spacing:1px;
  723. text-align:center;
  724. margin-bottom:20px;
  725. }
  726.  
  727. /*----------credit---------*/
  728.  
  729. .credit {
  730. font-size:8px;
  731. position:fixed;
  732. font-weight:bold;
  733. bottom:5px;
  734. right:15px;
  735. z-index:10;
  736. text-align:right;
  737. letter-spacing:1px;
  738. padding:2px;
  739. border-top:0px solid {color:borders};
  740. }
  741.  
  742. .credit a {
  743. color:{color:links};
  744. text-decoration:none;
  745. }
  746.  
  747. .credit a:hover {
  748. color:{color:links hover};
  749. text-decoration:none;
  750. }
  751.  
  752.  
  753.  
  754. </style>
  755. </head>
  756.  
  757. <body>
  758. <div class="container">
  759.  
  760. <div class="credit">
  761. <a title="theme" href="http://mrsmilicevic.tumblr.com/" target="_blank">MRS</a></div>
  762.  
  763. <div class="sidebar">
  764.  
  765. <div class="ch-grid">
  766. <div class="ch-item">
  767. <div class="ch-info-wrap">
  768. <div class="ch-info">
  769. <div class="ch-info-front"><div class="sidebarimage"><img src="{image:sidebar image}"></div></div>
  770. <div class="ch-info-back">
  771. <div class="description">{Description}</div>
  772. </div></div></div></div></div>
  773.  
  774.  
  775. <div class="stitle">{Title}</div>
  776.  
  777.  
  778. <div class="links">
  779. <a href="/">home</a>
  780. <a href="/ask">inbox</a><br>
  781. {block:IfShowLink1}<a href="{text:link 1 url}">{text:link 1 title}</a>{/block:IfShowLink1}
  782. {block:IfShowLink2}<a href="{text:link 2 url}">{text:link 2 title}</a>{/block:IfShowLink2}<br>
  783. {block:IfShowLink3}<a href="{text:link 3 url}">{text:link 3 title}</a>{/block:IfShowLink3}
  784. {block:IfShowLink4}<a href="{text:link 4 url}">{text:link 4 title}</a>{/block:IfShowLink4}
  785. </a>
  786. </div>
  787.  
  788. </div>
  789.  
  790.  
  791. {block:IfEndlessScrolling}
  792. <div class="autopagerize_page_element">
  793. {/block:IfEndlessScrolling}
  794.  
  795. <div class="entries">
  796. {block:Posts}
  797. <div class="posts">
  798.  
  799.  
  800. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="caption">{Body}</div>{/block:Text}
  801.  
  802. {block:Photo}{block:IfNot400px}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{/block:IfNot400px}{block:If400px}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  803.  
  804. {block:Photoset}{block:IfNot400px}{Photoset-500}{/block:IfNot400px}{block:If400px}{Photoset-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  805.  
  806. {block:Quote}<div class="quote"><span style="font-size:40px; font-family:times; z-index:-1; position:absolute; margin-top:8px; opacity:0.5; margin-left:-10px; color:#cccccc;">&ldquo;</span>{Quote}<span style="font-size:40px; font-family:times; z-index:-1; position:absolute; margin-top:9px; opacity:0.5; margin-left:-10px; color:#cccccc;"></span></div>{block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}{/block:Quote}
  807.  
  808. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  809.  
  810. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>{/block:Chat}
  811.  
  812. {block:Audio}{block:AudioPlayer}
  813. <div class="audiowrapper">
  814.  
  815. {block:AlbumArt}
  816. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  817. {/block:AlbumArt}
  818.  
  819. <div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerGrey}
  820. </div></div></div>
  821.  
  822. <div class="trackdetails">
  823. {block:TrackName}&nbsp;&nbsp;&nbsp;<b>{TrackName}</b>{/block:TrackName} by
  824. {block:Artist}{Artist}{/block:Artist}<br/>
  825. <p>&nbsp;&nbsp;&nbsp;{FormattedPlayCount} PLAYS</div></div></p>
  826. {/block:AudioPlayer}</span>
  827. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  828. {/block:Audio}
  829.  
  830.  
  831. {block:Video}{block:IfNot400px}{Video-500}{/block:IfNot400px}{block:If400px}{Video-400}{/block:If400px}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  832.  
  833. {block:Answer}<div class="question">
  834. <div class="asker"><b>{Asker} said:</b></div>
  835. {Question}</div><br>
  836. <div class="answer">
  837. {Answer}</div>
  838. {/block:Answer}
  839.  
  840.  
  841. <div class="info">
  842. {block:Date}
  843. <a href="{Permalink}">
  844. {DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}
  845. </a>{/block:Date}
  846. &nbsp;&nbsp;–&nbsp;&nbsp;
  847. <a href="{Permalink}">{NoteCountWithLabel}</a>
  848. &nbsp;&nbsp;
  849.  
  850. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">via / </a> {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:links}"> org /</a>{/block:ContentSource}
  851. {/block:RebloggedFrom} <a href="{ReblogURL}" target="_blank" style="color:{color:links}">reblog</a>
  852. </div>
  853.  
  854.  
  855. {block:HasTags}
  856. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} &nbsp;</a>{/block:Tags}</div>
  857. {/block:HasTags}
  858.  
  859.  
  860. </div>
  861.  
  862. {block:PostNotes}
  863. <div class="pagenotes">
  864. {PostNotes}
  865. </div>
  866. {/block:PostNotes}
  867.  
  868. {/block:Posts}
  869.  
  870. <div class="pagination">
  871. {block:IfNotEndlessScrolling}
  872. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&larr; back</a>{/block:PreviousPage}
  873. {block:NextPage}<a href="{NextPage}">next &rarr;</a>{/block:NextPage}{/block:Pagination}
  874. {/block:IfNotEndlessScrolling}
  875. </div>
  876.  
  877. {block:ContentSource}
  878. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  879. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  880. {/block:SourceLogo}
  881. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  882. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  883.  
  884.  
  885.  
  886. </body>
  887.  
  888.  
  889. </div></div></div></div></div></div></div></div></div></div>
  890. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement