API tools faq
paste
Advertisement
skynotte

nt-dianne

skynotte
Sep 25th, 2014
509
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.34 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="en">
  3.  
  4. <!----
  5.  
  6. ##############################################################
  7.  
  8. DIANNE THEME
  9. Version: 1.0.1
  10. Updated: May 18, 2015
  11.  
  12. Designed By: Notte Themes
  13. Link to: http://notte-themes.tumblr.com
  14. Powered by Tumblr.
  15.  
  16. ##############################################################
  17.  
  18. -->
  19. <head>
  20.  
  21. <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
  22.  
  23.  
  24. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css" rel="stylesheet">
  25. <title>{title}</title>
  26. <link rel="shortcut icon" href="{Favicon}" />
  27. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  28. {block:Description}<meta name="Description" content="{MetaDescription}" />{/block:Description}
  29.  
  30. <meta name="apple-mobile-web-app-capable" content="yes">
  31. <meta name="viewport" content ="width=device-width,initial-scale=1,user-scalable=yes" />
  32.  
  33.  
  34.  
  35. <!-- ------ DEFAULT VARIABLES ------ -->
  36.  
  37. <meta name="color:Header Background" content="#acb0b3"/>
  38. <meta name="color:Background" content="#eaeaea" />
  39. <meta name="color:Main Links Background" content="#213f52" />
  40. <meta name="color:Main Links" content="#427ea3" />
  41. <meta name="color:Main Links Hover" content="#bad8eb" />
  42. <meta name="color:Title" content="#427ea3" />
  43. <meta name="color:Description" content="#315870"/>
  44.  
  45. <meta name="color:Scrollbar" content="#080808" />
  46. <meta name="color:Scrollbar Background" content="#f9f9f9" />
  47.  
  48. <meta name="color:Post Background" content="#f9f9f9" />
  49. <meta name="color:Text" content="#315f7a" />
  50. <meta name="color:Bold" content="#75b1d6" />
  51. <meta name="color:Post Link" content="#0e80c6" />
  52. <meta name="color:Italic" content="#bad8eb" />
  53. <meta name="color:Chat Line" content="#e5ecf0"/>
  54.  
  55. <meta name="color:Notes Text" content="#ffffff" />
  56. <meta name="color:Notes Background" content="#213f52" />
  57.  
  58. <meta name="color:Tags Text" content="#427ea3" />
  59. <meta name="color:Tags Text Hover" content="#2a5065" />
  60.  
  61. <meta name="image:Header" content="" />
  62. <meta name="image:Background" content="" />
  63.  
  64. <meta name="font:Body Font" content="Avalon">
  65. <meta name="font:Header Font" content="Brutal Type">
  66.  
  67. <meta name="text:Link1" content="" />
  68. <meta name="text:Link1 URL" content="http://"/>
  69. <meta name="text:Link2" content="" />
  70. <meta name="text:Link2 URL" content="http://"/>
  71. <meta name="text:Link3" content="" />
  72. <meta name="text:Link3 URL" content="http://"/>
  73. <meta name="text:Link4" content="" />
  74. <meta name="text:Link4 URL" content="http://"/>
  75. <meta name="text:Link5" content="" />
  76. <meta name="text:Link5 URL" content="http://"/>
  77.  
  78.  
  79. <meta name="if:Show Caption" content="0" />
  80. <meta name="if:Show Archive Link" content="1" />
  81. <meta name="if:ShowReblogButton" content="1" />
  82. <meta name="if:ShowLikeButton" content="1" />
  83. <meta name="if:White Reblog Icons" content="1" />
  84. <meta name="if:Show Tags" content="1" />
  85. <meta name="if:Two Columns" content="0" />
  86. <meta name="if:Three Columns" content="1" />
  87. <meta name="if:Show Search Bar" content="1" />
  88.  
  89. <meta name="if:Stretch Background Image" content="0" />
  90. <meta name="if:Infinite Scrolling" content="0" />
  91. <meta name="if:Opaque Header" content="1" />
  92.  
  93. <style type="text/css">
  94.  
  95. /* -------------- SCROLLBAR --------------- */
  96.  
  97. ::-webkit-scrollbar {
  98. width: 10px;
  99. background-color: {color:Scrollbar Background};
  100. }
  101.  
  102. ::-webkit-scrollbar-thumb {
  103. background-color: {color:Scrollbar};
  104. }
  105.  
  106.  
  107.  
  108. /* -------------- CONTENT --------------- */
  109.  
  110. iframe, object, embed{
  111. min-width:100%;
  112. width: 100%;
  113. *width:100%;
  114. }
  115.  
  116. img {display:block;}
  117.  
  118. *{margin:0;}
  119.  
  120. p{margin-bottom:8px;}
  121.  
  122. body{
  123. color:{color:Text};
  124. font-family: {font:Body Font};
  125. font-size:.7em;
  126. line-height:150%;
  127. overflow-x:hidden;
  128. background-color: {color:Background};
  129. {block:ifBackgroundImage}
  130. background-image: url('{image:Background}');
  131. {/block:ifBackgroundImage}
  132. background-attachment: fixed;
  133. {block:ifStretchBackgroundImage}
  134. background-size:100% 100%;
  135. {/block:ifStretchBackgroundImage}
  136. }
  137.  
  138. #cent a, a{
  139. text-decoration:none;
  140. outline:none;
  141. -moz-outline-style:none;
  142. color: {color:Post Link};
  143. -webkit-transition: all 0.3s ease-in-out;
  144. -moz-transition: all 0.3s ease-in-out;
  145. -o-transition: all 0.3s ease-in-out;
  146. transition: all 0.3s ease-in-out;
  147. -webkit-backface-visibility: hidden;
  148. }
  149.  
  150. #cent a:hover, a:hover{color: {color:Post Link Hover};}
  151. #cent b, strong{color: {color:Bold};}
  152. #cent i, em{color: {color:Italic};}
  153.  
  154. blockquote {
  155. border-left: 3px solid {color:Notes Background};
  156. padding-left: 3px;
  157. padding-right: 1px;
  158. margin-left: 20px;
  159. }
  160.  
  161.  
  162. .title{
  163. color: {color:bold};
  164. padding:5px;
  165. font-size: 18px;
  166. margin-bottom:30px;
  167. text-align:right;
  168. text-transform:uppercase;
  169. line-height: 100%;
  170. letter-spacing: 1px;
  171. }
  172.  
  173. .chat .chat1 {margin-left: 0px;}
  174. .chat .chat1 .chat2 {
  175. background: {color:Chat Line};
  176. margin-bottom: 1px;
  177. padding: 5px;
  178. font-size: 11px;
  179. }
  180. .chat .chat1 .chat2.even {background: {color:Post Background};}
  181. .chat .chat1 .chat2 span{
  182. font-weight: bold;
  183. text-transform: uppercase;
  184. }
  185.  
  186. .link{
  187. font-size: 14px;
  188. letter-spacing:1px;
  189. text-transform:uppercase;
  190. color:{color:Post Link};
  191. border-bottom: 1px dashed {color:Post Link};
  192. padding:13px;
  193. font-style:italic;
  194. margin-bottom:10px;
  195. }
  196.  
  197. #cent img{display: block; max-width: 100%;}
  198.  
  199. #cent{
  200. height:auto;
  201. text-align:left;
  202. overflow:hidden;
  203. position:relative;
  204. margin:55px auto;
  205. {block:ifTwoColumns}
  206. width: 1040px;
  207. {/block:ifTwoColumns}
  208. {block:ifThreeColumns}
  209. width: 1150px;
  210. {/block:ifThreeColumns}
  211. {block:PermaLink}
  212. width: 530px;
  213. {/block:PermaLink}
  214. }
  215.  
  216. /* -------------- PERMALINK PAGE --------------- */
  217.  
  218. ol.notes {
  219. padding: 0px;
  220. margin-top: 10px;
  221. list-style-type: none;
  222. width: 500px;
  223. letter-spacing: 1px;
  224. font-size:10px;
  225. }
  226.  
  227. ol.notes li.note {
  228. text-align: left;
  229. letter-spacing: 1px;
  230. padding: 10px 30px;
  231. margin-bottom:5px;
  232. background-color: {color:Post Background};
  233. background-attachment: fixed;
  234. }
  235.  
  236. ol.notes li.note img.avatar {
  237. display: inline-block;
  238. float: left;
  239. margin-right: 10px;
  240. }
  241.  
  242. #permaNotes{
  243. text-align:center;
  244. padding:50px;
  245. width: 400px;
  246. background-color: {color:Post Background};
  247. background-attachment: fixed;
  248. }
  249.  
  250. /* -------------- POSTS --------------- */
  251.  
  252. .post{
  253. overflow:hidden;
  254. float:left;
  255. {block:ifTwoColumns}
  256. width: 500px;
  257. {/block:ifTwoColumns}
  258. {block:ifThreeColumns}
  259. width: 350px;
  260. {/block:ifThreeColumns}
  261. {block:PermaLink}
  262. width: 500px;
  263. {/block:PermaLink}
  264. margin:0 10px 40px 10px;
  265. }
  266.  
  267. .inner-post{
  268. padding: 50px;
  269. background-color: {color:Post Background};
  270. background-attachment: fixed;
  271. }
  272. /* -------------- PERMALINK/TAGS--------------- */
  273.  
  274. .perma, .tagss{overflow:hidden;}
  275.  
  276. .perma{
  277. font-size:14px;
  278. text-transform:uppercase;
  279. line-height:100%;
  280. {block:ifTwoColumns}
  281. width:460px;
  282. {/block:ifTwoColumns}
  283. {block:ifThreeColumns}
  284. width: 310px;
  285. {/block:ifThreeColumns}
  286. margin:0;
  287. list-style: none;
  288. font-style:italic;
  289. float:left;
  290. color: {color:Notes Text};
  291. background-color:{color:Notes Background};
  292. }
  293.  
  294. .perma li {float:right !important; margin:0px !important; padding:5px !important;}
  295. }
  296.  
  297.  
  298.  
  299. .tagss{
  300. letter-spacing:1px;
  301. color: {color:Tags Text};
  302. text-align:center;
  303. padding: 10px 0px 0px 0px;
  304. {block:ifNotShowTags}
  305. display:none;
  306. {/block:ifNotShowTags}
  307. }
  308.  
  309. #cent .perma a{color: {color:Notes Text}; font-style: none;}
  310. #cent .perma a:hover{color: {color:Notes Text};}
  311. #cent .tagss a{color: {color:Tags Text};}
  312. #cent .tagss a:hover{color: {color:Tags Text Hover};}
  313.  
  314. /* -------------- HEADER --------------- */
  315.  
  316. header{
  317. background-color:{color:Header Background};
  318. {block:ifHeaderImage}
  319. background-image: url('{image:Header}');
  320. {/block:ifHeaderImage}
  321. background-attachment: fixed;
  322. width:100%;
  323. left:0;
  324. }
  325.  
  326. /* -------------- TITLE --------------- */
  327. {block:ifOpaqueHeader}
  328. #headerttl, #descrip{background-color:rgba(250,250,255,.8);}
  329. {/block:ifOpaqueHeader}
  330. #headerttl, #headerttl a, #headerttl a:hover{
  331. font-size:48px;
  332. line-height:140%;
  333. font-family: {font:Header Font};
  334. padding:25px;
  335. width:100%;
  336. text-align:center;
  337. color:{color:Title} !important;
  338. }
  339.  
  340. /* -------------- DESCRIPTION --------------- */
  341.  
  342. #descrip{
  343. padding:40px 20%;
  344. font-family: {font:Header Font};
  345. color:{color:Description};
  346. font-style:italic;
  347. text-align:center;
  348. }
  349.  
  350. /* -------------- LINKS --------------- */
  351. #inner-header{
  352. padding:10px;
  353. background-color:{color:Main Links Background};
  354. width:100%;
  355. }
  356.  
  357. #topnav{
  358. position:relative;
  359. text-align:Center;
  360. {block:ifInfiniteScrolling}
  361. {block:ifShowSearchBar}
  362. text-align:left;
  363. display:inline;
  364. margin:10px 40px;
  365. {block:ifShowSearchBar}
  366. {/block:ifInfiniteScrolling}
  367. }
  368.  
  369. #topnav a{
  370. color:{color:Main Links};
  371. padding:6px 10px;
  372. display:inline-block;
  373. font-size:12px;
  374. letter-spacing:-1.2px;
  375. text-transform:uppercase;
  376. border:2px solid transparent;
  377. font-family: {font:Header Font};
  378. }
  379.  
  380. #topnav a:hover{
  381. border:2px solid {color:Main Links Hover};
  382. color:{color:Main Links Hover};
  383.  
  384. }
  385.  
  386. /* -------------- FOOTER --------------- */
  387.  
  388. footer{
  389. background-color:{color:Main Links Background};
  390. left:0;
  391.  
  392. width:100%;
  393. {block:ifInfiniteScrolling}
  394. display:none;
  395. {/block:ifInfiniteScrolling}
  396. }
  397.  
  398. #cr, #cr:hover{
  399. font-size:20px;
  400. z-index:9999;
  401. {block:ifShowSearchBar}
  402. position:absolute;
  403. margin-top:7px;
  404. {/block:ifShowSearchBar}
  405. {block:ifInfiniteScrolling}
  406. {block:ifNotShowSearchBar}
  407. position:absolute !important;
  408. margin-top:7px;
  409. {/block:ifNotShowSearchBar}
  410. {/block:ifInfiniteScrolling}
  411. color:{color:Main Links} !important;
  412. }
  413.  
  414. #inner-footer{
  415. padding:30px;
  416. }
  417.  
  418. /* -------------- SEARCH BAR --------------- */
  419.  
  420. form{margin-left:20px; display: inline!important;}
  421. .search {
  422. padding:8px 15px;
  423. border:0px solid #dbdbdb;
  424. opacity:0.8;
  425. display: inline!important;
  426. }
  427. .button {
  428. position:relative;
  429. padding:6px 15px;
  430. left:5px;
  431. display: inline!important;
  432. background-color:transparent;
  433. border:2px solid {color:Main Links};
  434. color:{color:Main Links};
  435. -moz-outline-style:none;
  436. -webkit-transition: all 0.3s ease-in-out;
  437. -moz-transition: all 0.3s ease-in-out;
  438. -o-transition: all 0.3s ease-in-out;
  439. transition: all 0.3s ease-in-out;
  440. -webkit-backface-visibility: hidden;
  441. }
  442. .button:hover {
  443. border:2px solid {color:Main Links Hover};
  444. color:{color:Main Links Hover};
  445. }
  446.  
  447. /* -------------- PAGINATION --------------- */
  448.  
  449. .pagination{
  450. font-size:12px;
  451. position:relative;
  452. text-align:right;
  453. margin-right:10px;
  454. margin-top:10px;
  455. float:right;
  456. color:{color:Main Links};
  457. {block:IfInfiniteScrolling}
  458. display: none;
  459. {/block:IfInfiniteScrolling}
  460. }
  461. .pagination a{
  462. color:{color:Main Links} !important;
  463. margin:0;
  464. border:2px solid transparent;
  465. padding:5px;
  466. }
  467. .pagination a:hover{border:2px solid {color:Main Links Hover}; !important; color:{color:Main Links Hover} !important; margin:0;}
  468.  
  469. #infscr-loading{
  470. {block:ifnotInfiniteScrolling}
  471. display:none;
  472. visibility: hidden;
  473. opacity:0;
  474. {/block:ifnotInfiniteScrolling}
  475. z-index:99;
  476. position: absolute;
  477. left: 50%;
  478. margin-left:-10px;
  479. overflow:hidden;
  480. bottom:10px;
  481. margin-bottom: 20px;
  482. }
  483. /* -------------- CUSTOM CSS --------------- */
  484.  
  485. {CustomCSS}
  486.  
  487.  
  488. /* -------------- VIEW FOR PHONES --------------- */
  489.  
  490.  
  491. @media only screen and (max-width:1110px){
  492. #wrapper{width:80%; margin:0 auto;}
  493. #cent{width: auto; float:center;}
  494. }
  495.  
  496. @media only screen and (max-width: 767px){
  497. form{display:none !important; }
  498. #topnav a { width:90%; font-size:1.5em; text-align:center; letter-spacing:1px; margin:0;}
  499. body { font-size:.8em; width:100%; }
  500. #wrapper{ width:100% }
  501. .post { width:100%; padding:20px auto; margin:10px auto; overflow:hidden; }
  502. img { max-width:100%; }
  503. .perma, .tagss{display:none;}
  504. #permaNotes{width:80%; padding:20px; margin:10px auto;}
  505. ol.notes{ width:90%; padding:0px; margin:10px auto; }
  506. }
  507. </style>
  508.  
  509.  
  510. {block:IfInfiniteScrolling}
  511. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  512. {/block:IfInfiniteScrolling}
  513.  
  514. </head>
  515. <body>
  516.  
  517. <div id="inner-header">
  518. {block:ifInfiniteScrolling}
  519. <a href="http://notte-themes.tumblr.com" id="cr">⚜</a>
  520. {block:ifShowSearchBar}
  521. <form action="/search" method="get">
  522. <input type="text" name="q" class="search" value="{SearchQuery}"/>
  523. <input type="submit" class="button" value="Search"/>
  524. </form>
  525. {/block:ifShowSearchBar}
  526. {/block:ifInfiniteScrolling}
  527. <div id="topnav">
  528.  
  529. <a href="/">Index</a>
  530. {block:AskEnabled}<a href="/ask" title="ask">Message</a>{/block:AskEnabled}
  531. {block:SubmissionsEnabled}<a href="/submit" title="submit">Submit</a>{/block:SubmissionsEnabled}
  532. {block:ifShowArchiveLink}<a href="/archive" title="archive">Archive</a>{/block:ifShowArchiveLink}
  533. {block:ifLink1}<a href="{text:Link1 URL}" id="{text:Link1}">{text:Link1}</a>{/block:ifLink1}
  534. {block:ifLink2}<a href="{text:Link2 URL}" id="{text:Link2}">{text:Link2}</a>{/block:ifLink2}
  535. {block:ifLink3}<a href="{text:Link3 URL}" id="{text:Link3}">{text:Link3}</a>{/block:ifLink3}
  536. {block:ifLink4}<a href="{text:Link4 URL}" id="{text:Link4}">{text:Link4}</a>{/block:ifLink4}
  537. {block:ifLink5}<a href="{text:Link5 URL}" id="{text:Link5}">{text:Link5}</a>{/block:ifLink5}
  538. {block:HasPages}{block:Pages}<a href="{URL}" id="{Label}">{Label}</a>{/block:Pages}{/block:HasPages}
  539. </div>
  540. </div>
  541.  
  542. <header>
  543. <div id="headerttl"><a href="/">{Title}</a></div>
  544. <div id="descrip">{Description}</div>
  545. </header>
  546.  
  547.  
  548. <div id="wrapper">
  549. <div id="cent">
  550.  
  551. {block:Posts}
  552.  
  553. <div class="post">
  554. <div class="inner-post">
  555.  
  556. {block:Title}<div class="title">{Title}</div>{/block:Title}
  557.  
  558.  
  559. {block:Text}
  560. {Body}
  561. {/block:Text}
  562.  
  563.  
  564. {block:Photo}
  565. {LinkOpenTag}
  566. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%" /></a>
  567. {LinkCloseTag}
  568. {/block:Photo}
  569.  
  570.  
  571. {block:Panorama}
  572. {LinkOpenTag}
  573. <a href="{permalink}"><img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/></a>
  574. {LinkCloseTag}
  575. {/block:Panorama}
  576.  
  577.  
  578. {block:Photoset}
  579.  
  580. {block:ifTwoColumns}
  581. {Photoset-400}
  582. {/block:ifTwoColumns}
  583. {block:ifThreeColumns}
  584. {block:IndexPage}
  585. {Photoset-250}
  586. {/block:IndexPage}
  587. {block:PermaLink}
  588. {Photoset-400}
  589. {/block:PermaLink}
  590. {/block:ifThreeColumns}
  591.  
  592. {/block:Photoset}
  593.  
  594.  
  595. {block:Quote}
  596. <div style="padding:5px;">
  597. <div style="position:absolute; opacity:0.2; color: {color:Italic}; font-size: 70px; line-height:100%;">&ldquo;</div>
  598. <div style="color: {color:Italic}; text-align: left; font-size: 15px; margin-top:5px; padding:10px; line-height:170%;">{Quote}</div>
  599.  
  600. <div align="right" style="font-size: 11px; padding-top: 2px;">
  601. {block:Source}-{Source}{/block:Source}
  602. </div></div>
  603. {/block:Quote}
  604.  
  605.  
  606. {block:Video}
  607. {block:ifTwoColumns}
  608. {VideoEmbed-400}<br />
  609. {/block:ifTwoColumns}
  610. {block:ifThreeColumns}
  611. {block:IndexPage}
  612. {VideoEmbed-250}<br />
  613. {/block:IndexPage}
  614. {block:PermaLink}
  615. {VideoEmbed-400}<br />
  616. {/block:PermaLink}
  617. {/block:ifThreeColumns}
  618.  
  619. {PlayCountWithLabel}
  620. {/block:Video}
  621.  
  622.  
  623. {block:Link}
  624. <div style="padding:5px;">
  625. <div class="link">
  626. <a href="{URL}" {Target}>{Name} →</a>
  627. </div><br>
  628. {block:Description}{Description}{/block:Description}
  629. </div>
  630. {/block:Link}
  631.  
  632.  
  633. {block:Chat}
  634. <div class="chat">
  635. <div class="chat1">
  636. {block:Lines}
  637. <div class="chat2 {Alt}">
  638. {block:Label}
  639. <b>{Label}</b>
  640. {/block:Label}
  641. {Line}</div>
  642. {/block:Lines}
  643. </div>
  644. </div>
  645. {/block:Chat}
  646.  
  647.  
  648. {block:Audio}
  649.  
  650. {block:AudioEmbed}
  651.  
  652. {block:ifTwoColumns}
  653. {AudioEmbed-400}
  654. {/block:ifTwoColumns}
  655. {block:ifThreeColumns}
  656. {block:IndexPage}
  657. {AudioEmbed-250}
  658. {/block:IndexPage}
  659. {block:PermaLink}
  660. {AudioEmbed-400}
  661. {/block:PermaLink}
  662. {/block:ifThreeColumns}
  663.  
  664. {/block:AudioEmbed}
  665.  
  666. {/block:Audio}
  667.  
  668.  
  669. {block:Answer}
  670. <div style="display:inline-block; width:100%;">
  671. <img src="{AskerPortraitURL-30}" style="float:left; margin-right:10px; border: 10px solid {color:chatLine}; margin-left:15px;"/>
  672.  
  673. <div style="text-align:left;"><span style="font-family: {font:Body Font}; font-size:9px; letter-spacing: 1px;"> {Asker} </span></div>
  674.  
  675. <div style="font-size: 11px; line-height:110%; padding:5px; border-top: 1px solid {color:chatLine}; letter-spacing:1px;">{Question}</div>
  676. </div>
  677. {block:Answerer}
  678. <div style="display:inline-block; width:100%; margin-top:50px;">
  679. <img src="{AnswererPortraitURL-30}" style="float:right; margin-left:10px; border: 10px solid {color:chatLine}; margin-right:15px;"/>
  680.  
  681. <div style="text-align:right;"><span style="font-family: {font:Body Font}; font-size:9px; letter-spacing: 1px;"> {Answerer} </span></div>
  682.  
  683. <div style="font-size: 11px; line-height:110%; padding:5px; border-top: 1px solid {color:chatLine}; text-align:right; letter-spacing:1px;">{Answer}</div>
  684. </div>
  685. {/block:Answerer}
  686.  
  687. <div style="margin-top:40px;">{Replies}</div>
  688.  
  689. {/block:Answer}
  690.  
  691. {block:ifShowCaption}{block:Caption}<br /><br />{Caption}{/block:Caption}{/block:ifShowCaption}
  692.  
  693. {block:PermalinkPage}
  694. <br /><br />
  695. {block:ifNotShowCaption}{block:Caption}{Caption}{/block:Caption}{/block:ifNotShowCaption}
  696. {/block:PermalinkPage}
  697.  
  698.  
  699. </div><!-- END INNER POST -->
  700.  
  701. <!-- START INDEX NOTES -->{block:IndexPage}
  702.  
  703. <ul class="perma">
  704. {block:ifShowReblogButton}
  705. {block:ifNotWhiteReblogIcons}
  706. <li style="width:20px;">{ReblogButton color="black" size="15"}</li>
  707. <li> | </li>
  708. {/block:ifNotWhiteReblogIcons}
  709. {block:ifWhiteReblogIcons}
  710. <li style="width:20px;">{ReblogButton color="white" size="15"}</li>
  711. <li> | </li>
  712. {/block:ifWhiteReblogIcons}
  713. {/block:ifShowReblogButton}
  714.  
  715. {block:ifShowLikeButton}
  716. {block:ifNotWhiteReblogIcons}
  717. <li style="width:20px;">{LikeButton color="black" size="15"}</li>
  718. <li> | </li>
  719. {/block:ifNotWhiteReblogIcons}
  720. {block:ifWhiteReblogIcons}
  721. <li style="width:20px;">{LikeButton color="white" size="15"}</li>
  722. <li> | </li>
  723. {/block:ifWhiteReblogIcons}
  724. {/block:ifShowLikeButton}
  725.  
  726. {block:NoteCount}
  727. <li><a href="{Permalink}">{NoteCountWithLabel}</a></li>
  728. <li> | </li>
  729. {/block:NoteCount}
  730. {block:Date}
  731. <li><a href="{Permalink}">{Month} {DayOfMonth}</a></li>{/block:Date}
  732. </ul>
  733.  
  734. <br /><br />
  735.  
  736. {block:HasTags}
  737. <div class="tagss {select:Tags style}">
  738. {block:Tags}<span style="font-size: 11px;"><a href="{TagURL}">#{Tag}&nbsp;</a></span> {/block:Tags}</div>
  739. {/block:HasTags}
  740.  
  741. {/block:IndexPage}<!-- END INDEX NOTES -->
  742.  
  743.  
  744. <!-- START PERMA PAGE -->{block:PermalinkPage}
  745. <br><br>
  746.  
  747. <div id="permaNotes">
  748. {block:Date}
  749. Posted {TimeAgo}{/block:Date} {block:NoteCount}
  750. with {NoteCountWithLabel}
  751. {/block:NoteCount}
  752. {block:RebloggedFrom}
  753. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  754. <br />
  755. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  756. <br />{/block:RebloggedFrom}
  757. {block:HasTags}<br><br>{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  758.  
  759. {/block:HasTags}
  760.  
  761. </div>
  762.  
  763. {block:PostNotes}{PostNotes}{/block:PostNotes}
  764. {/block:PermalinkPage}<!-- END PERMA PAGE -->
  765.  
  766. </div><!-- END POSTS -->
  767.  
  768.  
  769.  
  770. {/block:Posts}
  771.  
  772.  
  773.  
  774.  
  775. </div><!-- END CENT -->
  776.  
  777. </div><!-- END WRAPPER -->
  778.  
  779. <footer>
  780. <div id="inner-footer">
  781. <a href="http://notte-themes.tumblr.com" id="cr">⚜</a>
  782. {block:ifShowSearchBar}
  783. <form action="/search" method="get">
  784. <input type="text" name="q" class="search" value="{SearchQuery}"/>
  785. <input type="submit" class="button" value="Search"/>
  786. </form>
  787. {/block:ifShowSearchBar}
  788.  
  789. {block:IndexPage}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"">Previous Page</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next"">Next Page </a>{/block:NextPage}{/block:Pagination}
  790. </div>{/block:IndexPage}
  791.  
  792.  
  793. </div>
  794. </footer>
  795.  
  796.  
  797. {block:IndexPage}
  798.  
  799.  
  800. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  801. {block:ifInfiniteScrolling}<script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>{/block:ifInfiniteScrolling}
  802.  
  803. <script type="text/javascript">
  804. $(window).load(function () {
  805. var $content = $('#cent');
  806. $content.masonry({itemSelector : '.post'});
  807. $content.infinitescroll({
  808. navSelector : '.pagination',
  809. nextSelector : '.pagination a#next',
  810. itemSelector : '.post',
  811. bufferPx : 200,
  812. extraScrollPx: 100,
  813. loadingImg : 'http://static.tumblr.com/wk1x3im/mzrmhdjwm/ajax-loader1-1.gif',
  814. loadingText : " ",
  815. },
  816. function( newElements ) {
  817. window.n = window.n || 0;
  818. Tumblr.LikeButton.get_status_by_page(++window.n);
  819. var $newElems = $( newElements );
  820. $newElems.hide();
  821. $newElems.imagesLoaded(function(){
  822. $content.masonry(
  823. 'appended',
  824. $newElems,
  825. false,
  826. function(){$newElems.fadeIn(1500);} );
  827. });
  828. });
  829. });
  830. </script>
  831.  
  832.  
  833.  
  834.  
  835. {/block:IndexPage}
  836.  
  837. </body>
  838. </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!