Advertisement
Carolaine_Vieira

Amora

Mar 22nd, 2016
328
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.43 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- ─────────╔╗────────────╔╗
  3. ─────────║║───────────╔╝╚╗
  4. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  5. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  6. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  7. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  8. ──────║║
  9. ──────╚╝
  10.  
  11. ➸ Tema criado por Carolaine Vieira
  12. ➸ Theme made by Amplamente
  13. ➸ http://amplamente.tumblr.com
  14. ➸ Não retire os crédtios
  15. ➸ Don't remove credit
  16.  
  17. -->
  18.  
  19.  
  20. <head>
  21.  
  22. <title>{title}</title>
  23. <link rel="shortcut icon" href="{Favicon}"/>
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  26.  
  27. <meta name="color:Background" content="#f6f6f6"/>
  28. <meta name="color:Post Bg" content="#fff"/>
  29. <meta name="color:Shadows" content="#f3f3f3"/>
  30. <meta name="color:Text" content="#888888"/>
  31. <meta name="color:Link" content="#ccc"/>
  32. <meta name="color:Link hover" content="#222222"/>
  33. <meta name="color:Scrollbar" content="#000000"/>
  34.  
  35. <meta name="if:InfiniteScroll" content="0"/>
  36.  
  37. <meta name="select:Columns" content="485px" title="1" />
  38. <meta name="select:Columns" content="980px" title="2" />
  39.  
  40. <meta name="image:Background" content=""/>
  41. <meta name="image:Sidebar" content="http://i.imgur.com/mdjznlZ.png"/>
  42.  
  43. <meta name="text:Font size" content="12" />
  44. <meta name="text:Sidebar border radius" content="100" />
  45. <meta name="text:More info" content="Lorem ipsum dolor sit amet" />
  46. <meta name="text:Tagged" content="#tag" />
  47. <meta name="text:Your url" content="amplamente" />
  48. <meta name="text:Link1" content="link 1" />
  49. <meta name="text:Link1url" content="/" />
  50. <meta name="text:Link2" content="link 2" />
  51. <meta name="text:Link2url" content="/" />
  52. <meta name="text:Link3" content="link 3" />
  53. <meta name="text:Link3url" content="/" />
  54. <meta name="text:Link4" content="link 4" />
  55. <meta name="text:Link4url" content="/" />
  56. <meta name="text:Link5" content="link 5" />
  57. <meta name="text:Link5url" content="/" />
  58. <meta name="text:Link6" content="link 6" />
  59. <meta name="text:Link6url" content="/" />
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66.  
  67. $(document).ready(function(){
  68. $("[title]").style_my_tooltips();
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  74. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  75.  
  76. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  77. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  78. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  79. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/uniicons-adj.css?dl=0">
  80. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  81. <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  82.  
  83. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  84.  
  85. <script language="javascript">
  86. $(document).ready(function() {
  87. $('a#clickbutton').click(function() {
  88. $('.t',this).toggle();
  89. });
  90. $("#about").css({"bottom": "120%"})
  91. $("#clickbutton").toggle(
  92. function () {
  93. $("#about").animate({"bottom": "0%"}, "slow");
  94. },
  95. function () {
  96. $("#about").animate({"bottom": "120%"}, "slow");
  97. });
  98. });
  99. </script>
  100.  
  101. <script>
  102. $(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;});});
  103. </script>
  104.  
  105. <style type="text/css">
  106. #about {
  107. margin-left:300px;
  108. position: fixed;
  109. width:1170px;
  110. height:800px;
  111. margin-bottom:0px;
  112. font:10px ‘Arial’;
  113. padding: 20px;
  114. background:{color:background};
  115. color:white;
  116. bottom:120%;
  117. padding:20px;
  118. z-index:9;
  119. }
  120.  
  121. /* BOTÕES DE CONTROLES PERSONALIZADOS FEITO POR GABRIELE EM (CLAMAM.TUMBLR.COM) DISPONÍVEL EM PASSO-HTML. NÃO REMOVA OS CRÉDITOS DAQUI! */
  122. #ph-controls{position:fixed; width:auto; padding:0 10px; top:20px; right:10px; margin:8px; z-index:99; text-align:center;}
  123. #ph-controls a{z-index:99; display:inline-block; margin:0px 4px; font-size:18px;}
  124. #tumblr_controls,.tmblr-iframe {{block:IndexPage}display:none!important; {/block:IndexPage}}
  125.  
  126. hr {
  127.  
  128. border:1px solid #eee;
  129. width:180px;
  130. margin-top:20px;
  131. margin-bottom:20px;
  132.  
  133. }
  134.  
  135. .ch { /* CHAT */
  136. background:transparent;
  137. margin-bottom:20px;
  138. font-size:11px;
  139. }
  140. .ch .ch1 { /* LINHAS DO CHAT */
  141. padding:10px;
  142. margin-bottom:5px;
  143. }
  144. .ch1:nth-child(2n+1){/* PRIMEIRA PESSOA - COR DE FUNDO + MARGEN + TEXTO*/
  145. background:#fbfbfb;
  146. border:1px solid #eee;
  147. color:#999;
  148. border-radius:5px;
  149. border-bottom-right-radius:0px;
  150. }
  151. .ch1:nth-child(2n+2){/* SEGUNDA PESSOA - COR DE FUNDO + MARGEN + TEXTO */
  152. background:transparent;
  153. border:1px solid #eee;
  154. color:#999;
  155. border-radius:5px;
  156. border-bottom-left-radius:0px;
  157. }
  158. .ch b{/* NOME DA PESSOA QUE ESTÁ FALANDO */
  159. text-transform:uppercase; font-size:10px; color:#999;}
  160.  
  161.  
  162. .sform input {
  163. font-size:10px;
  164. text-transform:uppercase;
  165. color:{color:Shadows};
  166. text-align:center;
  167. background:transparent;
  168. border:0px;
  169. padding:7px;
  170. letter-spacing:2px;
  171. background:{color:post bg};
  172. }
  173.  
  174. ::-webkit-input-placeholder { color: {color:search box text}; }
  175. :-moz-placeholder { color: {color:search box text}; }
  176. ::-moz-placeholder { color: {color:search box text}; }
  177. :-ms-input-placeholder { color: {color:search box text}; }
  178.  
  179. .sbox {
  180.  
  181. margin-top:5px;
  182. margin-left:auto;
  183. margin-right:auto;
  184. width:240px;
  185. float:left;
  186. -webkit-transition:all 0.3s ease-out;
  187. -moz-transition:all 0.3s ease-out;
  188. transition:all 0.3s ease-out;
  189. }
  190. .sbox:hover {
  191. background:{color:banner hover};
  192. color:{color:search box text typing};
  193. -webkit-transition:all 0.3s ease-out;
  194. -moz-transition:all 0.3s ease-out;
  195. transition:all 0.3s ease-out;
  196. }
  197.  
  198. blockquote {
  199. margin-left:10px;
  200. padding:6px;
  201. padding-left:12px;
  202. width:330px;
  203. background:transparent;
  204. border-left:2px solid #eee;
  205. border-radius:2px;
  206. }
  207.  
  208. blockquote img {max-width:250px !important;}
  209.  
  210. /* BY CLAMAM */
  211.  
  212. .album{background-repeat: no-repeat; background-position: center; position: absolute; width:86px; height:86px; background-size:60px; overflow:hidden;}
  213. .album img{width:86px; height:86px; border-radius:4px; overflow: hidden; -moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  214. .album img:hover{-moz-transition:all ease-in-out 0.7s; -webkit-transition:all ease-in-out 0.7s; -o-transition:all ease-in-out 0.7s; transition:all ease-in-out 0.7s;}
  215. .player{width:10px; height:11px; overflow:hidden; padding:4px 21px 21px 4px; margin-top:27px; margin-left:27px; position:absolute; background-color:{color:background}; opacity: 0.9; z-index: 8; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;}
  216. .player:hover {opacity:1;}
  217. .track{margin-left:80px; overflow:auto; min-height:65px; max-height:100px; font-size:10px; padding:10px;text-transform:uppercase;letter-spacing:.5px; margin-top:0px; padding-left:20px; border-radius:4px; border:1px solid {color:shadows};}
  218.  
  219. /* BY CLAMAM */
  220.  
  221. #question {padding:0px; margin-bottom:5px;}
  222.  
  223. #asker_portrait img{
  224.  
  225. border-top-left-radius:20px;
  226. border-top-right-radius:20px;
  227. border-bottom-right-radius:20px;
  228. max-width:40px;
  229. margin-top:-25px;
  230. position:relative;
  231.  
  232. margin-right:20px;
  233. padding:4px;
  234. background:{color:question};
  235.  
  236. }
  237.  
  238. h4 {
  239.  
  240. font-size:11px;
  241. color:{color:bold};
  242. text-align:left;
  243. font-weight:normal;
  244. padding-bottom:5px;
  245. margin-bottom:6px;
  246. font-weight:bold;
  247.  
  248. }
  249.  
  250. #asker {font-weight:normal; text-transform:uppercase; font-style:normal; }
  251.  
  252. #asker a {text-align:center; font-size:12px;}
  253.  
  254. #asked_question {
  255. background-color:transparent;
  256. padding-top:0px;
  257. padding:20px;
  258. padding-right:30px;
  259. padding-left:30px;
  260. margin-top:-20px;
  261. min-height:20px;
  262. text-align:left;
  263. margin-left:-15px;
  264. width:370px;
  265. border-bottom:1px solid {color:shadows};
  266.  
  267. }
  268.  
  269. #answer {
  270. padding:2px 10px;
  271. margin-left:5px;
  272. margin-top:10px;
  273. margin-bottom:5px;
  274. }
  275.  
  276.  
  277. #s-m-t-tooltip {
  278.  
  279. max-width:300px;
  280. padding:6px;
  281. padding-left:8px;
  282. padding-right:8px;
  283. margin:15px 20px;
  284. font-size:9px;
  285. letter-spacing:1px;
  286. text-transform:uppercase;
  287. color:#999;
  288. background:#fff;
  289. border:1px solid #eee;
  290. z-index:9999999;
  291.  
  292. }
  293.  
  294. ol, ul {padding:0px;list-style-type:none;}
  295. ul li {position:relative;padding-left:20px;}
  296. ul li:before {
  297. content:'';
  298. position:absolute;
  299. display:block;
  300. top:8px;
  301. left:0px;
  302. width:10px;
  303. height:1px;
  304. background:{color:link};
  305. }
  306.  
  307. i { color: {color:link} ;!important; }
  308. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  309.  
  310. iframe#tumblr_controls {black-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.2;}
  311. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  312. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed;}
  313.  
  314. h1 {
  315. font-size:16px;
  316. color:{color:bold};
  317. text-align:left;
  318. font-weight:normal;
  319. padding-bottom:5px;
  320. margin-bottom:10px;
  321. font-weight:bold;
  322.  
  323. }
  324.  
  325. .date {
  326. line-height:0px;
  327. margin-top:-10px;
  328. padding-top:0px;
  329. float:right;
  330. margin-right:0px;
  331. text-align:right;
  332. width:250px;
  333. background-color:transparent;
  334. text-transform:uppercase;
  335. font-size:10px;
  336. color:gray;
  337. {block:PermalinkPage}
  338. display:none;
  339. {/block:PermalinkPage}
  340. }
  341. .date a{color:#b3b3b3; text-shadow:none; margin-right:3px;}
  342. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:#737373; }
  343.  
  344.  
  345. .reblog {
  346.  
  347. margin-top:4px;
  348. margin-left:10px;
  349. padding-top:0px;
  350. float:left;
  351. background-color:transparent;
  352. padding:5px;
  353. font-size:12px;
  354. color:gray;
  355. font-weight:bold;
  356. {block:PermalinkPage}
  357. display:none;
  358. {/block:PermalinkPage}
  359. }
  360. .likie {
  361. margin-top:-16px;
  362. margin-left:10px;
  363. background-color:transparent;
  364. padding-top:0px;
  365. padding:5px;
  366. padding-bottom:3px;
  367. font-size:15px;
  368. color:#000;
  369. font-weight:bold;
  370. {block:PermalinkPage}
  371. display:none;
  372. {/block:PermalinkPage}
  373. }
  374. .reblog a{color:{color:post bg};}
  375.  
  376. a{
  377. color:{color:Link};
  378. text-decoration:none;
  379. -webkit-transition:all 0.3s ease-out;
  380. -moz-transition:all 0.3s ease-out;
  381. transition:all 0.3s ease-out;
  382. }
  383.  
  384. a:hover{
  385. color:{color:Link hover};
  386. -webkit-transition:all 0.3s ease-out;
  387. -moz-transition:all 0.3s ease-out;
  388. transition:all 0.3s ease-out;
  389.  
  390. }
  391.  
  392. body{
  393. cursor:crosshair;
  394. color:{color:Text};
  395. font-family: 'Noto Sans', sans-serif;
  396. font-size:{text:font size}px;
  397. background: {color:background} url("{image:background}") fixed;
  398. }
  399.  
  400. h2 {text-align:center; text-transform:none;}
  401.  
  402. #post{
  403. margin-top:0px;
  404. width:{select:columns};
  405. height:auto;
  406. margin-left:320px;
  407. color:{color:Text};
  408. background:transparent;
  409. padding:20px;
  410. padding-top:80px;
  411. text-align:left;
  412. }
  413.  
  414. .entry{
  415. border-radius:4px;
  416. text-align:left;
  417. padding:15px;
  418. color:{color:Text};
  419. background:{color:post bg};
  420. width:400px;
  421. height:auto;
  422. float:left;
  423. margin:30px;
  424. -webkit-box-shadow: 4px 4px 0 0 {color:shadows};
  425. box-shadow: 4px 4px 0 0 {color:shadows};
  426. -webkit-transition: 1s ease-in-out;
  427. -moz-transition: 1s ease-in-out;
  428. -o-transition: 1s ease-in-out;
  429.  
  430. }
  431.  
  432. .entry img{
  433. max-width:400px;
  434. height:auto;
  435. float:left;
  436. margin-bottom:8px;
  437. }
  438.  
  439. .entry .perm{
  440.  
  441. text-transform:uppercase;
  442. background:{color:post bg};
  443. text-align:left;
  444. margin-top:-20px;
  445. margin-left:450px;
  446. border-bottom:1px solid {color:Shadows};
  447. width:200px;
  448. height:auto;
  449. position:absolute;
  450. opacity:0.0;
  451. font-family: inconsolata;
  452. {block:PermalinkPage}
  453. display:none;
  454. {/block:PermalinkPage}
  455. -webkit-transition:all 0.5s ease-out;
  456. -moz-transition:all 0.5s ease-out;
  457. transition:all 0.5s ease-out;
  458.  
  459. }
  460. .entry:hover .perm{
  461. height:auto;
  462. opacity:1;
  463. -webkit-transition:all 0.5s ease-out;
  464. -moz-transition:all 0.5s ease-out;
  465. transition:all 0.5s ease-out;
  466.  
  467. }
  468.  
  469. .pagination {
  470. display: none;
  471. }
  472.  
  473. ::-webkit-scrollbar {height:5px; width:2px;}
  474.  
  475. ::-webkit-scrollbar-track-piece {
  476. background-color:{color:header bg};
  477. }
  478.  
  479. ::-webkit-scrollbar-thumb {
  480. background-color:{color:scrollbar};
  481. }
  482.  
  483. #notas {
  484. margin-top:0px;
  485. width:95%;
  486. height:200px;
  487. overflow-y:auto;
  488. padding:10px;
  489. text-transform:uppercase;
  490. margin-left:auto;
  491. margin-right:auto;
  492.  
  493. }
  494.  
  495. .notes img {
  496. width: 15px;
  497. border-radius:2px;
  498. float:right;
  499. list-style:none;
  500. -webkit-transition: all 0.5s linear;
  501. -moz-transition: all 0.5s linear;
  502. transition: all 0.5s linear;}
  503. ol.notes, .notes li {
  504. border-bottom:1px solid {color:Shadows};
  505. list-style:none;
  506. width: 100%;
  507. padding:10px;
  508. font-size:10px;
  509. margin-top: 5px;
  510. margin-left:0px;
  511. padding-left: 0px}
  512. .notes li:hover img {
  513. list-style:none;
  514. -webkit-transition: all 0.5s linear;
  515. -moz-transition: all 0.5s linear;
  516. transition: all 0.5s linear;}
  517.  
  518. #notas::-webkit-scrollbar-track-piece {
  519. background-color:{color:post bg};
  520. }
  521.  
  522.  
  523. .tags {
  524. text-align:center;
  525. width:430px;
  526. margin-bottom:-50px;
  527. margin-left:-20px;
  528. height:auto;
  529. background:transparent;
  530. text-transform:uppercase;
  531. margin-top:10px;
  532. margin-bottom:0px;
  533. border-top:1px solid {color:shadows};
  534.  
  535. }
  536. .tags a{
  537.  
  538. margin:4px;
  539. background:transparent;
  540. font-size:8px;
  541. color:#ccc;
  542. -webkit-transition: all 3s ease-in-out;
  543. -moz-transition: all 3s ease-in-out;
  544. -ms-transition: all 3s ease-in-out;
  545. -o-transition: all 3s ease-in-out;
  546. transition: all 3s ease-in-out;
  547.  
  548. }
  549.  
  550. .tags a:hover {
  551.  
  552. text-decoration:line-through;
  553. -webkit-transition: all 3s ease-in-out;
  554. -moz-transition: all 3s ease-in-out;
  555. -ms-transition: all 3s ease-in-out;
  556. -o-transition: all 3s ease-in-out;
  557. transition: all 3s ease-in-out;
  558.  
  559. }
  560.  
  561. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:10px; bottom:10px; font-size:27px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  562. -webkit-transition:all 0.3s ease-out;
  563. -moz-transition:all 0.3s ease-out;
  564. transition:all 0.3s ease-out;
  565. text-shadow:none;
  566. }
  567. #top1 a{background-color: rgba(255, 255, 255, 0.5); padding:10px; border-radius:2px; color: rgba(128, 128, 128, 0.9);}
  568. #top1 a:hover {text-shadow:none;}
  569.  
  570. .scrollup {
  571. width: auto;
  572. height: auto;
  573. position: fixed;
  574. bottom: 45px;
  575. right: 10px;
  576. text-transform:none;
  577. display:none;
  578. padding:10px;
  579. border-radius:2px;
  580. color: rgba(128, 128, 128, 0.7);
  581. background-color: rgba(255, 255, 255, 0.5);
  582. -webkit-transition:all 0.3s ease-out;
  583. -moz-transition:all 0.3s ease-out;
  584. transition:all 0.3s ease-out;
  585. }
  586. .scrollup:hover {
  587. bottom:55px;
  588. -webkit-transition:all 0.3s ease-out;
  589. -moz-transition:all 0.3s ease-out;
  590. transition:all 0.3s ease-out;
  591.  
  592. }
  593.  
  594. #poxa {
  595. margin-top:15px;
  596. }
  597.  
  598. #poxa a {
  599. padding:3px;
  600. font-size:10px;
  601. text-align:left;
  602. margin-left:3px;
  603. width:210px;
  604. margin-bottom:7px;
  605. text-transform:lowercase;
  606. display:inline-block;
  607. color:{color:text};
  608. -webkit-transition:all 0.3s ease-out;
  609. -moz-transition:all 0.3s ease-out;
  610. transition:all 0.3s ease-out;
  611. text-decoration:none;
  612. text-shadow:none;
  613. }
  614.  
  615. #poxa a:hover {
  616. text-shadow:none;
  617. padding-left:15px;
  618. -webkit-transition:all 0.3s ease-out;
  619. -moz-transition:all 0.3s ease-out;
  620. transition:all 0.3s ease-out;}
  621.  
  622. .sobre {
  623.  
  624. font-family: 'Noto Sans', sans-serif;
  625. font-size:{text:font size}px;
  626. text-transform:none;
  627. padding:5px;
  628. text-align:left;
  629. margin-top:0px;
  630. background:transparent;
  631.  
  632. }
  633.  
  634. #fter {
  635. height:auto;
  636. width:920px;
  637. margin-top:-10px;
  638. margin-bottom:-20px;
  639. padding:40px;
  640. text-align:center;
  641. margin-left:auto;
  642. margin-right:auto;
  643. background:#fff;
  644. border-top:1px solid {color:shadows};
  645. -webkit-transition:all 0.3s ease-out;
  646. -moz-transition:all 0.3s ease-out;
  647. transition:all 0.3s ease-out;
  648. }
  649.  
  650. #cola {
  651.  
  652. {block:PermalinkPage} display:none; {/block:PermalinkPage}
  653. float:left;
  654. width:390px;
  655. padding-bottom:0px;
  656. margin-top:10px;
  657. margin-left:-15px;
  658. margin-bottom:-15px;
  659. padding:20px;
  660. background:{color:post bg};
  661. border-bottom-left-radius:4px;
  662. border-bottom-right-radius:4px;
  663. border-top:1px solid {color:shadows};
  664.  
  665. }
  666.  
  667. .pow {
  668.  
  669. text-align:left;
  670. float:left;
  671.  
  672. }
  673.  
  674. #foto {
  675.  
  676. width:200px;
  677. background:#fff;
  678. border-radius:4px;
  679. padding:20px;
  680. margin:20px;
  681. float:left;
  682. color:{color:text};
  683. font-family:Noto Sans;
  684. font-size:{text:font size};
  685. height:150px;
  686. -webkit-box-shadow: 4px 4px 0 0 {color:shadows};
  687. box-shadow: 4px 4px 0 0 {color:shadows};
  688. overflow-y:auto;
  689. overflow-x:hidden;
  690.  
  691. }
  692.  
  693. #ct {
  694.  
  695. width:840px;
  696. margin-top:150px;
  697. background:transparent;
  698. margin-left:auto;
  699. margin-right:auto;
  700. height:20px;
  701.  
  702. }
  703.  
  704. #abtitle {
  705.  
  706. text-align:left;
  707. font-size:14px;
  708. font-weight:bold;
  709. border-bottom:1px solid {color:shadows};
  710. margin-bottom:15px;
  711. padding-bottom:3px;
  712.  
  713. }
  714.  
  715. .ff {
  716.  
  717. padding-top:0px;
  718. padding:0px;
  719. background:transparent;
  720.  
  721. }
  722.  
  723. .ff img{
  724.  
  725. max-width:28px;
  726. background:transparent;
  727. margin:4px;
  728. -webkit-transition: all 0.5s ease;
  729. -moz-transition: all 0.5s ease;
  730. -o-transition: all 0.5s ease;
  731. -ms-transition: all 0.5s ease;
  732. transition: all 0.5s ease;
  733. border-radius:100%;
  734.  
  735. }
  736. .ff a:hover {background:transparent;}
  737. .ff img:hover {
  738.  
  739. -webkit-transition: all 0.5s ease;
  740. -moz-transition: all 0.5s ease;
  741. -o-transition: all 0.5s ease;
  742. -ms-transition: all 0.5s ease;
  743. transition: all 0.5s ease;
  744. -webkit-transform: rotate(-360deg);
  745. -moz-transform: rotate(-360deg);
  746. -o-transform: rotate(-360deg);
  747. -ms-transform: rotate(-360deg);
  748. transform: rotate(-360deg);
  749. border-radius:10%;
  750.  
  751. }
  752.  
  753. .apr2 {/* FOTO */
  754.  
  755. width:100px;
  756. margin-left:0;
  757. border-radius:calc({text:sidebar border radius}px - 5px);
  758.  
  759. }
  760.  
  761. .sidebar2 { /* SIDEBAR */
  762.  
  763. position:fixed;
  764. width:100px;
  765. height:100px;
  766. background:{color:post bg};
  767. border-radius:{text:sidebar border radius}px;
  768. top:50%;
  769. margin-top:-100px;
  770. left:150px;
  771. padding:10px;
  772. -webkit-box-shadow: 3px 3px 0 0 {color:shadows};
  773. box-shadow: 3px 3px 0 0 {color:shadows};
  774. -webkit-transition: all 0.3s ease-out;
  775. -moz-transition: all 0.3s ease-out;
  776. -ms-transition: all 0.3s ease-out;
  777. -o-transition: all 0.3s ease-out;
  778. transition: all 0.3s ease-out;
  779.  
  780. }
  781. .sidebar2:hover { /* SIDEBAR QUANDO PASSA O MOUSE */
  782. -webkit-transition: all 0.3s ease-out;
  783. -moz-transition: all 0.3s ease-out;
  784. -ms-transition: all 0.3s ease-out;
  785. -o-transition: all 0.3s ease-out;
  786. transition: all 0.3s ease-out;
  787.  
  788. }
  789.  
  790. .sidebar2 .sidetitle2{ /* TITULO DA SIDEBAR */
  791.  
  792. position:absolute;
  793. width:80px;
  794. height:80px;
  795. background:{color:post bg};
  796. border-radius:{text:sidebar border radius}px;
  797. padding:10px;
  798. margin-top:-200px;
  799. margin-left:0px;
  800. font-size:45px;
  801. text-transform:none;
  802. opacity:0.0;
  803. -webkit-box-shadow: 3px 3px 0 0 {color:shadows};
  804. box-shadow: 3px 3px 0 0 {color:shadows};
  805. -webkit-transition: all 0.3s ease-out;
  806. -moz-transition: all 0.3s ease-out;
  807. -ms-transition: all 0.3s ease-out;
  808. -o-transition: all 0.3s ease-out;
  809. transition: all 0.3s ease-out;
  810.  
  811. }
  812. .sidebar2:hover .sidetitle2{ /* TITULO DA SIDEBAR QUANDO PASSA O MOUSE */
  813. opacity:1;
  814. margin-top:-230px;
  815. -webkit-transition: all 0.3s ease-out;
  816. -moz-transition: all 0.3s ease-out;
  817. -ms-transition: all 0.3s ease-out;
  818. -o-transition: all 0.3s ease-out;
  819. transition: all 0.3s ease-out;
  820.  
  821. }
  822.  
  823. .sidebar2 .sidedesc2{ /* DESCRIÇÃO DA SIDEBAR */
  824.  
  825. position:absolute;
  826. width:60px;
  827. height:60px;
  828. background:{color:post bg};
  829. border-radius:{text:sidebar border radius}px;
  830. margin-top:-21px;
  831. margin-left:11px;
  832. font-size:30px;
  833. opacity:0.0;
  834. padding:10px;
  835. -webkit-box-shadow: 3px 3px 0 0 {color:shadows};
  836. box-shadow: 3px 3px 0 0 {color:shadows};
  837. -webkit-transition: all 0.3s ease-out;
  838. -moz-transition: all 0.3s ease-out;
  839. -ms-transition: all 0.3s ease-out;
  840. -o-transition: all 0.3s ease-out;
  841. transition: all 0.3s ease-out;
  842.  
  843. }
  844. .sidebar2:hover .sidedesc2{ /* DESCRIÇÃO QUANDO PASSA O MOUSE */
  845. opacity:1;
  846. margin-top:21px;
  847. -webkit-transition: all 0.3s ease-out;
  848. -moz-transition: all 0.3s ease-out;
  849. -ms-transition: all 0.3s ease-out;
  850. -o-transition: all 0.3s ease-out;
  851. transition: all 0.3s ease-out;
  852.  
  853. }
  854.  
  855. #fx {
  856.  
  857. position:fixed;
  858. height:100%;
  859. width:300px;
  860. left:0px;
  861. top:0px;
  862.  
  863. }
  864.  
  865. #viu {
  866. z-index:99;
  867. background:transparent;
  868. position:fixed;
  869. right:20px;
  870. top:30px;
  871. width:auto;
  872. text-align:center;
  873. }
  874. #viu a {
  875. padding-left:8px;
  876. padding-right:8px;
  877. margin-left:10px;
  878. text-transform:uppercase;
  879. display:inline-block;
  880. text-align:left;
  881. background-color:{color:post bg};
  882. border-radius:100%;
  883. padding:5px;
  884. color:transparent;
  885. font-size:11px;
  886. -webkit-box-shadow: 2px 2px 0 0 {color:shadows};
  887. box-shadow: 2px 2px 0 0 {color:shadows};
  888. -webkit-transition:all 0.3s ease-out;
  889. -moz-transition:all 0.3s ease-out;
  890. transition:all 0.3s ease-out;
  891. }
  892. #viu a:hover {
  893. -moz-transform: scale(1.5);
  894. -webkit-transform: scale(1.5);
  895. -o-transform: scale(1.5);
  896. -ms-transform: scale(1.5);
  897. transform: scale(1.5);
  898. -moz-transform: rotate(360deg);
  899. -webkit-transform: rotate(360deg);
  900. -o-transform: rotate(360deg);
  901. -ms-transform: rotate(360deg);
  902. transform: rotate(360deg);
  903. color:#ccc;
  904. -webkit-transition:all 0.3s ease-out;
  905. -moz-transition:all 0.3s ease-out;
  906. transition:all 0.3s ease-out;
  907. }
  908.  
  909. #tagged a{
  910.  
  911. padding:2px;
  912. font-size:11px;
  913.  
  914. }
  915. #tagged a:hover {
  916. background:{color:link};
  917. color:{color:post bg}
  918. }
  919.  
  920.  
  921. {CustomCSS}
  922.  
  923. </style>
  924. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  925.  
  926. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  927.  
  928. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  929.  
  930. <script>
  931. $(function(){
  932. var $container = $('#post');
  933. $container.imagesLoaded(function(){
  934. $container.masonry({
  935. itemSelector: '.entry',
  936. });
  937. });
  938. $container.infinitescroll({
  939. itemSelector : ".entry",
  940. navSelector : "div.pagination",
  941. nextSelector : ".pagination a#next",
  942. loadingImg : "http://static.tumblr.com/nnc3xz0/eYDo4b927/loading5.gif",
  943. loadingText : "<em></em>",
  944. bufferPx : 10000,
  945. extraScrollPx: 12000,
  946. },
  947. // trigger Masonry as a callback
  948. function( newElements ) {
  949. var $newElems = $( newElements ).css({ opacity: 0 });
  950. // ensure that images load before adding to masonry layout
  951. $newElems.imagesLoaded(function(){
  952. $newElems.animate({ opacity: 1 });
  953. $container.masonry( 'appended', $newElems, true );
  954. });
  955. }
  956. );
  957. });
  958. </script>
  959.  
  960. </head>
  961. <body>
  962.  
  963. <div id="fx">
  964. <div class="sidebar2">
  965. <img class="apr2" src="{image:sidebar}" />
  966.  
  967. <div class="sidetitle2">
  968. <a id="clickbutton" class="t" style="cursor:pointer;"><span class="t">
  969. <li title="click for more" style="margin-top:20px; margin-left:28px" class="fa fa-pl">+</li>
  970. </span><span class="t" style="display:none">
  971. <li title="click for less" style="margin-top:15px; margin-left:33px" class="fa fa-mi">-</li>
  972. </span></a>
  973. </div>
  974.  
  975. <div class="sidedesc2">
  976. {block:IfNotInfiniteScroll}
  977. {block:Pagination}
  978. <div style="margin-top:12px; margin-left:15px; line-height:18px;">
  979. {block:PreviousPage}<a title="Previous Page" href="{PreviousPage}">⬅</a></br>
  980. {/block:PreviousPage}
  981. {block:NextPage}<a title="Next Page" href="{NextPage}">➡</a>{/block:NextPage}
  982. </div>
  983. {/block:Pagination}{/block:IfNotInfiniteScroll}
  984. </div>
  985.  
  986. </div></div>
  987.  
  988. <div id="about"><div id="ct">
  989.  
  990. <div id="foto"><div id="abtitle">{title}</div>{Description}</div>
  991.  
  992. <div id="foto"><div id="abtitle">Tagged</div><div id="tagged">{text:tagged}</div></div>
  993.  
  994. <div id="foto"><div id="abtitle">Links</div><div id="poxa">
  995. <a href="{text:link1url}">{text:link1}</a>
  996. <a href="{text:link2url}">{text:link2}</a>
  997. <a href="{text:link3url}">{text:link3}</a>
  998. <a href="{text:link4url}">{text:link4}</a>
  999. <a href="{text:link5url}">{text:link5}</a>
  1000. <a href="{text:link6url}">{text:link6}</a>
  1001. </div></div>
  1002.  
  1003. <div id="foto"><div id="abtitle">Blogroll</div><div class="ff">{block:Following}{block:Followed}<a href="{FollowedURL}" title="{FollowedName}"><img src="{FollowedPortraitURL-30}"></a>{/block:Followed}{/block:Following}
  1004. </div></div>
  1005.  
  1006. <div id="foto"><div id="abtitle">Ask me</div><iframe frameborder="0" height="auto" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{text:your url}.tumblr.com" width="100%"></iframe></div>
  1007.  
  1008. <div id="foto"><div id="abtitle">More info</div>{text:More Info}</br>Estabilished {CopyrightYears}</br>Licensed by Creative Commons</div>
  1009.  
  1010. </div></div>
  1011.  
  1012. <div id="viu">
  1013. <a style="padding-left:9px; padding-right:9px;" href="http://tumblr.com/follow/{text:your url}" title="Follow"><li class="fa fa-user"></li></a><a style="padding-left:7px; padding-right:7px;" href="https://www.tumblr.com/dashboard?conversation={text:your url}" title="Chat"><li class="fa fa-weixin"></li></a><a style="padding-left:8px; padding-right:8px;" href="http://tumblr.com/dashboard" title="Dashboard"><li class="fa fa-home"></li></a></div>
  1014.  
  1015. <a href="#" class="scrollup"><li style="font-size:13px;" class="fa fa-angle-up"></li>&nbsp;&nbsp;Top</a>
  1016.  
  1017. <div id="post">
  1018.  
  1019. {block:Posts}
  1020. <div class="entry">
  1021.  
  1022. {block:Title}<h1>{Title}</h1>{/block:Title}
  1023. {block:Text}{Body}
  1024. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1025.  
  1026. <div id="cola">
  1027.  
  1028. <div style="margin-top:-11px;" class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1029. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1030.  
  1031. <div class="date">
  1032.  
  1033. <a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1034. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1035. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp;
  1036. <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a>
  1037. {/block:RebloggedFrom}
  1038.  
  1039. </div>
  1040.  
  1041. <div class="tags">
  1042. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1043.  
  1044. </div>
  1045. {/block:Text}
  1046.  
  1047. {block:Photo}
  1048. <a href="{permalink}" ><img src="{PhotoURL-500}" width="400"/></a>
  1049. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1050.  
  1051. <div id="cola">
  1052.  
  1053. <div style="">
  1054. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1055. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1056. </div>
  1057.  
  1058. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;
  1059. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1060. </div>
  1061.  
  1062. <div class="tags">
  1063. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1064.  
  1065. </div>
  1066. {/block:Photo}
  1067.  
  1068. {block:Photoset}
  1069. {Photoset-400}
  1070.  
  1071. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1072.  
  1073. <div id="cola">
  1074.  
  1075. <div style="">
  1076. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1077. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1078. </div>
  1079.  
  1080. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1081. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1082. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1083. </div>
  1084.  
  1085. <div class="tags">
  1086. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1087.  
  1088. </div>
  1089. {/block:Photoset}
  1090.  
  1091.  
  1092. {block:Quote}
  1093.  
  1094. <div style="text-align:center; padding:10px; padding-left:50px; padding-right:50px; font-weight:normal; font-size:14px; padding-bottom:0px;">{Quote}</br></div>
  1095.  
  1096. <div align="right" style="text-align:center; font-size:11px; padding-bottom:15px;">
  1097. </br>{block:Source}— {Source}{/block:Source} </br>
  1098. </div>
  1099.  
  1100. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1101.  
  1102. <div id="cola">
  1103.  
  1104. <div style="">
  1105. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1106. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1107. </div>
  1108.  
  1109. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1110. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1111. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1112. </div>
  1113.  
  1114. <div class="tags">
  1115. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1116.  
  1117. </div>
  1118. {/block:Quote}
  1119.  
  1120. {block:Video}
  1121. {Video-400}<br>{PlayCountWithLabel}
  1122. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1123.  
  1124. <div id="cola">
  1125.  
  1126. <div style="">
  1127. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1128. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1129. </div>
  1130.  
  1131. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonth&nbsp;&nbsp;Zero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1132. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1133. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1134. </div>
  1135.  
  1136. <div class="tags">
  1137. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1138.  
  1139. </div>
  1140. {/block:Video}
  1141.  
  1142.  
  1143. {block:Link}
  1144. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1145. {block:Description}{Description}{/block:Description}
  1146. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1147.  
  1148. <div id="cola">
  1149.  
  1150. <div style="">
  1151. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1152. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1153. </div>
  1154.  
  1155. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1156. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1157. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1158. </div>
  1159.  
  1160. <div class="tags">
  1161. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1162.  
  1163. </div>
  1164. {/block:Link}
  1165.  
  1166. {block:Chat}
  1167. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  1168. {/block:Label}{Line}</div>{/block:Lines}</div>
  1169.  
  1170. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1171.  
  1172. <div id="cola">
  1173.  
  1174. <div style="">
  1175. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1176. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1177. </div>
  1178.  
  1179. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1180. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1181. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1182. </div>
  1183.  
  1184. <div class="tags">
  1185. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1186.  
  1187. </div>
  1188. {/block:Chat}
  1189.  
  1190. {block:Audio}
  1191. <div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  1192. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  1193. <div class="track">
  1194. <b>
  1195. {block:TrackName}{TrackName}{/block:TrackName}</br>
  1196. {block:Artist}{Artist}{/block:Artist}</br>
  1197. {block:Album} {Album}{/block:Album}</br>
  1198. {FormattedPlayCount}
  1199. </b>
  1200. </div>
  1201.  
  1202. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1203.  
  1204. <div id="cola">
  1205.  
  1206. <div style="">
  1207. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1208. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1209. </div>
  1210.  
  1211. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1212. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1213. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1214. </div>
  1215.  
  1216. <div class="tags">
  1217. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1218.  
  1219. </div>
  1220. {/block:Audio}
  1221.  
  1222. {block:Answer}
  1223. <div id="question">
  1224. <div id="asked_question"><span id="asker"><h4>{Asker}:</h4></span>{Question}</div></div>
  1225. <div id="answer"> {Answer}</div>
  1226. <div id="cola">
  1227.  
  1228. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1229.  
  1230. <div style="">
  1231. <div class="reblog">{ReblogButton Color="Gray" Size="13"}</div>
  1232. <div class="likie" >{LikeButton Color="Gray" Size="13"}</div>
  1233. </div>
  1234.  
  1235. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;
  1236. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1237. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>&nbsp;&nbsp; <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1238. </div>
  1239.  
  1240. <div class="tags">
  1241. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1242.  
  1243. </div>
  1244. {/block:Answer}
  1245.  
  1246. {block:PermalinkPage}
  1247.  
  1248. <div style="padding:15px;">
  1249.  
  1250. {block:Date}<b><li class="fa fa-clock-o"></li>&nbsp;&nbsp;Posted:</b> {DayOfMonthWithZero} {Month}, {TimeAgo} {/block:Date}</br>
  1251.  
  1252. {block:RebloggedFrom}
  1253. <b><li class="fa fa-retweet"></li>&nbsp;&nbsp;Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a></br>
  1254.  
  1255. <b><li class="fa fa-globe"></li>&nbsp;&nbsp;Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a></br>
  1256. {/block:RebloggedFrom}
  1257.  
  1258. {block:NoteCount}<b><li class="fa fa-heart"></li>&nbsp;&nbsp;Notes:</b> {NoteCount}{/block:NoteCount}
  1259. </br>
  1260. {block:HasTags}
  1261. <b><li class="fa fa-tags"></li>&nbsp;&nbsp;Tags:</b>
  1262. {block:Tags}
  1263. <a href="{TagURL}">#{Tag}</a>
  1264. {/block:Tags}{/block:HasTags}
  1265.  
  1266. </div>
  1267.  
  1268. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1269. {/block:PermalinkPage}
  1270. </div>
  1271.  
  1272. {/block:Posts}
  1273.  
  1274. </div>
  1275.  
  1276.  
  1277. {block:IfInfiniteScroll}
  1278. <div class="pagination">
  1279. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1280. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1281. </div>
  1282. {/block:IfInfiniteScroll}
  1283.  
  1284. <div id="top1">
  1285. <a href="http://amplamente.tumblr.com/" title="amplamente">Am</a>
  1286. </div>
  1287.  
  1288.  
  1289. </body>
  1290. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement