API tools faq
paste
senpiez

senpiez theme six

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