API tools faq
paste
Advertisement
Carolaine_Vieira

&l Rabi

Carolaine_Vieira
Jun 26th, 2016
472
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 32.98 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="{block:English}en{/block:English}{block:French}fr{/block:French}{block:German}de{/block:German}{block:Japanese}ja{/block:Japanese}{block:Italian}it{/block:Italian}{block:Spanish}es{/block:Spanish}{block:Polish}pl{/block:Polish}{block:Portuguese}pt{/block:Portuguese}">
  3. <html>
  4. <head>
  5.  
  6. <!---
  7. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  8. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  9. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  10. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  11. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  12. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  13. THEME; &l Rabi; CREATED BY @AMPLAMENTE
  14. amplamente.tumblr.com
  15. --->
  16.  
  17. <html xmlns="http://www.w3.org/1999/xhtml">
  18. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#" profile="http://gmpg.org/xfn/11">
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Post" content="#fff" />
  28. <meta name="color:Borders" content="#eee" />
  29. <meta name="color:Accent" content="#C2DBA0" />
  30. <meta name="color:Text" content="#999" />
  31. <meta name="color:Link" content="#888" />
  32. <meta name="color:Link hover" content="#ccc" />
  33. <meta name="color:Sidebar bg" content="#fff" />
  34. <meta name="color:Sidebar border" content="#eee" />
  35. <meta name="color:Sidebar link" content="#888" />
  36. <meta name="color:Sidebar link hover" content="#ccc" />
  37. <meta name="color:Title" content="#333" />
  38. <meta name="color:Description" content="#999" />
  39.  
  40. <meta name="select:Title Font Weight" title="300" content="300" />
  41. <meta name="select:Title Font Weight" title="400" content="400" />
  42. <meta name="select:Title Font Weight" title="600" content="600" />
  43. <meta name="select:Title Font Weight" title="700" content="700" />
  44.  
  45. <meta name="select:Titles" title="Raleway" content="Raleway" />
  46. <meta name="select:Titles" title="Open Sans" content="Open Sans" />
  47. <meta name="select:Titles" title="Gilda Display" content="Gilda Display" />
  48. <meta name="select:Titles" title="Playfair Display" content="PLayfair Display" />
  49. <meta name="select:Titles" title="Roboto Slab" content="Roboto Slab" />
  50.  
  51. <meta name="image:Background" content="" />
  52.  
  53. <meta name="if:InfiniteScrolling" content="1"/>
  54. <meta name="if:Caption" content=""/>
  55. <meta name="if:Tags" content=""/>
  56.  
  57. <meta name="text:Facebook Username" content="/" />
  58. <meta name="text:Instagram Username" content="/" />
  59. <meta name="text:LastFm Url" content="/" />
  60. <meta name="text:Skype Username" content="/" />
  61. <meta name="text:GooglePlus Url" content="/" />
  62. <meta name="text:Twitter Username" content="/" />
  63. <meta name="text:Tumblr Username" content="/" />
  64. <meta name="text:WeHeartIt Username" content="/" />
  65. <meta name="text:Link1Title" content="link 1" />
  66. <meta name="text:Link1Url" content="/" />
  67. <meta name="text:Link2Title" content="link 2" />
  68. <meta name="text:Link2Url" content="/" />
  69. <meta name="text:Link3Title" content="link 3" />
  70. <meta name="text:Link3Url" content="/" />
  71. <meta name="text:Link4Title" content="link 4" />
  72. <meta name="text:Link4Url" content="/" />
  73. <meta name="text:Link5Title" content="link 5" />
  74. <meta name="text:Link5Url" content="/" />
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Allura|Lovers+Quarrel' rel='stylesheet' type='text/css'>
  77.  
  78. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  79. <script type="text/javascript" src="http://static.tumblr.com/2wl9p6g/G70lj5t0q/animatedcollapse.js"></script>
  80. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  81.  
  82. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  83. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  84. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Lato|Pt+Sans|Roboto+Slab|Gilda+Display|Playfair+Display|Raleway:400,600,700,800,300,300italic,400italic,600italic,700italic,800italic' rel='stylesheet' type='text/css'>
  87.  
  88. <meta name="viewport" content="width=device-width; initial-scale=1.0">
  89.  
  90. <style type="text/css">
  91.  
  92. *html, body { width:100%; }
  93.  
  94. body {
  95. margin:0;
  96. background: {color:background} url("{image:background}") fixed;
  97. color:{color:Text};
  98. font-size:12px;
  99. font-family:Open Sans;
  100. }
  101.  
  102. a {
  103. text-decoration:none;
  104. color:{color:link};
  105. -webkit-transition: all 0.5s ease-out;
  106. transition: all 0.5s ease-out;
  107. }
  108. a:hover {
  109. color:{color:link hover};
  110. -webkit-transition: all 0.5s ease-out;
  111. transition: all 0.5s ease-out;
  112. }
  113.  
  114. #post {
  115. width:700px;
  116. background:transparent;
  117. margin-left:0px;
  118. margin-top:0px;
  119. }
  120.  
  121. .entry {
  122. {block:IndexPage}width:700px;{/block:IndexPage}
  123. {block:PermalinkPage}width:700px;{/block:PermalinkPage}
  124. background:transparent;
  125. margin:0;
  126. }
  127. .entry img {
  128. margin-bottom:-4px;
  129. width:700px;
  130. {block:IndexPage}max-width:700px;{/block:IndexPage}
  131. {block:PermalinkPage}max-width:700px;{/block:PermalinkPage}
  132. height:auto;
  133. }
  134. .entry .permhover {
  135. width:700px;
  136. height:calc(100% - 0px) !important;
  137. margin-left:0px;
  138. margin-top:0px;
  139. position:absolute;
  140. overflow:hidden;
  141. background:rgba(000,000,000,0.8);
  142. opacity:0.0;
  143. text-shadow:1px 1px 0px #000;
  144. z-index:99;
  145. {block:PermalinkPage}
  146. display:none;
  147. {/block:PermalinkPage}
  148. -webkit-transition: all 0.2s ease-out;
  149. transition: all 0.2s ease-out;
  150. }
  151. .entry:hover .permhover {
  152. -webkit-transition: all 0.2s ease-out;
  153. transition: all 0.2s ease-out;
  154. opacity:1;
  155. }
  156. .entry .caption {
  157. width:680px;
  158. height:auto;
  159. margin-left:0px;
  160. margin-top:-37px;
  161. position:absolute;
  162. background:{color:borders};
  163. opacity:0;
  164. padding:10px;
  165. font-size:12px;
  166. text-transform:uppercase;
  167. text-align:center;
  168. font-weight:bold;
  169. {block:PermalinkPage}
  170. display:none;
  171. {/block:PermalinkPage}
  172. -webkit-transition: all 0.2s ease-out;
  173. transition: all 0.2s ease-out;
  174. }
  175. .entry .caption a{
  176. color:{color:accent}; margin-left:3px;
  177. }
  178. .entry:hover .caption { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; opacity:1;}
  179.  
  180. @media screen and (max-width: 800px) {
  181.    
  182. body { padding: 0px; background:transparent; margin:0; width:100%; overflow-x:hidden; }
  183. #post { width:100%; padding:0px; background:transparent; margin-left:auto !important; margin-right:auto !important;}
  184. .entry { width:100%; margin-left:0px; background:transparent; border:none;}
  185. .entry img { max-width:100%; }
  186. iframe.photoset { width:100% !important; }
  187. #sidebar {
  188.     position:relative !important;
  189.     height:auto !important;
  190.     width:100% !important;
  191.     left:0px !important;
  192.     margin-left:auto !important;
  193.     margin-right:auto !important;
  194.     margin-bottom:30px !important;
  195.     margin-top:30px ;
  196. }
  197. .permhover {
  198.     width:100% !important;
  199. }
  200. .caption {
  201.     width:100% !important;
  202. }
  203.  
  204. .description {
  205. text-align:center !important;
  206. margin-left:auto !important;
  207. margin-right:auto !important;
  208. width:90% !important;
  209. }
  210.  
  211. .sidetitle {
  212. margin-top:0px !important;
  213. text-align:center !important;
  214. margin-left:auto !important;
  215. margin-right:auto !important;
  216. width:90% !important;
  217. }
  218.  
  219. .bordinha {
  220. margin-left:auto !important;
  221. margin-right:auto !important;
  222. }
  223.  
  224. .sl {
  225. text-align:center !important;
  226. margin-left:auto !important;
  227. margin-right:auto !important;
  228. }
  229.  
  230. #scial { display:none; }
  231.  
  232. #dog {
  233. text-align:center !important;
  234. margin-left:auto !important;
  235. margin-right:auto !important;
  236. }
  237.  
  238. }
  239.  
  240. #s-m-t-tooltip {
  241.        max-width:300px;
  242.        padding:6px;
  243.        padding-left:8px;
  244.        padding-right:8px;
  245.        margin:15px 20px;
  246.        font-size:11px;
  247.        letter-spacing:1px;
  248.        text-transform:uppercase;
  249.        color:{color:background};
  250.        background:{color:accent};
  251.        z-index:99999999999;
  252. }
  253.  
  254. .quote {
  255. background:transparent;
  256. font-size:20px;
  257. text-align:left;
  258. padding:20px;
  259. line-height:28px;
  260. padding-left:40px;
  261. padding-right:40px;
  262. border:1px solid {color:borders};
  263. font-family:Raleway;
  264. }
  265. .qsub {
  266. margin-top:3px;
  267. font-size:13px;
  268. }
  269.  
  270. .ch { padding:15px; background:transparent; border:1px solid {color:borders};}
  271. .ch .ch1 { padding:8px; margin-bottom:3px;}
  272. .ch1{ background:{color:borders}; }
  273. .ch .ch1 b{ color:{color:accent}; text-transform:uppercase; font-size:11px;}
  274.  
  275. h1 {
  276.     color:{color:accent};
  277.     text-align:center;
  278.     text-transform:uppercase;
  279.     padding-bottom:0px;
  280.     margin-bottom:-15px;
  281.     border-right:1px solid {color:borders};
  282.     font-size:30px;
  283.     font-family:{select:Titles};
  284. }
  285.  
  286. blockquote {
  287. width:90%;
  288. margin-left:0px;
  289. padding:10px;
  290. padding-top:0px;
  291. padding-bottom:0px;
  292. border-left:2px solid {color:accent};
  293. background:transparent;
  294. }
  295. blockquote img{max-width:calc(100% - 100px) !important; height:auto !important;}
  296.  
  297. .albumfoto{
  298. float:left;
  299. width:150px;
  300. margin-top:0px;
  301. margin-left:0px;
  302. }
  303. .albumfoto img{
  304. width:150px;
  305. }
  306. .audiodesc {
  307. margin-left:150px;
  308. padding:25px;
  309. padding-bottom:10px;
  310. padding-top:35px;
  311. padding-left:25px;
  312. background:{color:accent};
  313. color:{color:post};
  314. margin-top:0px;
  315. min-height:105px;
  316. font-weight:bold;
  317. margin-bottom:0px;
  318. text-align:center;
  319. }
  320. .audioplay {
  321. overflow:hidden;
  322. padding:5px;
  323. max-width:26px;
  324. width:26px;
  325. height:28px;
  326. margin-left:6px;
  327. margin-top:4px;
  328. background:transparent
  329. -webkit-transition:all 0.3s ease-out;
  330. }
  331. .playbg {
  332. opacity:0.6;
  333. position:absolute;
  334. overflow:hidden;
  335. padding:10px;
  336. width:50px;
  337. max-width:50px;
  338. height:45px;
  339. background:{color:post};
  340. margin-left:38px;
  341. margin-top:-110px;
  342. -webkit-transition:all 0.3s ease-out;
  343. }
  344. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  345.  
  346. .nt {margin:0 auto; padding:0px; text-align:center;}
  347. .nt a {
  348. font-size:60px;
  349. font-weight:bold;
  350. text-align:center;
  351. color:{color:accent};
  352. font-family:Allura;
  353. }
  354.  
  355. .pagination {display:none;}
  356.  
  357. .permalink { padding:20px;}
  358.  
  359. .tags { padding:10px;}
  360. .tags a{ text-transform:lowercase;}
  361.  
  362. #sidebar {
  363. background:{color:sidebar bg};
  364. padding:0px;
  365. padding-bottom:0px;
  366. width:100%;
  367. height:100%;
  368. padding:0px;
  369. margin-left:auto;
  370. margin-right:auto;
  371. text-align:center;
  372. position:fixed;
  373. left:700px;
  374. top:0;
  375. }
  376. .sideimg {
  377. margin:0 auto;
  378. height:50px;
  379. border-radius:{select:favicon style};
  380. }
  381. .description {
  382. text-align:left;
  383. font-size:14px;
  384. width:300px;
  385. color:{color:description};
  386. margin-left:40px;
  387. font-family:Raleway;
  388. letter-spacing:.5px;
  389. line-height:1.5em;
  390. }
  391. .sidetitle {
  392. font-size:40px;
  393. font-weight:{select:title font weight};
  394. padding:5px;
  395. text-align:left;
  396. margin-top:20%;
  397. margin-left:34px;
  398. font-family:{select:Titles};
  399. }
  400. .sidetitle a {color:{color:title}; }
  401.  
  402. .bordinha {
  403.     margin-left:0;
  404.     width:70px;
  405.     height:1px;
  406.     background:{color:accent};
  407.     margin-top:10px;
  408.     margin-bottom:10px;
  409. }
  410.  
  411. .pages {
  412. border-top:1px solid {color:borders};
  413. margin-left:0;
  414. width:700px;
  415. padding-top:10px;
  416. margin-top:10px;
  417. margin-bottom:30px;
  418. font-size:14px;
  419. font-weight:bold;
  420. text-transform:uppercase;
  421. text-align:center;
  422. z-index:99;
  423. }
  424.  
  425. #dog {
  426. display:none;
  427. background:transparent;
  428. text-align:left;
  429. margin-top:0px;
  430. margin-bottom:10px;
  431. margin-left:35px;
  432. font-family:{select:Titles};
  433. }
  434. #dog a {
  435. position:relative;
  436. cursor:pointer;
  437. text-shadow:none;
  438. padding:5px;
  439. text-transform:uppercase;
  440. font-weight:{select:title font weight};
  441. display:inline-block;
  442. color:{color:sidebar link};
  443. font-size:13px;
  444. border-bottom:2px solid transparent;
  445. background:transparent;
  446. -webkit-transition:all 0.3s ease-out;
  447. transition:all 0.3s ease-out;
  448. }
  449. #dog a:hover {
  450. letter-spacing:2px;
  451. color:{color:sidebar link hover};
  452. background:transparent;
  453. -webkit-transition:all 0.3s ease-out;
  454. transition:all 0.3s ease-out;
  455. }
  456.  
  457. .sl {
  458. background:transparent;
  459. text-align:left;
  460. margin-top:5px;
  461. margin-bottom:10px;
  462. margin-left:35px;
  463. font-family:{select:Titles};
  464. }
  465. .sl a {
  466. position:relative;
  467. cursor:pointer;
  468. text-shadow:none;
  469. padding:5px;
  470. text-transform:uppercase;
  471. font-weight:{select:title font weight};
  472. display:inline-block;
  473. color:{color:sidebar link};
  474. font-size:13px;
  475. background:transparent;
  476. -webkit-transition:all 0.3s ease-out;
  477. transition:all 0.3s ease-out;
  478. }
  479. .sl a:hover {
  480. color:{color:sidebar link hover};
  481. -webkit-transition:all 0.3s ease-out;
  482. transition:all 0.3s ease-out;
  483. }
  484.  
  485. #cat {
  486.     display:none;
  487.     margin-bottom:15px;
  488.     margin-left:35px;
  489.     text-align:left;
  490. }
  491. #cat a {
  492. display:inline-block;
  493. color:{color:background};
  494. font-size:14px;
  495. background:{color:accent};
  496. padding:8px;
  497. width:20px;
  498. text-align:center;
  499. margin:3px;
  500. margin-left:5px;
  501. }
  502. #cat a:hover { box-shadow:inset 0px 0px 0px 40px {color:background}; color:{color:accent};}
  503.  
  504. .alt {
  505. margin-top:-5px;
  506. text-align:center;
  507. line-height:1.4em;
  508. text-transform:uppercase;
  509. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  510. }
  511. .alt a {
  512. font-size:15px;
  513. color:#fff;
  514. padding-left:5px;
  515. padding-right:5px;
  516. }
  517.  
  518. ::-webkit-scrollbar {
  519. width: 6px;
  520. height: 7px;
  521. background: {color:background};
  522. }
  523. ::-webkit-scrollbar-button {
  524. width: 11px;
  525. height: 11px;
  526. }
  527. ::-webkit-scrollbar-thumb {
  528. background: {color:accent};
  529. border: 1px solid {color:borders};
  530. border-radius: 50px;
  531. }
  532. ::-webkit-scrollbar-thumb:active {
  533. background:#eee;
  534. }
  535. ::-webkit-scrollbar-track {
  536. background: {color:background};
  537. border: 0px none {color:background};
  538. border-radius: 0px;
  539. }
  540.  
  541. .link {
  542. padding:15px;
  543. margin-left:0px;
  544. background:{color:accent};
  545. color:{color:post};
  546. text-align:left;
  547.  
  548. }
  549. .linktitle a{
  550.  
  551. font-size:23px;
  552. font-weight:bold;
  553. text-transform:uppercase;
  554. text-align:left;
  555. color:#fff;
  556.  
  557. }
  558.  
  559. .pessoap {
  560. text-transform:uppercase;
  561. font-size:16px;
  562. font-weight:bold;
  563. margin-bottom:5px;
  564. color:rgba(000,000,000,0.5);
  565. }
  566. .pessoap a{
  567. color:rgba(000,000,000,0.5);
  568. text-transform:uppercase;
  569. font-size:16px;
  570. font-weight:bold;
  571. }
  572. .pessoapfototri {
  573. float:left;
  574. margin-top:10px;
  575. margin-left:7px;
  576. width: 0;
  577. height: 0;
  578. border-style: solid;
  579. border-width: 12.5px 12.5px 12.5px 0;
  580. border-color: transparent {color:accent} transparent transparent;
  581. }
  582. .pessoapfoto {
  583. margin-left:0px;
  584. }
  585. .pessoapfoto img{
  586. max-width:64px;
  587. border-radius:10%;
  588. margin-top:0px;
  589. margin-left:0px;
  590. padding:4px;
  591. background:transparent;
  592. float:left;
  593. }
  594. .pergunta {
  595. color:{color:post};
  596. padding:15px;
  597. min-height:50px;
  598. margin-left:90px;
  599. background:{color:accent};
  600. border-left:2px solid {color:accent};
  601. border:1px solid {color:accent};
  602. border-radius:4px;
  603. }
  604. .sresposta {
  605. padding:10px;
  606. padding-bottom:5px;
  607. color:rgba(000,000,000,0.5);
  608. background:{color:accent};
  609. border-left:2px solid {color:accent};
  610. border:1px solid {color:accent};
  611. margin-top:10px;
  612. border-radius:4px;
  613. }
  614. .srespostatri {
  615. margin-top:-22px;
  616. margin-left:14px;
  617. width: 0;
  618. height: 0;
  619. border-style: solid;
  620. border-width: 0 12.5px 12.5px 12.5px;
  621. border-color: transparent transparent {color:accent} transparent;
  622. }
  623. .sresposta blockquote {padding:0px; background:transparent;}
  624.  
  625. .postnotes { margin-top:30px; width:98%; margin-left:auto; margin-right:auto; padding-top:12px; border-top:1px solid #eee;}
  626. ol.notes {padding: 0px; margin: 5px 0 100px 0px; list-style-type: none;}
  627. ol.notes a {text-decoration: none;}
  628. ol.notes li.note {display: inline-block; margin:0; padding: 0;}
  629. ol.notes li.note img.avatar {max-width: 34px; max-height: 34px;margin-bottom: -4px; padding: 2px; border-radius:5px;}
  630. aside.permalink_page {margin-top:30px; margin-bottom: 60px;}
  631. span.action {display:none;}
  632. ol.notes li.note:hover span.action {display: block;}
  633. ol.notes li.note blockquote {display:none;}
  634. ol.notes li.note:hover blockquote{display: block;}
  635. span.action {position: absolute; width: 150px; margin-left: -60px; margin-top: -6px; padding: 5px; padding-left:10px; padding-right:10px; font-size:12px; color:#fff; background-color:#333; text-align: center; z-index: 4;}
  636. span.action:after {content: ""; position: absolute; width: 0; height: 0; border-width: 7px; border-style: solid; border-color: transparent transparent #333 transparent; top: -14px; left: 70px;}
  637. ol.notes li.note blockquote {position: absolute; width: 150px; background-color: #333; z-index: 1; padding: 40px 5px 5px 5px; margin-left: -60px; border:0; }
  638. ol.notes li.note.more_notes_link_container {display:block; margin-top: 20px; text-align: center;}
  639. ol.notes li.note.more_notes_link_container a {color:#000; font-weight:bold; text-transform:uppercase;}
  640. span.action a {color:{color:accent};}
  641.  
  642. .permalink { margin-top:5px; }
  643.  
  644. .src { display:none; }
  645.  
  646. .entry #rl { position:absolute; margin-left:150px; margin-top:5px; width:100px; opacity:0; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  647. .entry:hover #rl { -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; opacity:1;}
  648.  
  649. #rl a {
  650. display:inline-block;
  651. color:#fff;
  652. font-size:14px;
  653. background:rgba(255,255,255,0.3);
  654. border:1px solid #fff;
  655. padding:10px;
  656. width:18px;
  657. text-align:center;
  658. margin:3px;
  659. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  660. }
  661. #rl a:hover { box-shadow:inset 0px 0px 0px 40px #fff; color:{color:accent};}
  662.  
  663. .scrollup {
  664.     width: auto;
  665.     height: auto;
  666.     display:none;
  667.     z-index:9999;
  668.     color:{color:accent};
  669. }
  670.  
  671. .ptxt {
  672. width:auto;
  673. display:inline-block;
  674. margin:5px;
  675. padding:10px;
  676. text-transform:uppercase;
  677. color:{color:text};
  678. background:{color:borders};
  679. }
  680.  
  681. .sform input { outline:none; text-align:left; border:none; width:300px; background:transparent; margin-top:10px; margin-left:auto; margin-right:auto; padding:8px; font-size:12px;}
  682. ::-webkit-input-placeholder { color:{color:text}; }
  683. :-moz-placeholder { color:{color:text}; }
  684. ::-moz-placeholder { color:{color:text}; }
  685. :-ms-input-placeholder { color:{color:text}; }
  686. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:accent};}
  687. .sbox:hover { color:{color:accent}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  688.  
  689. .right_share_buttons {
  690.     text-align:center;
  691.     margin-top:20px;
  692. }
  693. .right_share_buttons a {
  694.     font-size:18px !important;
  695.     color:{color:accent};
  696.     margin-right:3px;
  697. }
  698. .right_share_buttons a:hover {
  699.     color:#fff;
  700. }
  701.  
  702. .copy {
  703. text-align:left;
  704. font-size:14px;
  705. width:300px;
  706. color:{color:description};
  707. position:fixed;
  708. bottom:30px;
  709. left:740px;
  710. font-family:Raleway;
  711. letter-spacing:.5px;
  712. line-height:1.5em;
  713. z-index:99;
  714. }
  715.  
  716. .skeww {
  717. width:400px;
  718. margin-left:auto;
  719. margin-right:auto;
  720. top:50%;
  721. margin-top:-85px;
  722. position:relative;
  723. -moz-transform: skewX(50deg);
  724. -webkit-transform: skewX(50deg);
  725. -o-transform: skewX(50deg);
  726. -ms-transform: skewX(50deg);
  727. transform: skewX(50deg);
  728.     -webkit-transition: all 0.2s ease-out;
  729. transition: all 0.2s ease-out;
  730. }
  731. .entry:hover .skeww {
  732.     -moz-transform: skewX(0deg);
  733. -webkit-transform: skewX(0deg);
  734. -o-transform: skewX(0deg);
  735. -ms-transform: skewX(0deg);
  736. transform: skewX(0deg);
  737. -webkit-transition: all 0.2s ease-out;
  738. transition: all 0.2s ease-out;
  739. }
  740.  
  741. .tcaption {
  742.     padding:30px;
  743.     border-bottom:1px solid {color:borders};
  744.     border-right:1px solid {color:borders};
  745. }
  746. .tcaption img {
  747.     width:calc(700px - 60px);
  748.     height:auto;
  749.     margin-left:0px;
  750. }
  751.  
  752. #scial {
  753.     text-align:center;
  754.     position:fixed;
  755.     border-left:1px solid {color:borders};
  756.     right:0px;
  757.     bottom:20px;
  758.     z-index:99;
  759.     width:50px;
  760.     height:100%;
  761.     padding:10px;
  762. }
  763. #scial a {
  764.     display:inline-block;
  765.     font-size:16px;
  766.     margin-bottom:4px;
  767.     padding:8px;
  768.     padding-top:5px;
  769.     padding-bottom:5px;
  770.     width:18px;
  771.     text-align:center;
  772.     text-transform:uppercase;
  773.     color:{color:title};
  774.     font-weight:bold;
  775.     border-radius:100%;
  776. }
  777. #scial a:hover {
  778.     color:{color:sidebar bg};
  779.     background:{color:accent};
  780. }
  781.  
  782. .sposi {
  783. margin-left:auto;
  784. margin-right:auto;
  785. top:50%;
  786. margin-top:-160px;
  787. position:relative;
  788. }
  789.  
  790. #tumblr_controls, .tmblr-iframe{{block:IndexPage} display:none !important; {/block:IndexPage} opacity:0.3 !important;}
  791.  
  792. {CustomCSS}
  793.  
  794. </style>
  795. </head>
  796.  
  797. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  798.  
  799. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  800. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  801. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  802. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  803.  
  804. <script>
  805. $(function(){
  806. var $container = $('#post');
  807. $container.imagesLoaded(function(){
  808. $container.masonry({
  809. itemSelector: '.entry',
  810. });
  811. });
  812. $container.infinitescroll({
  813. itemSelector : ".entry",
  814. navSelector : "div.pagination",
  815. nextSelector : ".pagination a#next",
  816. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  817. loadingText : "<em></em>",
  818. },
  819. function( newElements ) {
  820. var $newElems = $( newElements ).css({ opacity: 0 });
  821. $newElems.imagesLoaded(function(){
  822. $newElems.animate({ opacity: 1 });
  823. $container.masonry( 'appended', $newElems, true );
  824. });});});
  825. </script>
  826.  
  827. <body>
  828.  
  829. <div id="scial">
  830. <div class="sposi">
  831. <a href="https://www.tumblr.com/dashboard?conversation={name}" title="conversation"><li class="fa fa-comments" aria-hidden="true"></li></a>
  832. <a href="https://www.tumblr.com/follow/{name}" title="follow"><li class="fa fa-plus" aria-hidden="true"></li></a>
  833. <br><br>
  834. <a href="http://instagram.com/{text:instagram username}" target="_blank"><li class="fa fa-instagram" aria-hidden="true"></li></a>
  835. <a href="http://facebook.com/{text:facebook username}" target="_blank"><li class="fa fa-facebook" aria-hidden="true"></li></a>
  836. <a href="http://lastfm.com/{text:lastfm url}" target="_blank"><li class="fa fa-lastfm" aria-hidden="true"></li></a>
  837. <a href="https://twitter.com/{text:twitter username}" target="_blank"><li class="fa fa-twitter" aria-hidden="true"></li></a>
  838. <a href="skype:{text:skype username}" target="_blank"><li class="fa fa-skype" aria-hidden="true"></li></a>
  839. <a href="https://plus.google.com/{text:googleplus url}" target="_blank"><li class="fa fa-google-plus" aria-hidden="true"></li></a>
  840. <a href="http://{text:tumblr username}.tumblr.com" target="_blank"><li class="fa fa-tumblr" aria-hidden="true"></li></a>
  841. <a href="http://weheartit.com/{text:weheartit username}" target="_blank"><li class="fa fa-heart" aria-hidden="true"></li></a>
  842. <a href="http://amplamente.tumblr.com" title="theme credit" target="_new"><li class="fa fa-code" aria-hidden="true"></li></a>
  843. <a href="#" class="scrollup" title="scroll up"><li class="fa fa-angle-up"></li></a>
  844. </div>
  845. </div>
  846.  
  847. <div id="sidebar">
  848. <div class="sidetitle"><a href="/">{Title}</a>
  849. <div class="bordinha"></div>
  850. </div>
  851. <div class="description">{Description}</div>
  852. <div class="sl">
  853. <a href="/ask">Message</a>
  854. <a href="/submit">Submit</a>
  855. <a href="/archive">Archive</a>
  856. <a href="javascript:animatedcollapse.toggle('dog')">links</a>
  857. <a href="http://amplamente.tumblr.com" target="_new">Theme</a>
  858. </div>
  859. <div id="dog">
  860. <a href="{text:link1url}">{text:link1title}</a>
  861. <a href="{text:link2url}">{text:link2title}</a>
  862. <a href="{text:link3url}">{text:link3title}</a>
  863. <a href="{text:link4url}">{text:link4title}</a>
  864. <a href="{text:link5url}">{text:link5title}</a>
  865. <form action="/search" method="get" class="sform" name="form">
  866. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form>
  867. </div>
  868. </div>
  869.  
  870. <div id="post">
  871.  
  872. {block:Posts}
  873.  
  874. <div class="entry">
  875.  
  876. {block:Title} <h1>{TItle}</h1> {/block:Title}
  877.  
  878. {block:Text}
  879. <div class="tcaption">{Body} </div>
  880. <div class="caption">
  881. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  882. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  883. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  884. </div>
  885. {/block:Text}
  886.  
  887. {block:Photo}
  888. <div class="permhover">
  889. <div class="skeww">
  890. <div class="nt"><a href="{Permalink}">{NoteCount}</a></div>
  891. <div class="alt">
  892. <a href="{ReblogUrl}">Reblog</a><br>
  893. {block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  894. </div>
  895. <div class="right_share_buttons">
  896. <a target="_blank" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" title="Share this on twitter"><li class="fa fa-twitter" aria-hidden="true"></li></a>
  897. <a target="_blank" title="Share this on facebook" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}"><li class="fa fa-facebook" aria-hidden="true"></li></a>
  898. <a target="_blank" title="Share this on pinterest" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><li class="fa fa-pinterest" aria-hidden="true"></li></a>
  899. <a target="_blank" title="Share this on google plus" href="https://plus.google.com/share?url={Permalink}"><li class="fa fa-google-plus" aria-hidden="true"></li></a>
  900. <a target="_blank" title="Share this on linkedin" href="http://www.linkedin.com/shareArticle?mini=true&url={Permalink}{block:Title}&title={Title}{/block:Title}&source={SourceUrl}"><li class="fa fa-linkedin" aria-hidden="true"></li></a><br><br>
  901. {ShortURL}
  902. </div>
  903. </div>
  904. </div>
  905. {block:HighRes}
  906. {block:IndexPage}<img src="{PhotoURL-HighRes}" {PhotoWidth-700} />{/block:IndexPage}
  907. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" {PhotoWidth-700} />{/block:PermalinkPage}
  908. {/block:HighRes}
  909. {/block:Photo}
  910.  
  911. {block:Photoset}
  912. <div class="permhover">
  913. <div class="skeww">
  914. <div class="nt"><a href="{Permalink}">{NoteCount}</a></div>
  915. <div class="alt">
  916. <a href="{ReblogUrl}">Reblog</a><br>
  917. {block:Date}<a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>{/block:Date}
  918. </div>
  919. <div class="right_share_buttons">
  920. <a target="_blank" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}"><li class="fa fa-twitter" aria-hidden="true"></li></a>
  921. <a target="_blank" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}"><li class="fa fa-facebook" aria-hidden="true"></li></a>
  922. <a target="_blank" href="http://pinterest.com/pin/create/button/?url={Permalink}&media={PhotoURL-500}"><li class="fa fa-pinterest" aria-hidden="true"></li></a>
  923. <a target="_blank" href="https://plus.google.com/share?url={Permalink}"><li class="fa fa-google-plus" aria-hidden="true"></li></a>
  924. <a target="_blank" href="http://www.linkedin.com/shareArticle?mini=true&url={Permalink}{block:Title}&title={Title}{/block:Title}&source={SourceUrl}"><li class="fa fa-linkedin" aria-hidden="true"></li></a>
  925. </div>
  926. </div>
  927. </div>
  928. {Photoset-700}
  929. {/block:Photoset}
  930.  
  931. {block:Quote}
  932. <div class="quote">{Quote}
  933. <div class="qsub">{block:Source}&mdash; {Source} {/block:Source}</div></div>
  934. <div class="caption">
  935. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  936. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  937. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  938. </div>
  939. {/block:Quote} 
  940.  
  941. {block:Link}
  942. <div class="link">
  943. <div class="linktitle"><a href="{URL}" {Target}>{Name} <i class="fa fa-angle-double-right" aria-hidden="true"></i>
  944. </a></div>
  945. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  946. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  947. </div></div>
  948. <div class="caption">
  949. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  950. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  951. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  952. </div>
  953. {/block:Link}  
  954.  
  955. {block:Chat}
  956. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  957. {/block:Label}{Line}</div>{/block:Lines}</div>
  958. <div class="caption">
  959. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  960. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  961. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  962. </div>
  963. {/block:Chat}  
  964.  
  965. {block:Audio}
  966. <div class="albumfoto">
  967.     {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  968.         <div class="playbg">
  969.             <div class="audioplay">
  970.                 {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}                        </div></div></div>
  971. <div class="audiodesc">
  972.     {block:Artist}{Artist}{/block:Artist}</br>
  973.     {block:Album}{Album}{/block:Album}</br>
  974.     {block:TrackName}{TrackName}{/block:TrackName}</br>
  975.     {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  976. </div>
  977. <div class="caption">
  978. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  979. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  980. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  981. </div>
  982. {/block:Audio} 
  983.  
  984. {block:Video}
  985. {block:IndexPage}{Video-700}{/block:IndexPage}
  986. {block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  987. {PlayCountWithLabel}
  988. <div class="caption">
  989. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  990. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  991. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  992. </div>
  993. {/block:Video} 
  994.  
  995. {block:Answer}
  996. <div style="padding:15px; border:1px solid {color:borders};">
  997. <div class="pessoapfoto">
  998.     <img src="{AskerPortraitURL-64}">
  999.     <div class="pessoapfototri"></div></div>
  1000.     <div class="pergunta">
  1001.         <div class="pessoap">{Asker} asked:</div>{Question}</div>
  1002. <div class="sresposta">
  1003.     <div class="srespostatri"></div>{Answer}</div>
  1004. </div>
  1005. <div class="caption">
  1006. <a href="{ReblogUrl}">Reblog</a>&nbsp;
  1007. <a href="{Permalink}">{NoteCountWithLabel}</a>&nbsp;
  1008. {block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}
  1009. </div>
  1010. {/block:Answer}
  1011.  
  1012. {block:IfCaption}{block:Caption}<div class="info">{Caption}</div>{/block:Caption}{/block:IfCaption}
  1013.  
  1014. {block:IfTags}<div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfTags}
  1015.  
  1016. {block:PermalinkPage}
  1017.  
  1018. <div class="permalink">
  1019. {block:Date}<div class="ptxt"><li class="fa fa-clock-o"></li> {DayOfMonthWithZero} {ShortMonth} {Year}</div>{/block:Date}
  1020.  
  1021. {block:RebloggedFrom}<div class="ptxt"><li class="fa fa-retweet"></li> <a href="{ReblogParentURL}">{ReblogParentName}</a>, <li class="fa fa-globe"></li> <a href="{ReblogRootURL}">{ReblogRootName}</a></div>{/block:RebloggedFrom}
  1022.  
  1023. {block:NoteCount}<div class="ptxt"><li class="fa fa-heart"></li> {NoteCount}</div>{/block:NoteCount} </br></br>
  1024.  
  1025. {block:HasTags}<div class="ptxt"><b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div></br>{/block:HasTags}
  1026.  
  1027. {block:Caption}<div class="info" style="margin-top:5px; border-top:1px solid #eee;">{Caption}</div>{/block:Caption}
  1028.  
  1029. {block:PostNotes}<div class="postnotes">{PostNotes-64}</div>{/block:PostNotes}
  1030. </div>
  1031. {/block:PermalinkPage}</div>{/block:Posts}</div>
  1032.  
  1033. {block:IfNotInfiniteScrolling}
  1034. <div class="pages">
  1035. {block:Pagination}
  1036. {block:PreviousPage}<a href="{PreviousPage}">{lang:Previous}</a>{/block:PreviousPage}
  1037. </br>{CurrentPage} of {TotalPages}</br>
  1038. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1039. {/block:Pagination}
  1040. </div>
  1041. {/block:IfNotInfiniteScrolling}
  1042.  
  1043. <div class="src">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo} <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}{block:RebloggedFrom}<a href="{ReblogParentURL}">Via</a>{/block:RebloggedFrom}</div>
  1044.  
  1045. {block:IfInfiniteScrolling}
  1046. <div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1047. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1048. </div>
  1049. {/block:IfInfiniteScrolling}
  1050.  
  1051. <script>$(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;});});</script>
  1052.  
  1053. <script type="text/javascript">
  1054. animatedcollapse.addDiv('jason', 'fade=1,height=80px')
  1055. animatedcollapse.addDiv('kelly', 'fade=1,height=100px')
  1056. animatedcollapse.addDiv('michael', 'fade=1,height=120px')
  1057. animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
  1058. animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
  1059. animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')
  1060. animatedcollapse.ontoggle=function($, divobj, state){
  1061. }
  1062. animatedcollapse.init()
  1063. </script>
  1064.  
  1065. </body>
  1066. </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!