API tools faq
paste
Advertisement
Hisabeel

Código Base

Hisabeel
Jan 17th, 2019
254
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.13 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. _      _              _                _
  4. | | __ (_) ___   __ _ | |__  ___   ___ | |
  5. | '_ `\| |/ __| / _` || '_ \/ _ \ / _ \| |
  6. | | | || |\__ \/ (_| || |_)|  __/|  __/| |
  7. |_| |_||_||___/ \__,_||_.__/\___| \___||_|
  8.                                        
  9.                _          
  10.  ___ ___   __| | ___  ___
  11. / __/ _ \ / _` |/ _ \/ __|
  12. |  (_|(_) | (_| |  __/\__ \
  13. \___\___/ \__,_|\___||___/
  14.            
  15.            
  16.            
  17.            
  18. **ÚLTIMA ATUALIZAÇÃO: 17-01-2019            
  19.  
  20.  
  21.        
  22. Olá, o meu nome é Helena e sou a criadora deste tema. Se quiseres ver mais sobre o meu trabalho vista a página: https://themeshisabeel.tumblr.com
  23.  
  24. Esta página é protegida e registada por Copyrighted.com. Agradeço que siga os termos abaixo e respeite o meu trabalho. Obrigada.
  25.  
  26.  
  27. TERMOS DE USO
  28. > Não remova, adultere nem mude meus créditos;
  29. > Não redistribua este código ou partes dele;
  30. > Não use como base e reivindique-o como seu;
  31. > Não tome este código ou partes dele para criar/atualizar outro(s) código(s);
  32. > A inspiração é permitida, contanto que você não copie meus designs inteiramente.
  33.            
  34.            
  35.            
  36. -------------------------------------//-------------------------------------
  37.  
  38. **LAST UPDATE: 17-01-2019
  39.  
  40.  
  41. Hello, my name is Helena and I am the creator of this theme. If you want to see more about my work visite this page: https://themeshisabeel.tumblr.com
  42.  
  43. This page is protected and registered by Copyrighted.com. Thank you for following the terms below and respecting my work. Thanks.
  44.  
  45.            
  46. TERMS OF USE
  47. > Do not remove, adulterate or move my credits;
  48. > Do not redistribute this code or parts of it;
  49. > Do not use as a base and claim it as yours;
  50. > Don't take this code or parts of it to create/upgrade other code(s);
  51. > Inspiration is allowed, as long as you don't copy my designs entirely.                                            
  52.          
  53. -->
  54.  
  55.  
  56.  
  57.  
  58. <!-- CÓDIGOS PRINCIPAIS  //  MAIN CODES -->
  59. <html>
  60. <!DOCTYPE html>
  61.  
  62. <script type="text/javascript">
  63. function changeNavigation(id) {document.getElementById('posts').innerHTML=document.getElementById(id).innerHTML}
  64. </script>
  65.  
  66.  
  67.  
  68. <script type="text/javascript">
  69. <!--
  70.  
  71. // Disable Right Click Script
  72.  
  73. function IE(e)
  74. {
  75. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  76. {
  77. return false;
  78. }
  79. }
  80. function NS(e)
  81. {
  82. if (document.layers || (document.getElementById && !document.all))
  83. {
  84. if (e.which == "2" || e.which == "3")
  85. {
  86. return false;
  87. }
  88. }
  89. }
  90. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  91. //-->
  92. </script>
  93.  
  94.  
  95.  
  96. <!-- FAVICON -->
  97. <link rel="shortcut icon" href="https://66.media.tumblr.com/tumblr_lu2dfb2w9t1qfoi4t.gif">
  98. <!-- O Favicon é o ícone que aparece no canto esquerdo da aba do Google. Onde está "https:// ... " deve ser colocada uma URL do gosto pessoal da pessoa.
  99. //
  100. Favicon is the icon that appears in the left corner of the Google tab. Where "https:// ... " should be placed a URL of the person's personal taste.  -->
  101.  
  102.  
  103.  
  104.  
  105. <!-- FONTES DE LETRAS - NÃO ALTERAR  //  SOURCES OF LETTERS - DO NOT CHANGE -->
  106. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.2/css/all.css" integrity="sha384-/rXc/GQVaYpyDdyxK+ecHPVYJSN9bmVFBvjA/9eOB+pb3F2w2N6fc5qB9Ew5yIns" crossorigin="anonymous">
  107. <link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet">
  108. <link href="https://fonts.googleapis.com/css?family=Pacifico|Saira|Quicksand|Sacramento|Tangerine" rel="stylesheet">
  109. <link href="https://fonts.googleapis.com/css?family=Hind:400,700|Yantramanav:400,700|PT Sans:400,700|Niramit:400,700|Sintony:400,700|Cabin+Condensed:400,700" rel="stylesheet">
  110. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  111.  
  112.  
  113.  
  114.  
  115. <!-- EFEITOS DO BLOG - NÃO ALTERAR  //  EFFECTS OF BLOG - DO NOT CHANGE -->
  116. <link href='https://static.tumblr.com/blpgwiz/Zjemijy8n/fade_in_down.css' rel='stylesheet' style='text/css'>
  117. <link href='https://static.tumblr.com/blpgwiz/u8Qmijy1c/fade_in_up.css' rel='stylesheet' type='text/css'>
  118.  
  119.  
  120.  
  121.  
  122. <!-- TAGS META NAME - NÃO ALTERAR  //  META NAME TAGS - DO NOT CHANGE -->
  123. <meta name="color:Background" content="#fafafa"/>
  124. <meta name="color:Title" content="#97c5e0"/>
  125. <meta name="color:Text" content="#333333"/>
  126. <meta name="color:Link" content="#97c5e0"/>
  127. <meta name="color:Hover" content="#ffffff"/>
  128. <meta name="color:Shadow" content="#000000"/>
  129. <meta name="color:Hisatitle" content="#97c5e0"/>
  130. <meta name="image:Background" content=""/>
  131. <meta name="image:Sidebar" content=""/>
  132. <meta name="text:Hisatitle" content="Bohemian"/>
  133.  
  134.  
  135. <meta name="text:Link One" content="" />
  136. <meta name="text:Link One Title" content="01" />
  137. <meta name="text:Hover Title Link 1" content="Hover Link 1" />
  138.  
  139. <meta name="text:Link Two" content="" />
  140. <meta name="text:Link Two Title" content="02" />
  141. <meta name="text:Hover Title Link 2" content="Hover Link 2" />
  142.  
  143. <meta name="text:Link Three" content="" />
  144. <meta name="text:Link Three Title" content="03" />
  145. <meta name="text:Hover Title Link 3" content="Hover Link 3" />
  146.  
  147. <meta name="text:Link Four" content="" />
  148. <meta name="text:Link Four Title" content="04" />
  149. <meta name="text:Hover Title Link 4" content="Hover Link 4" />
  150.  
  151. <meta name="text:Link Five" content="https://hisabeel.tumblr.com" />
  152. <meta name="text:Link Five Title" content="05" />
  153. <meta name="text:Hover Title Link 5" content="Credits" />
  154. </script>
  155.  
  156.  
  157.  
  158.  
  159. <style type="text/css">
  160. /* BOTÕES DE DASHBOARD, FOLLOW, ETC  //  DASHBOARD, FOLLOW  BUTTONS */
  161. iframe.tmblr-iframe {
  162. z-index:99999999999999!important;
  163. top:10!important;
  164. right:0!important;
  165. opacity:0.4;
  166. /* delete invert(1) from here */
  167. filter:invert(1) contrast(150%);
  168. -webkit-filter:invert(1) contrast(150%);
  169. -o-filter:invert(1) contrast(150%);
  170. -moz-filter:invert(1) contrast(150%);
  171. -ms-filter:invert(1) contrast(150%);
  172. /* to here if your blog has a dark background */
  173. transform:scale(0.65);
  174. transform-origin:100% 0;
  175. -webkit-transform:scale(0.65);
  176. -webkit-transform-origin:100% 0;
  177. -o-transform:scale(0.65);
  178. -o-transform-origin:100% 0;
  179. -moz-transform:scale(0.65);
  180. -moz-transform-origin:100% 0;
  181. -ms-transform:scale(0.65);
  182. -ms-transform-origin:100% 0;}
  183.  
  184. iframe.tmblr-iframe:hover {
  185. opacity:0.6!important;
  186. }
  187.  
  188.  
  189.  
  190.  
  191.  
  192. /* BARRA DE ROLAGEM DA PÁGINA  //  SCROLLBAR OF PAGE */
  193. ::-webkit-scrollbar {
  194. background:#ddd;
  195. height:11px;
  196. width:11px;
  197. border:5px solid #fafafa;
  198. }
  199.  
  200. ::-webkit-scrollbar-thumb {
  201. background:#000;
  202. border:5px solid #fafafa;
  203. }
  204.  
  205.  
  206.  
  207.  
  208.  
  209. /* SELEÇÃO DE TEXTOS  //  TEXT SELECTION */
  210. ::selection {
  211. color:#fff;
  212. background:{color:Title};
  213. }
  214.  
  215. ::-moz-selection {
  216. color:#fff;
  217. background:{color:Title};
  218. }
  219.  
  220.  
  221.  
  222.  
  223.  
  224. /* CORPO DA PÁGINA  //  BODY OF THE PAGE */
  225. body{
  226. margin:0px;
  227. padding:0px;
  228. font-size:11px;
  229. color:{color:Text};
  230. text-transform:normal;
  231. font-family:trebuchet ms;
  232. background-repeat:repeat;
  233. background-attachment:fixed;
  234. background-color:{color:Background};
  235. background-image:url({image:Background});
  236. cursor:url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_540.png), auto;}
  237.  
  238. a:link, a:active, a:visited{
  239. color:{color:Link};
  240. text-decoration:none;
  241. -webkit-transition:all 0.6s ease-out; -moz-transition:all 0.6s ease-out;-o-transition:all 0.6s ease-out; transition:all 0.6s ease-out;}
  242.  
  243. a:hover{
  244. opacity:1.0;
  245. color:{color:Link};
  246. -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;
  247. cursor: url(https://66.media.tumblr.com/51aa4b0cb73356472f4336df13b2fc6b/tumblr_inline_p7nrx1388N1r1shc4_540.png), auto;}
  248.  
  249.  
  250.  
  251.  
  252.  
  253. /* CÓDIGOS DOS POSTS  //  POSTS CODES */
  254. #cunt{width:250px; height:auto;}
  255. {block:PermalinkPage}
  256. width:10px;
  257. {/block:PermalinkPage}
  258. }
  259.  
  260. #center{
  261. width:246px;
  262. height:207px;
  263. background:#fff;
  264. padding-top:3px;
  265. padding-bottom:3px;
  266. position:fixed !important;
  267. {block:PermalinkPage}
  268. width:410px;
  269. height:207px;
  270. {/block:PermalinkPage}
  271. }
  272.  
  273. #posts{
  274. float:center;
  275. {block:indexpage}
  276. width:600px;
  277. {/block:indexpage}
  278. {block:permalinkpage}
  279. width:600px;
  280. {/block:permalinkpage}
  281. right:auto;
  282. z-index:999;
  283. margin-top:8px;
  284. margin-left:511px;
  285. margin-right:auto;
  286. position:relative;
  287. overflow-y:hidden;
  288. background:transparent;
  289. }
  290.  
  291.  
  292. #entry img{
  293. {block:indexpage}
  294. opacity:0.7;
  295. margin:auto;
  296. max-width:246px;
  297. position:relative;
  298. transition:all 0.7s ease-out;
  299. -moz-transition:all 0.7s ease-out;
  300. -webkit-transition:all 0.7s ease-out;
  301. {/block:indexpage}
  302. }
  303.  
  304. #entry{
  305. margin:10px;
  306. float:left;
  307. width:246px;
  308. padding:14px;
  309. display:block;
  310. font-size:10px;
  311. background:#fff;
  312. line-height:13px;
  313. border-radius:5px;
  314. text-transform:normal;
  315. border:1px solid #eee;
  316. box-shadow:0 8px 6px -6px #bbbbbb;
  317. {block:PermalinkPage}
  318. opacity:0.8;
  319. width:360px;
  320. margin-top:10px;
  321. margin-left:90px;
  322. border:1px solid #eee;
  323. {/block:PermalinkPage}
  324. }
  325.  
  326.  
  327. #entry .perma{
  328. opacity:0.0;
  329. width:30px;
  330. height:auto;
  331. padding:5px;
  332. font-size:16px;
  333. margin-left:10px;
  334. margin-top:10px;
  335. background:#fff;
  336. text-align:center;
  337. position:absolute;
  338. text-transform:uppercase;
  339. transition:all 0.9s ease;
  340. -o-transition:all 0.9s ease;
  341. -moz-transition:all 0.9s ease;
  342. -webkit-transition:all 0.9s ease;
  343. border-top-right-radius:5px;
  344. border-bottom-right-radius:5px;
  345. border-left:8px solid {color:Title};
  346. }
  347.  
  348. #entry:hover .perma{
  349. opacity:1.0;
  350. z-index:9999999;
  351. overflow:visible;
  352. transition:all 0.9s ease;
  353. -o-transition:all 0.9s ease;
  354. -moz-transition:all 0.9s ease;
  355. -webkit-transition:all 0.9s ease;
  356. }
  357.  
  358.  
  359. #entry .perma2{
  360. opacity:0.0;
  361. width:30px;
  362. height:auto;
  363. padding:5px;
  364. font-size:16px;
  365. margin-left:10px;
  366. margin-top:40px;
  367. background:#fff;
  368. text-align:center;
  369. position:absolute;
  370. text-transform:uppercase;
  371. transition:all 0.9s ease;
  372. -o-transition:all 0.9s ease;
  373. -moz-transition:all 0.9s ease;
  374. -webkit-transition:all 0.9s ease;
  375. border-top-right-radius:5px;
  376. border-bottom-right-radius:5px;
  377. border-left:8px solid {color:Title};
  378. }
  379.  
  380. #entry:hover .perma2{
  381. opacity:1.0;
  382. z-index:9999999;
  383. overflow:visible;
  384. transition:all 0.9s ease;
  385. -o-transition:all 0.9s ease;
  386. -moz-transition:all 0.9s ease;
  387. -webkit-transition:all 0.9s ease;
  388. }
  389.  
  390.  
  391. #entry .perma3{
  392. opacity:0.0;
  393. width:30px;
  394. height:auto;
  395. padding:5px;
  396. font-size:16px;
  397. margin-left:10px;
  398. margin-top:70px;
  399. background:#fff;
  400. text-align:center;
  401. position:absolute;
  402. text-transform:uppercase;
  403. transition:all 0.9s ease;
  404. -o-transition:all 0.9s ease;
  405. -moz-transition:all 0.9s ease;
  406. -webkit-transition:all 0.9s ease;
  407. border-top-right-radius:5px;
  408. border-bottom-right-radius:5px;
  409. border-left:8px solid {color:Title};
  410. }
  411.  
  412. #entry:hover .perma3{
  413. opacity:1.0;
  414. z-index:9999999;
  415. overflow:visible;
  416. transition:all 0.9s ease;
  417. -o-transition:all 0.9s ease;
  418. -moz-transition:all 0.9s ease;
  419. -webkit-transition:all 0.9s ease;
  420. }
  421.  
  422.  
  423. .permalinktext{
  424. padding:6px;
  425. font-size:10px;
  426. display:block;
  427. text-align:right;
  428. color:{color:Text};
  429. font-family:tahoma;
  430. background:{color:Title};
  431. border-top:5px double #fff;
  432. }
  433.  
  434.  
  435. #postnotes{
  436. height:144px;
  437. width:400px;
  438. overflow:auto;
  439. font-size:10px;
  440. margin-top:-5px;
  441. box-shadow:none;
  442. line-height:15px;
  443. margin-left:-30px;
  444. font-family:tahoma;
  445. background:transparent;
  446. }
  447.  
  448. ol.notes li.note img.avatar {
  449. width:0px;
  450. height:0px;
  451. opacity:1.0;
  452. filter:none;
  453. -webkit-filter:none;
  454. }
  455.  
  456.  
  457.  
  458. .title{
  459. font-size:28px;
  460. line-height:28px;
  461. text-transform:normal;
  462. font-family:Tangerine;
  463. color:{color:Hisatitle};
  464. {block:Permalinkpage}
  465. font-size:34px;
  466. {/block:Permalinkpage}
  467. }
  468.  
  469.  
  470. blockquote {
  471. color:#333;
  472. padding:6px;
  473. overflow:auto;
  474. font-size:10px;
  475. line-height:13px;
  476. background:#f5f5f5;
  477. text-align:justify;
  478. font-family:tahoma;
  479. text-transform:normal;
  480. margin:0px 0px 2px 1px;
  481. padding:0px 0px 2px 3px;
  482. box-shadow:none;
  483. }
  484.  
  485. ul {
  486. list-style-type:circle;
  487. list-style-position:inside;
  488. }
  489.  
  490. ol {
  491. list-style-type:square;
  492. list-style-position:inside;
  493. }
  494.  
  495.  
  496.  
  497.  
  498.  
  499. /* PERSONALIZAÇÃO DE TÍTULOS E LETRAS  // CUSTOMIZATION OF TITLES AND LETTERS */
  500. h1{
  501. font-size:16px;
  502. text-align:center;
  503. letter-spacing:2px;
  504. color:{color:Title};
  505. margin:0px 0px 10px;
  506. padding:0px 0px 10px;
  507. font-family:quicksand;
  508. text-transform:uppercase;
  509. }
  510.  
  511. h1::first-letter{
  512. font-size:18px;
  513. font-family:'Sacramento';
  514. text-transform:uppercase;
  515. }
  516.  
  517.  
  518. i {color:{color:Title};}
  519. p {margin-top:7px; margin-bottom:7px;}
  520. u {color:{color:Title}; font-style:underline;}
  521. s {color:{color:Title}; font-style:strike;}
  522. hisa {color:{color:Title}; font-weight:bold; text-transform:none; font-size:15px; font-family:sacramento; color:#fff;}
  523. hisa2 {color:{color:Title}; font-style:bold; text-transform:normal; font-size:18px; font-family:petit formal script;}
  524.  
  525.  
  526.  
  527.  
  528.  
  529.  
  530. /* TÍTULO DA PÁGINA  //  TITLE OF THE PAGE */
  531. #hisatitle{
  532. opacity:1.0;
  533. z-index:99999;
  534. font-size:42px;
  535. position:fixed;
  536. margin-top:-155px;
  537. margin-left:19px;
  538. font-family:Tangerine;
  539. text-transform:normal;
  540. color:{color:Hisatitle};
  541. }
  542.  
  543.  
  544.  
  545.  
  546.  
  547. /* SIDEBAR, DESCRIÇÃO, LINKS, ETC  //  SIDEBAR, DESCRIPTION, LINKS, ETC */
  548. #sidebar{
  549. z-index:99;
  550. opacity:1.0;
  551. width:150px;
  552. height:300px;
  553. background:#fff;
  554. margin-top:8px;
  555. margin-left:315px;
  556. border-radius:5px;
  557. border:1px solid #eee;
  558. position:fixed !important;
  559. box-shadow:0 8px 6px -6px #bbbbbb;
  560. border-left:6px double {color:Title};
  561. }
  562.  
  563. #desc{
  564. z-index:99;
  565. opacity:1.0;
  566. width:110px;
  567. height:95px;
  568. overflow:auto;
  569. font-size:10px;
  570. position:fixed;
  571. margin-top:10px;
  572. line-height:12px;
  573. margin-left:20px;
  574. font-family:tahoma;
  575. color:{color:Text};
  576. text-align:justify;
  577. text-transform:normal;
  578. border-bottom:1px solid #ccc;
  579. }
  580.  
  581. #links {
  582. opacity:1.0;
  583. z-index:9999;
  584. position:fixed;
  585. margin-top:113px;
  586. margin-left:22px;
  587. }
  588.  
  589. #links a{
  590. padding:2px;
  591. font-size:11px;
  592. margin-left:2px;
  593. font-family:tahoma;
  594. }
  595.  
  596. #links a:hover{
  597. opacity:1.0;
  598. color:{color:Text};
  599. }
  600.  
  601.  
  602. .imgside{
  603. opacity:1.0;
  604. padding:4px;
  605. margin-top:45px;
  606. margin-left:15px;
  607. z-index:9999999999;
  608. }
  609.  
  610.  
  611.  
  612.  
  613. /* BARRA DOS POSTS  //  POSTS BAR */
  614. #hisabar{
  615. z-index:99;
  616. position:fixed;
  617. width:610px;
  618. height:110%;
  619. margin-left:495px;
  620. margin-top:-40px;
  621. background:#fff;
  622. border-radius:5px;
  623. border-left:6px double {color:Title};
  624. border-right:6px double {color:Title};
  625. }
  626.  
  627.  
  628.  
  629.  
  630. /* PERSONALIZAÇÃO DAS PERGUNTAS E RESPOSTAS  //  CUSTOMIZATION OF QUESTIONS AND ANSWERS */
  631. .triangle{
  632. width:0px;
  633. height:0px;
  634. margin-left:55px;
  635. margin-top:-30px;
  636. position:absolute;
  637. border-left:10px solid #f2f2f2;
  638. -webkit-transform:rotate(180deg);
  639. border-top:10px solid transparent;
  640. border-bottom:10px solid transparent;
  641. }
  642.  
  643. .q{
  644. color:#333;
  645. width:162px;
  646. padding:10px;
  647. margin-left:65px;
  648. margin-top:-43px;
  649. line-height:14px;
  650. text-align:justify;
  651. background:#f2f2f2;
  652. {block:Permalinkpage}
  653. width:275px;
  654. {/block:Permalinkpage}
  655. }
  656.  
  657. .as{
  658. color:#333;
  659. }
  660.  
  661. .as::first-letter{
  662. font-size:16px;
  663. font-family:'Sacramento';
  664. text-transform:uppercase;
  665. }
  666.  
  667.  
  668. .triangle2{
  669. width:0px;
  670. height:0px;
  671. margin-top:-3px;
  672. margin-left:15px;
  673. position:absolute;
  674. -webkit-transform:rotate(270deg);
  675. border-top:10px solid transparent;
  676. border-bottom:10px solid transparent;
  677. border-left:10px solid {color:Title};
  678. }
  679.  
  680. .a{
  681. color:#fff;
  682. width:227px;
  683. padding:10px;
  684. margin-left:0px;
  685. margin-top:10px;
  686. line-height:14px;
  687. text-align:justify;
  688. background:{color:Title};
  689. {block:Permalinkpage}
  690. width:340px;
  691. margin-bottom:-25px;
  692. {/block:Permalinkpage}
  693. }
  694.  
  695.  
  696. .imgask{
  697. width:30px;
  698. padding:7px;
  699. opacity:1.0;
  700. margin-left:0px;
  701. background:#f2f2f2;
  702. }
  703.  
  704.  
  705.  
  706.  
  707.  
  708. /* PERSONALIZAÇÃO DENTRO DOS POSTS  //  CUSTOMIZATION WITHIN THE POSTS */
  709. .quote{
  710. color:#fff;
  711. padding:16px;
  712. font-size:10.5px;
  713. font-family:tahoma;
  714. background:{color:Title};
  715. {block:PermalinkPage}
  716. width:322px;
  717. margin-top:45px;
  718. margin-left:-1px;
  719. {/block:PermalinkPage}
  720. }
  721.  
  722. .entrytext{
  723. padding:16px;
  724. background:#fff;
  725. font-size:10.5px;
  726. font-family:tahoma;
  727. color:{color:Text};
  728. text-align:justify;
  729. {block:PermalinkPage}
  730. width:422px;
  731. margin-top:45px;
  732. margin-left:-41px;
  733. border-bottom:5px double {color:Title};
  734. {/block:PermalinkPage}
  735. }
  736.  
  737. .videoplay{
  738. color:#fff;
  739. width:250px;
  740. padding:6px;
  741. font-size:10.5px;
  742. font-family:tahoma;
  743. overflow-x:hidden;
  744. overflow-y:hidden;
  745. background:{color:Title};
  746. {block:PermalinkPage}
  747. width:auto;
  748. margin-top:48px;
  749. margin-left:38px;
  750. {/block:PermalinkPage}
  751. }
  752.  
  753.  
  754. #audio {
  755. width:200px;
  756. height:auto;
  757. min-height:60px;
  758. padding-bottom:0px;
  759. }
  760.  
  761. .cover {
  762. z-index:1;
  763. width:60px;
  764. height:60px;
  765. position:absolute;
  766. }
  767.  
  768. .cover img {
  769. float:left;
  770. width:60px;
  771. height:60px;
  772. }
  773.  
  774. .playbox {
  775. opacity:0.6;
  776. width:27px;
  777. height:30px;
  778. z-index:1000;
  779. overflow:hidden;
  780. margin-top:17px;
  781. margin-left:17px;
  782. position:absolute;
  783. text-align:center;
  784. }
  785.  
  786. .info {
  787. margin-top:4px;
  788. margin-left:88px;
  789. line-height:14px;
  790. }
  791.  
  792.  
  793.  
  794.  
  795. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  796. .user_7 .label, .user_8 .label, .user_9 .label {color:Title};}
  797. </style>
  798.  
  799.  
  800.  
  801.  
  802.  
  803. <!-- NÃO ALTERE ISTO  //  DO NOT CHANGE THIS -->
  804. <script src="https://use.fontawesome.com/92822ad00c.js"></script>
  805.  
  806.  
  807.  
  808.  
  809.  
  810.  
  811. <!-- PERSONALIZAÇÃO DAS ETIQUETAS DE HOVER  //  CUSTOMIZATION OF HOVER LABELS -->
  812. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  813. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  814. <script>
  815. (function($){
  816. $(document).ready(function(){
  817. $("a[title]").style_my_tooltips({
  818. tip_follows_cursor:true,
  819. tip_delay_time:90,
  820. tip_fade_speed:600,
  821. attribute:"title"
  822. });
  823. });
  824. })(jQuery);
  825. </script>
  826.  
  827. <style>
  828. #s-m-t-tooltip {
  829. color:#fff;
  830. opacity:1.0;
  831. max-width:300px;
  832. border-radius:4px;
  833. background:{color:Title};
  834. margin:20px 0px 0px 20px;
  835. padding:5px 15px 5px 15px;
  836. z-index:9999999999999999999;
  837. box-shadow:2px 2px 2px rgba({RGBcolor:Shadow},.1);
  838. }
  839.  
  840. #s-m-t-tooltip:after {
  841. width:0;
  842. height:0;
  843. left:10px;
  844. content:"";
  845. bottom:20px;
  846. display:block;
  847. border-width:9px;
  848. position:absolute;
  849. border-style:solid;
  850. border-color:transparent transparent {color:Title} transparent;}
  851. </style>
  852.  
  853.  
  854.  
  855.  
  856.  
  857. <!-- CÓDIGOS GERAIS #1  //  GENERAL CODES # 1 -->
  858. <title>{Title}</title>
  859. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  860. <meta name="viewport" content="width=720" />
  861. </head>
  862.  
  863. <body>
  864. <div id="center">
  865. <div id="content">
  866.  
  867.  
  868.  
  869.  
  870. <!-- BARRA DOS POSTS  //  POSTS BAR -->
  871. <div id="hisabar"></div>
  872.  
  873.  
  874.  
  875. <!-- SIDEBAR, DESCRIÇÃO, LINKS, ETC  //  SIDEBAR, DESCRIPTION, LINKS, ETC -->
  876. <div id="sidebar">
  877. <div class="imgside"><img src="{image:Sidebar}" style="border-radius:5px; width:110px; height:110px"></div>
  878.  
  879.  
  880.  
  881. <!-- TÍTULO DA PÁGINA  //  TITLE OF THE PAGE -->
  882. <div id="hisatitle">{text:Hisatitle}</div>
  883.  
  884.  
  885. <div id="desc">{description}</div>
  886.  
  887.  
  888. <div id="links">
  889. <a href="{text:Link One}" title="{text:Hover Title Link 1}">{text:Link One Title}</a>
  890.  
  891. <a href="{text:Link Two}" title="{text:Hover Title Link 2}">{text:Link Two Title}</a>
  892.  
  893. <a href="{text:Link Three}" title="{text:Hover Title Link 3}">{text:Link Three Title}</a>
  894.  
  895. <a href="{text:Link Four}" title="{text:Hover Title Link 4}">{text:Link Four Title}</a>
  896.  
  897. <a href="{text:Link Five}" title="{text:Hover Title Link 5}">{text:Link Five Title}</a>
  898. </div></div>
  899.    
  900.  
  901.  
  902.  
  903. <!-- CÓDIGOS GERAIS #2 (POSTS)  //  GENERAL CODES #2 (POSTS) -->
  904. <div id="posts">
  905. <div id="liuc">
  906. {block:Posts}
  907. <div id="entry">
  908.  
  909.  
  910. {block:Text}
  911. {block:Title}<div class="entrytext">
  912. <span class="title">{Title}</span>{/block:Title}
  913. {Body}</div>
  914. {block:IndexPage}
  915. <div class="permalinktext">
  916. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}"><font color="{color:Text}">{notecountwithlabel}</font></div>{/block:IndexPage}
  917. {/block:Text}
  918.  
  919.  
  920. {block:Link}
  921. <a href="{URL}" class="title">{Name}</a>
  922. {block:Description}{Description}{/block:Description}
  923. {block:IndexPage}<br>
  924. <div class="permalinktext">
  925. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}"><font color="{color:Text}">{notecountwithlabel}</font></a></div>{/block:IndexPage}
  926. {block:Link}
  927.  
  928.  
  929. {block:Photo}{block:IndexPage}
  930. <div class="perma">
  931. <a href="{ReblogURL}" target="_blank" title="share"><span class="lnr lnr-cloud-download"></span></a></div>
  932.  
  933. <div class="perma2">
  934. <a href="{permalink}" title="{timeago}"><span class="lnr lnr-calendar-full"></span></a></div>
  935.  
  936. <div class="perma3">
  937. <a href="{Permalink}" title="{notecountwithlabel}"><span class="lnr lnr-bookmark"></span></a></div>
  938. {/block:IndexPage}
  939.  
  940. {block:IndexPage}
  941. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=326px;>
  942. {/block:IndexPage}
  943. {block:permalinkpage}{LinkOpenTag}<center>
  944. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=360px;/>
  945. {LinkCloseTag}</center>{/block:permalinkpage}
  946. {/block:Photo}
  947.  
  948.  
  949. {block:Photoset}
  950. {block:IndexPage}
  951. <div class="perma"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a> - <a href="{permalink}">{timeago}</a><br>{/block:HasTags}</div>
  952.  
  953. <div style="opacity:0.7">{Photoset}</div>
  954. {/block:IndexPage}
  955. {block:PermalinkPage}
  956. <center>{Photoset}</center>
  957. {/block:PermalinkPage}
  958. {/block:Photoset}
  959.  
  960.  
  961. {block:Quote}
  962. <div class="quote">❝ {quote}</div>
  963. {block:IndexPage}
  964. <div class="permalinktext">
  965. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}"><font color="{color:Text}">{notecountwithlabel}</font></div>{/block:IndexPage}
  966. {/block:Quote}
  967.  
  968.  
  969. {block:Chat}
  970. {block:Title}<span class="title">{Title}</span>{/block:Title}
  971. <ul class="chat">
  972. {block:Lines}
  973. <li class="user_{UserNumber}">
  974. {block:Label}
  975. <span class="label">{Label}</span>
  976. {/block:Label}
  977. {Line}<br>
  978. {/block:Lines}
  979. {block:IndexPage}<br>
  980. <div class="permalinktext">
  981. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}"><font color="{color:Text}">{notecountwithlabel}</font></a></div>{/block:IndexPage}
  982. {/block:Chat}
  983.  
  984.  
  985. {block:Audio}
  986. <div id="audio"><div class="cover"><img src="https://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Lovers</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Touch:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  987. {block:IndexPage}<br>
  988. <div class="permalinktext">
  989. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}"><font color="{color:Text}">{notecountwithlabel}</font></div>{/block:IndexPage}
  990. {/block:Audio}
  991.  
  992.  
  993. {block:Video}
  994. <center>{block:IndexPage}
  995. <div class="permalinktext">
  996. {Month} {DayOfMonth}{DayOfMonthSuffix} / <a href="{permalink}">{notecountwithlabel}</a></div>{/block:IndexPage}
  997. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}</div>{/block:IndexPage}</center>
  998. <center>{block:PermalinkPage}<div style="width: 450px; overflow-x:hidden; overflow-y:hidden">{Video-500}{/block:PermalinkPage}</center>
  999. {block:Video}
  1000.  
  1001.  
  1002. {block:Answer}
  1003. <div class="imgask"><img src="{AskerPortraitURL-30}"></div>
  1004.  
  1005. <div class="triangle"></div>
  1006. <div class="q">
  1007. <div class="as">{Asker} said: </div>
  1008. {Question}</div>
  1009.  
  1010. <div class="triangle2"></div>
  1011. <div class="a">{Answer}</div>
  1012. {/block:Answer}
  1013.  
  1014.  
  1015. {block:PermalinkPage}<br>
  1016. <div style="text-align:justify; font-size:10px; height:auto">
  1017. <div style="color:{color:Text}; font-size:11px; letter-spacing:2px; font-family:tahoma; line-height:19px"><i class="fas fa-info" aria-hidden="true"></i> <b>INFO ABOUT POST</b></div>
  1018.  
  1019. {block:Date}• Posted <u><font color="{color:Title}">{DayOfWeek}</font></u>{/block:Date} <br>
  1020.  
  1021. {block:NoteCount}• Has <u><font color="{color:Title}">{NoteCount}</font></u> notes{/block:NoteCount} <br>
  1022.  
  1023. {block:RebloggedFrom}• Created by: <a href="{ReblogRootURL}"><font color="{color:Title}">{ReblogRootName}</font></a><br>
  1024.  
  1025. • Reposted of: <a href="{ReblogParentURL}"><font color="{color:Title}">{ReblogParentName}</font></a>{/block:RebloggedFrom}
  1026.  
  1027. <br><br><br>
  1028. {block:PostNotes}
  1029. <div style="color:{color:Text}; font-size:11px; letter-spacing:2px; font-family:tahoma; line-height:14px"><i class="fas fa-history" aria-hidden="true"></i> <b>NOTES</b></div>
  1030. <div id="postnotes">{PostNotes}</div>
  1031. {/block:PostNotes}
  1032. {/block:PermalinkPage}</div>{/block:Posts}
  1033. </div></div></div>
  1034.  
  1035.  
  1036. {block:indexpage}
  1037. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1038. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1039. <script type="text/javascript" src="https://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1040. <script type="text/javascript">
  1041. $(window).load(function(){
  1042. var $wall = $('#posts');
  1043. $wall.imagesLoaded(function(){
  1044. $wall.masonry({
  1045. itemSelector: '#entry, #entry_photo',
  1046. isAnimated : false
  1047. });
  1048. });
  1049.  
  1050. $wall.infinitescroll({
  1051. navSelector : '#page-nav',
  1052. nextSelector : '#page-nav a',
  1053. itemSelector : '#entry, #entry_photo',
  1054. bufferPx : 2000,
  1055. debug : false,
  1056. errorCallback: function() {
  1057. $('#infscr-#333').fadeOut('normal');
  1058. }},
  1059. function( newElements ) {
  1060. var $newElems = $( newElements );
  1061. $newElems.hide();
  1062. $newElems.imagesLoaded(function(){
  1063. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1064. });
  1065. }); $('#content').show(500);
  1066. });
  1067. </script>
  1068. {/block:indexpage}
  1069.  
  1070.  
  1071.  
  1072.  
  1073. <!-- CÓDIGOS GERAIS #3  //  GENERAL CODES #3 -->
  1074. <body onkeydown="return false">
  1075. </body>
  1076.  
  1077.  
  1078.  
  1079. <!-- IMAGEM DECORATIVA  //  DECORATIVE IMAGE -->
  1080. <div style="z-index:-999; position:fixed; opacity:0.8; bottom:-20px; left:45px"><img src="https://static.tumblr.com/0nkhksv/oOwp42dkz/151848343749581545.png" width=300px></div>
  1081.  
  1082.  
  1083.  
  1084.  
  1085. <!-- CRÉDITOS - NÃO APAGUE ISTO  //  CREDITOS - DO NOT REMOVE THIS -->
  1086. <div style="z-index:99999; position:fixed; opacity:0.8; bottom:0px; left:5px"><a href="https://hisabeel.tumblr.com" title="Theme by Helena"><img src="https://cdn4.iconfinder.com/data/icons/proglyphs-computers-and-development/512/HTML-512.png" style="width:20px"></a></div>
  1087. </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!