Carolaine_Vieira

Floating

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