Advertisement
Carolaine_Vieira

f09

Oct 5th, 2016
2,513
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.15 KB | None | 0 0
  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. <head>
  4.  
  5. <!---
  6. ╔═══╦═╗╔═╦═══╦╗──╔═══╦═╗╔═╦═══╦═╗─╔╦════╦═══╗
  7. ║╔═╗║║╚╝║║╔═╗║║──║╔═╗║║╚╝║║╔══╣║╚╗║║╔╗╔╗║╔══╝
  8. ║║─║║╔╗╔╗║╚═╝║║──║║─║║╔╗╔╗║╚══╣╔╗╚╝╠╝║║╚╣╚══╗
  9. ║╚═╝║║║║║║╔══╣║─╔╣╚═╝║║║║║║╔══╣║╚╗║║─║║─║╔══╝
  10. ║╔═╗║║║║║║║──║╚═╝║╔═╗║║║║║║╚══╣║─║║║─║║─║╚══╗
  11. ╚╝─╚╩╝╚╝╚╩╝──╚═══╩╝─╚╩╝╚╝╚╩═══╩╝─╚═╝─╚╝─╚═══╝
  12. THEME; FANSITE 09; 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="#f6f6f6" />
  27. <meta name="color:Post" content="#Fff" />
  28. <meta name="color:Perma link" content="#888" />
  29. <meta name="color:Borders" content="#eee" />
  30. <meta name="color:Accent" content="#78c9a1" />
  31. <meta name="color:Header bg" content="#78c9a1" />
  32. <meta name="color:Header link" content="#fff" />
  33. <meta name="color:Header link hover" content="#347153" />
  34. <meta name="color:Text" content="#999" />
  35. <meta name="color:Link" content="#888" />
  36. <meta name="color:Link hover" content="#ccc" />
  37. <meta name="color:Scrollbar" content="#347153"/>
  38. <meta name="color:Box title" content="#888" />
  39. <meta name="color:Box title bg" content="#fbfbfb" />
  40.  
  41. <meta name="image:Background" content="" />
  42. <meta name="image:Header" content="" />
  43. <meta name="image:Sidebar" content="" />
  44.  
  45. <meta name="if:Borders" content="/" />
  46. <meta name="if:InfiniteScroll" content="" />
  47. <meta name="if:Projects" content="/" />
  48.  
  49. <meta name="select:Body font" content="Open Sans" title="Open Sans" />
  50. <meta name="select:Body font" content="Roboto" title="Roboto" />
  51. <meta name="select:Body font" content="Karla" title="Karla" />
  52.  
  53. <meta name="text:Font size" content="12" />
  54. <meta name="text:Creator" content="Creator" />
  55. <meta name="text:Estabilished" content="Estabilished" />
  56. <meta name="text:OnlineScript" content="" />
  57. <meta name="text:ViewsScript" content="" />
  58. <meta name="text:Welcome Label" content="Welcome" />
  59. <meta name="text:Projects Label" content="Projects" />
  60. <meta name="text:Affliates Label" content="Affiliates" />
  61. <meta name="text:WelcomeMessage" content="Welcome message goes here..." />
  62. <meta name="text:Social Label" content="Follow me!" />
  63. <meta name="text:TwitterCode" content="" />
  64. <meta name="text:Disclaimer Label" content="Disclaimer" />
  65. <meta name="text:Disclaimer" content="Disclaimer message goes here..." />
  66.  
  67. <meta name="text:FacebookUsername" content="" />
  68. <meta name="text:InstagramUsername" content="" />
  69. <meta name="text:LastFmUrl" content="" />
  70. <meta name="text:SkypeUsername" content="" />
  71. <meta name="text:GooglePlusUrl" content="" />
  72. <meta name="text:TwitterUsername" content="" />
  73. <meta name="text:TumblrUsername" content="" />
  74. <meta name="text:WeHeartItUsername" content="" />
  75. <meta name="text:FlickrUsername" content="" />
  76. <meta name="text:WebsiteUrl" content="" />
  77. <meta name="text:Link 1 Title" content="Home" />
  78. <meta name="text:Link 1 Url" content="/" />
  79. <meta name="text:Link 2 Title" content="Message" />
  80. <meta name="text:Link 2 Url" content="/ask" />
  81. <meta name="text:Link 3 Title" content="Archive" />
  82. <meta name="text:Link 3 Url" content="/archive" />
  83. <meta name="text:Link 4 Title" content="Random" />
  84. <meta name="text:Link 4 Url" content="/random" />
  85. <meta name="text:Link 5 Title" content="Rss" />
  86. <meta name="text:Link 5 Url" content="/rss" />
  87. <meta name="text:Link 6 Title" content="Stuff" />
  88. <meta name="text:Link 6 Url" content="/" />
  89. {/block:Hidden}
  90.  
  91. <link href='https://fonts.googleapis.com/css?family=Karla|Montserrat|Open+Sans|Roboto:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  92.  
  93. <style type="text/css">
  94.  
  95. *html {
  96. width:100%;
  97. margin:0;
  98. }
  99.  
  100. body {
  101. width:100%;
  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.  
  110. a {
  111. text-decoration:none;
  112. color:{color:link};
  113. -webkit-transition: all 0.5s ease-out;
  114. -moz-transition: all 0.5s ease-out;
  115. -ms-transition: all 0.5s ease-out;
  116. -o-transition: all 0.5s ease-out;
  117. transition: all 0.5s ease-out;
  118. }
  119. a:hover {
  120.  
  121. color:{color:link hover};
  122. -webkit-transition: all 0.5s ease-out;
  123. -moz-transition: all 0.5s ease-out;
  124. -ms-transition: all 0.5s ease-out;
  125. -o-transition: all 0.5s ease-out;
  126. transition: all 0.5s ease-out;
  127.  
  128. }
  129.  
  130. ::-webkit-scrollbar {
  131. width: 5px;
  132. height: 5px;
  133. }
  134. ::-webkit-scrollbar-thumb {
  135. background:{color:accent};
  136. }
  137. ::-webkit-scrollbar-track {
  138. background:rgba({RGBcolor:post},0.0);
  139. }
  140.  
  141. #post {
  142. width:1300px;
  143. background:transparent;
  144. padding:15px 30px;
  145. margin:0 auto;
  146. }
  147. #sec {
  148. width:1300px;
  149. height:150px;
  150. padding:10px 20px;
  151. margin:15px auto 0px auto;
  152. }
  153. .info {
  154. position:absolute;
  155. margin:-109px 0px 0px 0px;
  156. width:190px;
  157. height:85px;
  158. padding:10px;
  159. text-align:center;
  160. background:rgba({RGBcolor:accent},0.5);
  161. color:{color:post};
  162. opacity:0;
  163. font-size:12px;
  164. -webkit-transition: all 0.5s ease-out;
  165. -moz-transition: all 0.5s ease-out;
  166. -ms-transition: all 0.5s ease-out;
  167. -o-transition: all 0.5s ease-out;
  168. transition: all 0.5s ease-out;
  169. }
  170. .info a {
  171. color:{color:accent};
  172. background:{color:post};
  173. font-family:roboto;
  174. text-transform:uppercase;
  175. display:inline-block;
  176. border-radius:2px;
  177. padding:5px 10px;
  178. margin:10px auto 5px auto;
  179. }
  180. .p2:hover .info {
  181. opacity:1;
  182. -webkit-transition: all 0.5s ease-out;
  183. -moz-transition: all 0.5s ease-out;
  184. -ms-transition: all 0.5s ease-out;
  185. -o-transition: all 0.5s ease-out;
  186. transition: all 0.5s ease-out;
  187. }
  188. .p3:hover .info {
  189. opacity:1;
  190. -webkit-transition: all 0.5s ease-out;
  191. -moz-transition: all 0.5s ease-out;
  192. -ms-transition: all 0.5s ease-out;
  193. -o-transition: all 0.5s ease-out;
  194. transition: all 0.5s ease-out;
  195. }
  196. .p4:hover .info {
  197. opacity:1;
  198. -webkit-transition: all 0.5s ease-out;
  199. -moz-transition: all 0.5s ease-out;
  200. -ms-transition: all 0.5s ease-out;
  201. -o-transition: all 0.5s ease-out;
  202. transition: all 0.5s ease-out;
  203. }
  204. .fl, .pp {
  205. background:{color:accent};
  206. color:{color:post};
  207. border:1px solid rgba({RGBcolor:accent},1);
  208. border-radius:3px;
  209. text-transform:uppercase;
  210. font-family:roboto;
  211. padding:12px 15px;
  212. text-align:center;
  213. letter-spacing:1px;
  214. margin-bottom:15px;
  215. position:relative;
  216. font-size:12px;
  217. }
  218. .fl {
  219. margin-right:15px;
  220. }
  221. .fl:after {
  222. left: 100%;
  223. top: 50%;
  224. border: solid transparent;
  225. content: " ";
  226. height: 0;
  227. width: 0;
  228. position: absolute;
  229. pointer-events: none;
  230. }
  231. .fl:after {
  232. border-color: rgba(136, 183, 213, 0);
  233. border-left-color: {color:accent};
  234. border-width: 15px;
  235. margin-top: -15px;
  236. }
  237. .pp:after {
  238. right: 100%;
  239. top: 50%;
  240. border: solid transparent;
  241. content: " ";
  242. height: 0;
  243. width: 0;
  244. position: absolute;
  245. pointer-events: none;
  246. }
  247. .pp:after {
  248. border-color: rgba(136, 183, 213, 0);
  249. border-right-color: {color:accent};
  250. border-width: 15px;
  251. margin-top: -15px;
  252. }
  253. .pp {
  254. margin-left:25px;
  255. }
  256. .p1, .p2, .p3, .p4 ,.p5 {
  257. width:210px;
  258. background:{color:post};
  259. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  260. border-radius:3px;
  261. padding:10px;
  262. float:left;
  263. margin:10px;
  264. height:105px;
  265. }
  266. .p2 img { width:100%; height:100%; }
  267. .p3 img { width:100%; height:100%; }
  268. .p4 img { width:100%; height:100%; }
  269. .p1 {
  270. background:transparent;
  271. border-color:transparent;
  272. }
  273. .p5 {
  274. width:260px;
  275. margin:10px 0px 10px 10px;
  276. }
  277. .p5 .wlt {
  278. margin:-10px 0px 10px -10px;
  279. width:calc(100% - 20px);
  280. padding:10px 20px;
  281. background:rgba({RGBcolor:accent},0.5);
  282. color:rgba({RGBcolor:accent},1);
  283. border-bottom:1px solid rgba({RGBcolor:accent},1);
  284. text-transform:uppercase;
  285. text-align:left;
  286. font-weight:600;
  287. letter-spacing:1px;
  288. }
  289.  
  290. .entry {
  291. width:500px;
  292. padding:15px;
  293. margin:0px 0px 40px 385px;
  294. border-radius:5px;
  295. background:{color:post};
  296. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  297. }
  298. .entry img {
  299. max-width:100%;
  300. height:auto;
  301. margin-bottom:-4px;
  302. }
  303.  
  304. .chat {
  305. padding:10px;
  306. }
  307. .ch1 {
  308. padding:10px;
  309. background:{color:background};
  310. border:1px solid {color:borders};
  311. margin-bottom:5px;
  312. }
  313. .ch1 b{
  314. color:{color:accent};
  315. margin-right:2px;
  316. }
  317.  
  318. #s-m-t-tooltip {
  319. max-width:300px;
  320. padding:6px;
  321. padding-left:8px;
  322. padding-right:8px;
  323. margin:15px 20px;
  324. font-size:9px;
  325. letter-spacing:1px;
  326. text-transform:uppercase;
  327. background:{color:box title bg};
  328. color:{color:box title};
  329. {block:IfBorders}
  330. border:1px solid {color:borders};
  331. {/block:IfBorders}
  332. z-index:9999999;
  333. }
  334.  
  335. h1 {
  336. text-align:center;
  337. margin:0;
  338. padding:10px 10px 10px 10px;
  339. margin:-15px 0px 0px -15px;
  340. width:calc(100% + 10px);
  341. text-transform:uppercase;
  342. border-bottom:1px solid {color:borders};
  343. color:{color:accent};
  344. }
  345.  
  346. blockquote {
  347. margin-left:15px;
  348. padding-left:10px;
  349. border-left:2px solid {color:accent};
  350. }
  351. blockquote img {
  352. max-width:100% !important;
  353. height:auto !important;
  354. width:auto !important;
  355. }
  356. #stitle {
  357. width:calc(100% + 0px);
  358. margin-bottom:10px;
  359. font-size:10px;
  360. letter-spacing:1px;
  361. font-family:roboto;
  362. text-transform:uppercase;
  363. border-bottom:1px solid {color:accent};
  364. }
  365. #stitle b {
  366. font-size:10px;
  367. letter-spacing:1px;
  368. font-weight:400;
  369. display:inline-block;
  370. padding:2px 6px;
  371. margin-right:6px;
  372. background:{color:accent};
  373. color:{color:post};
  374. }
  375.  
  376. #soc {
  377. text-align:left;
  378. margin-top:10px;
  379. font-family:roboto;
  380. font-size:14px;
  381. }
  382. #soc a {
  383. display:inline-block;
  384. text-align:center;
  385. background:{color:box title bg};
  386. color:{color:box title};
  387. {block:IfBorders}
  388. border:1px solid {color:borders};
  389. {/block:IfBorders}
  390. border-radius:3px;
  391. width:25px;
  392. font-family:roboto;
  393. padding:8px;
  394. margin:0px 1px 2px 0px;
  395. font-size:17px;
  396. -moz-transform: scale(1);
  397. -webkit-transform: scale(1);
  398. -o-transform: scale(1);
  399. -ms-transform: scale(1);
  400. transform: scale(1);
  401. }
  402. #soc a:hover {
  403. background:{color:accent};
  404. border-color:{color:accent};
  405. color:{color:post};
  406. -moz-transform: scale(1.1);
  407. -webkit-transform: scale(1.1);
  408. -o-transform: scale(1.1);
  409. -ms-transform: scale(1.1);
  410. transform: scale(1.1);
  411. }
  412.  
  413. .caption {}
  414.  
  415. .albumfoto{
  416. float:left;
  417. width:150px;
  418. margin-top:0px;
  419. margin-left:0px;
  420. }
  421. .albumfoto img{
  422. width:150px;
  423. }
  424. .audiodesc {
  425. margin-left:150px;
  426. padding:25px;
  427. padding-bottom:10px;
  428. padding-top:35px;
  429. padding-left:25px;
  430. background:{color:accent};
  431. color:{color:post};
  432. margin-top:0px;
  433. min-height:105px;
  434. font-weight:bold;
  435. margin-bottom:0px;
  436. text-align:center;
  437. }
  438. .audioplay {
  439. overflow:hidden;
  440. padding:5px;
  441. max-width:26px;
  442. width:26px;
  443. height:28px;
  444. margin-left:6px;
  445. margin-top:4px;
  446. background:transparent
  447. -webkit-transition:all 0.3s ease-out;
  448. }
  449. .playbg {
  450. opacity:0.6;
  451. position:absolute;
  452. overflow:hidden;
  453. padding:10px;
  454. width:50px;
  455. max-width:50px;
  456. height:45px;
  457. background:{color:post};
  458. margin-left:38px;
  459. margin-top:-110px;
  460. -webkit-transition:all 0.3s ease-out;
  461. }
  462. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  463.  
  464. hr {
  465. background:#eee;
  466. border-color:transparent;
  467. width:200px;
  468. margin-left:auto;
  469. margin-right:auto;
  470. margin-top:25px;
  471. margin-bottom:25px;
  472. }
  473. pre {
  474. background:rgba({RGBcolor:accent},0.3);
  475. color:{color:accent};
  476. border-radius:3px;
  477. text-transform:lowercase;
  478. overflow:auto;
  479. padding:4px 6px;
  480. }
  481.  
  482. .link {
  483. padding:15px;
  484. margin-left:0px;
  485. background:{color:Accent};
  486. color:{color:post};
  487. text-align:left;
  488.  
  489. }
  490. .linktitle a{
  491. font-size:23px;
  492. font-weight:bold;
  493. text-transform:uppercase;
  494. text-align:left;
  495. color:{color:post};
  496. }
  497.  
  498. .pessoap {
  499. text-transform:uppercase;
  500. font-size:calc({text:font size}px + 1px);
  501. font-weight:bold;
  502. margin-bottom:3px;
  503. }
  504. .pessoap a{
  505. color:{color:post};
  506. text-transform:uppercase;
  507. font-size:calc({text:font size}px + 1px);
  508. font-weight:bold;
  509. }
  510. .pessoapfoto img{
  511. float:left;
  512. border-radius:100%;
  513. margin-top:-30px;
  514. margin-left:calc(100% - 275px);
  515. padding:4px;
  516. background:{color:borders};
  517. }
  518. .pergunta {
  519. background:{color:Accent};
  520. color:{color:post};
  521. padding:15px;
  522. padding-bottom:38px;
  523. margin-left:0px;
  524. border-bottom:2px solid {color:borders};
  525. text-align:center;
  526. }
  527. .sresposta {
  528. padding:20px 15px 15px 15px;
  529. background:rgba({RGBcolor:post},0.3);
  530. border-top:2px solid {color:borders};
  531. }
  532. .sresposta img {
  533. max-width:100%;
  534. height:auto;
  535. }
  536.  
  537. .quote {
  538. padding:20px 20px;
  539. font-size:14px;
  540. text-align:left;
  541. margin-bottom:5px;
  542. font-style:italic;
  543. }
  544. .qsub {
  545. margin-top:5px;
  546. font-weight:bold;
  547. color:{color:Accent};
  548. font-size:12px;
  549. font-style:normal;
  550. }
  551. .qsub a { color:{color:Accent}; }
  552.  
  553. .custom-like-button *{cursor:pointer!important;}
  554. .custom-like-button {
  555. position:relative;
  556. display:inline-block;
  557. vertical-align:top;
  558. width:10px;
  559. height:10px;
  560. cursor:pointer;
  561. margin:0 5px 0 6px;
  562. font-size:14px;
  563. color:{color:perma link};
  564. }
  565.  
  566. .like_button:hover + .our_button {color:{color:Accent};}
  567. .like_button.liked + .our_button {color:{color:Accent};}
  568. .like_button iframe {width:100%!important;height:100%!important;}
  569. .like_button {z-index:10;opacity:0;}
  570. .our_button {z-index:1;}
  571. .our_button,.like_button {
  572. position:absolute;
  573. top:0;
  574. left:0;
  575. width:100%;
  576. height:100%;
  577. color:{color:perma link};
  578. }
  579.  
  580. .seureblog {
  581. margin:15px 0px -16px -15px;
  582. width:calc(100% + 6px);
  583. padding:12px;
  584. height:20px;
  585. text-align:left;
  586. text-transform:uppercase;
  587. background:rgba({RGBcolor:background},0.5);
  588. border-top:1px solid {color:borders};
  589. border-bottom:1px solid {color:borders};
  590. }
  591.  
  592. .seureblog a {
  593. font-size:12px;
  594. color:{color:perma link};
  595. margin-left:4px;
  596. }
  597.  
  598. .pagination {display:none;}
  599.  
  600. .permalink {
  601.  
  602. padding:10px;
  603.  
  604. }
  605.  
  606. #header {
  607. position:relative;
  608. left:0px;
  609. top:0px;
  610. z-index:9;
  611. width:100%;
  612. height:auto;
  613. background:{color:header bg};
  614. padding:5px 0px;
  615. }
  616.  
  617. #lado {
  618.  
  619. float:right;
  620. width:300px;
  621. padding:5px;
  622. padding-top:0px;
  623. margin-right:30px;
  624. background:transparent;
  625. height:auto;
  626.  
  627. }
  628.  
  629. #lado2 {
  630.  
  631. float:left;
  632. width:300px;
  633. padding:5px;
  634. padding-top:0px;
  635. background:transparent;
  636. height:auto;
  637.  
  638. }
  639.  
  640. .caixas {
  641.  
  642. width:300px;
  643. padding:15px;
  644. background:{color:post};
  645. {block:IfBorders}border:1px solid {color:borders};{/block:IfBorders}
  646. margin-bottom:30px;
  647.  
  648. }
  649.  
  650. .caixastitulo {
  651.  
  652. margin-left:-15px;
  653. margin-top:-15px;
  654. width:290px;
  655. padding:15px 20px;
  656. background:{color:box title bg};
  657. text-transform:uppercase;
  658. color:{color:box title};
  659. {block:IfBorders}
  660. border-bottom:1px solid {color:borders};
  661. {/block:IfBorders}
  662. text-align:left;
  663. margin-bottom:15px;
  664. font-size:13px;
  665. }
  666.  
  667. .hd {
  668. margin:0 auto;
  669. width:100%;
  670. }
  671. .hd img {
  672. margin:0px auto -4px auto;
  673. width:100%;
  674. }
  675.  
  676. #navega {
  677. text-align:left;
  678. margin:5px auto 0px auto;
  679. }
  680. #navega a {
  681. border-radius:3px;
  682. padding:10px 10px;
  683. display:inline-block;
  684. background:{color:box title bg};
  685. color:{color:box title};
  686. {block:IfBorders} border:1px solid {color:borders}; {/block:IfBorders}
  687. width:calc(100% - 25px);
  688. margin:0px 0px 4px 0px;
  689. text-transform:uppercase;
  690. font-family:roboto;
  691. font-size:11px;
  692. }
  693. #navega a:hover {
  694. background:{color:accent};
  695. border-color:{color:accent};
  696. color:{color:post};
  697. }
  698.  
  699. .hdcontain {
  700. width:1320px;
  701. margin:0 auto;
  702. }
  703.  
  704. #hdlink {
  705. margin:0 auto;
  706. }
  707. #hdlink a {
  708. padding:10px;
  709. display:inline-block;
  710. color:{color:header link};
  711. margin-left:10px;
  712. font-size:11px;
  713. text-transform:uppercase;
  714. letter-spacing:1px;
  715. font-family:roboto;
  716. }
  717. #hdlink i {
  718. display:inline block;
  719. border-radius:100%;
  720. background:{color:header link};
  721. color:{color:header bg};
  722. padding:8px;
  723. width:14px;
  724. text-align:center;
  725. margin-right:10px;
  726. font-size:13px;
  727. -webkit-transition: all 0.5s ease-out;
  728. -moz-transition: all 0.5s ease-out;
  729. -ms-transition: all 0.5s ease-out;
  730. -o-transition: all 0.5s ease-out;
  731. transition: all 0.5s ease-out;
  732. }
  733. #hdlink a:hover {
  734. color:{color:header link hover};
  735. }
  736. #hdlink a:hover i {
  737. color:{color:header bg};
  738. background:{color:header link hover};
  739. -webkit-transition: all 0.5s ease-out;
  740. -moz-transition: all 0.5s ease-out;
  741. -ms-transition: all 0.5s ease-out;
  742. -o-transition: all 0.5s ease-out;
  743. transition: all 0.5s ease-out;
  744. }
  745.  
  746. .from {
  747. width:calc(100% - 4px);
  748. height:45px;
  749. padding:10px 17px 0 17px;
  750. margin:-15px 0px 15px -15px;
  751. background:{color:post};
  752. border-bottom:1px solid {color:borders};
  753. border-top-left-radius:5px;
  754. border-top-right-radius:5px;
  755. -webkit-transition:all 0.3s ease-out;
  756. word-spacing:5px;
  757. }
  758. .from a{
  759. color:{color:perma link};
  760. }
  761.  
  762. .si {
  763. float:left;
  764. width:30px;
  765. max-width:30px;
  766. border-radius:6px;
  767. margin:0px 0px 0px -5px;
  768. padding:3px;
  769. }
  770.  
  771. .sit {
  772. float:left;
  773. margin-left:6px;
  774. text-transform:uppercase;
  775. margin-top:12px;
  776. font-size:12px;
  777. font-family:roboto;
  778. padding-bottom:10px;
  779. word-spacing:3px;
  780. }
  781.  
  782. .perfil {
  783. float:left;
  784. margin:0px 13px -3.5px 0px;
  785. width:65px;
  786. height:65px;
  787. background:{color:box title bg};
  788. {block:IfBOrders}border:1px solid {color:borders};{/block:IfBOrders}
  789. padding:5px;
  790. }
  791.  
  792. #membros {
  793. background:{color:box title bg};
  794. {block:IfBOrders}border:1px solid {color:borders};{/block:IfBOrders}
  795. height:40px;
  796. margin-bottom:6px;
  797. }
  798. #membros img {
  799. width:40px;
  800. float:left;
  801. }
  802.  
  803. .mdesc {
  804. float:left;
  805. margin-left:10px;
  806. margin-top:5px;
  807. font-size:12px;
  808. }
  809. .mdesc a {
  810. color:{color:Text};
  811. font-weight:600;
  812. text-transform:uppercase;
  813. font-size:11px;
  814. }
  815.  
  816. .tags {
  817. margin:15px 0px -15px -15px;
  818. width:calc(100% + 6px);
  819. padding:12px;
  820. border-bottom-left-radius:5px;
  821. border-bottom-right-radius:5px;
  822. text-align:left;
  823. text-transform:uppercase;
  824. {block:PermalinkPage} border-bottom:1px solid {color:borders}; {/block:PermalinkPage}
  825. font-size:10px;
  826. }
  827. .tags a{
  828. margin-right:10px;
  829. display:inline-block;
  830. color:{color:perma link};
  831. }
  832. .tags a:hover {
  833. font-weight:bold;
  834. }
  835.  
  836. .pt {
  837. font-family:open sans;
  838. font-size:12px;
  839. margin:0px 0px 0px 6px;
  840. }
  841. .pt img{
  842. font-family:open sans;
  843. font-size:12px;
  844. display:inline-block;
  845. margin:6px 6px 0px 0px;
  846. padding:3px;
  847. background:{color:accent};
  848. width:44px; height:44px;
  849. -webkit-transition: all 0.5s ease-out;
  850. transition: all 0.5s ease-out;
  851. }
  852. .pt img:hover {
  853. border-radius:100%;
  854. -webkit-transition: all 0.5s ease-out;
  855. transition: all 0.5s ease-out;
  856. }
  857.  
  858. #notas {
  859. }
  860. .notes img {
  861. width: 20px;
  862. border-radius:100%;
  863. float:left;
  864. }
  865. ol.notes, .notes li {
  866. border-bottom:1px solid {color:borders};
  867. list-style:none;
  868. width: 100%;
  869. padding:10px 0px;
  870. font-size:12px;
  871. }
  872. .notes li:hover img {
  873. list-style:none;
  874. }
  875. ol.notes, .notes li a { margin-right:8px; }
  876.  
  877. .src {display:none;}
  878.  
  879. #ccr {
  880. color:{color:post};
  881. position:fixed;
  882. bottom:10px;
  883. right:10px;
  884. padding:6px 8px 6px 8px;
  885. font-size:17px;
  886. border:1px solid {color:accent};
  887. background-color:{color:accent};
  888. opacity:1;
  889. width:19px;
  890. height:20px;
  891. overflow:hidden;
  892. border-radius:100%;
  893. -moz-transition-duration: 0.4s;
  894. -o-transition-duration: 0.4s;
  895. -webkit-transition-duration: 0.4s;
  896. transition-duration: 0.4s;
  897. z-index:9999;
  898. }
  899. #ccr i {
  900. display:inline-block;
  901. top:-2px;
  902. position:relative;
  903. -moz-transition-duration: 0.4s;
  904. -o-transition-duration: 0.4s;
  905. -webkit-transition-duration: 0.4s;
  906. transition-duration: 0.4s;
  907. -moz-transform: rotate(-360deg);
  908. -webkit-transform: rotate(-360deg);
  909. -o-transform: rotate(-360deg);
  910. -ms-transform: rotate(-360deg);
  911. transform: rotate(-360deg);
  912. }
  913. #cn {
  914. color:#5a5a5a;
  915. font-family:roboto;
  916. font-size:11px;
  917. font-weight:600;
  918. margin-top:-19px;
  919. margin-left:28px;
  920. position:absolute;
  921. text-transform:uppercase;
  922. }
  923. #ccr:hover i {
  924. -moz-transform: rotate(360deg);
  925. -webkit-transform: rotate(360deg);
  926. -o-transform: rotate(360deg);
  927. -ms-transform: rotate(360deg);
  928. transform: rotate(360deg);
  929. -moz-transition-duration: 0.4s;
  930. -o-transition-duration: 0.4s;
  931. -webkit-transition-duration: 0.4s;
  932. transition-duration: 0.4s;
  933. }
  934. #ccr:hover {
  935. color:{color:text};
  936. background:{color:post};
  937. border:1px solid {color:borders};
  938. width:100px;
  939. border-radius:0;
  940. -moz-transition-duration: 0.4s;
  941. -o-transition-duration: 0.4s;
  942. -webkit-transition-duration: 0.4s;
  943. transition-duration: 0.4s;
  944. }
  945. #ccr a {
  946. color:{color:post};
  947. }
  948.  
  949. #paginacao {
  950. margin:0px auto 60px auto;
  951. text-transform:uppercase;
  952. text-align:center;
  953. font-family:roboto;
  954. font-size:11px;
  955. }
  956. #paginacao a{
  957. margin:0 1px 0 1px;
  958. padding:11px;
  959. color:{color:text};
  960. background:{color:post};
  961. border:1px solid {color:borders};
  962. display:inline-block;
  963. text-align:center;
  964. min-width:16px;
  965. }
  966. span.current_page {
  967. color:{color:post};
  968. background:{color:accent};
  969. margin:0 1px 0 1px;
  970. display:inline-block;
  971. padding:11px;
  972. min-width:16px;
  973. text-align:center;
  974. }
  975. span.total_pages {
  976. color:{color:text};
  977. background:{color:post};
  978. border:1px solid {color:borders};
  979. margin:0 1px 0 1px;
  980. display:inline-block;
  981. padding:11px;
  982. min-width:16px;
  983. text-align:center;
  984. }
  985. #paginacao a:hover{
  986. color:{color:post};
  987. box-shadow:inset 0px 40px {color:accent};
  988. border:1px solid {color:accent};
  989. color:{color:post};
  990. }
  991.  
  992. .sform input { outline:none; text-align:left; border:none; width:150px; border-radius:3px; background:{color:header link}; text-transform:uppercase; font-family:roboto; margin-top:-41px; float:right; padding:10px; font-size:11px;}
  993. ::-webkit-input-placeholder { color:{color:header bg}; }
  994. :-moz-placeholder { color:{color:header bg}; }
  995. ::-moz-placeholder { color:{color:header bg}; }
  996. :-ms-input-placeholder { color:{color:header bg}; }
  997. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:post}; }
  998. .sbox:hover { background:{color:header link hover}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  999.  
  1000. #tumblr_controls, .tmblr-iframe { -webkit-filter: invert(100%); filter: invert(100%); left:auto !important; right:5px !important; position:absolute !important; float:right !important; opacity:0.3 !important; top:5px !important; z-index:9999999!important;}
  1001.  
  1002. .project {
  1003. vertical-align:middle;
  1004. text-transform:uppercase;
  1005. font-size:10px;
  1006. letter-spacing:1px;
  1007. margin-left:-5px;
  1008. margin-bottom:-20px;
  1009. margin-top:0px;
  1010. padding:5px 0px 0px 8px;
  1011. line-height:15px;
  1012. text-align:left;
  1013. display:block;
  1014. }
  1015.  
  1016. .project p {
  1017. margin-top:30px;
  1018. margin-bottom:30px;
  1019. }
  1020.  
  1021. .project img{
  1022. width:100%;
  1023. margin-bottom:5px;
  1024. }
  1025.  
  1026. .scrollup {
  1027. position: fixed;
  1028. bottom: 40px;
  1029. right: 1px;
  1030. padding:15px;
  1031. display:none;
  1032. z-index:999;
  1033. padding-top:10px;
  1034. padding-bottom:10px;
  1035. color:{color:accent};
  1036. font-size:25px;
  1037. }
  1038. .scrollup a {color:{color:accent}; font-size:25px;}
  1039.  
  1040. {CustomCSS}
  1041.  
  1042. </style>
  1043. </head>
  1044.  
  1045. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  1046. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  1047.  
  1048. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  1049. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  1050.  
  1051. <script>
  1052. $(function(){
  1053. var $container = $('#post');
  1054. $container.imagesLoaded(function(){
  1055. $container.masonry({
  1056. itemSelector: '.entry',});});
  1057. $container.infinitescroll({
  1058. itemSelector : ".entry",
  1059. navSelector : "div.pagination",
  1060. nextSelector : ".pagination a#next",
  1061. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  1062. loadingText : "<em></em>",},
  1063. function( newElements ) {
  1064. var $newElems = $( newElements ).css({ opacity: 0 });
  1065. $newElems.imagesLoaded(function(){
  1066. $newElems.animate({ opacity: 1 });
  1067. $container.masonry( 'appended', $newElems, true );
  1068. });});});
  1069. </script>
  1070.  
  1071. <body>
  1072.  
  1073. <a href="#" class="scrollup" title="scroll to top"><span class="fa fa-chevron-up"></span></a>
  1074.  
  1075. <div class="hd"><img src="{image:header}" /></div>
  1076.  
  1077. <div id="header">
  1078. <div class="hdcontain">
  1079. <div id="hdlink">
  1080. <a href="{text:Link 1 Url}"><i class="fa fa-map-marker"></i>{text:Link 1 Title}</a>
  1081. <a href="{text:Link 2 Url}"><i class="fa fa-envelope"></i>{text:Link 2 Title}</a>
  1082. <a href="{text:Link 3 Url}"><i class="fa fa-archive"></i>{text:Link 3 Title}</a>
  1083. <a href="{text:Link 4 Url}"><i class="fa fa-star"></i>{text:Link 4 Title}</a>
  1084. <a href="{text:Link 5 Url}"><i class="fa fa-folder-open"></i>{text:Link 5 Title}</a>
  1085. <a href="{text:Link 6 Url}"><i class="fa fa-tags"></i>{text:Link 6 Title}</a>
  1086. </div>
  1087.  
  1088. <form action="/search" method="get" class="sform" name="form">
  1089. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="{lang:Search}"/></form>
  1090.  
  1091. </div>
  1092. </div>
  1093.  
  1094. <div id="sec">
  1095.  
  1096. <div class="p1">
  1097. <div class="fl">
  1098. + 300,236 Followers
  1099. </div>
  1100. <div class="pp">
  1101. + 12,639 Posts
  1102. </div>
  1103. </div>
  1104.  
  1105. <div class="p2">
  1106. <img src="http://i.imgur.com/7hCFidY.png" alt="featured image preview" >
  1107. <div class="info">
  1108. <a href="#">Icons Pack</a> <br>
  1109. Lorem ipsum dolor sit amet
  1110. </div>
  1111. </div>
  1112.  
  1113. <div class="p3">
  1114. <img src="http://i.imgur.com/FSSVIvk.png" alt="featured image preview" >
  1115. <div class="info">
  1116. <a href="#">Header Pack</a> <br>
  1117. Lorem ipsum dolor sit amet
  1118. </div>
  1119. </div>
  1120.  
  1121. <div class="p4">
  1122. <img src="http://i.imgur.com/op3azXf.png" alt="featured image preview" >
  1123. <div class="info">
  1124. <a href="#">Background Pack</a> <br>
  1125. Lorem ipsum dolor sit amet
  1126. </div>
  1127. </div>
  1128.  
  1129. {block:IfWelcomeMessage}
  1130. <div class="p5">
  1131. <div class="wlt">{text:Welcome Label}<i>!</i></div>
  1132. {text:WelcomeMessage}
  1133. </div>
  1134. {/block:IfWelcomeMessage}
  1135.  
  1136. </div>
  1137.  
  1138. <div id="post">
  1139.  
  1140. <div id="lado">
  1141.  
  1142. <div class="caixas">
  1143. <div class="caixastitulo">{lang:Navigate}</div>
  1144.  
  1145. <div id="navega">
  1146.  
  1147. <a href="#">Tutoriais</a>
  1148. <a href="#">Icons</a>
  1149. <a href="#">Melhorias</a>
  1150. <a href="#">Sqn</a>
  1151.  
  1152. </div>
  1153.  
  1154. </div>
  1155.  
  1156. <div class="caixas">
  1157. <div class="caixastitulo">{lang:Members}</div>
  1158.  
  1159. <div id="membros">
  1160. <img src="http://api.tumblr.com/v2/blog/amplamente.tumblr.com/avatar/96/" />
  1161. <div class="mdesc">
  1162. <a href="http://amplamente.co.vu/">amplamente</a></br>
  1163. dona daqui
  1164. </div></div>
  1165.  
  1166. <div id="membros">
  1167. <img src="http://api.tumblr.com/v2/blog/arcaicas.tumblr.com/avatar/96/" />
  1168. <div class="mdesc">
  1169. <a href="http://arcaicas.tumblr.com/">arcaicas</a></br>
  1170. adm dai
  1171. </div></div>
  1172.  
  1173. <div id="membros">
  1174. <img src="http://api.tumblr.com/v2/blog/clamam.tumblr.com/avatar/96/" />
  1175. <div class="mdesc">
  1176. <a href="http://clamam.tumblr.com/">clamam</a></br>
  1177. adm gabi
  1178. </div></div>
  1179.  
  1180. <div id="membros">
  1181. <img src="http://api.tumblr.com/v2/blog/defeiitos.tumblr.com/avatar/96/" />
  1182. <div class="mdesc">
  1183. <a href="http://defeiitos.tumblr.com/">defeiitos</a></br>
  1184. adm igor
  1185. </div></div>
  1186.  
  1187. <div id="membros">
  1188. <img src="http://api.tumblr.com/v2/blog/cosimaniewhaus.tumblr.com/avatar/96/" />
  1189. <div class="mdesc">
  1190. <a href="http://cosimaniewhaus.tumblr.com/">cosimaniewhaus</a></br>
  1191. adm cami
  1192. </div></div>
  1193.  
  1194. </div>
  1195.  
  1196. {block:IfProjects}
  1197. <div class="caixas">
  1198. <div class="caixastitulo">{text:Projects Label}</div>
  1199. <!-- START OF PROJECTS // YOU CAN ADD AND REMOVE PROJECTS ------>
  1200. <div class="project">
  1201.  
  1202. <img src="http://i.imgur.com/cjMmHnp.png">
  1203. <b>title:</b> movie title
  1204. <br><b>role:</b> character name
  1205. <br><b>release:</b> year
  1206.  
  1207.  
  1208. <p>
  1209. <img src="http://i.imgur.com/IhKBFtF.png">
  1210. <b>title:</b> movie title
  1211. <br><b>role:</b> character name
  1212. <br><b>release:</b> year
  1213. </p>
  1214.  
  1215. </div>
  1216. <!------------END OF PROJECTS---------->
  1217. </div>
  1218. {/block:IfProjects}
  1219.  
  1220. {block:IfDisclaimer}
  1221. <div class="caixas">
  1222. <div class="caixastitulo">{text:Disclaimer Label}</div>
  1223.  
  1224. {block:IfCreator}
  1225. <div id="stitle"><b>Creator:</b>{text:Creator}</div>
  1226. {/block:IfCreator}
  1227. {block:IfEstabilished}
  1228. <div id="stitle"><b>Estabilished:</b>{text:Estabilished}</div>
  1229. {/block:IfEstabilished}
  1230. {block:IfOnlineScript}
  1231. <div id="stitle"><b>Online:</b>{text:OnlineScript}</div>
  1232. {/block:IfOnlineScript}
  1233. {block:IfViewsScript}
  1234. <div id="stitle"><b>Online:</b>{text:ViewsScript}</div>
  1235. {/block:IfViewsScript}
  1236.  
  1237. {text:Disclaimer}
  1238. </div>
  1239. {/block:IfDisclaimer}
  1240.  
  1241. </div>
  1242.  
  1243. <div id="lado2">
  1244.  
  1245. <div class="caixas">
  1246. <div class="caixastitulo">{title}</div>
  1247. <img class="perfil" src="{image:sidebar}" />
  1248. {Description}
  1249.  
  1250. </div>
  1251.  
  1252. <div class="caixas">
  1253. <div class="caixastitulo">{text:Social Label}</div>
  1254. <div id="soc">
  1255. {block:IfInstagramUsername}
  1256. <a target="_blank" href="http://instagram.com/{text:InstagramUsername}"><i class="fa fa-instagram" aria-hidden="true"></i></a>
  1257. {/block:IfInstagramUsername}
  1258.  
  1259. {block:IfLastFmUrl}
  1260. <a target="_blank" href="{text:LastFmUrl}"><i class="fa fa-lastfm" aria-hidden="true"></i></a>
  1261. {/block:IfLastFmUrl}
  1262.  
  1263. {block:IfFacebookUsername}
  1264. <a target="_blank" href="http://facebook.com/{text:FacebookUsername}"><i class="fa fa-facebook" aria-hidden="true"></i></a>
  1265. {/block:IfFacebookUsername}
  1266.  
  1267. {block:IfSkypeUsername}
  1268. <a target="_blank" href="skype:{text:SkypeUsername}"><i class="fa fa-skype" aria-hidden="true"></i></a>
  1269. {/block:IfSkypeUsername}
  1270.  
  1271. {block:IfFlickrUsername}
  1272. <a target="_blank" href="http://flickr.com/photos/{text:FlickrUsername}"><i class="fa fa-flickr" aria-hidden="true"></i></a>
  1273. {/block:IfFlickrUsername}
  1274.  
  1275. {block:IfTumblrUsername}
  1276. <a target="_blank" href="http://tumblr.com/{text:TumblrUsername}"><i class="fa fa-tumblr" aria-hidden="true"></i></a>
  1277. {/block:IfTumblrUsername}
  1278.  
  1279. {block:IfTwitterUsername}
  1280. <a target="_blank" href="http://twitter.com/{text:TwitterUsername}"><i class="fa fa-twitter" aria-hidden="true"></i></a>
  1281. {/block:IfTwitterUsername}
  1282.  
  1283. {block:IfYoutubeUsername}
  1284. <a target="_blank" href="http://youtube.com/{text:YoutubeUsername}"><i class="fa fa-youtube" aria-hidden="true"></i></a>
  1285. {/block:IfYoutubeUsername}
  1286.  
  1287. {block:IfWeHeartItUsername}
  1288. <a target="_blank" href="http://weheartit.com/{text:WeHeartItUsername}"><i class="fa fa-heart" aria-hidden="true"></i></a>
  1289. {/block:IfWeHeartItUsername}
  1290.  
  1291. {block:IfWebsiteUrl}
  1292. <a target="_blank" href="{text:WebsiteUrl}"><i class="fa fa-globe" aria-hidden="true"></i></a>
  1293. {/block:IfWebsiteUrl}
  1294.  
  1295. {block:IfGooglePlusUrl}
  1296. <a target="_blank" href="{text:GooglePlusUrl}"><i class="fa fa-google-plus" aria-hidden="true"></i></a>
  1297. {/block:IfGooglePlusUrl}
  1298. </div>
  1299. </div>
  1300.  
  1301. <div class="caixas">
  1302. <div class="caixastitulo">{text:Affliates Label}</div>
  1303. <div class="pt">
  1304. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1305. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1306. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1307. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1308. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1309. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1310. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1311. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1312. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1313. <a href="#" title="affialiate"><img src="{favicon}"></a>
  1314. </div>
  1315. </div>
  1316.  
  1317. {block:IfTwitterCode}
  1318. <div class="caixas">
  1319. <div class="caixastitulo">{lang:Latest Tweets}</div>
  1320. {text:TwitterCode}
  1321. </div>
  1322. {/block:IfTwitterCode}
  1323.  
  1324. </div>
  1325.  
  1326. {block:Posts}
  1327.  
  1328. <div class="entry">
  1329.  
  1330. <div class="from">
  1331. {block:RebloggedFrom}
  1332. <a href="{ReblogRootURL}">
  1333. <img class="si" src="{ReblogRootPortraitURL-64}">
  1334. </a>
  1335. <div class="sit">
  1336. <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>
  1337. &mdash;
  1338. <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>
  1339. </div>
  1340. {/block:RebloggedFrom}
  1341. <div class="sit" style="float:right;">
  1342. {ShortMonth} {DayOfMonthWithZero}{DayofMonthSuffix}
  1343. </div>
  1344. </div>
  1345.  
  1346. {block:Title} <h1>{TItle}</h1> {/block:Title}
  1347.  
  1348. {block:Text} {Body} {/block:Text}
  1349.  
  1350. {block:Photo}
  1351. <img src="{PhotoURL-HighRes}" width="100%" />
  1352. {/block:Photo}
  1353.  
  1354. {block:Photoset}
  1355. {Photoset-500}
  1356. {/block:Photoset}
  1357.  
  1358. {block:Quote}
  1359. <div class="quote">
  1360. "{Quote}"
  1361. {block:Source}
  1362. <div class="qsub">
  1363. &mdash; {Source}
  1364. </div>
  1365. {/block:Source}
  1366. </div>
  1367. {/block:Quote}
  1368.  
  1369. {block:Link}
  1370. <div class="link">
  1371. <div class="linktitle"><a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li>
  1372. </a></div>
  1373. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  1374. {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  1375. </div></div>
  1376. {/block:Link}
  1377.  
  1378. {block:Chat}
  1379. <div class="chat">
  1380. {block:Lines}
  1381. {block:Label}
  1382. <div class="ch1">
  1383. <b>{Label}</b>
  1384. {/block:Label}
  1385. {Line}</br>
  1386. </div>
  1387. {/block:Lines}
  1388. </div>
  1389. {/block:Chat}
  1390.  
  1391. {block:Audio}<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}
  1392.  
  1393. {block:Video}
  1394. {Video-500}
  1395. {PlayCountWithLabel}
  1396. {/block:Video}
  1397.  
  1398. {block:Answer}
  1399. <div class="pergunta">
  1400. <div class="pessoap">{lang:Asker asked 2}:</div>{Question}</div>
  1401. <div class="pessoapfoto"><img src="{AskerPortraitURL-48}" /></div>
  1402. <div class="sresposta">{Answer}</div>
  1403. {/block:Answer}
  1404.  
  1405. {block:Caption}
  1406. <div class="caption">
  1407. {Caption}
  1408. </div>
  1409. {/block:Caption}
  1410.  
  1411. {block:Date}
  1412. <div class="seureblog">
  1413. {block:NoteCount}
  1414. <a href="{Permalink}"><i class="uniicons-bookmarks10" style="color:{color:Accent};" ></i> {NoteCount}</a>
  1415. {/block:NoteCount}
  1416. <div style="float:right;">
  1417. <a href="{ReblogUrl}"><i class="uniicons-reload22" ></i></a>
  1418. <div class="custom-like-button">{LikeButton}
  1419. <span class="our_button"><i class="uniicons-loving40"></i></span>
  1420. </div>
  1421. </div>
  1422. </div>
  1423. {/block:Date}
  1424.  
  1425. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
  1426.  
  1427. {block:PermalinkPage}
  1428. {block:PostNotes}
  1429. <div id="notas">
  1430. {PostNotes-64}
  1431. </div>
  1432. {/block:PostNotes}
  1433. {/block:PermalinkPage}
  1434.  
  1435. </div>
  1436.  
  1437. {/block:Posts}
  1438.  
  1439. </div>
  1440.  
  1441. {block:IfNotInfiniteScroll}
  1442. {block:Pagination}
  1443. <div id="paginacao">
  1444. {block:PreviousPage}
  1445. <a href="{PreviousPage}">{lang:Previous}</a>
  1446. {/block:PreviousPage}
  1447. {block:JumpPagination length="6"}
  1448. {block:CurrentPage}
  1449. <span class="current_page">{CurrentPage}</span>
  1450. {/block:CurrentPage}
  1451. {block:JumpPage}
  1452. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1453. {/block:JumpPage}
  1454. {/block:JumpPagination}
  1455. <span class="total_pages">...{TotalPages}</span>
  1456. {block:NextPage}
  1457. <a href="{NextPage}">{lang:Next}</a>
  1458. {/block:NextPage}
  1459. </div>
  1460. {/block:Pagination}
  1461. {/block:IfNotInfiniteScroll}
  1462.  
  1463. {block:IfInfiniteScroll}<div class="pagination">
  1464. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1465. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1466. </div>{/block:IfInfiniteScroll}
  1467.  
  1468. <!-- **IMPORTANT!** NÃO RETIRE/NÃO REMOVA -->
  1469. <div id="ccr"><i class="fa fa-code" aria-hidden="true"></i>
  1470. <a href="http://ttamplamente.tumblr.com/tagged/my" target="_blank">
  1471. <div id="cn">amplamente</div></a></div>
  1472. <!-- **IMPORTANT!** NÃO RETIRE/NÃO REMOVA -->
  1473.  
  1474. <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>
  1475.  
  1476. <!-- TOOLTIP -->
  1477. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  1478. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  1479. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  1480.  
  1481. <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>
  1482.  
  1483. </body>
  1484. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement