Advertisement
Carolaine_Vieira

fansite theme #02

Jan 6th, 2016
495
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.98 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!-- ─────────╔╗────────────╔╗
  3. ─────────║║───────────╔╝╚╗
  4. ╔══╦╗╔╦══╣║╔══╦╗╔╦══╦═╬╗╔╬══╗
  5. ║╔╗║╚╝║╔╗║║║╔╗║╚╝║║═╣╔╗╣║║║═╣
  6. ║╔╗║║║║╚╝║╚╣╔╗║║║║║═╣║║║╚╣║═╣
  7. ╚╝╚╩╩╩╣╔═╩═╩╝╚╩╩╩╩══╩╝╚╩═╩══╝
  8. ──────║║
  9. ──────╚╝
  10.  
  11. ➸ Fansite theme #02
  12.  
  13. ➸ Tema criado por Carolaine Vieira
  14. ➸ Theme made by Amplamente
  15. ➸ http://amplamente.tumblr.com
  16. ➸ Não retire os crédtios
  17. ➸ Don't remove credit
  18.  
  19. -->
  20.  
  21.  
  22. <head>
  23.  
  24. <title>{title}</title>
  25. <link rel="shortcut icon" href="{Favicon}"/>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <meta name="color:Background" content="#ffff"/>
  30. <meta name="color:Tooltip bg" content="#eee"/>
  31. <meta name="color:Tooltip text" content="#888888"/>
  32. <meta name="color:Post Bg" content="#f6f6f6"/>
  33. <meta name="color:Post Bg 2" content="#fff"/>
  34. <meta name="color:Borders" content="#eeeeee"/>
  35. <meta name="color:Question" content="#eee"/>
  36. <meta name="color:Question text" content="#666666"/>
  37. <meta name="color:Question link" content="#141414"/>
  38. <meta name="color:Answer" content="#ffffff"/>
  39. <meta name="color:Text" content="#888888"/>
  40. <meta name="color:Link" content="#222222"/>
  41. <meta name="color:Link hover" content="#222222"/>
  42. <meta name="color:Bold" content="#191919"/>
  43. <meta name="color:Italic" content="#f54349"/>
  44. <meta name="color:Boxs title" content="#222222"/>
  45. <meta name="color:Boxs extra links" content="#666666"/>
  46. <meta name="color:Search box text" content="#999"/>
  47. <meta name="color:Search box text typing" content="#fff"/>
  48. <meta name="color:Header bg" content="#fff"/>
  49. <meta name="color:Header description" content="#888888"/>
  50. <meta name="color:Header link" content="#666666"/>
  51. <meta name="color:Header link hover" content="#cb2f66"/>
  52. <meta name="color:Header link hover bg" content="#cb2f66"/>
  53. <meta name="color:Scrollbar" content="#000000"/>
  54.  
  55. <meta name="if:InfiniteScroll" content="0"/>
  56.  
  57. <meta name="image:Background" content=""/>
  58. <meta name="image:Header image" content=""/>
  59. <meta name="image:Hqs 1" content=""/>
  60. <meta name="image:Hqs 2" content=""/>
  61. <meta name="image:Hqs 3" content=""/>
  62. <meta name="image:Hqs 4" content=""/>
  63. <meta name="image:Hqs 5" content=""/>
  64. <meta name="image:Hqs 6" content=""/>
  65. <meta name="image:Hqs 7" content=""/>
  66. <meta name="image:Hqs 8" content=""/>
  67. <meta name="image:Hqs 9" content=""/>
  68. <meta name="image:Member1" content=""/>
  69. <meta name="image:Member2" content=""/>
  70.  
  71. <meta name="text:font size" content="10" />
  72. <meta name="text:terms of use" content="Lorem ipsum dolor sit amet." />
  73. <meta name="text:newest date 1" content="01/02/03" />
  74. <meta name="text:newest text 1" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " />
  75. <meta name="text:newest date 2" content="01/02/03" />
  76. <meta name="text:newest text 2" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " />
  77. <meta name="text:newest date 3" content="01/02/03" />
  78. <meta name="text:newest text 3" content="Lorem ipsum dolor sit amet, consectetuer adipiscing elit. " />
  79. <meta name="text:instagram url" content="" />
  80. <meta name="text:facebook url" content="" />
  81. <meta name="text:twitter url" content="" />
  82. <meta name="text:youtube url" content="" />
  83. <meta name="text:website url" content="" />
  84. <meta name="text:extra link 1 name" content="link" />
  85. <meta name="text:extra link 1 url" content="link" />
  86. <meta name="text:extra link 2 name" content="link" />
  87. <meta name="text:extra link 2 url" content="link" />
  88. <meta name="text:extra link 3 name" content="link" />
  89. <meta name="text:extra link 3 url" content="link" />
  90. <meta name="text:extra link 4 name" content="link" />
  91. <meta name="text:extra link 4 url" content="link" />
  92. <meta name="text:extra link 5 name" content="link" />
  93. <meta name="text:extra link 5 url" content="link" />
  94. <meta name="text:link1" content="link 1" />
  95. <meta name="text:link1url" content="/" />
  96. <meta name="text:link2" content="link 2" />
  97. <meta name="text:link2url" content="/" />
  98. <meta name="text:link3" content="link 3" />
  99. <meta name="text:link3url" content="/" />
  100. <meta name="text:link4" content="link 4" />
  101. <meta name="text:link4url" content="/" />
  102. <meta name="text:link5" content="link 5" />
  103. <meta name="text:link5url" content="/" />
  104. <meta name="text:link6" content="link 6" />
  105. <meta name="text:link6url" content="/" />
  106.  
  107. <script type="text/javascript"
  108. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  109. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  110. <script>
  111. (function($){
  112.  
  113. $(document).ready(function(){
  114. $("[title]").style_my_tooltips();
  115. });
  116. })(jQuery);
  117. </script>
  118.  
  119. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  120. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  121.  
  122. <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
  123. <link href='https://fonts.googleapis.com/css?family=Quicksand:400,700' rel='stylesheet' type='text/css'>
  124. <link href='https://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'>
  125. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  126. <link href='https://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  127. <link href='https://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  128. <link href='https://fonts.googleapis.com/css?family=Lovers+Quarrel' rel='stylesheet' type='text/css'>
  129. <link href='https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  130.  
  131.  
  132. <style type="text/css">
  133.  
  134. #scrollToTop:link,
  135. #scrollToTop:visited {
  136. display: none;
  137. position: fixed;
  138. bottom: 50px;
  139. right: 25px;
  140. z-index:9;
  141. }
  142. #scrolltotop img{
  143.  
  144. width:50px;
  145.  
  146. }
  147.  
  148. .sform input {
  149. font-family:montserrat;
  150. text-transform:uppercase;
  151. font-size:8px;
  152. color:{color:borders};
  153. text-align:center;
  154. background:transparent;
  155. border:0px;
  156. padding:7px;
  157. letter-spacing:2px;
  158. background:{color:post bg};
  159. }
  160.  
  161. ::-webkit-input-placeholder { color: {color:search box text}; }
  162. :-moz-placeholder { color: {color:search box text}; }
  163. ::-moz-placeholder { color: {color:search box text}; }
  164. :-ms-input-placeholder { color: {color:search box text}; }
  165.  
  166. .sbox {
  167.  
  168. margin-top:15px;
  169. margin-left:auto;
  170. margin-right:auto;
  171. width:200px;
  172. float:left;
  173. -webkit-transition:all 0.3s ease-out;
  174. -moz-transition:all 0.3s ease-out;
  175. transition:all 0.3s ease-out;
  176. }
  177. .sbox:hover {
  178. background:{color:banner hover};
  179. color:{color:search box text typing};
  180. -webkit-transition:all 0.3s ease-out;
  181. -moz-transition:all 0.3s ease-out;
  182. transition:all 0.3s ease-out;
  183. }
  184.  
  185. blockquote {
  186. margin-left:20px;
  187. padding-left:10px;
  188. border-left:2px solid{color:text};
  189. background:transparent;
  190. }
  191.  
  192. .audioicon {border:1px solid transparent; margin-right:10px;}
  193. .audioplay {width:28px; margin-top:3px; overflow:hidden;}
  194. .player { background:transparent; width:28px; padding:6px 10px;display:inline-block;}
  195. .audiodesc {display:inline-block; vertical-align:top; height:46px; line-height:46px; margin-left:14px;}
  196.  
  197. #sidepam {
  198.  
  199. margin-top:50px;
  200. width:1000px;
  201. height:auto;
  202. float:center;
  203. text-align:center;
  204. background:transparent;
  205. }
  206.  
  207. #sidepam img {
  208.  
  209. width:1000px;
  210. float:center;
  211. -webkit-transition: all 0.5s ease;
  212. -moz-transition: all 0.5s ease;
  213. -o-transition: all 0.5s ease;
  214. -ms-transition: all 0.5s ease;
  215. transition: all 0.5s ease;
  216.  
  217. }
  218.  
  219. #sidepam img:hover {
  220. transition:All .5s ease;
  221. -o-transition:All .5s ease;
  222. -webkit-transition: all 0.5s ease;
  223. -moz-transition: all 0.5s ease;
  224. -o-transition: all 0.5s ease;
  225. -ms-transition: all 0.5s ease;
  226. transition: all 0.5s ease;
  227.  
  228. }
  229.  
  230. #question {padding:0px; margin-bottom:5px;}
  231.  
  232. #asker_portrait img{
  233.  
  234. border-top-left-radius:20px;
  235. border-top-right-radius:20px;
  236. border-bottom-right-radius:20px;
  237. max-width:40px;
  238. margin-top:-25px;
  239. position:relative;
  240. float:center;
  241. margin-right:20px;
  242. padding:4px;
  243. background:{color:question};
  244.  
  245. }
  246.  
  247. #asker {font-weight:normal; font-family:montserrat; text-transform:uppercase; font-style:normal; }
  248.  
  249. #asker a {color:{color:question link}; text-align:center; font-size:12px;}
  250.  
  251. #asked_question {
  252. background-color:{color:question};
  253. border:1px solid{color:question};
  254. color:{color:question text};
  255. padding:10px;
  256. font-style:italic;
  257. padding-top:20px;
  258. margin-top:30px;
  259. min-height:20px;
  260. text-align:center;
  261. font-size:12px;
  262. margin-left:5px;
  263. left:50px;
  264. padding-right:50px;
  265.  
  266. }
  267.  
  268. #answer {
  269.  
  270. background:{color:answer};
  271. padding:2px 10px;
  272. margin-left:5px;
  273. margin-top:10px;
  274. margin-bottom:5px;
  275. font-size:12px;
  276. }
  277.  
  278. .asktri {
  279.  
  280. width: 0;
  281. height: 0;
  282. border-style: solid;
  283. border-width: 18px 17.5px 0 17.5px;
  284. border-color: {color:question} transparent transparent transparent;
  285. float:center;
  286. margin-top:-5px;
  287. margin-left:110px;
  288. }
  289.  
  290.  
  291. #s-m-t-tooltip {
  292.  
  293. max-width:300px;
  294. padding:8px;
  295. margin:15px 20px;
  296. background-color: {color:tooltip bg};
  297. font-family: calibri;
  298. font-size:11px;
  299. letter-spacing:1px;
  300. text-transform:uppercase;
  301. color:{color:tooltip text};
  302. border:1px solid #dfdfdf;
  303. z-index:9999999;
  304.  
  305. }
  306.  
  307. ul {text-align:left;
  308. list-style-image: url('https://36.media.tumblr.com/42d55f9956e3e8c0dfb590b504f4939d/tumblr_inline_nvag3cwzpq1rj4inb_540.png');
  309. }
  310.  
  311. #top3 {
  312. height:auto;
  313. width:1000px;
  314. margin-top:-10px;
  315. margin-left:auto;
  316. margin-right:auto;
  317. background:transparent;
  318. -webkit-transition:all 0.3s ease-out;
  319. -moz-transition:all 0.3s ease-out;
  320. transition:all 0.3s ease-out;
  321. }
  322.  
  323. b { color: {color:bold}; !important; }
  324.  
  325. i { color: {color:italic} ;!important; }
  326.  
  327. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  328.  
  329. #calado{
  330. z-index:4;
  331. background:{color:header bg};
  332. left:0px;
  333. top:0px;
  334. width:100%;
  335. text-align:center;
  336. padding:0px;
  337. position:fixed;
  338. }
  339. #calado a {
  340. text-shadow:none;
  341. padding:25px;
  342. margin-left:3px;
  343. font-size:11px;
  344. font-weight:bold;
  345. text-transform:uppercase;
  346. font-family:montserrat;
  347. display:inline-block;
  348. text-align:center;
  349. border-bottom:1px solid transparent;
  350. color:{color:header link};
  351. -webkit-transition:all 0.3s ease-out;
  352. -moz-transition:all 0.3s ease-out;
  353. transition:all 0.3s ease-out;
  354. }
  355. #calado a:hover {
  356. text-shadow:none;
  357. background:{color:header link hover bg};
  358. color:{color:header link hover};
  359. -webkit-transition:all 0.3s ease-out;
  360. -moz-transition:all 0.3s ease-out;
  361. transition:all 0.3s ease-out;
  362. }
  363.  
  364. .ftitle {
  365.  
  366. z-index:4;
  367. background:{color:header link hover bg};
  368. margin-left:auto;
  369. margin-right:auto;
  370. margin-top:-34px;
  371. width:970px;
  372. text-align:center;
  373. padding:15px;
  374. position:relative;
  375. font-family:montserrat;
  376. text-transform:uppercase;
  377. font-weight:700;
  378. color:{color:header link};
  379. font-size:21px;
  380.  
  381. }
  382.  
  383. 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;}
  384. #tumblr_controls{position:fixed !important;-webkit-filter: invert(100%)}
  385. .tmblr-iframe.tmblr-iframe--desktop-loggedin-controls.iframe-controls--desktop {opacity:0.2; position:fixed;}
  386.  
  387. h1 {
  388. font-size:25px;
  389. color:{color:bold};
  390. text-align:center;
  391. font-family:quicksand;
  392. -webkit-transition:all 0.3s ease-out;
  393. -moz-transition:all 0.3s ease-out;
  394. transition:all 0.3s ease-out;
  395.  
  396. }
  397.  
  398. h1:hover {
  399. -webkit-transition:all 0.3s ease-out;
  400. -moz-transition:all 0.3s ease-out;
  401. transition:all 0.3s ease-out;
  402.  
  403. }
  404. .description {
  405. padding:10px;
  406. padding-bottom:15px;
  407. float:justify;
  408. margin-left:auto;
  409. margin-right:auto;
  410. width:90%;
  411. background:transparent;
  412. font-size:11px;
  413. text-align:center;
  414. color:{color:header description};
  415. }
  416.  
  417. .date {
  418. font-family:montserrat;
  419. font-weight:bold;
  420. line-height:0px;
  421. margin-top:-20px;
  422. padding:5px;
  423. float:right;
  424. text-align:right;
  425. width:400px;
  426. background-color:transparent;
  427. text-transform:uppercase;
  428. font-size:9.5px;
  429. color:gray;
  430. {block:PermalinkPage}
  431. display:none;
  432. {/block:PermalinkPage}
  433. }
  434. .date a{color:#999; text-shadow:none;}
  435. .date a:hover {border-bottom:none; cursor:help; text-shadow:none; color:{color:link}; }
  436.  
  437.  
  438. .reblog {
  439.  
  440. margin-top:4px;
  441. margin-left:10px;
  442. float:left;
  443. background-color:transparent;
  444. padding:5px;
  445. font-size:12px;
  446. color:gray;
  447. font-weight:bold;
  448. {block:PermalinkPage}
  449. display:none;
  450. {/block:PermalinkPage}
  451. }
  452. .likie {
  453. margin-top:0px;
  454. margin-left:10px;
  455. float:center;
  456. background-color:transparent;
  457. padding:5px;
  458. padding-bottom:3px;
  459. font-size:15px;
  460. color:#000;
  461. font-weight:bold;
  462. {block:PermalinkPage}
  463. display:none;
  464. {/block:PermalinkPage}
  465. }
  466. .reblog a{color:{color:post bg 2};}
  467.  
  468. a{
  469. color:{color:Link};
  470. text-decoration:none;
  471. -webkit-transition:all 0.3s ease-out;
  472. -moz-transition:all 0.3s ease-out;
  473. transition:all 0.3s ease-out;
  474. }
  475.  
  476. a:hover{
  477. color:{color:Link hover};
  478. -webkit-transition:all 0.3s ease-out;
  479. -moz-transition:all 0.3s ease-out;
  480. transition:all 0.3s ease-out;
  481.  
  482. }
  483.  
  484. body{
  485. overflow-x:hidden;
  486. cursor:crosshair;
  487. color:{color:Text};
  488. font-family: 'Noto Sans', sans-serif;
  489. font-size:{text:font size}px;
  490. background: {color:background} url("{image:background}") fixed;
  491.  
  492. }
  493.  
  494. h2 {text-align:center; text-transform:none;}
  495.  
  496. #post{
  497. margin-top:-30px;
  498. width:960px;
  499. height:100%;
  500. margin-left:auto;
  501. margin-right:auto;
  502. color:{color:Text};
  503. background:{color:post bg};
  504. float:center;
  505. padding:20px;
  506. padding-top:70px;
  507. text-align:left;
  508. }
  509.  
  510. .entry{
  511. text-align:left;
  512. padding:20px;
  513. color:{color:Text};
  514. background:{color:post bg 2};
  515. border:1px solid {color:borders};
  516. width:505px;
  517. height:auto;
  518. float:right;
  519. margin-left:30px;
  520. margin-bottom:80px;
  521. -webkit-animation: tada 2s;
  522. -moz-animation: tada 2s;
  523. -ms-animation: tada 2s;
  524. -webkit-transition: 1s ease-in-out;
  525. -moz-transition: 1s ease-in-out;
  526. -o-transition: 1s ease-in-out;
  527.  
  528. }
  529.  
  530. .entry img{
  531. max-width:500px;
  532. height:auto;
  533. float:right;
  534. margin:2px;
  535. margin-bottom:10px;
  536. }
  537.  
  538. .entry .perm{
  539.  
  540. text-transform:uppercase;
  541. background:{color:post bg 2};
  542. text-align:left;
  543. margin-top:-20px;
  544. margin-left:450px;
  545. border-bottom:1px solid {color:borders};
  546. width:200px;
  547. height:auto;
  548. position:absolute;
  549. opacity:0.0;
  550. font-family: inconsolata;
  551. {block:PermalinkPage}
  552. display:none;
  553. {/block:PermalinkPage}
  554. -webkit-transition:all 0.5s ease-out;
  555. -moz-transition:all 0.5s ease-out;
  556. transition:all 0.5s ease-out;
  557.  
  558. }
  559. .entry:hover .perm{
  560. height:auto;
  561. opacity:1;
  562. -webkit-transition:all 0.5s ease-out;
  563. -moz-transition:all 0.5s ease-out;
  564. transition:all 0.5s ease-out;
  565.  
  566. }
  567.  
  568. .pagination {
  569. display: none;
  570. }
  571.  
  572. ::-webkit-scrollbar {height:5px; width:4px;}
  573.  
  574. ::-webkit-scrollbar-track-piece {
  575. background-color:{color:header bg};
  576. }
  577.  
  578. ::-webkit-scrollbar-thumb {
  579. background-color:{color:scrollbar};
  580. }
  581.  
  582. #notas {
  583. margin-top:10px;
  584. width:100%;
  585. height:200px;
  586. overflow-y:auto;
  587. background:transparent;
  588.  
  589. }
  590.  
  591. .notes img {
  592. width: 0px;
  593. height:0px;
  594. border-radius:100%;
  595. float:left;
  596. border-right:10px solid transparent;
  597. -webkit-transition: all 0.5s linear;
  598. -moz-transition: all 0.5s linear;
  599. transition: all 0.5s linear;}
  600. ol.notes, .notes li {
  601. height:20px;
  602. width: 100%;
  603. margin-top: 5px;
  604. margin-left:0px;
  605. padding-left: 0px}
  606. .notes li:hover img {
  607. -webkit-transition: all 0.5s linear;
  608. -moz-transition: all 0.5s linear;
  609. transition: all 0.5s linear;}
  610.  
  611. .tags {
  612. text-align:center;
  613. font-family:cantarell;
  614. font-size:10px;
  615. width:500px;
  616. height:auto;
  617. background:transparent;
  618. text-transform:lowercase;
  619. float:center;
  620. padding:0px;
  621. margin-top:0px;
  622. margin-bottom:0px;
  623.  
  624. }
  625.  
  626. .tags a{
  627.  
  628. margin-left:4px;
  629. background:transparent;
  630. text-transform:lowercase;
  631. color:#999;
  632. -webkit-transition: all 3s ease-in-out;
  633. -moz-transition: all 3s ease-in-out;
  634. -ms-transition: all 3s ease-in-out;
  635. -o-transition: all 3s ease-in-out;
  636. transition: all 3s ease-in-out;
  637.  
  638. }
  639.  
  640. .tags a:hover {
  641.  
  642. text-decoration:line-through;
  643. -webkit-transition: all 3s ease-in-out;
  644. -moz-transition: all 3s ease-in-out;
  645. -ms-transition: all 3s ease-in-out;
  646. -o-transition: all 3s ease-in-out;
  647. transition: all 3s ease-in-out;
  648.  
  649. }
  650.  
  651.  
  652. #top1 { position:fixed; width:auto; height:auto; letter-spacing: 1px; right:20px; bottom:20px; padding:8px; font-size:35px; font-family:Lovers Quarrel; line-height:14px; text-align:right; z-index:99;
  653. -webkit-transition:all 0.3s ease-out;
  654. -moz-transition:all 0.3s ease-out;
  655. transition:all 0.3s ease-out;
  656. text-shadow:none;
  657. }
  658. #top1 a{text-shadow:none;}
  659. #top1 a:hover {text-shadow:none;}
  660. #top1:hover {
  661. -webkit-transition:all 0.3s ease-out;
  662. -moz-transition:all 0.3s ease-out;
  663. transition:all 0.3s ease-out;
  664. -moz-transform: scale(1.5);
  665. -webkit-transform: scale(1.5);
  666. -o-transform: scale(1.5);
  667. -ms-transform: scale(1.5);
  668. transform: scale(1.5);
  669. text-shadow:none;
  670. }
  671.  
  672.  
  673. #top2 {
  674. height:auto;
  675. width:auto;
  676. letter-spacing:1px;
  677. margin-left:auto;
  678. margin-right:auto;
  679. margin-top:5px;
  680. margin-bottom:30px;
  681. font-size:12px;
  682. text-transform:uppercase;
  683. z-index:4;
  684. text-align:center;
  685. float:center;
  686. font-family:montserrat;
  687. -webkit-transition:all 0.3s ease-out;
  688. -moz-transition:all 0.3s ease-out;
  689. transition:all 0.3s ease-out;
  690. }
  691.  
  692. #top2 a{margin-left:4px;
  693. padding:7px; background: transparent; color:{color:post bg 2}; border-bottom:1px solid {color:text};
  694. }
  695. #top2:hover{
  696. -webkit-transition:all 0.8s ease-out;
  697. -moz-transition:all 0.8s ease-out;
  698. transition:all 0.8s ease-out;
  699. }
  700.  
  701. #sc {
  702. height:auto;
  703. width:auto;
  704. letter-spacing:1px;
  705. margin-left:auto;
  706. margin-right:auto;
  707. margin-top:20px;
  708. margin-bottom:10px;
  709. font-size:13px;
  710. text-transform:uppercase;
  711. z-index:4;
  712. text-align:center;
  713. float:center;
  714. font-family:montserrat;
  715. -webkit-transition:all 0.3s ease-out;
  716. -moz-transition:all 0.3s ease-out;
  717. transition:all 0.3s ease-out;
  718. }
  719.  
  720. #sc a{
  721.  
  722. padding:10px;
  723. margin-left:4px;
  724. background: {color:post bg 2};
  725. color:{color:text};
  726.  
  727. }
  728.  
  729. #sc:hover{
  730. -webkit-transition:all 0.8s ease-out;
  731. -moz-transition:all 0.8s ease-out;
  732. transition:all 0.8s ease-out;
  733. }
  734.  
  735. #poxa {
  736.  
  737. margin-top:15px;
  738.  
  739. }
  740.  
  741. #poxa a {
  742. padding:5px;
  743. font-size:10px;
  744. text-align:left;
  745. margin-left:3px;
  746. width:210px;
  747. margin-bottom:7px;
  748. font-family:montserrat;
  749. text-transform:uppercase;
  750. display:inline-block;
  751. color:{color:boxs extra links};
  752. -webkit-transition:all 0.3s ease-out;
  753. -moz-transition:all 0.3s ease-out;
  754. transition:all 0.3s ease-out;
  755. text-decoration:none;
  756. text-shadow:none;
  757. }
  758.  
  759. #poxa a:hover {
  760. text-shadow:none;
  761. letter-spacing:2px;
  762. -webkit-transition:all 0.3s ease-out;
  763. -moz-transition:all 0.3s ease-out;
  764. transition:all 0.3s ease-out;}
  765.  
  766.  
  767. .sobre {
  768.  
  769. font-family: 'Noto Sans', sans-serif;
  770. font-size:{text:font size}px;
  771. text-transform:none;
  772. padding:10px;
  773. border-top:1px solid {color:borders};
  774. text-align:left;
  775. margin-top:5px;
  776.  
  777. }
  778.  
  779. .mytitle {
  780.  
  781. font-size:40px;
  782. text-align:center;
  783. float:center;
  784. background:transparent;
  785. margin-top:-170px;
  786. position:relative;
  787. padding:10px;
  788. color:#fff;
  789. text-shadow: 3px 3px 2px #eee;
  790.  
  791. }
  792.  
  793. .boxs {
  794.  
  795. border:1px solid {color:borders};
  796. background:#fff;
  797. float:right;
  798. margin-right:15px;
  799. height:auto;
  800. width:250px;
  801. padding:15px;
  802. margin-bottom:20px;
  803. {block:permalinkpage}
  804. display:none;
  805. {/block:permalinkpage}
  806.  
  807. }
  808.  
  809. .favi {
  810.  
  811. width:280px;
  812. float:left;
  813. background:transparent;
  814. background:{color:post bg 2};
  815. border:1px solid {color:borders};
  816. padding:5px;
  817.  
  818. }
  819.  
  820. .favi img{
  821.  
  822. float:center;
  823.  
  824. }
  825.  
  826. #sidetitle {
  827.  
  828. font-family:montserrat;
  829. color:{color:boxs title};
  830. text-align:left;
  831. float:center;
  832. text-transform:uppercase;
  833. padding:5px;
  834. font-size:15px;
  835. margin-bottom:10px;
  836. border-bottom:1px solid {color:borders};
  837.  
  838. }
  839.  
  840. #members {
  841.  
  842. width:40px;
  843. height:40px;
  844. padding:5px;
  845. background:{color:post bg 2};
  846. border:1px solid {color:borders};
  847. float:left;
  848. margin-top:10px;
  849.  
  850. }
  851.  
  852. #hqs {
  853.  
  854. width:55px;
  855. height:55px;
  856. padding:5px;
  857. background:{color:post bg 2};
  858. border:1px solid {color:borders};
  859. float:left;
  860. margin:6.5px;
  861. position:relative;
  862. -webkit-transition: all 3s ease;
  863. -moz-transition: all 3s ease;
  864. -ms-transition: all 3s ease;
  865. -o-transition: all 3s ease;
  866. transition: all 3s ease;
  867.  
  868. }
  869.  
  870. #hqs:hover {
  871. z-index:2;
  872. -webkit-transition: all 3s ease;
  873. -moz-transition: all 3s ease;
  874. -ms-transition: all 3s ease;
  875. -o-transition: all 3s ease;
  876. transition: all 3s ease;
  877. -moz-transform: scale(1.5);
  878. -webkit-transform: scale(1.5);
  879. -o-transform: scale(1.5);
  880. -ms-transform: scale(1.5);
  881. transform: scale(1.5);
  882.  
  883. }
  884.  
  885. #mdesc{
  886.  
  887. float:right;
  888. width:180px;
  889. background:transparent;
  890. text-transform:uppercase;
  891. padding:5px;
  892. font-family:montserrat;
  893. margin-top:10px;
  894. height:40px;
  895. font-size:9.5px;
  896. margin-bottom:6px;
  897.  
  898. }
  899.  
  900. .go {
  901.  
  902. background:{color:borders};
  903. height:20px;
  904. width:20px;
  905. float:right;
  906. text-align:center;
  907. padding:4px;
  908. padding-bottom:0px;
  909. margin-top:15px;
  910.  
  911. }
  912.  
  913. .update {
  914.  
  915. max-width:52px;
  916. background:{color:post bg};
  917. padding:10px;
  918. border:1px solid {color:borders};
  919. text-transform:uppercase;
  920. font-size:11px;
  921. font-family:montserrat;
  922. float:left;
  923. margin-top:10px;
  924.  
  925. }
  926.  
  927. #updesc{
  928.  
  929. float:right;
  930. width:155px;
  931. background:transparent;
  932. padding:5px;
  933. margin-top:10px;
  934. height:40px;
  935. font-size:9.5px;
  936. margin-bottom:6px;
  937.  
  938. }
  939.  
  940. #fter {
  941. height:auto;
  942. width:920px;
  943. margin-top:-10px;
  944. margin-bottom:-20px;
  945. padding:40px;
  946. text-align:center;
  947. margin-left:auto;
  948. margin-right:auto;
  949. background:#141414;
  950. -webkit-transition:all 0.3s ease-out;
  951. -moz-transition:all 0.3s ease-out;
  952. transition:all 0.3s ease-out;
  953. }
  954.  
  955. {CustomCSS}
  956.  
  957. </style>
  958. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  959.  
  960. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  961.  
  962. src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  963.  
  964. <script>
  965. $(function(){
  966. var $container = $('#post');
  967. $container.imagesLoaded(function(){
  968. $container.masonry({
  969. itemSelector: '.entry',
  970. });
  971. });
  972. $container.infinitescroll({
  973. itemSelector : ".entry",
  974. navSelector : "div.pagination",
  975. nextSelector : ".pagination a#next",
  976. loadingImg : "",
  977. loadingText : "<em></em>",
  978. bufferPx : 10000,
  979. extraScrollPx: 12000,
  980. },
  981. // trigger Masonry as a callback
  982. function( newElements ) {
  983. var $newElems = $( newElements ).css({ opacity: 0 });
  984. // ensure that images load before adding to masonry layout
  985. $newElems.imagesLoaded(function(){
  986. $newElems.animate({ opacity: 1 });
  987. $container.masonry( 'appended', $newElems, true );
  988. });
  989. }
  990. );
  991. });
  992. </script>
  993.  
  994. </head>
  995. <body>
  996.  
  997. <a href="javascript:;" id="scrollToTop" rel="nofollow" title="Go to Top"><img src="http://33.media.tumblr.com/dbefe0ab3117ef8b9d2d7a355f5220ab/tumblr_inline_mj3yr6ESiY1qz4rgp.png" width="40px" height="40px" title="Go to Top" alt="Go to Top"/></a>
  998.  
  999. <div id="calado">
  1000.  
  1001. <a href="{text:link1url}">{text:link1}</a>
  1002. <a href="{text:link2url}">{text:link2}</a>
  1003. <a href="{text:link3url}">{text:link3}</a>
  1004. <a href="{text:link4url}">{text:link4}</a>
  1005. <a href="{text:link5url}">{text:link5}</a>
  1006. <a href="{text:link6url}">{text:link6}</a>
  1007. </div>
  1008.  
  1009. <div id="top3">
  1010.  
  1011. <div id="sidepam">
  1012. <img src="{image:header image}">
  1013. </div>
  1014.  
  1015. <div class="ftitle">{title}</div>
  1016.  
  1017. </div>
  1018.  
  1019.  
  1020. <div id="post">
  1021.  
  1022. <div style="width:295px; float:right;">
  1023.  
  1024. <div class="boxs">
  1025. <div id="sidetitle">about this blog</div>
  1026.  
  1027. <div class="description">{description}</div>
  1028.  
  1029. <div id="sc">
  1030.  
  1031. <a href="{text:instagram url}" style="background:#3f729b; color:#fff;" title="instagram"><li class="fa fa-instagram"></li></a>
  1032. <a href="{text:facebook url}" style="background:#3b5998; color:#fff;" title="facebook"><li class="fa fa-facebook"></li></a>
  1033. <a href="{text:twitter url}" style="background:#4099FF; color:#fff;" title="twitter"><li class="fa fa-twitter"></li></a>
  1034. <a href="{text:youtube url}" style="background:#cc181e; color:#fff;" title="youtube"><li class="fa fa-youtube"></li></a>
  1035. <a href="{text:website url}" title="official website"><li class="fa fa-globe"></li></a>
  1036.  
  1037. </div>
  1038.  
  1039. </div>
  1040.  
  1041. <div style="margin-top:50px;" class="boxs">
  1042. <div id="sidetitle">Members</div>
  1043.  
  1044. <img id="members" src="{image:member1}">
  1045. <div id="mdesc">
  1046. <a href="http://amplamente.tumblr.com/">Amplamente</a></br>
  1047. It does not matter
  1048. </div>
  1049.  
  1050. <img style="margin-left:-52px; margin-top:75px;" id="members" src="{image:member2}">
  1051. <div id="mdesc">
  1052. <a href="http://amplamente.tumblr.com/">Amplamente</a></br>
  1053. It does not matter
  1054. </div>
  1055.  
  1056. </div>
  1057.  
  1058. <div style="margin-top:50px;" class="boxs">
  1059. <div id="sidetitle">Extra links</div>
  1060.  
  1061. <div id="poxa">
  1062.  
  1063. <a href="{text:extra link 1 url}">01.&nbsp;&nbsp;{text:extra link 1 name}</a>
  1064. <a href="{text:extra link 2 url}">02.&nbsp;&nbsp;{text:extra link 2 name}</a>
  1065. <a href="{text:extra link 3 url}">03.&nbsp;&nbsp;{text:extra link 3 name}</a>
  1066. <a href="{text:extra link 4 url}">04.&nbsp;&nbsp;{text:extra link 4 name}</a>
  1067. <a href="{text:extra link 5 url}">05.&nbsp;&nbsp;{text:extra link 5 name}</a>
  1068.  
  1069. </div>
  1070.  
  1071. </div>
  1072.  
  1073. <div style="margin-top:50px;" class="boxs">
  1074. <div id="sidetitle">Terms of use</div>
  1075.  
  1076. <div style="padding:10px;">
  1077.  
  1078. {text:terms of use}
  1079.  
  1080. </div></div>
  1081.  
  1082. <div style="margin-top:50px;" class="boxs">
  1083. <div id="sidetitle">Search</div>
  1084.  
  1085. <form action="/search" method="get" class="sform" name="form">
  1086. <input type="text" name="q" value="{SearchQuery}" class="sbox" placeholder="search here"/></form>
  1087. <div class="go"><li class="fa fa-search"></li></div>
  1088.  
  1089. </div>
  1090.  
  1091. <div style="margin-top:50px;" class="boxs">
  1092. <div id="sidetitle">newest</div>
  1093.  
  1094. <div class="update">
  1095. {text:newest date 1}
  1096. </div>
  1097. <div id="updesc">
  1098. {text:newest text 1}
  1099. </div>
  1100.  
  1101. <div class="update">
  1102. {text:newest date 2}
  1103. </div>
  1104. <div style="margin-top:-10px;" id="updesc">
  1105. {text:newest text 2}
  1106. </div>
  1107.  
  1108. <div class="update">
  1109. {text:newest date 3}
  1110. </div>
  1111. <div style="margin-top:-10px;" id="updesc">
  1112. {text:newest text 3}
  1113. </div>
  1114.  
  1115. </div>
  1116.  
  1117. <div style="margin-top:50px;" class="boxs">
  1118. <div style="margin-bottom:10px;" id="sidetitle">last themes</div>
  1119.  
  1120. <img id="hqs" src="{image:hqs 1}">
  1121. <img id="hqs" src="{image:hqs 2}">
  1122. <img id="hqs" src="{image:hqs 3}">
  1123. <img id="hqs" src="{image:hqs 4}">
  1124. <img id="hqs" src="{image:hqs 5}">
  1125. <img id="hqs" src="{image:hqs 6}">
  1126. <img id="hqs" src="{image:hqs 7}">
  1127. <img id="hqs" src="{image:hqs 8}">
  1128. <img id="hqs" src="{image:hqs 9}">
  1129.  
  1130. </div>
  1131.  
  1132. </div>
  1133.  
  1134. {block:Posts}
  1135. <div class="entry">
  1136.  
  1137. {block:Title}<h1>{Title}</h1>{/block:Title}
  1138.  
  1139. {block:Text}{Body}
  1140. <div style="width:500px;">
  1141.  
  1142. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1143.  
  1144. <div style="float:center;">
  1145. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1146. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1147. </div>
  1148.  
  1149. <div class="date">
  1150.  
  1151. <a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1152. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1153. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/
  1154. <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a>
  1155. {/block:RebloggedFrom}
  1156.  
  1157. </div>
  1158.  
  1159. <div class="tags">
  1160. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1161.  
  1162. </div>
  1163. {/block:Text}
  1164.  
  1165. {block:Photo}
  1166. <a href="{permalink}" ><img src="{PhotoURL-500}" width="500"/></a>
  1167. <div style="width:500px;">
  1168.  
  1169. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1170.  
  1171. <div style="float:center;">
  1172. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1173. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1174. </div>
  1175.  
  1176. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1177. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1178. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1179. </div>
  1180.  
  1181. <div class="tags">
  1182. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1183.  
  1184. </div>
  1185. {/block:Photo}
  1186.  
  1187. {block:Photoset}
  1188. {Photoset-500}
  1189. <div style="width:500px;">
  1190.  
  1191. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1192.  
  1193. <div style="float:center;">
  1194. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1195. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1196. </div>
  1197.  
  1198. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1199. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1200. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1201. </div>
  1202.  
  1203. <div class="tags">
  1204. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1205.  
  1206. </div>
  1207. {/block:Photoset}
  1208.  
  1209.  
  1210. {block:Quote}
  1211.  
  1212. <div style="text-align:center; padding:10px; font-family:Cantarell; font-weight:normal; font-size:15px;">{Quote}</br></div>
  1213.  
  1214. <div align="right" style="text-align:center; font-size:9px; font-family:montserrat; text-transform:uppercase; padding-bottom:15px;">
  1215. </br>{block:Source}— {Source}{/block:Source} </br>
  1216. </div>
  1217. <div style="width:500px;">
  1218.  
  1219. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1220.  
  1221. <div style="float:center;">
  1222. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1223. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1224. </div>
  1225.  
  1226. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1227. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1228. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1229. </div>
  1230.  
  1231. <div class="tags">
  1232. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1233.  
  1234. </div>
  1235. {/block:Quote}
  1236.  
  1237. {block:Video}
  1238. {Video-500}<br>{PlayCountWithLabel}
  1239. <div style="width:500px;">
  1240.  
  1241. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1242.  
  1243. <div style="float:center;">
  1244. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1245. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1246. </div>
  1247.  
  1248. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1249. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1250. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1251. </div>
  1252.  
  1253. <div class="tags">
  1254. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1255.  
  1256. </div>
  1257. {/block:Video}
  1258.  
  1259.  
  1260. {block:Link}
  1261. <h1><a href="{URL}" class="link" {Target}>{Name}</a></h1>
  1262. {block:Description}{Description}{/block:Description}
  1263. <div style="width:500px;">
  1264.  
  1265. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1266.  
  1267. <div style="float:center;">
  1268. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1269. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1270. </div>
  1271.  
  1272. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1273. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1274. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1275. </div>
  1276.  
  1277. <div class="tags">
  1278. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1279.  
  1280. </div>
  1281. {/block:Link}
  1282.  
  1283. {block:Chat}
  1284. {block:Lines}
  1285. {block:Label}
  1286. <br><b>{Label}</b>
  1287. {/block:Label}
  1288. &nbsp;{Line}
  1289. {/block:Lines}
  1290. <div style="width:500px;">
  1291.  
  1292. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1293.  
  1294. <div style="float:center;">
  1295. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1296. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1297. </div>
  1298.  
  1299. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1300. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1301. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1302. </div>
  1303.  
  1304. <div class="tags">
  1305. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1306.  
  1307. </div>
  1308. {/block:Chat}
  1309.  
  1310. {block:Audio}<div class="audioicon"><div class="player"><div class="audioplay">{AudioPlayer}</div></div><div class="audiodesc"><b>{block:TrackName}{TrackName}{/block:TrackName}</b> {block:Artist}, {Artist}{/block:Artist}</div></div>
  1311. <div style="width:500px;">
  1312.  
  1313. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1314.  
  1315. <div style="float:center;">
  1316. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1317. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1318. </div>
  1319.  
  1320. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1321. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1322. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1323. </div>
  1324.  
  1325. <div class="tags">
  1326. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1327.  
  1328. </div>
  1329. {/block:Audio}
  1330.  
  1331. {block:Answer}
  1332. <div id="question">
  1333. <div id="asked_question"><span id="asker">{Asker}</span>:<br>{Question}</div>
  1334. </div><div class="asktri"></div>
  1335. <div id="answer">
  1336. {Answer}
  1337. </div>
  1338. <div style="width:500px;">
  1339.  
  1340. {block:Caption}<div class="sobre">{Caption}</div>{/block:Caption}
  1341.  
  1342. <div style="float:center;">
  1343. <div class="reblog">{ReblogButton color="gray" size="13"}</div>
  1344. <div class="likie" >{LikeButton color="gray" size="13"}</div>
  1345. </div>
  1346.  
  1347. <div class="date"><a href="{Permalink}">{block:Date} {DayOfMonthWithZero} {ShortMonth} {Year} {/block:Date}</a>&nbsp;&nbsp;with
  1348. &nbsp;&nbsp;<a href="{permalink}">{NoteCountWithLabel}</a>&nbsp;&nbsp;
  1349. {block:RebloggedFrom}<a title="{ReblogParentName}" href="{ReblogParentURL}">via</a>/ <a title="{ReblogRootName}" href="{ReblogRootURL}">origin</a> {/block:RebloggedFrom}
  1350. </div>
  1351.  
  1352. <div class="tags">
  1353. {block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</div>
  1354.  
  1355. </div>
  1356. {/block:Answer}
  1357.  
  1358. {block:PermalinkPage}
  1359. <br>
  1360. <center>{block:Date}{ShortMonth} {DayofMonth}{DayofMonthSuffix} {Year}{/block:Date}{block:NoteCount} </br> {NoteCountWithLabel}{/block:NoteCount}{block:HasTags} </br> {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}</center>
  1361. <Br>
  1362. {block:PostNotes}<div id="notas">{PostNotes}</div>{/block:PostNotes}</div>
  1363. {/block:PermalinkPage}
  1364. </div>
  1365.  
  1366. {/block:Posts}
  1367.  
  1368. </div>
  1369.  
  1370. <div id="fter">
  1371.  
  1372. {block:IfNotInfiniteScroll}
  1373. <div id="top2">
  1374.  
  1375. {block:Pagination}
  1376. {block:PreviousPage}
  1377. <a href="{PreviousPage}"><li style="font-size:10px;" class="fa fa-chevron-left"></li></a>
  1378. {/block:PreviousPage}
  1379.  
  1380. {block:JumpPagination length="7"}
  1381.  
  1382. {block:CurrentPage}
  1383. <a href="#"><span class="current_page"><li class="fa fa-check"></li></span></a>
  1384. {/block:CurrentPage}
  1385.  
  1386. {block:JumpPage}
  1387. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1388. {/block:JumpPage}
  1389. {/block:JumpPagination}
  1390.  
  1391. {block:NextPage}
  1392. <a href="{NextPage}"><li style="font-size:10px;" class="fa fa-chevron-right"></li></a>
  1393. {/block:NextPage}
  1394.  
  1395. {/block:Pagination}
  1396.  
  1397. </div>
  1398. {/block:IfNotInfiniteScroll}
  1399.  
  1400. <div style="font-family:montserrat;">
  1401.  
  1402. Brandileone theme by <a href="http://amplamente.tumblr.com/">Amplamente</a><br>
  1403. Powered by Tumblr</br></br>
  1404. {title} </br>
  1405. {CopyrightYears}
  1406.  
  1407. </div>
  1408. </div>
  1409.  
  1410.  
  1411. {block:IfInfiniteScroll}
  1412. <div class="pagination">
  1413. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1414. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1415. </div>
  1416. {/block:IfInfiniteScroll}
  1417.  
  1418. <div id="top1">
  1419. <a href="http://amplamente.tumblr.com/" title="tema feito por amplamente">Am</a>
  1420. </div>
  1421.  
  1422.  
  1423. </body>
  1424. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement