API tools faq
paste
salemcer2

from dusk till dawn ! theme by salemcer.

salemcer2
Sep 27th, 2021
879
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.89 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. from dusk till dawn, made by salemcer
  4.  
  5. ⇢ DO NOT remove the credit .
  6. ⇢ you can change anything you want for your personal use, but remember, this is NOT a base code so don't make it available to anyone (free or not)!
  7. ⇢ feel free to ask me if you have problems with the code, i will help u.
  8. ⇢ please, do not use any parts of this code without permission.
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14.  
  15. <title>{title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. {block:Description}
  19. <meta name="description" content="{MetaDescription}" />
  20. {/block:Description}
  21.  
  22. <script src="//pull.cappuccicons.com/cpf.js"></script>
  23.  
  24. <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
  25.  
  26. <link rel="preconnect" href="https://fonts.googleapis.com">
  27. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  28. <link href="https://fonts.googleapis.com/css2?family=ABeeZee&display=swap" rel="stylesheet">
  29.  
  30. <link rel="preconnect" href="https://fonts.googleapis.com">
  31. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  32. <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
  33.  
  34. <link rel="preconnect" href="https://fonts.googleapis.com">
  35. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  36. <link href="https://fonts.googleapis.com/css2?family=Nosifer&display=swap" rel="stylesheet">
  37.  
  38. <meta name="color:background" content="#fbfbfb"/>
  39. <meta name="color:sidebar" content="#fff9f9"/>
  40. <meta name="color:sidebar1" content="#e7eff5"/>
  41. <meta name="color:posts" content="#ffffff"/>
  42. <meta name="color:permalink" content="#e7eff5"/>
  43. <meta name="color:borders" content="#bccfe0"/>
  44. <meta name="color:accent1" content="#e2ccd1"/>
  45. <meta name="color:accent2" content="#cfd4d0"/>
  46.  
  47. <meta name="color:title" content="#d1d6d2"/>
  48. <meta name="color:links" content="#474747"/>
  49. <meta name="color:text" content="#474747"/>
  50. <meta name="color:bold" content="#869789"/>
  51. <meta name="color:italic" content="#869789"/>
  52.  
  53. <meta name="if:img" content="0"/>
  54. <meta name="if:grids" content="0"/>
  55.  
  56. <meta name="image:background" content=""/>
  57. <meta name="image:sidebar" content=""/>
  58. <meta name="image:imgone" content="https://placehold.it/300x180"/>
  59. <meta name="image:sidebarpng" content="https://placehold.it/150x150"/>
  60. <meta name="image:png" content="https://placehold.it/80x80"/>
  61. <meta name="image:icon" content="https://placehold.it/150x150"/>
  62. <meta name="image:imgnavi" content="https://placehold.it/200x350"/>
  63.  
  64. <meta name="text:dusk" content="dusk"/>
  65. <meta name="text:dawn" content="dawn"/>
  66.  
  67. <meta name="text:name" content="name"/>
  68. <meta name="text:age" content="age"/>
  69. <meta name="text:gender" content="gender"/>
  70. <meta name="text:country" content="country"/>
  71.  
  72. <meta name="text:navi title" content="navigation"/>
  73. <meta name="text:muses title" content="muses"/>
  74.  
  75. <meta name="text:link extra url" content="/"/>
  76. <meta name="text:link extra title" content="extra"/>
  77.  
  78. <meta name="text:navi desc" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vel diam odio. Fusce suscipit dui at ante tincidunt gravida. In facilisis felis eget consectetur auctor. Donec bibendum auctor varius. Fusce scelerisque porttitor dui et ornare. Suspendisse mollis elit sed ligula imperdiet egestas. Aliquam vitae molestie lacus."/>
  79. <meta name="text:navi desc title" content="navi desc title"/>
  80.  
  81. <meta name="text:link one" content="/"/>
  82. <meta name="text:link one title" content="link one"/>
  83. <meta name="text:link two" content="/"/>
  84. <meta name="text:link two title" content="link two"/>
  85. <meta name="text:link three" content="/"/>
  86. <meta name="text:link three title" content="link three"/>
  87. <meta name="text:link four" content="/"/>
  88. <meta name="text:link four title" content="link four"/>
  89. <meta name="text:link five" content="/"/>
  90. <meta name="text:link five title" content="link five"/>
  91. <meta name="text:link six" content="/"/>
  92. <meta name="text:link six title" content="link six"/>
  93.  
  94. <link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
  95.  
  96. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  97. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  98.  
  99.  
  100. <script>
  101. function myFunction() {
  102. var popup = document.getElementById("myPopup");
  103. popup.classList.toggle("show");
  104. }
  105. </script>
  106.  
  107. <link rel="preconnect" href="https://fonts.googleapis.com">
  108. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  109. <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
  110.  
  111. <!--- VIDEO SCRIPT BY SHYTHEMES ---->
  112.  
  113. <script> $(document).ready(function(){ $('.video iframe').each(function(){ var scale = $(this).parents('.video').width() / 250; $(this).attr({ width: Math.floor($(this).attr('width') * scale), height: Math.floor($(this).attr('height') * scale) });});}); </script>
  114.  
  115. <script>
  116. function openAlytut(evt, alytutName) {
  117. var i, x, tablinks;
  118. x = document.getElementsByClassName("alytut");
  119. for (i = 0; i < x.length; i++) {
  120. x[i].style.display = "none";
  121. }
  122. tablinks = document.getElementsByClassName("tablink")
  123. for (i = 0; i < x.length; i++) {
  124. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  125. }
  126. document.getElementById(alytutName).style.display = "block";
  127. evt.currentTarget.className += " tabzact";
  128. }
  129. </script>
  130.  
  131. <script>
  132.  
  133. function openNav() {
  134. document.getElementById("mySidenav").style.width = "200px";
  135. }
  136.  
  137. function closeNav() {
  138. document.getElementById("mySidenav").style.width = "0";
  139. }
  140. </script>
  141.  
  142. <style type="text/css">
  143.  
  144. .iframe-controls--desktop {
  145. position:fixed;
  146. top:0px;
  147. right:0px;
  148. z-index:214748364789123456789;
  149. -webkit-transform:scale(0.6,0.6);
  150. -webkit-transform-origin: 100% 0%;
  151. -ms-transform-origin:100% 0%;
  152. -ms-transform:scale(0.6,0.6);
  153. transform:scale(0.6,0.6);
  154. transform-origin:100% 0%;
  155. }
  156.  
  157. body {
  158. background: {color:background};
  159. background-image: url({image:background});
  160. font-family: 'ABeeZee', sans-serif;
  161. font-size: 11px;
  162. background-repeat: repeat;
  163. color: {color:text};
  164. text-transform: lowercase;
  165. overflow-x: hidden;
  166. }
  167.  
  168. ::-webkit-scrollbar {
  169. display:none;
  170. overflow-x: hidden;
  171. }
  172.  
  173. a { text-decoration: none; color: {color:links}; font-weight: bold;}
  174.  
  175. a:hover { color: {color:accent1}; transition: 0.35s ease-in-out; }
  176.  
  177. b, strong { color: {color:bold}; font-weight: bold; font-size: 11px;}
  178.  
  179. i, italic, em { color: {color:italic}; font-size: 11px; }
  180.  
  181. u, underline { color: {color:text}; }
  182.  
  183. stroke { color: {color:text}; }
  184.  
  185. h1 { color: {color:accent1}; font-size: 15px; font-weight: bold; font-family: 'Poppins', sans-serif, arial; margin-top: 10px; letter-spacing: 2px; text-align: center; padding-bottom: 8px;}
  186.  
  187. h2 { color: {color:bold}; font-size: 15px; font-weight: bold; font-family:'Poppins', sans-serif, arial; text-align: center; margin-left: -8px;}
  188.  
  189. h3 { font-size: 11px; font-family: 'Poppins', sans-serif, arial; border-top: 1px solid {color:borders}; padding-top: 20px; text-align: center; margin-left: -22px; margin-bottom: 0px; width: 400px;}
  190.  
  191. small {font-size: 11px;}
  192.  
  193. blockquote {
  194. padding: 0px 8px 0px 18px;
  195. margin: 10px 8px 8px;
  196. border-left:1px solid {color:borders};
  197. }
  198.  
  199. blockquote img {
  200. height:auto;
  201. max-width:100%;
  202. }
  203.  
  204. img {
  205. max-width: 100%;
  206. }
  207.  
  208. ul {list-style: none;
  209. }
  210.  
  211. ul li:before {
  212. content: url('https://api.iconify.design/ci:heart-outline.svg?height=9');
  213. vertical-align: -0.125em;
  214. margin-right: 5px;
  215. margin-left: -15px;
  216. color: {color:accent2};
  217. }
  218.  
  219. ::-webkit-scrollbar {
  220. display:none;
  221. }
  222.  
  223. /* sidebar */
  224.  
  225. #sidebar {
  226. background: {color:sidebar};
  227. background-image: url('{image:sidebar}');
  228. background-size: cover;
  229. width: 800px;
  230. margin-left:calc(50% - 450px);
  231. height:500px;
  232. top: 33px;
  233. position: absolute;
  234. padding: 30px;
  235. z-index: 6;
  236. border: 1px solid {color:borders};
  237. }
  238.  
  239. .lineee {
  240. width:1px;
  241. height: 100%;
  242. background: {color:borders};
  243. position: absolute;
  244. left: 450px;
  245. top: 0px;
  246. }
  247.  
  248. .grid1 {
  249. background: transparent;
  250. background-image: linear-gradient({color:borders} .1em, transparent .1em), linear-gradient(90deg, {color:borders} .1em, transparent .1em);
  251. background-size: 5em 5em;
  252. width: 265px;
  253. height: 332px;
  254. right: -1px;
  255. top: -1px;
  256. position: absolute;
  257. }
  258.  
  259. .tail {
  260. background: transparent;
  261. width: 300px;
  262. height: 180px;
  263. right: 50px;
  264. top: 35px;
  265. position: absolute;
  266. font-weight: bold;
  267. }
  268.  
  269. .tail img {
  270. background: transparent;
  271. width: 300px;
  272. height: 180px;
  273. left: 0px;
  274. top: 0px;
  275. border: 1px solid {color:borders};
  276. }
  277.  
  278. .visual {
  279. background-color: transparent;
  280. width: auto;
  281. height: auto;
  282. padding: 10px 10px;
  283. text-transform:uppercase;
  284. position: absolute;
  285. top:270px;
  286. right:42px;
  287. z-index: 5;
  288. font-size: 15px;
  289. border-radius: 50px;
  290. font-family: 'Poppins', sans-serif;
  291. font-weight: bold;
  292. transform: rotate(5deg);
  293. color: {color:borders};
  294. }
  295.  
  296. .mafia {
  297. background-color: transparent;
  298. width: auto;
  299. height: auto;
  300. padding: 10px 10px;
  301. text-transform:uppercase;
  302. position: absolute;
  303. top:335px;
  304. right:88px;
  305. z-index: 5;
  306. font-size: 15px;
  307. border-radius: 50px;
  308. font-family: 'Poppins', sans-serif;
  309. font-weight: bold;
  310. transform: rotate(-5deg);
  311. color: {color:accent2};
  312. }
  313.  
  314. .monster {
  315. background-color: transparent;
  316. width: auto;
  317. height: auto;
  318. padding: 10px 10px;
  319. text-transform:uppercase;
  320. position: absolute;
  321. top:285px;
  322. right:10px;
  323. z-index: 5;
  324. font-size: 30px;
  325. border-radius: 50px;
  326. font-family: 'Nosifer', cursive;
  327. transform: rotate(5deg);
  328. color: {color:accent1};
  329. -webkit-animation: monster 2s ease-in-out infinite alternate;
  330. -moz-animation: monster 2s ease-in-out infinite alternate;
  331. animation: monster 2s ease-in-out infinite alternate;
  332. }
  333.  
  334. @-webkit-keyframes monster { from {
  335. text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px {color:accent2}, 0 0 20px {color:accent2}, 0 0 25px {color:accent2}, 0 0 30px {color:accent2}, 0 0 35px {color:accent2};
  336. }
  337.  
  338. to { text-shadow: 0 0 5px #fff, 0 0 10px #fff1f1, 0 0 15px #fff1f1, 0 0 20px #fff1f1, 0 0 25px #fff1f1, 0 0 30px #fff1f1, 0 0 35px #fff1f1;
  339. }
  340. }
  341.  
  342. .monster2 {
  343. background-color: transparent;
  344. width: auto;
  345. height: auto;
  346. padding: 10px 10px;
  347. text-transform:uppercase;
  348. position: absolute;
  349. top:350px;
  350. right:40px;
  351. z-index: 5;
  352. font-size: 30px;
  353. border-radius: 50px;
  354. font-family: 'Nosifer', cursive;
  355. transform: rotate(-5deg);
  356. color: {color:accent1};
  357. -webkit-animation: monster2 2s ease-in-out infinite alternate;
  358. -moz-animation: monster2 2s ease-in-out infinite alternate;
  359. animation: monster2 2s ease-in-out infinite alternate;
  360. }
  361.  
  362. @-webkit-keyframes monster2 { from {
  363. text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px {color:accent2}, 0 0 20px {color:accent2}, 0 0 25px {color:accent2}, 0 0 30px {color:accent2}, 0 0 35px {color:accent2};
  364. }
  365.  
  366. to { text-shadow: 0 0 5px #fff, 0 0 10px #fff1f1, 0 0 15px #fff1f1, 0 0 20px #fff1f1, 0 0 25px #fff1f1, 0 0 30px #fff1f1, 0 0 35px #fff1f1;
  367. }
  368. }
  369.  
  370. .porapi {
  371. {block:ifimg}
  372. background-color: {color:accent2};
  373. right: 30px;
  374. top: 185px;
  375. {/block:ifimg}
  376. background: transparent;
  377. transform: rotate(-10deg);
  378. width: 80px;
  379. height: 80px;
  380. right: 33px;
  381. top: 185px;
  382. position: absolute;
  383. font-weight: bold;
  384. }
  385.  
  386. .porapi img {
  387. background: transparent;
  388. width: 80px;
  389. height: 80px;
  390. }
  391.  
  392. .gashina {
  393. background: {color:accent2};
  394. width: 150px;
  395. height: 105px;
  396. right: 231px;
  397. top: 195px;
  398. position: absolute;
  399. font-weight: bold;
  400. border: 1px solid {color:borders};
  401. }
  402.  
  403. .gashina img {
  404. background: transparent;
  405. width: 150px;
  406. height: 150px;
  407. left: 0px;
  408. margin-top: -45px;
  409. }
  410.  
  411. .verde {
  412. background: {color:posts};
  413. width: 350px;
  414. height: 210px;
  415. right: 30px;
  416. bottom: 31px;
  417. position: absolute;
  418. border: 1px solid {color:borders};
  419. }
  420.  
  421. .title {
  422. background: transparent;
  423. width: 80px;
  424. height: auto;
  425. right: 23px;
  426. bottom: 18px;
  427. border-radius: 5px;
  428. position: absolute;
  429. font-size: 9px;
  430. color: {color:title};
  431. font-weight: 600;
  432. font-family: 'Poppins', sans-serif, arial;
  433. text-align: center;
  434. }
  435.  
  436. .title li {
  437. text-align: left;
  438. width: auto;
  439. list-style-type: none;
  440. background: {color:sidebar1};
  441. color: {color:borders};
  442. padding: 5px 10px 6px 10px;
  443. margin-bottom: 5px;
  444. font-size: 9px;
  445. border-radius: 10px;
  446. text-align: justify;
  447. }
  448.  
  449. .title i {font-size: 8px; color: {color:borders}; font-weight: 600; font-family: 'ABeeZee', sans-serif; margin-left: 2px; text-align: left;}
  450.  
  451. .title img {
  452. width: 30px;
  453. height: 30px;
  454. right: -33px;
  455. bottom: -27px;
  456. position: absolute;
  457. border-radius: 50%;
  458. }
  459.  
  460. .desc {
  461. background: {color:title};
  462. width: 200px;
  463. height: 160px;
  464. left: 15px;
  465. top: 15px;
  466. padding: 10px 10px 6px 10px;
  467. position: absolute;
  468. font-size: 9px;
  469. border-radius: 5px;
  470. color: {color:text};
  471. font-family: 'Poppins', sans-serif, arial;
  472. text-align: justify;
  473. overflow: scroll;
  474. }
  475.  
  476. .desc li {
  477. text-align: left;
  478. list-style-type: none;
  479. background: {color:sidebar};
  480. padding: 9px 10px 10px 10px;
  481. margin-bottom: 5px;
  482. font-size: 9px;
  483. border-radius: 10px;
  484. text-align: justify;
  485. }
  486.  
  487. .azul {
  488. background-color: rgba(255,255,255,0.2);
  489. backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  490. width: auto;
  491. height: auto;
  492. padding: 10px 20px;
  493. right: 90px;
  494. top: 235px;
  495. position: absolute;
  496. border-radius: 10px;
  497. z-index: 9;
  498. }
  499.  
  500. .azul a i {color: {color:accent2}; font-size: 20px; margin-right: 10px;}
  501.  
  502. /* posts */
  503.  
  504. .container {
  505. width: 440px;
  506. height: 560px;
  507. background: transparent;
  508. position: absolute;
  509. overflow: scroll;
  510. overflow-x: hidden;
  511. left: 20px;
  512. top: 0px;
  513. }
  514.  
  515. .posts {
  516. background: {color:posts};
  517. width: 358px;
  518. padding: 8px 20px 20px 20px;
  519. margin-bottom: 20px;
  520. border: 1px solid {color:borders};
  521. margin-top: 20px;
  522. margin-left: 0px;
  523. z-index: 999999999;
  524. -webkit-box-shadow: 5px 5px 15px -3px {color:permalink};
  525. box-shadow: 5px 5px 15px -3px {color:permalink};
  526. }
  527.  
  528. .posts img {
  529. max-width:100%;
  530. height:auto;
  531. }
  532.  
  533. .perma {
  534. background: {color:permalink};
  535. width: 378px;
  536. height: 14px;
  537. padding: 11px 10px 10px 10px;
  538. margin-left: -20px;
  539. margin-top: -8px;
  540. margin-bottom: 20px;
  541. border-bottom: 1px solid {color:borders};
  542. }
  543.  
  544. .perma a {
  545. text-decoration:none;
  546. font-size: 10px;
  547. padding: 4px 5px 2px 5px;
  548. color: {color:text};
  549. font-family: 'ABeeZee', sans-serif;
  550. font-weight: 600;
  551. display: inline;
  552. }
  553.  
  554. .perma a:hover {
  555. color:{color:accent2};
  556. }
  557.  
  558. .tags {
  559. width: 363px;
  560. margin-top: 20px;
  561. text-align: right;
  562. padding: 19px 18px 0px 17px;
  563. border-top: 1px solid {color:borders};
  564. margin-left: -20px;
  565. }
  566.  
  567. .tags a {
  568. text-decoration:none;
  569. font-size: 11px;
  570. text-transform:lowercase;
  571. font-weight: 500;
  572. color:{color:links};
  573. }
  574.  
  575. .tags a:hover {
  576. color: {color:accent2};
  577. }
  578.  
  579. /* photoset */
  580.  
  581. .pset {
  582. width: auto;
  583. background: transparent;
  584. padding-top: 0px;
  585. margin-left: 10px;
  586. }
  587.  
  588. .pset img {
  589. width: 100%;
  590. margin-left: -10px;
  591. }
  592.  
  593. /* chat */
  594.  
  595. .chatchat {
  596. display: inline-block;
  597. padding-top: 15px;
  598. width: 100%;
  599. }
  600.  
  601. .chatchat b { font-size: 11px; font-weight: bold; padding: 0px 3px 0px 3px; color: {color:accent2};}
  602.  
  603. .chatchat li {
  604. text-align: left;
  605. list-style-type: none;
  606. background: {color:sidebar};
  607. padding: 5px 10px 6px 10px;
  608. margin-bottom: 6px;
  609. border: 1px solid {color:borders};
  610. }
  611.  
  612. /* notes */
  613.  
  614. .notes {padding: 5px 3px 5px 3px; list-style-type: none; font-size: 10px; border-top: 1px solid {color:posts}; text-align: justify;}
  615.  
  616. .notes li {list-style-type: none; padding-bottom: 5px; text-align: justify;}
  617.  
  618. .notes img {display:none;}
  619.  
  620. .notes a {color: {color:accent2}; font-size: 10px;}
  621.  
  622. /* links */
  623.  
  624. .blebs { text-align: left; padding-top: 10px;}
  625.  
  626. .blebs b { font-size: 17px; font-weight: bold; font-family: 'Poppins', sans-serif, arial; padding: 0px 3px 0px 3px; color: {color:links};}
  627.  
  628. /* quotes */
  629.  
  630. .quotes { padding-top: 18px; font-family: 'Poppins', sans-serif, arial; text-align: center;}
  631.  
  632. .quotes b { font-size: 15px; font-family: 'Poppins', sans-serif, arial; color: {color:bold}; padding: 0px 0px 0px 0px; margin-right: 3px; text-align: center; }
  633.  
  634. /* asks */
  635.  
  636. .askboxx {
  637. padding-top: 0px;
  638. width: 377px;
  639. background: transparent;
  640. }
  641.  
  642. .question {
  643. height: auto;
  644. text-align: justify;
  645. margin-left: -20px;
  646. margin-top: -8px;
  647. padding: 10px 0px 10px 20px;
  648. background-color: {color:posts};
  649. width: 357px;
  650. }
  651.  
  652. .asker2 {
  653. width: 368px;
  654. padding: 10px 15px;
  655. margin-bottom: 10px;
  656. margin-top: 5px;
  657. margin-left: -20px;
  658. text-align: center;
  659. font-size: 9px;
  660. background: {color:sidebar};
  661. border-bottom: 1px solid {color:borders};
  662. border-top: 1px solid {color:borders};
  663. }
  664.  
  665. .asker2 a {color: {color:text}; font-size: 9px;}
  666.  
  667. .asker2 b {color: {color:text}; font-size: 9px;}
  668.  
  669. .answer {
  670. width: 357px;
  671. margin-top: 17px;
  672. margin-left: -20px;
  673. text-align: justify;
  674. background: transparent;
  675. padding: 0px 0px 0px 20px;
  676. }
  677.  
  678. /*audio*/
  679.  
  680. .audioall {text-align: left; padding-top: 13px;}
  681.  
  682. #audioplayer {
  683. width:33px;
  684. height:26px;
  685. overflow:hidden;
  686. position:absolute;
  687. margin-top: 10px;
  688. margin-left: 13px;
  689. margin-bottom:45px;
  690. opacity: 0.5;
  691. filter:alpha(opacity=70);
  692. -moz-opacity: 0.7;
  693. -khtml-opacity: 0.7;
  694. border-radius: 30px;
  695. }
  696.  
  697. #albumart { float:left; margin:0px 7px; }
  698.  
  699. #audioartist {
  700. width: 254px;
  701. background: {color:background};
  702. height:30px;
  703. margin-top: 0px;
  704. padding: 10px 25px 5px 13px;
  705. overflow:hidden;
  706. }
  707.  
  708. /* video */
  709.  
  710. .tumblr_video_container {
  711. width:auto!important;
  712. height:auto!important;
  713. }
  714.  
  715. /* tabs */
  716.  
  717. .popup {
  718. position: relative;
  719. display: inline-block;
  720. -webkit-user-select: none;
  721. -moz-user-select: none;
  722. -ms-user-select: none;
  723. user-select: none;
  724. }
  725.  
  726. .popup .popuptext {
  727. visibility: hidden;
  728. width: 410px;
  729. height: 537px;
  730. background-color: {color:sidebar};
  731. color: {color:text};
  732. text-align: left;
  733. font-size: 9px;
  734. padding: 8px 20px 15px 0px;
  735. position: absolute;
  736. z-index: 999;
  737. left: -10px;
  738. top: -30px;
  739. }
  740.  
  741. .popup .show {
  742. visibility: visible;
  743. -webkit-animation: fadeIn 1s;
  744. animation: fadeIn 1s;
  745. }
  746.  
  747. @-webkit-keyframes fadeIn {
  748. from {opacity: 0;}
  749. to {opacity: 1;}
  750. }
  751.  
  752. @keyframes fadeIn {
  753. from {opacity: 0;}
  754. to {opacity:1 ;}
  755. }
  756.  
  757. .pngnavi {
  758. width: 200px;
  759. height: 350px;
  760. position: absolute;
  761. left: -50px;
  762. bottom: 0px;
  763. background: transparent;
  764. border-radius: 10px;
  765. }
  766.  
  767. .pngnavi img {
  768. width: 200px;
  769. height: 350px;
  770. border-radius: 10px;
  771. }
  772.  
  773. .navitext {
  774. background-color: rgba(255,255,255,0.5);
  775. backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  776. width: 357px;
  777. height: 70px;
  778. padding: 10px 10px 30px 10px;
  779. position: absolute;
  780. top:80px;
  781. left:15px;
  782. z-index: 6;
  783. font-size: 9px;
  784. border-radius: 5px;
  785. color: {color:text};
  786. border: 1px solid {color:sidebar1};
  787. }
  788.  
  789. .navidesc {
  790. background-color: transparent;
  791. width: 340px;
  792. height: 50px;
  793. position: absolute;
  794. top:18px;
  795. left:18px;
  796. z-index: 5;
  797. font-size: 10px;
  798. text-align: justify;
  799. color: {color:text};
  800. overflow: scroll;
  801. }
  802.  
  803. .navitexttop {
  804. background-color: rgba(255,255,255,0.5);
  805. backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  806. width: 357px;
  807. height: auto;
  808. padding: 8px 10px 7px 10px;
  809. position: absolute;
  810. bottom:0px;
  811. left:0px;
  812. z-index: 5;
  813. font-size: 9px;
  814. border-radius: 0px 0px 5px 5px;
  815. color: {color:text};
  816. border-top: 1px solid {color:sidebar1};
  817. }
  818.  
  819. .muses {
  820. background-color: rgba(255,255,255,0.5);
  821. backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  822. width: 130px;
  823. height: 290px;
  824. padding: 10px 10px 10px 10px;
  825. position: absolute;
  826. top:200px;
  827. right:37px;
  828. z-index: 5;
  829. font-size: 9px;
  830. overflow: scroll;
  831. border: 1px solid {color:sidebar1};
  832. }
  833.  
  834. .musesb {
  835. background-color: transparent;
  836. width: 120px;
  837. height: 290px;
  838. position: absolute;
  839. top:10px;
  840. left:15px;
  841. z-index: 6;
  842. font-size: 9px;
  843. overflow: scroll;
  844. }
  845.  
  846. .musesb img {
  847. width: 120px;
  848. height: 120px;
  849. margin-bottom: 6px;
  850. }
  851.  
  852. .musestitle {
  853. background: transparent;
  854. width: auto;
  855. height: auto;
  856. left: -10px;
  857. bottom: -50px;
  858. position: absolute;
  859. font-family: 'Nosifer', cursive;
  860. color: {color:borders};
  861. font-size: 60px;
  862. padding: 10px 10px 11px 10px;
  863. text-align: center;
  864. text-transform:uppercase;
  865. font-weight:400;
  866. }
  867.  
  868. .roseanne {
  869. background-color: rgba(255,255,255,0.2);
  870. backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  871. width: 100px;
  872. height: 195px;
  873. padding: 10px 10px 10px 10px;
  874. position: absolute;
  875. bottom: 124px;
  876. right:189px;
  877. z-index: 5;
  878. font-size: 9px;
  879. overflow: scroll;
  880. border-radius: 5px 0px 0px 5px;
  881. border-bottom: 1px solid {color:sidebar1};
  882. border-top: 1px solid {color:sidebar1};
  883. border-left: 1px solid {color:sidebar1};
  884. }
  885.  
  886. .rosetitle {
  887. background: transparent;
  888. width: 30px;
  889. height: 25px;
  890. left: 15px;
  891. top: -8px;
  892. position: absolute;
  893. font-family: 'Nosifer', cursive;
  894. color: {color:borders};
  895. font-size: 45px;
  896. padding: 10px 10px 11px 10px;
  897. text-align: center;
  898. text-transform:uppercase;
  899. font-weight:400;
  900. }
  901.  
  902. .rosetitle i {color: {color:sidebar1}; font-size: 45px; font-weight:400; font-family: 'Nosifer', cursive;}
  903.  
  904. .rosetext {
  905. background: transparent;
  906. width: 80px;
  907. height: 178px;
  908. left: 6px;
  909. bottom: 10px;
  910. padding: 10px 10px 10px 10px;
  911. position: absolute;
  912. font-size: 9px;
  913. border-radius: 10px;
  914. color: {color:accent1};
  915. font-family: 'Poppins', sans-serif, arial;
  916. text-align: center;
  917. overflow: scroll;
  918. }
  919.  
  920. .rosetext li {
  921. text-align: left;
  922. list-style-type: none;
  923. background: {color:sidebar};
  924. border: 1px solid {color:accent1};
  925. padding: 6px 10px 7px 10px;
  926. margin-bottom: 4px;
  927. font-size: 10px;
  928. }
  929.  
  930. .rosetext a {color: {color:text}; font-weight: 400;}
  931.  
  932. .noir {
  933. background: {color:sidebar1};
  934. background-image: url("heart.png");
  935. background-image: linear-gradient({color:sidebar} 0.05em, transparent 0.05em), linear-gradient(90deg, {color:sidebar} 0.05em, transparent 0.05em);
  936. background-size: 1em 1em;
  937. width: 40px;
  938. height: 40px;
  939. right: 210px;
  940. bottom: 53px;
  941. padding: 10px;
  942. position: absolute;
  943. font-size: 20px;
  944. border-radius: 50% 0%;
  945. border: 1px solid {color:accent2};
  946. text-align: justify;
  947. z-index: 9999;
  948. transform: scale(1);
  949. display: inline-block;
  950. animation: pulse 2s infinite;
  951. }
  952.  
  953. @keyframes pulse {
  954. 0% {
  955. transform: scale(0.95);
  956. box-shadow: 0 0 0 0 rgba(255,255,255, 0.7); /* pulse effect color, use the same color as border but in rgb color. do not touch the 0.7 */
  957. }
  958.  
  959. 70% {
  960. transform: scale(1);
  961. box-shadow: 0 0 0 5px rgba(255,255,255, 0); /* pulse effect color, use the same color as border but in rgb color. do not touch the 0.0 */
  962. }
  963.  
  964. 100% {
  965. transform: scale(0.95);
  966. box-shadow: 0 0 0 0 rgba(255,255,255, 0); /* pulse effect color, use the same color as border but in rgb color. do not touch the 0.0 */
  967. }
  968. }
  969.  
  970. /* pagination */
  971.  
  972. .pagina {
  973. width: 84px;
  974. height: auto;
  975. position: absolute;
  976. background: transparent;
  977. top: 50px;
  978. right: 335px;
  979. font-size: 10px;
  980. text-align: center;
  981. z-index: 99999;
  982. }
  983.  
  984. .pagina a {color:{color:sidebar1}; font-size: 20px; font-family: 'Poppins', sans-serif, arial; background: transparent; border-radius: 20px; margin-left: 2px;}
  985.  
  986. /* credits. do not touch here!!!!! */
  987.  
  988. .credit {
  989. background: transparent;
  990. color: {color:sidebar1};
  991. width: auto;
  992. height: auto;
  993. padding: 10px;
  994. right: 10px;
  995. bottom: 10px;
  996. text-align: center;
  997. font-size: 20px;
  998. position: absolute;
  999. }
  1000.  
  1001. .credit a i {color:{color:borders}; font-size: 20px; font-weight: 800;}
  1002.  
  1003. </style>
  1004.  
  1005. <body>
  1006.  
  1007. <div class="credit"><a href="https://salemcer.tumblr.com" title="theme by salemcer"><i class="cp cp-peach"></i></a></div>
  1008.  
  1009.  
  1010. <div id="sidebar">
  1011.  
  1012. <div class="lineee"></div>
  1013.  
  1014. {block:ifgrids}
  1015. <div class="grid1"></div>
  1016. {/block:ifgrids}
  1017.  
  1018. <div class="tail"><img src="{image:imgone}"></div>
  1019. <div class="gashina"><img src="{image:sidebarpng}"></div>
  1020.  
  1021. <div class="porapi">
  1022. {block:ifnotimg}
  1023. <img src="https://i.postimg.cc/DyHVz1dr/computador.png">
  1024. {/block:ifnotimg}
  1025.  
  1026. {block:ifimg}
  1027. <img src="{image:png}">
  1028. {/block:ifimg}
  1029. </div>
  1030.  
  1031. <div class="verde">
  1032. <div class="title">
  1033. <li>{text:name}
  1034. <li>{text:age}
  1035. <li>{text:gender}
  1036. <li>{text:country}
  1037. <img src="{image:icon}">
  1038. </div>
  1039.  
  1040.  
  1041. <div class="desc">
  1042. <li>free gif icons are <b>closed</b> until i finish my to do list.</li>
  1043. <li>please, read my rules before any requests. like/reblog if you enjoy or use my content. do not steal. do not delete the credits. if you have problems with my codes, contact me. respect if requests are open or not.
  1044. <li>i roleplay only in brazilian portuguese.
  1045. <li>se me pedir, eu dou dicas para fcs, prompts, nomes, tutoriais, guias, etc. eu não respondo asks rudes sobre comunidades/players da tag, isso não significa que não converso, debato e escuto opiniões, na verdade adoro isso, o que eu odeio é veneno, com qualquer pessoa que seja.
  1046. </div>
  1047. </div>
  1048.  
  1049. <div class="visual">from</div>
  1050. <div class="monster">{text:dusk}</div>
  1051.  
  1052. <div class="mafia">till</div>
  1053. <div class="monster2">{text:dawn}</div>
  1054.  
  1055.  
  1056.  
  1057. <div class="pagina">{block:Pagination}
  1058. {block:PreviousPage}
  1059. <a href="{PreviousPage}"><span class="iconify" data-icon="bi:arrow-left-circle-fill" data-inline="false"></span></a><br><br>
  1060. {/block:PreviousPage}
  1061. {block:NextPage}
  1062. <a href="{NextPage}"><span class="iconify" data-icon="bi:arrow-right-circle-fill" data-inline="false"></span></a>
  1063. {/block:NextPage}{/block:Pagination}</div>
  1064.  
  1065. <div class="azul">
  1066. <a href="/" title="index"><i class="cp cp-basketball-o"></i></a>
  1067. <a href="/ask" title="askbox"><i class="cp cp-band-aid-alt-o"></i></a>
  1068. <a href="#?w=200" class="popup" onclick="myFunction()" title="navi"><i class="cp cp-beer-o"></i></a>
  1069. <a href="{text:link extra url}" title="{text:link extra title}"><i class="cp cp-burrito-o" style="margin-right: 0px;"></i></a>
  1070. </div>
  1071.  
  1072. <div class="popup"><span class="popuptext" id="myPopup">
  1073.  
  1074.  
  1075. <div class="pngnavi"><img src="{image:imgnavi}"></div>
  1076.  
  1077. <div class="navitext">
  1078. <div class="navidesc">{text:navi desc}</div>
  1079. <div class="navitexttop"><span style="text-align:left;">{text:navi desc title} <span style="float:right;"><span class="iconify" data-icon="bi:three-dots" data-inline="false"></span></span></span></div>
  1080. </div>
  1081.  
  1082. <div class="muses">
  1083. <div class="musesb">
  1084. <img src="https://i.postimg.cc/hjT1Rzb1/imagem-2021-08-06-214941.png" title="muse one">
  1085. <img src="https://i.postimg.cc/T3sVyqtc/imagem-2021-08-06-215030.png" title="muse two">
  1086. <img src="https://i.postimg.cc/Y9HmgXYQ/imagem-2021-08-06-215215.png" title="muse three">
  1087. <img src="https://i.postimg.cc/qqmtP4YG/imagem-2021-08-06-215239.png" title="muse four" style="margin-bottom:0px;">
  1088.  
  1089. </div>
  1090. </div>
  1091.  
  1092. <div class="musestitle">{text:muses title}</div>
  1093. <div class="rosetitle">{text:navi title}</div>
  1094.  
  1095. <div class="noir"></div>
  1096.  
  1097. <div class="roseanne">
  1098. <div class="rosetext">
  1099. <li><a href="{text:link one}">{text:link one title}</a>
  1100. <li><a href="{text:link two}">{text:link two title}</a>
  1101. <li><a href="{text:link three}">{text:link three title}</a>
  1102. <li><a href="{text:link four}">{text:link four title}</a>
  1103. <li><a href="{text:link five}">{text:link five title}</a>
  1104. <li style="margin-bottom: 0px;"><a href="{text:link six}">{text:link six title}</a>
  1105. </div>
  1106. </div>
  1107.  
  1108. </span></div>
  1109.  
  1110.  
  1111.  
  1112. <div class="container">
  1113. {block:Posts}
  1114.  
  1115. <div class="posts">
  1116.  
  1117. <div class="perma">
  1118.  
  1119. <span style="float:left;"><a href="{Permalink}" title="{ShortMonth}, {ShortDayOfWeek} {Year}"> <span class="iconify" data-icon="bx:bx-calendar-heart" data-inline="false" style="font-size:13px; vertical-align:-3px; padding-right:2px;"></span> {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a> </span>
  1120.  
  1121. <span style="float:right;">
  1122.  
  1123. {block:ContentSource}<a href="{SourceURL}"> <span class="iconify" data-icon="fluent:bookmark-16-filled" data-inline="false" style="font-size:13px; vertical-align:-4px; padding-right:2px;"></span> source</a>{/block:contentsource}
  1124.  
  1125. <a href="{ReblogURL}"> <span class="iconify" data-icon="gridicons:reblog" data-inline="false" style="font-size:13px; vertical-align:-4px; padding-right:2px;"></span> reblog </a></span>
  1126.  
  1127. </div>
  1128.  
  1129. {block:Title}<h1>{Title}</h1>{/block:Title}
  1130.  
  1131. {block:Text}{Body}{/block:Text}
  1132.  
  1133. {block:Photo}<p> <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> {block:Caption}<div class="pset">{Caption}</div>{/block:Caption} {/block:Photo}
  1134.  
  1135. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/><br>{LinkCloseTag}{block:Caption}<div class="pset">{Caption}</div>{/block:Caption}{/block:Panorama}
  1136.  
  1137. {block:Photoset}<p style="margin-top: -1px;">{Photoset}</p> {block:Caption}<div class="pset"><p style="margin-top: 0px;">{Caption}</p></div>{/block:Caption}{/block:Photoset}
  1138.  
  1139. {block:Quote}<div class="quotes"><b><i>"</i> {Quote}<i>"</i></b><br>{block:Source}<br><h3>— {Source}</h3>{/block:Source}</div>{/block:Quote}
  1140.  
  1141. {block:Link}<div class="blebs"><a href="{URL}" class="link" {Target}><b> <span class="iconify" data-icon="akar-icons:link-chain" data-inline="false" style="vertical-align:-4px; padding-right:5px;";></span> {Name}</b></a>{block:Description}{Description}{/block:Description}</div>{/block:Link}
  1142.  
  1143. {block:Chat}<div class="chatchat">{block:Title}{Title}</a>{/block:Title}
  1144. {block:Lines}<li>{block:Label}<b>{Label}</b>{/block:Label} {Line}</li>{/block:Lines}</div>{/block:Chat}
  1145.  
  1146. {block:Video}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1147.  
  1148. {block:Audio}<div class="audioall">
  1149.  
  1150. {block:audioplayer} <div id="audioplayer"> {audioplayer} </div> {/block:audioplayer}
  1151.  
  1152. {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="45"></div>{/block:AlbumArt}
  1153.  
  1154. {block:trackname} <div id="audioartist">{trackname} {/block:trackname}
  1155.  
  1156. {block:artist} {artist} </div> {/block:artist}
  1157.  
  1158. {block:Caption}<div class="pset">{Caption}</div>{/block:Caption}
  1159. </div>
  1160. {/block:Audio}
  1161.  
  1162. {block:Answer}
  1163. <div class="askboxx">
  1164.  
  1165. <div class="question"> {Question}</div>
  1166.  
  1167. <div class="asker2"><b>{Asker}</b> asked</div>
  1168.  
  1169. <div class="answer">{Answer}</div>
  1170. </div>
  1171.  
  1172.  
  1173. {/block:Answer}
  1174.  
  1175. {block:HasTags}<div class="tags"> {block:Tags} <a href="{TagUrl}"> <span class="iconify" data-icon="fluent:tag-16-regular" data-inline="false"style="font-size:10px; vertical-align:-2px; padding-left:3px; padding-right: 1px;"></span> {Tag} </a>{/block:Tags}</div>{/block:HasTags}
  1176.  
  1177. {block:PermalinkPage}
  1178. {block:PostNotes}
  1179. <div class="notes">{PostNotes}</div>
  1180. {/block:PostNotes}
  1181. {/block:PermalinkPage}
  1182.  
  1183. </div>
  1184. {/block:Posts}
  1185.  
  1186. </div></div>
  1187.  
  1188. </body>
  1189.  
  1190. </html>
  1191.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!