API tools faq
paste
Advertisement
Carolaine_Vieira

#35

Carolaine_Vieira
Oct 23rd, 2015
142
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.25 KB | None | 0 0
raw download clone embed print report
  1. <!-- ─────────╔╗────────────╔╗
  2. ─────────║║───────────╔╝╚╗
  3. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  4. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  5. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  6. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  7. ──────║║
  8. ──────╚╝
  9. -->
  10.  
  11.  
  12.  
  13. <head>
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <title>{title}</title>
  48. <link rel="shortcut icon" href="{Favicon}"/>
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  50. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51.  
  52. <meta name="color:Background" content="#f6f6f6"/>
  53. <meta name="color:Text" content="#888888"/>
  54. <meta name="color:Link" content="#222222"/>
  55. <meta name="color:Borders" content="#dfdfdf"/>
  56. <meta name="color:Post bg" content="#ffffff"/>
  57. <meta name="color:Post borders hover" content="#888888"/>
  58. <meta name="color:Description" content="#cccccc"/>
  59. <meta name="color:Description shadow" content="#222222"/>
  60. <meta name="color:Bold" content="#191919"/>
  61. <meta name="color:Italic" content="#f54349"/>
  62. <meta name="color:Sidebar bg" content="#222222"/>
  63. <meta name="color:Sidebar dois bg" content="#666666"/>
  64. <meta name="color:Sidebar link" content="#ffffff"/>
  65. <meta name="color:Scrollbar" content="#000000"/>
  66. <meta name="color:Updates box 1 color" content="#000000"/>
  67. <meta name="color:Updates box 2 color" content="#999"/>
  68. <meta name="if:ShackEfect" content="1"/>
  69. <meta name="image:Background" content=""/>
  70. <meta name="image:Sidebar" content=""/>
  71. <meta name="image:Sidebar bg" content=""/>
  72. <meta name="text:Ask name" content="ask me" />
  73. <meta name="text:Sua Url" content="amplamente" />
  74. <meta name="text:Facebook URL" content="social network" />
  75. <meta name="text:Twitter URL" content="social network" />
  76. <meta name="text:Instagram URL" content="social network" />
  77. <meta name="text:Pinterest URL" content="social network" />
  78. <meta name="text:Updates 1" content="updates" />
  79. <meta name="text:Updates 2" content="updates" />
  80. <meta name="text:Updates 3" content="updates" />
  81. <meta name="text:Updates 4" content="updates" />
  82. <meta name="text:Music player" content="music" />
  83. <meta name="text:link1" content="link 1" />
  84. <meta name="text:link1url" content="/" />
  85. <meta name="text:link2" content="link 2" />
  86. <meta name="text:link2url" content="/" />
  87. <meta name="text:link3" content="link 3" />
  88. <meta name="text:link3url" content="/" />
  89. <meta name="text:link4" content="link 4" />
  90. <meta name="text:link4url" content="/" />
  91. <meta name="text:link5" content="link 5" />
  92. <meta name="text:link5url" content="/" />
  93.  
  94.  
  95. <script type="text/javascript"
  96. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  97. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  98. <script>
  99. (function($){
  100.  
  101. $(document).ready(function(){
  102. $("[title]").style_my_tooltips();
  103. });
  104. })(jQuery);
  105. </script>
  106.  
  107.  
  108. {block:IfShackEfect}
  109. <link href='http://static.tumblr.com/blpgwiz/EfNmijxib/tada.css' rel='stylesheet' type='text/css'>
  110. {/block:IfShackEfect}
  111.  
  112.  
  113. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  114. <link href='https://fonts.googleapis.com/css?family=Arapey:400,400italic' rel='stylesheet' type='text/css'>
  115. <link href='https://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  116. <link href='https://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  117. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  118. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  119.  
  120.  
  121. <style type="text/css">
  122. /*--- BEGIN UPDATES ---*/
  123.  
  124. #updatescont {
  125. top:50px;
  126. right:20px;
  127. position:fixed;
  128. }
  129.  
  130. #sq1, #sq2, #sq3, #sq4, #sq5, #sq6 {
  131. position:relative;
  132. display:block;
  133. height:12px;
  134. width:12px;
  135. margin-bottom:10px;
  136. background-color:{color:updates box 2 color}; /*--- change bg color of tab squares ---*/
  137. }
  138.  
  139. #sq5 {
  140. margin-top:11px;
  141. }
  142.  
  143. #tab1, #tab2, #tab3, #tab4, #tab5 {
  144. position:absolute;
  145. width:150px;
  146. height:auto;
  147. text-align:left;
  148. top:0px;
  149. right:25px;
  150. background-color:transparent; /*--- change background color of text boxes ---*/
  151. word-wrap:break-word;
  152. padding:10px;
  153. border-right:solid 1px #f5f5f5; /*--- change border color of text boxes ---*/
  154. }
  155.  
  156. #tab6 {
  157. position:absolute;
  158. width:150px;
  159. height:auto;
  160. padding:0px;
  161. padding-right:10px;
  162. right:20px;
  163. margin-top:-27px;
  164. text-align:left;
  165. display:none;
  166. }
  167.  
  168. .sform input {
  169. font-family:calibri;
  170. text-transform:uppercase;
  171. font-size:11px;
  172. color:#fff; /*--- change text color or search box ---*/
  173. background-color:{color:updates box 2 color}; /*--- change background color of search box ---*/
  174. border:0px;
  175. padding:5px;
  176. }
  177.  
  178. /*--- change text color of search box placeholder ---*/
  179. ::-webkit-input-placeholder { color: #fff; }
  180. :-moz-placeholder { color: #fff; }
  181. ::-moz-placeholder { color: #fff; }
  182. :-ms-input-placeholder { color: #fff; }
  183.  
  184. .sbox {
  185. width:150px;
  186. }
  187.  
  188.  
  189. #tab1 { visibility:hidden; opacity:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  190. .show:focus + #tab1 { visibility:visible; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all .7s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  191.  
  192. #tab2 { visibility:hidden; opacity:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  193. .show:focus + #tab2 { visibility:visible; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  194.  
  195. #tab3 { visibility:hidden; opacity:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  196. .show:focus + #tab3 { visibility:visible; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  197.  
  198. #tab4 { visibility:hidden; opacity:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  199. .show:focus + #tab4 { visibility:visible; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  200.  
  201. #tab5 { visibility:hidden; opacity:0; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  202. .show:focus + #tab5 { visibility:visible; opacity:1; -webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all .7s ease-in-out; transition: all .7s ease-in-out; }
  203.  
  204. /*--- END UPDATES ---*/
  205.  
  206.  
  207. #credit{
  208. position:fixed;
  209. font-family:calibri;
  210. font-weight:bold;
  211. text-transform:uppercase;
  212. z-index:99;
  213. bottom:5px;
  214. right:10px;
  215. width:11px;
  216. height:9px;
  217. padding:8px;
  218. overflow:hidden;
  219. text-align:center;
  220. font-size:12px;
  221. letter-spacing:1px;
  222. opacity:1;
  223. border-top-left-radius: 10px;
  224. border-bottom-right-radius: 10px;
  225. border:2px solid #fff;
  226. background:#191919;
  227. -webkit-transition: all 0.3s linear;
  228. -moz-transition: all 0.3s linear;
  229. transition: all 0.3s linear;
  230. }
  231.  
  232.  
  233. #credit a{
  234. color:#fff;
  235. }
  236.  
  237. #credit a:hover{
  238.  
  239. color:#191919;
  240.  
  241. }
  242.  
  243. #credit:hover {
  244.  
  245. background:#fff; color:#000; border-color:#000;
  246.  
  247. }
  248. .credit_u{
  249. line-height:10px;
  250. -webkit-transition: all 0.3s linear;
  251. -moz-transition: all 0.3s linear;
  252. transition: all 0.3s linear;
  253. }
  254.  
  255. #credit a:hover .credit_u{
  256. margin-top:0px;
  257. -webkit-transition: all 0.3s linear;
  258. -moz-transition: all 0.3s linear;
  259. transition: all 0.3s linear;
  260. }
  261.  
  262. .credit_h{
  263. line-height:16px;
  264. font-size:8px;
  265. }
  266.  
  267.  
  268. #s-m-t-tooltip {
  269.  
  270. font-weight:bold;
  271. max-width:300px;
  272. padding:8px;
  273. margin:15px 20px;
  274. background-color: rgba(0, 0, 0, 0.5);
  275. font-family: inconsolata;
  276. font-size:10px;
  277. letter-spacing:1px;
  278. text-transform:uppercase;
  279. color:#fff;
  280. z-index:9999999;
  281.  
  282. }
  283.  
  284. ul {
  285. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  286. }
  287.  
  288. #top2 {
  289. font-weight:bold;
  290. height:100%;
  291. width:60px;
  292. letter-spacing: 1px;
  293. left:300px;
  294. bottom:0px;
  295. padding-top:7px;
  296. font-size:12px;
  297. line-height:14px;
  298. text-align:center;
  299. position:fixed;
  300. background-color: {color:sidebar dois bg};
  301. z-index:2;
  302. -webkit-transition:all 0.3s ease-out;
  303. -moz-transition:all 0.3s ease-out;
  304. transition:all 0.3s ease-out;
  305. }
  306.  
  307. #top2:hover{
  308.  
  309. -webkit-transition:all 0.8s ease-out;
  310. -moz-transition:all 0.8s ease-out;
  311. transition:all 0.8s ease-out;
  312.  
  313. }
  314.  
  315. b { color: {color:bold}; !important; }
  316.  
  317. i { color: {color:italic} ;!important; }
  318.  
  319. u { border-bottom: 2px solid {color:link}; text-decoration:none;}
  320.  
  321. #calado{
  322. top:50%;
  323. margin-top:230px;
  324. margin-left:10px;
  325. text-align:center;
  326. margin-bottom:4px;
  327. float:center;
  328.  
  329. }
  330. #calado a {
  331. padding:6px;
  332. padding-left:8px;
  333. padding-right:8px;
  334. font-size:15px;
  335. text-align:center;
  336. margin-left:5px;
  337. font-family: inconsolata ;
  338. text-transform:uppercase;
  339. display:inline-block;
  340. -webkit-transition:all 0.3s ease-out;
  341. -moz-transition:all 0.3s ease-out;
  342. transition:all 0.3s ease-out;
  343. }
  344. #calado a:hover {
  345. text-shadow:none;
  346. border-bottom:none;
  347. -webkit-transition:all 0.3s ease-out;
  348. -moz-transition:all 0.3s ease-out;
  349. transition:all 0.3s ease-out;
  350. }
  351.  
  352.  
  353. iframe#tumblr_controls {
  354. white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;
  355. }
  356. #tumblr_controls{
  357. position:fixed !important;
  358. -webkit-filter: invert(100%)
  359. }
  360.  
  361. h1 { color:{color:link};
  362. font-family:baumans;
  363. padding-left:25px;
  364. text-align:left;
  365. text-transform:uppercase;
  366. -webkit-transition:all 0.3s ease-out;
  367. -moz-transition:all 0.3s ease-out;
  368. transition:all 0.3s ease-out;
  369.  
  370. }
  371.  
  372. h1:hover {
  373.  
  374. padding-left:60px;
  375. -webkit-transition:all 0.3s ease-out;
  376. -moz-transition:all 0.3s ease-out;
  377. transition:all 0.3s ease-out;
  378.  
  379. }
  380.  
  381.  
  382. .date {
  383. line-height:20px;
  384. margin-top:40px;
  385. margin-left:10px;
  386. position:absolute;
  387. padding:5px;
  388. float:center;
  389. text-align:left;
  390. background-color:{color:post bg};
  391. font-size:8.3px;
  392. color:gray;
  393. font-weight:bold;
  394. {block:PermalinkPage}
  395. display:none;
  396. {/block:PermalinkPage}
  397. }
  398. .date a{color:#999; text-shadow:none;}
  399. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; font-style:italic;}
  400.  
  401.  
  402. .reblog {
  403. margin-top:10px;
  404. margin-left:10px;
  405. float:left;
  406. background-color:{color:post bg};
  407. padding:5px;
  408. font-size:12px;
  409. color:gray;
  410. font-weight:bold;
  411. {block:PermalinkPage}
  412. display:none;
  413. {/block:PermalinkPage}
  414. }
  415. .likie {
  416. margin-top:10px;
  417. margin-left:10px;
  418. float:left;
  419. background-color:{color:post bg};
  420. padding:5px;
  421. padding-bottom:3px;
  422. font-size:15px;
  423. color:#000;
  424. font-weight:bold;
  425. {block:PermalinkPage}
  426. display:none;
  427. {/block:PermalinkPage}
  428. }
  429. .reblog a{color:{color:post bg};}
  430.  
  431.  
  432. .popup_block{
  433. display:none;
  434. background:#fff;
  435. padding:20px;
  436. border:1px solid #eee;
  437. float:left;
  438. position:fixed;
  439. top:50%;left:50%;
  440. z-index: 99999;
  441. -webkit-box-shadow: 0px 0px 20px #eee;
  442. -moz-box-shadow: 0px 0px 20px #eee;
  443. box-shadow: 0px 0px 20px #000;
  444. }
  445.  
  446. *html #fade {position: absolute;}
  447. *html .popup_block {position: absolute;}
  448. #fade {
  449. display:none;
  450. position:fixed;
  451. left:0px;
  452. top:0px;
  453. width:100%;
  454. height:100%;
  455. z-index:9999;
  456. background:#000;
  457. opacity:0.5;
  458. }
  459.  
  460. a{
  461. color:{color:Link};
  462. text-decoration:none;
  463. -webkit-transition:all 0.3s ease-out;
  464. -moz-transition:all 0.3s ease-out;
  465. transition:all 0.3s ease-out;
  466. text-shadow:10px 0px transparent, -10px 0px transparent;
  467. }
  468.  
  469. a:hover{
  470. text-shadow:0px 0px {color:link}, 0px 0px {color:link};
  471. -webkit-transition:all 0.3s ease-out;
  472. -moz-transition:all 0.3s ease-out;
  473. transition:all 0.3s ease-out;
  474.  
  475. }
  476.  
  477. body{
  478. cursor:crosshair;
  479. color:{color:Text};
  480. font-family: 'Cantarell', sans-serif;
  481. font-size:13px;
  482. background: {color:background} url("{image:background}") fixed;
  483.  
  484. }
  485.  
  486. h2 {text-align:center; text-transform:none;}
  487.  
  488. #post{
  489. margin-top:30px;
  490. width:550px;
  491. margin-left:400px;
  492. background-color:transparent;
  493. padding:5px;
  494. }
  495.  
  496. .entry{
  497. padding:20px;
  498. background-color:{color:post bg};
  499. width:505px;
  500. height:auto;
  501. border:1px solid {color:borders};
  502. float:right;
  503. margin:30px;
  504. margin-left:80px;
  505. {block:PermalinkPage}
  506. width:500px;
  507. height:auto;
  508. {/block:PermalinkPage}
  509. -webkit-animation: tada 2s;
  510. -moz-animation: tada 2s;
  511. -ms-animation: tada 2s;
  512. -webkit-transition: 1s ease-in-out;
  513. -moz-transition: 1s ease-in-out;
  514. -o-transition: 1s ease-in-out;
  515.  
  516. }
  517.  
  518. .entry:hover {
  519. {block:IfZoomOnPosts}
  520. -webkit-transform: scale(1.3);
  521. -moz-transform: scale(1.3);
  522. -o-transform: scale(1.3) ;
  523. -ms-transform: scale(1.3);
  524. transform: scale(1.3) ;
  525. {/block:IfZoomOnPosts}
  526. -webkit-transition: 1s ease-in-out;
  527. -moz-transition: 1s ease-in-out;
  528. -o-transition: 1s ease-in-out;
  529. {block:IfZoomOnPosts}
  530. z-index: 9999999999999999999;
  531. {/block:IfZoomOnPosts}
  532. border:1px solid {color:post borders hover};
  533. }
  534. .entry img{
  535. max-width:500px;
  536. float:right;
  537. margin:2px;
  538. margin-top:5px;
  539. margin-bottom:10px;
  540. }
  541.  
  542. .entry .perm{
  543.  
  544. text-transform:uppercase;
  545. background:transparent;
  546. padding:5px;
  547. text-align:left;
  548. margin-top:-10px;
  549. margin-left:520px;
  550. width:150px;
  551. height:auto;
  552. position:absolute;
  553. opacity:0.0;
  554. font-family: inconsolata;
  555.  
  556. -webkit-transition:all 0.5s ease-out;
  557. -moz-transition:all 0.5s ease-out;
  558. transition:all 0.5s ease-out;
  559.  
  560. }
  561. .entry:hover .perm{
  562.  
  563. opacity:1;
  564. -webkit-transition:all 0.5s ease-out;
  565. -moz-transition:all 0.5s ease-out;
  566. transition:all 0.5s ease-out;
  567.  
  568. }
  569.  
  570. ::-moz-selection { background: {color:text}; color: {color:background}; }
  571. ::selection { background: {color:text}; color: {color:background}; }
  572.  
  573. .pagination {
  574. display: none;
  575. }
  576.  
  577. ::-webkit-scrollbar {height:5px; width:6px;}
  578.  
  579. ::-webkit-scrollbar-track-piece {
  580. background-color:{color:background};
  581. }
  582.  
  583. ::-webkit-scrollbar-thumb {
  584. width:5px; height:5px;
  585. border-radius:3px;
  586. background-color:{color:scrollbar};
  587. border:2px solid {color:background};
  588. }
  589.  
  590. .description {
  591.  
  592. margin-bottom:10px;
  593. padding:2px;
  594. margin-left:auto;
  595. margin-right:auto;
  596. width:40%;
  597. background:transparent;
  598. font-size:10px;
  599. font-family: 'Inconsolata', ;
  600. text-transform:uppercase;
  601. text-align:center;
  602. color:{color:text};
  603.  
  604. }
  605.  
  606. #sidebar {
  607.  
  608. position:fixed;
  609. width:285px;
  610. height:100%;
  611. background: {color:sidebar bg} url("{image:sidebar bg}") fixed;
  612. left:0px;
  613. top:0px;
  614. text-align:left;
  615. z-index:3;
  616. padding:10px;
  617. border-right:1px solid {color:borders};
  618.  
  619. }
  620. #sidebar img {
  621.  
  622. position:fixed;
  623. top:40px;
  624. left:260px;
  625. width:70px;
  626. padding:10px;
  627. border-bottom:1px solid {color:borders};
  628. border-top:1px solid {color:borders};
  629. background:{color:sidebar bg};
  630.  
  631. }
  632.  
  633. #tt {
  634. width:250px;
  635. font-family: arapey;
  636. font-size:40px;
  637. text-align:left;
  638. padding:0px;
  639. margin-top:150px;
  640. margin-left:20px;
  641. margin-bottom:20px;
  642. text-transform:uppercase;
  643. font-style:italic;
  644. text-shadow: 2px 0px {color:description shadow};
  645.  
  646. }
  647.  
  648. #tt {color:{color:description};}
  649.  
  650.  
  651. #music {
  652.  
  653. margin-left:50px;
  654. width:200px;
  655.  
  656.  
  657. }
  658.  
  659.  
  660. {CustomCSS}
  661.  
  662. </style>
  663. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  664.  
  665. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  666.  
  667. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  668.  
  669. <script>
  670. $(function(){
  671. var $container = $('#post');
  672. $container.imagesLoaded(function(){
  673. $container.masonry({
  674. itemSelector: '.entry',
  675. });
  676. });
  677. $container.infinitescroll({
  678. itemSelector : ".entry",
  679. navSelector : "div.pagination",
  680. nextSelector : ".pagination a#next",
  681. loadingImg : "",
  682. loadingText : "<em></em>",
  683. bufferPx : 10000,
  684. extraScrollPx: 12000,
  685. },
  686. // trigger Masonry as a callback
  687. function( newElements ) {
  688. var $newElems = $( newElements ).css({ opacity: 0 });
  689. // ensure that images load before adding to masonry layout
  690. $newElems.imagesLoaded(function(){
  691. $newElems.animate({ opacity: 1 });
  692. $container.masonry( 'appended', $newElems, true );
  693. });
  694. }
  695. );
  696. });
  697. </script>
  698.  
  699.  
  700. <!--- I DID NOT WRITE THIS SCRIPT. IT'S JUST FLOATING AROUND THE INTERNET --->
  701. <script type="text/javascript">
  702. <!--
  703. function toggle_visibility(id) {
  704. var e = document.getElementById(id);
  705. if(e.style.display == 'block')
  706. e.style.display = 'none';
  707. else
  708. e.style.display = 'block';
  709. }
  710. //-->
  711. </script>
  712.  
  713. </head>
  714.  
  715.  
  716. <body>
  717.  
  718. <!--- BEGIN UPDATES --->
  719.  
  720. <div id="updatescont">
  721.  
  722.  
  723. <a href="#show" id="sq1" class="show" style="background-color:{color:updates box 1 color}"><font style="display:none">[ show ]</font></a>
  724. <div id="tab1">
  725.  
  726. {text:updates 1}
  727.  
  728. </div>
  729.  
  730. <a href="#show" id="sq2" class="show"><font style="display:none">[ show ]</font></a>
  731. <div id="tab2">
  732.  
  733. {text:updates 2}
  734.  
  735. </div>
  736.  
  737. <a href="#show" id="sq3" class="show"><font style="display:none">[ show ]</font></a>
  738. <div id="tab3">
  739.  
  740. {text:updates 3}
  741.  
  742. </div>
  743.  
  744. <a href="#show" id="sq4" class="show"><font style="display:none">[ show ]</font></a>
  745. <div id="tab4">
  746.  
  747. {text:updates 4}
  748.  
  749. </div>
  750.  
  751. <a href="#show" id="sq5" class="show" style="background-color:transparent;color:#748688"><font style="display:none">[ show ]</font><i class="fa fa-music fa-lg"></i></a>
  752. <div id="tab5">
  753.  
  754. {text:music player}
  755.  
  756. </div>
  757.  
  758. <a href="#" onclick="toggle_visibility('tab6')" id="sq6" style="color:#748688;background-color:transparent"><i class="fa fa-search fa-lg"></i></a>
  759. <div id="tab6">
  760. <form action="/search" method="get" class="sform" name="form">
  761. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search by tag only"/>
  762. </form>
  763. </div>
  764.  
  765. </div>
  766.  
  767. <!--- END UPDATES --->
  768.  
  769.  
  770.  
  771. <div id="sidebar">
  772. <div id="tt" >{description}</div>
  773. <img title="{title}" src="{image:sidebar}">
  774.  
  775. </div>
  776.  
  777. <div id="top2">
  778.  
  779.  
  780. <div id="calado">
  781. <div class="go">
  782.  
  783. <a href="{text:link1url}" title="{text:link1}"><i style="color:{color:sidebar link}" class="fa fa-home"></i></a>
  784. <a href="#?w=300" rel="box1" class="poplight" title="{text:ask name}"><i style="color:{color:sidebar link}" class="fa fa-envelope"></i></a>
  785. <a href="{text:link2url}" title="{text:link2}"><i style="color:{color:sidebar link}" class="fa fa-star"></i></a>
  786. <a href="{text:link3url}" title="{text:link3}"><i style="color:{color:sidebar link}" class="fa fa-bars"></i></a>
  787. <a href="{text:link4url}" title="{text:link4}"><i style="color:{color:sidebar link}" class="fa fa-heart"></i></a>
  788. <a href="{text:link5url}" title="{text:link5}"><i style="color:{color:sidebar link}" class="fa fa-camera"></i></a>
  789. <a href="{text:facebook url}" title="facebook"><i style="color:{color:sidebar link}" class="fa fa-facebook-square"></i></a>
  790. <a href="{text:instagram url}" title="instagram"><i style="color:{color:sidebar link}" class="fa fa-instagram"></i></a>
  791. <a href="{text:twitter url}" title="twitter"><i style="color:{color:sidebar link}" class="fa fa-twitter-square"></i></a>
  792. <a href="{text:pinterest url}" title="pinterest"><i style="color:{color:sidebar link}" class="fa fa-pinterest-square"></i></a>
  793.  
  794.  
  795.  
  796. </div></div>
  797.  
  798. </div>
  799.  
  800.  
  801.  
  802. <div id="post">
  803. {block:Posts}
  804. <div class="entry">
  805.  
  806. <div class="perm">
  807.  
  808. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  809. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  810. <div class="date"><a href="{Permalink}" title="permalink page">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date} </br>
  811. {NoteCountWithLabel}</a>
  812. </div>
  813.  
  814. </div>
  815.  
  816.  
  817. {block:Title}<h1>{Title}</h1>{/block:Title}
  818.  
  819. {block:Text}{Body}{/block:Text}
  820.  
  821. {block:Photo}
  822.  
  823. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  824. {block:Caption}
  825. {Caption}
  826. {/block:Caption}
  827. {/block:Photo}
  828.  
  829. {block:Photoset}
  830.  
  831. {Photoset-500}
  832. {block:Caption}
  833. {Caption}
  834. {/block:Caption}
  835. {/block:Photoset}
  836.  
  837.  
  838. {block:Quote}
  839. {Quote}
  840. <div align="right">
  841. {block:Source}-{Source}{/block:Source}
  842. {NoteCOuntWithLabel}
  843. </div>
  844. {block:Caption}
  845. {Caption}
  846. {/block:Caption}
  847. {/block:Quote}
  848.  
  849.  
  850. {block:Video}
  851.  
  852. {Video-500}
  853.  
  854. <br>
  855. {PlayCountWithLabel}
  856. {block:Caption}
  857. {Caption}
  858. {/block:Caption}
  859. {/block:Video}
  860.  
  861.  
  862. {block:Link}
  863. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  864. {block:Description}{Description}{/block:Description}
  865. {/block:Link}
  866.  
  867. {block:Chat}
  868. {block:Lines}
  869. {block:Label}
  870. <br>{Label}
  871. {/block:Label}
  872. &nbsp;{Line}
  873. {/block:Lines}
  874. {/block:Chat}
  875.  
  876. {block:Audio}
  877. {AudioPlayerGrey}
  878. <br><div align="right">{block:Artist}
  879. Artist: {Artist}</div>
  880. {/block:Artist}<br>
  881. {block:Caption}{Caption}{/block:Caption}
  882. {/block:Audio}
  883.  
  884.  
  885. {block:Answer}
  886. {Asker} asked <b>{Question}</b><Br>
  887. {Answer}
  888. {/block:Answer}
  889.  
  890. {block:PermalinkPage}
  891. <br>
  892. <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>
  893. <Br>
  894. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  895. {/block:PermalinkPage}
  896. </div>
  897.  
  898. {/block:Posts}
  899.  
  900. </div>
  901. <!--Pagination-->
  902. <div class="pagination">
  903. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  904. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  905. </div>
  906.  
  907. <div id="box1" class="popup_block">
  908.  
  909.  
  910. <iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:sua url}.tumblr.com" width="100%"></iframe><br>
  911.  
  912. </div>
  913.  
  914. <div id="credit"><a href="http://amplamente.tumblr.com" title="theme by amplamente"><div class="credit_u">❤</div><div class="credit_h"></div></a></div>
  915.  
  916.  
  917. </body>
  918. </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!