API tools faq
paste
Advertisement
Carolaine_Vieira

Storpsuei

Carolaine_Vieira
Apr 19th, 2016
1,068
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 21.31 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <!--
  4.  
  5.             Theme created by user @amplamente
  6.                       Carolaine Vieira
  7.                     Send ask if problems
  8.  
  9. -->
  10. <head>  
  11. <meta charset="utf-8">
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  16.  
  17. <meta name="color:Background" content="#f6f6f6"/>
  18. <meta name="color:Text" content="#adadad"/>
  19. <meta name="color:Link" content="#bad8eb"/>
  20. <meta name="color:Link hover" content="#dcecf5"/>
  21. <meta name="color:Post bg" content="#fff"/>
  22. <meta name="color:Post borders" content="#eee"/>
  23. <meta name="color:Perma link" content="#cccccc"/>
  24. <meta name="color:Header text" content="#888888"/>
  25. <meta name="color:Header link" content="#bad8eb"/>
  26. <meta name="color:Header link hover" content="#dcecf5"/>
  27. <meta name="color:Header bg" content="#fff"/>
  28. <meta name="color:Header border" content="#eee"/>
  29.  
  30. <meta name="if:InfiniteScroll" content="0"/>
  31. <meta name="if:HeaderBorder" content="0"/>
  32.  
  33. <meta name="image:Background" content=""/>
  34. <meta name="image:Header" content=""/>
  35.  
  36. <meta name="text:NetworkLink1Title" content="link"/>
  37. <meta name="text:NetworkLink1Url" content="/"/>
  38. <meta name="text:NetworkLink2Title" content="link"/>
  39. <meta name="text:NetworkLink2Url" content="/"/>
  40. <meta name="text:SocialLink1Title" content="link"/>
  41. <meta name="text:SocialLink1Url" content="/"/>
  42. <meta name="text:SocialLink2Title" content="link"/>
  43. <meta name="text:SocialLink2Url" content="/"/>
  44. <meta name="text:Link1Title" content="link"/>
  45. <meta name="text:Link1Url" content="/"/>
  46. <meta name="text:Link2Title" content="link"/>
  47. <meta name="text:Link2Url" content="/"/>
  48. <meta name="text:Link3Title" content="link"/>
  49. <meta name="text:Link3Url" content="/"/>
  50. <meta name="text:Link4Title" content="link"/>
  51. <meta name="text:Link4Url" content="/"/>
  52. <meta name="text:Link5Title" content="link"/>
  53. <meta name="text:Link5Url" content="/"/>
  54.  
  55. <link href='https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Raleway|PT+Sans|Droid+Sans' rel='stylesheet' type='text/css'>
  56. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700,300' rel='stylesheet' type='text/css'>
  57. <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  58. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  59. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  60.  
  61. <script>
  62. window.onload = function () {
  63. document.body.insertAdjacentHTML( 'beforeEnd', '<iframe id="my-like-frame" style="display:none;"></iframe>' );
  64. document.addEventListener( 'click', function ( event ) {
  65.     var myLike = event.target;
  66.     if( myLike.className.indexOf( 'my-like' ) > -1 ) {
  67.         var frame = document.getElementById( 'my-like-frame' ),
  68.             liked = ( myLike.className == 'my-liked' ),
  69.             command = liked ? 'unlike' : 'like',
  70.             reblog = myLike.getAttribute( 'data-reblog' ),
  71.             id = myLike.getAttribute( 'data-id' ),
  72.             oauth = reblog.slice( -8 );
  73.         frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
  74.         liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
  75.     };
  76. }, false );
  77. };
  78. </script>
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  83. <script>
  84.     (function($){
  85.  
  86.         $(document).ready(function(){
  87.             $("[title]").style_my_tooltips();
  88.         });
  89.     })(jQuery);
  90. </script>
  91.  
  92. <style type="text/css">
  93.  
  94. #s-m-t-tooltip {
  95.    
  96.        max-width:300px;
  97.        padding:6px;
  98.        padding-left:8px;
  99.        padding-right:8px;
  100.        margin:15px 20px;
  101.        font-size:9px;
  102.        letter-spacing:1px;
  103.        text-transform:uppercase;
  104.        color:{color:post bg};
  105.        background:{color:link};
  106.        z-index:9999999;
  107.  
  108. }
  109.  
  110. .my-like {
  111.     font-size:12px;
  112.     cursor:pointer;
  113.     display:inline-block;
  114.     vertical-align:top;
  115.     background:transparent;
  116.     color:{color:perma link};
  117. }
  118. .my-liked, .my-like:hover {
  119.     color:{color:link};
  120.     background:transparent;
  121.     color: red;
  122.     cursor:pointer;
  123.     display:inline-block;
  124.     vertical-align:top;
  125. }
  126.  
  127. hr {
  128. border:1px solid #eee;
  129. width:180px;
  130. margin-top:20px;
  131. margin-bottom:20px;
  132. }
  133.  
  134. body {
  135. background: {color:background} url("{image:background}") fixed;
  136. color:{color:text};
  137. font-size:11px;
  138. font-family:Roboto;
  139. overflow-x:hidden;
  140. }
  141.  
  142. a {
  143. text-decoration:none;
  144. color:{color:link};
  145. -webkit-transition: all 0.5s ease-out;
  146. -moz-transition: all 0.5s ease-out;
  147. -ms-transition: all 0.5s ease-out;
  148. -o-transition: all 0.5s ease-out;
  149. transition: all 0.5s ease-out;
  150. }
  151. a:hover {
  152. color:{color:link hover};
  153. -webkit-transition: all 0.5s ease-out;
  154. -moz-transition: all 0.5s ease-out;
  155. -ms-transition: all 0.5s ease-out;
  156. -o-transition: all 0.5s ease-out;
  157. transition: all 0.5s ease-out;
  158.  
  159. }
  160.  
  161. #post {
  162. width:920px;
  163. {block:PermalinkPage}
  164. width:510px;
  165. {/block:PermalinkPage}
  166. background:transparent;
  167. padding:5px;
  168. margin-left:auto;
  169. margin-right:auto;
  170. }
  171.  
  172. .entry {
  173. float:left;
  174. {block:IndexPage}
  175. width:400px;
  176. {/block:IndexPage}
  177. {block:PermalinkPage}
  178. width:500px;
  179. {/block:PermalinkPage}
  180. padding:8px;
  181. margin:20px;
  182. background:{color:post bg};
  183. border:1px solid {color:post borders};
  184. }
  185. .entry img {
  186. {block:IndexPage}
  187. max-width:400px;
  188. {/block:IndexPage}
  189. {block:PermalinkPage}
  190. width:500px;
  191. {/block:PermalinkPage}
  192. height:auto;
  193. }
  194.  
  195. #page4 {
  196.     height:auto;
  197.     width:auto;
  198.     letter-spacing:1px;
  199.     margin-left:auto;
  200.     margin-right:auto;
  201.     margin-top:20px;
  202.     margin-bottom:70px;
  203.     font-size:10px;
  204.     text-transform:uppercase;
  205.     z-index:4;
  206.     text-align:center;
  207. background:transparent;
  208. }
  209.  
  210. #page4 a{
  211. margin-left:1px;
  212. background:{color:post bg};
  213. border:1px solid {color:post borders};
  214.  border-radius:3px;
  215.  padding:10px;
  216. color:{color:text};
  217. text-decoration:none;
  218. -webkit-transition:all 0.8s ease-out;
  219. -moz-transition:all 0.8s ease-out;
  220. transition:all 0.8s ease-out;
  221. }
  222. #page4 a:hover{
  223.     color:{color:post bg};
  224.     background:{color:link};
  225. border:1px solid {color:link};
  226. -webkit-transition:all 0.8s ease-out;
  227. -moz-transition:all 0.8s ease-out;
  228. transition:all 0.8s ease-out;
  229. }
  230.  
  231. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; padding:8px; font-size:10px; line-height:12px; text-align:center; z-index:99; text-transform:uppercase; font-family:montserrat;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out;text-shadow:none;}#top1 a{text-shadow:none;}#top1 a:hover {text-shadow:none;}#top1:hover {
  232.     -webkit-transition:all 0.3s ease-out;
  233. -moz-transition:all 0.3s ease-out;
  234. transition:all 0.3s ease-out;
  235. -moz-transform: scale(1.5);
  236. -webkit-transform: scale(1.5);
  237. -o-transform: scale(1.5);
  238. -ms-transform: scale(1.5);
  239. transform: scale(1.5);
  240. text-shadow:none;
  241. }
  242.  
  243. #notas {
  244.     margin-top:0px;
  245.     width:90%;
  246.     height:200px;
  247.     overflow-y:auto;
  248.     padding:20px;
  249.     text-transform:lowercase;
  250.     margin-left:auto;
  251.     margin-right:auto;
  252.     float:center;
  253. }
  254.  
  255. .notes img {
  256.     width: 15px;
  257.     border-radius:2px;
  258. float:right;
  259. list-style:none;
  260.     -webkit-transition: all 0.5s linear;
  261.     -moz-transition: all 0.5s linear;
  262.     transition: all 0.5s linear;}
  263. ol.notes, .notes li {
  264.     border-bottom:1px solid {color:post borders};
  265.     list-style:none;
  266.     width: 100%;
  267.     padding:10px;
  268.     font-size:12px;
  269.     margin-top: 5px;
  270.     margin-left:0px;
  271.     padding-left: 0px}
  272. .notes li:hover img {
  273.     list-style:none;
  274.     -webkit-transition: all 0.5s linear;
  275.     -moz-transition: all 0.5s linear;
  276.     transition: all 0.5s linear;}
  277.  
  278. /*tumblr controls*/
  279. #tumblr_controls, .tmblr-iframe{  z-index:9999999 !important;
  280. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  281. right:0px!important; opacity:.5; top:0px !important; margin-top:0px !important;
  282. -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out}
  283.  
  284. #tumblr_controls, .tmblr-iframe:hover{  z-index:9999999 !important;
  285. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  286. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);}
  287.  
  288. ol, ul {padding:0px;list-style-type:none;}
  289. ul li {position:relative;padding-left:20px;}
  290. ul li:before {
  291.     content:'';
  292.     position:absolute;
  293.     display:block;
  294.     top:8px;
  295.     left:0px;
  296.     width:10px;
  297.     height:1px;
  298.     background:{color:link};
  299. }
  300.  
  301. ::-webkit-scrollbar {height:5px; width:3px;}
  302.  
  303. ::-webkit-scrollbar-track-piece {
  304.     background-color:{color:background};
  305. }
  306.  
  307. ::-webkit-scrollbar-thumb {
  308.     background-color:{color:link};
  309. }
  310.  
  311. .quote {
  312.  
  313. font-size:18px;
  314. text-align:center;
  315. padding-left:35px;
  316. padding-right:35px;
  317. padding:20px;
  318. padding-top:15px;
  319.  
  320. }
  321. .qsub {
  322.  
  323. font-size:13px;
  324.  
  325. }
  326.  
  327. .ch {
  328. padding:20px;
  329. padding-bottom:0px;
  330. background:transparent;
  331. }
  332. .ch .ch1 {
  333. padding:10px;
  334. margin-bottom:5px;
  335. }
  336. .ch1:nth-child(2n+1){
  337. background:{color:background};
  338. border:1px solid {color:post borders};
  339. }
  340. .ch1:nth-child(2n+2){
  341. background:{color:background};
  342. border:1px solid {color:post borders};
  343. padding-left:10px;
  344. }
  345. .ch .ch1 b:nth-child(2n+1){
  346. color:{color:link};
  347. text-transform:uppercase;
  348. font-size:11px;}
  349. .ch .ch1 b:nth-child(2n+2){
  350. color:{color:link};
  351. text-transform:uppercase;
  352. font-size:11px;}
  353.  
  354. h1 {
  355. font-weight:normal;
  356. text-align:left;
  357. padding-left:20px;
  358. font-size:18px;
  359. padding-top:0px;
  360. padding-bottom:15px;
  361. margin-bottom:-5px;
  362. margin-left:-8px;
  363. {block:IndexPage}width:396px;{/block:IndexPage}
  364. {block:PermalinkPage}width:496px;{/block:PermalinkPage}
  365. border-bottom:1px solid {color:post borders};
  366. }
  367.  
  368. blockquote {
  369.  
  370. margin-left:15px;
  371. padding-left:10px;
  372. border-left:2px solid {color:post borders};
  373.  
  374. }
  375. blockquote img{max-width:270px !important; width:270px !important; height:auto;}
  376.  
  377. .caption {padding:20px; padding-top:5px; padding-bottom:10px; {block:IndexPage}width:377px;{/block:IndexPage}{block:PermalinkPage}width:477px;{/block:PermalinkPage}
  378. border-top:1px solid {color:post borders}; margin-top:5px; margin-left:-8px;
  379. }
  380. .tcaption {padding:20px; padding-top:10px;}
  381. .tcaption img {width:360px; height:auto;}
  382.  
  383. .albumfoto{
  384.  
  385. float:left;
  386. width:80px;
  387. margin-top:5px;
  388. margin-left:10px;
  389.  
  390. }
  391. .albumfoto img{
  392.  
  393. width:80px;
  394. padding:7px;
  395. background:transparent;
  396. border-radius:100%;
  397.  
  398. }
  399. .audiodesc {
  400. margin-left:105px;
  401. padding:10px;
  402. background:transparent;
  403. margin-top:20px;
  404. min-height:54px;
  405. font-weight:bold;
  406. margin-bottom:10px;
  407. font-size:9.5px;
  408. text-transform:uppercase;
  409.  
  410. }
  411. .audioplay {
  412. opacity:0.7;
  413. position:absolute;
  414. overflow:hidden;
  415. max-width:30px;
  416. height:28px;
  417. background:transparent;
  418. margin-left:33px;
  419. margin-top:-65px;
  420. }
  421. .audioplay:hover {opacity:1;}
  422.  
  423. #asker {font-weight:normal;  text-transform:uppercase; font-style:normal; }
  424. #asker a {text-align:center; font-size:12px;}
  425. #asked_question {
  426.         background-color:transparent;
  427.         padding:20px;
  428.         padding-right:30px;
  429.         padding-left:30px;
  430.         margin-top:-15px;
  431.         min-height:20px;
  432.         text-align:left;
  433.         border-bottom:1px solid {color:post borders};
  434.         margin-left:-8px;
  435.         width:356px;
  436.  
  437.     }
  438. #answer {
  439.         padding:2px 25px;
  440.         margin-left:5px;
  441.         margin-top:10px;
  442.         margin-bottom:5px;
  443. }
  444. h4 {
  445. font-size:11px;
  446. text-align:left;
  447. font-weight:normal;
  448. padding-bottom:5px;
  449. margin-bottom:6px;
  450. font-weight:bold;
  451.  
  452. }
  453. .seureblog {
  454. padding:15px;
  455. border-top:1px solid {color:post borders};
  456. text-align:left;
  457. text-transform:uppercase;
  458. font-size:10px;
  459. width:387px;
  460. margin-left:-8px;
  461. {block:PermalinkPage}
  462. display:none;
  463. {/block:PermalinkPage}
  464. }
  465. .seureblog a {
  466.  
  467. margin-right:8px;
  468. color:{color:perma link};
  469.  
  470. }
  471.  
  472. .pagination {display:none;}
  473.  
  474. .link {
  475.    
  476.     width:370px;
  477.     padding:15px;
  478.     margin-left:0px;
  479.     margin-top:0px;
  480.     background:{color:link};
  481.     color:{color:post bg};
  482.     text-align:center !important;
  483.    
  484. }
  485. .linktitle a{
  486.    
  487.     font-size:25px;
  488.     font-weight:bold;
  489.     text-transform:uppercase;
  490.     text-align:center !important;
  491.     color:{color:post bg};
  492.    
  493. }
  494.  
  495. #header {
  496. width:100%;
  497. height:130px;
  498. padding:30px;
  499. background:{color:header bg};
  500. {block:IfHeaderBorder}border-bottom:1px solid {color:header border};{/block:IfHeaderBorder}
  501. position:relative;
  502. left:-15px;
  503. top:-50px;
  504. margin-top:0px;
  505. margin-left:0px;
  506. -moz-transform: rotate(-2deg);
  507. -webkit-transform: rotate(-2deg);
  508. -o-transform: rotate(-2deg);
  509. -ms-transform: rotate(-2deg);
  510. transform: rotate(-2deg);
  511. }
  512. #header a {color:{color:header link}; text-transform:lowercase;}
  513. #header a:hover {color:{color:header link hover};}
  514. #disposition {
  515. margin-top:0px;
  516. height:140px;
  517. width:570px;
  518. margin-left:auto;
  519. margin-right:auto;
  520. background:transparent;
  521. -moz-transform: rotate(2deg);
  522. -webkit-transform: rotate(2deg);
  523. -o-transform: rotate(2deg);
  524. -ms-transform: rotate(2deg);
  525. transform: rotate(2deg);
  526. }
  527.  
  528. #headerfoto {
  529. float:left;
  530. width:110px;
  531. margin-top:17px;
  532. padding:5px;
  533. background:transparent;
  534. border:1px solid transparent;
  535. border-radius:100%;
  536. }
  537.  
  538. .headerdesc {
  539. width:200px;
  540. max-height:72px;
  541. overflow-y:scroll;
  542. margin-top:15px;
  543. float:left;
  544. padding:20px;
  545. padding-right:20px;
  546. background:transparent;
  547. font-size:11.5px;
  548. color:{color:header text};
  549. }
  550.  
  551. .headertitle {
  552.  
  553. font-weight:bold;
  554. font-size:15px;
  555. margin-bottom:5px;
  556. text-transform:lowercase;
  557. }
  558.  
  559. .headerlinks {
  560. width:50px;
  561. height:72px;
  562. margin-top:10px;
  563. float:left;
  564. padding:20px;
  565. padding-left:10px;
  566. background:transparent;
  567. font-size:12px;
  568.  
  569. }
  570.  
  571. .headercx {
  572. width:100px;
  573. height:72px;
  574. margin-top:30px;
  575. margin-left:10px;
  576. padding:0px;
  577. background:transparent;
  578. font-size:12px;
  579. float:left;
  580. text-align:center;
  581. }
  582.  
  583. .tags { padding:5px;  margin-top:-13px; font-size:10px; {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  584. .tags a{ color:{color:perma link}; text-transform:lowercase; margin-left:5px;}
  585.  
  586. {CustomCSS}
  587.  
  588. </style>
  589. </head>
  590.  
  591. <body>
  592.  
  593. <div id="header">
  594. <div id="disposition">
  595. <img id="headerfoto" src="{image:header}" />
  596. <div class="headerdesc">
  597. <div class="headertitle"><a href="/">{Title}</a></div>
  598. {Description}
  599. </div>
  600. <div class="headerlinks">
  601. <a href="{text:Link1Url}">{text:Link1Title}</a></br>
  602. <a href="{text:Link2Url}">{text:Link2Title}</a></br>
  603. <a href="{text:Link3Url}">{text:Link3Title}</a></br>
  604. <a href="{text:Link4Url}">{text:Link4Title}</a></br>
  605. <a href="{text:Link5Url}">{text:Link5Title}</a>
  606. </div>
  607. <div class="headercx">
  608. <b style="font-size:10px;">NETWORKS</b></br>
  609. <a href="{text:NetworkLink1Url}">{text:NetworkLink1Title}</a></br>
  610. <a href="{text:NetworkLink2Url}">{text:NetworkLink2Title}</a></br>
  611. <b style="font-size:10px;">SOCIAL</b></br>
  612. <a href="{text:SocialLink1Url}">{text:SocialLink1Title}</a></br>
  613.    
  614. </div>
  615. </div></div>
  616.  
  617. <div id="post">
  618.  
  619. {block:Posts}
  620.  
  621. <div class="entry">
  622.  
  623. {block:Title} <h1>{TItle}</h1> {/block:Title}
  624.  
  625. {block:Text}
  626. <div class="tcaption"> {Body} {block:Caption} {Caption} {block:Caption}</div>
  627. {/block:Text}
  628.  
  629. {block:Photo}
  630.  
  631. {block:IndexPage}
  632. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400" /></a>
  633. {/block:IndexPage}
  634.  
  635. {block:PermalinkPage}
  636. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  637. {/block:PermalinkPage}
  638.  
  639. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  640. {/block:Photo}
  641.  
  642. {block:Photoset}
  643. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  644. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  645. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  646. {/block:Photoset}
  647.  
  648. {block:Quote}
  649. <div class="quote">
  650. "{Quote}"
  651. <div class="qsub">— {block:Source} {Source} {/block:Source} {block:Caption} {Caption} {block:Caption}</div>
  652. </div>
  653. {/block:Quote} 
  654.  
  655. {block:Link}
  656. <div class="link">
  657. <div class="linktitle"><a href="{URL}"{Target}>{Name}</a></div>
  658. <div class="linkdesc">{block:Description} {Description} {/block:Description}</div></div>
  659. {/block:Link}  
  660.  
  661. {block:Chat}
  662. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  663. {/block:Label}{Line}</div>{/block:Lines}</div>
  664. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  665. {/block:Chat}  
  666.  
  667. {block:Audio}
  668. <div class="albumfoto">
  669. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  670. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  671.  
  672. <div class="audiodesc">
  673. {block:Artist}{Artist}{/block:Artist}</br>
  674. {block:Album}{Album}{/block:Album}</br>
  675. {block:TrackName}{TrackName}{/block:TrackName}</br>
  676. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  677. </div>
  678.  
  679. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  680. {/block:Audio} 
  681.  
  682. {block:Video}
  683. {block:IndexPage}{Video-400}{/block:IndexPage}
  684. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  685. {PlayCountWithLabel}
  686. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  687. {/block:Video} 
  688.  
  689. {block:Answer}
  690. <div id="question">
  691. <div id="asked_question"><span id="asker"><h4>{Asker}:</h4></span>{Question}</div></div>
  692. <div id="answer"> {Answer}</div>
  693. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  694. {/block:Answer}
  695.  
  696. <div class="seureblog">
  697.    
  698. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  699. <a style="margin-left:6px;" href="{Permalink}">{NoteCountWithLabel}</a>
  700.  
  701. <div style="float:right; font-weight:bold;">
  702. <a href="{ReblogUrl}"><i class="uniicons-reload22"></i></a>
  703. <div class="my-like" data-reblog="{ReblogURL}" data-id="{PostID}" ><i class="uniicons-loving40"></i></div>
  704. </div>
  705.    
  706. </div>
  707.  
  708. <div class="tags">
  709. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  710.  
  711. {block:PermalinkPage}
  712.  
  713. <div style="padding:15px;">
  714.  
  715. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  716.  
  717. {block:RebloggedFrom}
  718. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  719.  
  720. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  721. {/block:RebloggedFrom}
  722.  
  723. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  724. </br>
  725. {block:HasTags}
  726. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  727. {block:Tags}
  728. <a href="{TagURL}">#{Tag}</a>
  729. {/block:Tags}{/block:HasTags}
  730.    
  731. </div>
  732.  
  733. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  734. {/block:PermalinkPage}
  735.  
  736. </div>
  737.  
  738. {/block:Posts}
  739. </div>
  740.  
  741. {block:IfNotInfiniteScroll}
  742. <div id="page4">
  743.  
  744. {block:Pagination}
  745. {block:PreviousPage}
  746. <a href="{PreviousPage}">Back</a>
  747. {/block:PreviousPage}
  748.  
  749. {block:JumpPagination length="5"}
  750.  
  751. {block:CurrentPage}
  752. <a href="#" style="background:{color:link}; border:1px solid {color:post bg}; color:{color:post bg};"><span class="current_page">{CurrentPage}</a></span></a>
  753. {/block:CurrentPage}
  754.  
  755. {block:JumpPage}
  756. <a class="jump_page" href="{URL}">{PageNumber}</a>
  757. {/block:JumpPage}
  758. {/block:JumpPagination}
  759.  
  760. {block:NextPage}
  761. <a href="{NextPage}">Next</a>
  762. {/block:NextPage}
  763.  
  764. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  765.  
  766. {/block:Pagination}
  767.  
  768. </div>
  769. {/block:IfNotInfiniteScroll}
  770.  
  771.  
  772. <div id="top1"><a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"><div style="font-size:7px;"> Thm </div><div style="font-weight:bold;">Am</a></div></div>
  773.  
  774. {block:IfInfiniteScroll}
  775. <div class="pagination">
  776. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  777. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  778. </div>
  779. {/block:IfInfiniteScroll}
  780.  
  781. <script>
  782. $(document).ready(function () {$(window).scroll(function () {if ($(this).scrollTop() > 100) {$('.scrollup').fadeIn();} else {$('.scrollup').fadeOut();}});$('.scrollup').click(function () {$("html, body").animate({scrollTop: 0}, 600);return false;});});
  783. </script>
  784.  
  785. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  786. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  787.  
  788. <script>
  789. $(function(){
  790. var $container = $('#post');
  791. $container.imagesLoaded(function(){
  792. $container.masonry({
  793. itemSelector: '.entry',});});
  794. $container.infinitescroll({
  795. itemSelector : ".entry",
  796. navSelector : "div.pagination",
  797. nextSelector : ".pagination a#next",
  798. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  799. loadingText : "<em></em>",},
  800. function( newElements ) {
  801. var $newElems = $( newElements ).css({ opacity: 0 });
  802. $newElems.imagesLoaded(function(){
  803. $newElems.animate({ opacity: 1 });
  804. $container.masonry( 'appended', $newElems, true );
  805. });});});
  806. </script>
  807.  
  808. </body>
  809. </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!