senpiez

senpiez theme ten

May 20th, 2014
36,403
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.73 KB | None | 0 0
  1. <!-------------------------------------------------
  2.  
  3. ✧・゚:*✧・゚:* \(◕‿◕✿)/ *:・゚✧*:・゚✧
  4. theme made by senpiez.tumblr.com
  5. please dont steal my theme
  6. i dont like being mean
  7. but my codings take me a really long time to make
  8. and it would mean the world to me
  9. if you wouldnt be a butt
  10. by stealing my themes.
  11. also
  12. it is illegal
  13. :~)
  14. have a nice day
  15. and enjoy this theme <3
  16. ✧・゚:*✧・゚:* \(◕ω◕✿)/ *:・゚✧*:・゚✧
  17.  
  18. -------------------------------------------------->
  19.  
  20.  
  21.  
  22. <html lang="en">
  23.  
  24. <head>
  25.  
  26. <meta name="color:Background" content="#ffffff"/>
  27. <meta name="color:Text" content="#aaa"/>
  28. <meta name="color:Link" content="#80060a"/>
  29. <meta name="color:Hover" content="#000"/>
  30. <meta name="color:description" content="#777"/>
  31. <meta name="color:border" content="#777"/>
  32. <meta name="color:post background" content="#fff"/>
  33. <meta name="color:perma background" content="#f1f1f1"/>
  34. <meta name="color:top nav bg" content="#f1f1f1"/>
  35.  
  36. <meta name="image:Background" content=""/>
  37. <meta name="image:side image" content="" />
  38.  
  39. <meta name="if:2 columns" content="1"/>
  40. <meta name="if:400px" content="0"/>
  41. <meta name="if:show tags" content="1"/>
  42. <meta name="if:top nav" content="1"/>
  43. <meta name="if:faded nav" content="0"/>
  44. <meta name="if:faded permalinks" content="0"/>
  45. <meta name="if:white nav" content="0"/>
  46. <meta name="if:white permalinks" content="0"/>
  47. <meta name="if:shadow" content="1"/>
  48. <meta name="if:rounded corners" content="0"/>
  49. <meta name="if:faded images" content="1" />
  50. <meta name="if:transparent posts" content="0" />
  51. <meta name="if:semitransparent posts" content="0" />
  52. <meta name="if:no borders" content="0" />
  53. <meta name="if:Maximised Background Image" content="0"/>
  54.  
  55.  
  56. <meta name="text:link 1 title" content="link 1" />
  57. <meta name="text:link 1 url" content="/" />
  58. <meta name="text:link 2 Title" content="link 2" />
  59. <meta name="text:link 2 url" content="/" />
  60. <meta name="text:link 3 title" content="link 3" />
  61. <meta name="text:link 3 url" content="/" />
  62. <meta name="text:link 4 title" content="link 4"/>
  63. <meta name="text:link 4 url" content="/"/>
  64. <meta name="text:link 5 title" content="link 5"/>
  65. <meta name="text:link 5 url" content="/"/>
  66.  
  67. <meta name="select:side image position" content="bottom:-5px;left:-10px;" title="bottom left" />
  68. <meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
  69. <meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
  70. <meta name="select:side image position" content="top:0px;left:5px;" title="top left" />
  71.  
  72.  
  73.  
  74. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  75. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  76. <script>
  77. (function($){$(document)
  78. .ready(function(){$("[title]")
  79. .style_my_tooltips();});})
  80. (jQuery);
  81. </script>
  82.  
  83.  
  84. <style type="text/css">
  85.  
  86. /* Mozilla based browsers */
  87.  
  88. ::-moz-selection {
  89. background-color: {color:selection bg};
  90. color: {color:selection text};
  91.  
  92. }
  93.  
  94. /* Works in Safari */
  95.  
  96. ::selection {
  97. background-color: {color:selection bg};
  98. color: {color:selection text};
  99.  
  100.  
  101. }
  102.  
  103.  
  104. /* Mozilla based browsers */
  105.  
  106. ::-moz-selection {
  107. background-color: {color:selection bg};
  108. color: {color:selection text};
  109.  
  110.  
  111. }
  112.  
  113. /* Works in Safari */
  114.  
  115. ::selection {
  116. background-color: {color:selection bg};
  117. color: {color:selection text};
  118.  
  119.  
  120. }
  121.  
  122.  
  123.  
  124.  
  125. /***Edit Scrollbar Here***/
  126.  
  127. ::-webkit-scrollbar-thumb:vertical {
  128. background:{color:scrollbar};
  129. border:1px solid {color:border};
  130. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  131.  
  132. }
  133.  
  134.  
  135. ::-webkit-scrollbar-thumb:horizontal {
  136. background-color: {color:scrollbar};
  137. height: 4px;
  138. border:1px solid {color:borders};
  139.  
  140. }
  141.  
  142.  
  143. ::-webkit-scrollbar {
  144. width:9px;
  145. background: transparent;
  146. height:4px;
  147.  
  148. }
  149.  
  150.  
  151. ::-webkit-scrollbar-track {
  152. background: transparent;
  153. width:9px;
  154.  
  155. }
  156.  
  157.  
  158.  
  159. /***Edit Tumblr Controls Here***/
  160.  
  161. iframe#tumblr_controls {
  162. position: fixed !important;
  163. -webkit-transition: opacity 0.7s linear;
  164. opacity: 0.09;
  165. -webkit-transition: all 0.8s ease-out;
  166. -moz-transition: all 0.8s ease-out;
  167. transition: all 0.8s ease-out;
  168. -webkit-filter:invert(100%);
  169.  
  170. }
  171.  
  172.  
  173. iframe#tumblr_controls:hover{
  174. -webkit-transition: opacity 0.7s linear;
  175. opacity: 0.8;
  176. -webkit-transition: all 0.4s ease-out;
  177. -moz-transition: all 0.4s ease-out;
  178. transition: all 0.4s ease-out;
  179.  
  180. }
  181.  
  182.  
  183.  
  184. /***Edit Hovered Text Here***/
  185.  
  186. #s-m-t-tooltip {
  187. padding: 3px;
  188. height:auto;
  189. display: none;
  190. font-family: arial;
  191. font-size: 10px;
  192. text-transform:lowercase;
  193. text-align: center;
  194. letter-spacing:1px;
  195. margin-top:10px;
  196. margin-left: 15px;
  197. line-height: 8px;
  198. z-index: 999999999999;
  199. border-radius:3px;
  200. border: 1px solid #777;
  201. background:#ffffff;
  202. color: #888;
  203.  
  204. }
  205.  
  206.  
  207. {block:IfMaximisedBackgroundImage}
  208. #bg img {
  209. z-index:-2;
  210. position:fixed;
  211. top:0;
  212. left:0;
  213. height:100%;
  214. width:100%;
  215.  
  216. }
  217. {/block:IfMaximisedBackgroundImage}
  218.  
  219.  
  220. /*** side image: DO NOT EDIT ***/
  221.  
  222.  
  223. #bgim {
  224. z-index: -1;
  225. {select:side image position}
  226. position: fixed;
  227.  
  228. }
  229.  
  230.  
  231.  
  232. /***Edit Theme Here***/
  233.  
  234.  
  235. body{
  236. margin:5px;
  237. background-color: {color:Background};
  238. background-image:url({image:background});
  239. background-attachment: fixed;
  240. background-size:;
  241. background-repeat: repeat;
  242. font-size: 10px;
  243. font-family: arial;
  244. text-transform:lowercase;
  245. line-height:12px;
  246. color:{color:Text};
  247. letter-spacing:1px;
  248. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  249.  
  250. }
  251.  
  252.  
  253. a:link, a:active, a:visited{
  254. color:{color:link};
  255. text-decoration: none;
  256.  
  257. }
  258.  
  259.  
  260. a:hover {
  261. color:{color:hover};
  262. cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
  263.  
  264. }
  265.  
  266.  
  267. #poo{
  268. {block:ifnot2columns}
  269. width:250px;
  270. {block:ifnot2columns}
  271. {block:if2columns}
  272. width:850px;
  273. {block:if2columns} height:auto;}
  274. {block:PermalinkPage}
  275. width:410px;
  276. {/block:PermalinkPage}
  277.  
  278. }
  279.  
  280.  
  281. #container{
  282. padding-top:3px;
  283. padding-bottom:3px;
  284. position:fixed !important;
  285. {block:ifnot2columns}
  286. width:250px;
  287. {block:ifnot2columns}
  288. {block:if2columns}
  289. width:850px;
  290. {block:if2columns}
  291. height:207px;
  292. background-color:#fff;
  293. {block:PermalinkPage}
  294. width:410px;
  295. height:207px;
  296. {/block:PermalinkPage}
  297.  
  298. }
  299.  
  300.  
  301.  
  302. #posts{
  303. {block:ifnot2columns}
  304. width:250px;
  305. margin-left: 450px;
  306. {block:ifnot2columns}
  307. {block:if2columns}
  308. width:750px;
  309. margin-left: 350px;
  310. {block:if2columns}
  311. height:100px;
  312. {block:permalinkpage}
  313. width:400px;
  314. margin-top: 120px;
  315. {/block:permalinkpage}
  316. margin-top: 20px;
  317. z-index:9999;
  318.  
  319.  
  320. }
  321.  
  322.  
  323.  
  324. #entry{
  325. font-size:10px;
  326. font-family:arial;
  327. text-align:left;
  328. z-index:1;
  329. float:left;
  330. display:block;
  331. {block:ifnot400px}
  332. width:250px;
  333. {/block:ifnot400px}
  334. {block:if400px}
  335. width:400px;
  336. {/block:if400px}
  337. overflow:hidden;
  338. margin:30px;
  339. margin-left:20px;
  340. margin-top:30px;
  341. padding-bottom: 7px;
  342. padding-left:10px;
  343. padding-right:10px;
  344. padding-top:25px;
  345. background-color: {color:post background};
  346. {block:PermalinkPage}
  347. width:400px;
  348. line-height:22px;
  349. margin-left:30px;
  350. {/block:PermalinkPage}
  351. line-height:11px;
  352. {block:iftransparentposts}
  353. background:transparent;
  354. {/block:iftransparentposts}
  355. {block:ifsemitransparentposts}
  356. background: rgba(255,255,255,.7);
  357. {/block:ifsemitransparentposts}
  358. border:1px solid {color:border};
  359. {block:ifnoborders}
  360. border:0px;
  361. {/block:ifnoborders}
  362. {block:ifshadow}
  363. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  364. {/block:ifshadow}
  365. {block:ifroundedcorners}
  366. border-radius: 5px;
  367. {/block:ifroundedcorners}
  368. background-image:URL();
  369. -webkit-transition: all .7s ease;
  370. -moz-transition: all .7s ease;
  371. -o-transition: all .7s ease;
  372. transition: all .7s ease;
  373.  
  374. }
  375.  
  376.  
  377.  
  378. #entry img{
  379. {block:iffadedimages}
  380. opacity:0.8;
  381. -webkit-filter: Grayscale(40%);
  382. {/block:iffadedimages}
  383. max-width:100%;
  384. {block:permalinkpage}
  385. float:center;
  386. width:auto;
  387. {/block:permalinkpage}
  388.  
  389.  
  390. }
  391.  
  392.  
  393. #entry img:hover{
  394. opacity:1;
  395. {block:iffadedimages}
  396. -webkit-filter: Grayscale(0%);
  397. -webkit-transition: all .7s ease;
  398. -moz-transition: all .7s ease;
  399. -o-transition: all .7s ease;
  400. transition: all .7s ease;
  401. {/block:iffadedimages}
  402.  
  403. }
  404.  
  405.  
  406.  
  407. #tags {
  408. letter-spacing:0px;
  409. text-transform:lowercase;
  410. font-size:10px;
  411. display:inline-block;
  412. padding: 2px;
  413. font-style:none;
  414. margin-top:5px;
  415. text-align:left;
  416. margin-left: 0px;
  417. {block:ifnot400px}
  418. width:250px;
  419. {/block:ifnot400px}
  420. {block:if400px}
  421. width:400px;
  422. {/block:if400px}
  423. background-color: transparent;
  424. color:{color:tags};
  425.  
  426.  
  427. }
  428.  
  429.  
  430. #tags a {
  431. display:inline-block;
  432. padding: 2px;
  433. text-align:right;
  434. text-decoration:none;
  435. background-color: transparent;
  436. color:{color:tags};
  437.  
  438.  
  439. }
  440.  
  441.  
  442. #tags a:hover {
  443. text-decoration:underline;
  444.  
  445. }
  446.  
  447.  
  448.  
  449. #perm{
  450. position:absolute;
  451. font-family:consolas;
  452. font-size:8px;
  453. text-align:right;
  454. text-transform:uppercase;
  455. padding-right:4px;
  456. background:{color:perma background};
  457. {block:iftransparentposts}
  458. background:transparent;
  459. {/block:iftransparentposts}
  460. margin-left:-10px;
  461. margin-top:-25px;
  462. border-bottom:1px solid {color:border};
  463. {block:ifnoborders}
  464. border-bottom:0px;
  465. {/block:ifnoborders}
  466. height:10px;
  467. {block:ifnot400px}
  468. width:266px;
  469. {/block:ifnot400px}
  470. {block:if400px}
  471. width:416px;
  472. {/block:if400px}
  473. padding-bottom:3px;
  474. padding-top:3px;
  475. letter-spacing:1px;
  476. z-index:11;
  477.  
  478.  
  479. }
  480.  
  481.  
  482. #perm img{
  483. {block:iffadedpermalinks}
  484. opacity:0.3;
  485. {/block:iffadedpermalinks}
  486. {block:ifwhitepermalinks}
  487. -webkit-filter: invert(100%);
  488. {/block:ifwhitepermalinks}
  489.  
  490.  
  491. }
  492.  
  493.  
  494.  
  495. #photoset{
  496. {block:iffadedimages}
  497. opacity:0.8;
  498. -webkit-filter: Grayscale(40%);
  499. {/block:iffadedimages}
  500.  
  501.  
  502. }
  503.  
  504.  
  505. #photoset:hover{
  506. {block:iffadedimages}
  507. opacity:1;
  508. -webkit-filter: Grayscale(0%);
  509. -webkit-transition: all .7s ease;
  510. -moz-transition: all .7s ease;
  511. -o-transition: all .7s ease;
  512. transition: all .7s ease;
  513. {/block:iffadedimages}
  514.  
  515.  
  516. }
  517.  
  518.  
  519.  
  520. #sb{
  521. color:{color:description};
  522. font-size:10px;
  523. font-family:arial;
  524. text-align:left;
  525. width:150px;
  526. overflow:hidden;
  527. position:fixed;
  528. {block:ifnot2columns}
  529. margin-left:200px;
  530. {block:ifnot2columns}
  531. {block:if2columns}
  532. margin-left:100px;
  533. {block:if2columns}
  534. margin-top:230px;
  535. padding-bottom: 10px;
  536. padding-left:10px;
  537. padding-right:10px;
  538. {block:iftopnav}
  539. padding-top:25px;
  540. {/block:iftopnav}
  541. {block:ifnottopnav}
  542. padding-top:10px;
  543. {/block:ifnottopnav}
  544. line-height:12px;
  545. {block:iftransparentposts}
  546. background:transparent;
  547. {/block:iftransparentposts}
  548. {block:ifsemitransparentposts}
  549. background: rgba(255,255,255,.7);
  550. {/block:ifsemitransparentposts}
  551. border:1px solid {color:border};
  552. {block:ifnoborders}
  553. border:0px;
  554. {/block:ifnoborders}
  555. {block:ifshadow}
  556. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  557. {/block:ifshadow}
  558. {block:ifroundedcorners}
  559. border-radius: 5px;
  560. {/block:ifroundedcorners}
  561. background-color: {color:post background};
  562. background-image:URL();
  563. -webkit-transition: all .7s ease;
  564. -moz-transition: all .7s ease;
  565. -o-transition: all .7s ease;
  566. transition: all .7s ease;
  567.  
  568. }
  569.  
  570.  
  571. #sblinks{
  572. position:absolute;
  573. font-family:consolas;
  574. font-size:8px;
  575. text-align:right;
  576. text-transform:uppercase;
  577. padding-right:4px;
  578. background: {color:top nav bg};
  579. margin-left:-10px;
  580. margin-top:-25px;
  581. border-bottom:1px solid {color:border};
  582. height:10px;
  583. width:166px;
  584. padding-bottom:3px;
  585. padding-top:3px;
  586. letter-spacing:5px;
  587. z-index:11;
  588.  
  589.  
  590. }
  591.  
  592.  
  593. #sblinks img{
  594. {block:iffadednav}
  595. opacity:0.3;
  596. {/block:iffadednav}
  597. {block:ifwhitenav}
  598. -webkit-filter: invert(100%);
  599. opacity:0.9;
  600. {/block:ifwhitenav}
  601.  
  602. }
  603.  
  604.  
  605.  
  606.  
  607.  
  608.  
  609.  
  610.  
  611.  
  612.  
  613. /***Edit Styled Posts Here***/
  614.  
  615.  
  616.  
  617. /*** Audio ***/
  618.  
  619. #album{
  620. margin:10px;
  621. float:left;
  622. width:80px;
  623. height:80px;
  624.  
  625.  
  626. }
  627.  
  628.  
  629. #player{
  630. float:left;
  631. width:25px;
  632. padding-left:1px;
  633. padding-top:0px;
  634. padding-bottom:4px;
  635. height:18px;
  636. background-color:#fff;
  637. overflow-x:hidden;
  638. overflow-y:hidden;
  639. opacity: .9;
  640. filter:alpha(opacity=10);
  641. -moz-opacity: 0.1;
  642. -moz-transition: all .9s ease;
  643. -o-transition: all .9s ease;
  644. transition: all .9s ease;
  645. -webkit-transition: all .9s ease;
  646. color:{color:Text};
  647. margin-top:10px;
  648. margin-left:-90px;
  649.  
  650. }
  651.  
  652.  
  653. #infos {
  654. text-transform: none;
  655. float:left;
  656. margin-top:11px;
  657. padding:5px;
  658. color: {color:Text};
  659. border-left: 1px solid rgba(0,0,0,.2);
  660. background-color: transparent;
  661. width:130px;
  662. height:69px;
  663.  
  664. }
  665.  
  666. .post .audio .player {
  667. float: none;
  668.  
  669. }
  670.  
  671.  
  672.  
  673.  
  674. /*** Question ***/
  675.  
  676.  
  677. .bubble {
  678. align:right;
  679. background: #f8f8f8;
  680. margin:-4px 5px 2px 5px;
  681. padding:10px;
  682. position: relative;
  683. -moz-border-radius:5px;
  684. -webkit-border-radius:5px;
  685. border-radius:5px;
  686. width:auto;
  687. border:1px solid transparent;
  688.  
  689. }
  690.  
  691.  
  692. .bubble p {
  693. margin:1px 0px;
  694.  
  695. }
  696.  
  697.  
  698. .bubble span {
  699. display:block;
  700. position:absolute;
  701. width:1px;
  702. height:1px;
  703. font-size: 0;
  704. line-height: 1px;
  705. left:-10px;
  706. top:10px;
  707. border-top:7px solid transparent;
  708. border-bottom:7px solid transparent;
  709. border-right:10px solid #f8f8f8;
  710.  
  711. }
  712.  
  713.  
  714.  
  715. .question {
  716. text-align:left;
  717. padding-left:5px;
  718. padding-top:7px;
  719. padding-right:5px;
  720. padding-bottom:7px;
  721. border-radius:4px;
  722. margin-top:-10px;
  723. font-size:8px;
  724. text-transform:uppercase;
  725.  
  726. }
  727.  
  728.  
  729. .answer {
  730. text-align:left;
  731. font-size:8px;
  732. text-transform:;
  733. padding-left:5px;
  734. padding-top:7px;
  735. padding-right:5px;
  736. padding-bottom:7px;
  737.  
  738. }
  739.  
  740.  
  741.  
  742.  
  743.  
  744. /*** Text ***/
  745.  
  746.  
  747. .text{
  748. font-size:10px;
  749. font-family:arial;
  750. text-align:left;
  751. letter-spacing:1px;
  752. }
  753.  
  754.  
  755. .tt{
  756. font-size:11px;
  757. font-family: arial;
  758. letter-spacing:1px;
  759. text-transform:;
  760. border-left: 1px solid #d7d7d7;
  761. margin-top:5px;
  762. margin-left: 90px;
  763. padding: 5px;
  764.  
  765. }
  766.  
  767.  
  768.  
  769.  
  770. #permalinkpg{
  771. width:150px;
  772. padding:3px;
  773.  
  774.  
  775. }
  776.  
  777.  
  778.  
  779.  
  780. .posttitle{
  781. font-family:arial;
  782. color:{color:title};
  783. font-size:11px;
  784. text-align:left;
  785. line-height:12px;
  786. letter-spacing:1px;
  787.  
  788.  
  789. }
  790.  
  791.  
  792.  
  793. .quote{
  794. text-align:left;
  795. font-family:;
  796. font-size:10px;
  797. font-style:italic;
  798. text-transform:;
  799. margin-top:20px;
  800. padding:8px;
  801. line-height:18px;
  802. z-index:10;
  803.  
  804. }
  805.  
  806.  
  807.  
  808.  
  809. #postnotes{text-align: left;}
  810. #postnotes blockquote{border: 1px;}
  811. blockquote{padding:0px 0px 2px 5px;margin:0px 0px 2px 10px;border-left: 1px solid #555555;}
  812. ul, ol, li{list-style:none;margin:0px;padding:0px;}
  813. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  814. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  815. }
  816.  
  817.  
  818. /*!
  819. * imagesLoaded v4.1.2
  820. * JavaScript is all like "You images are done yet or what?"
  821. * MIT License
  822. */
  823.  
  824. ( function( window, factory ) { 'use strict';
  825. // universal module definition
  826.  
  827. /*global define: false, module: false, require: false */
  828.  
  829. if ( typeof define == 'function' && define.amd ) {
  830. // AMD
  831. define( [
  832. 'ev-emitter/ev-emitter'
  833. ], function( EvEmitter ) {
  834. return factory( window, EvEmitter );
  835. });
  836. } else if ( typeof module == 'object' && module.exports ) {
  837. // CommonJS
  838. module.exports = factory(
  839. window,
  840. require('ev-emitter')
  841. );
  842. } else {
  843. // browser global
  844. window.imagesLoaded = factory(
  845. window,
  846. window.EvEmitter
  847. );
  848. }
  849.  
  850. })( typeof window !== 'undefined' ? window : this,
  851.  
  852. // -------------------------- factory -------------------------- //
  853.  
  854. function factory( window, EvEmitter ) {
  855.  
  856. 'use strict';
  857.  
  858. var $ = window.jQuery;
  859. var console = window.console;
  860.  
  861. // -------------------------- helpers -------------------------- //
  862.  
  863. // extend objects
  864. function extend( a, b ) {
  865. for ( var prop in b ) {
  866. a[ prop ] = b[ prop ];
  867. }
  868. return a;
  869. }
  870.  
  871. // turn element or nodeList into an array
  872. function makeArray( obj ) {
  873. var ary = [];
  874. if ( Array.isArray( obj ) ) {
  875. // use object if already an array
  876. ary = obj;
  877. } else if ( typeof obj.length == 'number' ) {
  878. // convert nodeList to array
  879. for ( var i=0; i < obj.length; i++ ) {
  880. ary.push( obj[i] );
  881. }
  882. } else {
  883. // array of single index
  884. ary.push( obj );
  885. }
  886. return ary;
  887. }
  888.  
  889. // -------------------------- imagesLoaded -------------------------- //
  890.  
  891. /**
  892. * @param {Array, Element, NodeList, String} elem
  893. * @param {Object or Function} options - if function, use as callback
  894. * @param {Function} onAlways - callback function
  895. */
  896. function ImagesLoaded( elem, options, onAlways ) {
  897. // coerce ImagesLoaded() without new, to be new ImagesLoaded()
  898. if ( !( this instanceof ImagesLoaded ) ) {
  899. return new ImagesLoaded( elem, options, onAlways );
  900. }
  901. // use elem as selector string
  902. if ( typeof elem == 'string' ) {
  903. elem = document.querySelectorAll( elem );
  904. }
  905.  
  906. this.elements = makeArray( elem );
  907. this.options = extend( {}, this.options );
  908.  
  909. if ( typeof options == 'function' ) {
  910. onAlways = options;
  911. } else {
  912. extend( this.options, options );
  913. }
  914.  
  915. if ( onAlways ) {
  916. this.on( 'always', onAlways );
  917. }
  918.  
  919. this.getImages();
  920.  
  921. if ( $ ) {
  922. // add jQuery Deferred object
  923. this.jqDeferred = new $.Deferred();
  924. }
  925.  
  926. // HACK check async to allow time to bind listeners
  927. setTimeout( function() {
  928. this.check();
  929. }.bind( this ));
  930. }
  931.  
  932. ImagesLoaded.prototype = Object.create( EvEmitter.prototype );
  933.  
  934. ImagesLoaded.prototype.options = {};
  935.  
  936. ImagesLoaded.prototype.getImages = function() {
  937. this.images = [];
  938.  
  939. // filter & find items if we have an item selector
  940. this.elements.forEach( this.addElementImages, this );
  941. };
  942.  
  943. /**
  944. * @param {Node} element
  945. */
  946. ImagesLoaded.prototype.addElementImages = function( elem ) {
  947. // filter siblings
  948. if ( elem.nodeName == 'IMG' ) {
  949. this.addImage( elem );
  950. }
  951. // get background image on element
  952. if ( this.options.background === true ) {
  953. this.addElementBackgroundImages( elem );
  954. }
  955.  
  956. // find children
  957. // no non-element nodes, #143
  958. var nodeType = elem.nodeType;
  959. if ( !nodeType || !elementNodeTypes[ nodeType ] ) {
  960. return;
  961. }
  962. var childImgs = elem.querySelectorAll('img');
  963. // concat childElems to filterFound array
  964. for ( var i=0; i < childImgs.length; i++ ) {
  965. var img = childImgs[i];
  966. this.addImage( img );
  967. }
  968.  
  969. // get child background images
  970. if ( typeof this.options.background == 'string' ) {
  971. var children = elem.querySelectorAll( this.options.background );
  972. for ( i=0; i < children.length; i++ ) {
  973. var child = children[i];
  974. this.addElementBackgroundImages( child );
  975. }
  976. }
  977. };
  978.  
  979. var elementNodeTypes = {
  980. 1: true,
  981. 9: true,
  982. 11: true
  983. };
  984.  
  985. ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {
  986. var style = getComputedStyle( elem );
  987. if ( !style ) {
  988. // Firefox returns null if in a hidden iframe https://bugzil.la/548397
  989. return;
  990. }
  991. // get url inside url("...")
  992. var reURL = /url\((['"])?(.*?)\1\)/gi;
  993. var matches = reURL.exec( style.backgroundImage );
  994. while ( matches !== null ) {
  995. var url = matches && matches[2];
  996. if ( url ) {
  997. this.addBackground( url, elem );
  998. }
  999. matches = reURL.exec( style.backgroundImage );
  1000. }
  1001. };
  1002.  
  1003. /**
  1004. * @param {Image} img
  1005. */
  1006. ImagesLoaded.prototype.addImage = function( img ) {
  1007. var loadingImage = new LoadingImage( img );
  1008. this.images.push( loadingImage );
  1009. };
  1010.  
  1011. ImagesLoaded.prototype.addBackground = function( url, elem ) {
  1012. var background = new Background( url, elem );
  1013. this.images.push( background );
  1014. };
  1015.  
  1016. ImagesLoaded.prototype.check = function() {
  1017. var _this = this;
  1018. this.progressedCount = 0;
  1019. this.hasAnyBroken = false;
  1020. // complete if no images
  1021. if ( !this.images.length ) {
  1022. this.complete();
  1023. return;
  1024. }
  1025.  
  1026. function onProgress( image, elem, message ) {
  1027. // HACK - Chrome triggers event before object properties have changed. #83
  1028. setTimeout( function() {
  1029. _this.progress( image, elem, message );
  1030. });
  1031. }
  1032.  
  1033. this.images.forEach( function( loadingImage ) {
  1034. loadingImage.once( 'progress', onProgress );
  1035. loadingImage.check();
  1036. });
  1037. };
  1038.  
  1039. ImagesLoaded.prototype.progress = function( image, elem, message ) {
  1040. this.progressedCount++;
  1041. this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;
  1042. // progress event
  1043. this.emitEvent( 'progress', [ this, image, elem ] );
  1044. if ( this.jqDeferred && this.jqDeferred.notify ) {
  1045. this.jqDeferred.notify( this, image );
  1046. }
  1047. // check if completed
  1048. if ( this.progressedCount == this.images.length ) {
  1049. this.complete();
  1050. }
  1051.  
  1052. if ( this.options.debug && console ) {
  1053. console.log( 'progress: ' + message, image, elem );
  1054. }
  1055. };
  1056.  
  1057. ImagesLoaded.prototype.complete = function() {
  1058. var eventName = this.hasAnyBroken ? 'fail' : 'done';
  1059. this.isComplete = true;
  1060. this.emitEvent( eventName, [ this ] );
  1061. this.emitEvent( 'always', [ this ] );
  1062. if ( this.jqDeferred ) {
  1063. var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';
  1064. this.jqDeferred[ jqMethod ]( this );
  1065. }
  1066. };
  1067.  
  1068. // -------------------------- -------------------------- //
  1069.  
  1070. function LoadingImage( img ) {
  1071. this.img = img;
  1072. }
  1073.  
  1074. LoadingImage.prototype = Object.create( EvEmitter.prototype );
  1075.  
  1076. LoadingImage.prototype.check = function() {
  1077. // If complete is true and browser supports natural sizes,
  1078. // try to check for image status manually.
  1079. var isComplete = this.getIsImageComplete();
  1080. if ( isComplete ) {
  1081. // report based on naturalWidth
  1082. this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
  1083. return;
  1084. }
  1085.  
  1086. // If none of the checks above matched, simulate loading on detached element.
  1087. this.proxyImage = new Image();
  1088. this.proxyImage.addEventListener( 'load', this );
  1089. this.proxyImage.addEventListener( 'error', this );
  1090. // bind to image as well for Firefox. #191
  1091. this.img.addEventListener( 'load', this );
  1092. this.img.addEventListener( 'error', this );
  1093. this.proxyImage.src = this.img.src;
  1094. };
  1095.  
  1096. LoadingImage.prototype.getIsImageComplete = function() {
  1097. return this.img.complete && this.img.naturalWidth !== undefined;
  1098. };
  1099.  
  1100. LoadingImage.prototype.confirm = function( isLoaded, message ) {
  1101. this.isLoaded = isLoaded;
  1102. this.emitEvent( 'progress', [ this, this.img, message ] );
  1103. };
  1104.  
  1105. // ----- events ----- //
  1106.  
  1107. // trigger specified handler for event type
  1108. LoadingImage.prototype.handleEvent = function( event ) {
  1109. var method = 'on' + event.type;
  1110. if ( this[ method ] ) {
  1111. this[ method ]( event );
  1112. }
  1113. };
  1114.  
  1115. LoadingImage.prototype.onload = function() {
  1116. this.confirm( true, 'onload' );
  1117. this.unbindEvents();
  1118. };
  1119.  
  1120. LoadingImage.prototype.onerror = function() {
  1121. this.confirm( false, 'onerror' );
  1122. this.unbindEvents();
  1123. };
  1124.  
  1125. LoadingImage.prototype.unbindEvents = function() {
  1126. this.proxyImage.removeEventListener( 'load', this );
  1127. this.proxyImage.removeEventListener( 'error', this );
  1128. this.img.removeEventListener( 'load', this );
  1129. this.img.removeEventListener( 'error', this );
  1130. };
  1131.  
  1132. // -------------------------- Background -------------------------- //
  1133.  
  1134. function Background( url, element ) {
  1135. this.url = url;
  1136. this.element = element;
  1137. this.img = new Image();
  1138. }
  1139.  
  1140. // inherit LoadingImage prototype
  1141. Background.prototype = Object.create( LoadingImage.prototype );
  1142.  
  1143. Background.prototype.check = function() {
  1144. this.img.addEventListener( 'load', this );
  1145. this.img.addEventListener( 'error', this );
  1146. this.img.src = this.url;
  1147. // check if image is already complete
  1148. var isComplete = this.getIsImageComplete();
  1149. if ( isComplete ) {
  1150. this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
  1151. this.unbindEvents();
  1152. }
  1153. };
  1154.  
  1155. Background.prototype.unbindEvents = function() {
  1156. this.img.removeEventListener( 'load', this );
  1157. this.img.removeEventListener( 'error', this );
  1158. };
  1159.  
  1160. Background.prototype.confirm = function( isLoaded, message ) {
  1161. this.isLoaded = isLoaded;
  1162. this.emitEvent( 'progress', [ this, this.element, message ] );
  1163. };
  1164.  
  1165. // -------------------------- jQuery -------------------------- //
  1166.  
  1167. ImagesLoaded.makeJQueryPlugin = function( jQuery ) {
  1168. jQuery = jQuery || window.jQuery;
  1169. if ( !jQuery ) {
  1170. return;
  1171. }
  1172. // set local variable
  1173. $ = jQuery;
  1174. // $().imagesLoaded()
  1175. $.fn.imagesLoaded = function( options, callback ) {
  1176. var instance = new ImagesLoaded( this, options, callback );
  1177. return instance.jqDeferred.promise( $(this) );
  1178. };
  1179. };
  1180. // try making plugin
  1181. ImagesLoaded.makeJQueryPlugin();
  1182.  
  1183. // -------------------------- -------------------------- //
  1184.  
  1185. return ImagesLoaded;
  1186.  
  1187. });
  1188.  
  1189. </style>
  1190.  
  1191. {block:indexpage}
  1192. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1193. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1194. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1195. <script type="text/javascript">
  1196. $(window).load(function(){
  1197. var $wall = $('#posts');
  1198. $wall.imagesLoaded(function(){
  1199. $wall.masonry({
  1200. itemSelector: '#entry, #entry_photo',
  1201. isAnimated : false
  1202. });
  1203. });
  1204.  
  1205. $wall.infinitescroll({
  1206. navSelector : '#page-nav',
  1207. nextSelector : '#page-nav a',
  1208. itemSelector : '#entry, #entry_photo',
  1209. bufferPx : 2000,
  1210. debug : false,
  1211. errorCallback: function() {
  1212. $('#infscr-loading').fadeOut('normal');
  1213. }},
  1214. function( newElements ) {
  1215. var $newElems = $( newElements );
  1216. $newElems.hide();
  1217. $newElems.imagesLoaded(function(){
  1218. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1219. });
  1220. }); $('#content').show(500);
  1221. });
  1222. </script>
  1223. {/block:indexpage}
  1224.  
  1225.  
  1226.  
  1227.  
  1228.  
  1229.  
  1230.  
  1231.  
  1232.  
  1233.  
  1234.  
  1235.  
  1236.  
  1237. <body>
  1238. <head>
  1239.  
  1240. <title>{title}</title>
  1241.  
  1242.  
  1243.  
  1244.  
  1245.  
  1246. <div id="container">
  1247. <div id="content">
  1248.  
  1249.  
  1250.  
  1251. <div id="sb">
  1252. {block:iftopnav}
  1253. <div id="sblinks">
  1254. {block:iflink1title}
  1255. <a href="{text:link 1 url}" title="{text:link 1 title}"><img src="http://media.tumblr.com/ecd9d55db8f2e4d2c1953a0f6fdf7bbd/tumblr_inline_n5sqhpW7S11sbfysw.gif"></a>
  1256. {/block:iflink1title}
  1257. {block:iflink2title}
  1258. <a href="{text:link 2 url}" title="{text:link 2 title}"><img src="http://media.tumblr.com/02227b9b2c48a18eac2d72e9a780a457/tumblr_inline_n5sqhwNNKz1sbfysw.gif"></a>
  1259. {/block:iflink2title}
  1260. {block:iflink3title}
  1261. <a href="{text:link 3 url}" title="{text:link 3 title}"><img src="http://media.tumblr.com/56bdbb0da4faf54a94d322f0558d1378/tumblr_inline_n5sqjpKZ771sbfysw.gif"></a>
  1262. {/block:iflink3title}
  1263. {block:iflink4title}
  1264. <a href="{text:link 4 url}" title="{text:link 4 title}"><img src="http://media.tumblr.com/6842b0fedd0853aec1b3d6a2e48930b4/tumblr_inline_n5sqjkvfBW1sbfysw.gif"></a>
  1265. {/block:iflink4title}
  1266. {block:iflink5title}
  1267. <a href="{text:link 5 url}" title="{text:link 5 title}"><img src="http://media.tumblr.com/c074db08ab6c4be6262da2a472275ebe/tumblr_inline_n5sqjeL1D71sbfysw.gif"></a>
  1268. {/block:iflink5title}
  1269.  
  1270. <a href="http://senpiez.tumblr.com" title="theme"><img src="http://media.tumblr.com/059930de8fa9400d0c96e9b5e57e697c/tumblr_inline_n5sqnt4pL01sbfysw.gif"></a>
  1271.  
  1272. </div>
  1273. {/block:iftopnav}
  1274.  
  1275.  
  1276. {description}
  1277.  
  1278. {block:ifnottopnav}
  1279. <center><br>
  1280.  
  1281. <select onChange="location.href=this.options[this.selectedIndex].value;" style="font-family:arial; border:1px solid {color:border}; padding-top:1px; border-radius:3px; padding-bottom:1px; font-size:10px; line-height:12px; width: 110px; background:{color:top nav bg}; {block:ifwhitenav} color:white; {/block:ifwhitenav} {block:ifnotwhitenav} color:#3c3c3c; {/block:ifnotwhitenav}">
  1282.  
  1283. <option value="/">navigation</option>
  1284.  
  1285. {block:Iflink1url}
  1286. <option value="{text:link 1 url}">{text:link 1 title}</option>
  1287. {/block:Iflink1url}
  1288.  
  1289. {block:Iflink2url}<option value="{text:link 2 url}">{text:link 2 title}</option>{/block:Iflink2url}
  1290.  
  1291. {block:Iflink3url}
  1292. <option value="{text:link 3 url}">{text:link 3 title}</option>
  1293. {/block:Iflink3url}
  1294.  
  1295. {block:Iflink4url}
  1296. <option value="{text:link 4 url}">{text:link 4 title}</option>
  1297. {/block:Iflink4url}
  1298.  
  1299. {block:Iflink5url}
  1300. <option value="{text:link 5 url}">{text:link 5 title}</option>
  1301. {/block:Iflink5url}
  1302.  
  1303. <option value="http://senpiez.tumblr.com/">theme credit</option>
  1304. </select></center>
  1305.  
  1306.  
  1307. {/block:ifnottopnav}
  1308.  
  1309. </div>
  1310.  
  1311. <div id="under">
  1312. </div>
  1313. </div>
  1314.  
  1315.  
  1316.  
  1317.  
  1318.  
  1319.  
  1320.  
  1321. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  1322.  
  1323. <div id="bgim">
  1324. <img src="{image:side image}" style="max-height:600px;
  1325. {block:if2columns}max-width:380px;{/block:if2columns} {block:ifnot2columns}max-width:500px;{/block:ifnot2columns}">
  1326. </div>
  1327.  
  1328.  
  1329.  
  1330.  
  1331.  
  1332.  
  1333.  
  1334.  
  1335. <div id="posts">
  1336. {block:Posts}
  1337. <div id="entry">
  1338.  
  1339.  
  1340.  
  1341. {block:Text}
  1342. {block:IndexPage}
  1343. <div id="perm">
  1344. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1345. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1346. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1347. </div>
  1348. {/block:IndexPage}
  1349.  
  1350. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  1351. <span class="text">{Body}</span>
  1352. {block:ifshowtags}
  1353. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1354. {/block:ifshowtags}
  1355. {/block:Text}
  1356.  
  1357.  
  1358.  
  1359. {block:Link}
  1360. {block:IndexPage}
  1361. <div id="perm">
  1362. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1363. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1364. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1365. </div>
  1366. {/block:IndexPage}
  1367.  
  1368. <a href="{URL}" class="posttitle">{Name}</a>
  1369. {block:Description}<span class="text">{Description}</span>{/block:Description}
  1370. {block:ifshowtags}
  1371. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1372. {/block:ifshowtags}
  1373. {/block:Link}
  1374.  
  1375.  
  1376.  
  1377.  
  1378. {block:Photo}
  1379. {block:IndexPage}
  1380. <div id="perm">
  1381. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1382. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1383. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1384. </div>
  1385. {/block:IndexPage}
  1386.  
  1387. {block:IndexPage}
  1388. <img src="{PhotoURL-HighRes}"/>
  1389. {/block:IndexPage}
  1390.  
  1391. {block:PermalinkPage}
  1392. {LinkOpenTag}
  1393. <div class="photo">
  1394. <a href="{permalink}">
  1395. <img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></a>
  1396. {block:Caption}{/block:Caption}
  1397.  
  1398. </div>
  1399. {LinkCloseTag}
  1400. {/block:PermalinkPage}
  1401. {block:ifshowtags}
  1402. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1403.  
  1404. {/block:ifshowtags}
  1405. {/block:Photo}
  1406.  
  1407.  
  1408.  
  1409.  
  1410. {block:Photoset}
  1411. {block:IndexPage}
  1412. <div id="perm">
  1413. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1414. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1415. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1416. </div>
  1417. {/block:IndexPage}
  1418. <div id="photoset">
  1419. {block:if400px}
  1420. {block:IndexPage}
  1421. {Photoset-400}
  1422. {/block:IndexPage}
  1423. {/block:if400px}
  1424. {block:ifnot400px}
  1425. {block:IndexPage}
  1426. {Photoset-250}
  1427. {/block:IndexPage}
  1428. {/block:ifnot400px}
  1429.  
  1430. {block:PermalinkPage}
  1431. <center>
  1432. {Photoset-400}</center>
  1433. {/block:PermalinkPage}
  1434. </div>
  1435. {block:ifshowtags}
  1436. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1437.  
  1438. {/block:ifshowtags}
  1439. {/block:Photoset}
  1440.  
  1441.  
  1442.  
  1443.  
  1444. {block:Quote}
  1445. {block:IndexPage}
  1446. <div id="perm">
  1447. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1448. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1449. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1450. </div>
  1451. {/block:IndexPage}
  1452. <span class="quote">❝ {Quote}</span>
  1453. {block:Source}<div style="text-align:right;font-size:8px;">{Source}</div>{/block:Source}
  1454. {block:ifshowtags}
  1455. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1456.  
  1457. {/block:ifshowtags}
  1458. {/block:Quote}
  1459.  
  1460.  
  1461.  
  1462.  
  1463. {block:Chat}
  1464. {block:IndexPage}
  1465. <div id="perm">
  1466. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1467. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1468. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1469. </div>
  1470. {/block:IndexPage}
  1471. {block:Title}<span class="posttitle">{Title}</span>{/block:Title}
  1472. <ul class="chat">
  1473. {block:Lines}
  1474. <li class="user_{UserNumber}">
  1475. {block:Label}
  1476. <span class="label">{Label}</span>
  1477. {/block:Label}
  1478. {Line}
  1479. </li>
  1480. {/block:Lines}
  1481. </ul>
  1482. {block:ifshowtags}
  1483. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1484.  
  1485. {/block:ifshowtags}
  1486. {/block:Chat}
  1487.  
  1488.  
  1489.  
  1490.  
  1491. {block:Audio}
  1492. {block:IndexPage}
  1493. <div id="perm">
  1494. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1495. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1496. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1497. </div>
  1498. {/block:IndexPage}
  1499.  
  1500. <div id="album">
  1501. {block:AlbumArt}
  1502. <img width="80px" src="{AlbumArtURL}"/>
  1503. {/block:AlbumArt}</div>
  1504. <div id="player">
  1505. <div style="margin-top:-3px;">{AudioPlayerWhite}</div></div>
  1506. <div id="infos">
  1507. <span style="color:{color:Text};">
  1508. {block:TrackName}{TrackName}{/block:TrackName}
  1509. </span><br>
  1510. {block:Artist} {Artist} {/block:Artist}
  1511. <br>
  1512. {block:Album} {Album} {/block:Album}
  1513. <br> {PlayCountWithLabel} </div>
  1514.  
  1515.  
  1516. {block:ifshowtags}
  1517. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1518.  
  1519. {/block:ifshowtags}
  1520. {/block:Audio}
  1521.  
  1522.  
  1523.  
  1524.  
  1525. {block:Video}
  1526. {block:IndexPage}
  1527. <div id="perm">
  1528. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1529. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1530. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1531. </div>
  1532. {/block:IndexPage}
  1533. <center>
  1534. <div style="padding-top:0px; padding-bottom:2px;">
  1535. {block:if400px}
  1536. {block:IndexPage}
  1537. {Video-400}
  1538. {/block:IndexPage}
  1539. {/block:if400px}
  1540. {block:ifnot400px}
  1541. {block:IndexPage}
  1542. {Video-250}
  1543. {/block:IndexPage}
  1544. {/block:ifnot400px}
  1545.  
  1546. </div>
  1547. <div style="padding-bottom:5px;">{block:ifcaption}{Caption}{/block:ifcaption}</div>
  1548. {block:ifshowtags}
  1549. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1550.  
  1551. {/block:ifshowtags}
  1552. {block:Video}
  1553.  
  1554.  
  1555. {block:Answer}
  1556. {block:IndexPage}
  1557. <div id="perm">
  1558. <a href="{permalink}" title="{TimeAgo}"><img src="http://media.tumblr.com/0404eb620628c17a992467d3d146510f/tumblr_inline_n5sqinXRQN1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1559. <a href="{permalink}" title="{notecount} notes"><img src="http://media.tumblr.com/d27ba6350715f84b6a9bb78684a22633/tumblr_inline_n5sqlmicVy1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1560. <a href="{ReblogURL}" title="reblog"><img src="http://media.tumblr.com/e1fafdcc6e7faaa2ff146bb7d9fe2aa9/tumblr_inline_n5sqlgLSsj1sbfysw.gif" style="{block:iffadedpermalinks}opacity:0.3;{/block:iffadedpermalinks}{block:ifwhitepermalinks}-webkit-filter: invert(100%); opacity:0.9;{/block:ifwhitepermalinks}"></a>
  1561. </div>
  1562. {/block:IndexPage}
  1563. <br>
  1564. <div class="question">{Asker}: {Question}&nbsp;</div>
  1565. <div class="answer">{Answer}</div>
  1566. {block:ifshowtags}
  1567. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1568.  
  1569. {/block:ifshowtags}
  1570. {/block:Answer}
  1571.  
  1572. <div style="position:fixed; background-color: white; left:10px; bottom:10px; padding:4px; color: {color:link}; border:1px solid {color:border}; font-size:10px;"><a title="theme by senpiez"href="http://senpiez.tumblr.com/">作成者</a></div>
  1573.  
  1574.  
  1575. {block:PostNotes}<div align="left">{caption}</div>
  1576. <center>
  1577.  
  1578. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  1579.  
  1580.  
  1581. {block:RebloggedFrom}
  1582. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  1583. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  1584.  
  1585. {/block:RebloggedFrom}
  1586. </center></span>
  1587. <br>
  1588. <div id="postnotes">{PostNotes}</div><br>
  1589.  
  1590. <center>{block:ContentSource}
  1591. <br><a href="{SourceURL}">
  1592. {lang:Source}:
  1593. {block:SourceLogo}
  1594. <img src="{BlackLogoURL}" width="{LogoWidth}"
  1595. height="{LogoHeight}" alt="{SourceTitle}" />
  1596. {/block:SourceLogo}
  1597. {block:NoSourceLogo}
  1598. {SourceLink}
  1599. {/block:NoSourceLogo}
  1600. </a>
  1601. {/block:ContentSource}</center>
  1602.  
  1603.  
  1604.  
  1605. {block:ifshowtags}
  1606. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1607.  
  1608. {/block:ifshowtags}
  1609.  
  1610.  
  1611. {/block:PostNotes}
  1612. </div>
  1613. {/block:Posts}
  1614. </body></head>
  1615.  
  1616. </div>
  1617.  
  1618. </div>
  1619.  
  1620. </div>
  1621.  
  1622. </div>
  1623.  
  1624. </html>
Advertisement
Add Comment
Please, Sign In to add comment