Advertisement
Biih

ah-malandra. Exclusiva; 18/01/2019

Jan 18th, 2019
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.83 KB | None | 0 0
  1. <!-----------------------------------------------------------------
  2.  
  3. THEME TOTALMENTE DESENVOLVIDO POR BIANCA DIAS (NEVALISCA.TUMBLR.COM)
  4. QUALQUER CÓPIA, SEJA ELA TOTAL OU PARCIAL, SEM A DEVIDA PERMISSÃO
  5. SERÁ CONSIDERADO PLÁGIO. DON'T COPY PLEASE ✿ ❀ ✿ ❀ ✿ ❀ ✿ ❀
  6.  
  7. ------------------------------------------------------------------->
  8.  
  9.  
  10. <title>{Title}</title>
  11.  
  12.   <link rel="shortcut icon" href="{Favicon}">
  13.  
  14.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15.  
  16.   {block:Description}
  17.  
  18.   <meta name="description" content="{MetaDescription}" />
  19.  
  20.   {/block:Description}
  21.        
  22.  
  23. <!---- código java ------>
  24.  
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  26. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  27. <script>(function($){$(document).ready(function(){$("[title]")
  28. .style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:20,
  29. tip_fade_speed:400, attribute:"title"});});})(jQuery);</script>
  30.  
  31.  
  32. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  33. <script src="https://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  34. <a href="javascript:;" id="scrollToTop"><i class="fa fa-angle-up"> </i></a>
  35.  
  36.  
  37.  
  38. <!---- fontes ----->
  39.  
  40. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  41. <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
  42. <link href='https://static.tumblr.com/8pnyeus/sXxofi7lt/outicons.css' rel='stylesheet' type='text/css'>
  43.  
  44. <link href="https://fonts.googleapis.com/css?family=Sacramento" rel="stylesheet">
  45.  
  46.  
  47. <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
  48.  
  49. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  50.  
  51. <meta name="image:background" content=""/>
  52. <meta name="image:sidebar" content="" />
  53.  
  54. <meta name="text:frase" content="inspiration" />
  55. <meta name="text:contador" content="link do contador"
  56.  
  57. <meta name="text:Link1" content="/" />
  58. <meta name="text:Link1 Title" content="autorias" />
  59.  
  60. <meta name="text:Link2" content="/" />
  61. <meta name="text:Link2 Title" content="favs" />
  62.  
  63. <meta name="text:Link3" content="/" />
  64. <meta name="text:Link3 Title" content="blogroll" />
  65.  
  66. <meta name="text:Link4" content="/" />
  67. <meta name="text:Link4 Title" content="link" />
  68.  
  69. <meta name="text:Link5" content="/" />
  70. <meta name="text:Link5 Title" content="link" />
  71.  
  72. <meta name="text:Link6" content="/" />
  73. <meta name="text:Link6 Title" content="link" />
  74.  
  75.  
  76.  
  77. <meta name="color:background" content="#191615" />
  78. <meta name="color:posts" content="#262322" />
  79. <meta name="color:text" content="#888888" />
  80. <meta name="color:sombra text" content="#000000" />
  81. <meta name="color:link" content="#888888" />
  82. <meta name="color:bordalink" content="#e7c71b" />
  83. <meta name="color:hover" content="#696969" />
  84. <meta name="color:aspas" content="#e7c71b" />
  85. <meta name="color:source quotes" content="#9d8a27"/>
  86. <meta name="color:bordaposts" content="#e7c71b" />
  87. <meta name="color:bg like reblog" content="#222222" />
  88. <meta name="color:font like reblog" content="#888888" />
  89. <meta name="color:faixas" content="#e7c71b" />
  90. <meta name="color:frase" content="#fefdfd" />
  91. <meta name="color:bgpergunta" content="#444444"/>
  92. <meta name="color:fontpergunta" content="#ffffff"/>
  93. <meta name="color:scroll" content="#000000"/>
  94. <meta name="color:selecao" content="#9d8a27" />
  95. <meta name="color:scrolltotop" content="#9d8a27" />
  96. <meta name="color:h1" content="#9d8a27" />
  97. <meta name="color:bgchat" content="#555555" />
  98. <meta name="color:bgchathover" content="#444444" />
  99. <meta name="color:fontchat" content="#cccccc" />
  100. <meta name="color:blockquote bg" content="#0b0a0a" />
  101. <meta name="color:tooltipbg" content="#191516" />
  102. <meta name="color:tooltipfont" content="#888888"/>
  103.  
  104.  
  105. <meta name="if:fade" content="1" />
  106. <meta name="if:grayscale" content="0"/>
  107. <meta name="if:estrelasexternas" content="0" />
  108. <meta name="if:umacoluna" content="0" />
  109.  
  110.  
  111.  
  112. <style type="text/css">
  113.  
  114. /*/ SCROLL TO TOP /*/
  115.  
  116. #scrollToTop:link,#scrollToTop:visited {
  117.     color:{color:scrolltotop};
  118.     width:22px;
  119.     height:22px;
  120.     line-height:0px;
  121.     background-color: transparent;
  122.     position: fixed;
  123.     bottom: 50px;
  124.     right: 45px;
  125.     font-size:20px;
  126.     font-weight:bold;
  127.     display:none;
  128.     z-index:9;
  129.     border-bottom:0px;
  130.  
  131.  
  132. }
  133.  
  134.  
  135. /*/ SCROLLBAR /*/
  136.  
  137. ::-webkit-scrollbar{
  138.     width:5px;
  139.     height:5px;
  140.     background:{color:scroll};
  141.     border:solid 2px {color:background};
  142. }
  143.    
  144. ::-webkit-scrollbar-thumb:vertical{
  145.     height:20px !important; background-color: {color:faixas};
  146.     -webkit-border-radius:0px;
  147.     border:solid 2px {color:background};
  148. }
  149.    
  150. ::-webkit-scrollbar-thumb:horizontal{
  151.     width:50px;
  152.     background-color:{color:faixas};-webkit-border-radius:0px;}
  153.    
  154.  
  155.  
  156.  
  157. /*/ SELEÇÃO COLORIDA /*/
  158.  
  159. ::-moz-selection
  160.    {color: {color:selecao};
  161.    background:;}
  162.   ::selection
  163.    {color: {color:selecao};
  164.    background:;}
  165.  
  166.  
  167.  
  168. /*/ CORPO DO THEME /*/  
  169.  
  170. body {background-color: {color:background};
  171. background-image:url('{image:background}');
  172. margin:0px auto 0px;
  173. color: {color:text};
  174. text-align: center;
  175. font-family: 'Quicksand', sans-serif;
  176. font-size:11px;
  177. background-attachment: fixed;
  178. background-repeat: no-repeat;
  179. background-size:100% 100%;
  180. line-height:19px;
  181. -webkit-animation: fade 5s;
  182. -moz-animation: fade 5s;
  183. -ms-animation: 5s;
  184. -o-animation: fade 5s;
  185. overflow-x:hidden;
  186. text-shadow:1px 1px 0px {color:sombra text};
  187. }
  188.  
  189.  
  190. @-webkit-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  191. @-moz-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  192. @-o-keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  193. @keyframes fade {0% {opacity: 0;} 100% {opacity: 1;}}
  194.  
  195.  
  196. /*/ LINKS /*/
  197.  
  198. a {color: {color:link}; text-decoration: none; text-transform: none; border-bottom:solid 1.2px {color:bordalink};}
  199. a:hover {color: {color:hover};}
  200.  
  201. /*/ PARAGRAFOS E BLOCKQUOTE /*/
  202.  
  203. p {margin: 6px 0 0 0}
  204.  
  205. blockquote {margin:3px;padding:0px 8px 3px 8px;background:{color:blockquote bg}; overflow:hidden;}
  206.  
  207. blockquote img{
  208. width:100%;
  209. }
  210.  
  211.  
  212. /*/ CONTEÚDO DAS POSTAGENS /*/
  213.  
  214. #entry {
  215. {block:indexpage}width:1200px;{/block:indexpage}
  216. {block:permalinkpage}width:500px;{/block:permalinkpage}
  217. margin-bottom:50px;
  218. float:left;
  219. margin-left:160px;
  220. margin-top:150px;
  221. }
  222.  
  223.  
  224. .posts {
  225. {block:indexpage}
  226. {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  227. {block:ifumacoluna}width:400px;{/block:ifumacoluna}
  228. {/block:indexpage}
  229. background:{color:posts};
  230. margin:15px;
  231. margin-bottom:30px;
  232. padding:10px 10px 6px 10px;
  233. text-align: justify;
  234. {block:permalinkpage}width:500px;{/block:permalinkpage}
  235. border-bottom:solid 1px {color:bordaposts};
  236.  
  237. }
  238.  
  239. .posts img{
  240.     {block:indexpage}
  241.     {block:ifnotumacoluna}max-width:220px;{/block:ifnotumacoluna}
  242.     {block:ifumacoluna}max-width:400px;{/block:ifumacoluna}
  243.     {/block:indexpage}
  244.     {block:permalinkpage}max-width:500px;{/block:permalinkpage}
  245.     {block:iffade}opacity:0.8;{/block:iffade}
  246.     height:auto;
  247.     transition-duration:.5s;
  248. }
  249.  
  250. .posts img:hover{
  251.     opacity:1;
  252.     {block:ifgrayscale}filter: grayscale(100%);{/block:ifgrayscale}
  253.    
  254. }
  255.  
  256.  
  257. .photoset{
  258.     {block:indexpage}
  259.     {block:ifnotumacoluna}max-width:220px;{/block:ifnotumacoluna}
  260.     {block:ifumacoluna}max-width:400px;{/block:ifumacoluna}
  261.     {/block:indexpage}
  262.     {block:permalinkpage}max-width:500px;{/block:permalinkpage}}
  263.  
  264.  
  265. /* ----- TITULOS ----- */
  266. h1 {
  267. font:600 1em/1.25em lato, sans-serif;
  268. text-align:left;
  269. color: {color:h1};
  270. text-transform:uppercase;
  271. letter-spacing:2.5px;
  272. margin-bottom:10px;
  273. }
  274.  
  275. h1 a {color: {color:h1};text-transform:uppercase;
  276. letter-spacing:1px}
  277. h1 a:hover {color: {color:hover};text-transform:uppercase;
  278. letter-spacing:1px}
  279.  
  280. /* ----- QUOTES ----- */
  281. .quote {text-align: justify; line-height:19px;text-indent:20px;}
  282.  
  283. .quote:first-letter{font-size:15px;}
  284.  
  285. .aspas{position:absolute;
  286. font-family:georgia;
  287. font-size:60px;
  288. margin-top:15px;
  289. color:{color:aspas};
  290. opacity:.3;
  291.  
  292. }
  293.  
  294.  
  295. .quotesource {
  296. text-align:right;
  297. color:{color:source quotes};
  298. margin-top:5px;
  299. transition-duration: 1s;
  300. -webkit-transition-duration: 1s;
  301. -moz-transition-duration: 1s;
  302. font-family: 'PT Sans', sans-serif;
  303. font-size:9px;
  304. text-transform:uppercase;
  305. font-weight:bold;
  306. letter-spacing:.5px;
  307. }
  308.  
  309.  
  310.  
  311. .quotesource a{color:{color:source quotes};text-transform:uppercase; border-bottom:0px;}
  312.  
  313.  
  314.  
  315.  
  316. /* ----- AUDIO ----- */
  317.  
  318. #audiopost{
  319. margin-bottom:5px;
  320. {block:indexpage}
  321. {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  322. {block:ifumacoluna}width:400px;{/block:ifumacoluna}
  323. {/block:indexpage}
  324. {block:permalinkpage}width:500px;{/block:permalinkpage}
  325. height:80px
  326. }
  327.  
  328. .albumart{
  329. width:80px;
  330. height:80px;
  331. position:absolute;
  332. }
  333.  
  334. .albumart img{
  335. width:80px;
  336. height:80px;
  337. float:left;
  338. }
  339.  
  340. .player{
  341. opacity:0.7;
  342. position:absolute;
  343. z-index:1;
  344. width:80px;
  345. height:80px;
  346. display:block;
  347. -webkit-transition: all 0.7s ease;
  348. -moz-transition: all 0.7s ease;
  349. -o-transition: all 0.7s ease;
  350. }
  351.  
  352. .player:hover{
  353. opacity:1;
  354. }
  355.  
  356. .playerr {
  357. width:25px;
  358. height:25px;
  359. margin-top:24px;
  360. margin-left:24px;
  361. overflow:hidden;
  362. padding:3px;
  363. }
  364.  
  365. .track {
  366. margin-left:100px;
  367. line-height:12px;
  368. padding-top:10px;
  369. }
  370.  
  371. /* ----- CHAT ----- */
  372.  
  373. .chat {line-height: 13px; list-style: none }
  374. .chat ul {line-height: 13px; list-style: none; padding: 0px; line-height:14px;}
  375. .person1 {color:{color:fontchat}; padding: 2px; }
  376. .person1 .label {font-weight: bold;  color:{color:fontchat}}
  377. .person2 {color: {color:fontchat}; padding: 2px;  }
  378. .person2 .label {font-weight: bold;  color:{color:fontchat}}
  379.  
  380. .chat {background: {color:posts}; margin: 0; font-size: 12px; }
  381. .chat .lines {font-family: 'Play'; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background:{color:bgchat}; padding: 5px; margin-bottom: 2px; font-size: 12px; color: {color:fontchat}; text-shadow: 1px 1px 0px {color:bgchathover} ; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  382. .chat .lines:hover {background:{color:bgchathover}; transition-duration: 1s; -webkit-transition-duration: 1s; -moz-transition-duration: 1s;}
  383. .chat .lines span {font-weight: bold;}
  384.  
  385.  
  386. /* ----- PERMALINKPAGE ----- */
  387.  
  388. #perma{margin-left:15px}
  389. #permalink{margin-bottom: 1px;
  390. padding: 4px 5px;  
  391. background: {color:posts};
  392. text-transform: none;  
  393. font-family: 'consolas', sans-serif;
  394. font-size: 9px;
  395. text-align:left;
  396. width:513px;
  397. text-transform:uppercase}
  398. #permalink a{text-transform:uppercase;}
  399. #permalink n{border-bottom:solid 1.2px {color:bordalink};}
  400.  
  401. #permalink i{opacity:0.6;}
  402.  
  403. #bss ol, .notes-bottom ul {margin: 0;padding: 0;list-style: none;}
  404. #bss li {background:{color:background};padding: 5px 0 10px 0;font-size: 9px;font-family:consolas;text-transform:uppercase; text-indent : 8px;-webkit-transition-duration: .50s; float: left; padding: 5px;width:513px;margin-top:5px;margin-left:1px;text-align:left;color:{color:text};border-bottom:solid 1px {color:posts};}
  405. #bss li a{text-transform:uppercase;}
  406. #bss li img.avatar {width: auto;padding: 2px; background: {color:background}; border: 3px solid {color:posts};display: block;float: left; margin: 0 5px 5px 0;}
  407.  
  408.  
  409. /* ----- POSTS NOTAS ----- */
  410.  
  411. /*/NOTAS POR NEVALISCA NÃO COPIE /*/
  412.  
  413. #notas{
  414. {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  415. {block:ifumacoluna}width:400px;{/block:ifumacoluna}
  416. padding:5px;
  417. margin-top:10px;
  418. position:relative;
  419. font-family:'Roboto', sans-serif;
  420. font-size:8.5px;
  421. text-transform:uppercase;
  422. letter-spacing:1px;
  423. line-height:8px;
  424. }
  425.  
  426.  
  427.  
  428. #notas:before{
  429.     {block:ifnotumacoluna}width:150px;{/block:ifnotumacoluna}
  430.     {block:ifumacoluna}width:330px;{/block:ifumacoluna}
  431.     height:1px;
  432.     content:'';
  433.     font-size:12px;
  434.     display:block;
  435.     margin-left:auto;
  436.     margin-right:auto;
  437.     margin-bottom:10px;
  438.     background-color:{color:bg like reblog};
  439.     box-shadow: 1px 1px 0px  rgba(255,255,255,.2), inset 1px 1px 0px  rgba(0,0,0,.2);
  440.     opacity:0.5;
  441. }
  442.  
  443.  
  444. #notas a{text-transform:uppercase; margin-right:10px; border-bottom:0px;}
  445.  
  446. #reblog{
  447.     float:right;
  448.     width:15px;
  449.     height:15px;
  450.     border-radius:50px;
  451.     margin-top:-12px;
  452.     background:{color:bg like reblog};
  453.     color:{color:font like reblog};
  454.     box-shadow: 1px 1px 0px  rgba(255,255,255,.2), inset 1px 1px 0px  rgba(0,0,0,.2);
  455.     line-height:10px;
  456.     text-align:center;
  457.     margin-right:5px;
  458.     position:absolute;
  459.     right:28px;
  460.      }
  461.      
  462. #reblog i{
  463.    margin-top:3px;
  464.    margin-left:1px;
  465. }
  466.    
  467.  
  468.  
  469. #like{
  470.     float:right;
  471.     width:15px;
  472.     height:15px;
  473.     border-radius:50px;
  474.     margin-top:-12px;
  475.     background:{color:bg like reblog};
  476.     color:{color:font like reblog};
  477.     box-shadow: 1px 1px 0px  rgba(255,255,255,.2), inset 1px 1px 0px  rgba(0,0,0,.2);
  478.     line-height:10px;
  479.     text-align:center;
  480.     margin-right:5px;
  481.     position:absolute;
  482.     right:8px;
  483. }
  484.  
  485. .custom-like-button *{cursor:pointer!important;}
  486. .custom-like-button {position:relative;display:inline-block;vertical-align:top;margin-top:2.3px;height:15px;cursor:pointer;color:{color:text};font-family:'Roboto', sans-serif; width:17px;
  487. font-size:8px;
  488. text-transform:uppercase;
  489. letter-spacing:1px;}
  490.  
  491. .like_button:hover + .our_button {color:{color:linkshover};}
  492. .like_button iframe {width:100%!important;height:100%!important;}
  493. .like_button {z-index:10;opacity:0;}
  494. .our_button {z-index:1;}
  495. .our_button,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  496.  
  497. .like_button.liked + .our_button:before{content:'\f004 ';font-family:FontAwesome; color:{color:faixas};}
  498. .our_button:before{content:'\f004';font-family:FontAwesome;}
  499.  
  500.  
  501.  
  502. /*/ FIM DAS NOTAS NÃO COPIE /*/
  503.  
  504.  
  505. /*/ ESTILO DE NOTAS #03 FEITO POR NEVALISCA.TUMBLR.COM © /*/
  506.  
  507. #bibinotas{
  508. {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  509. {block:ifumacoluna}width:400px;{/block:ifumacoluna}/*/ tamanho da caixa dos posts /*/
  510. height:calc(100% - 21px) !important; /*/ altera o 22px para ficar certo com o seu theme /*/
  511. background: rgba(0,0,0,0.5); /*/ fundinho preto /*/
  512. position:absolute;
  513. z-index:9;
  514. opacity:0;
  515. transition-duration: 1.1s;
  516. transform: scale(0);
  517. outline: 1px solid {color:posts};
  518. outline-offset: -10px;
  519. }
  520.  
  521. .posts:hover #bibinotas{opacity:1;transform: scale(1);}
  522.  
  523. .centralizar{
  524.     position:absolute;
  525.     {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  526.     {block:ifumacoluna}width:400px;{/block:ifumacoluna} /*/ tamanho da caixa dos posts /*/
  527.     height:60px;
  528.     top: 50%;
  529.   transform: translateY(-50%);
  530.  
  531. }
  532.  
  533.  
  534.  
  535. #datenotes{
  536. text-align:center;
  537. font-family:'Roboto', sans-serif; /*/ fonte /*/
  538. font-size:8.2px; /*/ tamanho da font /*/
  539. opacity:0;
  540. transition-duration:.5s;
  541.  
  542. }
  543.  
  544. #datenotes a{
  545.     display:inline-block;
  546.     text-transform:uppercase;
  547.     color:#fff; /*/ cor da font /*/
  548.     font-weight:600;
  549.     border-bottom:0px;
  550.     {block:ifnotumacoluna}width:150px;{/block:ifnotumacoluna}
  551.     {block:ifumacoluna}width:330px;{/block:ifumacoluna}
  552.     height:20px;
  553.     background:{color:posts};
  554.     color:{color:Text};
  555.     font-size:8.5px;
  556.     letter-spacing:1px;
  557.     margin-bottom:2px;
  558. }
  559.  
  560. .posts:hover #datenotes {opacity:1;transition-delay:1.2s;}
  561.  
  562. #rreblog{
  563.     text-align:left;
  564.     transition-duration:.5s;
  565.     opacity:0;
  566.     margin-left:35px;
  567.    
  568. }
  569.  
  570. .posts:hover #rreblog{opacity:1;transition-delay:1.5s;}
  571.  
  572. #rreblog a{
  573.     font-family:'Roboto', sans-serif; /*/ fonte /*/
  574.     display:inline-block;
  575.     {block:ifnotumacoluna}width:74px;{/block:ifnotumacoluna}
  576.     {block:ifumacoluna}width:164px;{/block:ifumacoluna}
  577.     height:20px;
  578.     font-size:8.2px;
  579.     letter-spacing:1px;
  580.     background:{color:posts};
  581.     color:{color:Text};
  582.     text-transform:uppercase;
  583.     text-align:center;
  584.    
  585. }
  586.  
  587. #llike{
  588.     text-align:left;
  589.     transition-duration:.5s;
  590.     opacity:0;
  591.     margin-top:-21px;
  592.     {block:ifnotumacoluna}margin-left:111px;{/block:ifnotumacoluna}
  593.     {block:ifumacoluna}margin-left:201px;{/block:ifumacoluna}
  594.     font-family:'Roboto', sans-serif; /*/ fonte /*/
  595.     display:inline-block;
  596.     {block:ifnotumacoluna}width:74px;{/block:ifnotumacoluna}
  597.     {block:ifumacoluna}width:164px;{/block:ifumacoluna}
  598.     height:20px;
  599.     font-size:8.2px;
  600.     letter-spacing:1px;
  601.     background:{color:posts};
  602.     color:{color:Text};
  603.     text-transform:uppercase;
  604.     text-align:center;
  605.     border-bottom:solid 1.2px {color:bordalink};
  606.     position:absolute;
  607. }
  608.  
  609. .posts:hover #llike{opacity:1;transition-delay:1.8s;}
  610.  
  611. .custom-like-button1 *{cursor:pointer!important;}
  612. .custom-like-button1 {position:relative;display:inline-block;vertical-align:top;margin-top:2.3px;height:15px;cursor:pointer;color:{color:text};font-family:'Roboto', sans-serif; width:74px;
  613. font-size:8px;
  614. text-transform:uppercase;
  615. letter-spacing:1px;}
  616.  
  617. .like_button:hover + .our_button1 {color:{color:linkshover};}
  618. .like_button iframe {width:100%!important;height:100%!important;}
  619. .like_button {z-index:10;opacity:0;}
  620. .our_button1 {z-index:1;}
  621. .our_button1,.like_button {position:absolute;top:0;left:0;width:100%;height:100%;}
  622.  
  623. .like_button.liked + .our_button1:after{content:'d';}
  624. .like_button.liked + .our_button1:before{content:'\f004 ';font-family:FontAwesome; color:{color:faixas};}
  625. .our_button1:before{content:'\f004';font-family:FontAwesome;}
  626.  
  627.  
  628.  
  629. /*/ FIM DAS NOTAS, DON NOT COPY © /*/
  630.  
  631.  
  632.  
  633. /* ----- ASK ----- */
  634.  
  635. #nv-ask{
  636.     width:calc(100% - 60px);
  637.     padding:5px 8px 5px 8px;
  638.     background:{color:bgpergunta};
  639.     color:{color:fontpergunta};
  640.     border-bottom:1.2px solid {color:bordaposts};
  641.     z-index:99;
  642.     margin-left:45px;
  643.    
  644.     }
  645.    
  646. #nv-ask:before{
  647.     content:'';
  648.     width:8px;
  649.     height:8px;
  650.     transform: rotate(45deg);
  651.     position:absolute;
  652.     margin-left:-12px;
  653.     margin-top:10px;
  654.     background:{color:bgpergunta};
  655.     z-index:9;
  656.    
  657. }
  658.  
  659. #nv-ask a{
  660.     color:{color:fontpergunta};
  661.     text-transform:uppercase;    
  662.     letter-spacing:1px;
  663.     border-bottom:0px;
  664.     font-size:8px;
  665.     letter-spacing:2px;
  666.     font-family:'Roboto', sans-serif;
  667.    }
  668.    
  669. #nv-pask img{
  670.     width:25px;
  671.     height:25px;
  672.     border:solid 5px {color:bordaposts};
  673.     border-radius:50px;
  674.     position:absolute;
  675.     margin-top:3px;
  676. }
  677.  
  678.  
  679.  
  680. /*/ CONTEÚDO DA SIDEBAR /*/
  681.  
  682. #nv-faixa{
  683.     width:16px;
  684.     height:100%;
  685.     display:inline-block;
  686.     background:{color:faixas};
  687.     top:26px;
  688.     left:48px;
  689.     z-index:99999;
  690.     position:fixed;
  691. }
  692.  
  693. #nv-faixa2{
  694.     width:100%;
  695.     height:7px;
  696.     display:inline-block;
  697.     background:{color:faixas};
  698.     top:26px;
  699.     left:0px;
  700.     z-index:99999;
  701.     position:fixed;
  702. }
  703.  
  704. #nv-sidebar{
  705.     width:100%;
  706.     height:10px;
  707.     left:16px;
  708.     float:left;
  709.     position:fixed;
  710.     top:45px;
  711.     text-align:left;
  712.     display:inline-block;
  713.     z-index:99999;
  714. }
  715.  
  716. #nv-sphoto{
  717.     width:80px;
  718.     height:80px;
  719.     background:{color:posts};
  720.     border-radius:5px;
  721.    
  722.  
  723.  
  724. }
  725.  
  726. #nv-sphoto img{
  727.     width:60px;
  728.     height:60px;
  729.     box-shadow:1px 1px 0 0 rgba(255,255,255,.5), -1px -1px 0 0 rgba(0,0,0,.5);  
  730.     margin-left:10px;
  731.     margin-top:10px;
  732.     border-radius:5px;
  733. }
  734.  
  735. #nv-ffaixa{
  736.     width:100%;
  737.     height:36px;
  738.     background:{color:posts};
  739.     position:fixed;
  740.     display:inline-block;
  741.     left:95px;
  742.     margin-top:67px;
  743.     z-index:99999;
  744. }
  745.  
  746. #nv-header{
  747.     width:100%;
  748.     height:110px;
  749.     position:fixed;
  750.     top:0px;
  751.     left:0px;
  752.     z-index:9999;
  753.     background:{color:background};}
  754.    
  755.  
  756. #nv-frase{
  757.     font-family: 'Sacramento', cursive;
  758.     font-size:30px;
  759.     color:{color:frase};
  760.     position:fixed;
  761.     right:15px;
  762.     top:80px;
  763.     z-index:99999;
  764. }
  765.  
  766. #nv-contador{
  767.     width:relative;
  768.     height:10px;
  769.     padding:4px 10px 4px 10px;
  770.     background:#0f0d0c;
  771.     position:fixed;
  772.     right:20px;
  773.     top:40px;
  774.     color:#fff;
  775.     z-index:99999;
  776.     line-height:10px;
  777.     border-radius:10px;
  778.     box-shadow:1px 1px 0 0 rgba(255,255,255,.3), inset 1px 1px 0 0 rgba(0,0,0,1);
  779. }
  780.  
  781. #nv-contador a{color:#fff;}
  782.  
  783. #nv-links{
  784.     text-align:center;
  785.     height:10px;
  786.     top:75px;
  787.     left:110px;
  788.     background:{color:background};
  789.     padding:5px;
  790.     border-radius:5px;
  791.     box-shadow:1px 1px 0 0 rgba(255,255,255,0.3), inset 1px 1px 0 0 rgba(0,0,0,.5);
  792.     position:fixed;
  793.     z-index:99999;
  794.     line-height:10px;
  795.    
  796. }
  797.  
  798.  
  799. #nv-links a{
  800.     text-align:center;
  801.     padding:3px;
  802.     line-height:5px;
  803.     font-size:12px;
  804.     border-radius:3px;
  805.     border-bottom:0px solid transparent;
  806.     color:{color:frase};
  807. }
  808.  
  809. #nv-links:hover a:hover{
  810.     color:{color:faixas};
  811.     opacity:0.3; text-shadow:1px 1px 1px rgba(0,0,0,.9), -1px -1px 0px rgba(255,255,255,1) ;}
  812.  
  813.  
  814.  
  815.  
  816.  
  817. /*/ OUTROS CÓDIGOS /*/
  818.  
  819. #s-m-t-tooltip {
  820.     max-width:320px;
  821.     line-height:9px;
  822.     margin:20px 20px;
  823.     padding:3px 5px 1px 5px;
  824.     background:{color:tooltipbg};
  825.     font:8px/1.8 'Work Sans', calibri, sans-serif;
  826.     border-radius:0px 20px 20px 20px;
  827.     color:{color:tooltipfont};
  828.     letter-spacing:.5px;
  829.     z-index:99999999999999 !important;
  830.     text-transform:uppercase;
  831.     letter-spacing:1px;
  832.     box-shadow:inset 1px 1px 1px rgba(255, 255, 255, .3), inset -1px -1px 1px rgba(0, 0, 0, .2), 1px 1px 2px rgba(0, 0, 0, .2);
  833.    
  834. }
  835.  
  836.  
  837. .tmblr-iframe, iframe#tumblr_controls {
  838.     position: fixed;
  839.     opacity:0.4;
  840.     z-index:99999999999999999 !impoportant;
  841.     transform: scale(.8);
  842.     top:110px !important;
  843.     right:-50px !important;
  844.     opacity:0;
  845.     padding-right:50px !important;
  846.     transition-duration:.8s;
  847.    
  848.  
  849.     }
  850.    
  851.    
  852. .tmblr-iframe:hover, iframe#tumblr_controls{opacity:.5 !important;}
  853.  
  854.  
  855. .cocoiso{position:fixed;right:20px;top:130px;}
  856.  
  857.  
  858.    
  859. #nv-creditos{
  860.     position:fixed;
  861.     bottom:30px;
  862.     right:10px;
  863.     background:{color:posts};
  864.     display:inline-block;
  865.     width:15px;
  866.     height:15px;
  867.     padding:5px;
  868.     border-radius:50px;
  869.     z-index:9999;
  870.     }
  871.    
  872. #nv-creditos a{
  873.     border-bottom:0px;
  874.     color:{color:text};
  875.     font-size:15px;
  876.     margin-top:5px;
  877. }
  878.    
  879.  
  880.  
  881.  
  882.  
  883. </style>
  884.  
  885. </head>
  886.  
  887. <!--THEME POR I-NGAGAR, não copie, plagio é crime-->
  888.  
  889. <body>
  890.  
  891. <div class="cocoiso"><i class="fa fa-gear"></i></div>
  892.  
  893.  
  894. <!-- Não tira essa merda aqi valeu, se vc tirar eu vou jogar uma praga tão forte em vc que tu vai se arrepender de ter tirado, e tenho dito!--->
  895.  
  896. <div id="nv-creditos"><a href="https://nevalisca.tumblr.com" title="uso excluviso de {name}; desenho: thurgis; cod: nevalisca 2019 ©!"><i class="sf sf-ufo-o" ></i></a></div>
  897.  
  898. <!--- daqi pra baixo tire e mude o que quiser, só pra uso próprio--->
  899.  
  900.  
  901. </div>
  902.  
  903. <div id="nv-header"></div>
  904. <div id="nv-faixa"></div>
  905. <div id="nv-faixa2"></div>
  906.  
  907. <div id="nv-sidebar">
  908. <div id="nv-sphoto"><img src="{image:sidebar}"></div>
  909. </div>
  910.  
  911. <div id="nv-ffaixa"></div>
  912.  
  913. <div id="nv-contador">{text:contador}</div>
  914.  
  915. <div id="nv-frase">{text:frase}</div>
  916.  
  917. <div id="nv-links">
  918.     <a href="{text:link1}" title="{text:link1 title}"><i class="fa fa-home"></i></a>
  919.    
  920.     <a href="{text:link2}" title="{text:link2 title}"><i class="fa fa-comments"></i></a>
  921.      
  922.     <a href="{text:link3}" title="{text:link3 title}"><i class="fa fa-folder-open"></i></a>
  923.      
  924.     <a href="{text:link4}" title="{text:link4 title}"><i class="fa fa-heart"></i></a>
  925.      
  926.     <a href="{text:link5}" title="{text:link5 title}"><i class="fa fa-star"></i></a>
  927. </div>
  928.  
  929.  
  930. <div id="entry">
  931.  
  932. {block:Posts}
  933. <div class="posts">
  934.  
  935. <!------ TEXTOS ---->
  936. {block:Text}
  937. {block:Title}<h1>{Title}</h1>{/block:Title}{Body}
  938.  
  939. {block:indexpage}
  940. <div id="notas">
  941.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  942.    
  943.     <a href="{permalink}">{notecount}</a>
  944.    
  945.     <div id="reblog">
  946.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  947.     </div>
  948.    
  949.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"></span> </div>
  950.         </div>
  951. </div>
  952. {/block:indexpage}
  953.  
  954.  
  955. {/block:Text}
  956. <!------ TEXTOS ---->
  957.  
  958.  
  959. <!------ PHOTOS ---->
  960. {block:Photo}
  961.  
  962. {block:indexpage}
  963.  
  964. <div id="bibinotas">
  965. <div class="centralizar">
  966. <div id="datenotes">
  967.     <a href="{permalink}"> {notecount}</a>
  968.    </div>
  969.    
  970. <div id="rreblog">
  971.     <a href="{reblogurl}">reblog</a>
  972. </div>
  973.  
  974. <div id="llike"><div class="custom-like-button1" >{LikeButton}<span class="our_button1"> like</span> </div></div>
  975.  
  976. </div>
  977. </div>
  978.  
  979. {/block:indexpage}
  980.  
  981. <img src="{PhotoURL-500}">
  982.  
  983. {block:permalinkpage}{block:Caption}{Caption}{/block:Caption}{LinkCloseTag}{/block:permalinkpage}
  984.  
  985. {/block:Photo}
  986.  
  987. <!------ PHOTOS ---->
  988.  
  989.  
  990. <!------ PHOTOSETS ---->
  991.  
  992. {block:Photoset}
  993.  
  994. {block:indexpage}
  995.  
  996. <div id="bibinotas">
  997. <div class="centralizar">
  998. <div id="datenotes">
  999.     <a href="{permalink}"> {notecount}</a>
  1000.    </div>
  1001.    
  1002. <div id="rreblog">
  1003.     <a href="{reblogurl}">reblog</a>
  1004. </div>
  1005.  
  1006. <div id="llike"><div class="custom-like-button1" >{LikeButton}<span class="our_button1"> like</span></div></div>
  1007.  
  1008. </div>
  1009. </div>
  1010.  
  1011. {/block:indexpage}
  1012.  
  1013. {block:indexpage}<div class="photoset">{photoset-400}</div>{/block:indexpage}
  1014. {block:permalinkpage}{photoset-500}{/block:permalinkpage}
  1015.  
  1016. {/block:Photoset}
  1017.  
  1018. <!------ PHOTOSETS ---->
  1019.  
  1020.  
  1021. <!------ QUOTE ---->
  1022. {block:Quote}
  1023. <div class="aspas"></div>
  1024. <div class="quote">{Quote}</div>
  1025. {block:Source}<div class="quotesource">&mdash; {Source}</div>{/block:Source}
  1026.  
  1027. {block:indexpage}
  1028. <div id="notas">
  1029.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1030.    
  1031.     <a href="{permalink}"> {notecount}</a>
  1032.    
  1033.    
  1034.     <div id="reblog">
  1035.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1036.     </div>
  1037.    
  1038.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1039.         </div>
  1040.    
  1041. </div>
  1042. {/block:indexpage}
  1043.  
  1044. {/block:Quote}
  1045.  
  1046. <!------ QUOTE ---->
  1047.  
  1048.  
  1049. <!------ LINKS ---->
  1050.  
  1051. {block:Link}
  1052. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1053. {block:Description}{Description}{/block:Description}
  1054.  
  1055. {block:indexpage}
  1056. <div id="notas">
  1057.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1058.    
  1059.     <a href="{permalink}"> {notecount}</a>
  1060.    
  1061.      <div id="reblog">
  1062.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1063.     </div>
  1064.    
  1065.    
  1066.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1067.         </div>
  1068.    
  1069. </div>
  1070. {/block:indexpage}
  1071.  
  1072. {/block:Link}
  1073.  
  1074. <!------ LINKS ---->
  1075.  
  1076.  
  1077. <!------ CHAT ---->
  1078. {block:Chat}
  1079.  
  1080. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  1081. <div class="chat"><ul>
  1082. {block:Lines}<div class="chat"><div class="lines">{block:Label}
  1083. <span>{Label}</span>{/block:Label}{Line}</div></div>{/block:Lines}</ul></div>
  1084.  
  1085. {block:indexpage}
  1086. <div id="notas">
  1087.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1088.    
  1089.     <a href="{permalink}"> {notecount}</a>
  1090.    
  1091.    
  1092.     <div id="reblog">
  1093.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1094.     </div>
  1095.    
  1096.    
  1097.      <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1098.         </div>
  1099.    
  1100. </div>
  1101. {/block:indexpage}
  1102.  
  1103. {/block:Chat}
  1104.  
  1105. <!------ CHAT---->
  1106.  
  1107.  
  1108. <!------ AUDIO ---->
  1109. {block:Audio}
  1110. <div id="audiopost">
  1111. <div class="albumart">
  1112. {block:AlbumArt}<img src="{AlbumArtURL}" width="80px">{/block:AlbumArt}
  1113. </div>
  1114. <div class="player">
  1115. <div class="playerr">
  1116. <span id="audio">{AudioPlayerWhite}</span>
  1117. </div>
  1118. </div>
  1119. <div class="track">
  1120. <b>Title:</b> {block:TrackName}{TrackName}{/block:Trackname}<br>
  1121. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  1122. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  1123.  
  1124. </div></div>
  1125.  
  1126. {block:indexpage}
  1127. <div id="notas">
  1128.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1129.    
  1130.     <a href="{permalink}"> {notecount}</a>
  1131.    
  1132.    
  1133.     <div id="reblog">
  1134.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1135.     </div>
  1136.    
  1137.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1138.      </div>
  1139.    
  1140. </div>
  1141. {/block:indexpage}
  1142.  
  1143. {/block:Audio}
  1144.  
  1145. <!------ AUDIO ---->
  1146.  
  1147.  
  1148.  
  1149. <!------ VIDEO ---->
  1150. {block:Video}
  1151.  
  1152. {block:indexpage}<div style="overflow:hidden; {block:ifnotumacoluna}width:220px;{/block:ifnotumacoluna}
  1153. {block:ifumacoluna}width:500px;{/block:ifumacoluna}">
  1154.     {block:ifnotumacoluna}{video-250}{/block:ifnotumacoluna}
  1155. {block:ifumacoluna}{video-400}{/block:ifumacoluna}
  1156. </div>{block:indexpage}
  1157. {block:permalinkpage}{video-500}{/block:permalinkpage}
  1158.  
  1159.  
  1160. {block:indexpage}
  1161. <div id="notas">
  1162.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1163.    
  1164.     <a href="{permalink}"> {notecount}</a>
  1165.    
  1166.     <div id="reblog">
  1167.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1168.     </div>
  1169.    
  1170.    
  1171.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1172.         </div>
  1173. </div>
  1174. {/block:indexpage}
  1175.  
  1176. {/block:Video}
  1177. <!------VIDEO ---->
  1178.  
  1179.  
  1180. <!------ ASK ---->
  1181. {block:Answer}
  1182. <div id="nv-pask"><img src="{AskerPortraitURL-30}"></div>
  1183.  
  1184. <div id="nv-ask">{Asker}:<br> {question}</div>
  1185. {answer}
  1186.  
  1187.  
  1188. {block:indexpage}
  1189. <div id="notas">
  1190.     <a href="{permalink}"> {dayofmonthwithzero}, {shortmonth}</a>
  1191.    
  1192.     <a href="{permalink}"> {notecount}</a>
  1193.    
  1194.     <div id="reblog">
  1195.         <a href="{reblogurl}"><i class="fa fa-exchange"></i></a>
  1196.     </div>
  1197.    
  1198.     <div id="like"><div class="custom-like-button" >{LikeButton}<span class="our_button"> </span> </div>
  1199.      </div>
  1200.        
  1201. </div>
  1202. {/block:indexpage}
  1203. {/block:Answer}
  1204.  
  1205. <!------ ASK ---->
  1206.  
  1207.  
  1208.  
  1209.  
  1210. {block:ContentSource}<a href="{SourceURL}">
  1211.      
  1212.         {/block:SourceLogo}{block:NoSourceLogo}{/block:NoSourceLogo}</a>
  1213. {/block:ContentSource}
  1214.  </div>
  1215.  
  1216.  
  1217.  
  1218.  {block:PostNotes}
  1219. <div class="caixa">
  1220.  
  1221.  
  1222. <div id="perma">
  1223.  
  1224. <div id="permalink">
  1225. <i class="fa fa-clock-o"></i>
  1226. {timeago}
  1227. </div>
  1228.  
  1229. {block:NoteCount}<div id="permalink">
  1230. <i class="fa fa-heart"></i>
  1231. {NoteCountWithLabel}</div>{/block:NoteCount}
  1232.  
  1233. {block:RebloggedFrom}
  1234. <div id="permalink">
  1235. <i class="fa fa-paperclip"></i>
  1236.  Reblogged from <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a></div>{/block:RebloggedFrom}
  1237.  
  1238. {block:HasTags}<div id="permalink">
  1239. <i class="fa fa-tags"></i> <n>Tagged:</n>
  1240. {block:Tags} <a href="{TagURL}">{Tag},
  1241. </a>{/block:Tags}</div>{/block:HasTags}
  1242.  
  1243. {block:Date}
  1244. <div id="permalink">
  1245. <i class="fa fa-calendar"></i>
  1246. {DayOfMonth} de <n>{Month}</n> de {Year}</div>{/block:Date}
  1247.  
  1248.  
  1249.  
  1250. {block:ContentSource}
  1251. <div id="permalink">
  1252. <i class="fa fa-user"></i>
  1253. Source: <a href="{SourceURL}" target="_blank">{SourceTitle}</a></div>
  1254. {/block:ContentSource}
  1255.  
  1256. <div id="bss">{PostNotes}</div>
  1257. {/block:PostNotes}
  1258. {/block:Posts}
  1259. {/block:Posts}
  1260.  
  1261.  
  1262. {block:indexpage}
  1263.     <script type="text/javascript" src="https://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  1264. <script src="https://static.tumblr.com/df28qmy/SHUlh3i7s/jquery.infinitescroll.js"></script>
  1265. <script src="https://static.tumblr.com/thpaaos/lLwkowcqm/jquery.masonry.js"></script>
  1266. <script type="text/javascript">
  1267. $(window).load(function () {
  1268. $('#entry').masonry(),
  1269. $('.masonryWrap').infinitescroll({
  1270. navSelector : "div#navigation",
  1271. nextSelector : "div#navigation a#nextPage",
  1272. itemSelector : ".posts",
  1273. bufferPx : 10000,
  1274. extraScrollPx: 11000,
  1275. loadingImg : "https://static.tumblr.com/kwz90l7/bIdlst7ub/transparent.png",
  1276. loadingText : "<i> </i>",
  1277. },
  1278. // call masonry as a callback.
  1279. function() { $('#entry').masonry({ appendedContent: $(this) }); }
  1280. );
  1281. });
  1282. </script>
  1283. {block:IndexPage}
  1284. <div class="column navigation" id="navigation">
  1285. {block:Pagination}
  1286. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  1287. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  1288. </div>
  1289. {/block:IndexPage}
  1290.  
  1291.  
  1292. </div></div></div>
  1293.  
  1294.  
  1295. </body>
  1296.  
  1297.  
  1298.  
  1299. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement