API tools faq
paste
Advertisement
Carolaine_Vieira

Starlight

Carolaine_Vieira
Aug 5th, 2016
1,647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.67 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. <html xmlns="http://www.w3.org/1999/xhtml">
  17. <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">
  18. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  19.  
  20. <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>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  24.  
  25. {block:Hidden}
  26. <meta name="color:Background" content="#eee" />
  27. <meta name="color:Ask" content="#fbfbfb" />
  28. <meta name="color:Post" content="#Fff" />
  29. <meta name="color:Borders" content="#eee" />
  30. <meta name="color:Accent" content="#c9a7ea" />
  31. <meta name="color:Text" content="#999" />
  32. <meta name="color:Link" content="#888" />
  33. <meta name="color:Title" content="#Fff" />
  34. <meta name="color:Subtitle" content="#Fff" />
  35. <meta name="color:Link hover" content="#ccc" />
  36. <meta name="color:Header bg" content="#Fff" />
  37. <meta name="color:Header link" content="#888" />
  38. <meta name="color:Header link hover" content="#ccc" />
  39.  
  40. <meta name="image:Background" content="" />
  41. <meta name="image:Sidebar" content="" />
  42. <meta name="image:Header" content="" />
  43.  
  44. <meta name="if:Caption" content="" />
  45. <meta name="if:TagsHover" content="" />
  46. <meta name="if:Posts500px" content="" />
  47. <meta name="if:Borders" content="" />
  48. <meta name="if:Sidebar" content="" />
  49. <meta name="if:InfiniteScrolling" content=""/>
  50. <meta name="if:TumblrControls" content="" />
  51.  
  52. <meta name="select:Body Font" title="Open Sans" content="Open Sans" />
  53. <meta name="select:Body Font" title="Source Sans Pro" content="Source Sans Pro" />
  54. <meta name="select:Body Font" title="Roboto" content="Roboto" />
  55. <meta name="select:Body Font" title="Lato" content="Lato" />
  56. <meta name="select:Body Font" title="PT Sans" content="PT Sans" />
  57. <meta name="select:Body Font" title="Raleway" content="Raleway" />
  58. <meta name="select:Body Font" title="Oxygen" content="Oxygen" />
  59. <meta name="select:Body Font" title="Poppins" content="Poppins" />
  60. <meta name="select:Body Font" title="Gilda Display" content="Gilda Display" />
  61. <meta name="select:Body Font" title="Playfair Display" content="Playfair Display" />
  62. <meta name="select:Body Font" title="Roboto Slab" content="Roboto Slab" />
  63. <meta name="select:Body Font" title="Crimson Text" content="Crimson Text" />
  64.  
  65. <meta name="text:Sidebar Width" content="200" />
  66. <meta name="text:Subtitle" content="deus tu és santo" />
  67. <meta name="text:Font Size" content="13" />
  68. <meta name="text:Link1Title" content="link 1" />
  69. <meta name="text:Link1Url" content="/" />
  70. <meta name="text:Link2Title" content="link 2" />
  71. <meta name="text:Link2Url" content="/" />
  72. <meta name="text:Link3Title" content="link 3" />
  73. <meta name="text:Link3Url" content="/" />
  74. <meta name="text:Link4Title" content="link 4" />
  75. <meta name="text:Link4Url" content="/" />
  76. {/block:Hidden}
  77.  
  78. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Crimson+Text|Oxygen|Raleway|Bangers|Great+Vibes|Roboto|Pt+Sans|Source+Sans+Pro|Roboto+Slab|Playfair+Display|Gilda+Display|Montserrat|Lato|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  79.  
  80. <!--- tooltips script --->
  81. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  82. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  83. <script>
  84. (function($){
  85. $(document).ready(function(){
  86. $("a[title]").style_my_tooltips({
  87. tip_follows_cursor:true,
  88. tip_delay_time:90,
  89. tip_fade_speed:600,
  90. attribute:"title"
  91. });});})(jQuery);
  92. </script>
  93.  
  94. <style type="text/css">
  95.  
  96. /** BODY **/
  97.  
  98. *html, body { width:100%; }
  99.  
  100. body {
  101.  
  102. margin:0;
  103. background: {color:background} url("{image:background}") fixed;
  104. color:{color:Text};
  105. font-size:{text:font size}px;
  106. font-family:{select:body font};
  107. }
  108.  
  109. a {
  110. text-decoration:none;
  111. color:{color:link};
  112. -webkit-transition: all 0.5s ease-out;
  113. -moz-transition: all 0.5s ease-out;
  114. -ms-transition: all 0.5s ease-out;
  115. -o-transition: all 0.5s ease-out;
  116. transition: all 0.5s ease-out;
  117. }
  118.  
  119. a:hover {
  120. color:{color:link hover};
  121. -webkit-transition: all 0.5s ease-out;
  122. -moz-transition: all 0.5s ease-out;
  123. -ms-transition: all 0.5s ease-out;
  124. -o-transition: all 0.5s ease-out;
  125. transition: all 0.5s ease-out;
  126. }
  127.  
  128. b { color:{color:accent}; }
  129.  
  130. #post {
  131. {block:IfPosts500px}
  132. width:570px;
  133. {/block:IfPosts500px}
  134. {block:IfNotPosts500px}
  135. width:470px;
  136. {/block:IfNotPosts500px}
  137. margin-left:auto;
  138. margin-right:auto;
  139. margin-top:30px;
  140. padding:1px;
  141. }
  142.  
  143. .entry {
  144. float:left;
  145. {block:IfNotPosts500px}width:400px;{/block:IfNotPosts500px}
  146. {block:IfPosts500px}width:500px;{/block:IfPosts500px}
  147. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  148. padding:15px;
  149. margin:20px;
  150. float:left;
  151. background:{color:post};
  152. }
  153.  
  154. ::-webkit-scrollbar {height:5px; width:5px;}
  155. ::-webkit-scrollbar-track-piece { {block:IfSidebar}background-color:{color:accent};{/block:IfSidebar}{block:IfNotSidebar}background-color:{color:background};{/block:IfNotSidebar}}
  156. ::-webkit-scrollbar-thumb {{block:IfSidebar}background-color:{color:post};{/block:IfSidebar}{block:IfNotSidebar}background-color:{color:accent};{/block:IfNotSidebar}}
  157.  
  158. .quote {
  159. font-size:15px;
  160. text-align:center;
  161. padding:15px;
  162. padding-left:30px;
  163. padding-right:30px;
  164. }
  165. .qsub {
  166. font-size:13px;
  167. font-weight:900;
  168. }
  169.  
  170. #s-m-t-tooltip{
  171. max-width:300px;
  172. padding:10px;
  173. min-height:7px;
  174. margin:20px 0px 0px 20px;
  175. line-height:100%;
  176. background:#fff;
  177. border-bottom:1px solid #eee;
  178. word-wrap:break-word;
  179. word-break:break-all;
  180. opacity:1;
  181. z-index:9999999999999999999;
  182. }
  183.  
  184. pre {
  185. overflow:auto;
  186. color:{color:post};
  187. background:{color:accent};
  188. font-size:calc({text:font size}px + 2px);
  189. font-style:italic;
  190. padding:3px;
  191. width:100%;
  192. }
  193.  
  194. h1 {
  195. text-align:center;
  196. margin:0;
  197. padding:5px;
  198. padding-top:0;
  199. padding-bottom:10px;
  200. text-transform:uppercase;
  201. border-bottom:1px solid {color:borders};
  202. color:{color:accent};
  203. }
  204.  
  205. blockquote {
  206. margin-left:15px;
  207. padding-left:10px;
  208. border-left:2px solid {color:accent};
  209. }
  210. blockquote img {
  211. width:100%;
  212. }
  213.  
  214. .caption {}
  215. .caption a{border-bottom:1px solid {color:borders};}
  216.  
  217. .ch { background:transparent; padding:15px;}
  218. .ch .ch1 { padding:10px; margin-bottom:5px;}
  219. .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; }
  220. .ch1:nth-child(2n+1) b { color:{color:post}; }
  221. .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; }
  222. .ch b{text-transform:uppercase; margin-right:5px; }
  223.  
  224. .albumfoto{
  225. float:left;
  226. width:100px;
  227. margin-top:0px;
  228. margin-left:0px;
  229. }
  230. .albumfoto img{
  231. width:100px;
  232. }
  233. .audiodesc {
  234. margin-left:100px;
  235. padding:20px;
  236. padding-bottom:10px;
  237. padding-left:25px;
  238. background:{color:accent};
  239. color:{color:post};
  240. margin-top:0px;
  241. min-height:70px;
  242. font-weight:bold;
  243. margin-bottom:0px;
  244. text-align:left;
  245. }
  246. .audioplay {
  247. overflow:hidden;
  248. padding:5px;
  249. max-width:26px;
  250. width:26px;
  251. height:28px;
  252. margin-left:6px;
  253. margin-top:4px;
  254. background:transparent;
  255. -webkit-transition:all 0.3s ease-out;
  256. }
  257. .playbg {
  258. opacity:0.6;
  259. position:absolute;
  260. overflow:hidden;
  261. padding:10px;
  262. width:50px;
  263. max-width:50px;
  264. height:45px;
  265. background:{color:post};
  266. margin-left:15px;
  267. margin-top:-84px;
  268. -webkit-transition:all 0.3s ease-out;
  269. }
  270. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  271.  
  272. .pessoap {
  273. text-transform:uppercase;
  274. font-size:12px;
  275. font-weight:bold;
  276. margin-bottom:5px;
  277. }
  278. .pessoap a{
  279. color:{color:accent};
  280. text-transform:uppercase;
  281. font-size:12px;
  282. font-weight:bold;
  283. }
  284. .pessoapfototri {
  285. float:left;
  286. margin-top:10px;
  287. margin-left:5px;
  288. width: 0;
  289. height: 0;
  290. border-style: solid;
  291. border-width: 10px 10px 10px 0;
  292. border-color: transparent {color:borders} transparent transparent;
  293. }
  294. .pessoapfoto {
  295. margin-left:0px;
  296. }
  297. .pessoapfoto img{
  298. width:30px;
  299. border-radius:100%;
  300. margin-top:0px;
  301. margin-left:0px;
  302. padding:4px;
  303. background:transparent;
  304. float:left;
  305. }
  306. .pergunta {
  307. padding:15px;
  308. min-height:30px;
  309. margin-left:53px;
  310. background:{color:ask};
  311. border:1px solid {color:borders};
  312. }
  313. .pergunta a { color:{color:accent}; }
  314. .sresposta {
  315. padding:5px;
  316. padding-bottom:0;
  317. border-top:1px solid {color:accent};
  318. margin-top:12px;
  319. }
  320. .srespostatri {
  321. margin-top:-15px;
  322. margin-left:14px;
  323. width: 0;
  324. height: 0;
  325. border-style: solid;
  326. border-width: 0 10px 10px 10px;
  327. border-color: transparent transparent {color:accent} transparent;
  328. }
  329. .sresposta blockquote {padding:0px; background:transparent;}
  330.  
  331. .seureblog {
  332. margin-top:5px;
  333. text-align:left;
  334. border-top:1px solid {color:borders};
  335. padding:5px;
  336. font-size:10px;
  337. text-transform:uppercase;
  338. font-weight:bold;
  339. }
  340. .seureblog a {
  341. margin-right:8px;
  342. border-top:1px solid {color:accent};
  343. padding:5px;
  344. margin-top:-6px;
  345. display:inline-block;
  346. }
  347. .seureblog a:nth-child(1) {
  348. color:{color:accent};
  349. border:none;
  350. }
  351. .seureblog a:hover {
  352. border-color:{color:link hover};
  353. }
  354. .seureblog li {
  355. list-style:none;
  356. }
  357.  
  358. .pagination {display:none;}
  359.  
  360. .tags {
  361. margin-left:10px;
  362. margin-top:-10px;
  363. text-align:right;
  364. {block:IfTagshover}
  365. opacity:0;
  366. -webkit-transition:all 0.3s ease-out;
  367. {/block:IfTagshover}
  368. }
  369. .tags a{
  370. text-transform:lowercase;
  371. margin:3px;
  372. display:inline-block;
  373. }
  374. .entry:hover .tags {
  375. {block:IfTagshover}
  376. opacity:1;
  377. -webkit-transition:all 0.3s ease-out;
  378. {/block:IfTagshover}
  379. }
  380.  
  381. #header {
  382. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  383. text-align:center;
  384. background:{color:header bg};
  385. padding:10px;
  386. {block:IfPosts500px}
  387. width:520px;
  388. {/block:IfPosts500px}
  389. {block:IfNotPosts500px}
  390. width:420px;
  391. {/block:IfNotPosts500px}
  392. height:auto;
  393. margin-top:30px;
  394. margin-left:auto;
  395. margin-right:auto;
  396. }
  397. #avpic {
  398. border-radius:100%;
  399. padding:0px;
  400. height:70px;
  401. margin-left:auto;
  402. margin-right:auto;
  403. margin-top:-40px;
  404. padding:5px;
  405. background:{color:background};
  406. border-left:1px solid {color:borders};
  407. border-right:1px solid {color:borders};
  408. }
  409.  
  410. .description {
  411. width:calc(100% - 58%);
  412. padding:10px;
  413. text-align:left;
  414. margin-top:-35px;
  415. font-size:12px;
  416. font-family:crimson text;
  417. }
  418. .part1 {
  419. border-bottom:1px solid {color:borders};
  420. margin-top:0px;
  421. background:transparent;
  422. padding:15px;
  423. padding-top:0px;
  424. text-align:left;
  425. }
  426.  
  427. .sidetitle {
  428. font-size:20px;
  429. padding:0px;
  430. text-align:left;
  431. margin-top:10px;
  432. font-weight:600;
  433. margin-left:-5px;
  434. font-family:Playfair Display;
  435. }
  436. .sub {
  437. font-size:10px;
  438. text-transform:uppercase;
  439. color:{color:subtitle};
  440. }
  441. .sidetitle a {color:{color:title}; }
  442.  
  443. .autor {
  444. padding:15px;
  445. border-bottom:1px solid {color:borders};
  446. border-top:1px solid {color:borders};
  447. margin-top:-1px;
  448. margin-bottom:10px;
  449. margin-left:0px;
  450. width:calc(100% - 30px);
  451. height:18px;
  452. text-align:left;
  453. text-transform:uppercase;
  454. font-family:Crimson Text;
  455. }
  456. .dt {
  457. margin-left:50px;
  458. margin-top:-8px;
  459. font-size:12px;
  460. font-weight:600;
  461. }
  462. .suba {
  463. font-size:10px;
  464. font-weight:300;
  465. }
  466. .icon {
  467. float:left;
  468. font-size:30px;
  469. margin-top:-13px;
  470. border-right:1px solid {color:borders};
  471. font-family:Crimson Text;
  472. font-weight:300;
  473. }
  474. .icon a {
  475. color:{color:accent};
  476. }
  477. .si {
  478. float:right;
  479. width:30px;
  480. max-width:30px;
  481. margin-top:-29px;
  482. margin-left:3px;
  483. margin-right:-13px;
  484. background:transparent;
  485. border-radius:2px;
  486. }
  487. .si {
  488. border-radius:2px;
  489. }
  490. .si2 {
  491. float:right;
  492. width:30px;
  493. max-width:30px;
  494. margin-top:-29px;
  495. margin-right:4px;
  496. margin-left:-0px;
  497. background:transparent;
  498. border-radius:2px;
  499. }
  500. .si2 {
  501. border-radius:2px;
  502. }
  503. .autor a {
  504. color:{color:perma links};
  505. margin-right:8px;
  506. }
  507. .autor a:hover {
  508. color:{color:accent};
  509. }
  510.  
  511. #tumblr_controls, .tmblr-iframe {-webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity:0.5 !important; right:-20px !important; z-index:9999999!important; -webkit-transition: all 0.5s linear; {block:IfNotTumblrControls} display:none; {/block:IfNotTumblrControls}}
  512. #tumblr_controls, .tmblr-iframe:hover { opacity:1; }
  513.  
  514. #navigation {
  515. background:transparent;
  516. width:auto;
  517. float:right;
  518. text-align:center;
  519. margin-top:-25px;
  520. }
  521. #navigation a {
  522. margin-left:5px;
  523. display:inline-block;
  524. padding:0px;
  525. font-weight:600;
  526. color:{color:header link};
  527. font-family:Crimson Text;
  528. font-size:20px;
  529. -webkit-transition:all 0.3s ease-out;
  530. -moz-transition:all 0.3s ease-out;
  531. transition:all 0.3s ease-out;
  532. }
  533. #navigation a:hover {
  534. color:{color:header link hover};
  535. -webkit-transition:all 0.3s ease-out;
  536. -moz-transition:all 0.3s ease-out;
  537. transition:all 0.3s ease-out;
  538. }
  539.  
  540. #search input{
  541. padding:8px 13px;
  542. border-bottom:1px solid {color:borders};
  543. border:none;
  544. outline:none;
  545. width:100px;
  546. margin-top:-55px;
  547. margin-right:0px;
  548. float:right;
  549. font-size:11px;
  550. text-align:right;
  551. }
  552.  
  553. .pages {
  554. clear:both;
  555. padding:20px;
  556. margin:20px auto;
  557. margin-bottom:40px;
  558. text-align:center;
  559. text-transform:uppercase;
  560. }
  561. .pages i {
  562. color:{color:accent};
  563. margin:0 3px;
  564. display:inline-block;
  565. }
  566. .pages a {
  567. font-weight:bold;
  568. display:inline-block;
  569. font-size:calc({text:font size}px + 2px);
  570. margin-left:6px;
  571. }
  572.  
  573. .left {
  574. position:fixed;
  575. left:0;
  576. top:0;
  577. width:{text:sidebar width}px;
  578. height:100%;
  579. background:{color:accent} url("{image:sidebar}");
  580. background-size:auto 100%;
  581. background-position:left;
  582. }
  583.  
  584. .right {
  585. position:fixed;
  586. right:0;
  587. top:0;
  588. width:{text:sidebar width}px;
  589. height:100%;
  590. background:{color:accent} url("{image:sidebar}");
  591. background-size:auto 100%;
  592. background-position:right;
  593. }
  594.  
  595. .credit {
  596. position:fixed;
  597. {block:IfNotSidebar}right:10px;{/block:IfNotSidebar}
  598. {block:IfSidebar}right:calc({text:sidebar width}px + 10px);{/block:IfSidebar}
  599. bottom:10px;
  600. text-transform:uppercase;
  601. font-size:10px;
  602. z-index:9999;
  603. }
  604. .credit a {
  605. display:inline-block;
  606. background:{color:post};
  607. padding:10px;
  608. font-weight:900;
  609. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  610. }
  611. .credit a:hover {
  612. background:{color:accent};
  613. color:{color:post};
  614. border-color:{color:accent};
  615. }
  616.  
  617. .read_more {
  618. text-transform:uppercase;
  619. display:block;
  620. padding:0px;
  621. font-size:11px;
  622. padding:5px;
  623. border:1px solid #eee;
  624. background:#fbfbfb;
  625. width:calc(100% - 10px);
  626. position:relative;
  627. text-align:left;
  628. -webkit-transition: all .3s;
  629. }
  630. .read_more:hover {
  631. -webkit-transition: all .3s;
  632. background:{color:accent};
  633. border-color:{color:accent};
  634. color:{color:post};
  635. }
  636.  
  637. .entry ol, ul {padding:0px;list-style-type:none;}
  638. .entry ul li {position:relative;padding-left:20px;}
  639. .entry ul li:before {
  640. content:'';
  641. position:absolute;
  642. display:block;
  643. top:8px;
  644. left:0px;
  645. width:10px;
  646. height:1px;
  647. background:{color:accent};
  648. z-index:0;
  649. }
  650.  
  651. #notas {
  652. margin-top:0px;
  653. width:90%;
  654. height:200px;
  655. overflow-y:auto;
  656. padding:20px;
  657. text-transform:lowercase;
  658. margin-left:auto;
  659. margin-right:auto;
  660. }
  661. .notes img {
  662. width: 15px;
  663. border-radius:2px;
  664. float:right;
  665. list-style:none;
  666. -webkit-transition: all 0.5s linear;
  667. -moz-transition: all 0.5s linear;
  668. transition: all 0.5s linear;}
  669. ol.notes, .notes li {
  670. border-bottom:1px solid {color:borders};
  671. list-style:none;
  672. width: 100%;
  673. padding:5px;
  674. font-size:11px;
  675. margin-top:0px;
  676. margin-left:0px;
  677. padding-left: 0px}
  678. .notes li:hover img {
  679. list-style:none;
  680. -webkit-transition: all 0.5s linear;
  681. -moz-transition: all 0.5s linear;
  682. transition: all 0.5s linear;}
  683.  
  684. {CustomCSS}
  685.  
  686. </style>
  687. </head>
  688.  
  689. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  690.  
  691. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  692. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  693.  
  694. <script>
  695. $(function(){
  696. var $container = $('#post');
  697. $container.imagesLoaded(function(){
  698. $container.masonry({
  699. itemSelector: '.entry',
  700. });
  701. });
  702. $container.infinitescroll({
  703. itemSelector : ".entry",
  704. navSelector : "div.pagination",
  705. nextSelector : ".pagination a#next",
  706. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  707. loadingText : "<em></em>",
  708. },
  709. // trigger Masonry as a callback
  710. function( newElements ) {
  711. var $newElems = $( newElements ).css({ opacity: 0 });
  712. // ensure that images load before adding to masonry layout
  713. $newElems.imagesLoaded(function(){
  714. $newElems.animate({ opacity: 1 });
  715. $container.masonry( 'appended', $newElems, true );
  716. });
  717. }
  718. );
  719. });
  720. </script>
  721. <body>
  722.  
  723. {block:IfSidebar}<div class="left"></div><div class="right"></div>{/block:IfSidebar}
  724.  
  725. <div id="header">
  726.  
  727. <div class="part1">
  728. <div class="sidetitle"><a href="/">{Title}</a>
  729. <div class="sub">{text:subtitle}</div>
  730. </div>
  731.  
  732. <div id="navigation">
  733. <a href="{text:link1url}" title="{text:link1title}">.01</a>
  734. <a href="{text:link2url}" title="{text:link2title}">.02</a>
  735. <a href="{text:link3url}" title="{text:link3title}">.03</a>
  736. <a href="{text:link4url}" title="{text:link4title}">.04</a>
  737. </div>
  738. </div>
  739.  
  740. <img id="avpic" src="{image:header}" />
  741. <div class="description">{Description}</div>
  742.  
  743. <div id="search"><form action="/search" method="get"><input class="form-control" type="text" name="q" placeholder="{lang:Search}" value=""></form></div>
  744.  
  745. </div>
  746.  
  747.  
  748. <div id="post">
  749.  
  750. {block:Posts}
  751.  
  752. <div class="entry">
  753.  
  754. <div class="autor">
  755. <div class="icon">
  756. <a href="{Permalink}">{PostNumberWithZero}</a>
  757. </div>
  758.  
  759. <div class="dt"><a href="{Permalink}">{Month} {DayOfMonth}, {Year}</a>
  760. <div class="suba">by <a href="{PostAuthorUrl}">{PostAuthorName}</a></div>
  761. </div>
  762.  
  763. {block:RebloggedFrom}
  764. <a href="{ReblogRootURL}" title="SOURCE: {ReblogRootName}">
  765. <img class="si" src="{ReblogRootPortraitURL-64}">
  766. </a>
  767.  
  768. <a href="{ReblogParentURL}" title="VIA: {ReblogParentName}">
  769. <img class="si2" src="{ReblogParentPortraitURL-64}">
  770. </a>
  771. {/block:RebloggedFrom}
  772. </div>
  773.  
  774. {block:Title} <h1>{TItle}</h1> {/block:Title}
  775.  
  776. {block:Text} {Body} {/block:Text}
  777.  
  778. {block:Photo}
  779. {block:IfNotPosts500px}<img src="{PhotoURL-HighRes}" width="400"/>{/block:IfNotPosts500px}
  780. {block:IfPosts500px}<img src="{PhotoURL-HighRes}" width="500"/>{/block:IfPosts500px}
  781. {/block:Photo}
  782.  
  783. {block:Photoset}
  784. {block:IfPosts500px}{Photoset-500}{/block:IfPosts500px}
  785. {block:IfNotPosts500px}{Photoset-400}{block:IfNotPosts500px}
  786. {/block:Photoset}
  787.  
  788. {block:Quote}
  789. <div class="quote">" {Quote} "
  790. <div class="qsub">&mdash; {block:Source} {Source} {/block:Source}</div></div>
  791. {/block:Quote}
  792.  
  793. {block:Link}
  794. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  795. {block:Description} {Description} {/block:Description}
  796. {/block:Link}
  797.  
  798. {block:Chat}<div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  799.  
  800. {block:Audio}
  801. <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>{/block:Audio}
  802.  
  803. {block:Video}
  804. {block:IfPosts500px}{Video-500}{/block:IfPosts500px}
  805. {block:IfNotPosts500px}{Video-400}{block:IfNotPosts500px}
  806. {PlayCountWithLabel}
  807. {/block:Video}
  808.  
  809. {block:Answer}<div style="padding:5px;"><div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div><div class="pergunta"><div class="pessoap">{Asker} asked:</div>{Question}</div><div class="sresposta"><div class="srespostatri"></div>{Answer}</div></div>
  810. {/block:Answer}
  811.  
  812. {block:IfCaption}{block:Caption}<div class="caption">{Caption}</div>{block:Caption}{/block:IfCaption}
  813.  
  814. <div class="seureblog">
  815. <a href="{ReblogUrl}">Reblog</a>
  816. {block:Date}
  817. <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>
  818. {/block:Date}
  819. <a href="{Permalink}">{NoteCountWithLabel}</a>
  820. </div>
  821.  
  822. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  823.  
  824. {block:PermalinkPage}{block:PostNotes}<div id="notas">{PostNotes-64}</div>{/block:PostNotes}{/block:PermalinkPage}
  825.  
  826. </div>
  827. {/block:Posts}
  828. </div>
  829.  
  830. {block:IfNotInfiniteScrolling}<div class="pages">{block:Pagination}
  831. {block:PreviousPage}<a href="{PreviousPage}" style="color:{color:accent};"><i class="fa fa-angle-left" aria-hidden="true"></i>Back</a></a>{/block:PreviousPage}
  832. {block:JumpPagination length="5"}
  833. {block:CurrentPage}<a href="#" style="text-decoration:underline;"><span class="current_page">{CurrentPage}</a></span></a>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  834. <a href="#">...{TotalPages}</a>
  835. {block:NextPage}<a href="{NextPage}" style="color:{color:accent};">Next<i class="fa fa-angle-right" aria-hidden="true"></i></a>{/block:NextPage}
  836. {/block:Pagination}</div>{/block:IfNotInfiniteScrolling}
  837.  
  838. {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}
  839.  
  840. <div class="credit"><a href="http://ttamplamente.tumblr.com/" title="theme credit" target="_blank">am</a></div>
  841.  
  842. </body>
  843. </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!