API tools faq
paste
Advertisement
Carolaine_Vieira

Empire

Carolaine_Vieira
Jul 3rd, 2016
1,099
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 30.19 KB | None | 0 0
raw download clone embed print report
  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; EMPIRE; CREATED BY CAROLAINE VIEIRA
  13. amplamente.tumblr.com
  14. --->
  15.  
  16. <html xmlns="https://www.w3.org/1999/xhtml">
  17. <head prefix="og: https://ogp.me/ns# fb: https://ogp.me/ns/fb# blog: https://ogp.me/ns/blog#" profile="https://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="#dfdfdf"/>
  32. <meta name="color:Accent" content="#698"/>
  33. <meta name="color:Post bg" content="#2b2b2b"/>
  34. <meta name="color:Borders" content="#333333"/>
  35. <meta name="color:Perma link" content="#888"/>
  36. <meta name="color:Text" content="#888888"/>
  37. <meta name="color:Link" content="#22f2222"/>
  38. <meta name="color:Link hover" content="#222222"/>
  39. <meta name="color:Header bg" content="#2b2b2b"/>
  40. <meta name="color:Header Title" content="#547"/>
  41. <meta name="color:Subtitle" content="#888888"/>
  42. <meta name="color:Header borders" content="#333333"/>
  43. <meta name="color:Header link" content="#999999"/>
  44. <meta name="color:Header link hover" content="#fff"/>
  45. <meta name="color:Scrollbar" content="#000000"/>
  46.  
  47. <meta name="if:Caption" content=""/>
  48. <meta name="if:Tags" content=""/>
  49. <meta name="if:Triangles" content=""/>
  50. <meta name="if:ViaBox" content=""/>
  51. <meta name="if:Banner" content=""/>
  52. <meta name="if:ReblogHover" content=""/>
  53. <meta name="if:InfiniteScroll" content=""/>
  54.  
  55. <meta name="image:Background" content=""/>
  56. <meta name="image:Banner" content=""/>
  57.  
  58. <meta name="text:Font size" content="11" />
  59. <meta name="text:Subtitle" content="subtitle" />
  60. <meta name="text:Facebook Username" content="/" />
  61. <meta name="text:Instagram Username" content="/" />
  62. <meta name="text:LastFm Url" content="/" />
  63. <meta name="text:Skype Username" content="/" />
  64. <meta name="text:GooglePlus Url" content="/" />
  65. <meta name="text:Twitter Username" content="/" />
  66. <meta name="text:Tumblr Username" content="/" />
  67. <meta name="text:WeHeartIt Username" content="/" />
  68. <meta name="text:Link 1 Title" content="Home" />
  69. <meta name="text:Link 1 Url" content="/" />
  70. <meta name="text:Link 2 Title" content="Message" />
  71. <meta name="text:Link 2 Url" content="/ask" />
  72. <meta name="text:Link 3 Title" content="Archive" />
  73. <meta name="text:Link 3 Url" content="/archive" />
  74. <meta name="text:Link 4 Title" content="Random" />
  75. <meta name="text:Link 4 Url" content="/random" />
  76. <meta name="text:Link 5 Title" content="Rss" />
  77. <meta name="text:Link 5 Url" content="/rss" />
  78. <meta name="text:Link 6 Title" content="Stuff" />
  79. <meta name="text:Link 6 Url" content="/" />
  80.  
  81. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  83. <script>
  84.     (function($){
  85.  
  86.         $(document).ready(function(){
  87.             $("[title]").style_my_tooltips();
  88.         });
  89.     })(jQuery);
  90. </script>
  91.  
  92. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  93. <script type="text/javascript" src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  94.  
  95. <style type="text/css">
  96.  
  97. *html, body { width:100%; margin:0; }
  98.  
  99. body{
  100. margin:0;
  101. cursor:crosshair;
  102. color:{color:Text};
  103. font-family: Open Sans;
  104. font-size:{text:font size}px;
  105. background: {color:Background} url("{image:Background}") fixed no-repeat left top;
  106. }
  107.  
  108. h2 {text-align:center; text-transform:none; font-family:raleway; font-weight:normal; font-size:25px;}
  109.  
  110. #post{
  111. margin-top:20px;
  112. {block:IfNotBanner}margin-top:90px;{/block:IfNotBanner}
  113. color:{color:Text};
  114. background:transparent;
  115. margin-left:auto;
  116. margin-right:auto;
  117. width:1170px;
  118. {block:PermalinkPage}
  119. width:700px;
  120. {/block:PermalinkPage}
  121. padding:0px;
  122. text-align:left;
  123. }
  124.  
  125. .entry{
  126. text-align:left;
  127. padding:0px;
  128. float:left;
  129. background:{color:post bg};
  130. border:1px solid {color:borders};
  131. width:250px;
  132. margin:20px;
  133. border-radius:3px;
  134. {block:PermalinkPage}
  135. width:700px;
  136. {/block:PermalinkPage}
  137. -webkit-transition: 1s ease-in-out;
  138. -moz-transition: 1s ease-in-out;
  139. -o-transition: 1s ease-in-out;
  140. }
  141.  
  142. .entry img{
  143. max-width:100%;
  144. height:auto;
  145. margin-bottom:-4px;
  146. }
  147.  
  148. .custom-like-button *{cursor:pointer!important;}
  149. .custom-like-button {
  150.     position:relative;
  151.     display:inline-block;
  152.     vertical-align:top;
  153.     width:10px;
  154.     height:10px;
  155.     cursor:pointer;
  156.     margin:0 5px 0 6px;
  157.     font-size:14px;
  158. }
  159.  
  160. .like_button:hover + .our_button {color:{color:Accent};}
  161. .like_button.liked + .our_button {color:{color:Accent};}
  162. .like_button iframe {width:100%!important;height:100%!important;}
  163. .like_button {z-index:10;opacity:0;}
  164. .our_button {z-index:1;}
  165. .our_button,.like_button {
  166.     position:absolute;
  167.     top:0;
  168.     left:0;
  169.     width:100%;
  170.     height:100%;
  171. }
  172.  
  173. .banner {
  174. background:{color:Accent} url("{Favicon}");
  175. position:relative;
  176. width:100%;
  177. height:250px;
  178. left:0;
  179. top:0;
  180. margin-left:auto;
  181. margin-right:auto;
  182. margin-top:0px;
  183. text-align:center;
  184. background-size:100% auto;
  185. }
  186.  
  187. blockquote {
  188. width:90%;
  189. margin-left:0px;
  190. padding:10px;
  191. padding-top:0px;
  192. padding-bottom:0px;
  193. border-left:2px solid {color:Accent};
  194. background:transparent;
  195. }
  196. blockquote img{max-width:100% !important; height:auto !important;}
  197.  
  198. #s-m-t-tooltip {
  199.    
  200.        max-width:300px;
  201.        padding:8px;
  202.        margin:15px 20px;
  203. background-color:#fbfbfb;
  204. border-radius:3px;
  205. font-family: calibri;
  206. font-size:10px;
  207.        letter-spacing:1px;
  208.        text-transform:uppercase;
  209.        color:#999;
  210.        border:1px solid #eee;
  211.        z-index:9999999;
  212.  
  213. }
  214.  
  215. ul { list-style:circle; }
  216. u { border-bottom: 1px solid {color:link}; text-decoration:none;}
  217.  
  218. #tumblr_controls, .tmblr-iframe{ z-index:99999999;margin-top:0px! important;
  219. -webkit-filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-filter:invert(100%); filter:invert(100%); position:fixed!important; top:80px!important; right:-45px!important; opacity:0;-webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
  220. #tumblr_controls, .tmblr-iframe:hover{
  221. opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out; font-size:10.5px !important;
  222. -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%); filter:invert(80%);
  223. }
  224.  
  225. h1 {  
  226.     font-size:20px;
  227.     color:{color:Accent};
  228. text-align:center;
  229. font-family:raleway;
  230. padding-bottom:10px;
  231. padding-left:10px;
  232. padding-right:10px;
  233. margin-bottom:0px;
  234. text-transform:uppercase;
  235. width:calc(100% - 20px);
  236. border-bottom:1px solid {color:borders};
  237.        -webkit-transition:all 0.3s ease-out;
  238. -moz-transition:all 0.3s ease-out;
  239. transition:all 0.3s ease-out;
  240. }
  241.  
  242. h1:hover {
  243.     letter-spacing:1px;
  244.   -webkit-transition:all 0.3s ease-out;
  245. -moz-transition:all 0.3s ease-out;
  246. transition:all 0.3s ease-out;
  247. }
  248.  
  249. a{
  250.     color:{color:Link};
  251.     text-decoration:none;
  252.     -webkit-transition:all 0.3s ease-out;
  253. -moz-transition:all 0.3s ease-out;
  254. transition:all 0.3s ease-out;
  255. }
  256.  
  257. a:hover{
  258.         color:{color:Link hover};
  259.        -webkit-transition:all 0.3s ease-out;
  260. -moz-transition:all 0.3s ease-out;
  261. transition:all 0.3s ease-out;
  262.  
  263. }
  264.  
  265. .src {{block:IndexPage} display:none; {/block:IndexPage}}
  266.  
  267. .pagination { display: none; }
  268.  
  269. ::-webkit-scrollbar {height:5px; width:4px;}
  270. ::-webkit-scrollbar-track-piece { background-color:{color:Header bg}; }
  271. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; }
  272.  
  273. .from {
  274.     width:calc(100% - 34px);
  275.     height:37px;
  276.     margin-bottom:0px;
  277.     margin-top:7px;
  278.     padding-left:17px;
  279.     padding-right:17px;
  280.     border-bottom:1px solid {color:borders};
  281.     background:{color:post bg};
  282.     {block:IndexPage}
  283.     {block:IfReblogHover}
  284.     padding-top:10px;
  285.     position:absolute;
  286.     opacity:0;
  287.     width:216px;
  288.     margin-top:-10px;
  289.     border:1px solid {color:borders};
  290.     border-left:none;
  291.     border-right:none;
  292.     {/block:IfReblogHover}
  293.     {/block:IndexPage}
  294.     -webkit-transition:all 0.3s ease-out;
  295. }
  296. .entry:hover .from {
  297.     {block:IndexPage}
  298.     {block:IfReblogHover}
  299.     opacity:1;
  300.     margin-top:-1px;
  301.     {/block:IfReblogHover}
  302.     {/block:IndexPage}
  303.     -webkit-transition:all 0.3s ease-out;
  304. }
  305.  
  306. .si {
  307.     float:left;
  308.     width:22px;
  309.     max-width:22px;
  310.     border-radius:100px;
  311.     margin-top:0px;
  312.     margin-left:-10px;
  313.     z-index:0;
  314.     padding:3px;
  315.     background:transparent;
  316. }
  317.  
  318. .si img{
  319.     max-width:20px;
  320.     z-index:0;
  321.     float:left;
  322.     width:20px;
  323. }
  324.  
  325. .sit {
  326.     float:left;
  327.     margin-left:5px;
  328.     text-transform:lowercase;
  329.     margin-top:4px;
  330.     font-size:13px;
  331.     font-weight:500;
  332.     padding-bottom:10px;
  333. }
  334. .sit a {
  335.     color:{color:Perma link};
  336. }
  337.  
  338. .tags {
  339.     {block:IfNotTags}
  340.     {block:IndexPage}
  341.     display:none;
  342.     {/block:IndexPage}
  343.     {/block:IfNotTags}
  344.     text-align:center;
  345.     padding:12px;
  346.     {block:PermalinkPage}
  347.     background:{color:post bg};
  348.     margin-left:-13px;
  349.     width:calc(100% + 0px);
  350.     margin-top:15px;
  351.     margin-bottom:30px;
  352.     border:1px solid {color:borders};
  353.     {/block:PermalinkPage}
  354.     text-align:left;
  355.     text-transform:uppercase;
  356.     border-top:1px solid {color:borders};
  357.     font-size:calc({text:font size} - 1.5px);
  358.     {block:IndexPage}
  359.     {block:IfReblogHover}
  360.     display:none;
  361.     {/block:IfReblogHover}
  362.     {/block:IndexPage}
  363. }
  364. .tags a{
  365.     margin-left:6px;
  366.     opacity:0.7;
  367.     -webkit-transition:all 0.3s ease-out;
  368. -moz-transition:all 0.3s ease-out;
  369. transition:all 0.3s ease-out;}
  370. .tags a:hover {
  371. font-weight:bold;
  372. opacity:1;
  373.  -webkit-transition:all 0.3s ease-out;
  374. -moz-transition:all 0.3s ease-out;
  375. transition:all 0.3s ease-out;
  376. }
  377.  
  378. #ccr {
  379.     color:#5a5a5a;
  380.     position:fixed;
  381.     bottom:10px;
  382.     right:10px;
  383.     padding:6px 8px 6px 8px;
  384.     font-size:14px;
  385.     border:1px solid #eeeeee;
  386.     background-color:#ffffff;
  387.     opacity:1;
  388.     width:14px;
  389.     overflow:hidden;
  390.     border-radius:5%;
  391.     -moz-transition-duration: 0.4s;
  392.         -o-transition-duration: 0.4s;
  393.         -webkit-transition-duration: 0.4s;
  394.         transition-duration: 0.4s;
  395. }
  396.  
  397. #cn {
  398.     color:#5a5a5a;
  399.     font-size:11px;
  400.     margin-top:-18px;
  401.     margin-left:22px;
  402.     position:absolute;
  403.     text-transform:uppercase;
  404. }
  405.  
  406. #ccr:hover {
  407.     color:#5a5a5a;
  408.     width:100px;
  409.     -moz-transition-duration: 0.4s;
  410.         -o-transition-duration: 0.4s;
  411.         -webkit-transition-duration: 0.4s;
  412.         transition-duration: 0.4s;
  413. }
  414.  
  415. #ccr a:hover{
  416.     color:#5a5a5a;
  417. }
  418.  
  419. #top2 {
  420.     height:auto;
  421.     width:800px;
  422.     letter-spacing:1px;
  423.     margin-left:auto;
  424.     margin-right:auto;
  425.     margin-top:70px;
  426.     margin-bottom:70px;
  427.     font-size:11px;
  428.     text-transform:uppercase;
  429.     text-align:center;
  430.     -webkit-transition:all 0.3s ease-out;
  431. -moz-transition:all 0.3s ease-out;
  432. transition:all 0.3s ease-out;
  433. }
  434.  
  435. #top2 a{margin-left:8px; background:{color:post bg}; border-radius:2px; border:1px solid {color:borders}; padding:13px; color:{color:Accent};
  436. }
  437. #top2 a:hover{
  438.     color:{color:post bg};
  439.     background:{color:Accent};
  440.     border-color:{color:Accent};
  441. -webkit-transition:all 0.8s ease-out;
  442. -moz-transition:all 0.8s ease-out;
  443. transition:all 0.8s ease-out;
  444. }
  445.  
  446. #sobre {
  447.     -webkit-border-radius: 0 0 3px 3px;
  448.     font-size:{text:font size}px;
  449.     padding:5px;
  450.     padding-left:15px;
  451.     padding-right:15px;
  452.     text-align:left;
  453.     margin-top:0px;
  454.     margin-bottom:5px;
  455.     height:auto;
  456.     width:calc(100% - 30px);
  457.     {block:IfNotCaption}
  458.     {block:IndexPage}
  459.     display:none;
  460.     {/block:IndexPage}
  461.     {/block:IfNotCaption}
  462. }
  463.  
  464. hr {
  465.     border-color:#eee;
  466.     width:200px;
  467.     margin-left:auto;
  468.     margin-right:auto;
  469.     margin-top:25px;
  470.     margin-bottom:25px;
  471. }
  472.  
  473. .link {
  474. padding:15px;
  475. margin-left:0px;
  476. background:{color:Accent};
  477. color:{color:post bg};
  478. text-align:left;
  479.  
  480. }
  481. .linktitle a{
  482. font-size:23px;
  483. font-weight:bold;
  484. text-transform:uppercase;
  485. text-align:left;
  486. color:#fff;
  487. }
  488.  
  489. .pessoap {
  490. text-transform:uppercase;
  491. font-size:13px;
  492. font-weight:bold;}
  493. .pessoap a{
  494. color:{color:post bg};
  495. text-transform:uppercase;
  496. font-size:13px;
  497. font-weight:bold;
  498. }
  499. .pessoapfoto img{
  500. float:left;
  501. border-radius:100%;
  502. margin-top:-25px;
  503. margin-left:178px;
  504. padding:4px;
  505. background:{color:borders};
  506. }
  507. .pergunta {
  508. background:{color:Accent};
  509. color:{color:post bg};
  510. padding:15px;
  511. padding-bottom:38px;
  512. margin-left:0px;
  513. border-bottom:2px solid {color:borders};
  514. text-align:center;
  515. }
  516. .sresposta {
  517. padding:15px;
  518. padding-top:20px;
  519. padding-bottom:0px;
  520. background:transparent;
  521. border-top:2px solid {color:borders};
  522. }
  523.  
  524. .quote {
  525. padding:20px;
  526. padding-left:30px;
  527. padding-right:30px;
  528. font-size:14px;
  529. text-align:left;
  530. margin-bottom:5px;
  531. font-style:italic;
  532. }
  533. .qsub {
  534. margin-top:5px;
  535. font-weight:bold;
  536. color:{color:Accent};
  537. font-size:12px;
  538. font-style:normal;
  539. }
  540.  
  541. .ch { padding:15px; background:transparent;}
  542. .ch .ch1 { padding:10px; margin-bottom:5px;}
  543. .ch1{ background:{color:Background}; border:1px solid {color:borders};}
  544. .ch .ch1 b{ color:{color:Accent}; text-transform:uppercase; font-size:11px;}
  545.  
  546.  
  547. blockquote {
  548. width:90%;
  549. margin-left:0px;
  550. padding:10px;
  551. padding-top:0px;
  552. padding-bottom:0px;
  553. border-left:2px solid {color:Accent};
  554. background:transparent;
  555. }
  556. blockquote img{max-width:300px !important; width:300px !important; height:auto;}
  557.  
  558. .albumfoto{
  559. float:left;
  560. width:80px;
  561. margin-top:0px;
  562. margin-left:0px;
  563. }
  564. .albumfoto img{
  565. width:80px;
  566. }
  567. .audiodesc {
  568. margin-left:80px;
  569. padding:15px;
  570. padding-bottom:10px;
  571. padding-top:10px;
  572. background:{color:Accent};
  573. color:{color:post bg};
  574. margin-top:0px;
  575. min-height:55px;
  576. font-weight:bold;
  577. margin-bottom:0px;
  578. text-align:left;
  579. }
  580. .audioplay {
  581. overflow:hidden;
  582. padding:5px;
  583. max-width:26px;
  584. width:26px;
  585. height:28px;
  586. margin-left:6px;
  587. margin-top:4px;
  588. background:transparent;
  589. -webkit-transition:all 0.3s ease-out;
  590. }
  591. .playbg {
  592. opacity:0.6;
  593. position:absolute;
  594. overflow:hidden;
  595. padding:10px;
  596. width:50px;
  597. max-width:50px;
  598. height:45px;
  599. background:{color:post};
  600. margin-left:5px;
  601. margin-top:-71px;
  602. background:black;
  603. -webkit-transition:all 0.3s ease-out;
  604. }
  605. .entry:hover .playbg {opacity:0.8; -webkit-transition:all 0.3s ease-out;}
  606.  
  607. .tcaption {padding:10px; }
  608. .tcaption img {max-width:calc(100% - 0px); height:auto !important; }
  609.  
  610. .description {
  611.     width:600px;
  612.     margin-left:320px;
  613.     margin-top:-5px;
  614.     text-align:center;
  615. }
  616.  
  617. .seureblog {
  618.     font-weight:500;
  619.     margin-top:0px;
  620.     padding:12px;
  621.     height:20px;
  622.     text-align:left;
  623.     border-top:1px solid {color:borders};
  624.     text-transform:uppercase;
  625.     background:{color:post bg};
  626.     {block:IndexPage}
  627.     {block:IfReblogHover}
  628.     position:absolute;
  629.     opacity:0;
  630.     width:226px;
  631.     margin-top:10px;
  632.     border:1px solid {color:borders};
  633.     border-left:none;
  634.     border-right:none;
  635.     {/block:IfReblogHover}
  636.     {/block:IndexPage}
  637.     -webkit-transition:all 0.3s ease-out;
  638. }
  639. .entry:hover .seureblog {
  640.     {block:IndexPage}
  641.     {block:IfReblogHover}
  642.     opacity:1;
  643.     margin-top:-40px;
  644.     {/block:IfReblogHover}
  645.     {/block:IndexPage}
  646.     -webkit-transition:all 0.3s ease-out;
  647. }
  648. .seureblog a {
  649.     font-size:12px;
  650.     color:{color:perma link};
  651.     margin-left:4px;
  652. }
  653. .rbb {
  654.     width: 0;
  655. height: 0;
  656. border-style: solid;
  657. border-width: 0 9px 8px 9px;
  658. border-color: transparent transparent {color:post bg} transparent;
  659. position:absolute;
  660. margin-top:-20px;
  661. margin-left:calc(50% - 20px);
  662. }
  663. .rbb2 {
  664. width: 0;
  665. height: 0;
  666. border-style: solid;
  667. border-width: 8px 9px 0 9px;
  668. border-color: {color:post bg} transparent transparent transparent;
  669. position:absolute;
  670. margin-top:37px;
  671. margin-left:calc(50% - 20px);
  672. }
  673.  
  674. header {
  675. position:fixed;
  676. background:{color:Header Bg};
  677. border-bottom:1px solid {color:header borders};
  678. padding-top:20px;
  679. padding-bottom:20px;
  680. padding:0px;
  681. height:80px;
  682. z-index:99;
  683. top:0px;
  684. left:0px;
  685. width:100%;
  686. text-align:center;
  687. }
  688.  
  689. .h_centralize {
  690.     width:1110px;
  691.     margin:0 auto;
  692.     background:transparent;
  693. }
  694.  
  695. .h_desc {
  696.     float:left;
  697. }
  698. .h_desc img {
  699.     margin-top:15px;
  700.     border-radius:100%;
  701.     height:50px;
  702.     float:left;
  703. }
  704.  
  705. .h_title {
  706.  text-align:left;
  707.  font-size:16px;
  708.  z-index:9;
  709. text-transform:lowercase;
  710. float:left;
  711. margin-top:10px;
  712. padding:10px;
  713. }
  714. .h_title a{ color:{color:Header Title}; font-weight:bold;}
  715. .h_sub {
  716.     font-size:14px;
  717.     color:{color:subtitle};
  718. }
  719.  
  720. #header_links {
  721.     margin-right:0px;
  722.     margin-bottom:0px;
  723.     padding-top:27px;
  724.     text-align:right;
  725.     margin-left:15px;
  726. }
  727. #header_links a {
  728.     display:inline-block;
  729.     font-size:14px;
  730.     padding:3px;
  731.     text-align:center;
  732.     margin-left:7px;
  733.     margin-right:7px;
  734.     text-transform:uppercase;
  735.     font-family:{select:Post Title};
  736.     color:{color:header link};
  737.     letter-spacing:1.5px;
  738. }
  739. #header_links a:hover {
  740.     color:{color:header link hover};
  741. }
  742.  
  743. .desc_section {
  744. {block:IfNotBanner}top:80px;{/block:IfNotBanner}
  745. position:relative;
  746. background:{color:Header Bg};
  747. border-bottom:1px solid {color:borders};
  748. padding-top:20px;
  749. padding-bottom:20px;
  750. padding:0px;
  751. {block:IfBanner}top:0px;{/block:IfBanner}
  752. left:0px;
  753. width:100%;
  754. height:65px;
  755. text-align:center;
  756. }
  757.  
  758. .h_centralize2 {
  759.     width:1100px;
  760.     margin:0 auto;
  761.     padding:20px;
  762.     background:transparent;
  763.     text-align:left;
  764. }
  765.  
  766. .sform input { outline:none; text-align:left; border:none; width:150px;  border-radius:3px; background:transparent; border:1px solid transparent; margin-top:-6px; float:right; padding:10px; font-size:12px;}
  767. ::-webkit-input-placeholder { color:{color:text}; }
  768. :-moz-placeholder { color:{color:text}; }
  769. ::-moz-placeholder { color:{color:text}; }
  770. :-ms-input-placeholder { color:{color:text}; }
  771. .sbox {-webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; color:{color:Accent};}
  772. .sbox:hover { color:{color:Accent}; border:1px solid {color:header borders}; background:{color:Background}; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  773.  
  774. #scial {
  775.     text-align:center;
  776.     float:left;
  777.     margin-top:-5px;
  778. }
  779. #scial a {
  780.     display:inline-block;
  781.     font-size:16px;
  782.     margin-bottom:4px;
  783.     padding:8px;
  784.     padding-top:5px;
  785.     padding-bottom:5px;
  786.     width:18px;
  787.     text-align:center;
  788.     text-transform:uppercase;
  789.     color:{color:header link};
  790.     font-weight:bold;
  791.     border-radius:2px;
  792.     background:transparent;
  793.     border:1px solid transparent;
  794. }
  795. #scial a:hover {
  796.     color:{color:post bg};
  797.     background:{color:Accent};
  798.     border-color:{color:Accent};
  799. }
  800.  
  801. #notas {
  802.     margin-top:0px;
  803.     width:90%;
  804.     height:200px;
  805.     overflow-y:auto;
  806.     padding:20px;
  807.     text-transform:lowercase;
  808.     margin-left:auto;
  809.     margin-right:auto;
  810.     float:center;
  811. }
  812.  
  813. .notes img {
  814.     width: 15px;
  815.     border-radius:2px;
  816. float:right;
  817. list-style:none;
  818.     -webkit-transition: all 0.5s linear;
  819.     -moz-transition: all 0.5s linear;
  820.     transition: all 0.5s linear;}
  821. ol.notes, .notes li {
  822.     border-bottom:1px solid {color:post borders};
  823.     list-style:none;
  824.     width: 100%;
  825.     padding:10px;
  826.     font-size:12px;
  827.     margin-top: 5px;
  828.     margin-left:0px;
  829.     padding-left: 0px}
  830. .notes li:hover img {
  831.     list-style:none;
  832.     -webkit-transition: all 0.5s linear;
  833.     -moz-transition: all 0.5s linear;
  834.     transition: all 0.5s linear;}
  835.  
  836. {CustomCSS}
  837.    
  838. </style>
  839. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  840.  
  841. <script src="https://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script
  842.  
  843. src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  844.  
  845. <script>
  846. $(function(){
  847. var $container = $('#post');
  848. $container.imagesLoaded(function(){
  849. $container.masonry({
  850. itemSelector: '.entry',
  851. });
  852. });
  853. $container.infinitescroll({
  854. itemSelector : ".entry",
  855. navSelector : "div.pagination",
  856. nextSelector : ".pagination a#next",
  857. loadingImg : "",
  858. loadingText : "<em></em>",
  859. },
  860. function( newElements ) {
  861.   var $newElems = $( newElements ).css({ opacity: 0 });
  862. $newElems.imagesLoaded(function(){
  863. $newElems.animate({ opacity: 1 });
  864. $container.masonry( 'appended', $newElems, true );
  865. });
  866. }
  867. );
  868. });
  869. </script>
  870.  
  871. </head>
  872. <body>
  873.  
  874. <header>
  875. <div class="h_centralize">
  876. <div class="h_desc">
  877. <img src="{Favicon}" >
  878. <div class="h_title"><a href="/">{Title}</a>
  879. <div class="h_sub">{text:subtitle} <br>
  880. </div></div>
  881. </div>
  882. <div id="header_links">
  883. <a href="{text:Link 1 Url}">{text:Link 1 Title}</a>
  884. <a href="{text:Link 2 Url}">{text:Link 2 Title}</a>
  885. <a href="{text:Link 3 Url}">{text:Link 3 Title}</a>
  886. <a href="{text:Link 4 Url}">{text:Link 4 Title}</a>
  887. <a href="{text:Link 5 Url}">{text:Link 5 Title}</a>
  888. <a href="{text:Link 6 Url}">{text:Link 6 Title}</a>
  889. </div></div>
  890. </header>
  891.  
  892. {block:IfBanner}<div class="banner"></div>{/block:IfBanner}
  893.  
  894. <div class="desc_section">
  895.     <div class="h_centralize2">
  896.         <div id="scial">
  897.     <a href="https://instagram.com/{text:instagram username}" target="_blank"><li class="fa fa-instagram" aria-hidden="true"></li></a>
  898. <a href="https://facebook.com/{text:facebook username}" target="_blank"><li class="fa fa-facebook" aria-hidden="true"></li></a>
  899. <a href="https://lastfm.com/{text:lastfm url}" target="_blank"><li class="fa fa-lastfm" aria-hidden="true"></li></a>
  900. <a href="https://twitter.com/{text:twitter username}" target="_blank"><li class="fa fa-twitter" aria-hidden="true"></li></a>
  901. <a href="skype:{text:skype username}" target="_blank"><li class="fa fa-skype" aria-hidden="true"></li></a>
  902. <a href="https://plus.google.com/{text:googleplus url}" target="_blank"><li class="fa fa-google-plus" aria-hidden="true"></li></a>
  903. <a href="https://{text:tumblr username}.tumblr.com" target="_blank"><li class="fa fa-tumblr" aria-hidden="true"></li></a>
  904. <a href="https://weheartit.com/{text:weheartit username}" target="_blank"><li class="fa fa-heart" aria-hidden="true"></li></a>
  905. <a href="https://amplamente.tumblr.com" title="theme credit" target="_new"><li class="fa fa-code" aria-hidden="true"></li></a>
  906.         </div>
  907.         <form action="/search" method="get" class="sform" name="form">
  908.         <input type="text" name="q" value="{SearchQuery}" class="sbox"               placeholder="{lang:Search}"/></form>
  909.     </div>
  910. </div>
  911.  
  912. <div id="post">
  913.  
  914. {block:Posts}
  915. <div class="entry">
  916.  
  917. {block:IfViaBox}
  918.     <div class="from">
  919.         {block:RebloggedFrom}
  920.             <a href="{ReblogParentURL}">
  921.             <img class="si" src="{ReblogParentPortraitURL-64}"> </a>
  922.             <div class="sit">
  923.                 <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a>
  924.             </div>
  925.         {/block:RebloggedFrom}
  926.         <div class="sit" style="float:right;">
  927.             {ShortMonth} {DayOfMonthWithZero}{DayofMonthSuffix}
  928.         </div>
  929.         {block:IfTriangles}
  930.             <div class="rbb2"></div>
  931.         {/block:IfTriangles}
  932.     </div>
  933. {/block:IfViaBox}
  934.  
  935. {block:Title}<h1>{Title}</h1>{/block:Title}
  936.  
  937. {block:Text}<div class="tcaption">{Body}</div>{/block:Text}
  938.  
  939. {block:Photo}
  940.     {block:IndexPage}
  941.         <a href="{permalink}" ><img src="{PhotoURL-HighRes}"/></a>
  942.     {/block:IndexPage}
  943.     {block:PermalinkPage}
  944.         <a href="{permalink}" ><img src="{PhotoURL-HighRes}"/></a>
  945.     {/block:PermalinkPage}
  946. {/block:Photo}
  947.  
  948. {block:Photoset}
  949.     {block:IndexPage}{Photoset-250}{/block:IndexPage}
  950.     {block:PermalinkPage}{Photoset-700}{/block:PermalinkPage}
  951. {/block:Photoset}
  952.  
  953. {block:Quote}
  954.     <div class="quote">
  955.         {Quote}
  956.         {block:Source}
  957.             <div class="qsub">&mdash; {Source} </div>
  958.         {/block:Source}
  959.     </div>
  960. {/block:Quote} 
  961.  
  962. {block:Video}
  963.     {block:IndexPage}{Video-250}{/block:IndexPage}
  964.     {block:PermalinkPage}{Video-700}{/block:PermalinkPage}
  965.     <br>{PlayCountWithLabel}
  966. {/block:Video}
  967.  
  968. {block:Link}
  969.     <div class="link">
  970.         {block:Thumbnail}{Thumbnail-HighRes}{/block:Thumbnail}
  971.         <div class="linktitle">
  972.             <a href="{URL}" {Target}>{Name} <li class="fa fa-angle-double-right" aria-hidden="true"></li></a>
  973.         </div>
  974.         {block:Description}
  975.             <div class="linkdesc">
  976.                 {Description}
  977.                 {block:Host}<i style="font-size:11px; margin-right:5px;" class="fa fa-link" aria-hidden="true"></i>{Host}{/block:Host}
  978.             </div>
  979.         {/block:Description}
  980.     </div>
  981. {/block:Link}
  982.  
  983. {block:Chat}
  984.     <div class="ch">
  985.         {block:Lines}<div class="ch1">{block:Label}<b>{Label}</b>
  986. {/block:Label}{Line}</div>{/block:Lines}</div>
  987. {/block:Chat}
  988.  
  989. {block:Audio}
  990. <div class="albumfoto">
  991.     {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  992.         <div class="playbg">
  993.             <div class="audioplay">
  994.                 {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}                        </div></div></div>
  995. <div class="audiodesc">
  996.     {block:Artist}{Artist}{/block:Artist}</br>
  997.     {block:Album}{Album}{/block:Album}</br>
  998.     {block:TrackName}{TrackName}{/block:TrackName}</br>
  999.     {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}
  1000. </div>{/block:Audio}   
  1001.  
  1002. {block:Answer}
  1003.     <div class="pergunta">
  1004.         <div class="pessoap">{Asker} asked:</div>{Question}
  1005.     </div>
  1006.     <div class="pessoapfoto">
  1007.         <img src="{AskerPortraitURL-40}" />
  1008.     </div>
  1009.     <div class="sresposta">{Answer}</div>
  1010. {/block:Answer}
  1011.  
  1012. {block:Caption}<div id="sobre">{Caption}</div>{/block:Caption}
  1013.  
  1014. <div class="seureblog">
  1015. {block:IfTriangles}<div class="rbb"></div>{/block:IfTriangles}
  1016. {block:NoteCount}
  1017. <a href="{Permalink}"><i class="uniicons-bookmarks10" style="color:{color:Accent};" ></i> {NoteCount}</a>
  1018. {/block:NoteCount}
  1019.  
  1020. {block:PermalinkPage}
  1021.  
  1022. {block:Date}<a href="{Permalink}"><i class="uniicons-clocks27" style="color:{color:Accent};" ></i> {Month} {DayOfMonthWithZero}{DayofMonthSuffix} {Year}</a>{/block:Date}
  1023.  
  1024. {block:RebloggedFrom}
  1025. <a href="{ReblogParentURL}"><i class="fa fa-retweet" style="color:{color:Accent};"></i> {ReblogParentName}</a>
  1026. <a href="{ReblogRootURL}"><i class="fa fa-globe" style="color:{color:Accent};"></i> {ReblogRootName}</a>
  1027. {/block:RebloggedFrom}
  1028.  
  1029. {/block:PermalinkPage}
  1030.  
  1031. <div style="float:right;"> {block:IndexPage}
  1032. <a href="{ReblogUrl}"><i class="uniicons-reload22" ></i></a>
  1033. <div class="custom-like-button">{LikeButton}
  1034.     <span class="our_button"><i class="uniicons-loving40"></i></span>
  1035.     </div>
  1036. </div> {/block:IndexPage}
  1037. </div>
  1038.  
  1039. {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1040.  
  1041. </div>
  1042. {/block:Posts}
  1043. </div>
  1044.  
  1045. {block:IfNotInfiniteScroll}
  1046. {block:Pagination}<div id="top2">
  1047.  {block:PreviousPage}
  1048. <a href="{PreviousPage}">{lang:Previous}</a>
  1049.  {/block:PreviousPage}
  1050.  {block:JumpPagination length="3"}
  1051. {block:CurrentPage}
  1052. <a href="#" style="background:{color:Accent}; border-color:{color:Accent}; color:{color:post bg};"><span class="current_page"><li style="font-size:10px;" class="fa fa-check"></li></a></span></a>
  1053. {/block:CurrentPage}
  1054. {block:JumpPage}
  1055. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1056. {/block:JumpPage}
  1057. {/block:JumpPagination}
  1058. <a href="#">...{TotalPages}</a>
  1059. {block:NextPage}
  1060. <a href="{NextPage}">{lang:Next}</a>
  1061. {/block:NextPage}
  1062. </div>
  1063. {/block:Pagination}
  1064. {/block:IfNotInfiniteScroll}
  1065.  
  1066. <div id="ccr"><i class="fa fa-code" aria-hidden="true"></i>
  1067. <a href="https://amplamente.tumblr.com">
  1068. <div id="cn">amplamente</div></a>
  1069. </div>
  1070.  
  1071. {block:IfInfiniteScroll}
  1072. <div class="pagination">
  1073. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}
  1074. <a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  1075. </div>
  1076. {/block:IfInfiniteScroll}
  1077.  
  1078. {block:IndexPage}<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>{/block:IndexPage}
  1079.  
  1080. <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400i,500,500i,600|Raleway:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  1081.  
  1082. <link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/s/33sakshawgsp033/UNIICONS-ADJ.css?dl=0">
  1083. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  1084.  
  1085. </body>
  1086. </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!