API tools faq
paste
Advertisement
Carolaine_Vieira

Louise

Carolaine_Vieira
Mar 15th, 2016
2,830
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  5.  
  6. <script type="text/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  7.  
  8. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  9. <script>
  10. (function($){
  11.  
  12. $(document).ready(function(){
  13. $("[title]").style_my_tooltips();
  14. });
  15. })(jQuery);
  16. </script>
  17.  
  18. <title>{title}</title>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <meta name="color:Background" content="#f6f6f6"/>
  24. <meta name="color:Tooltip bg" content="#d0c3e6"/>
  25. <meta name="color:Tooltip text" content="#fff"/>
  26. <meta name="color:Post bg" content="#ffffff"/>
  27. <meta name="color:Borders" content="#f2f2f2"/>
  28. <meta name="color:Accent" content="#888"/>
  29. <meta name="color:Tags link" content="#ffffff"/>
  30. <meta name="color:Link" content="#d0c3e6"/>
  31. <meta name="color:Link Hover" content="#141414"/>
  32. <meta name="color:Text" content="#999"/>
  33. <meta name="color:Header link" content="#fff"/>
  34. <meta name="color:Header link hover" content="#ffff"/>
  35. <meta name="color:Scrollbar" content="#141414"/>
  36.  
  37. <meta name="if:InfiniteScroll" content="0"/>
  38. <meta name="if:Posts500px" content="" />
  39.  
  40.  
  41. <meta name="image:Background" content=""/>
  42. <meta name="image:Header" content="http://i.imgur.com/2245iaB.jpg"/>
  43. <meta name="image:Right image" content="http://i.imgur.com/rXxSgyl.jpg"/>
  44.  
  45. <meta name="text:Quote" content="Nos distanciamos antes mesmo de nos encontrarmos.— Talita Milani." />
  46. <meta name="text:Stats" content="" />
  47. <meta name="text:Networks" content="" />
  48. <meta name="text:Your url" content="amplamentepreview" />
  49.  
  50. <meta name="text:link1" content="link 1" />
  51. <meta name="text:link1url" content="/" />
  52. <meta name="text:link2" content="link 2" />
  53. <meta name="text:link2url" content="/" />
  54. <meta name="text:link3" content="link 3" />
  55. <meta name="text:link3url" content="/" />
  56. <meta name="text:link4" content="link 4" />
  57. <meta name="text:link4url" content="/" />
  58. <meta name="text:link5" content="link 5" />
  59. <meta name="text:link5url" content="/" />
  60.  
  61. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  62.  
  63. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  64. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  65. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
  66. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  67.  
  68. <script>
  69. $(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;});});
  70. </script>
  71.  
  72. <style type="text/css">
  73.  
  74. #controls{position:fixed; width:auto; padding:0 10px; top:10px; right:20px; margin:8px; z-index:9999999999; text-align:center;}
  75. #controls a{z-index:9999999999; display:inline-block; margin:0px 4px; font-size:18px;}
  76. #tumblr_controls,.tmblr-iframe {{block:IndexPage}display:none!important;{/block:IndexPage}}
  77.  
  78. .scrollup {
  79. width: auto;
  80. height: auto;
  81. position: fixed;
  82. bottom: 45px;
  83. right: 10px;
  84. text-transform:none;
  85. display:none;
  86. padding:10px;
  87. border-radius:2px;
  88. color: rgba(128, 128, 128, 0.7);
  89. background-color: rgba(255, 255, 255, 0.5);
  90. -webkit-transition:all 0.3s ease-out;
  91. -moz-transition:all 0.3s ease-out;
  92. transition:all 0.3s ease-out;
  93. }
  94. .scrollup:hover {
  95. bottom:55px;
  96. -webkit-transition:all 0.3s ease-out;
  97. -moz-transition:all 0.3s ease-out;
  98. transition:all 0.3s ease-out;
  99.  
  100. }
  101.  
  102. .tags {
  103. text-align:left;
  104. font-size:10px;
  105. {block:IfNotPosts500px}
  106. width:418px;
  107. {block:IfNotPosts500px}
  108. {block:IfPosts500px}
  109. width:518px;
  110. {/block:IfPosts500px}
  111. margin-top:20px;
  112. padding:11px;
  113. margin-left:-20px;
  114. height:auto;
  115. background:{color:accent};
  116. font-size:8px;
  117. }
  118. .tags a{
  119. font-style:italic;
  120. margin-left:6px;
  121. background:transparent;
  122. color:{color:Tags link};
  123. text-transform:uppercase;
  124. font-weight:bold;
  125. -webkit-transition:all 0.3s ease-out;
  126. -moz-transition:all 0.3s ease-out;
  127. transition:all 0.3s ease-out;}
  128. .tags a: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. }
  133.  
  134. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  135.  
  136. #s-m-t-tooltip{
  137. max-width:300px;
  138. padding:10px;
  139. margin:20px 0px 0px 20px;
  140. background-color: {color:tooltip bg};
  141. font-family:calibri;
  142. font-size:8.5px;
  143. text-transform:uppercase;
  144. color:{color:tooltip text};
  145. border-radius:5px;
  146. letter-spacing:1px;
  147. opacity:1;
  148. z-index:9999999999999999999;
  149. }
  150.  
  151. #top2 {
  152.  
  153. height:auto;
  154. width:400px;
  155. letter-spacing:1px;
  156. margin-left:150px;
  157. margin-top:70px;
  158. margin-bottom:170px;
  159. font-size:11px;
  160. text-transform:none;
  161. z-index:99;
  162. position:relative;
  163. text-align:center;
  164. float:center;
  165. -webkit-transition:all 0.3s ease-out;
  166. -moz-transition:all 0.3s ease-out;
  167. transition:all 0.3s ease-out;
  168. }
  169.  
  170. #top2 a{margin-left:8px;}
  171. #top2 a:hover{
  172. -webkit-transition:all 0.8s ease-out;
  173. -moz-transition:all 0.8s ease-out;
  174. transition:all 0.8s ease-out;
  175. }
  176.  
  177. .entry ol, ul {padding:0px;list-style-type:none;}
  178. .entry ul li {position:relative;padding-left:20px;}
  179. .entry ul li:before {
  180. content:'';
  181. position:absolute;
  182. display:block;
  183. top:8px;
  184. left:0px;
  185. width:10px;
  186. height:1px;
  187. background:{color:link};
  188. }
  189.  
  190. header {
  191. height:56px;
  192. width:820px;
  193. position:relative;
  194. top:0;
  195. left:0;
  196. z-index:0;
  197. background:{color:post bg};
  198. padding:0;
  199. }
  200.  
  201. ul#navigation {
  202. text-align:left;
  203. background:{color:post bg};
  204. border-bottom:1px solid {color:borders};
  205. margin:0px 0 0 0;
  206. padding:11px 0;
  207. }
  208. ul#navigation li {
  209. display:inline-block;
  210. padding:8px 0px;
  211. font-size:10px;
  212. font-weight:500;
  213. }
  214. ul#navigation li.btitle img {
  215. max-width:30px;
  216. border-radius:100%;
  217. position:absolute;
  218. margin:4px 0px 0px -20px;
  219. }
  220. ul#navigation li.btitle a {
  221. position:relative;
  222. top:10px;
  223. }
  224. ul#navigation li.btitle {
  225. position:relative;
  226. margin:0px 0 -40px 40px;
  227. top:-10px;
  228. height:39px;
  229. padding-right:20px;
  230. font-weight:600;
  231. font-size:14px;
  232. border-right:1px solid {color:borders};
  233. }
  234. ul#navigation li a {
  235. cursor:pointer;
  236. margin-left:20px;
  237. display:inline-block;
  238. text-align:left;
  239. color:{color:header link};
  240. text-transform:uppercase;
  241. }
  242. ul#navigation li a:hover {
  243. color:{color:header link hover};
  244. }
  245.  
  246. /*tumblr controls*/
  247. #tumblr_controls, .tmblr-iframe{ z-index:9999999 !important;
  248. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important;
  249. right:0px!important; opacity:.5; top:10px !important; margin-top:10px !important;
  250. -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}
  251.  
  252. #tumblr_controls, .tmblr-iframe:hover{ z-index:9999999 !important;
  253. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  254. -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%);}
  255.  
  256. hr {
  257.  
  258. border:1px solid #eee;
  259. width:180px;
  260. margin-top:20px;
  261. margin-bottom:20px;
  262.  
  263. }
  264.  
  265. .date {
  266. text-transform:uppercase;
  267. line-height:26px;
  268. margin-top:5px;
  269. margin-left:5px;
  270. padding:5px;
  271. float:left;
  272. color:#262626;
  273. FONT-WEIGHT:BOLD;
  274. text-align:left;
  275. background-color:transparent;
  276. font-size:10px;
  277. {block:PermalinkPage}
  278. display:none;
  279. {/block:PermalinkPage}
  280. }
  281. .date a{color:#d8d8d8; text-shadow:none; border-bottom:none;}
  282. .date a:hover { cursor:help; text-shadow:none; color:{color:link}; }
  283.  
  284. .reblog {
  285.  
  286. margin-top:-2px;
  287. margin-right:3px;
  288. float:right;
  289. background-color:transparent;
  290. padding:5px;
  291. {block:PermalinkPage}
  292. display:none;
  293. {/block:PermalinkPage}
  294. }
  295. .likie {
  296. margin-top:0px;
  297. margin-right:2px;
  298. float:right;
  299. background-color:transparent;
  300. padding:5px;
  301. padding-bottom:3px;
  302. {block:PermalinkPage}
  303. display:none;
  304. {/block:PermalinkPage}
  305. }
  306.  
  307. a{ color:{color:Link}; text-decoration:none;
  308. -webkit-transition:all 0.3s ease-out;
  309. -moz-transition:all 0.3s ease-out;
  310. transition:all 0.3s ease-out;
  311.  
  312. }
  313. a:hover{
  314. color:{color:Link Hover};
  315. -webkit-transition:all 0.3s ease-out;
  316. -moz-transition:all 0.3s ease-out;
  317. transition:all 0.3s ease-out;
  318.  
  319. }
  320.  
  321. h1 {
  322.  
  323. font-size:20px;
  324. text-align:center;
  325. text-transform:none;
  326. font-weight:normal;
  327.  
  328. }
  329.  
  330. body{
  331. cursor:crosshair;
  332. color:{color:Text};
  333. font-family: 'Open Sans', sans-serif;
  334. font-size:11px;
  335. opacity:1;
  336. background: {color:background} url("{image:background}") fixed;
  337. margin:0;
  338. text-align:left;
  339.  
  340. }
  341.  
  342. #post {
  343. width:622px;
  344. {block:IfNotPosts500px}
  345. margin:50px 0 0 130px;
  346. {block:PermalinkPage}
  347. margin:50px 0 0 145px;
  348. {/block:PermalinkPage}
  349. {block:IfNotPosts500px}
  350. {block:IfPosts500px}
  351. margin:50px 0 0 77px;
  352. {block:PermalinkPage}
  353. margin:50px 0 0 100px;
  354. {/block:PermalinkPage}
  355. {/block:IfPosts500px}
  356. }
  357.  
  358. .entry {
  359. padding:20px 20px 0 20px;
  360. background-color: {color:post bg};
  361. border:1px solid {color:borders};
  362. {block:IfNotPosts500px}
  363. width:400px;
  364. {block:IfNotPosts500px}
  365. {block:IfPosts500px}
  366. width:500px;
  367. {/block:IfPosts500px}
  368. color:{color:Text};
  369. margin:30px;
  370. }
  371.  
  372. .entry img {
  373. max-width:100%;
  374. height:auto;
  375. }
  376.  
  377. .entry .perm{
  378. {block:PermalinkPage}
  379. display:none;
  380. {/block:PermalinkPage}
  381. background:{color:post bg};
  382. border:1px solid {color:borders};
  383. text-align:center;
  384. padding:5px;
  385. margin-top:-21px;
  386. width:30px;
  387. {block:IfNotPosts500px}
  388. margin-left:420px;
  389. {block:IfNotPosts500px}
  390. {block:IfPosts500px}
  391. margin-left:520px;
  392. {/block:IfPosts500px}
  393. height:calc(100% - 10px) !important;
  394. border-left:1px solid {color:borders};
  395. min-height:150px;
  396. position:absolute;
  397. opacity:1;
  398. -webkit-transition:all 0.5s ease-out;
  399. -moz-transition:all 0.5s ease-out;
  400. transition:all 0.5s ease-out;
  401.  
  402. }
  403.  
  404. .entry:hover .perm{
  405. opacity:1;
  406. -webkit-transition:all 0.5s ease-out;
  407. -moz-transition:all 0.5s ease-out;
  408. transition:all 0.5s ease-out;
  409.  
  410. }
  411.  
  412. #notas {
  413. }
  414. .notes img {
  415. width: 20px;
  416. border-radius:100%;
  417. float:left;
  418. }
  419. ol.notes, .notes li {
  420. border-bottom:1px solid {color:borders};
  421. list-style:none;
  422. width: 100%;
  423. padding:10px 0px;
  424. font-size:12px;
  425. }
  426. .notes li:hover img {
  427. list-style:none;
  428. }
  429. ol.notes, .notes li a { margin-right:8px; }
  430.  
  431. #notas::-webkit-scrollbar-track-piece {
  432. background-color:{color:post bg};
  433. }
  434.  
  435. ::-moz-selection { background: {color:text}; color: {color:background}; }
  436. ::selection { background: {color:text}; color: {color:background}; }
  437.  
  438. .pagination {
  439. display: none;
  440. }
  441.  
  442. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; margin-right:5px;}
  443. ::-webkit-scrollbar { height:5px; width: 3px;}
  444. ::-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}; }
  445.  
  446. .description {
  447.  
  448. padding:15px;
  449. margin-left:105px;
  450. height:50px;
  451. text-align:left;
  452. background:{color:post bg};
  453. color:{color:description};
  454. border:1px solid {color:borders};
  455. }
  456.  
  457. blockquote {
  458. margin-left:20px;
  459. padding-left:10px;
  460. border-left:1px solid{color:link};
  461. }
  462.  
  463. blockquote img {max-width:300px !important; width:300px !important;}
  464.  
  465. #question {padding:0px; margin-bottom:5px;}
  466.  
  467. #asker_portrait img{float:left; max-width:48px; border-radius:5px; margin-right:20px;}
  468.  
  469. #asker {text-transform:uppercase; font:bold 10px;}
  470.  
  471. #asker a {color:#000;}
  472.  
  473. #asker a:hover {color:#ccc;}
  474.  
  475. #asked_question {
  476. background-color:#fbfbfb;
  477. border:1px solid {color:borders};
  478. padding:10px;
  479. border-radius:5px;
  480. min-height:20px;
  481. max-width:460px;
  482. margin-left:55px;
  483. }
  484.  
  485. #answer {
  486. padding:2px 10px;
  487. background:transparent;
  488. font-style:italic;
  489. margin-left:0px;
  490. }
  491.  
  492. /* ESTILO POR AMPLAMENTE - VISITEM PASSO-HTML.TUMBLR.COM - NÃO RETIREM*/
  493.  
  494. .ch { /* CHAT */
  495. background:transparent;
  496. }
  497. .ch .ch1 { /* LINHAS DO CHAT */
  498. padding:10px;
  499. margin-bottom:5px;
  500. }
  501. .ch1:nth-child(2n+1){/* PRIMEIRA PESSOA - COR DE FUNDO + MARGEN + TEXTO*/
  502. background:#fbfbfb;
  503. border:1px solid #eee;
  504. color:#999;
  505. border-radius:5px;
  506. border-bottom-right-radius:0px;
  507. }
  508. .ch1:nth-child(2n+2){/* SEGUNDA PESSOA - COR DE FUNDO + MARGEN + TEXTO */
  509. background:#eee;
  510. border:1px solid #dfdfdf;
  511. color:#999;
  512. border-radius:5px;
  513. border-bottom-left-radius:0px;
  514. }
  515. .ch b{/* NOME DA PESSOA QUE ESTÁ FALANDO */
  516. text-transform:uppercase;}
  517.  
  518. .albumfoto{
  519. float:left;
  520. width:80px;
  521. margin-top:0px;
  522. margin-left:5px;
  523. }
  524. .albumfoto img{
  525. width:80px;
  526. padding:7px;
  527. background:transparent;
  528. border-radius:100%;
  529. }
  530. .audiodesc {
  531. margin-left:100px;
  532. padding:10px;
  533. background:transparent;
  534. margin-top:10px;
  535. min-height:64px;
  536. font-weight:bold;
  537. margin-bottom:10px;
  538. font-size:9.5px;
  539. text-transform:uppercase;
  540. }
  541. .audioplay {
  542. opacity:.7;
  543. position:absolute;
  544. overflow:hidden;
  545. max-width:30px;
  546. height:28px;
  547. margin-left:33px;
  548. margin-top:-65px;
  549. }
  550. .entry:hover .audioplay {opacity:1; -webkit-transition:all 0.3s ease-out;}
  551.  
  552. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; font-size:27px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  553. -webkit-transition:all 0.3s ease-out;
  554. -moz-transition:all 0.3s ease-out;
  555. transition:all 0.3s ease-out;
  556. text-shadow:none;
  557. }
  558. #top1 a{background-color: rgba(255, 255, 255, 0.5); padding:10px; border-radius:2px; color: rgba(128, 128, 128, 0.9);}
  559. #top1 a:hover {text-shadow:none;}
  560.  
  561. #cabi {
  562.  
  563.  
  564. width:430px;
  565. height:auto;
  566. margin-left:auto;
  567. margin-right:auto;
  568. margin-top:40px;
  569. padding:0px;
  570. background-color:transparent;
  571. font-size:20px;
  572. font-weight:normal;
  573. text-transform:lowercase;
  574. z-index:9999;
  575. font-weight:400;
  576.  
  577. }
  578.  
  579. #hd {
  580.  
  581. height:30px;
  582. background:{color:post bg};
  583. border-radius:100px;
  584. position:fixed;
  585. left:20px;
  586. top:9px;
  587. z-index:99;
  588.  
  589. }
  590.  
  591. .ttb {
  592.  
  593. z-index:9;
  594. background:{color:post bg};
  595. text-align:right;
  596. top:-2px;
  597. left:0px;
  598. padding:18.5px;
  599. padding-right:25px;
  600. padding-left:60px;
  601. border-right:1px solid {color:borders};
  602. font-size:12px;
  603. font-weight:bold;
  604. text-transform:uppercase;
  605. color:{color:accent};
  606. position:fixed;
  607.  
  608. }
  609.  
  610. .ttb a{
  611.  
  612. color:{color:accent};
  613.  
  614. }
  615.  
  616. .sens {
  617.  
  618. float:left;
  619. margin-top:-4px;
  620. margin-left:-15px;
  621. padding-left:13px;
  622. text-align:left;
  623. letter-spacing:0px;
  624. font-size:9.5px;
  625. color:{color:description};
  626. background:{color:post bg};
  627. position:relative;
  628. z-index:99;
  629. height:30px;
  630. width:280px;
  631.  
  632.  
  633. }
  634.  
  635. .triangle {
  636.  
  637. margin-left:-22px;
  638. margin-top:8px;
  639. width:30px;
  640. height:30px;
  641. border:1px solid {color:borders};
  642. background:{color:post bg};
  643. z-index:0;
  644. -moz-transform: rotate(-45deg);
  645. -webkit-transform: rotate(-45deg);
  646. -o-transform: rotate(-45deg);
  647. -ms-transform: rotate(-45deg);
  648. transform: rotate(-45deg);
  649.  
  650. }
  651.  
  652. #tent {
  653.  
  654. {block:PermalinkPage}
  655. display:none;
  656. {/block:PermalinkPage}
  657. background:#a68cd9;
  658. text-align:center;
  659. margin-top:25px;
  660. margin-bottom:0px;
  661. padding-bottom:10px;
  662. margin-left:-20px;
  663. width:40px;
  664. height:60px;
  665. opacity:1;
  666. -webkit-transition:all 0.5s ease-out;
  667. -moz-transition:all 0.5s ease-out;
  668. transition:all 0.5s ease-out;
  669.  
  670. }
  671.  
  672. .si {
  673.  
  674. float:left;
  675. width:24px;
  676. max-width:24px;
  677. margin-top:-2px;
  678. margin-left:-5px;
  679. z-index:0;
  680. position:relative;
  681. padding:0px;
  682. background:transparent;
  683. border-radius:100px;
  684.  
  685. }
  686.  
  687. .si img{
  688.  
  689. max-width:24px;
  690. z-index:0;
  691. position:relative;
  692. float:left;
  693. width:24px;
  694.  
  695. }
  696.  
  697. .sit {
  698.  
  699. float:left;
  700. margin-left:0px;
  701. text-transform:uppercase;
  702. margin-top:0px;
  703. font-size:15px;
  704. width:20px;
  705. background:transparent;
  706. }
  707.  
  708. .about {
  709.  
  710. position:fixed;
  711. left:810px;
  712. top:0px;
  713. background:{color:post bg};
  714. border-left:1px solid {color:borders};
  715. padding:30px;
  716. width:120px;
  717. height:100%;
  718. font-size:10px;
  719. text-align:center;
  720.  
  721. }
  722. #sidetitle {
  723.  
  724. text-transform:uppercase;
  725. font-weight:bold;
  726. text-align:center;
  727. border-bottom:1px solid {color:borders};
  728. margin-left:auto;
  729. margin-right:auto;
  730. margin-top:60px;
  731. margin-bottom:15px;
  732.  
  733. }
  734.  
  735. #sideleft{
  736.  
  737. position:fixed;
  738. left:990px;
  739. top:0px;
  740. background: transparent url("{image:right image}") fixed;
  741. width:100%;
  742. height:100%;
  743.  
  744. }
  745.  
  746. .link {
  747. padding:15px;
  748. margin-left:0px;
  749. background:{color:link};
  750. color:#fff;
  751. text-align:left;
  752.  
  753. }
  754. .linktitle a{
  755. font-size:23px;
  756. font-weight:bold;
  757. text-transform:uppercase;
  758. text-align:left;
  759. color:#fff;
  760. }
  761.  
  762. {CustomCSS}
  763.  
  764. </style>
  765.  
  766. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  767. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  768. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  769.  
  770. <script>
  771. $(function(){
  772. var $container = $('#post');
  773. $container.imagesLoaded(function(){
  774. $container.masonry({
  775. itemSelector: '.entry',
  776. });
  777. });
  778. $container.infinitescroll({
  779. itemSelector : ".entry",
  780. navSelector : "div.pagination",
  781. nextSelector : ".pagination a#next",
  782. loadingImg : "",
  783. loadingText : "<em></em>",
  784. },
  785. function( newElements ) {
  786. var $newElems = $( newElements ).css({ opacity: 0 });
  787. $newElems.imagesLoaded(function(){
  788. $newElems.animate({ opacity: 1 });
  789. $container.masonry( 'appended', $newElems, true );
  790. });
  791. }
  792. );
  793. });
  794. </script>
  795. </head>
  796. <body>
  797.  
  798. <div id="sideleft"></div>
  799.  
  800. {block:IndexPage}
  801. <div id="controls">
  802. <a href="http://tumblr.com/follow/ttamplamente" target="_blank" class="uniicons-avatar93" title="Follow {text:your url}"></a>
  803. <a href="https://www.tumblr.com/dashboard?conversation={text:your url}" target="_blank" class="uniicons-mail22" title="Conversation"></a>
  804. <a href="http://tumblr.com/dashboard" class="uniicons-house287" title="Dashboard"></a>
  805. </div>
  806. {/block:IndexPage}
  807.  
  808. <header>
  809. <ul id="navigation">
  810. <li class="btitle">
  811. <img src="{image:header}"/>
  812. <a href="/">{Title}</a>
  813. </li>
  814. <li><a href="{text:link1url}" >{text:link1}</a></li>
  815. <li><a href="{text:link2url}" >{text:link2}</a></li>
  816. <li><a href="{text:link3url}" >{text:link3}</a></li>
  817. <li><a href="{text:link4url}" >{text:link4}</a></li>
  818. <li><a href="{text:link5url}" >{text:link5}</a></li>
  819. </ul>
  820. </header>
  821.  
  822. <div class="about">
  823. <div id="sidetitle">
  824. {lang:About}
  825. </div>
  826. {Description}
  827.  
  828. <div id="sidetitle">
  829. Networks
  830. </div>
  831. {text:Networks}
  832.  
  833. <div id="sidetitle">
  834. Quote
  835. </div>
  836. {text:Quote}
  837.  
  838. <div id="sidetitle">
  839. Stats
  840. </div>
  841. {text:Stats}
  842.  
  843. <div id="sidetitle">
  844. Estabilished
  845. </div>
  846.  
  847. &copy; {CopyrightYears} </br>
  848. Licensed by Creative Commons
  849. </div>
  850.  
  851. <a href="#" class="scrollup">
  852. <span style="font-size:13px;" class="fa fa-angle-up"></span>
  853. &nbsp; Top
  854. </a>
  855.  
  856. <div id="post">
  857. {block:Posts}
  858.  
  859. <div class="entry">
  860.  
  861. <div class="perm">
  862.  
  863. <div class="date">
  864.  
  865. {block:RebloggedFrom}
  866. <a href="{ReblogRootURL}" title="{ReblogRootName}"><img class="si" src="{ReblogRootPortraitURL-24}"> </a>
  867. {/block:RebloggedFrom}
  868.  
  869. <div style="margin-top:10px;" class="sit"><a href="{Permalink}" title="{TimeAgo}"><li class="fa fa-history"></li>
  870. </a>
  871. </div></br>
  872. <div class="sit"><a href="{Permalink}" title="{NoteCountWithLabel}"><li class="fa fa-info-circle"></li></a></div>
  873.  
  874. </div>
  875.  
  876. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  877. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  878.  
  879. </div>
  880.  
  881. {block:Title}<h1>{Title}</h1>{/block:Title}
  882.  
  883. {block:Text}{Body}{/block:Text}
  884.  
  885. {block:Photo}
  886. {block:IfNotPosts500px}<img src="{PhotoURL-HighRes}" width="400"/>{/block:IfNotPosts500px}
  887. {block:IfPosts500px}<img src="{PhotoURL-HighRes}" width="500"/>{/block:IfPosts500px}
  888. {block:Caption}{Caption}{/block:Caption}
  889. {/block:Photo}
  890.  
  891. {block:Photoset}
  892. {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
  893. {block:IfNotPosts500px}{Photoset-400}{block:IfNotPosts500px}
  894. {block:Caption}{Caption}{/block:Caption}
  895. {/block:Photoset}
  896.  
  897. {block:Quote}
  898.  
  899. <div style="text-align:center; padding:10px; padding-bottom:0px; font-weight:normal; font-size:17px;">{Quote}</br></div>
  900.  
  901. <div align="right" style="text-align:center;">
  902. </br>{block:Source}— {Source}{/block:Source} </br>
  903. </div>
  904. {/block:Quote}
  905.  
  906.  
  907. {block:Video}
  908.  
  909. {block:IndexPage}{Video-400}{/block:IndexPage}
  910. {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
  911.  
  912. <br>
  913. {PlayCountWithLabel}
  914. {block:Caption}{Caption}{/block:Caption}
  915. {/block:Video}
  916.  
  917.  
  918. {block:Link}
  919. <div class="link">
  920. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  921. </a></div>
  922. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  923. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  924. </div></div>
  925. {/block:Link}
  926.  
  927. {block:Chat}
  928. {block:Title}<h1>{Title}</h1>{/block:Title}
  929. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  930. {/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  931.  
  932. {block:Audio}
  933. <div class="albumfoto">
  934. {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  935. <div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  936. <div class="audiodesc">
  937. {block:Artist}<i class="fa fa-user" aria-hidden="true"></i>&nbsp;&nbsp;{Artist}{/block:Artist}</br>
  938. {block:Album}<i class="fa fa-folder-open" aria-hidden="true"></i>&nbsp;&nbsp;{Album}{/block:Album}</br>
  939. {block:TrackName}<i class="fa fa-music" aria-hidden="true"></i>&nbsp;&nbsp;{TrackName}{/block:TrackName}</br>
  940. {block:PlayCount}<i class="fa fa-bar-chart" aria-hidden="true"></i>&nbsp;&nbsp;{PlayCountWithLabel}{/block:PlayCount}
  941. </div>
  942. {/block:Audio}
  943.  
  944.  
  945. {block:Answer}
  946. <div id="question">
  947. <center><div id="asker_portrait"><img src="{AskerPortraitURL-48}"></div></center>
  948. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  949. </div>
  950. <div id="answer">
  951. {Answer}
  952. </div>
  953. {/block:Answer}
  954.  
  955. {block:IndexPage}
  956. {block:HasTags}
  957. <div class="tags">
  958. {block:Tags}
  959. <a href="{TagURL}">#{Tag} </a> {/block:Tags}
  960. </div>
  961. {/block:HasTags}
  962. {/block:IndexPage}
  963.  
  964. {block:PermalinkPage}
  965.  
  966. <div style="padding:15px;">
  967.  
  968. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  969.  
  970. {block:RebloggedFrom}
  971. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  972.  
  973. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  974. {/block:RebloggedFrom}
  975.  
  976. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  977. </br>
  978. {block:HasTags}
  979. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  980. {block:Tags}
  981. <a href="{TagURL}">#{Tag}</a>
  982. {/block:Tags}{/block:HasTags}
  983.  
  984. </div>
  985.  
  986. {block:PostNotes}
  987. <div id="notas">{PostNotes-64}</div>
  988. {/block:PostNotes}
  989.  
  990. </div><!-- fim de .entry -->
  991.  
  992. {/block:PermalinkPage}
  993.  
  994. </div> <!-- fim de #post -->
  995.  
  996. {/block:Posts}
  997.  
  998. </div>
  999.  
  1000. {block:IfNotInfiniteScroll}
  1001. <div id="top2">
  1002.  
  1003. {block:Pagination}
  1004. {block:PreviousPage}
  1005. <a href="{PreviousPage}"><u>B</u>ack</a>
  1006. {/block:PreviousPage}
  1007.  
  1008. {block:JumpPagination length="3"}
  1009.  
  1010. {block:CurrentPage}
  1011. <a href="#"><span class="current_page"><u>{CurrentPage}</u></a></span></a>
  1012. {/block:CurrentPage}
  1013.  
  1014. {block:JumpPage}
  1015. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1016. {/block:JumpPage}
  1017. {/block:JumpPagination}
  1018.  
  1019. {block:NextPage}
  1020. <a href="{NextPage}"><u>F</u>orth</a>
  1021. {/block:NextPage}
  1022.  
  1023. {/block:Pagination}
  1024.  
  1025. </div>
  1026. {/block:IfNotInfiniteScroll}
  1027.  
  1028. <div id="top1">
  1029. <a href="http://amplamente.tumblr.com/" title="amplamente">Am</a>
  1030. </div>
  1031.  
  1032. {block:IfInfiniteScroll}
  1033. <div class="pagination">
  1034. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1035. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1036. </div>
  1037. {/block:IfInfiniteScroll}
  1038.  
  1039. </body>
  1040.  
  1041. </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!