API tools faq
paste
Advertisement
chthms

01 theme

chthms
Oct 18th, 2017
170
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 22.67 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.  
  16.  
  17. ---->
  18.  
  19.  
  20.  
  21. <title>{Title}</title>
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. <link rel="shortcut icon" href="{Favicon}">
  24. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  25.  
  26.  
  27.  
  28.  
  29.  
  30.       <!-- colors -->
  31. <meta name="color:background" content="#ffffff"/>
  32. <meta name="color:background imges" content="#ffffff"/>
  33. <meta name="color:title" content="#a5a5a5" />
  34. <meta name="color:text" content="#a5a5a5" />
  35. <meta name="color:description" content="#a5a5a5" />
  36. <meta name="color:hover links" content="#bbbbbb" />
  37. <meta name="color:links" content="#a5a5a5" />
  38. <meta name="color:hover span" content="#ADD8E6" />
  39. <meta name="color:span" content="#87CEEB" />
  40.  
  41.  
  42.            <!-- sidebar -->
  43. <meta name="image:Sidebar" content=""/>
  44.  
  45.  
  46.  
  47.  
  48.        
  49. <!-- scroll infinite -->
  50.  
  51. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  52. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <!-- scrollToTop -->
  61. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  62. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  63. <a href="javascript:;" id="scrollToTop">
  64. <span class="lnr lnr-chevron-up" title="back to top"border="0"></span></a>
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.        
  72.  
  73.  
  74.  
  75.  
  76.        
  77.        
  78.        
  79. </head>
  80.  
  81.  
  82.  <style type="text/css">
  83.  
  84.  
  85.  
  86.  /* control panel */
  87. #tumblr_controls,.tmblr-iframe {
  88.     top:0px!important;
  89.     right:0px!important;
  90.     position:fixed!important;
  91.     z-index:9999!important;
  92.     display:block;
  93. }
  94. .tmblr-iframe {
  95.     -webkit-filter:invert(100%);
  96.     opacity:0;
  97.     transition:.5s;
  98. }
  99.  
  100. #tumblr_controls:hover, .tmblr-iframe:hover {
  101.     opacity:0.2;
  102.     transition:.5s;
  103. }
  104.  /* control panel */
  105.  
  106.  
  107.  
  108.  /* scroll to top */
  109. #scrollToTop:link,
  110. #scrollToTop:visited{
  111. position:fixed;
  112. display:none;
  113. bottom:50px;
  114. font-size:8px;
  115. text-transform:uppercase;
  116. padding:8px;
  117. width:auto;
  118. left:10px;
  119. background:transparent;
  120. color:#a5a5a5;
  121. z-index:10000;
  122. }
  123.  /* scroll to top */
  124.  
  125.  
  126.  
  127.  /* body, scrollbar, tooltip  */
  128. body{
  129.     background:#fff;
  130.     color:{color:text};
  131.     font-family:Calibri;
  132.     font-size:11px;
  133.     text-align:center;}
  134.  
  135.  
  136. a, a:link, a:active, a:visited
  137. {color:{color:links};
  138. text-decoration:none;
  139. font-weight:normal;
  140. font-style:normal;
  141. }
  142.  
  143. a:hover {
  144.    color:{color:links hover};
  145.    text-decoration:none;
  146. }
  147.  
  148.  
  149.  
  150.  
  151. ::-webkit-scrollbar{
  152.     height:6px;width:6px;
  153.     background-color:#fff;
  154.     border:6px solid #fff;}
  155.    
  156. ::-webkit-scrollbar-thumb{
  157.     height:6px;
  158.     background-color:#f8f7f7;
  159.     border:2px solid #fff;}
  160.  
  161.  
  162.  
  163.  
  164.  
  165.  
  166. #s-m-t-tooltip{
  167.     margin:10px;
  168.     padding:5px;
  169.     width:auto;
  170.     color:#a5a5a5;
  171.     font-size:10px;
  172.     background:#fff;
  173.     font-style:normal;
  174.     letter-spacing:.5px;
  175.     font-family:'Calibri';
  176.     text-transform:uppercase;
  177.     border:1px solid #f8f7f7;
  178.     z-index:1000000000;}
  179.    
  180.      /* body, scrollbar, tooltip  */
  181.  
  182.  
  183.  
  184. h1, h2, h3, h4, h5, h6 {color:#fff;
  185. font:400 11px 'PT Sans', Trebuchet MS, sans-serif;
  186. text-transform:normal;
  187. letter-spacing:0px;
  188. line-height:14px;
  189. background:#eee;
  190. box-shadow:inset 1px 1px 1px #ddd, 1px 1px 1px #ddd;
  191. padding:10px;
  192. text-align:justify;
  193. z-index:9999999999;}
  194.  
  195.  
  196.  
  197. /* curso personalizado por Chilings - não pegue. */
  198. html {cursor: url(https://goo.gl/UCDTme), auto;}
  199. a, a:hover{cursor: url(https://goo.gl/mQ5FmY), auto;}
  200. /* curso personalizado por Chilings - não pegue. */
  201.  
  202.  
  203.  
  204. /* selection colors */
  205. ::-moz-selection
  206.  {background:#ffffff;
  207. color:#999;}
  208. ::selection
  209. {background:#ffffff;
  210. color:#999;}
  211. /* selection colors */
  212.  
  213.  
  214.  
  215. /* posts, block, video */
  216. #posts {float:left;
  217. margin-top:60px;
  218. margin-left:20px;
  219. width:calc(1000px + 350px);
  220. padding:20px;
  221. padding-bottom:30px;
  222. transition:.5s;}
  223.  
  224.  
  225.  
  226. .posts {
  227. width:260px;
  228. height:auto;
  229. position:relative;
  230. border:1px solid #f8f7f7;
  231. margin:30px;
  232. padding:4px 4px 2px 4px;
  233. float:center;
  234. overflow:hidden;
  235. top:0px;}
  236.  
  237.  
  238.  
  239.  
  240. .posts img{max-width:260px;
  241. transition:1s;}
  242.  
  243. .blockvs{display:none;
  244. margin-left:-99999999999999999999999999999px;}
  245.  
  246.  
  247. .video {width:250px;height:100%;
  248. overflow-x:hidden;
  249. overflow-y:hidden;
  250. border-top-left-radius:3px;
  251. border-top-right-radius:3px;
  252. {block:permalinkpage}
  253. width:100%;{/block:permalinkpage};}
  254.  
  255. /* posts, block, video */
  256.  
  257.  
  258.  
  259. /* blockquote, quote, sourceqt */
  260. .quote {
  261.     text-align:justify;
  262.     line-height:15px;
  263.     padding:7px;
  264.     margin-left:0px;
  265.     margin-bottom:0px;
  266.     margin-top:0px;
  267. }
  268.  
  269. .sourceqt {
  270.     background:#;
  271.     color:{color:links};
  272.     text-align:right;
  273.     font-weight:;
  274.     font-style:normal;
  275.     margin-top:0px;
  276.     padding:6px;
  277.     border-top:0px solid {color:borders};
  278.     padding-right:20px;
  279.     z-index:9999999999;
  280. }        
  281.  
  282.  
  283.  
  284.  
  285. blockquote {margin:0px;
  286. text-align:left;
  287. padding:4px;
  288. background:#eee;
  289. width:240px;}
  290.  
  291. blockquote img{width:200px;}
  292.  
  293. /* blockquote, quote, sourceqt */
  294.  
  295.  
  296. .audio {
  297. height:43px;
  298. overflow:hidden;
  299. padding:6px 0 5px 0;
  300. background:white;
  301. {block:if300px} width:290px; {/block:if300px}
  302. {block:if350px} width:340px; {/block:if350px}
  303. {block:if400px} width:390px; {/block:if400px}
  304. {block:if450px} width:440px; {/block:if450px}
  305. {block:if500px} width:490px; {/block:if500px}}
  306. #start {margin:0px -1px; background:white;}
  307.  
  308. #audinfo {
  309. width:100%;
  310. font-size:8px;
  311. line-height:1.5;
  312. font-weight:800;
  313. display:inline-block;
  314. text-transform:uppercase;
  315. margin:4px 53px;
  316. padding:10px;}
  317.  
  318. #track {
  319. font-size:30px;
  320. width:27px;
  321. height:28px;
  322. z-index:9;
  323. margin-left:6px;
  324. padding:6px 6px 6px 6px;
  325. overflow:hidden;
  326. position:absolute;}
  327.  
  328.  
  329.  
  330.  
  331. /* ask made by: drivhs */
  332. .text_ask {
  333. padding:10px;
  334. max-width:250px;
  335.    
  336. }
  337.  
  338. .q {
  339. padding:5px;
  340. width:150px;
  341. position:relative;
  342. background:white;
  343. border:1px solid #f8f7f7;
  344. bottom:-5px;
  345. color:{color:text};
  346. left:102px;
  347. line-height:10px;
  348. text-transform:none;
  349.    
  350. }
  351.  
  352. .q a{
  353.  
  354. color:{color:text};
  355. }
  356.  
  357. .q:before {
  358.     left:10px;
  359.     margin-top:10px;
  360.     width:10px;
  361.     content:'';
  362.     height:10px;
  363.     position: absolute;
  364.     z-index:100;
  365.     background:white;    
  366.     border-bottom:1px solid #f8f7f7;
  367.     border-left:1px solid #f8f7f7;
  368.     transform:rotate(-45deg);
  369. }
  370.  
  371.  
  372.  
  373. .r {
  374. position:relative;
  375. background:white;
  376. margin-top:0px;
  377. width:220px;
  378. text-transform:uppercase;
  379. font-size:8px;
  380. padding:8px;
  381. border-top:1px solid #f8f7f7;
  382. margin-left:0px;
  383. padding-left:10px;
  384. color:{color:text};
  385. text-align:justify
  386. }
  387. .r a{
  388. width:auto;
  389. padding:0px;
  390. color:{color:links};
  391. font-weight:bold;
  392. font-style:normal;
  393. letter-spacing:1px;
  394. margin-left:auto;}
  395.  
  396. .a {
  397. position:relative;
  398. background:white;
  399. margin-top:0px;
  400. width:220px;
  401. text-transform:uppercase;
  402. font-size:8px;
  403. padding:8px;
  404. border-top:1px solid #f8f7f7;
  405. margin-left:0px;
  406. padding-left:10px;
  407. color:{color:text};
  408. text-align:justify;
  409. }
  410. .pht img {
  411. position:relative;
  412. width:23px;
  413. height:23px;
  414. color:white;
  415. bottom:20px;
  416. right:100px;
  417. border-radius:2px;
  418. padding:2px 2px 2px 2px;
  419. background:white;
  420. border:1px solid #eee;
  421. }
  422.  
  423.  
  424.  
  425.  
  426. /* ask made by: drivhs */
  427.  
  428.  
  429. /* note photo images */
  430.  
  431. .notsphoto {
  432.     width:270px;
  433.     padding:0px;
  434.     position:absolute;
  435.     text-align:right;
  436.     opacity:0;
  437.     display:inline-block;
  438.     top:0px;
  439.     left:0px;
  440.     height:calc(100% - 0px);
  441.     background:rgba({RGBcolor:Background Imges},0.88);
  442. }
  443.    
  444.     .posts:hover .notsphoto {
  445.     transition:.4s;
  446.     opacity:1;
  447. }
  448.  
  449. .notsphoto .chrblg {
  450.     width:30px;
  451.     position:absolute;
  452.     display:block;
  453.     text-align:left;
  454.     margin-top:10px;
  455.     right:10px;
  456.     transition:.6s;
  457.     opacity:0;
  458. }
  459.  
  460. .notsphoto .chrblg a {  
  461.     width:20px;
  462.     height:20px;
  463.     font-size:20px;
  464.     line-height:20px;
  465.     padding:6px;
  466.     border-radius:100%;
  467.     color:{color:links};  
  468.     text-align:center;  
  469.        
  470.  }
  471.  
  472. .posts:hover .notsphoto .chrblg {
  473.     top:0px;
  474.     transition:.6s;
  475.     opacity:1;
  476. }
  477.  
  478. .notsphoto .info {  
  479.     right:6px;
  480.     position:absolute;
  481.     text-align:left;  
  482.     bottom:6px;
  483.     padding:6px;
  484.     color:{color:links};  
  485.     transition:.6s;
  486.     opacity:0;
  487.     width:auto;    
  488.     display:block;
  489.     padding:6px;
  490.     font-size:8px;
  491.     letter-spacing:1px;
  492.     color:{color:links};  
  493.     text-align:left;
  494.     text-transform:uppercase;
  495.     margin:0px;
  496. }
  497.  
  498.  
  499.  
  500. .posts:hover .notsphoto .info {
  501.     bottom:5px;  
  502.     transition:.6s;
  503.     opacity:1;
  504. }
  505.  
  506.  
  507.  
  508. .notsphoto .not-clock {
  509.     width:80px;  
  510.     position:absolute;
  511.     text-align:left;
  512.     left:6px;
  513.     top:6px;  
  514.     padding:6px;    
  515.     font-size:9px;
  516.     letter-spacing:0px;
  517.     color:{color:links};  
  518.     text-transform:uppercase;
  519.     transition:.5s;
  520. }
  521.  
  522. .notsphoto .not-clock a {  
  523.     color:{color:links};  
  524.     transition:.5s;
  525. }
  526.  
  527.  
  528.  
  529. .posts:hover.notsphoto .not-clock {  
  530.     top:0px;  
  531.     transition:.5s;
  532.     opacity:1;
  533. }
  534.  
  535.  
  536. /* end note photo images */
  537.  
  538.  
  539.  
  540. /* note photoset, ask etc. */
  541.  
  542.  
  543. .nots {
  544.     padding-right:2px;
  545.     margin-top:1px;
  546.     float:right;
  547.     padding:5px;
  548.     display:inline-block;
  549.  
  550.  
  551. }
  552.  
  553. .nots a{font-style:normal;
  554.     font-size:10px;
  555.     text-transform:uppercase;
  556.     letter-spacing:1px;
  557.     color:{color:links};
  558.    
  559. }
  560.  
  561. .nots a:hover{color:{color:links hvrs};}
  562.  
  563.  
  564. .heart{
  565.     padding-left:0px;
  566.     margin-top:1px;
  567.     padding:5px;
  568.     float:left;
  569.     display:inline-block;
  570.  
  571.  
  572. }
  573.  
  574. .heart a{font-style:normal;
  575.     font-size:10px;
  576.     text-transform:uppercase;
  577.     letter-spacing:1px;
  578.     color:{color:links};
  579.    
  580. }
  581.  
  582. .heart a:hover{color:{color:links hvrs};}
  583.  
  584.  
  585. .posts:hover .nots .heart {
  586.     top:3px;
  587.     transition:.6s;
  588.     opacity:1;
  589. }
  590.  
  591.  
  592.  
  593.  
  594. /* end note photoset, ask etc. */
  595.  
  596.  
  597.  
  598. /* chat */
  599.  
  600. .chatitle {
  601.     background:{color:background};
  602.     color:{color:links};
  603.     font-size:12.5px;
  604.     width:auto;
  605.     text-align:right;
  606.     font-weight:bold;
  607.     text-transform:;
  608.     margin-top:-7px;
  609.     margin-bottom:-8px;
  610.     padding:0px;
  611.     padding-left:15px;
  612.     z-index:9999999999;
  613. }  
  614.  
  615. .chat {
  616.     padding:15px;
  617.     list-style-type:none;
  618.     margin-bottom:0px;  
  619.     font-weight:normal;
  620.     border-top:1px solid {color:borders};
  621.     border-bottom:1px solid {color:borders};
  622.     margin:-1px;
  623. }  
  624.  
  625. /* end chat */
  626.  
  627.  
  628.  
  629.  
  630. .sb-top {
  631. position:fixed;
  632. top:0px;left:0px;
  633. width:100%;
  634. height:68px;
  635. background:white;
  636. border-bottom:1px solid #f8f7f7;
  637. border-left:1px solid #f8f7f7;
  638. opacity:1;
  639. z-index:6;}
  640.  
  641.  
  642.  
  643. .ch-photo {
  644. position:fixed;
  645. top:0px;
  646. left:4px;
  647. z-index:999;
  648. padding:6px;}
  649. .ch-photo img{
  650. width:44px;height:44px;
  651. background-color:#ffffff;
  652. border-radius:4px;}
  653.  
  654.  
  655.  
  656. .title{position:fixed;
  657. background:transparent;
  658. padding:6px;
  659. width:auto;
  660. height:auto;
  661. overflow-x:hidden;
  662. overflow-y:hidden;
  663. text-align:center;
  664. top:1px;left:60px;
  665. color:{color:Title};
  666. font-size:15px;
  667. font-family: 'Ubuntu';
  668. letter-spacing:0px;
  669. line-height:10px;
  670. z-index:99;
  671. text-transform:uppercase;}
  672.  
  673.  
  674. .descri {
  675. position:fixed;
  676. background:transparent;
  677. padding:15px;
  678. width:400px;
  679. height:auto;
  680. overflow:auto;
  681. border-top:1px solid #f8f7f7;
  682. border-bottom:1px solid #f8f7f7;
  683. text-align:justify;
  684. top:60px;left:420px;
  685. margin-bottom:2px;
  686. color:{color:Description};
  687. font-size:10px;
  688. font-family:'tahoma';
  689. letter-spacing:0px;
  690. line-height:15px;
  691. z-index:10;
  692. text-transform:normal;}
  693.  
  694.  
  695.  
  696.  
  697.  
  698. .nav {
  699.    position:fixed;
  700.    text-align:center;
  701.    width:300px;
  702.    background:transparent;
  703.    top:18px;left:25px;
  704.    font-size: 10px;
  705.    z-index:100;
  706.    padding:5px;
  707. }
  708.  
  709. .nav a {
  710.    font-family:'Source Sans Pro';
  711.    color:{color:links};
  712.    background:;
  713.    font-size:8.5px;
  714.    padding:0px;
  715.    line-height:10px;
  716.    display:inline-block;
  717.    letter-spacing:.5px;
  718.    margin:6px;
  719.    text-transform:uppercase;
  720.    text-align:center;
  721. }
  722.  
  723. .nav  span{
  724.     font-size:10px;
  725.     color:{color:span};
  726. }
  727.  
  728. .nav a:hover span{
  729.     transition:.5s;
  730.     color:{color:hover span};
  731. }
  732.  
  733.  
  734.  
  735. .nav a:hover {
  736.     color:;
  737. }
  738.  
  739.  
  740.  
  741. .lb {margin-left:56px;
  742. z-index:100;margin-top:-12px;width:180px;
  743. }
  744.  
  745. .lb a {
  746.     display:inline-block;  
  747.     padding:5px 5px 5px 0px;
  748.     margin-left:5px;position:relative;
  749. }  
  750.  
  751.  
  752.  
  753.  
  754.  
  755.  
  756. /* facebook */
  757. .fb {
  758.    top:76px;
  759.    left:8px;
  760.    z-index:999;
  761.    position:fixed;
  762.    padding:5px;
  763.    line-height:5px;
  764.    border-radius:4px;
  765.    width:10px;height:10px;
  766.    background-color:#00008B;
  767. }
  768.  
  769. .fb span{color:#fff;font-family:'lato';
  770. font-size:12px;}
  771. /* facebook */
  772.  
  773.  
  774. /* twitter */
  775. .tt {
  776.    top:106px;
  777.    left:8px;
  778.    z-index:999;
  779.    position:fixed;
  780.    padding:5px;
  781.    line-height:5px;
  782.    border-radius:4px;
  783.    width:10px;height:10px;
  784.    background-color:#4169E1;
  785. }
  786.  
  787. .tt span{color:#fff;font-family:'lato';
  788. font-size:12px;}
  789. /* twitter */
  790.  
  791.  
  792. /* instagram */
  793. .ig {
  794.    top:136px;
  795.    left:8px;
  796.    z-index:999;
  797.    position:fixed;
  798.    padding:5px;
  799.    border-radius:4px;
  800.    line-height:8px;
  801.    width:10px;height:10px;
  802.    background-color:#808080;
  803. }
  804.  
  805. .ig span{color:#fff;font-family:'lato';
  806. font-size:12px;}
  807. /* instagram */
  808.  
  809.  
  810.  
  811.  
  812.  
  813. .url {
  814.     position:fixed;
  815.     top:15px;  
  816.     left:66px;
  817.     width:auto;  
  818.     font-size:8px;
  819.     text-align:center;
  820.     text-transform:uppercase;
  821.     color:{color:title};
  822.     padding:2px;
  823.     letter-spacing:1px;  
  824.     transition:.8s;
  825.     z-index:10;
  826. }
  827.  
  828.  
  829. /* credit */
  830. .credit a{
  831.     position:fixed;
  832.     bottom:10px;
  833.     width:24px;
  834.     right:10px;
  835.     text-align:right;
  836.     text-transform:uppercase;
  837.     font-family:tahoma;
  838.     z-index:10;
  839.     width:auto;
  840.     height:auto;
  841.     color:{color:texts};
  842.     font-size:8px;
  843.    
  844.    
  845. }
  846.  
  847. .credit a:hover{
  848.          transition:All 1s ease;
  849.     -webkit-transition:All 1s ease;
  850.     -moz-transition:All 1s ease;
  851.     -o-transition:All 1s ease;
  852. -webkit-transform-origin:left top;
  853. -moz-transform-origin:left top;
  854. -ms-transform-origin:left top;
  855. -o-transform-origin:left top;
  856.  transform-origin:left  top;
  857. transform:scale(1.1);
  858. }
  859.  
  860.  
  861. /* credit */
  862. </style>
  863.  
  864.  
  865. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  866. <script type="text/javascript">
  867. $(document).ready(function(){
  868. $(".lb").hide();
  869. $(".navs").click(function(){
  870. $(this).next(".lb").slideToggle('fast');
  871. }); });  
  872. </script>
  873.  
  874.  
  875.  
  876. <!--- FONTES PERSONALIZADAS GOOGLE --->
  877. <link href="https://fonts.googleapis.com/css?family=Cookie|Josefin+Slab|Lato|Muli|Oswald|Poppins|Ubuntu|Ubuntu+Condensed|Ubuntu+Mono|Varela|Varela+Round|Anton|Rubik|Source+Sans+Pro|Lemonada|Dancing+Script|Oleo+Script" rel="stylesheet">
  878.  
  879.  
  880.  <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  881.  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  882.  <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  883. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  884. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  885.  
  886. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  887. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  888.  
  889. <script>(function($)
  890. {$(document).ready(function(){
  891. $("[title]").style_my_tooltips
  892. ({tip_follows_cursor:true,
  893. tip_delay_time:20,
  894. tip_fade_speed:400,
  895. attribute:"title"});})
  896. ;})(jQuery);</script>
  897.  
  898. <body oncontextmenu="return false" onkeydown="return false">
  899.  
  900.  
  901.  
  902.  
  903.  
  904. <div class="ch-photo"><img src="{PortraitURL-64}"></div>
  905.  
  906.  
  907. <div class="title"><a href="/">{Title}</a></div>
  908. <div class="url">@{Name}</div>
  909. <div class="sb-top"></div>
  910.  
  911.  
  912.  
  913.  <div class="nav">
  914. <a href="/"><span class="lnr lnr-home"></span><br>home</a>
  915.  
  916. <a href="/xo"><span class="lnr lnr-envelope"></span><br>message</a>
  917.  
  918. <a href="/lnks"><span class="lnr lnr-link"></span><br>links</a>
  919.  
  920. <a href="/archive"><span class="lnr lnr-bookmark"></span><br>history</a>
  921.  
  922. <a href="#" class="navs"><span class="lnr lnr-cog"></span><br>Navigate</a>
  923. <div class="lb"><a href="/">one</a><a href="/">twoo</a><a href="/">three</a><a href="http://charghie.tumblr.com/"title="design by charghie">credit</a>
  924.  
  925. </div>
  926. </div>
  927. </div>
  928.  
  929. <div class="fb"><a href="/">
  930. <span class="ion-social-facebook"></span></a></div>
  931.  
  932. <div class="tt"><a href="/">
  933. <span class="ion-social-twitter"></span></a></div>
  934.  
  935. <div class="ig"><a href="/">
  936. <span class="ion-social-instagram-outline"></span></a></div>
  937.  
  938.  
  939.  
  940.  
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947.  
  948.  
  949. </div>
  950.  
  951.  
  952.  
  953.  
  954. </body>
  955.  
  956.  
  957.  
  958. <div id="posts">
  959. {block:posts}
  960. <div class="posts">
  961.  
  962. <!-- TEXTOS -->
  963.  
  964. {block:Text}
  965. {block:Title}
  966. <texto><center>
  967. {Title}</center>
  968. </texto>{/block:Title}
  969. <corpo>{body}</corpo><p>
  970. {LinkCloseTag}
  971. {block:IndexPage}
  972. {block:Date}
  973. <div class="nots">
  974. {NoteCountWithLabel}</div>
  975. <div class="heart">
  976. <a href="{reblogurl}" target="_blank"
  977. <span class="lnr lnr-undo"></span></a>
  978. <a href="{permalink}">
  979. <span class="lnr lnr-heart"></span></a>
  980. </div></div>
  981. {/block:Date}
  982. {/block:IndexPage}
  983. {/block:Text}
  984.  
  985. <!-- FOTOS -->
  986.  
  987. {block:Photo}
  988. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  989. {block:IndexPage}
  990. {block:Date}
  991. <div class="notsphoto">
  992. <div class="info">
  993. {block:RebloggedFrom}Via: {ReblogParentName}{/block:RebloggedFrom}
  994. </div>
  995. <div class="chrblg">
  996. <a href="{reblogurl}" target="_blank">    
  997. <i class="fa fa-retweet"></i>
  998. </a></div>
  999. <div class="not-clock">
  1000. {NoteCountWithLabel}<br>
  1001. <i class="ion-ios-clock-outline"></i> {24hour}:{Minutes}{AmPm}
  1002. </div></div></div>
  1003. {/block:Date}
  1004. {/block:IndexPage}
  1005. {/block:Photo}
  1006.  
  1007. <!-- PHOTOSETS -->
  1008.  
  1009. {block:Photoset}
  1010. {Photoset}
  1011. {LinkCloseTag}
  1012. {block:IndexPage}
  1013. {block:Date}
  1014. <div class="nots">
  1015. {NoteCountWithLabel}</div>
  1016. <div class="heart">
  1017. <a href="{reblogurl}" target="_blank"
  1018. <span class="lnr lnr-undo"></span></a>
  1019. <a href="{permalink}">
  1020. <span class="lnr lnr-heart"></span></a>
  1021. </div></div>
  1022. {/block:Date}
  1023. {/block:IndexPage}
  1024. {/block:Photoset}
  1025.  
  1026. <!-- QUOTES -->
  1027.  
  1028. {block:Quote}
  1029. <div class="quote">
  1030. {Quote}</div>
  1031. {block:Source}
  1032. <div class="sourceqt">
  1033. {Source}</div>
  1034. {/block:Source}
  1035. {LinkCloseTag}
  1036. {block:IndexPage}
  1037. {block:Date}
  1038. <div class="nots">
  1039. {NoteCountWithLabel}</div>
  1040. <div class="heart">
  1041. <a href="{reblogurl}" target="_blank"
  1042. <span class="lnr lnr-undo"></span></a>
  1043. <a href="{permalink}">
  1044. <span class="lnr lnr-heart"></span></a>
  1045. </div></div>
  1046. {/block:Date}
  1047. {/block:IndexPage}
  1048. {/block:Quote}
  1049.  
  1050. <!-- VIDEOS -->
  1051.  
  1052. {block:Video}
  1053. <div class="video"{Video-250}></div>
  1054. {LinkCloseTag}
  1055. {block:IndexPage}
  1056. {block:Date}
  1057. <div class="nots">
  1058. {NoteCountWithLabel}</div>
  1059. <div class="heart">
  1060. <a href="{reblogurl}" target="_blank"
  1061. <span class="lnr lnr-undo"></span></a>
  1062. <a href="{permalink}">
  1063. <span class="lnr lnr-heart"></span></a>
  1064. </div></div>
  1065. {/block:Date}
  1066. {/block:IndexPage}
  1067. {/block:Video}
  1068.  
  1069. <!-- LINKS -->
  1070.  
  1071. {block:Link}
  1072. <a href="{URL}">
  1073. <div class="link">{Target}</div>
  1074. <links>{Name}</links></a>
  1075. {block:Description}
  1076. {Description}
  1077. {/block:Description}
  1078. {/block:Link}
  1079.  
  1080. <!-- CHAT -->
  1081.  
  1082. {block:Chat}
  1083. <div style="padding:10px">
  1084. <div class="chatitle">
  1085. <h1>{Title}</h1></div>
  1086. {block:Lines}
  1087. <div class="chat">
  1088. {block:Label}{Label}
  1089. {/block:Label}{Line}
  1090. {/block:Lines}
  1091. </div></div></div>
  1092. {/block:Chat}
  1093.  
  1094. <!-- ASK -->
  1095.  
  1096. {block:Answer}
  1097. <div class="text_ask">
  1098. <div class="q">{Asker} asker:</div>
  1099. <div class="pht"><img src="{AskerPortraitURL-64}"></div>
  1100. <div class="r">{Question}</div>
  1101. <div class="a">{Answer}</div>
  1102. </div>
  1103. {LinkCloseTag}
  1104. {block:IndexPage}
  1105. {block:Date}
  1106. <div class="nots">
  1107. {NoteCountWithLabel}</div>
  1108. <div class="heart">
  1109. <a href="{reblogurl}" target="_blank"
  1110. <span class="lnr lnr-undo"></span></a>
  1111. <a href="{permalink}">
  1112. <span class="lnr lnr-heart"></span></a>
  1113. </div></div>
  1114. {/block:Date}
  1115. {/block:IndexPage}
  1116. {/block:answer}
  1117.  
  1118. <!-- AUDIO -->
  1119.  
  1120. {block:Audio}
  1121. <div style="padding:10px">
  1122. <div class="album">
  1123. {block:AudioPlayer}
  1124. <div class="player">
  1125. {AudioPlayerBlack}</div>
  1126. {/block:AudioPlayer}
  1127. <div class="track">
  1128. {block:TrackName}<b>
  1129. {TrackName}</b>
  1130. {/block:TrackName}
  1131. <br/>{block:Artist}
  1132. {Artist}
  1133. {/block:Artist}
  1134. </div></div>
  1135. {LinkCloseTag}
  1136. {block:IndexPage}
  1137. {block:Date}
  1138. <div class="nots">
  1139. {NoteCountWithLabel}</div>
  1140. <div class="heart">
  1141. <a href="{reblogurl}" target="_blank"
  1142. <span class="lnr lnr-undo"></span></a>
  1143. <a href="{permalink}">
  1144. <span class="lnr lnr-heart"></span></a>
  1145. </div></div>
  1146. {/block:Date}
  1147. {/block:IndexPage}
  1148. {block:Audio}
  1149.  
  1150. <!-- BLOQUEIO VIA/SOURCE -->
  1151.  
  1152. <div class="blockvs">
  1153. {block:RebloggedFrom}
  1154. <a href="{ReblogParentURL}"></a>
  1155. {/block:RebloggedFrom}
  1156. {block:ContentSource}
  1157. <a href="{SourceURL}"></a>
  1158. {/block:ContentSource}
  1159. </div>
  1160. {/block:Posts}  
  1161. </div></div>
  1162.  
  1163. <div class="credit">
  1164. <a href="http://drivhs.tumblr.com/" title="made by: drivhs">drivhs</a>
  1165. </div>
  1166.  
  1167. {block:IndexPage}
  1168. <script src="http://static.tumblr.com/twte3d7/0pellzh2t/infinitescroll.js"></script>
  1169.  
  1170. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1171.  
  1172. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  1173.  
  1174. <script type="text/javascript">
  1175.  
  1176. $(window).load(function(){
  1177. var $wall = $('#posts');
  1178. $wall.imagesLoaded(function(){
  1179. $wall.masonry({
  1180. itemSelector: '.posts',
  1181. isAnimated : true
  1182. });
  1183. });
  1184. $wall.infinitescroll({
  1185. navSelector : "div#navigation",
  1186. nextSelector : "div#navigation a#nextPage",
  1187. itemSelector : '.posts',
  1188. loadingImg : "http://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  1189. loadingText : " ",
  1190. donetext : " ",
  1191. extraScrollPx : 9000,
  1192. bufferPx : 10000,
  1193. debug : false,
  1194. errorCallback: function() {
  1195. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  1196. }},
  1197. function( newElements ) {
  1198. var $newElems = $( newElements );
  1199. $newElems.hide();
  1200. $newElems.imagesLoaded(function(){
  1201. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 750, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  1202. });
  1203. }); $('#posts').show(500);
  1204. });
  1205.  
  1206. </script>
  1207. {/block:IndexPage}
  1208.  
  1209. {block:IndexPage}
  1210. <div class="column navigation" id="navigation">
  1211.  {block:Pagination}
  1212. {block:PreviousPage}
  1213. <a href="{PreviousPage}" class="navigate">
  1214. {/block:PreviousPage}
  1215. {block:PreviousPage}</a>{/block:PreviousPage}
  1216.  {block:NextPage}
  1217. <a href="{NextPage}" class="navigate" id="nextPage">
  1218. {/block:NextPage}
  1219. {block:NextPage}</a>{/block:NextPage}
  1220. {/block:Pagination}
  1221.  </div>
  1222. {/block:IndexPage}
  1223.  
  1224. </html>
  1225.  
  1226. <!--
  1227.  
  1228.  
  1229. Base originally - Drivhs
  1230.  
  1231. Do not remove my credits, do not use the details as a base,
  1232. as if it were yours. It is forbidden to be inspired by any
  1233. detail, if you want something, send a ask, please.
  1234.  
  1235.  
  1236. -->
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!