nephiliums

Waves

Mar 11th, 2016
661
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.73 KB | None | 0 0
  1. <!-- theme by iristhms@tumblr -->
  2. <!-- do not remove credit!! -->
  3. <!-- base code by sorrism -->
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#cccccc"/>
  18. <meta name="color:Link" content="#a7a7a7"/>
  19. <meta name="color:Link Hover" content="#aaaaaa"/>
  20. <meta name="color:Title"content="#000000"/>
  21. <meta name="color:Scrollbar" content="#d5d5d5" />
  22. <meta name="color:Borders" content="#eee"/>
  23. <meta name="color:updates tab" content="#fff"/>
  24. <meta name="color:post background" content="#fff"/>
  25. <meta name="color:soundcloud player" content="#fff"/>
  26.  
  27. <meta name="if:Hide Captions" content="0"/>
  28. <meta name="if:Hide Tags" content="1"/>
  29. <meta name="if:Hover Tags" content="1"/>
  30. <meta name="if:Infinite Scroll" content="1"/>
  31. <meta name="if:Hover Perma" content="1"/>
  32. <meta name="if:Hover Nav" content="1"/>
  33. <meta name="if:250px" content="1" />
  34. <meta name="if:300px" content="0" />
  35. <meta name="if:400px" content="0" />
  36. <meta name="if:rounded edges" content="0" />
  37. <meta name="if:open link in new tab" content="0" />
  38. <meta name="if:updates tab" content="1"/>
  39. <meta name="if:updates tab link 4" content="1"/>
  40. <meta name="if:updates tab link 5" content="1"/>
  41. <meta name="if:updates tab link 6" content="1"/>
  42.  
  43.  
  44. <meta name="text:Home Title" content="index"/>
  45. <meta name="text:Ask Title" content="message"/>
  46. <meta name="text:Archive Title" content="history"/>
  47. <meta name="text:Link 1 URL" content="" />
  48. <meta name="text:Link 1" content="" />
  49. <meta name="text:Link 2 URL" content="" />
  50. <meta name="text:Link 2" content="" />
  51. <meta name="text:Link 3 URL" content="" />
  52. <meta name="text:Link 3" content="" />
  53. <meta name="text:updates tab title" content="+"/>
  54. <meta name="text:updates" content="write anything here. use <br> to separate, <b>text here</b> to bold, <p> for paragraphs"/>
  55.  
  56. <meta name="text:updates tab link 4 title" content="link">
  57. <meta name="text:updates tab link 4 url" content="/">
  58. <meta name="text:updates tab link 5 title" content="link">
  59. <meta name="text:updates tab link 5 url" content="/">
  60. <meta name="text:updates tab link 6 title" content="link">
  61. <meta name="text:updates tab link 6 url" content="/">
  62.  
  63. <meta name="image:Header" content=""/>
  64.  
  65. <!-- jquery -->
  66.  
  67. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  68.  
  69. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  70. <script>
  71. $(document).ready(function() {
  72. $(document).tooltip({
  73. track:true
  74. });
  75. });
  76. </script>
  77.  
  78.  
  79. <!--CSS customization here. -->
  80.  
  81. <style type="text/css">
  82.  
  83. /*tooltip*/
  84.  
  85. .ui-tooltip {
  86. position:Absolute;
  87. z-index:9999;
  88. padding-top:10px;
  89. }
  90.  
  91. .ui-tooltip-content {
  92. background:{color:background};
  93. padding:2px 4px;
  94. font-size:8px;
  95. text-transform:uppercase;
  96. border:1px solid {color:borders};
  97. line-height:10px;
  98. letter-spacing:1px;
  99. }
  100.  
  101. /*tumblr controls and lightbox*/
  102.  
  103. #tumblr_lightbox {
  104. background-color:rgba(255, 255, 255, .9)!important;
  105. z-index:99999!important;
  106. }
  107.  
  108. #tumblr_lightbox img {opacity:0;}
  109.  
  110. #tumblr_lightbox_caption {
  111. font-weight:normal!important;
  112. text-shadow:none!important;
  113. }
  114.  
  115. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  116. -moz-box-shadow:none!important;
  117. -webkit-box-shadow:none!important;
  118. box-shadow:none!important;
  119. -moz-border-radius:0px!important;
  120. -webkit-border-radius:0px!important;
  121. border-radius:0px!important;
  122. opacity:1!important;
  123. }
  124.  
  125. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  126.  
  127. iframe#tumblr_controls {
  128. white-space:nowrap!important;
  129. -webkit-filter:invert(100%)!important;
  130. -moz-filter:invert(100%)!important;
  131. -ms-filter:invert(100%)!important;
  132. -o-filter:invert(100%)!important;
  133. filter:invert(100%)!important;
  134. top:10px!important;
  135. right:10px!important;
  136. position:fixed!important;
  137. opacity:.3!important;
  138. }
  139.  
  140. /*scrollbar*/
  141.  
  142. ::-webkit-scrollbar{
  143. height:3px;
  144. width:5px;
  145. background:inherit;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  149.  
  150. ::-webkit-scrollbar-track {background:transparent;}
  151.  
  152. /*main structure*/
  153.  
  154. body {
  155. background:{color:background};
  156. color:{color:text};
  157. font-family:'trebuchet ms';
  158. font-size:9px;
  159. font-weight:normal;
  160. position:relative;
  161. text-align:left;
  162. margin:0;
  163. line-height:1.5em;
  164. }
  165.  
  166. blockquote {
  167. padding-left:10px;
  168. border-left:2px solid {color:borders};
  169. margin:5px 0;
  170. text-align:left;
  171. }
  172.  
  173. .caption blockquote {margin:0;}
  174.  
  175. pre {
  176. white-space: pre-wrap; /* css-3 */
  177. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  178. white-space: -pre-wrap; /* Opera 4-6 */
  179. white-space: -o-pre-wrap; /* Opera 7 */
  180. word-wrap: break-word; /* Internet Explorer 5.5+ */
  181. }
  182.  
  183. a {
  184. color:{color:link};
  185. text-decoration:none;
  186. cursor:help;
  187. border-bottom:1px solid {color:borders};
  188. }
  189.  
  190. a:hover {
  191. text-decoration:none;
  192. color:{color:link hover};
  193. border-color:{color:link hover};
  194. }
  195.  
  196. img {
  197. opacity:1;
  198. border:none;
  199. text-decoration:none;
  200. }
  201.  
  202. p {margin:5px 0;}
  203.  
  204. p:first-of-type {
  205. margin-top:0;
  206. padding-top:0;
  207. }
  208.  
  209. p:last-of-type {
  210. margin-bottom:0;
  211. padding-bottom:0;
  212. }
  213.  
  214. b, strong {color:{color:title};}
  215.  
  216. small, big {font-size:1em;}
  217.  
  218. h1, h2, h3, h4 {
  219. font-size:1em;
  220. color:{color:title};
  221. margin:0;
  222. padding:0;
  223. }
  224.  
  225. /*header*/
  226.  
  227. .header {
  228. width:400px;
  229. margin:100px auto 0px auto;
  230. position:relative;
  231. padding-bottom:5px;
  232.  
  233. }
  234. .headerimage{
  235. width:70px;
  236. height:70px;
  237. left:-40px;
  238. position:absolute;
  239. display:block;
  240.  
  241. }
  242. .header img {
  243. position:absolute;
  244. display:block;
  245. left: -40px;
  246. width:70px;
  247. height:70px;
  248. -moz-border-radius:45px 5px 55px 55px;
  249. -webkit-border-radius:45px 55px 0px 55px;
  250. border-radius:35px 0px 35px 0px;
  251. margin-bottom:25px;
  252. -webkit-transition: all 0.4s ease-in-out;
  253. -moz-transition: all 0.4s ease-in-out;
  254. -o-transition: all 0.4s ease-in-out;
  255.  
  256.  
  257. }
  258.  
  259.  
  260. .more{
  261. position:absolute;
  262.  
  263. }
  264. #blogtitle {
  265.  
  266. font-size:18px;
  267. top:8px;
  268. font-weight:bold;
  269. letter-spacing:2px;
  270. color:{color:title};
  271. border:0;
  272. position:relative;
  273. text-align:right;
  274. left:75px;
  275. }
  276.  
  277. #description {
  278.  
  279. {block:if250px}
  280. width:250px;
  281. {/block:if250px}
  282. {block:if300px}
  283. width:300px;
  284. {/block:if300px}
  285. {block:if400px}
  286. width:400px;
  287. {/block:if400px}
  288. position:relative;
  289. text-align:right;
  290. margin:10px 0;
  291. text-transform:lowercase;
  292. letter-spacing:1px;
  293. {block:if250px}
  294. left:80px;
  295. {/block:if250px}
  296. {block:if300px}
  297. left:80px;
  298. {/block:if300px}
  299. {block:if400px}
  300. left:80px;
  301. {/block:if400px}
  302. }
  303.  
  304. nav {
  305. letter-spacing:1px;
  306. {block:ifhovernav}
  307. opacity:0;
  308. {/block:ifhovernav}
  309. text-align:right;
  310. {block:if250px}
  311. margin-right:75px;
  312. {/block:if250px}
  313. {block:if300px}
  314. margin-right:25px;
  315. {/block:if300px}
  316. {block:if400px}
  317. margin-right:-75px;
  318. {/block:if400px}
  319. text-align:right;
  320. {block:ifupdatestab}
  321. {block:if250px}
  322. margin-right:85px;
  323. {/block:if250px}
  324. {block:if300px}
  325. margin-right:35px;
  326. {/block:if300px}
  327. {block:if400px}
  328. margin-right:-85px;
  329. {/block:if400px}
  330. {/block:ifupdatestab}
  331.  
  332. -webkit-transition: all 0.4s ease-in-out;
  333. -moz-transition: all 0.4s ease-in-out;
  334. -o-transition: all 0.4s ease-in-out;
  335. }
  336. .header:hover nav{
  337. {block:ifhovernav}
  338. opacity:1;
  339. {/block:ifhovernav}
  340. }
  341. nav a {
  342. display:inline-block;
  343. margin-right:5px;
  344. border:0;
  345. transition:0.5s ease;
  346. -o-transition:0.5s ease;
  347. -moz-transition:0.5s ease;
  348. -webkit-transition:0.5s ease;
  349. }
  350. nav a:hover {
  351. text-decoration:underline;
  352.  
  353. }
  354. navi a i{vertical-align:top;}
  355.  
  356. }
  357.  
  358. nav a:last-of-type::after {display:none;}
  359.  
  360. nav a:hover::after {color:{color:link};}
  361.  
  362. /*updatestab*/
  363.  
  364. .updates{
  365. position:fixed;
  366. width:25%;
  367. height:100%;
  368. top: 0px;
  369. left:0px;
  370. color:{color:links};
  371. background-color:{color:updates tab};
  372. z-index:999;
  373. font-size:8px;
  374. font-family:'trebuchet ms';
  375. display:none;
  376. border-right:1px solid {color:borders};
  377. text-transform:uppercase;
  378. letter-spacing:1px;
  379. }
  380. .close {
  381. height:100vh;
  382. width:100%;
  383. position: fixed;
  384. top: 0;
  385. right: 0;
  386. bottom: 0;
  387. left: 0;
  388. z-index:-1;
  389. }
  390. section {
  391. -webkit-animation-name: fade-in;
  392. -webkit-animation-duration: 1.0s;
  393. width:250px;
  394. margin:250px auto;
  395. z-index:1;
  396. }
  397.  
  398.  
  399.  
  400. /*pagination*/
  401.  
  402. #pagination {
  403. color:{color:link};
  404. text-transform:uppercase;
  405. font-size:8px;
  406. letter-spacing:1px;
  407. border-top:1px solid {color:borders};
  408. padding-top:10px;
  409. {block:if250px}
  410. width:250px;
  411. {/block:if250px}
  412. {block:if300px}
  413. width:300px;
  414. {/block:if300px}
  415. {block:if400px}
  416. width:400px;
  417. {/block:if400px}
  418. {block:ifinfinitescroll}
  419. display:none;
  420. {/block:ifinfinitescroll}
  421.  
  422. }
  423.  
  424. #pagination span {
  425. float:right;
  426. display:inline-block;
  427. }
  428.  
  429. .current_page {
  430. font-weight:bold;
  431. color:{color:link hover};
  432. }
  433.  
  434. #pagination a {
  435. display:inline-block;
  436. border:0;
  437. margin:0 5px;
  438. }
  439.  
  440. #infscr-loading {display:none!important;}
  441.  
  442. /*posts*/
  443.  
  444. #entries {
  445. left:50%;
  446. margin:50px auto 100px auto;
  447. }
  448.  
  449. .posts {
  450. border:1px solid {color:borders};
  451. padding:9px;
  452. background:{color:post background};
  453. {block:ifroundededges}
  454. -moz-border-radius: 15px;
  455. -webkit-border-radius: 15px;
  456. border-radius:15px;
  457. {/block:ifroundededges}
  458. {block:if250px}
  459. width:250px;
  460. {/block:if250px}
  461. {block:if300px}
  462. width:300px;
  463. {/block:if300px}
  464. {block:if400px}
  465. width:400px;
  466. {/block:if400px}
  467. {block:indexpage}
  468. margin-bottom:100px;
  469. {/block:indexpage}
  470. position:relative;
  471. display:block;
  472. }
  473.  
  474. .posts img {max-width:400px;{block:ifroundededges}
  475. -moz-border-radius: 15px;
  476. -webkit-border-radius: 15px;
  477. border-radius:15px;
  478. {/block:ifroundededges}}
  479.  
  480.  
  481. .media img, .media iframe {
  482. {block:ifroundededges}
  483. border-radius:15px;
  484. {/block:ifroundededges}
  485.  
  486. display:block;
  487. {block:if250px}
  488. width:250px;
  489. {/block:if250px}
  490. {block:if300px}
  491. width:300px;
  492. {/block:if300px}
  493. {block:if400px}
  494. width:400px;
  495. {/block:if400px}
  496. }
  497.  
  498. a.tumblr_blog {
  499. display:inline-block;
  500. margin-bottom:10px;
  501. }
  502.  
  503. .posts img, .posts li, .posts blockquote {max-width:100%;}
  504.  
  505. .caption img, .caption iframe {max-width:100%;}
  506.  
  507. #title {
  508. font-size:12px;
  509. margin-bottom:15px;
  510. color:{color:title};
  511. }
  512.  
  513. #title a {
  514. color:{color:title};
  515. display:inline-block;
  516. border:0;
  517. }
  518.  
  519. #title a:hover {color:{color:link hover};}
  520.  
  521. .caption {
  522. margin-top:15px;
  523. {block:ifhidecaptions}
  524. {block:indexpage}
  525. display:none;
  526. {/block:indexpage}
  527. {/block:ifhidecaptions}
  528. }
  529.  
  530. /*quote*/
  531.  
  532. #titlequote {font-size:10px;}
  533.  
  534. #source {margin-top:10px;}
  535.  
  536. /*audio*/
  537.  
  538. .tumblr_audio_player {
  539. width:250px;
  540. height:30px;
  541. margin-top:-2px;
  542. {block:ifroundededges}
  543. border-radius:15px;
  544. {/block:ifroundededges}
  545. }
  546.  
  547. .player {
  548. width:75px;
  549. height:25px;
  550. display:block;
  551. overflow:hidden;
  552. {block:ifroundededges}
  553. border-radius:15px;
  554. {/block:ifroundededges}
  555. }
  556.  
  557. .hold {
  558. background:#e4e4e4;
  559. display:block;
  560. opacity:.7;
  561. padding:15px;
  562. {block:ifroundededges}
  563. border-radius:15px;
  564. {/block:ifroundededges}
  565. }
  566.  
  567. .audio_info {
  568. padding:15px 0;
  569. border-bottom:1px solid {color:borders};
  570. }
  571.  
  572.  
  573. /*asks*/
  574.  
  575. .q {
  576. padding-bottom:15px;
  577. margin-bottom:15px;
  578. border-bottom:1px solid {color:borders};
  579.  
  580. }
  581.  
  582. .as {
  583. margin-right:5px;
  584. display:inline-block;
  585. }
  586.  
  587. .as a {
  588. color:{color:text};
  589. border:0;
  590. }
  591.  
  592. .as a:hover {color:{color:link hover};}
  593.  
  594. /*chat*/
  595.  
  596. .chat {
  597. margin:0;
  598. padding:0;
  599. list-style:none;
  600. {block:ifroundededges}
  601. border-radius:15px;
  602. {/block:ifroundededges}
  603. }
  604.  
  605. .l {
  606. padding-bottom:15px;
  607. margin-top:15px;
  608. border-bottom:1px solid {color:borders};
  609. }
  610.  
  611. .label {
  612. font-weight:bold;
  613. color:{color:title};
  614. display:inline-block;
  615. }
  616.  
  617. .l:first-of-type {margin-top:0;}
  618.  
  619. .l:last-of-type {
  620. padding-bottom:0;
  621. border:0;
  622. }
  623.  
  624. /*permalink and notes*/
  625.  
  626. #when {
  627. display:block;
  628. width:80px;
  629. position:absolute;
  630. top:0;
  631.  
  632. padding-left:10px;
  633.  
  634. {block:indexpage}
  635. {block:if250px}
  636. left:350px;
  637. {/block:if250px}
  638. {block:if300px}
  639. left:400px;
  640. {/block:if300px}
  641. {block:if400px}
  642. left:500px;
  643. {/block:if400px}
  644. {block:ifHoverPerma}
  645. {block:if250px}
  646. left:310px;
  647. {/block:if250px}
  648. {block:if300px}
  649. left:350px;
  650. {/block:if300px}
  651. {block:if400px}
  652. left:440px;
  653. {/block:if400px}
  654. opacity:0;
  655. {/block:ifHoverPerma}
  656. {/block:indexpage}
  657. -webkit-transition: all 0.4s ease-in-out;
  658. -moz-transition: all 0.4s ease-in-out;
  659. -o-transition: all 0.4s ease-in-out;
  660. }
  661. .posts:hover #when{
  662. {block:ifHoverPerma}
  663. opacity:1;
  664. {block:if250px}
  665. left:350px;
  666. {/block:if250px}
  667. {block:if300px}
  668. left:400px;
  669. {/block:if300px}
  670. {block:if400px}
  671. left:500px;
  672. {/block:if400px}
  673. {/block:ifHoverPerma}
  674.  
  675. }
  676.  
  677. #when a {
  678. display:block;
  679. margin:5px 0;
  680. border:0;
  681. }
  682.  
  683. #permalink {margin-top:15px;}
  684.  
  685. #permalink a {
  686. display:inline-block;
  687. border:0;
  688. margin-right:5px;
  689. }
  690. .date:before {
  691. {block:indexpage}
  692. content:'';
  693. height:1px;
  694. background:{color:borders};
  695. display:inline-block;
  696. width:55px;
  697. float:left;
  698. margin-left:-75px;
  699. margin-right:-50px;
  700. margin-top:8px;
  701. {block:ifHoverPerma}
  702. opacity:0;
  703. {/block:ifHoverPerma}
  704. {/block:indexpage}
  705. -webkit-transition: all 0.6s ease-in-out;
  706. -moz-transition: all 0.6s ease-in-out;
  707. -o-transition: all 0.6s ease-in-out;
  708. }
  709. .posts:hover .date:before{
  710. {block:indexpage}
  711. {block:ifHoverPerma}
  712. opacity:1;
  713. {/block:ifHoverPerma}
  714. {/block:indexpage}
  715. }
  716. #permalink a:hover {color:{color:link hover};}
  717.  
  718. #permalink span {display:block;}
  719.  
  720. .tags {
  721. position:absolute;
  722. padding-top:20px;
  723. border:0px;
  724. {block:indexpage}
  725. {block:ifHideTags}
  726. display:none;
  727. {/block:ifHideTags}
  728. {block:ifHoverTags}
  729. opacity:0;
  730. {/block:ifHoverTags}
  731. {/block:indexpage}
  732. -webkit-transition: all 0.4s ease-in-out;
  733. -moz-transition: all 0.4s ease-in-out;
  734. -o-transition: all 0.4s ease-in-out;
  735. }
  736.  
  737. .posts:hover .tags{
  738. {block:indexpage}
  739. {block:ifHoverTags}
  740. opacity:1;
  741. {/block:ifHoverTags}
  742. {/block:indexpage}
  743. }
  744. .tags a{
  745. border:0px;
  746. }
  747. .tags a:hover {
  748. display:inline-block;
  749. color:{color:link hover};
  750. right:-100px;
  751.  
  752. }
  753.  
  754. .pagenotes {
  755. padding-left:10px;
  756. {block:if250px}
  757. width:250px;
  758. {/block:if250px}
  759. {block:if300px}
  760. width:300px;
  761. {/block:if300px}
  762. {block:if400px}
  763. width:400px;
  764. {/block:if400px}
  765. margin-top:15px;
  766. padding-top:15px;
  767. text-align:center;
  768. text-transform:uppercase;
  769. font-size:8px;
  770. letter-spacing:1px;
  771. border-top:1px solid {color:borders};
  772.  
  773. }
  774.  
  775. .pagenotes a {border:0;}
  776.  
  777. ol.notes {
  778. list-style-type:none;
  779. text-align:left;
  780. padding:10px;
  781. margin:0px;
  782. }
  783.  
  784. ol.notes li.note {
  785. display:block;
  786. padding:0;
  787. margin:5px 0;
  788. }
  789.  
  790. ol.notes li.note img.avatar {display:none!important;}
  791.  
  792. a.more_notes_link {
  793. display:block;
  794. text-align:left;
  795. border:0;
  796. color:{color:title};
  797. }
  798. /*credit*/
  799.  
  800. .credit {
  801. font-size:8px;
  802. position:fixed;
  803. font-weight:bold;
  804. bottom:5px;
  805. font-family:'trebuchet ms';
  806. right:15px;
  807. z-index:10;
  808. text-align:right;
  809. letter-spacing:1px;
  810. padding:2px;
  811. }
  812.  
  813. .credit a {
  814. color:{color:links};
  815. text-decoration:none;
  816. }
  817.  
  818. .credit a:hover {
  819. color:{color:links hover};
  820. text-decoration:none;
  821. }
  822.  
  823. {CustomCSS}
  824.  
  825. </style>
  826. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  827. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  828.  
  829. </head>
  830.  
  831. <body>
  832. <script>$(function(){
  833. $("#modal").click(function(){
  834. id = $(this).attr("id");
  835. $(".updates."+id).fadeIn();
  836. });
  837. $("a.close").click(function(){
  838. $(".updates").fadeOut();
  839. });
  840. });</script>
  841.  
  842. <div class="updates modal">
  843. <a class="close"></a>
  844.  
  845. <section>{text:updates}
  846. <p>
  847. {block:ifupdatestablink4}
  848. <li><a href="{text:updates tab link 4 url}">{text:updates tab link 4 title}</a></li>{/block:ifupdatestablink4}
  849. <p>
  850. {block:ifupdatestablink5}
  851. <li><a href="{text:updates tab link 5 url}">{text:updates tab link 5 title}</a></li>
  852. <p>{/block:ifupdatestablink5}
  853. {block:ifupdatestablink6}
  854. <li><a href="{text:updates tab link 6 url}">{text:updates tab link 6 title}</a></li>
  855. <p>{/block:ifupdatestablink6}
  856.  
  857. </div>
  858. <div class="header">
  859. <img src="{image:header}"><div class="headerimage"></div>
  860.  
  861.  
  862.  
  863. <a id="blogtitle" href="/">{title}</a>
  864. <div id="description">{description}</div>
  865. <nav><a href="/">index</a>&nbsp&nbsp&nbsp</a><a href="/ask">ask</a>&nbsp&nbsp&nbsp<a href="/archive">{text:archive title}</a>&nbsp&nbsp&nbsp{block:ifupdatestab}<a id="modal" class="more" title="click">{text:updates tab title}</a>{/block:ifupdatestab}<p><p>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}&nbsp&nbsp&nbsp{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}&nbsp&nbsp&nbsp{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}</nav>
  866. </div>
  867. <section id="entries">
  868. <div class="credit">
  869. <a title="theme" href="http://iristhms.tumblr.com/" target="_blank">cr.</a></div>
  870. {block:Posts}
  871. <article class="posts">
  872.  
  873. {block:Quote}
  874. <div id="titlequote">{Quote}</div>
  875. {block:Source}<div id="source">{Source}</div>{/block:Source}
  876. {/block:Quote}
  877.  
  878. {block:Text}
  879. {block:Title}<div id="title">{Title}</div>{/block:Title}
  880. {Body}
  881. {/block:Text}
  882.  
  883. {block:Link}
  884. <div id="title"><a href="{URL}">{Name}</a></div>
  885. {block:Description}{Description}{/block:Description}
  886. {/block:Link}
  887.  
  888. {block:Chat}
  889. {block:Title}<div id="title">{Title}</div>{/block:Title}
  890. <ol class="chat">
  891. {block:Lines}
  892. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  893. {/block:Lines}
  894. </ol>
  895. {/block:Chat}
  896.  
  897. {block:Photo}
  898. <div class="media"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  899. {/block:Photo}
  900.  
  901. {block:Photoset}<div class="media">{photoset}</div>{/block:Photoset}
  902.  
  903. {block:Video}<div class="media">{Video-500}</div>{/block:Video}
  904.  
  905. {block:Audio}{block:AudioPlayer}<div class="hold"><div class="player">{AudioPlayergrey}</div></div>{/block:AudioPlayer}<div class="audio_info">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}</div>
  906. {/block:Audio}
  907.  
  908. {block:Answer}
  909. <div class="q"><span class="as">{Asker} sent &mdash;</span>{Question}</div><div class="a">{Answer}</div>
  910. {/block:Answer}
  911.  
  912. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  913.  
  914. {block:indexpage}{block:Date}
  915. <div id="when">
  916. <a href="{Permalink}" {block:ifopenlinkinewtab}target="_blank"{/block:ifopenlinkinewtab} ><span class="date">{month} {dayofmonth}</span></a>{block:NoteCount}<a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:RebloggedFrom}
  917. <a href="{ReblogParentURL}" title="{ReblogParenttitle}">via </a>
  918. {block:ContentSource}
  919. {/block:ContentSource}
  920. {/block:RebloggedFrom}<a href="{ReblogURL}" target="_blank">reblog</a>
  921. </div>
  922. {/block:Date}{/block:indexpage}
  923. {block:indexpage}
  924. {block:HasTags}<span class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}&nbsp&nbsp &nbsp</a> {/block:Tags}</span>{/block:HasTags}
  925. {/block:indexpage}
  926. {block:permalinkpage}{block:Date}
  927. <div id="permalink">
  928. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>{block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}{block:HasTags}<span>Tagged: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  929. {/block:Date}{/block:permalinkpage}
  930.  
  931. </article>
  932.  
  933. {block:PostNotes}
  934. <div class="pagenotes">
  935. <div id="title">{notecountwithlabel}</div>{PostNotes}</div>
  936. {/block:PostNotes}
  937.  
  938.  
  939. </div>
  940. {/block:Posts}
  941.  
  942. {block:Pagination}<footer id="pagination"><span>{block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">forth</a>{/block:NextPage}</span>{block:JumpPagination length="5"}{block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}</footer>{/block:Pagination}
  943.  
  944. </section>
  945.  
  946. {block:indexpage}
  947. {block:ifinfinitescroll}
  948. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  949.  
  950. <script>
  951. $(document).ready(function(){
  952. var $container = $('#entries');
  953. $container.infinitescroll({
  954. itemSelector: '.posts',
  955. navSelector: '#pagination',
  956. nextSelector: '#pagination a',
  957. loadingImg: '',
  958. loadingText: '<em></em>',
  959. bufferPx: 100
  960. });
  961. });
  962. </script>
  963. {/block:ifinfinitescroll}
  964. {/block:indexpage}
  965.  
  966. {block:ContentSource}
  967. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  968. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  969. {/block:SourceLogo}
  970. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  971. {/block:ContentSource}
  972.  
  973. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  974. <script>
  975. // minimal soundcloud player © shythemes.tumblr
  976. $(document).ready(function(){
  977. var color = '{color:soundcloud player}'; // color of play button (hex)
  978. $('.soundcloud_audio_player').each(function(){
  979. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  980. });
  981. });
  982. </script>
  983. </body></html>
Add Comment
Please, Sign In to add comment