API tools faq
paste
Advertisement
Carolaine_Vieira

f

Carolaine_Vieira
Jan 5th, 2016
92
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <!--
  3.  
  4. ─────────╔╗────────────╔╗
  5. ─────────║║───────────╔╝╚╗
  6. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  7. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  8. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  9. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  10. ──────║║
  11. ──────╚╝
  12.  
  13.  
  14. - Little Girl -
  15. Theme made by: Amplamente.tumblr.com
  16.  
  17. --->
  18.  
  19.  
  20. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script><script>$(document).ready(function() {
  21. $('a.poplight[href^=#]').click(function() {var popID = $(this).attr('rel'); var popURL = $(this).attr('href');var query= popURL.split('?');var dim= query[1].split('&');var popWidth = dim[0].split('=')[1];$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><li style="font-size:20px; margin-bottom:10px;" class="fa fa-times"></li></a>');var popMargTop = ($('#' + popID).height() + 80) / 2;var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({'margin-top' : -popMargTop,'margin-left' : -popMargLeft});$('body').append('<div id="fade"></div>');$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();return false;});$('a.close, #fade').live('click', function() {$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove();});return false;});});</script>
  22.  
  23. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  24.  
  25. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28.  
  29. $(document).ready(function(){
  30. $("[title]").style_my_tooltips();
  31. });
  32. })(jQuery);
  33. </script>
  34.  
  35. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
  36. <script type="text/javascript">
  37. $(document).ready(function(){
  38. $(".menu").click(function(){
  39. $(".down").toggleClass("up");
  40. });
  41. });
  42. </script>
  43.  
  44. <title>{title}</title>
  45. <link rel="shortcut icon" href="{Favicon}"/>
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48.  
  49. <meta name="color:Background" content="#f6f6f6"/>
  50. <meta name="color:Tooltip bg" content="#999"/>
  51. <meta name="color:Tooltip text" content="#fff"/>
  52. <meta name="color:Post bg" content="#ffffff"/>
  53. <meta name="color:Perma link" content="#999"/>
  54. <meta name="color:Link" content="#141414"/>
  55. <meta name="color:Link Hover" content="#fe4281"/>
  56. <meta name="color:Borders" content="#eee"/>
  57. <meta name="color:Text" content="#999"/>
  58. <meta name="color:Bold" content="#141414"/>
  59. <meta name="color:Italic" content="#000"/>
  60. <meta name="color:Banner" content="#ffffff"/>
  61. <meta name="color:Banner hover" content="#ffffff"/>
  62. <meta name="color:Header bg" content="#ffffff"/>
  63. <meta name="color:Header link" content="#999"/>
  64. <meta name="color:Header link hover" content="#999"/>
  65. <meta name="color:Side title" content="#fe4281"/>
  66. <meta name="color:Description" content="#999"/>
  67. <meta name="color:Scrollbar" content="#141414"/>
  68. <meta name="color:Question" content="#191919"/>
  69. <meta name="color:Question link" content="#141414"/>
  70. <meta name="color:Answer" content="#f6f6f6"/>
  71. <meta name="color:Search box text" content="#999"/>
  72. <meta name="color:Search box text typing" content="#fff"/>
  73.  
  74. <meta name="if:InfiniteScroll" content="0"/>
  75. <meta name="if:Caption" content="0"/>
  76.  
  77. <meta name="image:Background" content=""/>
  78. <meta name="image:Header image" content="http://i.imgur.com/wWx1a0K.jpg"/>
  79. <meta name="image:Header bg" content=""/>
  80. <meta name="image:Header" content=""/>
  81. <meta name="image:Banner" content=""/>
  82.  
  83. <meta name="text:Your Url" content="amplamente" />
  84. <meta name="text:Ask Name" content="ask" />
  85. <meta name="text:link1" content="link 1" />
  86. <meta name="text:link1url" content="/" />
  87. <meta name="text:link2" content="link 2" />
  88. <meta name="text:link2url" content="/" />
  89. <meta name="text:link3" content="link 3" />
  90. <meta name="text:link3url" content="/" />
  91. <meta name="text:link4" content="link 4" />
  92. <meta name="text:link4url" content="/" />
  93. <meta name="text:link5" content="link 5" />
  94. <meta name="text:link5url" content="/" />
  95.  
  96. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  97.  
  98. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  99. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  100. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  101. <link href='https://fonts.googleapis.com/css?family=Raleway:400,300,200,100,600,500,700,800,900' rel='stylesheet' type='text/css'>
  102. <link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic|PT+Sans:400,700italic,700,400italic|Open+Sans:400,400italic,600,600italic,700,700italic|Cabin:400,500,400italic,500italic,600,600italic,700,700italic|Lato:400,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
  103. <link href='https://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'>
  104. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  105.  
  106.  
  107.  
  108. <style type="text/css">
  109.  
  110. .down {
  111. height:0px;
  112. -webkit-transition:all 0.6s;
  113. -moz-transition:all 0.3s;
  114. -ms-transition:all 0.6s;
  115. -o-transition:all 0.6s;
  116. transition:all 0.6s;
  117. }
  118.  
  119. .up {
  120. height:400px;
  121. padding-left:10px;
  122. padding-right:10px;
  123. z-index:10000000000;
  124. -webkit-transition:all 0.6s;
  125. -moz-transition:all 0.3s;
  126. -ms-transition:all 0.6s;
  127. -o-transition:all 0.6s;
  128. transition:all 0.6s;
  129. }
  130.  
  131. #nav {
  132. width:100%;
  133. z-index:10;
  134. left:0;
  135. bottom:0;
  136. position:fixed;
  137. background-color: rgba(0, 0, 0, .9);
  138. color:#fff;
  139. }
  140.  
  141. #cont {
  142. font-size:12px;
  143. color:#fff;
  144. font-family:'Pt sans', 'Open sans', 'Cabin';
  145. padding:10px;
  146. }
  147.  
  148. .close {
  149.  
  150. padding:10px;
  151. width:70px;
  152. height:20px;
  153. font-size:15px;
  154. background:#fff;
  155. margin-left:20px;
  156. margin-top:20px;
  157. float:center;
  158.  
  159. }
  160. .close a{
  161.  
  162. color:{color:borders};
  163.  
  164. }
  165.  
  166. .tent {
  167.  
  168. width:300px;
  169. height:100px;
  170. margin-bottom:20px;
  171. margin-top:20px;
  172. margin-left:10px;
  173. float:center;
  174. position:absolute;
  175.  
  176. }
  177.  
  178. .pp {
  179.  
  180. font-family:montserrat;
  181. text-transform:uppercase;
  182. font-size:20px;
  183. color:{color:post bg};
  184. text-align:left;
  185. width:auto;
  186. margin-top:20px;
  187. margin-bottom:-3px;
  188. float:center;
  189. margin-left:0px;
  190.  
  191.  
  192. }
  193.  
  194. .border {
  195.  
  196. margin-top:-10px;
  197. width:40px;
  198. height:3px;
  199. background:{color:borders};
  200. margin:0;
  201. float:center;
  202.  
  203. }
  204.  
  205. b { color: {color:bold}; !important; }
  206. i { color: {color:italic} ;!important; }
  207. u { border-bottom: 1px solid {color:link hover}; text-decoration:none;}
  208.  
  209. #s-m-t-tooltip{
  210. max-width:300px;
  211. padding:10px;
  212. margin:20px 0px 0px 20px;
  213. background-color: {color:tooltip bg};
  214. font-family:calibri;
  215. font-size:8.5px;
  216. text-transform:uppercase;
  217. color:{color:tooltip text};
  218. letter-spacing:1px;
  219. opacity:1;
  220. z-index:9999999999999999999;
  221. }
  222.  
  223. #top2 {
  224.  
  225. font-weight:bold;
  226. height:auto;
  227. width:auto;
  228. letter-spacing:1px;
  229. margin-left:auto;
  230. margin-right:auto;
  231. margin-top:20px;
  232. margin-bottom:20px;
  233. font-size:12px;
  234. text-transform:uppercase;
  235. background: transparent;
  236. z-index:4;
  237. text-align:center;
  238. float:center;
  239. -webkit-transition:all 0.3s ease-out;
  240. -moz-transition:all 0.3s ease-out;
  241. transition:all 0.3s ease-out;
  242. }
  243.  
  244. #top2 a{
  245. padding:10px; background:{color:link}; color:#fff;
  246. }
  247. #top2:hover{
  248. -webkit-transition:all 0.8s ease-out;
  249. -moz-transition:all 0.8s ease-out;
  250. transition:all 0.8s ease-out;
  251. }
  252.  
  253. .sform input {
  254. font-family:pt sans;
  255. text-transform:uppercase;
  256. font-size:8px;
  257. color:{color:borders};
  258. text-align:center;
  259. background:transparent;
  260. border:0px;
  261. padding:7px;
  262. letter-spacing:2px;
  263. background:{color:post bg};
  264. border-radius:3px;
  265. }
  266.  
  267. ::-webkit-input-placeholder { color: {color:search box text}; }
  268. :-moz-placeholder { color: {color:search box text}; }
  269. ::-moz-placeholder { color: {color:search box text}; }
  270. :-ms-input-placeholder { color: {color:search box text}; }
  271.  
  272. .sbox {
  273. position:fixed;
  274. z-index:9;
  275. bottom:30px;
  276. width:150px;
  277. float:left;
  278. right:40px;
  279. -webkit-transition:all 0.3s ease-out;
  280. -moz-transition:all 0.3s ease-out;
  281. transition:all 0.3s ease-out;
  282. }
  283. .sbox:hover {
  284. background:{color:banner hover};
  285. color:{color:search box text typing};
  286. -webkit-transition:all 0.3s ease-out;
  287. -moz-transition:all 0.3s ease-out;
  288. transition:all 0.3s ease-out;
  289. }
  290.  
  291. #poxa {
  292. margin-top:10px;
  293. margin-left:0px;
  294. text-align:left;
  295. float:left;
  296. width:130px;
  297. height:100px;
  298. }
  299.  
  300. #poxa a {
  301. padding:5px;
  302. font-size:10px;
  303. text-align:left;
  304. margin-left:3px;
  305. font-family:pt sans;
  306. width:120px;
  307. text-transform:uppercase;
  308. display:inline-block;
  309. -webkit-transition:all 0.3s ease-out;
  310. -moz-transition:all 0.3s ease-out;
  311. transition:all 0.3s ease-out;
  312. text-decoration:none;
  313. }
  314.  
  315. #poxa a:hover {
  316. color:#fff;
  317. box-shadow: inset 130px 0px {color:borders};
  318. -webkit-transition:all 0.3s ease-out;
  319. -moz-transition:all 0.3s ease-out;
  320. transition:all 0.3s ease-out;}
  321.  
  322.  
  323. #novex {
  324. margin-top:0px;
  325. float:right;
  326. padding:20px;
  327. text-align:right;
  328. width:auto;
  329. background:transparent;
  330. }
  331.  
  332. #novex a {
  333. padding:0px;
  334. font-size:11px;
  335. margin:3px;
  336. margin-left:20px;
  337. font-family:montserrat;
  338. text-transform:uppercase;
  339. display:inline-block;
  340. color:{color:Header link};
  341. -webkit-transition:all 0.3s ease-out;
  342. -moz-transition:all 0.3s ease-out;
  343. transition:all 0.3s ease-out;
  344. text-decoration:none;
  345. text-shadow:none;
  346. }
  347.  
  348. #novex a:hover {
  349. text-shadow:none;
  350. color:{color:Header link hover};
  351. -webkit-transition:all 0.3s ease-out;
  352. -moz-transition:all 0.3s ease-out;
  353. transition:all 0.3s ease-out;}
  354.  
  355. iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2; top:70px;}
  356. #tumblr_controls{top:70px; position:fixed !important;-webkit-filter: invert(100%)}
  357. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed; top:70px;}
  358.  
  359. .date {
  360. margin-right:-1px;
  361. float:left;
  362. opacity:1;
  363. text-align:center;
  364. padding:10px;
  365. font-size:17px;
  366. margin-top:10px;
  367. text-transform:uppercase;
  368. font-family:raleway;
  369. width:auto;
  370. overflow:hidden;
  371. border-radius:2px;
  372. background-color: {color:borders};
  373. {block:PermalinkPage}
  374. display:none;
  375. {/block:PermalinkPage}
  376. -webkit-transition:all 0.3s ease-out;
  377. -moz-transition:all 0.3s ease-out;
  378. transition:all 0.3s ease-out;
  379. }
  380. .date a{color:{color:perma link}; }
  381. .date a:hover {color:{color:perma link};}
  382.  
  383. .popup_block{
  384. display:none;
  385. background:transparent;
  386. padding:30px;
  387. width:500px;
  388. float:left;
  389. color:#141414;
  390. position:fixed;
  391. top:50%;left:50%;
  392. z-index: 9999999;
  393. }
  394.  
  395. *html #fade {position: absolute;}
  396. *html .popup_block {position: absolute;}
  397. #fade {
  398. display:none;
  399. position:fixed;
  400. left:0px;
  401. top:0px;
  402. width:100%;
  403. height:100%;
  404. z-index:999999;
  405. background:#fff;
  406. opacity:0.9;
  407. }
  408.  
  409. a{ color:{color:Link}; text-decoration:none;
  410. -webkit-transition:all 0.3s ease-out;
  411. -moz-transition:all 0.3s ease-out;
  412. transition:all 0.3s ease-out;
  413.  
  414. }
  415. a:hover{
  416. color:{color:Link Hover};
  417. -webkit-transition:all 0.3s ease-out;
  418. -moz-transition:all 0.3s ease-out;
  419. transition:all 0.3s ease-out;
  420.  
  421. }
  422.  
  423. h1 {
  424.  
  425. font-size:30px;
  426. text-align:center;
  427. text-transform:none;
  428. font-family:Great Vibes;
  429.  
  430. }
  431.  
  432. body{
  433. overflow-x:hidden;
  434. cursor:crosshair;
  435. color:{color:Text};
  436. font-family: Cantarell;
  437. font-size:11.5px;
  438. opacity:1;
  439. background: {color:background} url("{image:background}") fixed;
  440.  
  441. }
  442.  
  443.  
  444. #post{
  445. margin-top:130px;
  446. width:650px;
  447. margin-left:auto;
  448. margin-right:auto;
  449. float:center;
  450. background-color:transparent;
  451. padding:0px;
  452. }
  453.  
  454. .entry{
  455. text-align:left;
  456. padding:20px;
  457. background-color: {color:post bg};
  458. width:403px;
  459. float:center;
  460. opacity:1;
  461. color:{color:Text};
  462. margin:100px;
  463. }
  464.  
  465. .entry img{
  466. max-width:400px;
  467. height:auto;
  468. float:right;
  469. margin-bottom:5px;
  470. }
  471.  
  472. .entry .perm{
  473. {block:PermalinkPage}
  474. display:none;
  475. {/block:PermalinkPage}
  476. background:transparent;
  477. padding:5px;
  478. text-align:center;
  479. margin-top:50px;
  480. width:150px;
  481. margin-left:400px;
  482. height:auto;
  483. position:absolute;
  484. opacity:0.0;
  485. -webkit-transition:all 0.5s ease-out;
  486. -moz-transition:all 0.5s ease-out;
  487. transition:all 0.5s ease-out;
  488.  
  489. }
  490.  
  491. .entry:hover .perm{
  492. margin-left:450px;
  493. margin-top:-10px;
  494. opacity:1;
  495. -webkit-transition:all 0.5s ease-out;
  496. -moz-transition:all 0.5s ease-out;
  497. transition:all 0.5s ease-out;
  498.  
  499. }
  500.  
  501. #notas {
  502. margin-top:10px;
  503. width:95%;
  504. height:200px;
  505. overflow-y:auto;
  506. background:#eee;
  507. border:1px solid #dfdfdf;
  508. border-radius:5px;
  509. padding:10px;
  510. margin-left:auto;
  511. margin-right:auto;
  512. float:center;
  513. }
  514.  
  515. .notes img {
  516. width: 0px;
  517. height:0px;
  518. border-radius:100%;
  519. float:left;
  520. list-style:none;
  521. border-right:10px solid transparent;
  522. -webkit-transition: all 0.5s linear;
  523. -moz-transition: all 0.5s linear;
  524. transition: all 0.5s linear;}
  525. ol.notes, .notes li {
  526. list-style:none;
  527. height:20px;
  528. width: 100%;
  529. margin-top: 5px;
  530. margin-left:0px;
  531. padding-left: 0px}
  532. .notes li:hover img {
  533. list-style:none;
  534. -webkit-transition: all 0.5s linear;
  535. -moz-transition: all 0.5s linear;
  536. transition: all 0.5s linear;}
  537.  
  538. #notas::-webkit-scrollbar-track-piece {
  539. background-color:#eee;
  540. }
  541.  
  542. ::-moz-selection { background: {color:text}; color: {color:background}; }
  543. ::selection { background: {color:text}; color: {color:background}; }
  544.  
  545. .pagination {
  546. display: none;
  547. }
  548.  
  549. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  550. ::-webkit-scrollbar { height:5px; width: 3px;}
  551. ::-webkit-scrollbar-track { background-color:{color:link}; -moz-box-shadow: inset 0 0 0 1px {color:background}; -webkit-box-shadow: inset 0 0 0 1px {color:background}; box-shadow: inset 0 0 0px 1px {color:background}; }
  552.  
  553.  
  554. blockquote {
  555. margin-left:20px;
  556. padding-left:10px;
  557. border-left:2px solid{color:text};
  558. }
  559.  
  560. .description {
  561. margin-top:0px;
  562. padding:10px;
  563. width:350px;
  564. height:auto;
  565. background:transparent;
  566. font-size:11px;
  567. margin-left:auto;
  568. margin-right:auto;
  569. float:center;
  570. font-family:open sans;
  571. text-align:center;
  572. color:{color:description};
  573.  
  574. }
  575.  
  576. #question {padding:0px; margin-bottom:5px;}
  577.  
  578. #asker_portrait img{
  579.  
  580. border-top-left-radius:20px;
  581. border-top-right-radius:20px;
  582. border-bottom-right-radius:20px;
  583. max-width:40px;
  584. margin-top:-25px;
  585. position:relative;
  586. float:center;
  587. margin-right:20px;
  588. padding:4px;
  589. background:{color:question};
  590. {block:permalinkpage} margin-right:220px; {/block:permalinkpage}
  591.  
  592.  
  593. }
  594.  
  595. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  596.  
  597. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  598.  
  599. #asked_question {
  600. background-color:{color:question};
  601. padding:10px;
  602. font-style:italic;
  603. padding-top:20px;
  604. margin-top:30px;
  605. min-height:20px;
  606. text-align:center;
  607. font-size:12px;
  608. border-radius:5px;
  609. {block:permalinkpage}
  610. max-width:390px;
  611. width:390px;
  612. {/block:permalinkpage}
  613. margin-left:5px;
  614. padding-left:50px;
  615. padding-right:50px;
  616.  
  617. }
  618.  
  619. #answer {
  620.  
  621. border-radius:5px;
  622. background:{color:answer};
  623. padding:2px 10px;
  624. margin-left:5px;
  625. margin-top:10px;
  626. margin-bottom:5px;
  627. font-size:12px;
  628. }
  629.  
  630. .asktri {
  631.  
  632. width: 0;
  633. height: 0;
  634. border-style: solid;
  635. border-width: 18px 17.5px 0 17.5px;
  636. border-color: {color:question} transparent transparent transparent;
  637. float:center;
  638. margin-top:-5px;
  639. margin-left:110px;
  640. }
  641.  
  642. #sidebar {
  643.  
  644. position:fixed;
  645. height:auto;
  646. width:100%;
  647. left:0px;
  648. top:0px;
  649. float:center;
  650. padding:0px;
  651. background: {color:header bg} url("{image:header bg}") fixed;
  652. z-index:2;
  653.  
  654. }
  655.  
  656. .audioicon {border:1px solid {color:borders}; margin-right:10px;}
  657. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  658. .player { width:28px; padding:6px 10px;display:inline-block;}
  659. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  660.  
  661. #top1 { position:fixed; font-weight:bold; width:auto; height:auto; letter-spacing: 1px; left:30px; bottom:20px; padding:8px; font-size:10px; text-transform:uppercase; font-family:montserrat; line-height:14px; text-align:right; z-index:99; color:{color:Header link};background: transparent;}
  662. #top1 a{color:{color:link};}
  663. #top1 a:hover {color:{color:Header link hover}; }
  664.  
  665. #name {
  666. width:300px;
  667. float:center;
  668. height:auto;
  669. font-family: cantarell;
  670. font-size:15px;
  671. text-align:left;
  672. color:{color:side title};
  673. background:transparent;
  674. z-index:3;
  675. padding:15px;
  676. position:fixed;
  677. left:80px;
  678. top:15px;
  679.  
  680.  
  681. }
  682.  
  683. ul {
  684. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  685. }
  686.  
  687. #foto {
  688.  
  689. float:left;
  690. margin-left:30px;
  691. margin-top:15px;
  692. width:40px;
  693. height:auto;
  694. border-radius:5px;
  695. background:transparent;
  696.  
  697. }
  698.  
  699. #foto img{
  700.  
  701. padding:10px;
  702. float:left;
  703. border-radius:100%;
  704.  
  705. }
  706.  
  707. {CustomCSS}
  708.  
  709. </style>
  710. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  711.  
  712. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  713.  
  714. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  715.  
  716. <script>
  717. $(function(){
  718. var $container = $('#post');
  719. $container.imagesLoaded(function(){
  720. $container.masonry({
  721. itemSelector: '.entry',
  722. });
  723. });
  724. $container.infinitescroll({
  725. itemSelector : ".entry",
  726. navSelector : "div.pagination",
  727. nextSelector : ".pagination a#next",
  728. loadingImg : "",
  729. loadingText : "<em></em>",
  730. bufferPx : 10000,
  731. extraScrollPx: 12000,
  732. },
  733. // trigger Masonry as a callback
  734. function( newElements ) {
  735. var $newElems = $( newElements ).css({ opacity: 0 });
  736. // ensure that images load before adding to masonry layout
  737. $newElems.imagesLoaded(function(){
  738. $newElems.animate({ opacity: 1 });
  739. $container.masonry( 'appended', $newElems, true );
  740. });
  741. }
  742. );
  743. });
  744. </script>
  745.  
  746.  
  747. </head>
  748. <body>
  749.  
  750. <div id="sidebar">
  751.  
  752. <img id="foto" src="{image:header}">
  753.  
  754. <div id="novex">
  755.  
  756. <a href="{text:link1url}">{text:link1}
  757. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">index</div>
  758. </a>
  759. <a href="#?w=500" rel="box1" class="poplight">message
  760. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">ask</div>
  761. </a>
  762. <a href="{text:link2url}">{text:link2}
  763. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">help!</div>
  764. </a>
  765. <a href="{text:link3url}">{text:link3}
  766. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">extra</div></a>
  767. <a href="{text:link4url}">{text:link4}
  768. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">go to themes</div></a>
  769. <a href="{text:link5url}">{text:link5}
  770. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">my tuts</div></a>
  771. <a href="/tagged/faq">asked
  772. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">faq</div></a>
  773. <a class="menu">navigation
  774. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">menu</div>
  775. <a href="http://ampicons.tumblr.com/">Icons
  776. <div style="font-size:11px; font-family:calibri; letter-spacing:0px;">by me</div></a>
  777. </a>
  778.  
  779. </div></div>
  780.  
  781.  
  782.  
  783. <form action="/search" method="get" class="sform" name="form">
  784. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  785.  
  786. <div id="post">
  787. {block:Posts}
  788. <div class="entry">
  789.  
  790. <div class="perm">
  791.  
  792. <div class="date">
  793. {ReblogButton Size="15" color="white"}
  794. <div style="margin-top:10px;">{LikeButton Size="15" color="white"}</div>
  795. <a href="{Permalink}"><li class="fa fa-arrows-alt"></li></a>
  796.  
  797. </div>
  798.  
  799. </div>
  800.  
  801. {block:Title}<h1>{Title}</h1>{/block:Title}
  802.  
  803. {block:Text}{Body}{/block:Text}
  804.  
  805. {block:Photo}
  806.  
  807. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  808. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  809. {/block:Photo}
  810.  
  811. {block:Photoset}
  812.  
  813. {Photoset-400}
  814. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  815. {/block:Photoset}
  816.  
  817.  
  818. {block:Quote}
  819.  
  820. <div style="text-align:center; padding:10px; font-family:raleway; font-weight:normal; font-size:21px;">{Quote}</br></div>
  821.  
  822. <div align="right" style="text-align:center; font-size:9.5px; font-family:montserrat; text-transform:uppercase;">
  823. </br>{block:Source}- {Source}{/block:Source} </br>
  824. </div>
  825. {/block:Quote}
  826.  
  827.  
  828. {block:Video}
  829.  
  830. {Video-400}
  831.  
  832. <br>
  833. {PlayCountWithLabel}
  834. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  835. {/block:Video}
  836.  
  837.  
  838. {block:Link}
  839. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  840. {block:Description}{Description}{/block:Description}
  841. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  842. {/block:Link}
  843.  
  844. {block:Chat}
  845. {block:Lines}
  846. {block:Label}
  847. <br><b>{Label}</b>
  848. {/block:Label}
  849. &nbsp;{Line}
  850. {/block:Lines}
  851. {block:IfCaption} {block:Caption}{Caption}{/block:Caption} {/block:IfCaption}
  852. {/block:Chat}
  853.  
  854. {block:Audio}<div class="audioicon"><div class="player"><div class="audioplay">{AudioPlayer}</div></div><div class="audiodesc"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}, {Artist}{/block:Artist}</div></div>{/block:Audio}
  855.  
  856.  
  857. {block:Answer}
  858. <div id="question">
  859. <div id="asker_portrait"><img src="{AskerPortraitURL-40}"></div>
  860. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  861. </div>
  862. <div class="asktri"></div>
  863. <div id="answer">
  864. {Answer}
  865. </div>
  866. {/block:Answer}
  867.  
  868. {block:PermalinkPage}
  869. <br>
  870. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> Tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  871. <Br>
  872. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  873. {/block:PermalinkPage}
  874. </div>
  875.  
  876. {/block:Posts}
  877.  
  878.  
  879.  
  880. </div>
  881.  
  882. {block:IfNotInfiniteScroll}
  883. <div id="top2">
  884.  
  885. {block:Pagination}
  886. {block:PreviousPage}
  887. <a href="{PreviousPage}"><li style="font-size:10px;" class="fa fa-chevron-left"></li></a>
  888. {/block:PreviousPage}
  889.  
  890. {block:JumpPagination length="5"}
  891.  
  892. {block:CurrentPage}
  893. <a href="#"><span class="current_page"><li class="fa fa-check"></li></span></a>
  894. {/block:CurrentPage}
  895.  
  896. {block:JumpPage}
  897. <a class="jump_page" href="{URL}">{PageNumber}</a>
  898. {/block:JumpPage}
  899. {/block:JumpPagination}
  900.  
  901. {block:NextPage}
  902. <a href="{NextPage}"><li style="font-size:10px;" class="fa fa-chevron-right"></li></a>
  903. {/block:NextPage}
  904.  
  905. {/block:Pagination}
  906.  
  907. </div>
  908. {/block:IfNotInfiniteScroll}
  909.  
  910.  
  911. <div id="top1">
  912. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente"></a>
  913. </div>
  914.  
  915. {block:IfInfiniteScroll}
  916. <div class="pagination">
  917. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  918. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  919. </div>
  920. {/block:IfInfiniteScroll}
  921.  
  922. <div id="box1" class="popup_block">
  923. <iframe frameborder="0" height="250px" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:Your Url}.tumblr.com" width="100%"></iframe><br>
  924. </div>
  925.  
  926. <div class="down" id="nav">
  927. <div id="cont">
  928. <div class="close"><a class="menu">CLOSE X</a></div>
  929.  
  930. <div class="tent">
  931. <div class="pp">Links</div>
  932. <div class="border"></div>
  933. <div id="poxa">
  934.  
  935. <a href="/tagged/TUTS"> new tutorials</a>
  936. <a href="/tuts">older tuts</a>
  937. <a href="/itens">extras</a>
  938. <a href="/help">ajuda</a>
  939. <a href="/bughasbeenplanted">problemas</a>
  940. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5162959";
  941. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  942. fhs.src = "http://freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Searching&e2=Searching&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  943. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  944. </script>
  945.  
  946.  
  947. </div></div>
  948.  
  949. <div style="margin-left:300px;" class="tent">
  950. <div class="pp">New Themes</div>
  951. <div class="border"></div>
  952. <div id="poxa">
  953.  
  954. <a target="_blank" href="http://amplamentepreview.tumblr.com/sinceramente">Sinceramente</a>
  955. <a target="_blank" href="http://amplamentepreview.tumblr.com/littlegirl">Little Girl</a>
  956.  
  957. </div></div>
  958.  
  959. <div style="margin-left:600px;" class="tent">
  960. <div class="pp">Options</div>
  961. <div class="border"></div>
  962. <div id="poxa">
  963.  
  964. <a href="/tagged/h">header</a>
  965. <a href="/tagged/s">sidebar</a>
  966. <a href="/tagged/easy">simples</a>
  967. <a href="/tagged/medium">complexo</a>
  968. <a href="/tagged/pag">pages</a>
  969. <a href="/tagged/top">mais visto</a>
  970.  
  971. </div>
  972.  
  973. </div></div></div></div>
  974.  
  975. </body>
  976.  
  977. </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!