API tools faq
paste
Advertisement
feiinho

THEME #42 by Anyh Salinas

feiinho
Dec 10th, 2017
193
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 42.32 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4. THEME #42
  5. by Anyh Salinas - © 2017
  6. www.anyhs-themes.tumblr.com
  7.  
  8.  
  9.  
  10. TERMS OF USE:
  11. ♦ Don't remove/adulterate my credits;
  12. ♦ Don't use this theme as base to make another theme(s);
  13. ♦ Don't redistribute for sell and nor for free.
  14.  
  15.  
  16.  
  17. CONTACT:
  18. www.anyhs-themes.tumblr.com/contato
  19.  
  20.  
  21.  
  22. -->
  23. <!DOCTYPE html>
  24. <html>
  25. <head>
  26.  
  27. <meta charset="utf-8"/>
  28. <meta name="viewport" content="width=device-width"/>
  29.  
  30. <title> {Title} {block:PostSummary}| {PostSummary}{/block:PostSummary}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description} <meta name="description" content="{MetaDescription}" /> {/block:Description}
  34.  
  35. <meta name="image:Background" content=""/>
  36. <meta name="image:Sidebar Background" content="https://d2lm6fxwu08ot6.cloudfront.net/img-thumbs/960w/OWEAOA1HWN.jpg"/>
  37.  
  38. <meta name="color:Background" content="#000"/>
  39. <meta name="color:Sidebar" content="#000"/>
  40. <meta name="color:Boxes" content="#111"/>
  41. <meta name="color:Borders" content="#1a1a1a"/>
  42. <meta name="color:Menu" content="#375756"/>
  43. <meta name="color:Menu Font" content="#000"/>
  44. <meta name="color:Titles" content="#aaa"/>
  45. <meta name="color:Font" content="#777777"/>
  46. <meta name="color:Links" content="#73a5a3"/>
  47.  
  48. <link href='https://fonts.googleapis.com/css?family=Dosis|Patrick Hand|Roboto|Roboto Condensed|Share|Ubuntu|Baumans|Rajdhani|Iceland|Vidaloka|Abhaya Libre' rel='stylesheet' type='text/css'>
  49.  
  50. <meta name="select:Texts font" content="Dosis"/>
  51. <meta name="select:Texts font" content="Patrick Hand"/>
  52. <meta name="select:Texts font" content="Roboto"/>
  53. <meta name="select:Texts font" content="Roboto Condensed"/>
  54. <meta name="select:Texts font" content="Share"/>
  55. <meta name="select:Texts font" content="Helvetica"/>
  56. <meta name="select:Texts font" content="Ubuntu"/>
  57. <meta name="select:Texts font" content="Verdana"/>
  58. <meta name="select:Texts font" content="Baumans"/>
  59. <meta name="select:Texts font" content="Rajdhani"/>
  60. <meta name="select:Texts font" content="Vidaloka"/>
  61. <meta name="select:Texts font" content="Abhaya Libre"/>
  62. <meta name="select:Texts font" content="Georgia"/>
  63. <meta name="select:Texts font" content="Times New Roman"/>
  64.  
  65. <link href='https://fonts.googleapis.com/css?family=Amatic SC|Sue Ellen Francisco|Lobster|Lobster Two|Grand Hotel|Sacramento|Great Vibes|Rouge Script|UnifrakturMaguntia|Astloch|Megrim|Rajdhani|Amatic SC|Special Elite|Black Ops One' rel='stylesheet' type='text/css'>
  66.  
  67. <meta name="select:Titles font" content="Amatic SC"/>
  68. <meta name="select:Titles font" content="Sue Ellen Francisco"/>
  69. <meta name="select:Titles font" content="Rouge Script"/>
  70. <meta name="select:Titles font" content="Great Vibes"/>
  71. <meta name="select:Titles font" content="Sacramento"/>
  72. <meta name="select:Titles font" content="Grand Hotel"/>
  73. <meta name="select:Titles font" content="Lobster Two"/>
  74. <meta name="select:Titles font" content="Lobster"/>
  75. <meta name="select:Titles font" content="UnifrakturMaguntia"/>
  76. <meta name="select:Titles font" content="Astloch"/>
  77. <meta name="select:Titles font" content="Megrim"/>
  78. <meta name="select:Titles font" content="Rajdhani"/>
  79. <meta name="select:Titles font" content="Iceland"/>
  80. <meta name="select:Titles font" content="Black Ops One"/>
  81. <meta name="select:Titles font" content="Special Elite"/>
  82. <meta name="select:Titles font" content="Vidaloka"/>
  83.  
  84. <meta name="select:Sidebar position" content="Left"/>
  85. <meta name="select:Sidebar position" content="Right"/>
  86.  
  87. <meta name="select:Number of columns" content="1" title="1 column"/>
  88. <meta name="select:Number of columns" content="2" title="2 columns"/>
  89. <meta name="select:Number of columns" content="3" title="3 columns"/>
  90.  
  91. <meta name="select:Images transparency" content="1" title="0%"/>
  92. <meta name="select:Images transparency" content=".8" title="20%"/>
  93. <meta name="select:Images transparency" content=".6" title="40%"/>
  94. <meta name="select:Images transparency" content=".4" title="60%"/>
  95.  
  96. <meta name="select:Images effect" title="None" content="none"/>
  97. <meta name="select:Images effect" title="Colorful" content="saturate(220%)"/>
  98. <meta name="select:Images effect" title="Deep" content="saturate(220%) contrast(1.3) brightness(.9)"/>
  99. <meta name="select:Images effect" title="Dark" content="contrast(1.5) brightness(.9)"/>
  100. <meta name="select:Images effect" title="Greyish" content="grayscale(40%) saturate(100%) contrast(120%)"/>
  101. <meta name="select:Images effect" title="Black and White" content="grayscale(100%)"/>
  102. <meta name="select:Images effect" title="Dark Black and White" content="grayscale(100%) contrast(1.3) brightness(.9)"/>
  103. <meta name="select:Images effect" title="Sepia" content="sepia(1)"/>
  104. <meta name="select:Images effect" title="Old" content="contrast(90%) sepia(50%) brightness(120%)"/>
  105. <meta name="select:Images effect" title="Coffee" content="sepia(30%) saturate(180%)"/>
  106. <meta name="select:Images effect" title="Vintage" content="sepia(30%) hue-rotate(-30deg) saturate(180%) contrast(90%) brightness(100%)"/>
  107. <meta name="select:Images effect" title="Inverted" content="invert(1)"/>
  108.  
  109. <meta name="if:Infinite Scrolling" content="0"/>
  110. <meta name="if:Borders" content="1"/>
  111. <meta name="if:Hide Images Caption" content="0"/>
  112. <meta name="if:Sidebar Background With Repetition" content="0"/>
  113. <meta name="if:Show search keywords" content="1">
  114. <meta name="if:Show search tags" content="1">
  115.  
  116. <meta name="text:Texts font size" content="12"/>
  117. <meta name="text:Titles font size" content="26"/>
  118.  
  119. <meta name="text:Button1 Link" content="/"/>
  120. <meta name="text:Button1 Title" content="Home"/>
  121. <meta name="text:Button1 Icon" content="fa fa-home"/>
  122. <meta name="text:Button2 Link" content="/ask"/>
  123. <meta name="text:Button2 Title" content="Ask"/>
  124. <meta name="text:Button2 Icon" content="fa fa-comments"/>
  125. <meta name="text:Button3 Link" content="/submit"/>
  126. <meta name="text:Button3 Title" content="Submit"/>
  127. <meta name="text:Button3 Icon" content="fa fa-envelope"/>
  128. <meta name="text:Button4 Link" content="/random"/>
  129. <meta name="text:Button4 Title" content="Random"/>
  130. <meta name="text:Button4 Icon" content="fa fa-random"/>
  131. <meta name="text:Button5 Link" content="/rss"/>
  132. <meta name="text:Button5 Title" content="RSS"/>
  133. <meta name="text:Button5 Icon" content="fa fa-rss"/>
  134. <meta name="text:Button6 Link" content="/archive"/>
  135. <meta name="text:Button6 Title" content="Archive"/>
  136. <meta name="text:Button6 Icon" content="fa fa-clipboard"/>
  137.  
  138. <meta name="text:Button7 Link" content=""/>
  139. <meta name="text:Button7 Title" content="Link 7"/>
  140. <meta name="text:Button8 Link" content=""/>
  141. <meta name="text:Button8 Title" content="Link 8"/>
  142. <meta name="text:Button9 Link" content=""/>
  143. <meta name="text:Button9 Title" content="Link 9"/>
  144. <meta name="text:Button10 Link" content=""/>
  145. <meta name="text:Button10 Title" content="Link 10"/>
  146.  
  147.  
  148. <!-- jquery -->
  149. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  150. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  151. <!-- jquery -->
  152.  
  153. <!-- icons -->
  154. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">
  155. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  156. <!-- icons -->
  157.  
  158. <!-- qtip -->
  159. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  160. <!-- qtip -->
  161.  
  162. <!-- smooth scroll -->
  163. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.6/SmoothScroll.js"></script>
  164. <!-- smooth scroll -->
  165.  
  166. <!-- align posts -->
  167. <script type="text/javascript" src="http://static.tumblr.com/me5sfsd/12Qlmj66n/script.js"></script>
  168. <!-- align posts -->
  169.  
  170. <!-- pxu photosets -->
  171. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  172. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  173. <!-- pxu photosets -->
  174.  
  175.  
  176.  
  177. <script type="text/javascript">
  178. $(window).ready(function(){
  179.  
  180. /** fade in **/
  181. $("#all").animate({opacity: 1}, 900);
  182. /** fade in **/
  183.  
  184.  
  185. /** search **/
  186. function search_for_word() {
  187. var q_keyword = $("#search_word input:first-child").val();
  188. location.assign("http://{Name}.tumblr.com/search/" + q_keyword);
  189. };
  190. function search_for_tag() {
  191. var q_tag = $("#search_tag input:first-child").val();
  192. location.assign("http://{Name}.tumblr.com/tagged/" + q_tag);
  193. };
  194.  
  195. $("#search_word").submit(function(){
  196. search_for_word();
  197. });
  198.  
  199. $("#search_word_button").click(function(){
  200. search_for_word();
  201. return false;
  202. });
  203.  
  204. $("#search_tag").submit(function(){
  205. search_for_tag();
  206. });
  207. $("#search_tag_button").click(function(){
  208. search_for_tag();
  209. return false;
  210. });
  211. /** search **/
  212.  
  213.  
  214. /***** number of columns *****/
  215. function columns() {
  216. if ({select:Number of columns} == 1) {
  217. $(".caixa").addClass("caixa_500");
  218. $("#posts").css({"width":"550px"});
  219. $(".p_500").css({"display":"block"});
  220. $(".imgp img").css({"min-width":"500px"});
  221. $(".text img").css({"max-width":"480px"});
  222. $(".album_art img").css({"width":"131px","min-width":"131px"});
  223. $(".tumblr_audio_player").css({"height":"100px","width":"100px"});
  224. $(".player li").css({"margin-left":"132px"});
  225.  
  226. }
  227. if ({select:Number of columns} >= 2) {
  228. {block:IndexPage}
  229. $(".caixa").addClass("caixa_250");
  230. $("#posts").css({"width":"604px"});
  231. $(".p_250").css({"display":"block"});
  232. $(".imgp img").css({"min-width":"250px"});
  233. $(".text img").css({"max-width":"230px"});
  234. $(".album_art img").css({"width":"91px","min-width":"91px"});
  235. $(".tumblr_audio_player").css({"height":"60px","width":"60px"});
  236. $(".player li").css({"margin-left":"102px"});
  237. {/block:IndexPage}
  238. /** postagens de audio **/
  239. {block:PermalinkPage}
  240. $(".album_art img").css({"width":"131px","min-width":"131px"});
  241. $(".tumblr_audio_player").css({"height":"100px","width":"100px"});
  242. $(".player li").css({"margin-left":"132px"});
  243. {/block:PermalinkPage}
  244. /** postagens de audio **/
  245. }
  246. if ({select:Number of columns} == 3) {
  247. {block:IndexPage}
  248. $("#posts").css({"width":"906px"});
  249. {/block:IndexPage}
  250. }
  251. };
  252. columns();
  253. /***** number of columns *****/
  254.  
  255. /** sidebar position **/
  256. if("{select:Sidebar position}" == "Right") {
  257. $(".sidebar").addClass("rightside");
  258. $("#content").css({"float":"left"});
  259. }
  260. /** sidebar position **/
  261.  
  262.  
  263. /** align posts **/
  264. var $wall = $('#posts');
  265. $wall.imagesLoaded(function(){
  266. $wall.masonry({
  267. itemSelector: '.caixa',
  268. isAnimated : true
  269. });
  270. });
  271. /** align posts **/
  272.  
  273.  
  274. /** pxu photosets **/
  275. function pxu_photosets() {
  276. $('.photo-slideshow').pxuPhotoset({
  277. lightbox: true,
  278. rounded: false,
  279. gutter: '10px',
  280. borderRadius: '0px',
  281. photoset: '.photo-slideshow',
  282. photoWrap: '.photo-data',
  283. photo: '.pxu-photo'
  284. });
  285. };
  286. pxu_photosets();
  287. /** pxu photosets **/
  288.  
  289.  
  290. /** infinite scroll **/
  291. $wall.infinitescroll({
  292. navSelector : "div#navigation",
  293. nextSelector : "div#navigation a#nextPage",
  294. itemSelector : '.caixa',
  295. loadingImg : "",
  296. loadingText : " ",
  297. donetext : " ",
  298. extraScrollPx : 0,
  299. bufferPx : 10000,
  300. debug : false,
  301. errorCallback: function() {
  302. $('#infscr-loading').animate({opacity: .8},2000).fadeOut('normal');
  303. }},
  304. function( newElements ) {
  305.  
  306. columns();
  307. pxu_photosets();
  308.  
  309. var $newElems = $( newElements );
  310.  
  311. /** make like button works **/
  312. var $newElemsIDs = $newElems.map(function(){
  313. return this.id;
  314. }).get();
  315. console.log($newElems, $newElemsIDs);
  316. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  317. /** make like button works **/
  318.  
  319. $newElems.hide();
  320. $newElems.imagesLoaded(function(){
  321. $wall.masonry( 'appended', $newElems, {isAnimated: true, animationOptions: {duration: 250, easing: 'linear', queue: false}}, function(){$newElems.fadeIn('slow');} );
  322. });
  323. }); $('#posts').show(500);
  324. /** infinite scroll **/
  325.  
  326.  
  327.  
  328. /** tumblr blogs avatars **/
  329. $(".tumblr_blog").each(function() {
  330. var tumblrblogurl = $(this).text();
  331. $(this).before("<img src='https://api.tumblr.com/v2/blog/" + tumblrblogurl + ".tumblr.com/avatar/24' class='tumblr_blog_avatar'/>");
  332. });
  333. /** tumblr blogs avatars **/
  334.  
  335.  
  336.  
  337.  
  338.  
  339. });/** fim do "ready" **/
  340. </script>
  341.  
  342.  
  343.  
  344. <style type="text/css">
  345.  
  346. /********** BASE **********/
  347. body {margin: 0px; background: {color:Background} url('{image:Background}') fixed; font-size: {text:Texts font size}px; color: {color:Font}; font-family: {select:Texts font};}
  348.  
  349. #all {opacity: 0;}
  350.  
  351. ::-webkit-scrollbar {width: 5px; height: 5px; background: {color:Background};}
  352. ::-webkit-scrollbar-thumb:vertical {background: {color:Sidebar}; border: 1px solid {color:Borders};}
  353. ::-webkit-scrollbar-thumb:horizontal {background: {color:Sidebar}; border: 1px solid {color:Borders};}
  354.  
  355. a {transition: .9s; text-decoration: none; color: {color:Links};}
  356. a:hover {color: {color:Font}}
  357.  
  358. p {}
  359.  
  360. h1 {margin: 0px; margin-bottom: 10px; font-weight: normal; color: {color:Titles}; font-family: {select:Titles font}; font-size: {text:Titles font size}px;}
  361. h2 {margin: 0px; margin-bottom: 10px; font-weight: normal; color: {color:Titles}; font-family: {select:Titles font}; font-size: 200%;}
  362. h3 {margin: 0px; margin-bottom: 10px; font-weight: normal; color: {color:Titles}; font-family: {select:Titles font}; font-size: 180%;}
  363.  
  364. a b {color: {color:Links};}
  365. a strong {color: {color:Links};}
  366. a i {color: {color:Links};}
  367. a em {color: {color:Links};}
  368.  
  369. b a {color: {color:Links};}
  370. strong a {color: {color:Links};}
  371. i a {color: {color:Links};}
  372. em a {color: {color:Links};}
  373.  
  374. ul {list-style: square; margin-left: -20px; }
  375. ol {margin-left: -20px; list-style: decimal-leading-zero;}
  376.  
  377. blockquote {border-left: 1px solid {color:Titles}; margin: 10px; padding: 0px 10px; overflow: hidden;}
  378. blockquote img {height: auto; max-width: 460px;}
  379.  
  380. blockquote p:first-child {margin-top: 0px;}
  381. blockquote p:last-child {margin-bottom: 0px;}
  382.  
  383. hr {border: none; border-top: 1px solid {color:Font}; margin: 20px 20px; opacity: .3;}
  384.  
  385. pre {background: {color:Background}; overflow-x: scroll; padding: 10px; border: 1px solid {color:Borders};}
  386.  
  387. pre b {color: {color:Titles};}
  388. pre strong {color: {color:Titles};}
  389. pre i {color: {color:Titles};}
  390. pre em {color: {color:Titles};}
  391.  
  392. pre::-webkit-scrollbar {width: 7px; height: 7px; background: {color:Background};}
  393. pre::-webkit-scrollbar-button:horizontal {width: 0px; display: block;}
  394. pre::-webkit-scrollbar-thumb:horizontal {background: {color:Font}; border: 2px solid {color:Background};}
  395.  
  396. ::selection {background: {color:Links}; color: {color:Boxes};}
  397.  
  398. #qTip {margin: 0px 0 0 16px; text-align: left; display: none; position: absolute; z-index: 99999; font-size: 10px; font-family: 'Roboto Condensed'; padding: 5px 5px; line-height: 10px; color: {color:Titles}; background: {color:Boxes}; border: 1px solid {color:Borders};}
  399.  
  400.  
  401.  
  402. #content {width: calc(100% - 340px); float: right;}
  403.  
  404.  
  405.  
  406. /******************** Sidebar ********************/
  407. .sidebar {width: 300px; height: 100%; padding: 20px; position: fixed; text-align: center; z-index: 10; transition: .9s;
  408. background: {color:Sidebar} url('{image:Sidebar Background}'); background-position: 170px 0px;
  409.  
  410. {block:IfBorders}
  411. box-shadow: 0px 0px 0px 1px {color:Borders};
  412. {/block:IfBorders}
  413.  
  414. {block:IfNotSidebarBackgroundWithRepetition}
  415. background-position: 170px 0px; background-repeat: no-repeat; background-size: auto 100%;
  416. {/block:IfNotSidebarBackgroundWithRepetition}
  417. }
  418. .sidebar:hover {background-position: 0px 0px;}
  419.  
  420. .leftside {top: 0px; left: 0px;}
  421. .rightside {top: 0px; right: 0px;}
  422.  
  423. #sidebar {width: 170px; height: 100%; padding: 20px; position: absolute; left: 0px; top: 0px; background: {color:Sidebar};
  424. {block:IfBorders}
  425. box-shadow: 0px 0px 0px 1px {color:Borders};
  426. {/block:IfBorders}
  427. }
  428.  
  429.  
  430. #portrait {width: 80px; height: 80px; background: {color:Menu}; padding: 10px; border-radius: 100%; position: absolute; right: -50px; top: 100px;
  431. {block:IfBorders}
  432. border: 1px solid {color:Borders};
  433. {/block:IfBorders}
  434. }
  435.  
  436. #portrait img {background: {color:Menu}; width: 80px; height: 80px; border-radius: 100%; transition: .9s; opacity: {select:Images transparency}; filter: {select:Images effect}; -webkit-filter: {select:Images effect};}
  437.  
  438. #portrait:hover img {transform: rotate(360deg); opacity: 1; filter: none; -webkit-filter: none;}
  439.  
  440. #sidebar h1 {font-size: {select:Titles size}px; display: table; margin: 60px auto 0px auto;}
  441. #sidebar h1 a {color: {color:Titles};}
  442.  
  443.  
  444. #desc {max-width: 500px; margin: 10px auto; font-size: {text:Texts size}px; line-height: {text:Texts size}px;}
  445. #desc .space1 {width: 35px; height: 70px; float: right; margin-top: 0px; }
  446.  
  447.  
  448.  
  449. /** #search **/
  450. #search {margin-top: 10px; text-align: center; display: table; width: 100%;}
  451.  
  452. #search form {position: relative; color: {color:Font}; margin-bottom: 1px; display: block; width: calc(100% - 2px);}
  453.  
  454. #search input {width: calc(100% - 22px); outline: none; background: {color:Background}; padding: 5px 10px; transition: .5s; font-family: Arial, sans-serif; border: none; font-size: 11px; {block:IfBorders}border: 1px solid {color:Borders}; {/block:IfBorders}}
  455. #search input:focus {color: {color:Font};}
  456.  
  457. #search input::-webkit-input-placeholder {color: {color:Font}; font-style: italic; transition: .5s;}
  458. #search input:focus::-webkit-input-placeholder {color: {color:Font};}
  459.  
  460. #search form i {line-height: 12px; color: {color:Menu Font}; background: {color:Menu}; padding: 5px 5px; position: absolute; right: 0px; bottom: 0px; {block:IfBorders}border: 1px solid {color:Borders};{/block:IfBorders}}
  461.  
  462. #search_word_button, #search_tag_button {cursor: pointer;}
  463.  
  464.  
  465. /** if no results found **/
  466. .search_query {font-style: italic; color: {color:Titles}; margin-right: 5px;}
  467. .search_query:before {content: "“";}
  468. .search_query:after {content: "”";}
  469. /** if no results found **/
  470.  
  471.  
  472.  
  473.  
  474.  
  475. #menu {width: 22px; position: absolute; right: -7px; top: 220px;}
  476. #menu a {width: 22px; height: 22px; font-family: 'Roboto Condensed', sans-serif; transition: .9s; color: {color:Menu Font}; padding: 3px; display: inline-block; background: {color:Menu}; font-size: 12px; text-align: center; border-radius: 100%; position: relative; margin-bottom: 5px;
  477. {block:IfBorders}
  478. border: 1px solid {color:Borders};
  479. {/block:IfBorders}
  480. }
  481. #menu a:hover {transform: rotate(360deg); background: {color:Boxes};}
  482.  
  483. #menu i {color: {color:Menu Font}; border-radius: 100%; padding: 5px; width: 12px; height: 12px; transition: .9s; }
  484. #menu a:hover i {color: {color:Titles};}
  485.  
  486.  
  487.  
  488.  
  489. #menu2 {margin-top: 1px;}
  490. #menu2 a {display: block; background: {color:Menu}; color: {color:Menu Font}; margin-bottom: 2px; text-align: center; padding: 5px; font-size: 10px; text-transform: uppercase; letter-spacing: .5px; transition: .5s; margin-right: 2px; {block:IfBorders}border: 1px solid {color:Borders}; {/block:IfBorders}}
  491. #menu2 a:hover {letter-spacing: 2px; background: {color:Background};}
  492.  
  493.  
  494.  
  495.  
  496. /****************************** POSTS ******************************/
  497. #posts {width: 540px; min-height: 478px; margin: 40px auto;}
  498. .caixa {width: 500px; padding: 0px; margin: 5px; background: {color:Boxes};
  499. padding: 20px; overflow: hidden;
  500.  
  501. {block:IfBorders}
  502. border: 1px solid {color:Borders};
  503. {/block:IfBorders}
  504. }
  505.  
  506. .caixa_500 {width: 500px;}
  507. .caixa_250 {float: left;
  508. {block:IndexPage} width: 250px; {/block:IndexPage}
  509. {block:PermalinkPage} width: 500px; {/block:PermalinkPage}
  510. }
  511.  
  512. .p_500 {display: none;}
  513. .p_250 {display: none;}
  514.  
  515. /** TEXTS **/
  516. .caixa h1 {margin-bottom: 10px; text-align: center;}
  517. .caixa h1 i {font-size: 14px; line-height: 20px; text-align: center;}
  518.  
  519. .caixa h2 {display: table; border-bottom: 1px solid {color:Borders}; margin-top: 10px;}
  520.  
  521. #ask_form, .ask_form, #ask_form iframe {height: 180px;}
  522. #ask_form, #submit_form {margin: 10px 0px;}
  523.  
  524.  
  525. .text {overflow: hidden;}
  526. .text img {height: auto; margin: 0px auto; max-width: 540px;
  527. transition: .9s; opacity: {select:Images transparency}; filter: {select:Images effect}; -webkit-filter: {select:Images effect};
  528. }
  529. .caixa:hover .text img {opacity: 1; filter: none; -webkit-filter: none;}
  530.  
  531. .caption {
  532. {block:IndexPage}
  533. {block:IfHideImagesCaption}
  534. position: absolute;
  535. bottom: -150%;
  536. background: {color:Boxes};
  537. transition: .5s;
  538. width: calc(100% - 20px);
  539. padding: 20px 0px;
  540. {/block:IfHideImagesCaption}
  541. {/block:IndexPage}
  542. }
  543. .caixa:hover .caption {
  544. {block:IndexPage}
  545. {block:IfHideImagesCaption}
  546. bottom: 0%;
  547. {/block:IfHideImagesCaption}
  548. {/block:IndexPage}
  549. }
  550.  
  551. .tumblr_blog {text-transform: uppercase; font-size: 80%; letter-spacing: .5px; margin-left: 3px; }
  552. .tumblr_blog_avatar {width: 14px; height: 14px; border-radius: 100%; border: 1px solid {color:Borders}; float: left;}
  553.  
  554. .imgp img {width: 100%;}
  555.  
  556. .caixa img {transition: .9s; opacity: {select:Images transparency}; filter: {select:Images effect}; -webkit-filter: {select:Images effect};}
  557. .caixa:hover img {opacity: 1; filter: none; -webkit-filter: none;}
  558.  
  559.  
  560. /*** PHOTOSET ***/
  561. .photo-slideshow {
  562. {block:IfNotHideImagesCaption}
  563. margin-bottom: 10px;
  564. {/block:IfNotHideImagesCaption}
  565. }
  566.  
  567.  
  568.  
  569.  
  570.  
  571. /*** QUOTES ***/
  572. .quote {margin-top: 10px; position: relative; text-align: center;}
  573. .quote:first-letter {color: {color:Titles}; text-transform: uppercase; font-size: 22px; line-height: {text:Texts font size}px; font-family: {select:Titles font};}
  574.  
  575. .asp {font-family: 'georgia'; color: {color:Font}; opacity: .2; font-size: 70px; position: absolute;}
  576.  
  577. .asp_left {top: 0px; left: 10px;}
  578. .asp_right {bottom: -10px; right: 10px;}
  579.  
  580. .source {text-align: right; position: relative; margin-top: 20px; color: {color:Font};}
  581.  
  582.  
  583. /*** AUDIO ***/
  584. .audio {}
  585.  
  586. .player {font-size: {text:Texts font size}px; line-height: {text:Texts font size}px; display: block; min-height: 110px; position: relative; font-family: 'Roboto Condensed', sans-serif;}
  587. .player ul {margin: 0px; list-style: none; padding: 0px; margin-left: -10px;}
  588. .player li {margin-bottom: 1px; box-shadow: 0px 0px 0px 1px {color:Borders} inset; background: {color:Background};}
  589. .player i {width: {text:Texts font size}px; padding: 10px; margin-right: -10px; color: {color:Titles}; text-align: center;}
  590. .player b {font-weight: normal; color: {color:Titles};}
  591.  
  592. .album_art img {float: left; margin-right: 1px; background: {color:Boxes}; }
  593.  
  594. .tumblr_audio_player {height: 100px; width: 100px; position: absolute; top: 15px; left: 15px; opacity: .2; transition: .9s; }
  595. .caixa:hover .tumblr_audio_player {opacity: 1;}
  596.  
  597.  
  598. /*** LINKS ***/
  599. .link h1 {color: {color:Links}; transition: .9s;}
  600. .link:hover h1 {color: {color:Font};}
  601.  
  602. .link {text-align: center;}
  603.  
  604.  
  605. /*** CHATS ***/
  606. .chat {}
  607. .chat ul {margin: 0px; margin-left: -40px;}
  608. .chat li {margin-bottom: 5px; list-style: none; }
  609. .chat b {margin-right: 5px;}
  610.  
  611.  
  612. /*** ANSWER/ASK ***/
  613. .ask_img {float: left; background: {color:Borders}; position: relative; overflow: hidden; border-radius: 100%; background: {color:Boxes}; box-shadow: 0px 0px 0px 5px {color:Boxes}, 0px 0px 0px 6px {color:Borders}; margin: 5px; margin-left: 0px;}
  614. .ask_img img {border-radius: 100%; margin-bottom: -4px; width: 64px;
  615. transition: .9s; opacity: {select:Images transparency}; filter: {select:Images effect}; -webkit-filter: {select:Images effect};}
  616. .caixa:hover .ask_img img {opacity: 1; filter: none; -webkit-filter: none;}
  617.  
  618. .question {padding: 20px; padding-bottom: 10px; border: 1px solid {color:Borders}; margin-left: 84px; position: relative; background: {color:Background}; margin-bottom: 20px;}
  619.  
  620. .question_seta_content {width: 10px; height: 11px; overflow: hidden; position: absolute; right: 100%; top: 25px; z-index: 2; margin-right: -1px;}
  621. .question_seta {width: 10px; height: 10px; background: {color:Background}; border: 1px solid {color:Borders}; transform: rotate(45deg); margin-left: 5px;}
  622.  
  623. .plaq {color: {color:Titles}; border-top: 1px solid {color:Borders}; font-size: 9px; font-family: 'Roboto Condensed'; padding-top: 10px; margin-top: 20px; text-transform: uppercase; text-align: center;}
  624.  
  625.  
  626.  
  627. /*** NOTES ***/
  628. .rlbuttons {text-transform: uppercase; font-family: 'Roboto', sans-serif; color: {color:Titles}; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; transition: .9s; z-index: 5; font-size: 14px; text-align: center; background: {color:Boxes};
  629.  
  630. display: -webkit-flex; /* Safari */
  631. display: flex;
  632. -webkit-align-items: center; /* Safari 7.0+ */
  633. align-items: center;
  634.  
  635. }
  636. .caixa:hover .rlbuttons {opacity: .9;}
  637.  
  638. .notez {
  639. -webkit-flex: 1; /* Safari 6.1+ */
  640. flex: 1;
  641. }
  642.  
  643. .rlbuttons p a {font-size: 10px;}
  644.  
  645. .rlbuttons a {transition: .9s; color: {color:Titles}; padding: 0px 5px; min-width: 12px; text-align: center; margin: 0px 2px; border-radius: 10px; display: inline-block;}
  646. .rlbuttons a:hover {color: {color:Links};}
  647. .rlbuttons i {color: {color:Titles}; transition: .9s;}
  648. .rlbuttons a:hover i {color: {color:Links};}
  649.  
  650. .like_wrapper {display: inline-block; position: relative;}
  651.  
  652. .like_button {position: absolute; top: 0px; left: 0px; width: 20px; height: 21px; opacity: 0; z-index: 10; border: 1px solid #aca; cursor: pointer;}
  653. .like_button iframe { width: 100% !important; height: 100% !important; cursor: pointer;}
  654.  
  655. .like_button iframe:hover + .olike a {color: {color:Titles} !important;}
  656. .like_button:hover + .olike a {color: {color:Titles} !important;}
  657. .like_button.liked + .olike i {color: #ff1a1a !important;}
  658.  
  659.  
  660.  
  661. /***** PERMALINK *****/
  662. #permalink {text-transform: uppercase; font-size: 10px; letter-spacing: 1px;}
  663.  
  664. #permalink .caixa {margin-bottom: 10px;}
  665.  
  666. #permalink h2 {border-bottom: none; margin-bottom: 20px; font-family: {select:Texts font};}
  667.  
  668. #permalink ul {list-style: none; margin-left: -40px; margin-bottom: 20px; font-size: 10px; font-family: 'Roboto Condensed', sans-serif;}
  669. #permalink ul li {padding: 10px; background: {color:Boxes}; margin-bottom: 1px; box-shadow: -10px 0px 0px {color:Titles} inset, 30px 0px 0px {color:Titles} inset; line-height: 16px;}
  670. #permalink ul li i {margin-right: 14px; color: {color:Boxes};}
  671.  
  672. #permalink ol {list-style: decimal-leading-zero outside; margin-left: -10px; font-size: 10px; font-family: 'Roboto Condensed', sans-serif;}
  673. #permalink ol li {transition: .9s; padding: 10px; color: {color:Boxes}; margin-bottom: 1px; line-height: 25px; box-shadow: -10px 0px 0px {color:Titles} inset, -30px 0px 0px {color:Titles}; background: {color:Background};}
  674. #permalink ol li span {color: {color:Font};}
  675. #permalink ol li img {width: 20px; margin-right: 10px; margin-bottom: -8px;}
  676.  
  677. #permalink ol li:hover {margin-left: 40px;}
  678.  
  679. #permalink .more_notes_link_container {background: none; list-style: none; box-shadow: none; text-decoration: underline;}
  680. #permalink .more_notes_link_container:hover {margin-left: 0px;}
  681. #permalink .more_notes_link_container:hover a {letter-spacing: 2px;}
  682.  
  683.  
  684.  
  685.  
  686.  
  687. /******************** footer ********************/
  688. #footer {width: 100%; padding-bottom: 40px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-align: center;}
  689.  
  690. #footer_creds {background: {color:Boxes}; border: 1px solid {color:Borders}; border-bottom: none; padding: 5px; font-size: 10px; margin: 20px auto; margin-bottom: 0px; display: table; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; text-align: center;}
  691.  
  692.  
  693. /********** PAGINAÇÃO **********/
  694. #paginacao {font-size: 12px; line-height: 14px; text-align: center; margin: 0px auto; display: block; margin: 0px 0px;}
  695.  
  696. #paginacao i {color: {color:Menu Font};}
  697. #paginacao .seta {margin: 0px 20px; display: inline-block; font-size: 10px;}
  698.  
  699. #paginacao a {transition: .9s; background: {color:Menu}; color: {color:Menu Font}; padding: 7px 10px; margin: 0px 4px; display: inline-block; position: relative;
  700. {block:IfBorders}
  701. border: 1px solid {color:Borders};
  702. {/block:IfBorders}
  703. }
  704. #paginacao a:hover {background: transparent; color: {color:Links};}
  705.  
  706.  
  707. #paginacao span {padding: 5px 10px; margin: 0px 2px; display: inline-block;}
  708.  
  709.  
  710.  
  711. /************************* BOTÃO DE FOLLOW *************************/
  712. .tmblr-iframe {z-index: 999999 !important; transition: .9s;}
  713. .tmblr-iframe--controls {background: #f00 !important; text-transform: uppercase;}
  714. .move {top: 75px !important; right: -15px !important; transform: scale(0.9);}
  715. /************************* BOTÃO DE FOLLOW *************************/
  716.  
  717.  
  718. /*** rolagem infinita ***/
  719. #infscr-loading {font-size: 10px; font-family: 'Roboto Condensed'; text-transform: uppercase; z-index: 999; text-align: center; position: fixed; bottom: 40px; width: 100%; }
  720. #infscr-loading i {font-size: 10px;}
  721. #infscr-loading img {display: none;}
  722.  
  723.  
  724.  
  725. /********** CUSTOM CSS **********/
  726. {CustomCSS}
  727.  
  728.  
  729. /*** DON'T REMOVE THE CREDITS IF THE THEME ISN'T YOURS ***/
  730. #cred {z-index: 99; font-family: 'Roboto Condensed', sans-serif; color: {color:Font}; position: fixed; right: -82px; bottom: 80px; transition: .9s; text-transform: uppercase; font-size: 10px;}
  731.  
  732. #cred .cred {color: {color:Font}; background: {color:Boxes}; padding: 5px; margin-bottom: 3px; transition: .9s; border: 1px solid {color:Borders}; border-right: 0px;}
  733. #cred .cred:hover {color: {color:Links};}
  734.  
  735. #cred .cred a {color: {color:Font}; transition: .9s;}
  736. #cred .cred:hover a {color: {color:Links};}
  737.  
  738. #cred .cred i {color: {color:Font}; margin-right: 2px; transition: .9s;}
  739. #cred .cred:hover i {color: {color:Links};}
  740.  
  741. #cred .cred span {color: {color:Links};}
  742.  
  743. #cred:hover {right: 0px;}
  744.  
  745. /*** DON'T REMOVE THE CREDITS IF THE THEME ISN'T YOURS ***/
  746.  
  747.  
  748. </style>
  749. </head>
  750.  
  751. <body>
  752. <div id="all">
  753.  
  754.  
  755. <!---- DON'T REMOVE THE CREDITS IF THE THEME ISN'T YOURS ---->
  756. <div id="cred">
  757.  
  758. <a href="http://anyhs-themes.tumblr.com" target="_blank">
  759. <div class="cred">
  760. <i class="fa fa-copyright" aria-hidden="true"></i> Theme by <span>Anyh S.</span>
  761. </div> <!-- .cred -->
  762. </a>
  763.  
  764. </div> <!-- #cred -->
  765. <!---- DON'T REMOVE THE CREDITS IF THE THEME ISN'T YOURS ---->
  766.  
  767.  
  768.  
  769. <aside class="sidebar">
  770. <div id="sidebar">
  771.  
  772.  
  773. <div id="portrait">
  774. <a href="/">
  775. <img src="{PortraitURL-96}"/>
  776. </a>
  777. </div><!-- #portrait -->
  778.  
  779.  
  780. <nav id="menu">
  781. {block:IfButton1Link}<a href="{text:Button1 Link}" title="{text:Button1 Title}">
  782. <i class="{text:Button1 Icon}" aria-hidden="true"></i></a>{/block:IfButton1Link}
  783.  
  784. {block:IfButton2Link}<a href="{text:Button2 Link}" title="{text:Button2 Title}">
  785. <i class="{text:Button2 Icon}" aria-hidden="true"></i>
  786. </a>{/block:IfButton2Link}
  787.  
  788. {block:IfButton3Link}<a href="{text:Button3 Link}" title="{text:Button3 Title}">
  789. <i class="{text:Button3 Icon}" aria-hidden="true"></i>
  790. </a>{/block:IfButton3Link}
  791.  
  792. {block:IfButton4Link}<a href="{text:Button4 Link}" title="{text:Button4 Title}">
  793. <i class="{text:Button4 Icon}" aria-hidden="true"></i>
  794. </a>{/block:IfButton4Link}
  795.  
  796. {block:IfButton5Link}<a href="{text:Button5 Link}" title="{text:Button5 Title}">
  797. <i class="{text:Button5 Icon}" aria-hidden="true"></i>
  798. </a>{/block:IfButton5Link}
  799.  
  800. {block:IfButton6Link}<a href="{text:Button6 Link}" title="{text:Button6 Title}">
  801. <i class="{text:Button6 Icon}" aria-hidden="true"></i>
  802. </a>{/block:IfButton6Link}
  803. </nav><!-- #menu -->
  804.  
  805.  
  806.  
  807.  
  808. <h1><a href="/">{Title}</a></h1>
  809.  
  810. <div id="desc">
  811. <div class="space1"></div> <div class="space2"></div> <div class="space3"></div>
  812. {Description}
  813. </div><!-- #desc -->
  814.  
  815.  
  816.  
  817. <!-- search bars -->
  818. <div id="search">
  819.  
  820. {block:IfShowSearchKeywords}
  821. <form id="search_word" action="javascript:return false">
  822. <input type="text" placeholder="{lang:Search keywords}..." name="q" value="{SearchQuery}" />
  823. <span id="search_word_button"> <i class="fa fa-search" aria-hidden="true"></i> </span>
  824. </form>
  825. {/block:IfShowSearchKeywords}
  826.  
  827. {block:IfShowSearchTags}
  828. <form id="search_tag" action="javascript:return false">
  829. <input type="text" placeholder="{lang:Search} tags..." />
  830. <span id="search_tag_button"> <i class="fa fa-search" aria-hidden="true"></i> </span>
  831. </form>
  832. {/block:IfShowSearchTags}
  833.  
  834. </div><!-- #search -->
  835. <!-- search bars -->
  836.  
  837.  
  838. <nav id="menu2">
  839. {block:IfButton7Link}
  840. <a href="{text:Button7 Link}"> ▸&nbsp; {text:Button7 Title} &nbsp;◂ </a>
  841. {/block:IfButton7Link}
  842.  
  843. {block:IfButton8Link}
  844. <a href="{text:Button8 Link}"> ▸&nbsp; {text:Button8 Title} &nbsp;◂ </a>
  845. {/block:IfButton8Link}
  846.  
  847. {block:IfButton9Link}
  848. <a href="{text:Button9 Link}"> ▸&nbsp; {text:Button9 Title} &nbsp;◂ </a>
  849. {/block:IfButton9Link}
  850.  
  851. {block:IfButton10Link}
  852. <a href="{text:Button10 Link}"> ▸&nbsp; {text:Button10 Title} &nbsp;◂ </a>
  853. {/block:IfButton10Link}
  854.  
  855. {block:HasPages}
  856. {block:Pages}
  857. <a href="{URL}" {Target}>▸&nbsp; {Label} &nbsp;◂</a>
  858. {/block:Pages}
  859. {/block:HasPages}
  860. </nav><!-- #menu2 -->
  861.  
  862.  
  863.  
  864. </div><!-- #sidebar -->
  865. </aside><!-- .sidebar -->
  866.  
  867.  
  868.  
  869.  
  870.  
  871. <div id="content">
  872.  
  873.  
  874. <!-------------------- POSTS starts -------------------->
  875. <div id="posts">
  876.  
  877. <!-- no search results -->
  878. {block:NoSearchResults}
  879. <div class="caixa">
  880. <div class="caixa_inside">
  881. <center>{lang:No posts containing SearchQuery 2} :(</center>
  882. </div><!-- .caixa_inside -->
  883. </div><!-- .caixa -->
  884. {/block:NoSearchResults}
  885. <!-- no search results -->
  886.  
  887.  
  888. {block:Posts}
  889. <div class="caixa" id="{PostID}">
  890. <div class="caixa_inside">
  891.  
  892.  
  893.  
  894. <!---- TEXT ---->
  895. {block:Text}
  896. <div class="text_post">
  897.  
  898. {block:Title}<h1>{Title}</h1>{/block:Title}
  899.  
  900. <div class="text">{Body}</div>
  901.  
  902. </div> <!-- .text_post -->
  903. {/block:Text}
  904.  
  905.  
  906.  
  907.  
  908. <!---- PHOTO ---->
  909. {block:Photo}
  910. <div class="photo">
  911.  
  912. <div class="imgp">
  913. {block:IndexPage}
  914. <span class="p_500">{LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}</span>
  915. <span class="p_250">{LinkOpenTag}<img src="{PhotoURL-250}" />{LinkCloseTag}</span>
  916. {/block:IndexPage}
  917.  
  918. {block:PermalinkPage}
  919. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  920. {/block:PermalinkPage}
  921. </div><!-- .imgp -->
  922.  
  923. {block:Caption}<div class="text caption">{Caption}</div>{/block:Caption}
  924.  
  925. </div> <!-- .photo -->
  926. {/block:Photo}
  927.  
  928.  
  929.  
  930.  
  931.  
  932. <!---- PHOTOSET ---->
  933. {block:Photoset}
  934. <div class="photoset">
  935.  
  936.  
  937. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  938. {block:Photos}
  939. <div class="photo-data">
  940. <div class="pxu-photo">
  941. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"/>
  942. </div><!-- pxu-photo -->
  943. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a>
  944. </div><!-- .photo-data -->
  945. {/block:Photos}
  946. </div><!-- .photo-slideshow -->
  947.  
  948.  
  949. {block:Caption}<div class="text caption">{Caption}</div>{/block:Caption}
  950.  
  951. </div> <!-- .photoset -->
  952. {/block:Photoset}
  953. <!---- PHOTOSET ---->
  954.  
  955.  
  956.  
  957.  
  958.  
  959. <!---- VIDEO ---->
  960. {block:Video}
  961. <div class="video">
  962.  
  963. <div class="img_effects">
  964. {block:IndexPage}
  965. <span class="p_500">{Video-500}</span>
  966. <span class="p_250">{Video-250}</span>
  967. {/block:IndexPage}
  968.  
  969. {block:PermalinkPage}
  970. {Video-500}
  971. {/block:PermalinkPage}
  972. </div><!-- .img_effects -->
  973.  
  974. {block:Caption}<div class="text caption">{Caption}</div>{/block:Caption}
  975.  
  976. </div> <!-- .video -->
  977. {/block:Video}
  978.  
  979.  
  980.  
  981.  
  982. <!---- AUDIO ---->
  983. {block:Audio}
  984. <div class="audio">
  985.  
  986. <div class="player">
  987.  
  988. {block:AlbumArt}
  989. <div class="album_art img_effects">
  990. <img src="{AlbumArtURL}"/>
  991. </div><!-- .img_effects -->
  992. {/block:AlbumArt}
  993.  
  994. {block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
  995.  
  996.  
  997. <ul>
  998. {block:TrackName}<li>
  999. <i class="fa fa-headphones" aria-hidden="true"></i>
  1000. <b>Track:</b> {TrackName}
  1001. </li>{/block:TrackName}
  1002.  
  1003. {block:Artist}<li>
  1004. <i class="fa fa-microphone" aria-hidden="true"></i>
  1005. <b>Artist:</b> {Artist}
  1006. </li>{/block:Artist}
  1007.  
  1008. {block:Album}<li>
  1009. <i class="fa fa-music" aria-hidden="true"></i>
  1010. <b>Album:</b> {Album}
  1011. </li>{/block:Album}
  1012.  
  1013. {block:PlayCount}<li>
  1014. <i class="fa fa-history" aria-hidden="true"></i>
  1015. {lang:Played PlayCount times}
  1016. </li>{/block:PlayCount}
  1017.  
  1018. {block:ExternalAudio}<li><b><a href="{ExternalAudioURL}" target="_blank">Download</a></b></li>{/block:ExternalAudio}
  1019. </ul>
  1020. </div> <!-- .player -->
  1021.  
  1022. {block:Caption}<div class="text caption">{Caption}</div>{/block:Caption}
  1023.  
  1024. </div> <!-- .audio -->
  1025. {/block:Audio}
  1026.  
  1027.  
  1028.  
  1029.  
  1030. <!---- QUOTE ---->
  1031. {block:Quote}
  1032.  
  1033. <div class="asp asp_left">“</div>
  1034.  
  1035. <div class="quote">
  1036. {Quote}
  1037. </div> <!-- .quote -->
  1038.  
  1039. <div class="asp asp_right">”</div>
  1040.  
  1041. {block:Source}
  1042. <div class="source">
  1043. &mdash; {Source}
  1044. </div>{/block:Source}
  1045. {/block:Quote}
  1046.  
  1047.  
  1048.  
  1049.  
  1050. <!---- CHAT ---->
  1051. {block:Chat}
  1052. <div class="chat">
  1053.  
  1054. {block:Title}<h1>{Title}</h1>{/block:Title}
  1055.  
  1056. <ul>
  1057. {block:Lines}
  1058. <li>
  1059. {block:Label}<b>{Label}</b>{block:Label}
  1060. <span>{Line}</span>
  1061. </li>
  1062. {/block:Lines}
  1063. </ul>
  1064.  
  1065. </div> <!-- .chat -->
  1066. {/block:Chat}
  1067.  
  1068.  
  1069.  
  1070.  
  1071. <!---- LINK ---->
  1072. {block:Link}
  1073. <div class="link">
  1074.  
  1075. <a href="{URL}" {target}>
  1076. <h1>{Name} <i class="fa fa-external-link-square" aria-hidden="true"></i> </h1>
  1077. {block:Excerpt}<span>{Excerpt}</span>{/block:Excerpt}
  1078. </a>
  1079.  
  1080. </div> <!-- .link -->
  1081.  
  1082. {block:Description}
  1083. <div class="text">{Description}</div>
  1084. {/block:Description}
  1085.  
  1086. {/block:Link}
  1087.  
  1088.  
  1089.  
  1090.  
  1091. <!---- ANSWER ---->
  1092. {block:Answer}
  1093.  
  1094. <div class="ask_img">
  1095. <a href="{AskerURL}" target="_blank" title="{AskerName}">
  1096. <img src="{AskerPortraitURL-64}" />
  1097. </a>
  1098. </div><!-- .ask_img -->
  1099.  
  1100.  
  1101. <div class="question">
  1102.  
  1103. <div class="question_seta_content">
  1104. <div class="question_seta"></div>
  1105. </div>
  1106.  
  1107. {Question}
  1108.  
  1109. <div class="plaq">
  1110. {lang:Asked by Asker 2}
  1111. </div>
  1112.  
  1113. </div> <!-- .question -->
  1114.  
  1115.  
  1116. <div class="text">{Answer}</div>
  1117. {/block:Answer}
  1118.  
  1119.  
  1120.  
  1121.  
  1122.  
  1123. <!------ reblog & like buttons starts ------>
  1124. {block:IndexPage}
  1125. <div class="rlbuttons">
  1126.  
  1127. <div class="notez">
  1128.  
  1129.  
  1130. <p><a href="{Permalink}" title="{lang:Permalink for this post}">{lang:Posted TimeAgo}</a></p>
  1131.  
  1132.  
  1133. <a href="#" onclick="return false;" title="Like">
  1134. <div class="like_wrapper">
  1135. {LikeButton}
  1136. <span class="olike">
  1137. <i class="fa fa-heart" aria-hidden="true"></i>
  1138. </span>
  1139. </div><!-- .like_wrapper -->
  1140. </a>
  1141.  
  1142.  
  1143. <a href="{ReblogURL}" target="_blank" title="Reblog">
  1144. <i class="fa fa-retweet" aria-hidden="true"></i>
  1145. </a>
  1146.  
  1147.  
  1148. <a href="{Permalink}" title="{lang:Notes}">
  1149. {NoteCount}
  1150. </a>
  1151.  
  1152. </div><!-- .notez -->
  1153.  
  1154. </div><!-- .rlbuttons -->
  1155. {/block:IndexPage}
  1156. <!------ reblog & like buttons ends ------>
  1157.  
  1158.  
  1159. </div> <!-- .caixa_inside -->
  1160. </div> <!-- .caixa -->
  1161.  
  1162.  
  1163.  
  1164.  
  1165.  
  1166. <!-------------------- PMLINK -------------------->
  1167. {block:PermalinkPage}
  1168. {block:Date}
  1169. <div id="permalink">
  1170.  
  1171. <!---------- post info ---------->
  1172. <div class="caixa">
  1173. <div class="caixa_inside">
  1174. <h2> <i class="fa fa-info-circle" aria-hidden="true"></i> Post info:</h2>
  1175.  
  1176. <ul>
  1177. <li>
  1178. <i class="fa fa-calendar" aria-hidden="true"></i>
  1179. {DayOfWeek}, {DayOfMonth}/{Month}/{Year}
  1180. </li>
  1181.  
  1182. <li>
  1183. <i class="fa fa-clock-o" aria-hidden="true"></i> {lang:Posted at FormattedTime}
  1184. </li>
  1185.  
  1186. {block:NotReblog}
  1187. <li>
  1188. <i class="fa fa-user" aria-hidden="true"></i> {lang:Posted by PostAuthorName 2} {block:Submission} {lang:Via} <a href="/submit">Submit</a> {/block:Submission}
  1189. </li>
  1190. {/block:NotReblog}
  1191.  
  1192. {block:RebloggedFrom}
  1193. <li>
  1194. <i class="fa fa-user" aria-hidden="true"></i> {lang:Reblogged} {lang:By PostAuthorName 2}
  1195. </li>
  1196.  
  1197.  
  1198. <li>
  1199. <i class="fa fa-retweet" aria-hidden="true"></i> {lang:Via} <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a>
  1200. </li>
  1201.  
  1202. <li>
  1203. <i class="fa fa-home" aria-hidden="true"></i> {lang:Originally from ReblogRootName 2}
  1204. </li>
  1205. {/block:RebloggedFrom}
  1206.  
  1207. <li>
  1208. <i class="fa fa-heart" aria-hidden="true"></i> {lang:This post has NoteCount notes}
  1209. </li>
  1210.  
  1211. {block:ContentSource}
  1212. <li>
  1213. <i class="fa fa-copyright" aria-hidden="true"></i> {lang:Source}: <a href="{SourceURL}" target="_blank">{SourceTitle}</a>
  1214. </li>
  1215. {/block:ContentSource}
  1216. </ul>
  1217.  
  1218. {block:HasTags}
  1219. <div class="tags">
  1220. <i class="fa fa-tag" aria-hidden="true"></i> {lang:Tagged With}: {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}
  1221. </div><!-- .tags -->
  1222. {/block:HasTags}
  1223.  
  1224.  
  1225. </div> <!-- .caixa_inside -->
  1226. </div> <!-- .caixa -->
  1227.  
  1228.  
  1229.  
  1230.  
  1231. <!---------- post notes ---------->
  1232. {block:PostNotes}
  1233. <div class="caixa">
  1234. <div class="caixa_inside">
  1235.  
  1236. <h2> <i class="fa fa-history" aria-hidden="true"></i> {lang:Notes}:</h2>
  1237. {PostNotes}
  1238.  
  1239.  
  1240. </div> <!-- .caixa_inside -->
  1241. </div> <!-- .caixa -->
  1242. {/block:PostNotes}
  1243.  
  1244.  
  1245. </div> <!-- #permalink -->
  1246. {/block:Date}
  1247. {/block:PermalinkPage}
  1248.  
  1249.  
  1250. <!-- fim do post -->
  1251. {/block:Posts}
  1252. </div> <!-- #posts -->
  1253. <!-------------------- POSTS ends -------------------->
  1254.  
  1255.  
  1256.  
  1257.  
  1258.  
  1259.  
  1260.  
  1261.  
  1262.  
  1263.  
  1264. <div style="clear:both;"></div>
  1265.  
  1266.  
  1267. <!------------------------- FOOTER ------------------------->
  1268. {block:IfNotInfiniteScrolling}
  1269. <footer id="footer">
  1270.  
  1271. {block:Pagination}
  1272. <div id="paginacao">
  1273.  
  1274. <div class="seta">
  1275. {block:PreviousPage}
  1276. <a href="{PreviousPage}" title="{lang:Previous page}">
  1277. {/block:PreviousPage}
  1278. <i class="fa fa-arrow-left" aria-hidden="true"></i>
  1279. {block:PreviousPage}
  1280. </a>
  1281. {/block:PreviousPage}
  1282. </div><!-- .seta -->
  1283.  
  1284.  
  1285. {block:JumpPagination length="8"}
  1286.  
  1287.  
  1288. {block:CurrentPage}
  1289. <span>{PageNumber}</span>
  1290. {/block:CurrentPage}
  1291.  
  1292.  
  1293.  
  1294. {block:JumpPage}
  1295. <a href="{URL}">{PageNumber}</a>
  1296. {/block:JumpPage}
  1297.  
  1298. {/block:JumpPagination}
  1299.  
  1300.  
  1301. <div class="seta">
  1302. {block:NextPage}
  1303. <a href="{NextPage}" title="{lang:Next page}">
  1304. {/block:NextPage}
  1305. <i class="fa fa-arrow-right" aria-hidden="true"></i>
  1306. {block:NextPage}
  1307. </a>
  1308. {/block:NextPage}
  1309. </div><!-- .seta -->
  1310.  
  1311.  
  1312. </div> <!-- #paginacao -->
  1313. {/block:Pagination}
  1314.  
  1315.  
  1316. </footer>
  1317. {/block:IfNotInfiniteScrolling}
  1318.  
  1319.  
  1320.  
  1321.  
  1322. </div><!-- #content -->
  1323.  
  1324.  
  1325.  
  1326. <div style="clear:both;"></div>
  1327.  
  1328. <!------------------------- ROLAGEM INFINITA ------------------------->
  1329. {block:IfInfiniteScrolling}
  1330. <div class="column navigation" id="navigation">
  1331. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1332. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1333. </div>
  1334. {/block:IfInfiniteScrolling}
  1335.  
  1336.  
  1337. </div><!-- #all -->
  1338. </body>
  1339. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!