API tools faq
paste
Advertisement
diamondthemes

Lights Down Low Theme

diamondthemes
Aug 28th, 2017
350
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.93 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!-----------------------------------------------------------------------
  6.  
  7. Lights Down Low Theme @aurorant
  8.  
  9.  
  10. — DO NOT delete the bottom right credit.
  11. — Do not copy or steal any code.
  12. — Do not claim as yours.
  13. — Full credits - @diamondthemes
  14.  
  15. ------------------------------------------------------------------------>
  16.  
  17.  
  18.  
  19. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  20. <link href='https://fonts.googleapis.com/css?family=Karla|Lato|Muli|Roboto|Inconsolata|Hind|Vollkorn|Lato|Playfair+Display|Cardo' rel='stylesheet' type='text/css'>
  21.  
  22. <!------------script--------->
  23.  
  24. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  25. <script type="text/javascript">
  26. $(function(){
  27. $('#updates_navicon').live('click',function(){
  28. $('#updates').slideToggle();
  29. });
  30. });
  31. </script>
  32.  
  33. <!------------end script--------->
  34.  
  35. <style>
  36. @font-face {
  37. font-family: 'Bromello';
  38. src: url('http://static.tumblr.com/3dpmlma/Fh6ovep41/bromello.ttf') format('truetype');
  39. font-weight: normal;
  40. font-style: normal;
  41.  
  42. }
  43.  
  44. </style>
  45.  
  46. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"> </script>
  47.  
  48. <title>{Title}</title>
  49. <link rel="shortcut icon" href='{Favicon}'>
  50.  
  51.  
  52. <!--START OF META TAGS-->
  53. <meta name="image:Image" content=""/>
  54. <meta name="color:Background" content="#fff"/>
  55.  
  56. <meta name="color:Color 1" content="#f0bfb3"/>
  57. <meta name="color:Color 2" content="#e89e8c"/>
  58. <meta name="color:Link Color" content="#000"/>
  59. <meta name="color:Link Hover" content="#f0bfb3"/>
  60. <meta name="color:Text" content="#000"/>
  61.  
  62. <meta name="if:Infinitescroll" content="1"/>
  63.  
  64. <meta name="text:Font Size" content="10px"/>
  65.  
  66. <meta name="text:Stats" content=""/>
  67.  
  68. <!--END OF META TAGS-->
  69.  
  70.  
  71. <!--FONTS-->
  72. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Raleway|Comfortaa|Muli|Quicksand' rel='stylesheet' type='text/css'>
  73.  
  74.  
  75. <link href='https://fonts.googleapis.com/css?family=Khula:300' rel='stylesheet' type='text/css'>
  76.  
  77. <!--ICONS-->
  78. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  79.  
  80. <!--TOOLTIPS -->
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82.  
  83. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  84.  
  85. <script>
  86. (function($){$(document)
  87. .ready(function(){$("[title]")
  88. .style_my_tooltips();});})
  89. (jQuery);
  90. </script>
  91.  
  92. <script src="http://static.tumblr.com/kjtbii3/44Nmyhtju/slidetoggle.js">
  93. </script>
  94.  
  95.  
  96.  
  97. <style type="text/css">
  98.  
  99.  
  100. /*change the color of the highlight*/
  101. ::-moz-selection { /* Code for Firefox */
  102. background: {color:Color 2};
  103. }
  104. ::selection {
  105. background: {color:Color 2};
  106. }
  107.  
  108. #tumblr_controls, .tmblr-iframe {
  109. top:0px!important;
  110. right:8px!important;
  111. -webkit-filter: invert(90%);
  112. filter: invert(90%);
  113. position:fixed!important;
  114. -webkit-transform:scale(.8, .8);
  115. -moz-transform:scale(.8, .8);
  116. transform:scale(.8, .8);
  117. -webkit-transform-origin: right top;
  118. -moz-transform-origin: right top;
  119. -ms-transform-origin: right top;
  120. -o-transform-origin: right top;
  121. transform-origin: right top;
  122. z-index:999999999999999999!important
  123. }
  124.  
  125. ::-webkit-scrollbar{
  126. height:3px;
  127. width:8px;
  128. background-color:{color:Color 2};
  129. border:4px solid #ffffff;
  130. }
  131. ::-webkit-scrollbar-thumb{
  132. height:3px;
  133. background-color:{color:Color 2};
  134. border: 2px solid #ffffff;
  135. }
  136.  
  137.  
  138. iframe, img, embed, object, video {
  139. max-width: 100%;
  140. }
  141. img {
  142. vertical-align:middle;
  143. height: auto;
  144. width: auto;
  145. }
  146.  
  147. /*--DO NOT TOUCH --*/
  148. body{
  149. color:{color:text};
  150. background-color:{color:background};
  151. background-attachment:fixed;
  152. font-family:'Open Sans', sans-serif;
  153. font-size:10px;
  154. }
  155.  
  156.  
  157. a:link, a:visited{
  158. text-decoration:none;
  159. color:{color:link color};
  160. -webkit-transition: all 0.7s ease;
  161. -moz-transition: all 0.7s ease;
  162. -o-transition: all 0.7s ease;
  163. }
  164.  
  165. a:hover {
  166. color:{color:link hover};
  167. text-decoration: none;
  168. -webkit-transition: all 0.7s ease;
  169. -moz-transition: all 0.7s ease;
  170. -o-transition: all 0.7s ease;
  171. }
  172.  
  173. /*--DO NOT TOUCH --*/
  174. /*style for titles of text posts*/
  175. h2{
  176. text-align:center;
  177. font-weight:normal;
  178. font-size:12px;
  179. letter-spacing:1px;
  180. text-transform:uppercase;
  181. }
  182. h2 a{
  183. color:{color:Color 1};
  184.  
  185. }
  186.  
  187. h3{
  188. border-bottom:1px solid {color:Color 1};
  189. }
  190. p{
  191. text-align:left;
  192. color:{color:text};
  193. font-size:10px;
  194. }
  195.  
  196.  
  197. /*--I RECCOMMEND TO NOT TOUCH ANY OF THIS--*/
  198. .playerbuttonbg {
  199. position: absolute;
  200. left: 20px;
  201. top: 20px;
  202. width: 19px;
  203. height: 19px;
  204. background-color: #ffffff;
  205. padding: 10px;
  206. opacity: .4;
  207. filter: alpha(opacity=40);
  208. -moz-opacity: 0.4;
  209. -khtml-opacity: 0.4;
  210. transition: opacity .7s ease-in-out;
  211. -moz-transition: opacity .7s ease-in-out;
  212. -webkit-transition: opacity .7s ease-in-out;
  213. }
  214. .playerbuttonbg:hover {
  215. opacity: 1;
  216. filter: alpha(opacity=100);
  217. -moz-opacity: 1;
  218. -khtml-opacity: 1;
  219. }
  220.  
  221. #c{
  222. position:fixed;
  223. width:auto; /*width*/
  224. z-index:99999999999999999999;
  225. height:auto;
  226. font-size:12px;
  227. right:15px; /*how far from the right*/
  228. bottom:20px; /*how far from the top*/
  229. color:{color:text}; /*text colour*/
  230. background-color:transparent; /*background colour*/
  231. text-align:right; /*text align*/
  232. padding:3px;
  233. }
  234.  
  235. .newplayerbutton {
  236. position: relative;
  237. width: 19px;
  238. height: 19px;
  239. overflow: hidden;
  240. }
  241.  
  242. .playerbuttonhug {
  243. position: absolute;
  244. top: -18px;
  245. left: 3px;
  246. }
  247.  
  248. .tumblr_audio_player {
  249. height: 90px;
  250. width: 280px;
  251. -webkit-transform: scale(0.60, 0.60);
  252. -o-transform: scale(0.60, 0.60);
  253. -ms-transform: scale(0.60, 0.60);
  254. transform: scale(0.60, 0.60);
  255. -moz-transform-origin: top left;
  256. -webkit-transform-origin: top left;
  257. -o-transform-origin: top left;
  258. -ms-transform-origin: top left;
  259. transform-origin: top left;
  260. }
  261.  
  262. .audioimgwrapper {
  263. position: absolute;
  264. left: 0px;
  265. top: 0px;
  266. overflow: hidden;
  267. width: 79px;
  268. height: 79px;
  269. }
  270.  
  271. .audioimgwrapper img {
  272. width: 100%;
  273. height: auto;
  274. }
  275.  
  276. .trackdetails {
  277. width: auto;
  278. margin-top:20px;
  279. display:inline-block;
  280. margin-left: 90px;
  281. min-height: 85px;
  282. }
  283. .audiowrapper {
  284. position: relative;
  285. display:inline-block;
  286. }
  287. .question{
  288. color:{color:text};
  289. border:1px solid {color:Color 1};
  290. padding:5px;
  291. }
  292. .asker{
  293. }
  294. .asker a{
  295. color:{color:text};
  296. text-decoration:underline;
  297. }
  298. .asker a:hover{
  299. text-decoration:none;
  300. }
  301.  
  302. #asker img{
  303. float:left;
  304. max-width:25px;
  305. margin-right:5px;
  306. border: 1px solid {color:Color 1};
  307. border-radius:100%;
  308. }
  309.  
  310. .answerer{
  311. margin-top:10px;
  312. font-style: oblique;
  313. border-left:3px solid {color:Color 1};
  314. }
  315. .answer{
  316. margin-top:5px;
  317. border-left:1px solid {color:Color 1};
  318. padding-left:10px;
  319. font-style: oblique;
  320. }
  321. .replies{
  322. margin:5px;
  323. padding-left:10px;
  324. font-style: oblique;
  325. }
  326.  
  327.  
  328. blockquote{
  329. padding:0px 0px 2px 5px;
  330. margin:0px 0px 2px 10px;
  331. border-left: 1px solid {color:Color 1};
  332. }
  333.  
  334. /*--ACTUAL POSTS & COLUMN STUFF--*/
  335. {block:ifinfinitescroll}
  336. .pagination {
  337. display: none;}
  338. {/block:ifinfinitescroll}
  339.  
  340. #container{
  341. width:750px;
  342. margin-left:28%;
  343. margin-top:3%;
  344. {block:PermalinkPage}
  345. margin-left:30%;
  346. width:500px;
  347. {/block:PermalinkPage}
  348. }
  349.  
  350. /*--CUSTOMIZE ENTRY SETTINGS--*/
  351. .entry{
  352. position:relative;
  353. font-family:{select:Description Font};
  354. text-align:left;
  355. z-index:9999;
  356. float:left;
  357. {block:IndexPage}
  358. opacity:.9;
  359. width:250px;
  360. -webkit-animation: cssAnimation 1s 1 ease-in-out;
  361. -moz-animation: cssAnimation 1s 1 ease-in-out;
  362. -o-animation: cssAnimation 1s 1 ease-in-out;
  363. {/block:IndexPage}
  364. {block:PermalinkPage}
  365. width:500px;
  366. {/block:PermalinkPage}
  367. margin:20px;
  368. padding:10px;
  369. border:1px solid {color:Color 1};
  370. background-color:{color:Background};
  371. box-shadow: 2px 2px 0px 0px {color:Color 1};
  372. -webkit-transition: all 0.7s ease;
  373. -moz-transition: all 0.7s ease;
  374. -o-transition: all 0.7s ease;
  375. }
  376.  
  377.  
  378. .entry img{
  379. outline:1px solid transparent;
  380. outline-offset:-30px;
  381. max-width:100%;
  382. z-index:999;
  383. -webkit-transition:all 0.7s ease-out;
  384. -moz-transition:all 0.7s ease-out;
  385. transition:all 0.7s ease-out;
  386. }
  387.  
  388. .entry:hover img{
  389. outline:1px solid {color:Color 1};
  390. outline-offset:-9px;
  391. {block:PermalinkPage}
  392. outline:0px solid transparent;
  393. outline-offset:-30px;
  394. max-width:100%;
  395. z-index:999;
  396. -webkit-transition:all 0.7s ease-out;
  397. -moz-transition:all 0.7s ease-out;
  398. transition:all 0.7s ease-out;
  399. {/block:PermalinkPage}
  400. }
  401.  
  402. /*--CUSTOMIZE THE APPEARANCE OF PERMALINK PAGE--*/
  403. #permpage{
  404. {block:PermalinkPage}
  405. width: 500px;
  406. height: 200px;
  407. font-size:10px;
  408. overflow-y:scroll;
  409. position: relative;
  410. font-family: {select:body text};
  411. padding:2px;
  412. float:center;
  413. z-index:99999999;
  414. {/block:PermalinkPage}
  415. }
  416.  
  417.  
  418. /*--CUSTOMIZE THE APPEARANCE OF PERMALINKS--*/
  419. #perma1{
  420. font-size:10px;
  421. {block:PermalinkPage}
  422. display:none;
  423. {/block:PermalinkPage}
  424. padding:7px;
  425. width:auto;
  426. height:auto;
  427. top:45%;
  428. margin-left:52px;
  429. text-align:center;
  430. opacity:0;
  431. background:{color:Color 1};
  432. position:absolute;
  433. z-index:99999;
  434. -webkit-transform: scale(0.70);
  435. -webkit-transition: all .3s ease;
  436. -moz-transition: all .3s ease;
  437. -o-transition: all .3s ease;
  438. transition: all .3s ease;
  439. }
  440.  
  441. .entry:hover #perma1{
  442. outline:1px solid {color:Color 1};
  443. outline-offset:3px;
  444. opacity:1;
  445. overflow:visible;
  446. -webkit-transform: scale(1);
  447. -webkit-transition: all .3s ease;
  448. -moz-transition: all .3s ease;
  449. -o-transition: all .3s ease;
  450. transition: all .3s ease;
  451. }
  452.  
  453. #perma1 a{
  454. color:#666;
  455. }
  456.  
  457. #perma1 a:hover{
  458. color:{color:text};
  459. }
  460.  
  461. {block:IndexPage}
  462. .permalinktext {
  463. display: block;
  464. font-family: {select:body text};
  465. font-size:8px;
  466. line-height:3px;
  467. letter-spacing:1px;
  468. text-align: center;
  469. background-color:transparent;
  470. margin: 2px;
  471. margin-top:10px;
  472. color:#aaa;
  473. font-style:italic;
  474. border-top:1px solid {color:Color 1};
  475. padding:10px;
  476. {/block:IndexPage}
  477. {block:PermalinkPage}
  478. display:none;
  479. {/block:PermalinkPage}
  480. }
  481.  
  482. #postnotes{
  483. background:white;
  484. overflow:auto;
  485. height:auto;
  486. width:auto;
  487. max-height:400px;
  488. line-height:20px;
  489. padding:8px;
  490. text-align:left;
  491. font-family: {select:body text};
  492. }
  493.  
  494. ol.notes {
  495. padding: 0px;
  496. margin: 0 20px 20px 20px;
  497. list-style-type: none;
  498. }
  499. ol.notes a {
  500. border-bottom:0;
  501. }
  502. ol.notes li.note {
  503. padding: 3px;
  504. margin-bottom:3px;
  505. }
  506. ol.notes li.note img.avatar {
  507. float:right;
  508. border-radius:50%;
  509. right:5px;
  510. margin-right:10px;
  511. }
  512. ol.notes li.note blockquote {
  513. border:1px solid #eeeeee;
  514. background:#fbfbfb;
  515. padding-left: 6px;
  516. margin: 6px;
  517. }
  518. ol.notes li.note blockquote a {
  519. text-decoration: none;
  520. }
  521.  
  522. /**this is the blog borders*/
  523. .top{
  524. height:35px;
  525. width:100%;
  526. top:-1px;
  527. background:{color:Color 1};
  528. border:1px solid;
  529. border-color:{color:Color 1};
  530. position:fixed;
  531. z-index:9999999;
  532. left:0px;
  533.  
  534. }
  535.  
  536. .left{
  537. height:150%;
  538. width:15px;
  539. background: {color:Color 1};
  540. position:fixed;
  541. z-index:99999;
  542. left:0px;
  543. top:0px;
  544. }
  545.  
  546. .lace{
  547. height:150%;
  548. width:5px;
  549. background: {color:Color 1};
  550. position:fixed;
  551. z-index:99999;
  552. left:20px;
  553. top:0px;
  554. }
  555.  
  556. .right{
  557. height:150%;
  558. width:15px;
  559. background: {color:Color 1};
  560. position:fixed;
  561. z-index:99999;
  562. right:0px;
  563. top:0px;
  564. }
  565.  
  566. .laced{
  567. height:150%;
  568. width:5px;
  569. background: {color:Color 1};
  570. position:fixed;
  571. z-index:99999;
  572. right:20px;
  573. top:0px;
  574. }
  575.  
  576.  
  577.  
  578. #title {
  579. position:fixed;
  580. width:150px;
  581. height:20px;
  582. padding:5px;
  583. text-align:center;
  584. font-family:'Bromello'; /*insert your own font if you'd like*/
  585. background:#fff;
  586. z-index:99;
  587. text-transform:none;
  588. font-size:20px;
  589. letter-spacing:2px;
  590. margin-top:-23px;
  591. margin-left:0px;
  592. }
  593.  
  594. #sidebar{
  595. width:220px;
  596. height:60px; /*depending on how big your description is, alter this*/
  597. position:fixed;
  598. padding:7px;
  599. top:270px;
  600. right:90px;
  601. z-index:999999999999999999;
  602. background:#fff;
  603. border:2px solid {color:Color 2};
  604. }
  605.  
  606. .stats{
  607. width:156px;
  608. height:16px;
  609. position:fixed;
  610. padding:1px;
  611. margin-top:0px;
  612. right:102px;
  613. text-align:right;
  614. font-size:10px;
  615. z-index:9999999;
  616. background:#fff;
  617.  
  618. }
  619.  
  620.  
  621. .navlinks {
  622. background:{color:Color 1};
  623. padding:2px;
  624. text-align:center;
  625. font-size:10px;
  626. -webkit-transition: all 0.7s ease;
  627. -moz-transition: all 0.7s ease;
  628. -o-transition: all 0.7s ease;
  629. }
  630.  
  631. .navlinks a{
  632. padding:5px;
  633. text-decoration:none;
  634. color:#666666;
  635. font-size:10px;
  636. display: inline-block;
  637. position: relative;
  638. text-align:center;
  639. top:6px;
  640. }
  641. .navlinks a:hover{
  642. background-color:{color:Color 1};
  643. text-decoration:underline;
  644. text-align:center;
  645. -webkit-transition: all 0.7s ease;
  646. -moz-transition: all 0.7s ease;
  647. -o-transition: all 0.7s ease;
  648. }
  649.  
  650. #description{
  651. text-align:left;
  652. margin-bottom:5px;
  653. margin-top:-5px;
  654. padding:10px;
  655. font-size:9px;
  656. }
  657.  
  658. #righttab{
  659. position:relative;
  660. float:left;
  661. border-right:2px solid {color:Color 1};
  662. height:auto;
  663. margin-right:10px;
  664. }
  665.  
  666. #avatar{
  667. position:relative;
  668. float:left;
  669. border-right:2px solid {color:Color 1};
  670. height:auto;
  671. width:45px;
  672. margin:5px;
  673. margin-top:0px;
  674. margin-left:-1px;
  675. padding:5px;
  676. }
  677.  
  678.  
  679.  
  680.  
  681.  
  682. </style>
  683. <script src="jquery.js"></script>
  684. <script>
  685. $(document).ready(function(){
  686. $(".title1").click(function(){
  687. $(".table1").slideToggle("fast");});});
  688. $(document).ready(function(){
  689. $(".title2").click(function(){
  690. $(".table2").slideToggle("fast");});});
  691. $(document).ready(function(){
  692. $(".title3").click(function(){
  693. $(".table3").slideToggle("fast");});});
  694. </script>
  695.  
  696. <div class="top">
  697.  
  698. <div class="navlinks">
  699.  
  700. &nbsp;&nbsp;
  701.  
  702. <a href="/">link 1</a>&nbsp;&nbsp;
  703.  
  704. <a href="/">link 2</a>&nbsp;&nbsp;
  705.  
  706. <a href="/">link 3</a>&nbsp;&nbsp;
  707.  
  708. <a href="/">link 4</a>&nbsp;&nbsp;
  709.  
  710. <a href="/">link 5</a>&nbsp;&nbsp;
  711.  
  712. <a href="/">link 6</a>&nbsp;&nbsp;
  713.  
  714. <a href="/">link 7</a>&nbsp;&nbsp;
  715.  
  716. <a href="/">link 8</a>&nbsp;&nbsp;
  717.  
  718. </div>
  719. </div>
  720.  
  721. <div class="left"></div>
  722. <div class="right"></div>
  723. <div class="lace"></div>
  724. <div class="laced"></div>
  725.  
  726.  
  727.  
  728.  
  729. <div id="sidebar">
  730.  
  731. <div id="title"><a href = "/" title= "refresh" style="color:black">your title goes here</a></div>
  732. <br>
  733. <center>
  734. <div id="description">
  735. <div id="righttab"></div>
  736.  
  737. <center>
  738.  
  739. your description goes here, make it as long or as short as you'd like
  740.  
  741. <br><br>
  742.  
  743. <div class="stats">{text:Stats}</div>
  744.  
  745. </center>
  746.  
  747. </div>
  748. </div>
  749. </div>
  750. </div>
  751. </div>
  752.  
  753.  
  754.  
  755.  
  756. </head>
  757. <body>
  758.  
  759.  
  760.  
  761. <!--POSTS ENTRIES START HERE-->
  762. <div id="container">
  763.  
  764. {block:Posts}
  765. <!-- {block:NoRebloggedFrom}
  766. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  767. {/block:NoRebloggedFrom} -->
  768.  
  769. <div class="entry">
  770.  
  771. <!--TEXT POSTS-->
  772. {block:Text}
  773. <div class="post text">
  774. {block:Title}
  775. <h2><a href="{Permalink}">{Title}</a></h2>
  776. {/block:Title}
  777. {Body}
  778. </div>
  779. {block:IndexPage}
  780. <div class="permalinktext">
  781.  
  782. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}">{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  783. {/block:IndexPage}
  784. {/block:Text}
  785.  
  786. <!--PHOTO POSTS-->
  787. {block:Photo}
  788. <div class="post photo">
  789. {block:IndexPage}
  790. <a href="{Permalink}"> <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  791. </a>
  792.  
  793. <div id="perma1"><a href="{ReblogUrl}" >Reblog </a> &middot <a href="{Permalink}">{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  794.  
  795. {/block:IndexPage}
  796. {block:PermalinkPage}
  797. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  798. </a>
  799. {/block:PermalinkPage}
  800. </div>
  801. {/block:Photo}
  802.  
  803. <!--PANORAMA POSTS-->
  804. {block:Panorama}
  805. <div class="post panorama">
  806. {LinkOpenTag}
  807. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  808. {LinkCloseTag}
  809. </div>
  810.  
  811. <div id="perma1"><a href="{ReblogUrl}" >Reblog</a> &middot <a href="{Permalink}">{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  812. {/block:Panorama}
  813.  
  814. <!--PHOTOSET POSTS-->
  815. {block:Photoset}
  816. <div class="post photoset">
  817. <center>
  818. {block:Photos}
  819. {block:Indexpage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" width="100%" /></a>
  820. {/block:Indexpage}
  821. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" width="100%" />{/block:PermalinkPage}
  822. {/block:Photos}
  823. </center>
  824.  
  825. <div id="perma1"><a href="{ReblogUrl}" >Reblog</a> &middot <a href="{Permalink}">{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  826.  
  827. {/block:IndexPage}
  828. {block:PermalinkPage}
  829. {Photoset-HighRes}
  830. {/block:PermalinkPage}
  831. </div>
  832. {/block:Photoset}
  833.  
  834. <!--QUOTE POSTS-->
  835. {block:Quote}
  836. <div class="quote">
  837. <i class="fa fa-quote-left"></i> {Quote} <i class="fa fa-quote-right"></i>
  838. {block:Source}
  839. <div class="source">—<i>{Source}</i></div>
  840. {/block:Source}
  841. </div>
  842. {block:IndexPage}
  843. <div class="permalinktext">
  844.  
  845. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  846. {/block:IndexPage}
  847. {/block:Quote}
  848.  
  849. <!--LINK POSTS-->
  850. {block:Link}
  851.  
  852. <div class="post link">
  853.  
  854. <div align="center">
  855. <a href="{URL}" class="linker" {Target}>{Name} <i class="fa fa-link"></i></a>
  856. </div>
  857. {block:Description}
  858. <div class="description">{Description}</div>
  859. {/block:Description}
  860. </div>
  861. {block:IndexPage}
  862.  
  863.  
  864. <div class="permalinktext">
  865.  
  866. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  867. {/block:IndexPage}
  868. {/block:Link}
  869.  
  870. <!--CHAT POSTS-->
  871. {block:Chat}
  872. <div class="post chat">
  873. <code>
  874. {block:Title}
  875. <h3><a href="{Permalink}">{Title}</a></h3>
  876. {/block:Title}
  877.  
  878. <div class="chat">
  879. {block:Lines}
  880. <div class="{Alt} user_{UserNumber}">
  881. {block:Label}
  882. <b> <span class="label">{Label}</span></b>
  883. {/block:Label}
  884. {Line}
  885. </div>
  886. {/block:Lines}
  887. </code>
  888. </div>
  889. {block:IndexPage}
  890.  
  891. <div class="permalinktext">
  892.  
  893. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  894. </div>
  895. {/block:IndexPage}
  896. {/block:Chat}
  897.  
  898. <!--VIDEO POSTS-->
  899. {block:Video}
  900. <div class="post video">
  901. {Video-250}
  902. <div class="permalinktext">
  903. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  904. {/block:IndexPage}
  905. {/block:Video}
  906.  
  907. <!--AUDIO POSTS-->
  908. {block:Audio}
  909. {block:AudioPlayer}
  910. <div class="audiowrapper">
  911. {block:AlbumArt}
  912. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  913. {/block:AlbumArt}
  914.  
  915. <div class="playerbuttonbg">
  916. <div class="newplayerbutton">
  917. <div class="playerbuttonhug">
  918. {AudioPlayerWhite}
  919. </div>
  920. </div>
  921. </div>
  922.  
  923. <div class="trackdetails">
  924.  
  925. {block:TrackName}{TrackName}{/block:TrackName}<br/>
  926. {block:Artist}Artist: {Artist}{/block:Artist}<br/>
  927. {block:PlayCount}Played: {PlayCount} times {/block:PlayCount}
  928. {block:Album}Album: {Album}{/block:Album}<br/>
  929. </div>
  930. </div>
  931. {/block:AudioPlayer}
  932.  
  933. <div class="permalinktext">
  934.  
  935. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  936. {/block:IndexPage}
  937. {/block:Audio}
  938.  
  939. <!--Q & A POSTS-->
  940. {block:Answer}
  941. <div class="question"><center><div id="asker"><img src="{AskerPortraitURL-48}"></div></center><div class="asker"><b>{Asker}</b> asked: <br> {Question}</div></div>
  942. {block:Answerer}
  943. <div class="answer">{Answer}</div>
  944. {/block:Answerer}
  945. <div class="replies">
  946. {Replies}
  947. </div>
  948.  
  949. <div class="permalinktext">
  950.  
  951. <a href="{ReblogURL}">Reblog</a> &middot <a href="{Permalink}" >{NoteCount}</a> &middot <a href="{Permalink}" >{TimeAgo}</a></div>
  952. {/block:Answer}
  953. {block:PermalinkPagination}
  954.  
  955. <!--PERMALINK PAGE-->
  956. {block:PermalinkPage}
  957. {caption}
  958. <br>
  959. <center style="background:{color:Color 1}; text-align:center; width=100%;"><br>
  960. {block:Date}<b>posted:</b> <u>{DayOfWeek}</u>{/block:Date} {block:NoteCount} | <b>with:</b> {NoteCount} notes<br>{/block:NoteCount}
  961. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>from:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  962. <br>
  963. <div class="tags">
  964. {block:HasTags}
  965. <b>tags:</b>
  966. {block:Tags}
  967. <a href={TagURL}>
  968. #{Tag},</a>
  969. {/block:Tags}
  970. {/block:HasTags}
  971. </div><br></center>
  972.  
  973. <div id="permpage">
  974. <br>
  975. {block:PostNotes}
  976. <div id="postnotes"><ol class="notes">
  977. {PostNotes-16}
  978. </div></div>
  979. {/block:PostNotes}
  980. {/block:PermalinkPage}
  981. {/block:PermalinkPagination}
  982. </div>
  983. {/block:Posts}
  984. </div>
  985.  
  986. <!--IF NOT INFINITE SCROLL STARTS HERE-->
  987. {block:ifnotinfinitescroll}
  988. <div class="pagination">
  989. <center>
  990. {block:PreviousPage}
  991. <a href="{PreviousPage}">Previous</a>
  992. {/block:PreviousPage}
  993. {block:JumpPagination}
  994. {block:CurrentPage}
  995. <span class="current_page">{PageNumber}</span>
  996. {/block:CurrentPage}
  997. {block:JumpPage}
  998. <a class="jump_page" href="{URL}">{PageNumber}</a>
  999. {/block:JumpPage}
  1000. {/block:JumpPagination}
  1001. {block:NextPage}
  1002. <a href="{NextPage}">Next</a>
  1003. {/block:NextPage}
  1004. </div></center>
  1005. {/block:ifnotinfinitescroll}
  1006.  
  1007. <!--INFINITE SCROLL STARTS HERE-->
  1008. {block:ifinfinitescroll}
  1009. <div class="pagination">
  1010. {block:Pagination}
  1011. {block:PreviousPage}
  1012. <a href="{PreviousPage}">previous</a> &middot;
  1013. {/block:PreviousPage}
  1014. {block:NextPage}
  1015. <a href="{NextPage}" id="next">next</a>
  1016. {/block:NextPage}
  1017. {/block:Pagination}
  1018. {/block:ifinfinitescroll}
  1019. </div>
  1020.  
  1021. <!---masonry--->
  1022. {block:indexpage}
  1023. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1024. <!--masonry-- (dont remove unless you want wierd columns-->
  1025. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1026. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  1027. <!--end-->
  1028. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1029. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1030. <script type="text/javascript">
  1031. $(window).load(function(){
  1032. var $wall = $('#container');
  1033. $wall.imagesLoaded(function(){
  1034. $wall.masonry({
  1035. itemSelector: '.entry, .entry_photo',
  1036. isAnimated : false
  1037. });
  1038. });
  1039.  
  1040. $wall.infinitescroll({
  1041. navSelector : '#page-nav',
  1042. nextSelector : '#page-nav a',
  1043. itemSelector : '.entry, .entry_photo',
  1044. bufferPx : 2000,
  1045. debug : false,
  1046. errorCallback: function() {
  1047. $('#infscr-loading').fadeOut('normal');
  1048. }},
  1049. function( newElements ) {
  1050. var $newElems = $( newElements );
  1051. $newElems.hide();
  1052. $newElems.imagesLoaded(function(){
  1053. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1054. });
  1055. }); $('#content').show(500);
  1056. });
  1057. </script>
  1058. {/block:indexpage}
  1059.  
  1060. <!--end-->
  1061.  
  1062.  
  1063.  
  1064. <!--DO NOT REMOVE-->
  1065. <div style="bottom:15px;right:35px;position:fixed;"><a href="http://diamondthemes.tumblr.com/"><img title="diamondthemes" style="width:16px; height:16px" src="http://data.whicdn.com/images/73645613/original.png"/></a></div>
  1066. <!--DO NOT REMOVE-->
  1067. </body>
  1068.  
  1069.  
  1070.  
  1071.  
  1072. </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!