API tools faq
paste
Advertisement
Carolaine_Vieira

Major

Carolaine_Vieira
Oct 23rd, 2016
862
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.02 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.  
  4. <head>
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; CREATED BY CAROLAINE VIEIRA
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  17.  
  18. <title>{Title}{block:PermalinkPage}{block:PostSummary} &mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}{block:SearchPage} &mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}{block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}</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. {block:Hidden}
  24. <meta name="color:Background" content="#eee" />
  25. <meta name="color:Post" content="#Fff" />
  26. <meta name="color:Borders" content="#eee" />
  27. <meta name="color:Sidebar Borders" content="#eee" />
  28. <meta name="color:Accent" content="#c9a7ea" />
  29. <meta name="color:Text" content="#999" />
  30. <meta name="color:Link" content="#888" />
  31. <meta name="color:Link hover" content="#ccc" />
  32. <meta name="color:Title" content="#Fff" />
  33. <meta name="color:Subtitle" content="#Fff" />
  34. <meta name="color:Sidebar bg" content="#Fff" />
  35. <meta name="color:Sidebar link" content="#888" />
  36.  
  37. <meta name="image:Background" content="" />
  38. <meta name="image:Sidebar" content="" />
  39. <meta name="image:Banner" content="" />
  40.  
  41. <meta name="if:Caption" content="/" />
  42. <meta name="if:Tags" content="/" />
  43. <meta name="if:2Columns" content="/" />
  44. <meta name="if:Posts500px" content="" />
  45. <meta name="if:Borders" content="/" />
  46. <meta name="if:SidebarBorders" content="/" />
  47. <meta name="if:InfiniteScrolling" content=""/>
  48. <meta name="if:TumblrControls" content="/" />
  49.  
  50. <meta name="select:Body Font" title="Open Sans" content="Open Sans" />
  51. <meta name="select:Body Font" title="Source Sans Pro" content="Source Sans Pro" />
  52. <meta name="select:Body Font" title="Roboto" content="Roboto" />
  53. <meta name="select:Body Font" title="Lato" content="Lato" />
  54. <meta name="select:Body Font" title="PT Sans" content="PT Sans" />
  55. <meta name="select:Body Font" title="Raleway" content="Raleway" />
  56. <meta name="select:Body Font" title="Oxygen" content="Oxygen" />
  57. <meta name="select:Body Font" title="Poppins" content="Poppins" />
  58. <meta name="select:Body Font" title="Gilda Display" content="Gilda Display" />
  59. <meta name="select:Body Font" title="Playfair Display" content="Playfair Display" />
  60. <meta name="select:Body Font" title="Roboto Slab" content="Roboto Slab" />
  61. <meta name="select:Body Font" title="Crimson Text" content="Crimson Text" />
  62.  
  63. <meta name="text:Title" content="Amplamente Themes" />
  64. <meta name="text:Subtitle" content="deus tu és santo" />
  65. <meta name="text:Welcome Label" content="Welcome" />
  66. <meta name="text:Font Size" content="13" />
  67. <meta name="text:Link 1 Title" content="Message" />
  68. <meta name="text:Link 1 Url" content="/ask" />
  69. <meta name="text:Link 2 Title" content="Submit" />
  70. <meta name="text:Link 2 Url" content="/submit" />
  71. <meta name="text:Link 3 Title" content="Archive" />
  72. <meta name="text:Link 3 Url" content="/archive" />
  73. <meta name="text:Link 4 Title" content="Random" />
  74. <meta name="text:Link 4 Url" content="/random" />
  75. <meta name="text:FacebookUsername" content="" />
  76. <meta name="text:InstagramUsername" content="" />
  77. <meta name="text:LastFmUrl" content="" />
  78. <meta name="text:SkypeUsername" content="" />
  79. <meta name="text:GooglePlusUrl" content="" />
  80. <meta name="text:TwitterUsername" content="" />
  81. <meta name="text:TumblrUsername" content="" />
  82. <meta name="text:WeHeartItUsername" content="" />
  83. <meta name="text:FlickrUsername" content="" />
  84. <meta name="text:YoutubeUsername" content="" />
  85. <meta name="text:WhatsAppNumber" content="" />
  86. <meta name="text:WebsiteUrl" content="" />
  87. {/block:Hidden}
  88.  
  89. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Crimson+Text|Oxygen|Raleway|Bangers|Great+Vibes|Roboto|Pt+Sans|Source+Sans+Pro|Allura|Roboto+Slab|Playfair+Display|Gilda+Display|Montserrat|Lato|Satisfy|Ubuntu|Oswald|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  90.  
  91. <!--- tooltips script --->
  92. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  93. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  94. <script>
  95. (function($){
  96. $(document).ready(function(){
  97. $("a[title]").style_my_tooltips({
  98. tip_follows_cursor:true,
  99. tip_delay_time:90,
  100. tip_fade_speed:200,
  101. attribute:"title"
  102. });});})(jQuery);
  103. </script>
  104.  
  105. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  106.  
  107. <script>
  108. function openNav() {
  109. document.getElementById("mySidenav").style.width = "250px";
  110. document.getElementById("ma").style.marginLeft = "360px";
  111. }
  112. function closeNav() {
  113. document.getElementById("mySidenav").style.width = "0";
  114. document.getElementById("ma").style.marginLeft= "0";
  115. }
  116. </script>
  117.  
  118. <style type="text/css">
  119.  
  120. /** BODY **/
  121.  
  122. *html, body { width:100%; }
  123.  
  124. body {
  125.  
  126. margin:0;
  127. background: {color:background} url("{image:background}") fixed;
  128. color:{color:Text};
  129. font-size:{text:font size}px;
  130. font-family:{select:body font};
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. color:{color:link};
  136. -webkit-transition: all 0.5s ease-out;
  137. -moz-transition: all 0.5s ease-out;
  138. -ms-transition: all 0.5s ease-out;
  139. -o-transition: all 0.5s ease-out;
  140. transition: all 0.5s ease-out;
  141. }
  142.  
  143. a:hover {
  144. color:{color:link hover};
  145. -webkit-transition: all 0.5s ease-out;
  146. -moz-transition: all 0.5s ease-out;
  147. -ms-transition: all 0.5s ease-out;
  148. -o-transition: all 0.5s ease-out;
  149. transition: all 0.5s ease-out;
  150. }
  151.  
  152. b { color:{color:accent}; }
  153.  
  154. #post {
  155. min-height:700px;
  156. {block:If2Columns}
  157. {block:IndexPage}
  158. {block:IfPosts500px}
  159. width:1250px;
  160. {/block:IfPosts500px}
  161. {block:IfNotPosts500px}
  162. width:1050px;
  163. {/block:IfNotPosts500px}
  164. {/block:IndexPage}
  165. {/block:If2Columns}
  166. {block:IfNot2Columns}
  167. {block:IfNotPosts500px}width:470px;{/block:IfNotPosts500px}
  168. {block:IfPosts500px}width:570px;{/block:IfPosts500px}
  169. {/block:IfNot2Columns}
  170. {block:PermalinkPage}
  171. width:770px;
  172. {/block:PermalinkPage}
  173. margin:30px auto 0px auto;
  174. padding:1px;
  175. }
  176.  
  177. .entry {
  178. float:left;
  179. {block:IndexPage}
  180. {block:IfNotPosts500px}width:400px;{/block:IfNotPosts500px}
  181. {block:IfPosts500px}width:500px;{/block:IfPosts500px}
  182. {/block:IndexPage}
  183. {block:PermalinkPage}
  184. width:700px;
  185. {/block:PermalinkPage}
  186. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  187. padding:20px;
  188. margin:40px;
  189. float:left;
  190. background:{color:post};
  191. transition:all 0.5s linear;
  192. -webkit-transition:all 0.5s linear;
  193. }
  194. .rbb2 {
  195. width:56px;
  196. float:right;
  197. }
  198. .rbb {
  199. width:56px;
  200. margin:5px 0 0px 0px;
  201. position:relative;
  202. }
  203. .pr {
  204. float:right;
  205. margin:0px 0px 0px 1px;
  206. padding:0px;
  207. font-size:15px;
  208. }
  209. .pr a {
  210. display:inline-block;
  211. margin:0 1px;
  212. }
  213. .rbb a {
  214. color:{color:text};
  215. }
  216. .rbb a:hover {
  217. color:{color:accent};
  218. }
  219. .custom-like-button *{cursor:pointer!important;}
  220. .custom-like-button {
  221. position:relative;
  222. display:inline-block;
  223. vertical-align:top;
  224. width:10px;
  225. height:10px;
  226. cursor:pointer;
  227. margin:0 3px 0 1px;
  228. font-size:15px;
  229. color:{color:text};
  230. }
  231. .like_button:hover + .our_button {color:{color:accent};}
  232. .like_button.liked + .our_button {color:{color:accent};}
  233. .like_button iframe {width:100%!important;height:100%!important;}
  234. .like_button {z-index:10;opacity:0;}
  235. .our_button {z-index:1;}
  236. .our_button,.like_button {
  237. position:absolute;
  238. top:0;
  239. left:0;
  240. width:100%;
  241. height:100%;
  242. color:{color:text};
  243. }
  244. .entry .info {
  245. padding:10px 0px;
  246. margin:15px 0px 0px 0px;
  247. border-top:1px solid {color:borders};
  248. border-bottom:1px solid {color:borders};
  249. }
  250. .entry .info li {
  251. list-style:none;
  252. display:inline-block;
  253. }
  254. .entry .info li:before {
  255. content:">";
  256. margin-right:5px;
  257. font-weight:600;
  258. }
  259.  
  260. .src { display:none; }
  261.  
  262. ::-webkit-scrollbar {
  263. width: 5px;
  264. height: 5px;
  265. }
  266. ::-webkit-scrollbar-thumb {
  267. background:{color:accent};
  268. }
  269. ::-webkit-scrollbar-track {
  270. background:rgba({RGBcolor:background},0.0);
  271. }
  272.  
  273. .quote {
  274. font-size:15px;
  275. padding:15px 30px;
  276. }
  277. .qsub {
  278. font-size:13px;
  279. font-weight:900;
  280. margin-top:3px;
  281. }
  282.  
  283. #s-m-t-tooltip{
  284. max-width:500px;
  285. padding:10px;
  286. min-height:7px;
  287. margin:20px 0px 0px 20px;
  288. line-height:100%;
  289. background:#fff;
  290. border:1px solid #eee;
  291. text-transform:uppercase;
  292. font-family:roboto;
  293. font-size:11px;
  294. word-wrap:break-word;
  295. word-break:break-all;
  296. opacity:1;
  297. z-index:9999999999999999999;
  298. }
  299.  
  300. pre {
  301. overflow:auto;
  302. color:{color:post};
  303. background:{color:accent};
  304. font-size:calc({text:font size}px + 2px);
  305. font-style:italic;
  306. padding:3px;
  307. width:100%;
  308. }
  309. hr {
  310. border:1px solid {color:borders};
  311. width:60%;
  312. margin:20px auto;
  313. }
  314. h1 {
  315. text-align:center;
  316. font-size:35px;
  317. margin:0;
  318. padding:5px;
  319. color:{color:accent};
  320. }
  321.  
  322. blockquote {
  323. margin-left:15px;
  324. padding-left:10px;
  325. border-left:2px solid {color:accent};
  326. }
  327. blockquote img {
  328. max-width:100%;
  329. height:auto;
  330. }
  331.  
  332. .banner {
  333. width:100%;
  334. background:{color:Sidebar bg} url("{image:banner}");
  335. background-size:150% auto;
  336. height:900px;
  337. z-index:99;
  338. position:relative;
  339. }
  340. .wl {
  341. padding:20px;
  342. background:{color:Sidebar bg};
  343. outline: 1px solid {color:Sidebar bg};
  344. outline-offset: 10px;
  345. position:relative;
  346. width:450px;
  347. margin:0 auto;
  348. top:30%;
  349. }
  350. .title {
  351. font-weight:600;
  352. font-size:40px;
  353. margin-bottom:20px;
  354. color:{color:title};
  355. text-align:center;
  356. position:relative;
  357. }
  358. .title:after {
  359. content:"";
  360. position:absolute;
  361. width:60px;
  362. height:2px;
  363. bottom:-10px;
  364. background:{color:accent};
  365. left:50%;
  366. margin-left:-27px;
  367. }
  368.  
  369. .ch { background:transparent; padding:15px;}
  370. .ch .ch1 { padding:10px; margin-bottom:5px;}
  371. .ch1:nth-child(2n+1){ background:{color:accent}; border:1px solid {color:accent}; color:{color:post}; border-radius:6px; margin-right:50px; border-bottom-left-radius:0px; }
  372. .ch1:nth-child(2n+1) b { color:{color:post}; }
  373. .ch1:nth-child(2n+2){text-align:right; background:{color:post}; border:1px solid {color:accent}; color:{color:accent}; border-radius:6px; margin-left:100px; border-bottom-right-radius:0px; }
  374. .ch b{text-transform:uppercase; margin-right:5px; }
  375.  
  376. .albumfoto{
  377. float:left;
  378. width:100px;
  379. margin-top:0px;
  380. margin-left:0px;
  381. }
  382. .albumfoto img{
  383. width:100px;
  384. }
  385. .audiodesc {
  386. margin-left:100px;
  387. padding:20px;
  388. padding-bottom:10px;
  389. padding-left:25px;
  390. background:{color:accent};
  391. color:{color:post};
  392. margin-top:0px;
  393. min-height:70px;
  394. font-weight:bold;
  395. margin-bottom:0px;
  396. text-align:left;
  397. }
  398. .audioplay {
  399. overflow:hidden;
  400. padding:5px;
  401. max-width:26px;
  402. width:26px;
  403. height:28px;
  404. margin-left:6px;
  405. margin-top:4px;
  406. background:transparent;
  407. -webkit-transition:all 0.3s ease-out;
  408. }
  409. .playbg {
  410. opacity:0.6;
  411. position:absolute;
  412. overflow:hidden;
  413. padding:10px;
  414. width:50px;
  415. max-width:50px;
  416. height:45px;
  417. background:{color:post};
  418. margin-left:15px;
  419. margin-top:-84px;
  420. -webkit-transition:all 0.3s ease-out;
  421. }
  422. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  423.  
  424. .pessoap {
  425. text-transform:uppercase;
  426. font-size:calc({text:font size}px + 1.5px);
  427. font-weight:bold;
  428. margin-bottom:5px;
  429. color:rgba(000,000,000,0.5);
  430. }
  431. .pessoap a{
  432. color:rgba(000,000,000,0.5);
  433. }
  434. .pessoapfototri {
  435. float:left;
  436. margin-top:10px;
  437. margin-left:7px;
  438. width: 0;
  439. height: 0;
  440. border-style: solid;
  441. border-width: 12.5px 12.5px 12.5px 0;
  442. border-color: transparent {color:accent} transparent transparent;
  443. }
  444. .pessoapfoto {
  445. margin-left:0px;
  446. }
  447. .pessoapfoto img{
  448. max-width:64px;
  449. border-radius:10%;
  450. margin-top:0px;
  451. margin-left:0px;
  452. padding:4px;
  453. background:transparent;
  454. float:left;
  455. }
  456. .pergunta {
  457. color:{color:post};
  458. padding:15px;
  459. min-height:50px;
  460. margin-left:90px;
  461. background:{color:accent};
  462. border-left:2px solid {color:accent};
  463. border:1px solid {color:accent};
  464. border-radius:4px;
  465. }
  466. .sresposta {
  467. padding:10px;
  468. padding-bottom:5px;
  469. color:rgba(000,000,000,0.5);
  470. background:{color:accent};
  471. border-left:2px solid {color:accent};
  472. border:1px solid {color:accent};
  473. margin-top:10px;
  474. border-radius:4px;
  475. }
  476. .sresposta b {
  477. color:{color:post};
  478. }
  479. .srespostatri {
  480. margin-top:-22px;
  481. margin-left:14px;
  482. width: 0;
  483. height: 0;
  484. border-style: solid;
  485. border-width: 0 12.5px 12.5px 12.5px;
  486. border-color: transparent transparent {color:accent} transparent;
  487. }
  488. .sresposta img {
  489. max-width:100%;
  490. height:auto;
  491. }
  492. .sresposta blockquote {padding:0px; background:transparent;}
  493.  
  494. .seureblog {
  495. margin-top:5px;
  496. text-align:left;
  497. border-top:1px solid {color:borders};
  498. padding:5px;
  499. font-size:10px;
  500. text-transform:uppercase;
  501. font-weight:bold;
  502. }
  503. .seureblog a {
  504. margin-right:8px;
  505. border-top:1px solid {color:accent};
  506. padding:5px;
  507. margin-top:-6px;
  508. display:inline-block;
  509. }
  510. .seureblog a:nth-child(1) {
  511. color:{color:accent};
  512. border:none;
  513. }
  514. .seureblog a:hover {
  515. border-color:{color:link hover};
  516. }
  517. .seureblog li {
  518. list-style:none;
  519. }
  520.  
  521. .pagination {display:none;}
  522.  
  523. .tags {
  524. margin-left:0px;
  525. margin-top:0px;
  526. text-align:left;
  527. font-size:10px;
  528. {block:IfNotTags}
  529. display:none;
  530. {/block:IfNotTags}
  531. }
  532. .tags span {
  533. display:inline-block;
  534. margin-right:3px;
  535. }
  536. .tags a {
  537. text-transform:lowercase;
  538. margin:3px;
  539. display:inline-block;
  540. background:rgba({RGBcolor:accent},0.4);
  541. color:{color:accent};
  542. padding:3px 4px;
  543. border-radius:2px;
  544. }
  545. .tags a:hover {
  546. color:{color:post};
  547. background:{color:accent};
  548. }
  549.  
  550. #sidebar {
  551. {block:IfSidebarBorders}border-right:1px solid {color:Sidebar borders};{/block:IfSidebarBorders}
  552. text-align:center;
  553. background:{color:Sidebar bg};
  554. padding:10px;
  555. position:fixed;
  556. z-index:109;
  557. width:100px;
  558. height:100%;
  559. top:0;
  560. left:0;
  561. }
  562. #avpic {
  563. border-radius:100%;
  564. padding:0px;
  565. width:75px;
  566. margin-left:auto;
  567. margin-right:auto;
  568. margin-top:10px;
  569. }
  570.  
  571. .description {
  572. padding:10px;
  573. text-align:justify;
  574. font-size:14px;
  575. }
  576. .part1 {
  577. position:fixed;
  578. -moz-transform: rotate(-90deg) translateX(50%);
  579. -webkit-transform: rotate(-90deg) translateX(50%);
  580. -o-transform: rotate(-90deg) translateX(50%);
  581. -ms-transform: rotate(-90deg) translateX(50%);
  582. transform: rotate(-90deg) translateX(50%);
  583. width:250px;
  584. height:100px;
  585. left:-40px;
  586. top:58%;
  587. text-align:center;
  588. }
  589.  
  590. .sidetitle {
  591. font-size:27px;
  592. padding:0px;
  593. text-align:center;
  594. font-family:Source Sans Pro;
  595. word-spacing:5px;
  596. font-weight:600;
  597. }
  598. .sub {
  599. word-spacing:0px;
  600. font-size:10px;
  601. text-transform:uppercase;
  602. color:{color:subtitle};
  603. font-family:roboto;
  604. letter-spacing:9px;
  605. font-weight:400;
  606. }
  607. .sidetitle a {color:{color:title}; }
  608.  
  609. ::-moz-selection { /* Code for Firefox */
  610. color:{color:post};
  611. background:{color:accent};
  612. }
  613. ::selection {
  614. color:{color:post};
  615. background:{color:accent};
  616. }
  617.  
  618. #tumblr_controls, .tmblr-iframe {-webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); opacity:0.5 !important; right:0px !important; z-index:9999999!important; -webkit-transition: all 0.5s linear; {block:IfNotTumblrControls} display:none; {/block:IfNotTumblrControls}}
  619. #tumblr_controls, .tmblr-iframe:hover { opacity:1; }
  620.  
  621. #navigation {
  622. text-align:left;
  623. margin:0px 0px 0px 0px;
  624. }
  625. #navigation a {
  626. display:inline-block;
  627. padding:15px;
  628. text-transform:uppercase;
  629. color:{color:Sidebar link};
  630. border:1px solid {color:Sidebar Borders};
  631. border-left:none;
  632. border-right:none;
  633. background:transparent;
  634. margin-bottom:-1px;
  635. width:calc(100% - 20px);
  636. }
  637. #navigation a:hover {
  638. color:{color:Sidebar bg};
  639. background:{color:accent};
  640. border-color:{color:accent};
  641. }
  642.  
  643. #soc {
  644. margin:10px 0px 0px 0px;
  645. font-family:roboto;
  646. font-size:14px;
  647. }
  648. #soc a {
  649. display:inline-block;
  650. text-align:center;
  651. background:transparent;
  652. color:{color:sidebar link};
  653. border:1px solid {color:Sidebar Borders};
  654. width:20px;
  655. font-family:roboto;
  656. padding:6px;
  657. margin:0px 0px 0px 0px;
  658. font-size:15px;
  659. border-radius:100%;
  660. }
  661. #soc a:hover {
  662. color:{color:post};
  663. border-color:{color:accent};
  664. background:{color:accent};
  665. }
  666. .sform input {
  667. outline:none;
  668. text-align:left;
  669. border:none;
  670. text-transform:uppercase;
  671. margin:0px 0px 0px 0px;
  672. width:240px;
  673. font-size:11px;
  674. border-bottom:1px solid {color:borders};
  675. background:transparent;
  676. padding:17px;
  677. }
  678. ::-webkit-input-placeholder { color:{color:text}; }
  679. :-moz-placeholder { color:{color:text}; }
  680. ::-moz-placeholder { color:{color:text}; }
  681. :-ms-input-placeholder { color:{color:text}; }
  682. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:text}; }
  683. .sbox:hover { background:transparent; color:{color:Text}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; border-color:{color:accent};}
  684.  
  685. #paginacao {
  686. margin:25px auto 0px auto;
  687. padding:35px 0px 30px 0px;
  688. text-transform:uppercase;
  689. text-align:center;
  690. clear:both;
  691. font-size:11px;
  692. }
  693. #paginacao a{
  694. margin:0 1px 0 1px;
  695. padding:11px;
  696. color:{color:text};
  697. background:{color:post};
  698. border:1px solid {color:borders};
  699. display:inline-block;
  700. text-align:center;
  701. min-width:16px;
  702. }
  703. span.current_page {
  704. color:{color:post};
  705. background:{color:accent};
  706. margin:0 1px 0 1px;
  707. display:inline-block;
  708. padding:11px;
  709. min-width:16px;
  710. text-align:center;
  711. }
  712. span.total_pages {
  713. color:{color:text};
  714. background:{color:post};
  715. border:1px solid {color:borders};
  716. margin:0 1px 0 1px;
  717. display:inline-block;
  718. padding:11px;
  719. min-width:16px;
  720. text-align:center;
  721. }
  722. #paginacao a:hover{
  723. color:{color:post};
  724. box-shadow:inset 0px 40px {color:accent};
  725. border:1px solid {color:accent};
  726. color:{color:post};
  727. }
  728.  
  729. .credit {
  730. position:fixed;
  731. right:10px;
  732. bottom:10px;
  733. text-transform:uppercase;
  734. font-size:10px;
  735. z-index:9999;
  736. }
  737. .credit a {
  738. display:inline-block;
  739. background:{color:post};
  740. padding:10px;
  741. font-weight:900;
  742. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  743. }
  744. .credit a:hover {
  745. background:{color:accent};
  746. color:{color:post};
  747. border-color:{color:accent};
  748. }
  749.  
  750. .read_more {
  751. text-transform:uppercase;
  752. display:block;
  753. padding:0px;
  754. font-size:11px;
  755. padding:5px;
  756. border:1px solid #eee;
  757. background:#fbfbfb;
  758. width:calc(100% - 10px);
  759. position:relative;
  760. text-align:left;
  761. -webkit-transition: all .3s;
  762. }
  763. .read_more:hover {
  764. -webkit-transition: all .3s;
  765. background:{color:accent};
  766. border-color:{color:accent};
  767. color:{color:post};
  768. }
  769.  
  770. .entry ol, ul {padding:0px;list-style-type:none;}
  771. .entry ul li {position:relative;padding-left:20px;}
  772. .entry ul li:before {
  773. content:'';
  774. position:absolute;
  775. display:block;
  776. top:8px;
  777. left:0px;
  778. width:10px;
  779. height:1px;
  780. background:{color:accent};
  781. z-index:0;
  782. }
  783.  
  784. #notas {
  785. }
  786. .notes img {
  787. width: 20px;
  788. border-radius:100%;
  789. float:left;
  790. }
  791. ol.notes, .notes li {
  792. border-bottom:1px solid {color:borders};
  793. list-style:none;
  794. width: 100%;
  795. padding:10px 0px;
  796. font-size:12px;
  797. }
  798. .notes li:hover img {
  799. list-style:none;
  800. }
  801. ol.notes, .notes li a { margin-right:8px; }
  802.  
  803. .sidenav {
  804. height: 100%;
  805. width: 0;
  806. position: fixed;
  807. z-index: 999;
  808. top: 0;
  809. left: 121px;
  810. overflow-x: hidden;
  811. transition: 0.5s;
  812. padding:0px 0px;
  813. overflow-y:auto;
  814. text-align:center;
  815. background:{color:Sidebar bg};
  816. border-right:1px solid {color:sidebar borders};
  817. }
  818. #ma {
  819. transition: margin-left .5s;
  820. }
  821. .sidenav a {
  822. padding:5px;
  823. text-decoration: none;
  824. display:inline-block;
  825. transition: 0.3s;
  826. }
  827. .sidenav .cls {
  828. padding:10px 0px;
  829. background:{color:background};
  830. position:relative;
  831. z-index:9999;
  832. text-transform:uppercase;
  833. }
  834.  
  835. .butt {
  836. position:fixed;
  837. font-size:10px;
  838. bottom:10px;
  839. left:25px;
  840. text-transform:uppercase;
  841. font-weight:600;
  842. padding:15px;
  843. cursor:pointer;
  844. }
  845. .butt span {
  846. font-size:40px;
  847. cursor:pointer;
  848. }
  849. .butt a {
  850. cursor:pointer;
  851. color:{color:title};
  852. }
  853.  
  854. h1.solution {
  855. color:{color:accent};
  856. }
  857.  
  858. .from {
  859. width:calc(100% + 6px);
  860. height:35px;
  861. margin:15px 0px -20px -20px;
  862. padding:8px 17px 0 17px;
  863. border-top:1px solid {color:borders};
  864. {block:PermalinkPage} display:none; {/block:PermalinkPage}
  865. }
  866. .si {
  867. float:left;
  868. width:20px;
  869. max-width:20px;
  870. border-radius:100px;
  871. margin-top:2px;
  872. z-index:0;
  873. background:transparent;
  874. }
  875. .sit {
  876. float:left;
  877. margin-left:7px;
  878. text-transform:uppercase;
  879. margin-top:6px;
  880. font-size:11px;
  881. padding-bottom:10px;
  882. font-family:Source Sans Pro;
  883. }
  884.  
  885. .caption a {
  886. border-bottom:1px solid {color:borders};
  887. }
  888. .caption a:hover {
  889. border-color:{color:accent};
  890. }
  891.  
  892. {CustomCSS}
  893.  
  894. </style>
  895. </head>
  896.  
  897. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  898.  
  899. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  900. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  901.  
  902. <script>
  903. $(function(){
  904. var $container = $('#post');
  905. $container.imagesLoaded(function(){
  906. $container.masonry({
  907. itemSelector: '.entry',
  908. });
  909. });
  910. $container.infinitescroll({
  911. itemSelector : ".entry",
  912. navSelector : "div.pagination",
  913. nextSelector : ".pagination a#next",
  914. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  915. loadingText : "<em></em>",
  916. },
  917. // trigger Masonry as a callback
  918. function( newElements ) {
  919. var $newElems = $( newElements ).css({ opacity: 0 });
  920. // ensure that images load before adding to masonry layout
  921. $newElems.imagesLoaded(function(){
  922. $newElems.animate({ opacity: 1 });
  923. $container.masonry( 'appended', $newElems, true );
  924. });
  925. }
  926. );
  927. });
  928. </script>
  929.  
  930. <div id="ma">
  931.  
  932. <body>
  933.  
  934. <div class="banner">
  935. <div class="wl">
  936. <div class="title">{text:Welcome Label} <i>!</i></div>
  937. <div class="description">
  938. {Description}
  939. </div>
  940. </div>
  941. </div>
  942.  
  943. <div id="mySidenav" class="sidenav">
  944. <div class="cls">
  945. <a href="javascript:void(0)" class="closebtn" onclick="closeNav()"><span class="lnr lnr-cross"></span> Close</a>
  946. </div>
  947.  
  948. <div id="navigation">
  949. <a href="{text:link 1 url}">{text:link 1 title}</a>
  950. <a href="{text:link 2 url}">{text:link 2 title}</a>
  951. <a href="{text:link 3 url}">{text:link 3 title}</a>
  952. <a href="{text:link 4 url}">{text:link 4 title}</a>
  953. {block:HasPages}
  954. {block:Pages}
  955. <a href="{URL}">{Label}</a> <br>
  956. {/block:Pages}
  957. {/block:HasPages}
  958. </div>
  959. <form action="/search" method="get" class="sform" name="form">
  960. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form>
  961.  
  962. <div id="soc">
  963. {block:IfInstagramUsername}
  964. <a target="_blank" href="http://instagram.com/{text:InstagramUsername}"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  965. {/block:IfInstagramUsername}
  966.  
  967. {block:IfLastFmUrl}
  968. <a target="_blank" href="{text:LastFmUrl}"><i class="fa fa-lastfm" aria-hidden="true"></i></a>
  969. {/block:IfLastFmUrl}
  970.  
  971. {block:IfFacebookUsername}
  972. <a target="_blank" href="http://facebook.com/{text:FacebookUsername}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  973. {/block:IfFacebookUsername}
  974.  
  975. {block:IfSkypeUsername}
  976. <a target="_blank" href="skype:{text:SkypeUsername}"><i class="fa fa-skype" aria-hidden="true"></i></a>
  977. {/block:IfSkypeUsername}
  978.  
  979. {block:IfFlickrUsername}
  980. <a target="_blank" href="http://flickr.com/photos/{text:FlickrUsername}"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  981. {/block:IfFlickrUsername}
  982.  
  983. {block:IfTumblrUsername}
  984. <a target="_blank" href="http://{text:TumblrUsername}.tumblr.com/"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  985. {/block:IfTumblrUsername}
  986.  
  987. {block:IfTwitterUsername}
  988. <a target="_blank" href="http://twitter.com/{text:TwitterUsername}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  989. {/block:IfTwitterUsername}
  990.  
  991. {block:IfYoutubeUsername}
  992. <a target="_blank" href="http://youtube.com/{text:YoutubeUsername}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  993. {/block:IfYoutubeUsername}
  994.  
  995. {block:IfWeHeartItUsername}
  996. <a target="_blank" href="http://weheartit.com/{text:WeHeartItUsername}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  997. {/block:IfWeHeartItUsername}
  998.  
  999. {block:IfWebsiteUrl}
  1000. <a target="_blank" href="{text:WebsiteUrl}"><i class="fa fa-globe" aria-hidden="true"></i></a>
  1001. {/block:IfWebsiteUrl}
  1002.  
  1003. {block:IfGooglePlusUrl}
  1004. <a target="_blank" href="{text:GooglePlusUrl}"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  1005. {/block:IfGooglePlusUrl}
  1006.  
  1007. {block:IfWhatsAppNumber}
  1008. <a title="{text:WhatsAppNumber}"><i class="fa fa-whatsapp" aria-hidden="true"></i></a>
  1009. {/block:IfWhatsAppNumber}
  1010. </div>
  1011.  
  1012. </div>
  1013.  
  1014. <div id="sidebar">
  1015. <img id="avpic" src="{image:sidebar}" >
  1016. <div class="part1">
  1017. <div class="sidetitle">
  1018. <a href="{BLogUrl}">{text:Title}</a>
  1019. <div class="sub">{text:subtitle}</div>
  1020. </div>
  1021. </div>
  1022. <div class="butt">
  1023. <a class="mm" onclick="openNav()"><span class="fa fa-bars"></span><br> Menu</a>
  1024. </div>
  1025.  
  1026. </div>
  1027.  
  1028.  
  1029. <div id="post">
  1030.  
  1031. {block:SearchPage}
  1032. <div class="entry">
  1033. <h1 class="solution"><span class="fa fa-search"></span> &nbsp;{lang:Search results for SearchQuery} ({SearchResultCount}) </h1>
  1034. </div>
  1035. {/block:SearchPage}
  1036.  
  1037. {block:TagPage}
  1038. <div class="entry">
  1039. <h1 class="solution"><span class="fa fa-tags"></span> &nbsp;{lang:TagResultCount posts tagged Tag}</h1>
  1040. </div>
  1041. {/block:TagPage}
  1042.  
  1043. {block:Posts}
  1044.  
  1045. <div class="entry">
  1046.  
  1047. {block:Title} <h1>{TItle}</h1> {/block:Title}
  1048.  
  1049. {block:Text} {Body} {/block:Text}
  1050.  
  1051. {block:Photo}
  1052. <img src="{PhotoURL-HighRes}" width="100%"/>
  1053. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1054. {/block:Photo}
  1055.  
  1056. {block:Photoset}
  1057. {block:IndexPage}
  1058. {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
  1059. {block:IfNotPosts500px}{Photoset-400}{block:IfNotPosts500px}
  1060. {/block:IndexPage}
  1061. {block:PermalinkPage}
  1062. {Photoset-700}
  1063. {/block:PermalinkPage}
  1064. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1065. {/block:Photoset}
  1066.  
  1067. {block:Quote}
  1068. <div class="quote">" {Quote} "
  1069. <div class="qsub">&mdash; {block:Source} {Source} {/block:Source}</div></div>
  1070. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1071. {/block:Quote}
  1072.  
  1073. {block:Link}
  1074. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1075. {block:Description} {Description} {/block:Description}
  1076. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1077. {/block:Link}
  1078.  
  1079. {block:Chat}<div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>
  1080. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1081. {/block:Chat}
  1082.  
  1083. {block:Audio}
  1084. <div class="albumfoto">{block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}<div class="playbg"><div class="audioplay">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div></div><div class="audiodesc">{block:Artist}{Artist}{/block:Artist}</br>{block:Album}{Album}{/block:Album}</br>{block:TrackName}{TrackName}{/block:TrackName}</br>{block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  1085. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1086. {/block:Audio}
  1087.  
  1088. {block:Video}
  1089. {block:IndexPage}
  1090. {block:IfPosts500px}{Video-500}{/block:IfPosts500px}
  1091. {block:IfNotPosts500px}{Video-400}{block:IfNotPosts500px}
  1092. {/block:IndexPage}
  1093. {block:PermalinkPage}
  1094. {Video-700}
  1095. {/block:PermalinkPage}
  1096. {PlayCountWithLabel}
  1097. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1098. {/block:Video}
  1099.  
  1100. {block:Answer}<div style="padding:5px;"><div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div><div class="pergunta"><div class="pessoap">{lang:Asked by Asker 2}:</div>{Question}</div><div class="sresposta"><div class="srespostatri"></div>{Answer}</div></div>
  1101. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  1102. {/block:Answer}
  1103.  
  1104. {block:HasTags}
  1105. <div class="tags">
  1106. {block:Tags}
  1107. <a href="{TagURL}"><span class="lnr lnr-tag"></span>{Tag}</a>
  1108. {/block:Tags}
  1109. </div>
  1110. {/block:HasTags}
  1111.  
  1112. <div class="from">
  1113. {block:RebloggedFrom}
  1114. <a href="{ReblogParentURL}">
  1115. <img class="si" src="{ReblogRootPortraitURL-64}">
  1116. </a>
  1117. <div class="sit">
  1118. {lang:Originally from ReblogRootName 2}
  1119. </div>
  1120. {/block:RebloggedFrom}
  1121.  
  1122. {block:Date}
  1123. <div class="rbb2">
  1124. <div class="rbb">
  1125. <div class="custom-like-button">{LikeButton}
  1126. <span class="our_button" title="like?"><i class="lnr lnr-heart"></i></span>
  1127. </div>
  1128. <div class="pr">
  1129. <a href="{ReblogUrl}"><span class="lnr lnr-sync"></span></a>
  1130. <a href="{Permalink}" title="{TimeAgo}, {NoteCountWithLabel}"><span class="lnr lnr-pushpin"></span></a>
  1131. </div>
  1132. </div>
  1133. </div>
  1134. {/block:Date}
  1135. </div>
  1136.  
  1137. {block:PermalinkPage}
  1138. {block:Date}
  1139. <div class="info">
  1140. <li><a>{lang:It has NoteCount notes} </a></li> <br>
  1141. <li><a>{lang:Posted on DayOfWeek DayOfMonth Month Year 3}</a></li> <br>
  1142. <li><a>{lang:Reblogged from ReblogRootName}</a></li> <br>
  1143. <li><a>{lang:Originally from ReblogRootName}</a></li> <br>
  1144. </div>
  1145. {/block:Date}
  1146.  
  1147. {block:PostNotes}<div id="notas">{PostNotes-64}</div>{/block:PostNotes}
  1148. {/block:PermalinkPage}
  1149.  
  1150. </div>
  1151. {/block:Posts}
  1152. </div>
  1153.  
  1154. {block:IfNotInfiniteScrolling}
  1155. {block:Pagination}
  1156. <div id="paginacao">
  1157. {block:PreviousPage}
  1158. <a href="{PreviousPage}">{lang:Previous}</a>
  1159. {/block:PreviousPage}
  1160. {block:JumpPagination length="6"}
  1161. {block:CurrentPage}
  1162. <span class="current_page">{CurrentPage}</span>
  1163. {/block:CurrentPage}
  1164. {block:JumpPage}
  1165. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1166. {/block:JumpPage}
  1167. {/block:JumpPagination}
  1168. <span class="total_pages">...{TotalPages}</span>
  1169. {block:NextPage}
  1170. <a href="{NextPage}">{lang:Next}</a>
  1171. {/block:NextPage}
  1172. </div>
  1173. {/block:Pagination}
  1174. {/block:IfNotInfiniteScrolling}
  1175.  
  1176. {block:IfInfiniteScrolling}<div class="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}</div>{/block:IfInfiniteScrolling}
  1177.  
  1178. <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>
  1179.  
  1180. <div class="credit"><a href="http://ttamplamente.tumblr.com/" title="theme by amplamente" target="_blank">am</a></div>
  1181.  
  1182. </body>
  1183.  
  1184. </div>
  1185.  
  1186. </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!