API tools faq
paste
Advertisement
chthms

02 theme

chthms
Oct 18th, 2017
152
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 20.86 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!----
  6.  
  7.  
  8. Theme, base made by:
  9.      DRIVHS
  10. [ http://drivhs.tumblr.com/ ]
  11.  
  12.  
  13. - Don't copy and remove my credits
  14. - Do not use my base as if it were yours
  15. - Audio made by: passo-html
  16.  
  17.  
  18. ---->
  19.  
  20.  
  21.  
  22. <title>{Title}</title>
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. <link rel="shortcut icon" href="{Favicon}">
  25. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  26.  
  27.  
  28.  
  29.  
  30.  
  31.  
  32. <!-- colors -->
  33. <meta name="color:background" content="#ffffff"/>
  34. <meta name="color:background image" content="#ffffff"/>
  35. <meta name="color:texts" content="#666666" />
  36. <meta name="color:networks" content="#666666"/>
  37. <meta name="color:desc" content="#444444" />
  38. <meta name="color:hover links" content="#000000" />
  39. <meta name="color:links" content="#888888" />
  40.  
  41.  
  42. <!-- photo -->
  43. <meta name="if:photo" content="" />
  44.  
  45.  
  46. <!-- legend -->
  47. <meta name="text:Legend" content="information here." />
  48.  
  49. <!-- links -->
  50. <meta name="text:links 1" content="link" />
  51. <meta name="text:link 1 url" content="/" />
  52. <meta name="text:links 2" content="link" />
  53. <meta name="text:link 2 url" content="/" />
  54. <meta name="text:links 3" content="link" />
  55. <meta name="text:link 3 url" content="/" />
  56. <meta name="text:link 4 url" content="/" />
  57. <meta name="text:link 5 url" content="/" />
  58. <meta name="text:link 6 url" content="/" />
  59.  
  60. <!-- fonts -->
  61. <meta name="select:Fonts"content="'Lato'"title="Lato"/>
  62. <meta name="select:Fonts"content="'Open Sans'"title="Open Sans"/>
  63. <meta name="select:Fonts"content="'Assistant'"title="Assistant"/>
  64. <meta name="select:Fonts"content="'Muli'"title="Muli"/>
  65. <meta name="select:Fonts"content="'Source Sans Pro'"title="Source Sans Pro"/>
  66. <meta name="select:Fonts"content="'Asap'"title="Asap"/>
  67.  
  68. <link href="https://fonts.googleapis.com/css?family=Assistant|Lato|Muli|Open+Sans|Oswald|Source+Sans+Pro" rel="stylesheet">
  69.  
  70. <link href='https://fonts.googleapis.com/css?family=Ms+Gothic:300,300italic,400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  71.  
  72.  
  73.  
  74.  
  75. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  76. <script type="text/javascript">
  77. $(document).ready(function(){
  78. $(".lb").hide();
  79. $(".navs").click(function(){
  80. $(this).next(".lb").slideToggle('slow');
  81. }); });  
  82. </script>
  83.  
  84.  
  85.  
  86. <style type="text/css">
  87.  
  88.  
  89. /* painel */
  90. iframe.tmblr-iframe {
  91. z-index:99999999999999!important;
  92. top:-1px !important;
  93. right:0!important;
  94. opacity:0.2;
  95. /* delete invert(1) from here */
  96. filter:invert(1) contrast(40%);
  97. -webkit-filter:invert(1) contrast(40%);
  98. -o-filter:invert(1) contrast(40%);
  99. -moz-filter:invert(1) contrast(40%);
  100. -ms-filter:invert(1) contrast(40%);
  101. /* to here if your blog has a dark background */
  102. transform:scale(0.65);
  103. transform-origin:100% 0;
  104. -webkit-transform:scale(0.65);
  105. -webkit-transform-origin:100% 0;
  106. -o-transform:scale(0.65);
  107. -o-transform-origin:100% 0;
  108. -moz-transform:scale(0.65);
  109. -moz-transform-origin:100% 0;
  110. -ms-transform:scale(0.65);
  111. -ms-transform-origin:100% 0;
  112. transition:.6s;
  113. }
  114.  
  115. iframe.tmblr-iframe:hover {
  116. opacity:0.3!important;
  117. transition:.6s;
  118. }
  119. /* painel */
  120.  
  121.  
  122. /* body */
  123. body {background:{color:backcground};
  124. padding:4px;
  125. font-style:normal;
  126. font-size: 11px;
  127. color:{color:texts};
  128. font-family:{select:fonts};
  129. text-align:center;
  130. line-height:14px;
  131. }
  132.  
  133.  
  134.  
  135. ::-webkit-scrollbar-thumb{
  136. background:#ccc;
  137. border:1px solid white;
  138. height:2px;}
  139. ::-webkit-scrollbar {
  140. height:4px;
  141. width:4px;
  142. background:#eee;
  143. border:1px solid white;}
  144.  
  145.  
  146.  
  147.  
  148. a, a:link, a:active, a:visited
  149. {color:{color:links};
  150. text-decoration:none;
  151. font-weight:normal;
  152. font-style:normal;
  153. }
  154.  
  155. a:hover {
  156. color:{color:hover links};
  157. text-decoration:none;
  158. }
  159.  
  160.  
  161. h1, h2, h3, h4, h5, h6 {
  162. margin-top:10px;
  163. color:{color:texts};
  164. font:400 10px {select:fonts};
  165. text-transform:uppercase;
  166. letter-spacing:0.5px;
  167. line-height:14px;
  168. padding:10px;
  169. text-align:center;
  170. z-index:9999999999;
  171.  
  172. }
  173.  
  174. /* links */
  175.  
  176.  
  177. .links {  
  178.     text-align:center;
  179.     line-height:15px;
  180.     padding:6px;
  181.     border:1px solid #eee;
  182.     margin-left:0px;
  183.     margin-bottom:10px;
  184.     margin-top:0px;
  185. }
  186.  
  187. .links a {
  188.     background:#;
  189.     color:{color:links};
  190.     width:auto;
  191.     font-size:10px;
  192.     text-align:center;
  193.     text-transform:uppercase;
  194.     padding:2px;
  195.     z-index:9999999999;
  196. }  
  197.  
  198. .links a:hover{
  199.     color:{color:hover links};
  200.    
  201.    
  202.  
  203. }
  204.  
  205. .links span{float:right;
  206. font-size:12px;
  207. font-weight:100;
  208. line-height:20px;
  209. padding:4px;
  210. color:auto;
  211. padding-left:10px;
  212. margin-top:-6px;
  213. border-left:1px solid #eee;}
  214.  
  215. .links:hover{box-shadow:inset 500px 0 0 0 #ccc;
  216. transition:all 0.3s linear, background 0.3s 0.3s linear;
  217. border-color:#eee; background:#eee;}
  218.  
  219. /* links */
  220.  
  221. b, strong, bold {color:auto;}
  222. u {cursor:help; text-decoration: none; border-bottom: 1px dashed #f8f7f7;}
  223. i {color:auto;}
  224. s {color:auto;}
  225.  
  226. .blockvs{display:block;}
  227.  
  228. /* body */
  229.  
  230.  
  231.  
  232.  
  233. /* posts */
  234.  
  235. #posts {
  236.     position:relative;
  237.     width:990px;
  238.     margin-top:40px;
  239.     margin-left:290px;
  240. }
  241.  
  242. .scar {overflow:hidden;
  243.     float:left;
  244.     margin:40px;
  245.     width:250px;
  246. }
  247.  
  248. .scar img {
  249.     border-radius:4px;
  250.     width:250px;
  251.     -webkit-filter:sepia(30%);
  252.  
  253. }
  254.  
  255. .photoset {
  256.     max-width:250px;
  257.     border-radius:4px;
  258.     -webkit-filter:sepia(30%);
  259. }
  260.  
  261.  
  262.  
  263. /* posts */
  264.  
  265. /* marcador */
  266. ::selection {
  267. background:#aaaaaa;
  268. color:white;}
  269. /* marcador */
  270.  
  271. /* tooltip */
  272. #s-m-t-tooltip{
  273.     max-width:300px;
  274.     line-height:13px;
  275.     margin:10px 10px 10px 10px;
  276.     padding:5px;
  277.     width:auto;
  278.     border:1px solid #eee;
  279.     background:white;
  280.     font-size:9px;
  281.     letter-spacing:.5px;
  282.     z-index:100000;}
  283. /* tooltip */
  284.  
  285. /* blockquote, quote, sourceqt */
  286. .quote {
  287.     position:relative;
  288.     text-align:justify;
  289.     line-height:15px;
  290.     padding:7px;
  291.     margin-left:0px;
  292.     margin-bottom:0px;
  293.     margin-top:0px;
  294. }
  295.  
  296. .sourceqt {
  297.     background:#;
  298.     color:{color:links};
  299.     text-align:right;
  300.     font-weight:;
  301.     font-style:normal;
  302.     font-weight:normal;
  303.     font-family:'Tahoma';
  304.     margin-top:3px;
  305.     padding:6px;
  306.     padding-right:10px;
  307.     z-index:9999999999;
  308. }        
  309.  
  310.  
  311. #text_title{
  312.     text-transform:uppercase;
  313.     padding:10px;
  314.     font-size:15px;
  315.     font-family:'Oswald';
  316. }
  317.  
  318. #text{
  319. margin:0px;
  320. text-align:justify;
  321. padding:4px;
  322. background:white;
  323. border:1px solid #eee;
  324. width:240px;
  325. }
  326.  
  327. blockquote {margin:0px;
  328. text-align:left;
  329. padding:4px;
  330. background:#eee;
  331. width:240px;}
  332.  
  333. blockquote img{width:240px;}
  334.  
  335. /* blockquote, quote, sourceqt */
  336.  
  337.  
  338. /*estilo de audio #02 em @passo-html por @clamam*/
  339. .ph-album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:80px; background-size:60px; overflow:hidden;}
  340. .ph-album img{width:50px; height:50px;margin-top:13px;overflow:hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:.7;}
  341. .ph-album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s; opacity:1;}
  342. .ph-player{width:20px; height:20px; overflow:hidden;display:block;padding:11px 11px 11px 21px; margin-top:14px; margin-left:6px;filter:invert(0%);position:absolute;background:transparent; opacity: 0.8; z-index:6; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;}
  343. .ph-player:hover {opacity:1;}
  344. .ph-track{margin-left:80px; overflow:auto;text-align:justify;font-family:'Asap', sans-serif; font-size:8px; padding:10px; text-transform:uppercase; letter-spacing:0px;}
  345. .ph-track b{color:#888888;}
  346.  
  347.  
  348.  
  349.  
  350. /* chat */
  351.  
  352. .chatitle {
  353.     background:{color:background};
  354.     color:{color:links};
  355.     font-size:12.5px;
  356.     width:auto;
  357.     text-align:right;
  358.     font-weight:bold;
  359.     text-transform:;
  360.     margin-top:-7px;
  361.     margin-bottom:-8px;
  362.     padding:0px;
  363.     padding-left:15px;
  364.     z-index:9999999999;
  365. }  
  366.  
  367. .chat {
  368.     padding:0px;
  369.     list-style-type:none;
  370.     margin-bottom:0px;
  371.         border:1px solid #eee;
  372.     font-weight:normal;
  373.     border-top:1px solid #eee;
  374.     border-bottom:1px solid #eee;
  375.     margin:-1px;
  376. }  
  377.  
  378. /* end chat */
  379.  
  380. /* ask made by: charghie */
  381. .text_ask {
  382. padding:10px;
  383. max-width:250px;
  384. border:1px solid #eee;
  385.    
  386. }
  387.  
  388. .q {
  389. padding:5px;
  390. width:150px;
  391. position:relative;
  392. background:white;
  393. border:1px solid #eee;
  394. bottom:-5px;
  395. color:{color:text};
  396. left:80px;
  397. line-height:10px;
  398. text-transform:none;
  399.    
  400. }
  401.  
  402. .q a{
  403.  
  404. color:{color:text};
  405. }
  406.  
  407. .q:before {
  408.     left:-9px;
  409.     margin-top:-2px;
  410.     width:14px;
  411.     content:'';
  412.     height:14px;
  413.     position: absolute;
  414.     z-index:100;
  415.     background:white;    
  416.     border-bottom:1px solid #eee;
  417.     border-left:1px solid #eee;
  418.     transform:rotate(45deg);
  419. }
  420.  
  421.  
  422.  
  423. .r {
  424. position:relative;
  425. background:white;
  426. margin-top:0px;
  427. width:220px;
  428. text-transform:uppercase;
  429. font-size:8px;
  430. padding:8px;
  431. border-top:1px solid #eee;
  432. margin-left:-5px;
  433. padding-left:10px;
  434. color:{color:text};
  435. text-align:justify
  436. }
  437. .r a{
  438. width:auto;
  439. padding:0px;
  440. color:{color:links};
  441. font-weight:bold;
  442. font-style:normal;
  443. letter-spacing:1px;
  444. margin-left:auto;}
  445.  
  446. .a {
  447. position:relative;
  448. background:white;
  449. margin-top:0px;
  450. width:220px;
  451. text-transform:uppercase;
  452. font-size:8px;
  453. padding:8px;
  454. border-top:1px solid #eee;
  455. margin-left:-5px;
  456. padding-left:10px;
  457. color:{color:text};
  458. text-align:justify;
  459. }
  460. .pht img {
  461. position:relative;
  462. width:23px;
  463. height:23px;
  464. color:white;
  465. bottom:20px;
  466. right:100px;
  467. border-radius:0px;
  468. padding:2px 2px 2px 2px;
  469. background:white;
  470. border:1px solid #eee;
  471. }
  472.  
  473.  
  474.  
  475.  
  476. /* ask made by: charghie */
  477.  
  478. /* notes */
  479.  
  480. #buttons{
  481.     color:{color:links};
  482.     background:#;
  483.     font-size:10px;
  484.     padding:10px;
  485.     letter-spacing:0px;
  486.     margin:0px;
  487.     width:auto;
  488.     margin-top:-6px;
  489.     float:right;
  490.     margin-bottom:-10px;
  491.     letter-spacing:0px;
  492.     display:block;
  493.     font-style:normal;
  494.  
  495. }
  496.  
  497. #buttons a{
  498.     font-family:{select:font};
  499.     text-transform:capitalize;
  500.     font-size:8.5px;
  501.     color:{color:links};
  502.     padding:2px;
  503.     opacity:1;
  504.     transition:.5s;
  505. }
  506. #buttons a:hover {
  507.     color:{color:hover links};
  508.     transition:.5s;
  509. }
  510.     #float {
  511.         margin-top:-6px;
  512.         float:left;
  513.         margin-bottom:-20px;
  514.         text-transform:lowercase;
  515.         font-style:normal;
  516.         text-align:left;
  517.         color:{color:links};
  518.         margin-right:0px;
  519.         padding:10px;
  520.         transition:.5s;
  521.         font-size:8.5px;
  522.         text-align:right;
  523.         color:{color:links};
  524.         letter-spacing:1px;
  525.         margin-right:0px;
  526.     }
  527.  
  528. /* notes */
  529.  
  530.  
  531.  
  532.  
  533. /* sidebar */
  534.  
  535.  
  536.  
  537. .left {
  538. position:fixed;
  539. background:#fff;
  540. left:65px;
  541. border-left:1px solid #eee;
  542. border-right:1px solid #eee;
  543. border-bottom:1px solid #eee;
  544. top:0px;
  545. z-index:8;
  546. width:200px;
  547. height:47.4%;}
  548.  
  549.  
  550.  
  551.  
  552.  
  553. .icon img{
  554. position:fixed;
  555. width:60px;
  556. height:60px;
  557. {block:ifphoto}
  558. border-radius:100%;
  559. {/block:ifphoto}
  560. top:100px;
  561. background:white;
  562. border:1px solid #eee;
  563. left:127px;
  564. z-index:10;
  565. padding:6px;}
  566.  
  567.  
  568.  
  569. .title{position:fixed;
  570. background:transparent;
  571. padding:8px;
  572. width:auto;
  573. border:1px solid #eee;
  574. height:auto;
  575. text-align:center;
  576. top:50px;
  577. left:105px;
  578. color:{color:Title};
  579. font-size:18px;
  580. font-family: 'Oswald', sans-serif;
  581. letter-spacing:4px;
  582. line-height:10px;
  583. z-index:99;
  584. text-transform:uppercase;}
  585.  
  586.  
  587.  
  588. .url {
  589. position:fixed;
  590. top:208px;
  591. left:135px;
  592. width:60px;
  593. font-size:8px;
  594. font-family:'asap', sans-serif;
  595. text-align:center;
  596. text-transform:uppercase;
  597. color:{color:title};
  598. padding:2px;
  599. letter-spacing:1px;
  600. transition:.8s;
  601. z-index:10;
  602. }
  603.  
  604. .descri {
  605. position:fixed;
  606. padding:10px;
  607. font-size:10.6px;
  608. width:180px;
  609. background:white;
  610. border-top:1px solid #eee;
  611. text-align:justify;
  612. letter-spacing:1px;
  613. text-transform:lowercase;
  614. font-family:'ms pgothic', sans-serif;
  615. top:200px;
  616. left:66px;
  617. margin-bottom:10px;
  618. z-index:10;
  619. }
  620.  
  621. .rs {
  622. position:fixed;
  623. background:transparent;
  624. padding:1px;
  625. width:199px;
  626. padding-top:9px;
  627. height:auto;
  628. overflow:auto;
  629. text-align:center;
  630. top:280px;
  631. left:66px;
  632. border-top:1px solid #eee;
  633. margin-bottom:5px;
  634. color:{color:desc};
  635. text-transform:uppercase;
  636. font-size:8px;
  637. font-family:'tahoma';
  638. letter-spacing:0px;
  639. line-height:14px;
  640. z-index:10;
  641. text-transform:normal;
  642. }
  643.  
  644.  
  645.  
  646.  
  647. .nav {
  648. position:fixed;
  649. width:80%;
  650. border-bottom:1px solid #eee;
  651. background:{color:background image};
  652. top:0px;
  653. left:266px;
  654. z-index:100;
  655. padding:8px;
  656. }
  657.  
  658. .nav a {
  659. background:transparent;
  660. color:{color:links};
  661. text-align:right;
  662. width:auto;
  663. font-size:8px;
  664. font-family:'tahoma', sans-serif;
  665. padding:12px;
  666. text-align:center;
  667. display:inline;
  668. line-height:5px;
  669. text-transform:uppercase;
  670. }
  671.  
  672. .nav a:hover{
  673. color:{color:hover links};
  674. transition:1s;
  675. }
  676.  
  677. .nav span {
  678.  line-height:5px;
  679.  font-size:11.5px;
  680.  padding-right:10px;
  681. }
  682.  
  683. .lb {
  684. margin-left:-300px;
  685. z-index:100;
  686. width:600px;
  687. margin-top:-23px;
  688. margin-bottom:-10px;
  689. }
  690.  
  691. .lb a {
  692.     padding-left:10px;
  693.     width:20px;
  694.     margin:0px;
  695.     display:inline-block;
  696.     text-align:left;
  697.     margin-left:0px;
  698. }  
  699.  
  700. .lb a:hover{
  701. padding-left:15px;
  702. letter-spacing:.1px;
  703. color:{color:hover links};
  704.     transition:All 1s ease;
  705.    -webkit-transition:All 1s ease;
  706.    -moz-transition:All 1s ease;
  707.    -o-transition:All 1s ease;
  708. }
  709.  
  710.  
  711.  
  712. /* sidebar */
  713.  
  714.  
  715.  
  716.  
  717. /* credit */
  718. .credit a{
  719.     position:fixed;
  720.     bottom:10px;
  721.     width:24px;
  722.     right:10px;
  723.     text-align:right;
  724.     text-transform:uppercase;
  725.     font-family:tahoma;
  726.     z-index:10;
  727.     width:auto;
  728.     height:auto;
  729.     color:{color:texts};
  730.     font-size:8px;
  731.    
  732.    
  733. }
  734.  
  735. .credit a:hover{
  736.          transition:All 1s ease;
  737.     -webkit-transition:All 1s ease;
  738.     -moz-transition:All 1s ease;
  739.     -o-transition:All 1s ease;
  740. -webkit-transform-origin:left top;
  741. -moz-transform-origin:left top;
  742. -ms-transform-origin:left top;
  743. -o-transform-origin:left top;
  744.  transform-origin:left  top;
  745. transform:scale(1.1);
  746. }
  747.  
  748.  
  749. /* credit */
  750.  
  751.  
  752.  
  753. </style>
  754.  
  755. <head>
  756. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  757. <script>(function($){$(document)
  758. .ready(function(){$("[title]")
  759. .style_my_tooltips({
  760. tip_follows_cursor:true,
  761. tip_delay_time:20,
  762. tip_fade_speed:400,
  763. attribute:"title"});});})
  764. (jQuery);</script>
  765. </head>
  766.  
  767.  
  768.  
  769.  
  770. <link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  771.  
  772. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  773.  
  774.  
  775. <body onkeydown="return false">
  776.  
  777.  
  778. <div class="left"></div>
  779. <div class="title">{Title}</div>
  780.  
  781.  
  782. <div class="url">@<a href="/">{name}</a></div>
  783. <div class="icon"><img src="{PortraitURL-64}"></div>
  784.  
  785.  
  786. <div class="rs">{text:legend}</div>
  787. <div class="descri">{Description}</div>
  788.  
  789.  
  790. <div class="nav">
  791. <a href="{text:link 1 url}">
  792. <span class="lnr lnr-home"></span>{text:links 1}</a>
  793. <a href="{text:link 2 url}">
  794. <span class="lnr lnr-envelope"></span>{text:links 2}</a>
  795. <a href="{text:link 3 url}">
  796. <span class="lnr lnr-link"></span>{text:links 3}</a>
  797.  
  798. <a href="{text:link 4 url}">one</a>
  799.  
  800. <a href="{text:link 5 url}">twoo</a>
  801.  
  802. <a href="{text:link 6 url}">three</a>
  803.  
  804. </div>
  805.  
  806.  
  807.  
  808.  
  809. </head>
  810.  
  811.  
  812. <div id="posts">
  813. {block:Posts}
  814. <div class="scar">
  815.  
  816. {block:Photo}
  817. <img src="{PhotoURL-HighRes}">
  818. {block:IndexPage}
  819. <div id="buttons">
  820. <a href="{reblogurl}" target="_blank">
  821. <span class="lnr lnr-redo"></span></a>
  822. <a href="{Permalink}" target="_blank">
  823. <span class="lnr lnr-heart"></span></a>
  824. </div><div id="float">
  825. {NoteCount}n.
  826. {/block:IndexPage}
  827. </div>
  828. {/block:Photo}
  829.  
  830. {block:Photoset}
  831. <div class="photoset">
  832. {Photoset-250}</div>
  833. {block:IndexPage}
  834. <div id="buttons">
  835. <a href="{reblogurl}" target="_blank">
  836. <span class="lnr lnr-redo"></span></a>
  837. <a href="{Permalink}" target="_blank">
  838. <span class="lnr lnr-heart"></span></a>
  839. </div><div id="float">
  840. {NoteCount}n.
  841. {/block:IndexPage}
  842. </div>
  843. {/block:Photoset}
  844.  
  845.  
  846. {block:Video}
  847. {Video-250}
  848. {block:IndexPage}
  849. <div id="buttons">
  850. <a href="{reblogurl}" target="_blank">
  851. <span class="lnr lnr-redo"></span></a>
  852. <a href="{Permalink}" target="_blank">
  853. <span class="lnr lnr-heart"></span></a>
  854. </div><div id="float">
  855. {NoteCount}n.
  856. {/block:IndexPage}
  857. </div>
  858. {/block:Video}
  859.  
  860. {block:Text}
  861. {block:Title}
  862. <div id="text_title">
  863. {Title}</div>
  864. {/block:Title}
  865. <div id="text">{body}</div>
  866. {block:IndexPage}
  867. <div id="buttons">
  868. <a href="{reblogurl}" target="_blank">
  869. <span class="lnr lnr-redo"></span></a>
  870. <a href="{Permalink}" target="_blank">
  871. <span class="lnr lnr-heart"></span></a>
  872. </div><div id="float">
  873. {NoteCount}n.
  874. {/block:IndexPage}
  875. </div>
  876. {/block:Text}
  877.  
  878. {block:Quote}
  879. <div class="quote">
  880. {Quote}</div>
  881. {block:Source}
  882. <div class="sourceqt">
  883. {Source}</div>
  884. {/block:Source}
  885. {block:IndexPage}
  886. <div id="buttons">
  887. <a href="{reblogurl}" target="_blank">
  888. <span class="lnr lnr-redo"></span></a>
  889. <a href="{Permalink}" target="_blank">
  890. <span class="lnr lnr-heart"></span></a>
  891. </div><div id="float">
  892. {NoteCount}n.
  893. {/block:IndexPage}
  894. </div>
  895. {/block:Quote}
  896.  
  897. {block:Answer}
  898. <div class="text_ask">
  899. <div class="q">{Asker} asker:</div>
  900. <div class="pht"><img src="{AskerPortraitURL-64}"></div>
  901. <div class="r">{Question}</div>
  902. <div class="a">{Answer}</div>
  903. </div>
  904. {block:IndexPage}
  905. <div id="buttons">
  906. <a href="{reblogurl}" target="_blank">
  907. <span class="lnr lnr-redo"></span></a>
  908. <a href="{Permalink}" target="_blank">
  909. <span class="lnr lnr-heart"></span></a>
  910. </div><div id="float">
  911. {NoteCount}n.
  912. {/block:IndexPage}
  913. </div>
  914. {/block:Answer}
  915.  
  916. {block:Chat}
  917. <div style="padding:10px">
  918. <div class="chatitle">
  919. <h1>{Title}</h1></div>
  920. {block:Lines}
  921. <div class="chat">
  922. {block:Label}{Label}
  923. {/block:Label}{Line}
  924. {/block:Lines}
  925. </div></div></div>
  926. {/block:Chat}
  927.  
  928.  
  929. {block:Audio}
  930. <div class="ph-album">
  931. {block:AudioPlayer}
  932. <div class="ph-player">{AudioPlayerBlack}</div>
  933. {/block:AudioPlayer}
  934. {block:AlbumArt}
  935. <img src="{AlbumArtURL}">
  936. {/block:AlbumArt}</div>
  937. <div class="ph-track">
  938. <b>Faixa:</b> {block:TrackName}{TrackName}{/block:TrackName}
  939. <br><b>Artista:</b> {block:Artist}{Artist}{/block:Artist}
  940. <br><b>Albúm:</b> {block:Album} {Album}{/block:Album}
  941. <br><b>Reproduções:</b> {FormattedPlayCount}
  942. </div>
  943. {block:IndexPage}
  944. <div id="buttons">
  945. <a href="{reblogurl}" target="_blank">
  946. <span class="lnr lnr-redo"></span></a>
  947. <a href="{Permalink}" target="_blank">
  948. <span class="lnr lnr-heart"></span></a>
  949. </div><div id="float">
  950. {NoteCount}n.
  951. {/block:IndexPage}
  952. </div>
  953. {/block:Audio}
  954.  
  955. {block:Link}
  956. <div class="links">
  957. <a href="{URL}" {Target}>{Name}</a>
  958. <span class="lnr lnr-link"></span>
  959. </div>
  960. {block:Description}
  961. {Description}
  962. {/block:Description}
  963. {/block:Link}
  964.  
  965. <div class="blockvs">
  966. {block:RebloggedFrom}
  967. <a href="{ReblogParentURL}"></a>
  968. {/block:RebloggedFrom}
  969. {block:ContentSource}
  970. <a href="{SourceURL}"></a>
  971. {/block:ContentSource}
  972. </div>    
  973.  
  974. </div>
  975. {/block:Posts}
  976. </div>
  977.  
  978. {block:IndexPage}
  979. <div class="column navigation" id="navigation">
  980. {block:Pagination}
  981. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  982. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  983. </div>
  984. {/block:IndexPage}
  985.  
  986. <div class="credit">
  987. <a href="http://drivhs.tumblr.com/" title="made by: drivhs">drivhs</a>
  988. </div>
  989.  
  990.  
  991. {block:IndexPage}
  992. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  993.  
  994. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  995.  
  996. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  997.  
  998. <script type="text/javascript">
  999.  
  1000. $(window).load(function(){
  1001. var $wall = $('#posts');
  1002. $wall.imagesLoaded(function(){
  1003. $wall.masonry({
  1004. itemSelector: '.scar',
  1005. isAnimated : true
  1006. });
  1007. });
  1008. $wall.infinitescroll({
  1009. navSelector : "div#navigation",
  1010. nextSelector : "div#navigation a#nextPage",
  1011. itemSelector : '.scar',
  1012. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  1013. loadingText : " ",
  1014. donetext : " ",
  1015. extraScrollPx : 9000,
  1016. bufferPx : 10000,
  1017. debug : false,
  1018. errorCallback: function() {
  1019. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1020. }},
  1021. function( newElements ) {
  1022. var $newElems = $( newElements );
  1023. $newElems.hide();
  1024. $newElems.imagesLoaded(function(){
  1025. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  1026. });
  1027. }); $('#posts').show(500);
  1028. });
  1029.  
  1030. </script>
  1031. {/block:IndexPage}
  1032.  
  1033.  
  1034.  
  1035.  
  1036.  
  1037. <!--
  1038.  
  1039.  
  1040. Design originally - Drivhs
  1041.  
  1042. Do not remove my credits, do not use the details as a base,
  1043. as if it were yours. It is forbidden to be inspired by any
  1044. detail, if you want something, send a ask, please.
  1045.  
  1046.  
  1047. -->
  1048. </body>
  1049. </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!