Advertisement
Carolaine_Vieira

Fansite 07

Jun 14th, 2016
1,005
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 38.54 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 07; 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. <html lang="pt-br">
  21. <title>
  22. {Title}
  23. {block:PermalinkPage}{block:PostSummary}&mdash; {PlaintextPostSummary}{/block:PostSummary}{block:PermalinkPage}
  24. {block:SearchPage}&mdash; {lang:Search results for SearchQuery} ({SearchResultCount}) {/block:SearchPage}
  25. {block:TagPage} &mdash; Posts tagged {Tag}{/block:TagPage}
  26. </title>
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  30.  
  31. <meta name="color:Background" content="#f6f6f6" />
  32. <meta name="color:Post" content="#fff" />
  33. <meta name="color:Borders" content="#eee" />
  34. <meta name="color:Text" content="#999" />
  35. <meta name="color:Accent" content="#decba4" />
  36. <meta name="color:Link" content="#e5d5b6" />
  37. <meta name="color:Link hover" content="#ff9999" />
  38. <meta name="color:Title" content="#decba4" />
  39. <meta name="color:Title Shadow" content="#000" />
  40. <meta name="color:Subtitle" content="#fff" />
  41. <meta name="color:Header link" content="#fff" />
  42.  
  43. <meta name="if:Projects" content="" />
  44. <meta name="if:Members" content="" />
  45. <meta name="if:Galerie" content="" />
  46. <meta name="if:ExtraBox" content="" />
  47. <meta name="if:Twitter" content="" />
  48.  
  49. <meta name="select:Boxs title size" title="30" content="30" />
  50. <meta name="select:Boxs title size" title="25" content="25" />
  51. <meta name="select:Boxs title size" title="20" content="20" />
  52.  
  53. <meta name="select:Titles transform" title="None" content="none" />
  54. <meta name="select:Titles transform" title="UPPERCASE" content="uppercase" />
  55. <meta name="select:Titles transform" title="lowercase" content="lowercase" />
  56.  
  57. <meta name="select:Title Font" title="Great Vibes" content="Great Vibes" />
  58. <meta name="select:Title Font" title="Mr Bedfort" content="Mr Bedfort" />
  59. <meta name="select:Title Font" title="Cinzel Decorative" content="Cinzel Decorative" />
  60. <meta name="select:Title Font" title="Poppins" content="Poppins" />
  61. <meta name="select:Title Font" title="Oxygen" content="Oxygen" />
  62. <meta name="select:Title Font" title="Bangers" content="Bangers" />
  63. <meta name="select:Title Font" title="Allura" content="Allura" />
  64. <meta name="select:Title Font" title="Lovers Quarrel" content="Lovers Quarrel" />
  65. <meta name="select:Title Font" title="Quicksand" content="Quicksand" />
  66.  
  67. <meta name="image:Background" content="" />
  68. <meta name="image:Sidebar" content="http://i.imgur.com/KYwEQxb.jpg" />
  69. <meta name="image:Banner" content="http://i.imgur.com/KYwEQxb.jpg" />
  70. <meta name="image:Member1" content="http://i.imgur.com/4xmxI93.jpg" />
  71. <meta name="image:Member2" content="http://i.imgur.com/JYJuJt9.png" />
  72. <meta name="image:Project 1" content="http://i.imgur.com/4xmxI93.jpg" />
  73. <meta name="image:Project 2" content="http://i.imgur.com/JYJuJt9.png" />
  74. <meta name="image:Hqs 1" content=""/>
  75. <meta name="image:Hqs 2" content=""/>
  76. <meta name="image:Hqs 3" content=""/>
  77. <meta name="image:Hqs 4" content=""/>
  78. <meta name="image:Hqs 5" content=""/>
  79. <meta name="image:Hqs 6" content=""/>
  80.  
  81. <meta name="text:Title Font Size" content="80" />
  82. <meta name="text:Subtitle" content="subtitle" />
  83. <meta name="text:Twitter Widget" content="" />
  84. <meta name="text:Extra Box Text" content="" />
  85.  
  86. <meta name="text:Project 1 name" content="Project name" />
  87. <meta name="text:Project 1 date" content="14.06.2016" />
  88. <meta name="text:Project 1 city" content="Sed diam" />
  89. <meta name="text:Project 1 info" content="Lorem ipsum dolor sit amet" />
  90. <meta name="text:Project 2 name" content="Project name" />
  91. <meta name="text:Project 2 date" content="14.06.2016" />
  92. <meta name="text:Project 2 city" content="Sed diam" />
  93. <meta name="text:Project 2 info" content="Lorem ipsum dolor sit amet" />
  94.  
  95. <meta name="text:Member 1 name" content="Carolaine" />
  96. <meta name="text:Member 1 url" content="amplamente" />
  97. <meta name="text:Member 1 facebook username" content="carolesnobrega" />
  98. <meta name="text:Member 1 twitter username" content="Carols_Vieira" />
  99. <meta name="text:Member 1 instagram username" content="" />
  100. <meta name="text:Member 2 name" content="Carolaine" />
  101. <meta name="text:Member 2 url" content="amplamente" />
  102. <meta name="text:Member 2 facebook username" content="carolesnobrega" />
  103. <meta name="text:Member 2 twitter username" content="Carols_Vieira" />
  104. <meta name="text:Member 2 instagram username" content="" />
  105.  
  106. <meta name="text:Link 1 Title" content="Home" />
  107. <meta name="text:Link 1 Url" content="/" />
  108. <meta name="text:Link 2 Title" content="Message" />
  109. <meta name="text:Link 2 Url" content="/ask" />
  110. <meta name="text:Link 3 Title" content="Archive" />
  111. <meta name="text:Link 3 Url" content="/archive" />
  112. <meta name="text:Link 4 Title" content="Random" />
  113. <meta name="text:Link 4 Url" content="/random" />
  114. <meta name="text:Link 5 Title" content="Rss" />
  115. <meta name="text:Link 5 Url" content="/rss" />
  116. <meta name="text:Link 6 Title" content="Stuff" />
  117. <meta name="text:Link 6 Url" content="/" />
  118.  
  119. <meta name="text:Navigation Link 1 Title" content="Link" />
  120. <meta name="text:Navigation Link 1 Url" content="/" />
  121. <meta name="text:Navigation Link 2 Title" content="Link" />
  122. <meta name="text:Navigation Link 2 Url" content="/" />
  123. <meta name="text:Navigation Link 3 Title" content="Link" />
  124. <meta name="text:Navigation Link 3 Url" content="/" />
  125. <meta name="text:Navigation Link 4 Title" content="Link" />
  126. <meta name="text:Navigation Link 4 Url" content="/" />
  127. <meta name="text:Navigation Link 5 Title" content="Link" />
  128. <meta name="text:Navigation Link 5 Url" content="/" />
  129. <meta name="text:Navigation Link 6 Title" content="Link" />
  130. <meta name="text:Navigation Link 6 Url" content="/" />
  131. <meta name="text:Navigation Link 7 Title" content="Link" />
  132. <meta name="text:Navigation Link 7 Url" content="/" />
  133. <meta name="text:Navigation Link 8 Title" content="Link" />
  134. <meta name="text:Navigation Link 8 Url" content="/" />
  135.  
  136. <meta name="text:Facebook Url" content="/" />
  137. <meta name="text:Twitter Url" content="/" />
  138. <meta name="text:GooglePlus Url" content="/" />
  139. <meta name="text:Pinterest Url" content="/" />
  140. <meta name="text:Instagram Url" content="/" />
  141. <meta name="text:YouTube Url" content="/" />
  142. <meta name="text:Tumblr Url" content="/" />
  143.  
  144. <link href='https://fonts.googleapis.com/css?family=Open+Sans|Oxygen|Poppins|Bangers|Great+Vibes|Mr+Bedfort|Allura|Lovers+Quarrel|Quicksand|Cinzel+Decorative' rel='stylesheet' type='text/css'>
  145. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  146.  
  147. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  148. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  149. <script> (function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  150.  
  151. <style type="text/css">
  152.  
  153. html, body {
  154.     width:100%;
  155. }
  156. body {
  157.     margin:0;
  158.     background:{color:background} url("{image:background}") fixed;
  159.     color:{color:text};
  160.     font-size:14px;
  161.     font-family: Open Sans;
  162. }
  163.  
  164. a {  
  165.     text-decoration:none;
  166.     color:{color:link};
  167.     -moz-transition: 0.3s ease-in;
  168.     -webkit-transition: 0.3s ease-in;
  169.     -o-transition: 0.3s ease-in;
  170.     transition: 0.3s ease-in;
  171. }
  172. a:hover {
  173.     color:{color:link hover};
  174.     -moz-transition: 0.3s ease-in;
  175.     -webkit-transition: 0.3s ease-in;
  176.     -o-transition: 0.3s ease-in;
  177.     transition: 0.3s ease-in;
  178. }
  179.  
  180. #post {
  181. margin-top:-100px;
  182. width:980px;
  183. {block:PermalinkPage} min-height:3000px; height:100% !important; {/block:PermalinkPage}
  184. background:{color:post};
  185. padding:2px;
  186. margin-left:auto;
  187. margin-right:auto;
  188. border-radius:6px;
  189. position:relative;
  190. z-index:99;
  191. }
  192.  
  193. .entry {
  194. max-width:500px;
  195. width:100%;
  196. padding:40px;
  197. line-height:1.4em;
  198. margin:20px;
  199. padding-bottom:20px;
  200. margin-bottom:0px !important;
  201. background:{color:post};
  202. text-align:left;
  203. }
  204.  
  205. .entry img { max-width:100%; height:auto;}
  206.  
  207. #notas {
  208.     margin-top:20px;
  209.     height:200px;
  210.     overflow-y:auto;
  211.     padding:20px;
  212.     text-transform:lowercase;
  213.     margin-left:auto;
  214.     margin-right:auto;
  215.     float:center;
  216. }
  217.  
  218. .notes img {
  219.     width: 20px;
  220.     border-radius:100px;
  221. float:right;
  222. list-style:none;
  223. }
  224. ol.notes, .notes li {
  225.     border-bottom:1px solid {color:borders};
  226.     list-style:none;
  227.     width: 100%;
  228.     padding:10px;
  229.     font-size:13px;
  230.     margin-left:0px;
  231.     padding-left: 0px}
  232. .notes li:hover img {
  233.     list-style:none;
  234. }
  235.  
  236. ::-webkit-scrollbar {height:5px; width:5px;}
  237. ::-webkit-scrollbar-track-piece { background-color:{color:post};}
  238. ::-webkit-scrollbar-thumb {background-color:#000;}
  239.  
  240. h1 { text-align:center; text-transform:uppercase;
  241. font-weight:normal; color:{color:accent}; font-size:35px; line-height:30px; }
  242.  
  243. h2 { text-align:center; color:{color:accent}; font-weight:normal; text-transform:uppercase; font-size:30px; line-height:30px;}
  244.  
  245. blockquote {
  246.     margin-left:15px;
  247.     padding-left:10px;
  248.     border-left:2px solid {color:accent};
  249. }
  250. blockquote img {
  251.     max-width:100%;
  252.     height:auto;
  253. }
  254.  
  255. #tumblr_controls, .tmblr-iframe{ -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity:0.3 !important; right:-20px !important;}
  256.  
  257. .caption {
  258.     padding:5px;
  259. }
  260. .caption a {border-bottom:1px solid {color:borders};}
  261. .caption a:hover {border-bottom:1px solid;}
  262. .tcaption a {border-bottom:1px solid {color:borders};}
  263. .tcaption a:hover {border-bottom:1px solid;}
  264. .tcaption {
  265.     padding:15px;
  266.     padding-bottom:0px;
  267. }
  268. .tcaption img {
  269.     margin-left:-15px;
  270.     height:auto !important;
  271. }
  272.  
  273. .seureblog {
  274.     margin-top:10px;
  275.     text-align:left;
  276.     border-top:1px solid {color:borders};
  277.     text-transform:uppercase;
  278.     font-weight:300;
  279. }
  280. .seureblog a {
  281.     font-size:13px;
  282.     color:{color:link};
  283.     margin-left:8px;
  284.     padding:0px;
  285.     border-top:3px solid {color:link};
  286.     padding:5px;
  287.     display:inline-block;
  288.     margin-top:-2px;
  289.     font-weight:600;
  290. }
  291. .seureblog a:hover {
  292.     color:{color:link hover};
  293.     border-color:{color:link hover};
  294. }
  295.  
  296. .reblog {
  297.     margin-top:0px;
  298.     float:right;
  299.     background-color:transparent;
  300.     padding:0px;
  301.     {block:PermalinkPage}
  302.     display:none;
  303.     {/block:PermalinkPage}
  304. }
  305. .reblog a {
  306.     margin-right:8px;
  307.     margin-left:0px;
  308. }
  309. .likie {
  310.     margin-top:-2px;
  311.     margin-right:10px;
  312.     float:right;
  313.     border-top:3px solid {color:link};
  314.     background-color:transparent;
  315.     padding:5px;
  316.     padding-bottom:0px;
  317.     {block:PermalinkPage}
  318.     display:none;
  319.     {/block:PermalinkPage}
  320. }
  321. .like:hover { border-color:{color:link hover}; }
  322.  
  323. #lado {
  324.     margin-top:20px;
  325.     margin-right:50px;
  326.     margin-left:10px;
  327.     float:right;
  328.     width:300px;
  329.     height:auto;
  330.     min-height:1000px;
  331.     padding:0px;
  332.     background:transparnet;
  333.     height:auto;
  334.     {block:Mobile}
  335.     display:none;
  336.     {/block:Mobile}
  337. }
  338.  
  339. .caixas {
  340.     margin-left:auto;
  341.     margin-right:auto;
  342.     padding:20px;
  343.     height:auto;
  344.     background:{color:post};
  345.     color:{color:text};
  346.     margin-bottom:5px;
  347.     text-align:center;
  348.     line-height:1.4em;
  349. }
  350.  
  351. .caixatitulo {
  352. background:transparent;
  353. color:{color:post};
  354. padding:10px;
  355. font-family:Poppins;
  356. text-transform:uppercase;
  357. font-size:20px;
  358. margin-bottom:20px;
  359. margin-top:10px;
  360. text-align:center;
  361. margin-left:auto;
  362. margin-right:auto;
  363. }
  364.  
  365. .scrollup {
  366.     position: fixed;
  367.     bottom: 0px;
  368.     right: 0px;
  369.     padding:15px;
  370.     display:none;
  371.     background:#262626;
  372.     z-index:999;
  373.     padding-top:10px;
  374.     padding-bottom:10px;
  375.     color:{color:post};
  376. }
  377. .scrollup a {color:{color:post};}
  378.  
  379. footer {
  380. margin:0 auto;
  381. width:100%;
  382. height:150px;
  383. vertical-align:bottom;
  384. overflow:hidden;
  385. padding-top:20px;
  386. padding-bottom:20px;
  387. margin-top:0px;
  388. margin-bottom:0px;
  389. text-align:center;
  390. bottom:0;
  391. z-index:99;
  392. font-size:13px;
  393. background:#171717;
  394. {block:PermalinkPage}display:none;{/block:PermalinkPage}}
  395.    
  396. .article {
  397.     line-height:20px;
  398.     background:transparent;
  399.     margin-left:auto;
  400.     margin-right:auto;
  401.     width:280px;
  402.     height:100px;
  403.     padding:0px;
  404.     text-align:center;
  405. }
  406. .artitle {
  407.     font-weight:bold;
  408.     margin-bottom:10px;
  409.     font-size:15px;
  410.     color:{color:text};
  411. }
  412.  
  413. #page3 {
  414.     height:auto;
  415.     width:450px;
  416.     letter-spacing:1px;
  417.     margin-left:auto;
  418.     margin-right:auto;
  419.     margin-top:50px;
  420.     margin-bottom:50px;
  421.     font-size:10px;
  422.     text-transform:uppercase;
  423.     z-index:4;
  424.     text-align:center;
  425. background:transparent;
  426. -moz-transform: skewX(-6deg);
  427. -webkit-transform: skewX(-6deg);
  428. -o-transform: skewX(-6deg);
  429. -ms-transform: skewX(-6deg);
  430. transform: skewX(-6deg);
  431. }
  432.  
  433. #page3 a{
  434. margin-left:8px;
  435. background:{color:accent};
  436. border:1px solid {color:accent};
  437. color:{color:post};
  438.  border-radius:3px;
  439.  padding:13px;
  440. padding-top:10px;
  441. padding-bottom:10px;
  442. text-decoration:none;
  443. border-radius:0px;
  444. -webkit-transition:all 0.8s ease-out;
  445. -moz-transition:all 0.8s ease-out;
  446. transition:all 0.8s ease-out;
  447. }
  448. #page3 a:hover{
  449. background:{color:post};
  450. color:{color:accent};
  451. -webkit-transition:all 0.8s ease-out;
  452. -moz-transition:all 0.8s ease-out;
  453. transition:all 0.8s ease-out;
  454. }
  455.  
  456. .quote {
  457. background:transparent;
  458. font-size:18px;
  459. text-align:left;
  460. padding:0px;
  461. line-height:28px;
  462. padding-left:20px;
  463. padding-right:20px;
  464. }
  465. .qsub {
  466. margin-top:3px;
  467. font-size:13px;
  468. }
  469.  
  470. .ch { background:transparent; padding:15px;}
  471. .ch .ch1 { padding:10px; margin-bottom:5px;}
  472. .ch1:nth-child(2n+1){ background:{color:accent}; border:1px solid {color:accent}; color:{color:post}; border-radius:6px; margin-right:50px; border-bottom-left-radius:0px; }
  473. .ch1:nth-child(2n+2){text-align:right; background:{color:post}; border:1px solid {color:accent}; color:{color:accent}; border-radius:6px; margin-left:100px; border-bottom-right-radius:0px; }
  474. .ch b{text-transform:uppercase; margin-right:5px; }
  475.  
  476. .albumfoto{
  477. float:left;
  478. width:150px;
  479. margin-top:0px;
  480. margin-left:0px;
  481. }
  482. .albumfoto img{
  483. width:150px;
  484. }
  485. .audiodesc {
  486. margin-left:150px;
  487. padding:25px;
  488. padding-bottom:10px;
  489. padding-top:35px;
  490. padding-left:25px;
  491. background:{color:accent};
  492. color:{color:post};
  493. margin-top:0px;
  494. min-height:105px;
  495. font-weight:bold;
  496. margin-bottom:0px;
  497. text-align:center;
  498. }
  499. .audioplay {
  500. overflow:hidden;
  501. padding:5px;
  502. max-width:26px;
  503. width:26px;
  504. height:28px;
  505. margin-left:6px;
  506. margin-top:4px;
  507. background:transparent
  508. -webkit-transition:all 0.3s ease-out;
  509. }
  510. .playbg {
  511. opacity:0.6;
  512. position:absolute;
  513. overflow:hidden;
  514. padding:10px;
  515. width:50px;
  516. max-width:50px;
  517. height:45px;
  518. background:{color:post};
  519. margin-left:38px;
  520. margin-top:-110px;
  521. -webkit-transition:all 0.3s ease-out;
  522. }
  523. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  524.  
  525. .pessoap {
  526. text-transform:uppercase;
  527. font-size:16px;
  528. font-weight:bold;
  529. margin-bottom:5px;
  530. color:rgba(000,000,000,0.5);
  531. }
  532. .pessoap a{
  533. color:rgba(000,000,000,0.5);
  534. text-transform:uppercase;
  535. font-size:16px;
  536. font-weight:bold;
  537. }
  538. .pessoapfototri {
  539. float:left;
  540. margin-top:10px;
  541. margin-left:7px;
  542. width: 0;
  543. height: 0;
  544. border-style: solid;
  545. border-width: 12.5px 12.5px 12.5px 0;
  546. border-color: transparent {color:accent} transparent transparent;
  547. }
  548. .pessoapfoto {
  549. margin-left:0px;
  550. }
  551. .pessoapfoto img{
  552. width:64px;
  553. border-radius:10%;
  554. margin-top:0px;
  555. margin-left:0px;
  556. padding:4px;
  557. background:transparent;
  558. float:left;
  559. }
  560. .pergunta {
  561. color:{color:post};
  562. padding:15px;
  563. min-height:50px;
  564. margin-left:90px;
  565. background:{color:accent};
  566. border-left:2px solid {color:accent};
  567. border:1px solid {color:accent};
  568. border-radius:4px;
  569. }
  570. .sresposta {
  571. padding:10px;
  572. padding-bottom:5px;
  573. border-top:3px solid {color:accent};
  574. margin-top:10px;
  575. border-radius:4px;
  576. }
  577. .srespostatri {
  578. margin-top:-23px;
  579. margin-left:14px;
  580. width: 0;
  581. height: 0;
  582. border-style: solid;
  583. border-width: 0 12.5px 12.5px 12.5px;
  584. border-color: transparent transparent {color:accent} transparent;
  585. }
  586. .sresposta img {
  587. max-width:100%;
  588. height:auto;
  589. }
  590.  
  591. .author {
  592.     text-align:center;
  593.     font-size:13px;
  594.     font-weight:normal;
  595.     margin-top:0px;
  596.     margin-bottom:-20px;
  597. }
  598.  
  599. .bd {
  600.     background:{color:accent};
  601.     height:1px;
  602.     margin-left:auto;
  603.     margin-right:auto;
  604.     width:60px;
  605.     margin-top:10px;
  606. }
  607.  
  608. hr {
  609.     border:1px solid {color:borders};
  610.     width:180px;
  611.     margin-top:20px;
  612.     margin-bottom:20px;
  613. }
  614.  
  615. .sidebar {
  616.     text-align:center;
  617.     padding:10px;
  618.     margin-bottom:5px;
  619.     margin-top:10px;
  620.     margin-right:auto;
  621.     margin-left:auto;
  622.     width:200px;
  623. }
  624. .side_desc {
  625.     text-align:center;
  626.     padding-top:15px;
  627.     margin-left:auto;
  628.     margin-right:auto;
  629. }
  630. .side_av {
  631.     background:{color:post};
  632.     width:190px;
  633.     border-radius:100%;
  634.     margin-left:auto;
  635.     margin-right:auto;
  636. }
  637.  
  638. #navigation{
  639.     padding:0px;
  640.     background:transparent;
  641. }
  642.  
  643. #navigation a{
  644. display:block;
  645. padding:7px;
  646. font-size:13px;
  647. text-align:left;
  648. margin-bottom:3px;
  649. color:{color:text};
  650. background:{color:post};
  651. border-bottom:1px solid {color:borders};
  652. }
  653.  
  654. #navigation a:hover{
  655. padding-left:10px;
  656. color:{color:accent};
  657. border-bottom:1px solid {color:accent};
  658. }
  659.  
  660. .project {
  661. width:calc(100% - 4px);
  662. margin-left:0px;
  663. padding:3px;
  664. background:{color:accent};
  665. }
  666. .project_desc {
  667. text-align:left;
  668. margin-top:-4px;
  669. background:transparent;
  670. color:{color:text};
  671. padding:10px;
  672. width:calc(95% - 7px);
  673. margin-left:0px;
  674. margin-bottom:20px;
  675. font-size:13px;
  676. border:1px solid {color:accent};
  677. }
  678. .project_desc b {
  679. text-transform:uppercase;
  680. margin-right:5px;
  681. color:{color:accent};
  682. font-size:12px;
  683. }
  684.  
  685. #header {
  686. position:absolute;
  687. background:transparent;
  688. padding:0px;
  689. padding-bottom:0px;
  690. width:660px;
  691. margin-left:calc(50% - 500px);
  692. padding:0px;
  693. margin-top:0px;
  694. text-align:center;
  695. }
  696. .header_title {
  697.  text-align:center;
  698.  font-weight:lighter;
  699.  font-size:{text:title font size}px;
  700.  z-index:9;
  701. padding-top:70px;
  702. text-transform:{select:titles transform};
  703. font-family:{select:Title Font};
  704. }
  705. .header_title a{
  706.     color:{color:title};
  707.     text-shadow:1px 1px 0px {color:Title Shadow};
  708. }
  709. .header_sub {
  710.     margin-top:-10px;
  711.     line-height:25px;
  712.     font-family:Open Sans;
  713.     font-size:13px;
  714.     color:{color:subtitle};
  715.     text-shadow:1px 1px 0px {color:Title Shadow};
  716.     text-transform:uppercase;
  717. }
  718.  
  719. ul { list-style:circle; }
  720.  
  721. #cat {
  722.     margin-right:30px;
  723.     margin-bottom:15px;
  724.     margin-top:-42px;
  725.     float:right;
  726. }
  727. #cat a {
  728. display:inline-block;
  729.     color:{color:post};
  730.     font-size:14px;
  731.     padding:3px;
  732.     width:15px;
  733.     text-align:center;
  734.     margin:3px;
  735. }
  736. #cat a:hover { color:{color:accent};}
  737.  
  738. .menu {
  739.     margin-top:30px;
  740.     text-align:center;
  741.     width:100%;
  742.     max-width:600px;
  743.     margin-left:auto;
  744.     margin-right:auto;
  745. }
  746. .menu a {
  747.     line-height:23px;
  748.     position: relative;
  749.     display: inline-block;
  750.     margin: 5px 10px;
  751.     outline: none;
  752.     color: {color:header link};
  753.     text-decoration: none;
  754.     text-transform: uppercase;
  755.     font-weight: 600;
  756.     font-size:15px;
  757.     text-align:center;
  758.     text-shadow:1px 1px 0px {color:Title Shadow};
  759.  
  760.    
  761. }
  762. .menu a:hover,
  763. .menu a:focus {
  764.     outline: none;
  765. }
  766. .menu a {
  767.     -webkit-transition: color 0.3s;
  768.     -moz-transition: color 0.3s;
  769.     transition: color 0.3s;
  770. }
  771.  
  772. .menu a::before {
  773.     position: absolute;
  774.     top: 70%;
  775.     left: 50%;
  776.     color: transparent;
  777.     content: '∘∘∘';
  778.     font-size:18;
  779.     font-weight:normal;
  780.     text-shadow:none;
  781.     -webkit-transition: text-shadow 0.3s, color 0.3s;
  782.     -moz-transition: text-shadow 0.3s, color 0.3s;
  783.     transition: text-shadow 0.3s, color 0.3s;
  784.     -webkit-transform: translateX(-50%);
  785.     -moz-transform: translateX(-50%);
  786.     transform: translateX(-50%);
  787.     pointer-events: none;
  788.     -webkit-transition:all 0.3s ease-out;
  789.  
  790. }
  791. .menu a:hover::before,
  792. .menu a:focus::before {
  793.     color: #fff; letter-spacing:3px;  text-shadow:1px 1px 0px {color:Title Shadow};
  794.     -webkit-transition:all 0.3s ease-out;
  795. }
  796.  
  797. .menu a:hover,
  798. .menu a:focus {
  799.     color: {color:Title};
  800. }
  801.  
  802. #header2 {
  803. position:absolute;
  804. background:transparent;
  805. padding:0px;
  806. width:100%;
  807. height:52px;
  808. z-index:99;
  809. top:0px;
  810. left:0px;
  811. }
  812.  
  813. .header_title2 {
  814. padding:15px;
  815. font-size:15px;
  816. text-align:left;
  817. color:{color:post};
  818. text-transform:uppercase;
  819. font-weight:bold;
  820. }
  821. .header_title2 a { color:{color:post}; }
  822.  
  823. .link {
  824. padding:20px;
  825. margin-left:0px;
  826. background:{color:accent};
  827. color:rgba(000,000,000,0.5);
  828. text-align:center;
  829. font-weight:bold;
  830. font-size:14px;
  831. }
  832. .linktitle{
  833. font-size:25px;
  834. text-transform:uppercase;
  835. margin-top:15px;
  836. }
  837. .linktitle a {
  838. color:rgba(000,000,000,0.5);
  839. }
  840. .linkdesc {
  841. width:80%;
  842. margin:0 auto;
  843. margin-top:0px;
  844. }
  845. .linkhost {
  846. border-top:1px dotted rgba(000,000,000,0.5);
  847. padding:5px;
  848. display:inline-block;
  849. text-transform:uppercase;
  850. font-size:11px;
  851. margin-top:10px;
  852. }
  853.  
  854. .src { display:none; }
  855.  
  856. .banner {
  857. background:#eee url("{image:banner}");
  858. position:relative;
  859. z-index:0;
  860. width:100%;
  861. height:400px;
  862. background-size:100% auto;
  863. }
  864.  
  865. .rules_title {
  866.     font-size:{select:boxs title size}px;
  867.     text-align:left;
  868.     font-weight:bold;
  869.     padding:10px;
  870.     text-transform:{select:titles transform};
  871.     margin-top:0px;
  872.     background:{color:post};
  873.     color:{color:accent};
  874.     font-family:{select:title font};
  875.     position:relative;
  876. z-index:3;
  877. display:inline-block;
  878. }
  879. .rulesb {
  880. background:{color:accent};
  881. height:2px;
  882. position:relative;
  883. z-index:0;
  884. margin-top:-20px;
  885. margin-bottom:30px;
  886. width:100%;
  887.     -webkit-transition: all .5s ease-out;
  888.   transition: all .5s ease-out;
  889. }
  890.  
  891. #s-m-t-tooltip {
  892.        max-width:300px;
  893.        padding:6px;
  894.        padding-left:8px;
  895.        padding-right:8px;
  896.        margin:15px 20px;
  897.        font-size:11px;
  898.        letter-spacing:1px;
  899.        text-transform:uppercase;
  900.        color:{color:background};
  901.        background:{color:accent};
  902.        z-index:99999999999;
  903. }
  904.  
  905. #search input{
  906.     padding:10px 13px;
  907.     background:#eee;
  908.     color:#333;
  909.     border:none;
  910.     outline:none;
  911.     width:71%;
  912. }
  913. #search input[type="submit"] {
  914.     width:19%;
  915.     height:35px;
  916.     float:right;
  917.     padding:5px 8px;
  918.     background:{color:accent};
  919.     letter-spacing:1px;
  920.     text-transform:uppercase;
  921.     color:{color:post};
  922.     text-align:center;
  923.     font-weight:300px;
  924.     border:none;
  925. }
  926. #search input[type="submit"]:hover {
  927.     text-shadow:1px 1px 0px rgba(000,000,000,0.3);
  928. }
  929.  
  930. .type {
  931. overflow: hidden;
  932. text-align: center;
  933. font-size: 18px ;
  934. margin-bottom:10px;
  935.  }
  936. .type a {
  937. display:inline-block;
  938. width:20px;
  939. padding:10px;
  940. border-radius:100%;
  941. border:1px solid;
  942. background:{color:accent};
  943. text-align:center;
  944. color:{color:post};
  945. }
  946. .type a:hover {
  947. background:transparent;
  948. color:{color:accent};
  949. }
  950. .type > span{
  951. position: relative;
  952. display: inline-block;
  953. }
  954. .type > span:before, .type > span:after{
  955. content: "";
  956. position: absolute;
  957. top: 60%;
  958. border-bottom: 1px solid;
  959. border-color:{color:borders};
  960. width: 591px;
  961. margin: -5px 15px;
  962. }
  963. .type > span:before{
  964. right: 100%;
  965. }
  966. .type > span:after{
  967. left: 100%;
  968. }
  969.  
  970. .ic {
  971. margin-right:auto;
  972. margin-left:auto;
  973. width:100%;
  974. vertical-align:bottom;
  975. overflow:hidden;
  976. padding-top:20px;
  977. padding-bottom:20px;
  978. margin-top:20px;
  979. margin-bottom:0px;
  980. text-align:center;
  981. z-index:99;
  982. color:#333;
  983. background:{color:post};
  984. {block:PermalinkPage}display:none;{/block:PermalinkPage}
  985. }
  986. .ic a { color:black; }
  987.  
  988. #novex {
  989. margin-top:3px;
  990. font-size:25px;
  991. text-align:center;
  992. }
  993. #novex a {
  994. margin:3px;
  995. margin-left:20px;
  996. display:inline-block;
  997. }
  998. #novex a:hover:nth-child(8n+1){ color:#3b5998; }
  999. #novex a:hover:nth-child(8n+2){ color:#00aced; }
  1000. #novex a:hover:nth-child(8n+3){ color:#dd4b39; }
  1001. #novex a:hover:nth-child(8n+4){ color:#cb2027; }
  1002. #novex a:hover:nth-child(8n+5){ color:#517fa4; }
  1003. #novex a:hover:nth-child(8n+6){ color:#bb0000; }
  1004. #novex a:hover:nth-child(8n+7){ color:#32506d; }
  1005.  
  1006. #hqs {
  1007.     width:60px;
  1008.     height:60px;
  1009.     padding:5px;
  1010.     background:{color:post};
  1011.     border:1px solid {color:borders};
  1012.     float:left;
  1013.     margin:7px;
  1014.     z-index:9;
  1015.     position:relative;
  1016.     -webkit-transition: all 3s ease;
  1017.     transition: all 3s ease;
  1018. }
  1019. #hqs:hover {
  1020.     z-index:9;
  1021.     background:{color:accent};
  1022.     border:1px solid {color:accent};
  1023.     -webkit-transition: all 3s ease;
  1024.     transition: all 3s ease;
  1025.     -webkit-transform: scale(1.5);
  1026.     transform: scale(1.5);
  1027. }
  1028.  
  1029. .tags {margin-top:3px; padding-left:10px; text-align:left; font-size:12px; text-transform:lowercase; {block:PermalinkPage}display:none;{/block:PermalinkPage} opacity:0.0; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
  1030. .tags a{  margin-left:8px; color:{color:text}; opacity:0.7;}
  1031. .tags a:hover { color:{color:text}; opacity:1;}
  1032. .entry:hover .tags { opacity:1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
  1033.  
  1034. .nois {
  1035. background:{color:borders};
  1036. position:relative;
  1037. width:70px;
  1038. height:74px;
  1039. display:block;
  1040. padding:10px;
  1041. padding-bottom:7px;
  1042. float:left;
  1043. margin-bottom:20px;}
  1044. .nois img {
  1045. width:70px;
  1046. height:70px;
  1047. }
  1048. .nois2 {
  1049. text-align:right;
  1050. position:relative;
  1051. width:70px; height:16px;
  1052. margin-top:-6px;
  1053. display:block;
  1054. border-bottom:1px solid {color:borders};
  1055. text-transform:uppercase;
  1056. font-weight:bold;
  1057. padding:10px;
  1058. float:left;
  1059. font-size:12px;
  1060. }
  1061. .nois3 {
  1062. position:relative;
  1063. text-align:right;
  1064. width:70px;
  1065. border-bottom:1px solid {color:borders};
  1066. font-size:10px;
  1067. margin-left:-90px;
  1068. margin-top:31px;
  1069. display:block;
  1070. text-transform:uppercase;
  1071. font-weight:lighter;
  1072. padding:10px;
  1073. padding-top:5px;
  1074. padding-bottom:5px;
  1075. float:left;
  1076. margin-bottom:5px;}
  1077. .nois4 {
  1078. position:relative;
  1079. text-align:right;
  1080. width:70px;
  1081. border-bottom:1px solid {color:borders};
  1082. font-size:11px;
  1083. margin-left:-90px;
  1084. margin-top:60px;
  1085. display:block;
  1086. text-transform:uppercase;
  1087. font-weight:lighter;
  1088. padding:10px;
  1089. padding-top:5px;
  1090. padding-bottom:5px;
  1091. float:left;
  1092. margin-bottom:5px;}
  1093.  
  1094. b { color:{color:accent}; }
  1095. u { border-bottom:1px solid {color:accent}; text-decoration:none;}
  1096.  
  1097. .cc {
  1098. position:fixed;
  1099. bottom:10px;
  1100. left:0px;
  1101. z-index:999;
  1102. }
  1103.  
  1104. .cc a {
  1105. font-size:16px;
  1106. padding:10px;
  1107. background:{color:accent};
  1108. color:{color:post};
  1109. text-transform:uppercase;
  1110. font-weight:bold;
  1111. }
  1112.  
  1113. {CustomCSS}
  1114.  
  1115. </style>
  1116. </head>
  1117.  
  1118. <body>
  1119.  
  1120. <a href="#" class="scrollup"><li style="font-size:20px;" class="fa fa-angle-double-up"></li></a>
  1121.  
  1122. <div class="banner">
  1123. <div class="header_title"><a href="/">{Title}</a>
  1124. <div class="header_sub">{text:subtitle} <br>
  1125. {block:TagPage}&mdash; Posts tagged <span>{Tag}</span>{/block:TagPage}
  1126. </div>
  1127. </div>
  1128. <div class="menu">
  1129. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  1130. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  1131. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  1132. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  1133. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  1134. <a href="{text:Link 6 Url}">{text:Link 6 Title}</a>
  1135. </div>
  1136. </div>
  1137.    
  1138.  
  1139. <div id="post">
  1140.  
  1141. <!-- SIDEBAR -->
  1142. <div id="lado">
  1143. <div class="sidebar">
  1144. <img src="{image:sidebar}" class="side_av" />
  1145. <div class="side_desc">{Description}</div>
  1146. </div>
  1147.  
  1148. <!-- NAVIGATION BOX -->
  1149. <div class="caixas">
  1150. <div class="rules_title">Navigation</div>
  1151. <div class="rulesb"></div>
  1152. <div id="navigation">
  1153. <a href="{text:Navigation Link 1 Url}">{text:Navigation Link 1 Title}</a>
  1154. <a href="{text:Navigation Link 2 Url}">{text:Navigation Link 2 Title}</a>
  1155. <a href="{text:Navigation Link 3 Url}">{text:Navigation Link 3 Title}</a>
  1156. <a href="{text:Navigation Link 4 Url}">{text:Navigation Link 4 Title}</a>
  1157. <a href="{text:Navigation Link 5 Url}">{text:Navigation Link 5 Title}</a>
  1158. <a href="{text:Navigation Link 6 Url}">{text:Navigation Link 6 Title}</a>
  1159. <a href="{text:Navigation Link 7 Url}">{text:Navigation Link 7 Title}</a>
  1160. <a href="{text:Navigation Link 8 Url}">{text:Navigation Link 8 Title}</a>
  1161. </div></div>
  1162.  
  1163. <!-- SEARCH BOX -->
  1164. <div class="caixas">
  1165. <div class="rules_title">Search</div>
  1166. <div class="rulesb"></div>
  1167. <div id="search"><form action="/search" method="get"><input class="form-control" type="text" name="q" placeholder="{lang:Search}" value=""><input type="submit" value="Ok"></form></div>
  1168. </div>
  1169.  
  1170. <!-- PROJECTS -->
  1171. {block:IfProjects}<div class="caixas">
  1172. <div class="rules_title">Projects</div>
  1173. <div class="rulesb"></div>
  1174.  
  1175. <!-- PROJECT1 REPLACE FOR MORE -->
  1176. <img src="{image:Project 1}" class="project" />
  1177. <div class="project_desc">
  1178. <b>Name:</b> {text:Project 1 name} </br>
  1179. <b>Date:</b> {text:Project 1 date} </br>
  1180. <b>City:</b> {text:Project 1 city} </br>
  1181. <b>Info:</b> {text:Project 1 info} </br>
  1182. </div>
  1183. <!-- PROJECT1 END -->
  1184.  
  1185. <!-- PROJECT2 REPLACE FOR MORE -->
  1186. <img src="{image:Project 2}" class="project" />
  1187. <div class="project_desc">
  1188. <b>Name:</b> {text:Project 2 name} </br>
  1189. <b>Date:</b> {text:Project 2 date} </br>
  1190. <b>City:</b> {text:Project 2 city} </br>
  1191. <b>Info:</b> {text:Project 2 info} </br>
  1192. </div>
  1193. <!-- PROJECT2 END -->
  1194.  
  1195. </div>{/block:IfProjects}
  1196.  
  1197. <!-- EXTRA BOX TEXT -->
  1198. {block:IfExtraBox}<div class="caixas">
  1199. <div class="rules_title">Extra Box</div>
  1200. <div class="rulesb"></div>
  1201. {text:extra box text}
  1202. </div>{/block:IfExtraBox}
  1203.  
  1204. <!-- TWITTER BOX -->
  1205. {block:IfTwitter}<div class="caixas">
  1206. <div class="rules_title">Twitter</div>
  1207. <div class="rulesb"></div>
  1208. {text:twitter widget}
  1209. </div>{/block:IfTwitter}
  1210.  
  1211. <!-- GALERIE BOXS -->
  1212. {block:IfGalerie}<div class="caixas" style="height:220px;">
  1213. <div class="rules_title">Galerie</div>
  1214. <div class="rulesb"></div>
  1215. <img id="hqs" src="{image:hqs 1}">
  1216. <img id="hqs" src="{image:hqs 2}">
  1217. <img id="hqs" src="{image:hqs 3}">
  1218. <img id="hqs" src="{image:hqs 4}">
  1219. <img id="hqs" src="{image:hqs 5}">
  1220. <img id="hqs" src="{image:hqs 6}">
  1221. </div>{/block:IfGalerie}
  1222.  
  1223. <!-- MEMBERS BOX -->
  1224. {block:IfMembers}<div class="caixas" style="margin-top:60px !important;">
  1225. <div class="rules_title">Members</div>
  1226. <div class="rulesb"></div>
  1227. <div style="margin:0 auto; width:200px;">
  1228.  
  1229. <!-- MEMBER 1 start -->
  1230. <div class="nois2">{text:member 1 name}</div>
  1231. <div class="nois3"><a href="http://{text:member 1 url}.tumblr.com/">{text:member 1 url}</a></div>
  1232. <div class="nois4">
  1233. <a href="http://facebook.com/{text:member 1 facebook username}" target="_blank"><li class="fa fa-facebook"></li></a>
  1234. <a href="http://twitter.com/{text:member 1 twitter username}" target="_blank"><li class="fa fa-twitter" ></li></a>
  1235. <a href="http://instagram.com/{text:member 1 instagram username}" target="_blank"><li class="fa fa-instagram"></li></a>
  1236. </div>
  1237. <div class="nois"><img src="{image:member1}"/></div>
  1238. <!-- MEMBER 1 end -->
  1239.  
  1240. <!-- MEMBER 2 start (REPLACE FOR MORE)-->
  1241. <div class="nois2">{text:member 2 name}</div>
  1242. <div class="nois3"><a href="http://{text:member 2 url}.tumblr.com/">{text:member 2 url}</a></div>
  1243. <div class="nois4">
  1244. <a href="http://facebook.com/{text:member 2 facebook username}"><li class="fa fa-facebook"></li></a>
  1245. <a href="http://twitter.com/{text:member 2 twitter username}"><li class="fa fa-twitter"></li></a>
  1246. <a href="http://instagram.com/{text:member 2 instagram username}"><li class="fa fa-instagram"></li></a>
  1247. </div>
  1248. <div class="nois"><img src="{image:member2}"/></div>
  1249. <!-- MEMBER 2 end (REPLACE FOR MORE) -->
  1250.  
  1251. </div></div>{/block:IfMembers}
  1252.  
  1253. </div>
  1254.  
  1255. {block:Posts}
  1256.  
  1257. <div class="entry">
  1258.  
  1259. {block:Title}
  1260. <h1>{Title}
  1261. <div class="author">
  1262. {block:Date} {Month} {DayOfMonthWithZero}, {Year} {/block:Date}
  1263. </div></h1>
  1264. {/block:Title}
  1265.  
  1266. {block:Text}
  1267. <div class="type"><span><a href="{Permalink}"><i class="fa fa-pencil" aria-hidden="true"></i></a></span></div>
  1268. <div class="tcaption">{Body}</div>
  1269. {/block:Text}
  1270.  
  1271. {block:Photo}
  1272. <div class="type"><span><a href="{Permalink}"><i class="fa fa-photo" aria-hidden="true"></i></a></span></div>
  1273. <img src="{PhotoURL-500}" width="500" />
  1274. {/block:Photo}
  1275.  
  1276. {block:Photoset}
  1277. <div class="type"><span><a href="{Permalink}"><i class="fa fa-photo" aria-hidden="true"></i></a></span></div>
  1278. {Photoset-500}
  1279. {/block:Photoset}
  1280.  
  1281. {block:Quote}
  1282. <div class="type"><span><a href="{Permalink}"><i class="fa fa-pencil" aria-hidden="true"></i></a></span></div>
  1283. <div class="quote">{Quote}
  1284. <div class="qsub">&mdash; {block:Source} {Source} {/block:Source} </div>
  1285. </div>
  1286. {/block:Quote} 
  1287.  
  1288. {block:Chat}
  1289. <div class="type"><span><a href="{Permalink}"><i class="fa fa-comments" aria-hidden="true"></i></a></span></div>
  1290. <div class="ch">{block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>{/block:Label}{Line}</div>{/block:Lines}</div>{/block:Chat}
  1291.  
  1292. {block:Audio}
  1293. <div class="type"><span><a href="{Permalink}"><i class="fa fa-music" aria-hidden="true"></i></a></span></div><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}  
  1294.  
  1295. {block:Link}
  1296. <div class="type"><span><a href="{Permalink}"><i class="fa fa-link" aria-hidden="true"></i></a></span></div>
  1297. <div class="link">
  1298. <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
  1299. <div class="linkdesc">{block:Description} {Description} {/block:Description}
  1300. {block:Host}<div class="linkhost">{Host}</div>{/block:Host}
  1301. </div></div>
  1302. {/block:Link}
  1303.  
  1304. {block:Video}
  1305. <div class="type"><span><a href="{Permalink}"><i class="fa fa-play" aria-hidden="true"></i></a></span></div>
  1306. {Video-500}{PlayCountWithLabel}{/block:Video}  
  1307.  
  1308. {block:Answer}
  1309. <div class="type"><span><a href="{Permalink}"><i class="fa fa-question" aria-hidden="true"></i></a></span></div>
  1310. <div style="padding:10px; padding-top:0px;"><div class="pessoapfoto"><img src="{AskerPortraitURL-64}"><div class="pessoapfototri"></div></div><div class="pergunta"><div class="pessoap">{Asker} asked:</div>{Question}</div><div class="sresposta"><div class="srespostatri"></div>{Answer}</div></div>
  1311. {/block:Answer}
  1312.  
  1313. {block:Caption}<div class="caption">{Caption}</div>{block:Caption}
  1314.  
  1315. <div class="seureblog">
  1316. {block:NoteCount}<a href="{Permalink}">{NoteCount}</a>{/block:NoteCount}
  1317. {block:Date}
  1318. <a href="{Permalink}">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</a>
  1319. {/block:Date}
  1320. {block:RebloggedFrom}
  1321. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>
  1322. <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>
  1323. {/block:RebloggedFrom}
  1324. <a href="{ReblogUrl}">Reblog</a>
  1325. <div class="reblog">{ReblogButton color="gray" size="16"}</div>
  1326. <div class="likie" >{LikeButton color="gray" size="16"}</div>
  1327. </div>
  1328.  
  1329. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1330.  
  1331. {block:PermalinkPage}<div id="notas">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1332.  
  1333. </div>{/block:Posts}</div>
  1334.  
  1335. <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>
  1336.  
  1337.  
  1338. {block:Pagination}<div id="page3">
  1339. <a href="#">{CurrentPage} of {TotalPages}</a>
  1340.  
  1341. {block:PreviousPage}
  1342. <a href="{PreviousPage}">{lang:Previous}</a>
  1343. {/block:PreviousPage}
  1344.  
  1345. {block:JumpPagination length="3"}
  1346.  
  1347. {block:CurrentPage}<a href="#" style="background:{color:post}; color:{color:accent};"><span class="current_page">{CurrentPage}</a></span></a>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1348.  
  1349. {block:NextPage}<a href="{NextPage}">{lang:Next}</a>{/block:NextPage}
  1350. </div>{/block:Pagination}
  1351.  
  1352. <!-- **DO NOT REMOVE MY CREDITS** -->
  1353. <div class="cc"><a href="http://ttamplamente.tumblr.com/" title="Theme By Amplamente"><li class="fa fa-code" aria-hidden="true"></li></a></div>
  1354.  
  1355. <div class="ic">
  1356. <div id="novex">
  1357. <a href="{text:Facebook Url}" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i><div style="font-size:12px;">Facebook</div></a>
  1358. <a href="{text:Twitter Url}" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i><div style="font-size:12px;">Twitter</div></a>
  1359. <a href="{text:GooglePlus Url}" target="_blank"><i class="fa fa-google" aria-hidden="true"></i><div style="font-size:12px;">Google +</div></a>
  1360. <a href="{text:Pinterest Url}" target="_blank"><i class="fa fa-pinterest" aria-hidden="true"></i><div style="font-size:12px;">Pinterest</div></a>
  1361. <a href="{text:Instagram Url}" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i><div style="font-size:12px;">Instagram</div></a>
  1362. <a href="{text:Youtube Url}" target="_blank"><i class="fa fa-youtube" aria-hidden="true"></i><div style="font-size:12px;">Youtube</div></a>
  1363. <a href="{text:Tumblr Url}" target="_blank"><i class="fa fa-tumblr" aria-hidden="true"></i><div style="font-size:12px;">Tumblr</div></a>
  1364. </div>
  1365. </div>
  1366.  
  1367. <footer>
  1368. <div class="article">
  1369. <div class="caixatitulo">{Title}<div class="bd"></div></div>
  1370. Design by <a href="http://ttamplamente.tumblr.com/" target="_blank">Carolaine Vieira</a></br>
  1371. Powered by Tumblr </br>
  1372. Since {CopyrightYears}
  1373. </div>
  1374. </footer>
  1375.  
  1376. <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>
  1377.  
  1378. </body>
  1379. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement