API tools faq
paste
Advertisement
senpiez

senpiez theme 11

senpiez
May 25th, 2014
8,777
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.73 KB | None | 0 0
raw download clone embed print report
  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  21. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  22. <head><title>{Title}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27.  
  28. <meta name="image:background" content="0"/>
  29. <meta name="image:side image" content="" />
  30.  
  31. <meta name="color:Background" content="#ffffff"/>
  32. <meta name="color:Text" content="#848484"/>
  33. <meta name="color:Link" content="#b8b8b8"/>
  34. <meta name="color:hover" content="#dadada"/>
  35. <meta name="color:sidebar text" content="#777"/>
  36. <meta name="color:sidebar container" content="#f3f3f3"/>
  37. <meta name="color:post bg" content="#FFF"/>
  38. <meta name="color:border" content="#dfdfdf"/>
  39. <meta name="color:selection text" content="#fff">
  40. <meta name="color:selection bg" content="#ccc" />
  41. <meta name="color:scrollbar" content="#FFFFFF" />
  42. <meta name="color:perma text" content="#777" />
  43. <meta name="color:perma bg" content="#ede5f3" />
  44.  
  45. <meta name="text:link one url" content="" />
  46. <meta name="text:link one title" content="" />
  47. <meta name="text:link two url" content="" />
  48. <meta name="text:link two title" content="" />
  49. <meta name="text:link three url" content="" />
  50. <meta name="text:link three title" content="" />
  51. <meta name="text:link four url" content="" />
  52. <meta name="text:link four title" content="" />
  53. <meta name="text:link five url" content="" />
  54. <meta name="text:link five title" content="" />
  55. <meta name="text:link six url" content="" />
  56. <meta name="text:link six title" content="" />
  57.  
  58. <meta name="if:infinite scroll" content="1"/>
  59. <meta name="if:hide captions" content="0" />
  60. <meta name="if:show tags" content="1" />
  61. <meta name="if:400px posts" content="0" />
  62. <meta name="if:more links" content="0"/>
  63. <meta name="if:faded images" content="1" />
  64. <meta name="if:shadow" content="1"/>
  65. <meta name="if:rounded corners" content="0"/>
  66. <meta name="if:transparent posts" content="0" />
  67. <meta name="if:semitransparent posts" content="1" />
  68. <meta name="if:no post borders" content="0" />
  69. <meta name="if:small cursor" content="1" />
  70. <meta name="if:Maximised Background Image" content="0"/>
  71.  
  72. <meta name="select:side image position" content="bottom:-5px;right:5px;" title="bottom right" />
  73. <meta name="select:side image position" content="bottom:-5px;left:5px;" title="bottom left" />
  74. <meta name="select:side image position" content="top:0px;right:5px;" title="top right" />
  75. <meta name="select:side image position" content="top:0px;left:5px;" title="top left" />
  76.  
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  79.  
  80. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  81. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  82. <script>
  83. (function($){$(document)
  84. .ready(function(){$("[title]")
  85. .style_my_tooltips();});})
  86. (jQuery);
  87. </script>
  88.  
  89.  
  90.  
  91. <style type="text/css">
  92.  
  93. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  94.  
  95.  
  96.  
  97. /* Mozilla based browsers */
  98. ::-moz-selection {
  99. background-color: {color:selection bg};
  100. color: {color:selection text};
  101. }
  102.  
  103. /* Works in Safari */
  104. ::selection {
  105. background-color: {color:selection bg};
  106. color: {color:selection text};
  107. }
  108.  
  109.  
  110. /* Mozilla based browsers */
  111. ::-moz-selection {
  112. background-color: {color:selection bg};
  113. color: {color:selection text};
  114. }
  115.  
  116. /* Works in Safari */
  117. ::selection {
  118. background-color: {color:selection bg};
  119. color: {color:selection text};
  120. }
  121.  
  122.  
  123. /***Edit Scrollbar Here***/
  124.  
  125. ::-webkit-scrollbar-thumb:vertical {
  126. background:{color:scrollbar};
  127. border:1px solid {color:border};
  128.  
  129. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  130. }
  131.  
  132. ::-webkit-scrollbar-thumb:horizontal {
  133. background-color: {color:scrollbar};
  134. height: 4px;
  135. border:1px solid {color:borders};}
  136.  
  137. ::-webkit-scrollbar {
  138. width:9px;
  139. background: transparent;
  140. height:4px;}
  141.  
  142. ::-webkit-scrollbar-track {
  143. background: transparent;
  144. width:9px; }
  145.  
  146. /***Edit Tumblr Controls Here***/
  147.  
  148. iframe#tumblr_controls {
  149. position: fixed !important;
  150. -webkit-transition: opacity 0.7s linear;
  151. opacity: 0.09;
  152. -webkit-transition: all 0.8s ease-out;
  153. -moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;
  154. -webkit-filter:invert(100%);}
  155.  
  156. iframe#tumblr_controls:hover{
  157. -webkit-transition: opacity 0.7s linear;
  158. opacity: 0.8;
  159. -webkit-transition: all 0.4s ease-out;
  160. -moz-transition: all 0.4s ease-out;
  161. transition: all 0.4s ease-out;}
  162.  
  163. #s-m-t-tooltip {
  164. padding: 3px;
  165. height:auto;
  166. display: none;
  167. font-family: bitxmap;
  168. font-size: 10px;
  169. text-transform:lowercase;
  170. text-align: center;
  171. letter-spacing:1px;
  172. margin-top:10px;
  173. margin-left: 15px;
  174. line-height: 9px;
  175. z-index: 999999999999;
  176. border: 1px solid #777;
  177. background:#ffffff;
  178. color: #777;}
  179.  
  180.  
  181. {block:IfMaximisedBackgroundImage}
  182. #bg img {
  183. z-index:-2;
  184. position:fixed;
  185. top:0;
  186. left:0;
  187. height:100%;
  188. width:100%;
  189. }
  190. {/block:IfMaximisedBackgroundImage}
  191.  
  192.  
  193. /*** side image: DO NOT EDIT ***/
  194.  
  195.  
  196. #bgim {
  197. z-index: -1;
  198. {select:side image position}
  199. position: fixed;
  200. }
  201.  
  202. /* ----------------------------- GENERAL -------------------------- */
  203.  
  204. body {
  205. background-color: {color:background};
  206. background-image:url({image:background});
  207. background-attachment: fixed;
  208. background-size:;
  209. background-repeat: repeat;
  210. margin: 0;
  211. word-wrap: break-word;
  212. color:{color:text};
  213. font-family:bitxmap;
  214. font-size:10px;
  215. line-height:130%;
  216. {block:ifsmallcursor}
  217. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  218. {/block:ifsmallcursor}
  219. }
  220.  
  221. a {
  222. color:{color:link};
  223. text-decoration: none;
  224. -webkit-transition: all .2s ease-in-out;
  225. -moz-transition: all .2s ease-in-out;
  226. -o-transition: all .2s ease-in-out;
  227. -ms-transition: all .2s ease-in-out;
  228. transition: all .2s ease-in-out;
  229. {block:ifsmallcursor}
  230. cursor: url(http://i.imgur.com/ZOrzC.png), auto;
  231. {/block:ifsmallcursor}
  232. }
  233.  
  234. a:hover {
  235. color:{color:hover};
  236. -webkit-transition: all .2s ease-in-out;
  237. -moz-transition: all .2s ease-in-out;
  238. -o-transition: all .2s ease-in-out;
  239. -ms-transition: all .2s ease-in-out;
  240. transition: all .2s ease-in-out;
  241. {block:ifsmallcursor}
  242. cursor: url(http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png), auto;
  243. {/block:ifsmallcursor}
  244.  
  245. }
  246.  
  247. img {
  248. border:none;
  249. max-width:100%;
  250. }
  251.  
  252. blockquote {
  253. padding-left:10px;
  254. padding-top:1px;
  255. padding-bottom:1px;
  256. border-left:1px solid {color:border};
  257. margin-left:10px;
  258. }
  259.  
  260. h1 {
  261. font-size:12px;
  262. font-family:inconsolata;
  263. text-transform:lowercase;
  264. font-weight:lighter;
  265. letter-spacing:2px;
  266. margin-top:0px;
  267. padding-left:10px;
  268. text-align:left;
  269. }
  270.  
  271. b, strong {
  272. color:{color:bold};
  273. font-weight:bold;
  274. }
  275.  
  276. i, em {
  277. color:{color:text};
  278. }
  279.  
  280. /* ----------------------------- POSTS --------------------------- */
  281.  
  282. #posts {
  283. {block:If400pxposts}
  284. width:430px;
  285. margin-left:365px;
  286. {/block:If400pxposts}
  287. {block:Ifnot400pxposts}
  288. width:280px;
  289. margin-left:480px;
  290. {block:Ifnot400pxposts}
  291. margin-top:20px;
  292. }
  293.  
  294. #entry {
  295. padding:15px;
  296. background-color: {color:post bg};
  297. {block:If400pxposts}
  298. width:400px;
  299. {/block:If400pxposts}
  300. {block:Ifnot400pxposts}
  301. width:250px;
  302. {/block:Ifnot400pxposts}
  303. margin-bottom:40px;
  304. {block:iftransparentposts}
  305. background:transparent;
  306. {/block:iftransparentposts}
  307. {block:ifsemitransparentposts}
  308. background: rgba(255,255,255,.7);
  309. {/block:ifsemitransparentposts}
  310. border:1px solid {color:border};
  311. {block:ifnopostborders}
  312. border:0px;
  313. {/block:ifnopostborders}
  314. {block:ifshadow}
  315. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  316. {/block:ifshadow}
  317. {block:ifroundedcorners}
  318. border-radius: 5px;
  319. {/block:ifroundedcorners}
  320. background-image:URL();
  321. -webkit-transition: all .7s ease;
  322. -moz-transition: all .7s ease;
  323. -o-transition: all .7s ease;
  324. transition: all .7s ease;
  325.  
  326. }
  327.  
  328. #entry img{
  329. {block:iffadedimages}
  330. opacity:0.8;
  331. -webkit-filter: Grayscale(40%);
  332. {/block:iffadedimages}
  333. }
  334.  
  335. #entry img:hover{
  336. opacity:1;
  337. {block:iffadedimages}
  338. -webkit-filter: Grayscale(0%);
  339. -webkit-transition: all .7s ease;
  340. -moz-transition: all .7s ease;
  341. -o-transition: all .7s ease;
  342. transition: all .7s ease;
  343. {/block:iffadedimages}
  344.  
  345. }
  346.  
  347. #phovi{
  348. {block:iffadedimages}
  349. opacity:0.8;
  350. -webkit-filter: Grayscale(40%);
  351. {/block:iffadedimages}
  352. }
  353.  
  354. #phovi:hover{
  355. opacity:1;
  356. {block:iffadedimages}
  357. -webkit-filter: Grayscale(0%);
  358. -webkit-transition: all .7s ease;
  359. -moz-transition: all .7s ease;
  360. -o-transition: all .7s ease;
  361. transition: all .7s ease;
  362. {/block:iffadedimages}
  363.  
  364. }
  365.  
  366. .caption{
  367. padding-left:10px;
  368. padding-right:10px;
  369. margin-top:10px;
  370. }
  371.  
  372. /* ----------------------------- SIDEBAR -------------------------- */
  373.  
  374. #sidebar {
  375. width:130px;
  376. position:fixed;
  377. background-color: {color:post bg};
  378. {block:If400pxposts}
  379. margin-left:150px;
  380. {/block:If400pxposts}
  381. {block:Ifnot400pxposts}
  382. margin-left:250px;
  383. {/block:Ifnot400pxposts}
  384. margin-top:0px;
  385. padding:15px;
  386. padding-top:5px;
  387. {block:iftransparentposts}
  388. background:transparent;
  389. {/block:iftransparentposts}
  390. {block:ifsemitransparentposts}
  391. background: rgba(255,255,255,.7);
  392. {/block:ifsemitransparentposts}
  393. border:1px solid {color:border};
  394. {block:ifnopostborders}
  395. border:0px;
  396. {/block:ifnopostborders}
  397. {block:ifshadow}
  398. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  399. {/block:ifshadow}
  400. {block:ifroundedcorners}
  401. border-radius: 5px;
  402. {/block:ifroundedcorners}
  403. background-image:URL();
  404. -webkit-transition: all .7s ease;
  405. -moz-transition: all .7s ease;
  406. -o-transition: all .7s ease;
  407. transition: all .7s ease;
  408. }
  409.  
  410.  
  411. #title {
  412. padding:5px;
  413. font-size:11px;
  414. text-align:center;
  415. text-transform:lowercase;
  416. font-family:inconsolata;
  417. letter-spacing:2px;
  418. margin-bottom:10px;
  419. background:{color:sidebar container};
  420. border-bottom:1px solid {color:sidebar text};
  421. color: {color:sidebar text};
  422. }
  423.  
  424.  
  425.  
  426. #description {
  427. font-size:10px;
  428. margin-top:10px;
  429. padding:10px;
  430. background:{color:sidebar container};
  431. border:1px solid {color:border};
  432. text-align:center;
  433. color: {color:sidebar text};
  434. }
  435.  
  436.  
  437. #pagination {
  438. font-size:10px;
  439. text-align:center;
  440. padding:10px;
  441. margin-top:10px;
  442. background:{color:sidebar container};
  443. border:1px solid {color:border};
  444. color: {color:sidebar text};
  445. }
  446.  
  447. #pagination a{
  448.  
  449. color: {color:sidebar text};
  450. }
  451.  
  452. .navi{
  453. border-top:1px solid {color:sidebar text};
  454. padding-top:5px;
  455. padding-bottom
  456. font-size:10px;
  457. word-spacing:3px;
  458. text-align:center;
  459. text-transform:lowercase;
  460. margin-top:10px;
  461. background:{color:sidebar container};
  462. color: {color:sidebar text};
  463. }
  464.  
  465. .navi a{
  466.  
  467. color: {color:sidebar text};
  468. }
  469.  
  470. #links {
  471. width:80px;
  472. position:fixed;
  473. background-color: {color:post bg};
  474. {block:If400pxposts}
  475. margin-left:850px;
  476. {/block:If400pxposts}
  477. {block:Ifnot400pxposts}
  478. margin-left:830px;
  479. {/block:Ifnot400pxposts}
  480. margin-top:0px;
  481. padding:15px;
  482. padding-top:5px;
  483. {block:iftransparentposts}
  484. background:transparent;
  485. {/block:iftransparentposts}
  486. {block:ifsemitransparentposts}
  487. background: rgba(255,255,255,.7);
  488. {/block:ifsemitransparentposts}
  489. border:1px solid {color:border};
  490. {block:ifnopostborders}
  491. border:0px;
  492. {/block:ifnopostborders}
  493. {block:ifshadow}
  494. box-shadow:rgba(0,0,0,0.08) 7px 7px;
  495. {/block:ifshadow}
  496. {block:ifroundedcorners}
  497. border-radius: 5px;
  498. {/block:ifroundedcorners}
  499. background-image:URL();
  500. -webkit-transition: all .7s ease;
  501. -moz-transition: all .7s ease;
  502. -o-transition: all .7s ease;
  503. transition: all .7s ease;
  504. color: {color:sidebar text};
  505. }
  506.  
  507.  
  508. #linkbox {
  509. font-size:10px;
  510. margin-top:10px;
  511. padding:10px;
  512. background:{color:sidebar container};
  513. border:1px solid {color:border};
  514. text-align:center;
  515. color: {color:sidebar text};
  516. }
  517.  
  518. #link{
  519. border-top:1px solid {color:sidebar text};
  520. padding-top:5px;
  521. padding-bottom
  522. font-size:10px;
  523. word-spacing:3px;
  524. text-align:center;
  525. text-transform:lowercase;
  526. margin-top:10px;
  527. color: {color:sidebar text};
  528. }
  529.  
  530.  
  531.  
  532.  
  533.  
  534. /* ------------------------------ POSTS ----------------------------- */
  535.  
  536.  
  537.  
  538. .info{
  539. position:relative;
  540. float:left;
  541. font-size:10px;
  542. color:{color:link};
  543. text-align:right;
  544. text-transform:lowercase;
  545. letter-spacing:1px;
  546. margin-left:-175px;
  547. }
  548.  
  549. #tags {
  550. background: {color:perma bg};
  551. {block:iftransparentposts}
  552. background:transparent;
  553. {/block:iftransparentposts}
  554. font-size: 10px;
  555. text-transform:lowercase;
  556. color: {color:perma text};
  557. padding: 2px 10px 5px 10px;
  558. margin-top: 8px;
  559. line-height:10px;
  560. height:auto;
  561. border:1px solid {color:border};
  562. }
  563.  
  564. #tags a {
  565. display:inline-block;
  566. text-align:right;
  567. color:{color:perma text};
  568. }
  569.  
  570. #tags a:hover {
  571. text-decoration:underline;
  572. }
  573.  
  574. /* --------------------------- POST TYPES -------------------------- */
  575.  
  576. /* QUESTIONS */
  577.  
  578. #questions {
  579. background-color: {color:container};
  580. border:1px solid {color:border};
  581. padding:11px;
  582. margin-top: 5px;
  583. margin-bottom:5px;
  584. font-size:10px;
  585. text-align:left;
  586. }
  587.  
  588. #answer {
  589. font-size:10px;
  590. text-transform:lowercase;
  591. }
  592.  
  593. .askerimg{
  594. position:relative;
  595. float:left;
  596. margin-right:5px;
  597. margin-top:-2px;
  598. }
  599.  
  600. /* AUDIO */
  601.  
  602. .songart{
  603. float:left;
  604. padding:10px;
  605. /*background:{color:background};*/
  606. border:1px solid {color:border};
  607. margin-right:10px;
  608. }
  609.  
  610. .songart img{
  611. width:100px;
  612. height:100px;
  613. background-size:100% 100%;
  614. }
  615.  
  616. .songtitle{
  617. background:{color:container};
  618. border:1px solid {color:border};
  619. padding:10px;
  620. margin-bottom:10px;
  621. margin-left:132px;
  622. text-transform:lowercase;
  623. font-size:10px;
  624. letter-spacing:2px;
  625. text-align:left;
  626. }
  627.  
  628. .songauthor{
  629. background:{color:container};
  630. border:1px solid {color:border};
  631. padding:10px;
  632. margin-bottom:10px;
  633. margin-left:132px;
  634. text-align:left;
  635. text-transform:lowercase;
  636. letter-spacing:2px;
  637. }
  638.  
  639. .tumblr_audio_player {
  640. height: 32px;
  641. {block:If400pxposts}
  642. width:296px;
  643. {/block:If400pxposts}
  644. {block:Ifnot400pxposts}
  645. width: 265px;
  646. {/block:Ifnot400pxposts}
  647. border:{color:border} solid 1px;
  648. margin-bottom:0px;
  649. }
  650.  
  651. /* QUOTES */
  652.  
  653. .quote{
  654. text-transform:lowercase;
  655. font-weight:lighter;
  656. letter-spacing:1px;
  657. line-height:160%;
  658. padding:20px;
  659. text-align:left;
  660. font-style:italic;
  661. }
  662.  
  663. .quotesource{
  664. padding-top:10px;
  665. border-top:1px solid {color:border};
  666. text-align:right;
  667. }
  668.  
  669. /* ---------------------------- POST NOTES -------------------------- */
  670.  
  671.  
  672. #entry .footer {
  673. background: {color:perma bg};
  674. {block:iftransparentposts}
  675. background:transparent;
  676. {/block:iftransparentposts}
  677. font-size: 10px;
  678. text-transform:lowercase;
  679. color: {color:perma text};
  680. padding: 2px 10px 5px 10px;
  681. margin-top: 8px;
  682. height:10px;
  683. border:1px solid {color:border};
  684. }
  685.  
  686. #entry .footer.for_permalink:hover {
  687. opacity: 0.9;
  688. filter: alpha(opacity=90);
  689. -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  690.  
  691. }
  692.  
  693. #entry .footer .date {
  694. width: 67%;
  695. float: left;
  696. color: {color:perma text};
  697.  
  698. }
  699.  
  700. #entry .footer .notes {
  701. width: 33%;
  702. float: right;
  703. text-align: right;
  704. color: {color:perma text};
  705. }
  706.  
  707. #entry .footer .notes a {
  708. color: {color:perma text};
  709. }
  710.  
  711.  
  712. #entry .footer.with_source_url .source_url {
  713. float: right;
  714. max-width: 160px;
  715. overflow: hidden;
  716. white-space: nowrap;
  717.  
  718. }
  719.  
  720. #entry .footer.with_source_url .source_url img {
  721. vertical-align: top;
  722. -moz-opacity: 0.5;
  723. opacity: 0.5;
  724. }
  725.  
  726. #entry .footer.with_source_url .source_url:hover img {
  727. -moz-opacity: 0.7;
  728. opacity: 0.7;
  729. }
  730.  
  731. #entry a {
  732. text-decoration: none;
  733. }
  734.  
  735. #entry .copy blockquote {
  736. margin: 10px 0px 10px 10px;
  737. padding-left: 15px;
  738. border-left: solid 4px #dcdcdc;
  739.  
  740. }
  741.  
  742. #entry .copy blockquote blockquote {
  743. border-left: solid 4px #cccccc;
  744.  
  745. }
  746.  
  747. #entry .copy blockquote blockquote blockquote {
  748. border-left: solid 4px #bcbcbc;
  749.  
  750. }
  751.  
  752. #entry .copy blockquote blockquote blockquote blockquote {
  753. border-left: solid 4px #acacac;
  754.  
  755. }
  756.  
  757. #entry .copy blockquote blockquote blockquote blockquote blockquote {
  758. border-left: solid 4px #9c9c9c;
  759.  
  760. }
  761.  
  762. #entry .copy blockquote blockquote blockquote blockquote blockquote blockquote {
  763. border-left: solid 4px #8c8c8c;
  764. }
  765.  
  766. {CustomCSS}
  767. </style>
  768. {block:ifinfinitescroll}
  769. {block:indexpage}
  770. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  771. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  772. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  773. <script type="text/javascript">
  774. $(window).load(function(){
  775. var $wall = $('#posts');
  776. $wall.imagesLoaded(function(){
  777. $wall.masonry({
  778. itemSelector: '#entry, #entry_photo',
  779. isAnimated : false
  780. });
  781. });
  782.  
  783. $wall.infinitescroll({
  784. navSelector : '#page-nav',
  785. nextSelector : '#page-nav a',
  786. itemSelector : '#entry, #entry_photo',
  787. bufferPx : 2000,
  788. debug : false,
  789. errorCallback: function() {
  790. $('#infscr-loading').fadeOut('normal');
  791. }},
  792. function( newElements ) {
  793. var $newElems = $( newElements );
  794. $newElems.hide();
  795. $newElems.imagesLoaded(function(){
  796. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  797. });
  798. }); $('#content').show(500);
  799. });
  800. </script>
  801. {/block:indexpage}
  802. {/block:ifinfinitescroll}
  803. </head><body>
  804. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>
  805.  
  806. {/block:IfMaximisedBackgroundImage}
  807.  
  808. <div id="bgim">
  809. <img src="{image:side image}" style="max-height:400px;">
  810. </div>
  811.  
  812. <div id="sidebar">
  813.  
  814.  
  815. <div id="description">
  816. <div id="title">{Title}</div>
  817. {Description}
  818.  
  819. <div class="navi">
  820. <a href="/"><span class="tag">home</span></a>
  821. <a href="/ask"><span class="tag">message</span></a>
  822. <a href="/archive"><span class="tag">past</span></a>
  823. </div>
  824. </div></center>
  825.  
  826.  
  827. {block:ifnotinfinitescroll}
  828. {block:Pagination}
  829. <div id="pagination">
  830. {block:PreviousPage}
  831. <a href="{PreviousPage}">prev</a>
  832. {/block:PreviousPage} ╼
  833. {block:NextPage}
  834. <a href="{NextPage}">next</a>
  835. {/block:NextPage}
  836. </div>
  837. {/block:Pagination}
  838.  
  839. {/block:ifnotinfinitescroll}
  840.  
  841. </div>
  842.  
  843. {block:ifmorelinks}
  844. <div id="links">
  845. <div id="linkbox">
  846. {block:iflinkonetitle}
  847. <div id="link">
  848. <a href="{text:link one url}">{text:link one title}</a>
  849. </div>
  850. {/block:iflinkonetitle}
  851.  
  852. {block:iflinktwotitle}
  853. <div id="link">
  854. <a href="{text:link two url}">{text:link two title}</a>
  855. </div>
  856. {/block:iflinktwotitle}
  857.  
  858. {block:iflinkthreetitle}
  859. <div id="link">
  860. <a href="{text:link three url}">{text:link three title}</a>
  861. </div>
  862. {/block:iflinkthreetitle}
  863.  
  864. {block:iflinkfourtitle}
  865. <div id="link">
  866. <a href="{text:link four url}">{text:link four title}</a>
  867. </div>
  868. {/block:iflinkfourtitle}
  869.  
  870. {block:iflinkfivetitle}
  871. <div id="link">
  872. <a href="{text:link five url}">{text:link five title}</a>
  873. </div>
  874. {/block:iflinkfivetitle}
  875.  
  876. <div id="link">
  877. <a href="http://senpiez.tumblr.com">theme</a>
  878. </div>
  879. </div>
  880. </div>
  881. {/block:ifmorelinks}
  882.  
  883.  
  884. <div id="posts">
  885.  
  886. {block:Posts}<div id="entry">
  887.  
  888. {block:Text}
  889. {block:Title}
  890. <h1>{Title}</h1>
  891. {/block:Title}
  892. {Body}
  893. {/block:Text}
  894.  
  895. {block:Photo}
  896. {LinkOpenTag}
  897. {block:If400pxposts}
  898. <img src="{PhotoURL-400}">
  899. {/block:If400pxposts}
  900. {block:Ifnot400pxposts}
  901. <img src="{PhotoURL-250}">
  902. {/block:Ifnot400pxposts}
  903. {LinkCloseTag}
  904.  
  905. {block:Ifhidecaptions}
  906. {/block:Ifhidecaptions}
  907. {block:permalink}
  908. {block:Caption}
  909. <div class="caption">{Caption}</div>
  910. {/block:Caption}
  911. {/block:permalink}
  912. {block:Ifnothidecaptions}
  913. {block:Caption}
  914. <div class="caption">{Caption}</div>
  915. {/block:Caption}
  916. {/block:Ifnothidecaptions}
  917. {/block:Photo}
  918.  
  919. {block:Photoset}
  920. <div id="phovi">
  921. {block:If400pxposts}
  922. {Photoset-400}
  923. {/block:If400pxposts}
  924. {block:Ifnot400pxposts}
  925. {Photoset-250}
  926. {/block:Ifnot400pxposts}
  927. </div>
  928. {block:Ifhidecaptions}
  929. {block:permalink}
  930. {block:Caption}
  931. <div class="caption">{Caption}</div>
  932. {/block:Caption}
  933. {/block:permalink}
  934. {/block:Ifhidecaptions}
  935. {block:Ifnothidecaptions}
  936. {block:Caption}
  937. <div class="caption">{Caption}</div>
  938. {/block:Caption}
  939. {/block:Ifnothidecaptions}
  940. {/block:Photoset}
  941.  
  942. {block:Quote}
  943. <div class="quote">{Quote}</div>
  944. <div class="quotesource">{block:Source}
  945. —{Source}
  946. {/block:Source}</div>
  947. {/block:Quote}
  948.  
  949. {block:Link}
  950. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  951. {block:Description}
  952. <div class="caption">{Description}</div>
  953. {/block:Description}
  954. {/block:Link}
  955.  
  956. {block:Chat}
  957. {block:Title}<h1>{Title}</h1>{/block:Title}
  958. {block:Lines}
  959. {block:Label}<b>{Label}</b>{/block:Label}
  960. {Line}<br>
  961. {/block:Lines}
  962. {/block:Chat}
  963.  
  964. {block:Audio}
  965. {block:AlbumArt}
  966. <div class="songart">
  967. <img src="{AlbumArtURL}">
  968. </div>
  969. {/block:AlbumArt}
  970. <div class="songtitle">
  971. {block:TrackName}
  972. {TrackName}
  973. {/block:TrackName}
  974. </div>
  975. <div class="songauthor">
  976. By
  977. {block:Artist}
  978. {Artist}
  979. {/block:Artist}
  980. </div>
  981. {AudioPlayerWhite}
  982. {block:Ifhidecaptions}
  983. {block:permalink}
  984. {block:Caption}
  985. <div class="caption">{Caption}</div>
  986. {/block:Caption}
  987. {/block:permalink}
  988. {/block:Ifhidecaptions}
  989. {block:Ifnothidecaptions}
  990. {block:Caption}
  991. <div class="caption">{Caption}</div>
  992. {/block:Caption}
  993. {/block:Ifnothidecaptions}
  994. {/block:Audio}
  995. <div style="position:fixed; background-color: {color:post bg}; 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>
  996. {block:Video}
  997. <div id="phovi">
  998. {block:If400pxposts}
  999. {Video-400}
  1000. {/block:If400pxposts}
  1001. {block:Ifnot400pxposts}
  1002. {Video-250}
  1003. {/block:Ifnot400pxposts}
  1004. </div>
  1005. {block:Ifhidecaptions}
  1006. {block:permalink}
  1007. {block:Caption}
  1008. <div class="caption">{Caption}</div>
  1009. {/block:Caption}
  1010. {/block:permalink}
  1011. {/block:Ifhidecaptions}
  1012. {block:Ifnothidecaptions}
  1013. {block:Caption}
  1014. <div class="caption">{Caption}</div>
  1015. {/block:Caption}
  1016. {/block:Ifnothidecaptions}
  1017. {/block:Video}
  1018.  
  1019. {block:Answer}
  1020. <div id="questions">
  1021. <div class="askerimg"><img src="{AskerPortraitURL-16}"></div>
  1022. <b><span style="text-transform:lowercase;">{Asker}</span></b>: {Question}</div>
  1023. <div id="answer">{Answer}</div>{/block:answer}
  1024.  
  1025.  
  1026.  
  1027. <!-- POST INFO -->
  1028. <!---------------PERMALINK--------------->
  1029.  
  1030. {block:Date}
  1031. <a href="{Permalink}">
  1032. <div class="footer for_permalink">
  1033. <div class="date">
  1034.  
  1035. <div class="date">
  1036. <a href="{ReblogParentURL}" title="{ReblogParentName}" style="color:{color:perma text}">Via |</a>
  1037. <a href="{ReblogURL}" target="blank" style="color:{color:perma text}">Reblog</a>
  1038. </div>
  1039. </div>
  1040.  
  1041. <div class="notes">
  1042. <a href="{Permalink}">{block:NoteCount}{NoteCount} {/block:NoteCount}</a>
  1043. </div>
  1044.  
  1045. <div class="clear"></div>
  1046. </div>
  1047. </a>
  1048. {/block:Date}
  1049.  
  1050. {block:ifshowtags}
  1051. {block:HasTags}<div id="tags"> {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  1052.  
  1053. {/block:ifshowtags}
  1054.  
  1055. <div class="clear">
  1056. </div>
  1057. {block:PostNotes}
  1058. <div class="notecontainer">{PostNotes}</div>
  1059. {/block:PostNotes}
  1060. </div>
  1061.  
  1062.  
  1063.  
  1064.  
  1065.  
  1066. {/block:Posts}</div>
  1067. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!