API tools faq
paste
Sky_Blue

.EXE theme

Sky_Blue
Mar 4th, 2021 (edited)
2,298
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!-----
  5.  
  6. .EXE theme by @puella
  7.  
  8. i never know what to write here....
  9.  
  10. chatbox tutorial taken from: https://cocorini.tumblr.com/post/121128469652/tutorial-pop-up-chatbox-preview-here-notes-an
  11. edited by me!!!!
  12.  
  13. edited 3/13/21: fixed an issue with the font icons
  14.  
  15. NOTE!!!!!: SOMETIMES THE FONT ICONS LOOK SPACED OUT. I DON'T KNOW WHAT CAUSES THIS. TO MAKE SURE THIS THEME WORKS BEST, DELETE ALL HTML, SAVE AND EXIT, THEN RETURN AND PASTE THIS CODE. ENJOY!!!
  16.  
  17. ----->
  18.  
  19. <script src="https://kit.fontawesome.com/f936906ae0.js" crossorigin="anonymous"></script>
  20.  
  21. <meta charset="utf-8">
  22. <meta name="viewport" content="width=device-width, initial-scale=1">
  23. <meta https-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  24. {block:Description}
  25. <meta name="description" content="{MetaDescription}" />
  26. {/block:Description}
  27.  
  28. <title>{Title}</title>
  29.  
  30. <link rel="shortcut icon" href="{image:favicon}">
  31. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32. <link rel="stylesheet" href="https://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  33.  
  34. <script src="https://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  35.  
  36. {block:ifsmoothscrolling}
  37. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  38. {/block:ifsmoothscrolling}
  39.  
  40. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  41. <script src="https://static.tumblr.com/rtrqcib/VGGnlh8rf/jquery.style-my-tooltips.min.js"></script>
  42. <script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:100,tip_fade_speed:100,attribute:"title"});});})(jQuery);</script>
  43.  
  44. <link href="https://fonts.googleapis.com/css?family=Kosugi+Maru|Short+Stack" rel="stylesheet">
  45. <link href='https://fonts.googleapis.com/css?family=Josefin+Sans:300|Roboto' rel='stylesheet' type='text/css'>
  46.  
  47. <meta name="image:favicon" content=""/>
  48. <meta name="image:icon" content=""/>
  49. <meta name="image:background" content=""/>
  50. <meta name="image:control pixel" content="https://static.tumblr.com/p6yopnt/7uIqph33x/tumblr_4515d4b64b9624c92c898e9d7a869295_78a63fff_75.gif"/>
  51. <meta name="image:header background" content=""/>
  52. <meta name="image:container background" content=""/>
  53. <meta name="image:post background" content=""/>
  54.  
  55. <meta name="color:header buttons" content="#fff"/>
  56. <meta name="color:search buttons" content="#000"/>
  57. <meta name="color:footer buttons" content="#fff"/>
  58. <meta name="color:border" content="#fff"/>
  59. <meta name="color:background" content="#3d3d45"/>
  60. <meta name="color:chatbox background" content="#000"/>
  61. <meta name="color:text" content="#fff"/>
  62. <meta name="color:header background" content="#000"/>
  63. <meta name="color:chatbox header background" content="#000"/>
  64. <meta name="color:search background" content="#fff"/>
  65. <meta name="color:container background" content="#000"/>
  66. <meta name="color:post background" content="#000"/>
  67. <meta name="color:tooltip background" content="#fff"/>
  68. <meta name="color:tooltip text" content="#000"/>
  69. <meta name="color:links" content="#000"/>
  70. <meta name="color:links hover" content="#fff"/>
  71. <meta name="color:links glow" content=""/>
  72. <meta name="color:links glow hover" content=""/>
  73. <meta name="color:links outline" content="#fff"/>
  74. <meta name="color:links outline hover" content="#000"/>
  75. <meta name="color:footer" content="#000"/>
  76. <meta name="color:selection background" content=""/>
  77. <meta name="color:selection text" content=""/>
  78. <meta name="color:scrollbar color" content="#fff"/>
  79.  
  80. <meta name="if:background cover" content=""/>
  81. <meta name="if:container background cover" content=""/>
  82. <meta name="if:header background cover" content=""/>
  83. <meta name="if:post background cover" content=""/>
  84. <meta name="if:links glow" content=""/>
  85. <meta name="if:links outline" content="1"/>
  86. <meta name="if:smooth scrolling" content="1"/>
  87. <meta name="if:redirect" content=""/>
  88. <meta name="if:hover blur" content=""/>
  89. <meta name="if:captions" content="1"/>
  90. <meta name="if:fade in out" content="1"/>
  91. <meta name="if:round borders" content=""/>
  92.  
  93. <meta name="select:border style" content="double"/>
  94. <meta name="select:border style" content="solid"/>
  95.  
  96. <meta name="text:font" content="courier"/>
  97. <meta name="text:search font" content="decibil"/>
  98. <meta name="text:font size" content="20"/>
  99. <meta name="text:description" content="description.... longggg description...."/>
  100. <meta name="text:search url" content="https://puella.tumblr.com/"/>
  101. <meta name="text:chatbox description" content="Hello! Please keep it appropriate &lt;3"/>
  102. <meta name="text:chatbox code" content=""/>
  103. <meta name="text:link 1" content="file"/>
  104. <meta name="text:link 1 url" content=""/>
  105. <meta name="text:link 2" content="edit"/>
  106. <meta name="text:link 2 url" content=""/>
  107. <meta name="text:link 3" content="view"/>
  108. <meta name="text:link 3 url" content=""/>
  109. <meta name="text:link 4" content="history"/>
  110. <meta name="text:link 4 url" content=""/>
  111. <meta name="text:link 5" content="help"/>
  112. <meta name="text:link 5 url" content=""/>
  113. <meta name="text:text decoration" content="underline"/>
  114. <meta name="text:border width" content="4"/>
  115. <meta name="text:redirect" content="">
  116.  
  117. <style type="text/css">
  118.  
  119. @font-face{
  120. font-family: 'Magica';
  121. src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
  122. }
  123. @font-face{
  124. font-family: 'DEAD END';
  125. src: url(https://static.tumblr.com/pvnotae/DzVqdg2j5/dead_end.ttf);
  126. }
  127. @font-face{
  128. font-family: 'Decibil';
  129. src: url(https://static.tumblr.com/pvnotae/kwwqdg2pw/decibel_2.ttf);
  130. }
  131. @font-face{
  132. font-family: 'Aachen';
  133. src: url(https://static.tumblr.com/pvnotae/YIoqdg2yp/aachen-bold-opentype.otf);
  134. }
  135.  
  136. ::selection {
  137. background: {color:selection background};
  138. color:{color:selection text};
  139. }
  140.  
  141. ::-moz-selection {
  142. background: {color:selection background};
  143. color:{color:selection text};
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. width: 10px;
  148. }
  149.  
  150. /* Track */
  151. ::-webkit-scrollbar-track {
  152. background: transparent;
  153. }
  154.  
  155. /* Handle */
  156. ::-webkit-scrollbar-thumb {
  157. background: {color:scrollbar color} ;
  158. border:4px solid {color:container background};
  159. border-radius:5px;
  160. }
  161.  
  162. ol.notes::-webkit-scrollbar {
  163. width: 10px;
  164. }
  165.  
  166. /* Track */
  167. ol.notes::-webkit-scrollbar-track {
  168. background: transparent;
  169. }
  170.  
  171. /* Handle */
  172. ol.notes::-webkit-scrollbar-thumb {
  173. background: {color:footer buttons} ;
  174. border:4px solid {color:footer};
  175. border-radius:5px;
  176. }
  177.  
  178. #description::-webkit-scrollbar {
  179. width: 10px;
  180. }
  181.  
  182. /* Track */
  183. #description::-webkit-scrollbar-track {
  184. background: transparent;
  185. }
  186.  
  187. /* Handle */
  188. #description::-webkit-scrollbar-thumb {
  189. background: {color:container background} ;
  190. border:4px solid {color:post background};
  191. border-radius:5px;
  192. }
  193.  
  194. .tooltip{
  195. display:inline;
  196. position:relative;
  197. }
  198.  
  199. .tmblr-iframe{
  200. padding-right:30px;
  201. opacity: 0;
  202. transition: all 1s ease-out;
  203. }
  204.  
  205. .tmblr-iframe:hover {
  206. opacity: 1;
  207. transition: all 1s ease-in;
  208. }
  209.  
  210. .controlpixel{
  211. position:fixed;
  212. right:10px;
  213. top:17px;
  214. }
  215.  
  216. #s-m-t-tooltip{
  217. margin: 20px 0 0 20px;
  218. padding: 5px;
  219. max-width: 300px;
  220. background-color:{color:tooltip background};
  221. color:{color:tooltip text};
  222. border:0.5px dotted {color:tooltip text};
  223. z-index: 9999;
  224. {block:ifroundborders}
  225. border-radius:10px;
  226. {/block:ifroundborders}
  227. }
  228.  
  229. body {
  230. margin:0px;
  231. background:{color:background};
  232. background-image: url('{image:background}');
  233. {block:ifbackgroundcover}
  234. background-size: cover;
  235. {/block:ifbackgroundcover}
  236. {block:ifnotbackgroundcover}
  237. background-repeat:repeat;
  238. {/block:ifnotbackgroundcover}
  239. background-attachment:fixed;
  240. font-family:{text:font};
  241. font-size:{text:font size}px;
  242. color:{color:text};
  243. word-wrap:break-word;
  244. }
  245.  
  246. p{
  247. margin:10px 0 10px 0;
  248. padding:0;
  249. }
  250.  
  251. pre {
  252. white-space: pre-wrap;
  253. white-space: -moz-pre-wrap;
  254. white-space: -pre-wrap;
  255. white-space: -o-pre-wrap;
  256. word-wrap: break-word;
  257. }
  258.  
  259. a{
  260. text-decoration:{text:text decoration};
  261. color:{color:links};
  262. {block:iflinksglow}
  263. text-shadow:0 0 2px {color:links glow},0 0 2px {color:links glow},0 0 2px {color:links glow}, 0 0 1px {color:links glow};
  264. {/block:iflinksglow}
  265. {block:iflinksoutline}
  266. text-shadow: -1px 0 {color:links outline}, 0 1px {color:links outline}, 1px 0 {color:links outline}, 0 -1px {color:links outline};
  267. {/block:iflinksoutline}
  268. transition:0.5s;
  269. }
  270.  
  271. a:hover{
  272. color:{color:links hover};
  273. {block:iflinksglow}
  274. text-shadow:0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 2px {color:links glow hover},0 0 1px {color:links glow hover};
  275. {/block:iflinksglow}
  276. {block:iflinksoutline}
  277. text-shadow: -1px 0 {color:links outline hover}, 0 1px {color:links outline hover}, 1px 0 {color:links outline hover}, 0 -1px {color:links outline hover};
  278. {/block:iflinksoutline}
  279. transition:0.5s;
  280.  
  281. {block:ifhoverblur}
  282. -webkit-filter: blur(.9px);
  283. {/block:ifhoverblur}
  284. cursor:help;
  285. }
  286.  
  287. a.tumblr_blog{
  288. display:inline-block;
  289. margin-bottom:0px;
  290. }
  291.  
  292. li{
  293. margin-left:-15px;
  294. }
  295.  
  296. #wrapper{
  297. width:fit-content;
  298. height:533px;
  299. width: -moz-fit-content;
  300. position:fixed;
  301. display: inline-block;
  302. top: 0;
  303. bottom: 0;
  304. left: 0;
  305. right: 0;
  306. margin: auto;
  307. {block:iffadeinout}
  308. animation: fadeEffect 1s;
  309. {block:iffadeinout}
  310. }
  311.  
  312. @keyframes fadeEffect {
  313. from {opacity: 0;}
  314. to {opacity: 1;}
  315. }
  316.  
  317.  
  318. #container{
  319. position: fixed;
  320. overflow:auto;
  321. width:calc(648px + ({text:border width}px * 2));
  322. height:calc(409px + ({text:border width}px * 6));
  323. {block:ifroundborders}
  324. border-radius:0px 0px 10px 10px;
  325. {/block:ifroundborders}
  326. border-left:{text:border width}px {select:border style} {color:border};
  327. border-right:{text:border width}px {select:border style} {color:border};
  328. border-bottom:{text:border width}px {select:border style} {color:border};
  329. background:{color:container background};
  330. background-image: url('{image:container background}');
  331. {block:ifcontainerbackgroundcover}
  332. background-size: cover;
  333. {/block:ifcontainerbackgroundcover}
  334. {block:ifnotcontainerbackgroundcover}
  335. background-repeat:repeat;
  336. {/block:ifnotcontainerbackgroundcover}
  337. background-attachment:fixed;
  338. }
  339.  
  340. #containerheader{
  341. background:{color:header background};
  342. border:{text:border width}px {select:border style} {color:border};
  343. display:inline-block;
  344. padding:10px;
  345. width:calc(648px + ({text:border width}px * 2) - 20px);
  346. {block:ifroundborders}
  347. border-radius:10px 10px 0 0;
  348. {/block:ifroundborders}
  349. margin-bottom:-5px;
  350. background-image: url('{image:header background}');
  351. {block:ifheaderbackgroundcover}
  352. background-size: cover;
  353. {/block:ifheaderbackgroundcover}
  354. {block:ifnotheaderbackgroundcover}
  355. background-repeat:repeat;
  356. {/block:ifnotheaderbackgroundcover}
  357. }
  358.  
  359. #sidebar{
  360. position:fixed;
  361. margin:20px;
  362. }
  363.  
  364. #icon{
  365. width:200px;
  366. {block:ifroundborders}
  367. border-radius:10px;
  368. {/block:ifroundborders}
  369. border:{text:border width}px {select:border style} {color:border};
  370. background-color:{color:container background};
  371. }
  372.  
  373. #icon img{
  374. width:200px;
  375. height:200px;
  376. margin-bottom:-5px;
  377. }
  378.  
  379. #iconheader{
  380. background:{color:header background};
  381. font-size: 20px !important;
  382. {block:ifroundborders}
  383. border-radius:5px 5px 0 0;
  384. {/block:ifroundborders}
  385. border-bottom:{text:border width}px {select:border style} {color:border};
  386. padding-bottom:5px;
  387. background-image: url('{image:header background}');
  388. {block:ifheaderbackgroundcover}
  389. background-size: cover;
  390. {/block:ifheaderbackgroundcover}
  391. {block:ifnotheaderbackgroundcover}
  392. background-repeat:repeat;
  393. {/block:ifnotheaderbackgroundcover}
  394. }
  395.  
  396. #description{
  397. text-align:center;
  398. overflow:auto;
  399. width:190px;
  400. padding:10px 0 10px 10px;
  401. height:55px;
  402. color:{color:text};
  403. background-color:{color:post background};
  404. {block:ifroundborders}
  405. border-radius:0 0 10px 10px;
  406. {/block:ifroundborders}
  407. border:{text:border width}px {select:border style} {color:border};
  408. border-top:none;
  409. }
  410.  
  411. #links{
  412. border-left:{text:border width}px {select:border style} {color:border};
  413. border-right:{text:border width}px {select:border style} {color:border};
  414. border-bottom:{text:border width}px {select:border style} {color:border};
  415. width:calc(648px + ({text:border width}px * 2) - 20px);
  416. padding:10px;
  417. background:{color:header background};
  418. }
  419.  
  420. .post{
  421. width:385px;
  422. margin:20px 20px 20px 0;
  423. margin-left:calc(242px + ({text:border width}px + 1px));
  424. background:{color:post background};
  425. color:{color:text};
  426. border:{text:border width}px {select:border style} {color:border};
  427. {block:ifroundborders}
  428. border-radius:10px;
  429. {/block:ifroundborders}
  430. background-image: url('{image:post background}');
  431. {block:ifpostbackgroundcover}
  432. background-size: cover;
  433. {/block:ifpostbackgroundcover}
  434. {block:ifnotpostbackgroundcover}
  435. background-repeat:repeat;
  436. {/block:ifnotpostbackgroundcover}
  437. }
  438.  
  439. .postheader{
  440. width:385px;
  441. padding-bottom:5px;
  442. {block:ifroundborders}
  443. border-radius:5px 5px 0 0;
  444. {/block:ifroundborders}
  445. border-bottom:{text:border width}px {select:border style} {color:border};
  446. display:inline-block;
  447. font-size:20px;
  448. background:{color:header background};
  449. background-image: url('{image:header background}');
  450. {block:ifheaderbackgroundcover}
  451. background-size: cover;
  452. {/block:ifheaderbackgroundcover}
  453. {block:ifnotheaderbackgroundcover}
  454. background-repeat:repeat;
  455. {/block:ifnotheaderbackgroundcover}
  456. }
  457.  
  458. .post img{
  459. max-width:100%;
  460. height:auto;
  461. {block:ifroundborders}
  462. border-radius:10px;
  463. {/block:ifroundborders}
  464. }
  465.  
  466. .post .footer{
  467. border:0.5px dotted {color:text};
  468. padding:15px 10px 10px 10px;
  469. {block:ifroundborders}
  470. border-radius:10px;
  471. {/block:ifroundborders}
  472. background:{color:footer};
  473. }
  474.  
  475. video{
  476. max-width:100%;
  477. height:auto!important;
  478. }
  479.  
  480. .video-container {
  481. overflow: hidden;
  482. }
  483.  
  484. .video-container iframe,
  485. .video-container object,
  486. .video-container embed {
  487. position: center;
  488. max-width: 345px;
  489. max-height: 345px;
  490. }
  491.  
  492. .video-wrapper {
  493. max-width: 345px;
  494. max-height: 345px;
  495.  
  496. }
  497.  
  498. .media{
  499. text-align:center;
  500. {block:ifroundborders}
  501. border-radius:10px;
  502. {/block:ifroundborders}
  503. margin-bottom:-5px;
  504. }
  505.  
  506. .media:hover{
  507. {block:ifhoverblur}
  508. -webkit-filter: blur(.9px);
  509. {/block:ifhoverblur}
  510. }
  511.  
  512. .caption{
  513. padding: 5px;
  514. }
  515.  
  516. .title{
  517. font-size:25px;
  518. font-weight:normal;
  519. margin:10px;
  520. text-align:center;
  521. color:{color:text};
  522. }
  523.  
  524. h1, h2, h3, h4, h5, h6{
  525. font-size:25px;
  526. font-weight:normal;
  527. margin:10px;
  528. text-align:center;
  529. color:{color:text};
  530. }
  531.  
  532. .quote{
  533. font-weight:normal;
  534. font-size:{text:font size};
  535. font-style:italic;
  536. margin:0 0 10px 0;
  537. }
  538.  
  539. .quotesource{
  540. margin-bottom:10px;
  541. }
  542.  
  543. .question{
  544. padding:10px 10px 0 10px;
  545. border:0.5px dotted {color:text};
  546. {block:ifroundborders}
  547. border-radius:10px;
  548. {/block:ifroundborders}
  549. }
  550.  
  551. blockquote{
  552. margin:0 0 10px 10px;
  553. padding:10px 10px 0 10px;
  554. border-left:dotted 1px {color:text};
  555. overflow:hidden;
  556. border-radius:5px;
  557. }
  558.  
  559. blockquote img{
  560. }
  561.  
  562. ol.notes{
  563. list-style-type: none;
  564. padding: 10px 0 10px 0;
  565. margin-top: 20px;
  566. margin-bottom: 0px;
  567. text-align: left;
  568. overflow: auto;
  569. height: 200px;
  570. border:0.5px dotted {color:text};
  571. {block:ifroundborders}
  572. border-radius:10px;
  573. {/block:ifroundborders}
  574. background:{color:footer};
  575. }
  576.  
  577. ol.notes li.note img{
  578. width:10px;
  579. height:10px;
  580. margin-right:10px;
  581. {block:ifroundborders}
  582. border-radius:10px;
  583. {/block:ifroundborders}
  584. }
  585.  
  586. ol.notes li.note{
  587. margin:0px;
  588. margin-left:5px;
  589. }
  590.  
  591. .tags {
  592. border:0.5px dotted {color:text};
  593. margin-top:20px;
  594. padding:10px;
  595. {block:ifroundborders}
  596. border-radius:10px;
  597. {/block:ifroundborders}
  598. background:{color:footer};
  599. }
  600.  
  601. .tags a{
  602. margin-right:5px;
  603. }
  604.  
  605. .heartbeat:hover{
  606. animation: heartbeat 1s infinite;
  607. }
  608.  
  609. @keyframes heartbeat
  610. {
  611. 0%
  612. {
  613. transform: scale( .90 );
  614. }
  615. 20%
  616. {
  617. transform: scale( 1 );
  618. }
  619. 40%
  620. {
  621. transform: scale( .90 );
  622. }
  623. 60%
  624. {
  625. transform: scale( 1 );
  626. }
  627. 80%
  628. {
  629. transform: scale( .90 );
  630. }
  631. 100%
  632. {
  633. transform: scale( .90 );
  634. }
  635. }
  636.  
  637. .fakesearch{
  638. font-family:{text:search font};
  639. border-radius:20px;
  640. background:{color:search background};
  641. width:313px;
  642. padding:0 0 5px 10px;
  643. display:inline-block;
  644. }
  645.  
  646. i.fas,
  647. i.fab{
  648. color:{color:header buttons};
  649. font-size:20px !important;
  650. }
  651.  
  652. .fonticons{
  653. float:right;
  654. }
  655.  
  656. /* CHATBOX */
  657.  
  658. #cboxheader{
  659. padding-bottom:5px;
  660. border-bottom:{text:border width}px {select:border style} {color:border};
  661. display:inline-block;
  662. font-size:20px;
  663. background:{color:chatbox header background};
  664. width:190px;
  665. {block:iffadeinout}
  666. animation: fadeEffect 1s;
  667. {block:iffadeinout}
  668. {block:ifroundborders}
  669. border-radius:5px 5px 0 0;
  670. {/block:ifroundborders}
  671. background-image: url('{image:header background}');
  672. {block:ifheaderbackgroundcover}
  673. background-size: cover;
  674. {/block:ifheaderbackgroundcover}
  675. {block:ifnotheaderbackgroundcover}
  676. background-repeat:repeat;
  677. {/block:ifnotheaderbackgroundcover}
  678. }
  679.  
  680. #cbox {
  681. right: 40px;
  682. bottom: -354px;
  683. z-index: 9999;
  684. position: fixed;
  685. -webkit-transition: all 0.8s ease-in-out;
  686. -moz-transition: all 0.8s ease-in-out;
  687. -o-transition: all 0.8s ease-in-out;
  688. -ms-transition: all 0.8s ease-in-out;
  689. transition: all 0.8s ease-in-out;
  690. {block:ifroundborders}
  691. border-top-left-radius: 10px;
  692. border-top-right-radius: 10px;
  693. {/block:ifroundborders}
  694. border:{text:border width}px {select:border style} {color:border};
  695. background:{color:chatbox background};
  696. {block:iffadeinout}
  697. animation: fadeEffect 1s;
  698. {block:iffadeinout}
  699. }
  700.  
  701. #cbox:hover {
  702. bottom: 0px;
  703. }
  704.  
  705. #cboxdesc {
  706. width: 180px;
  707. height: 35px;
  708. padding: 5px;
  709. background-color: {color:chatbox background};
  710. overflow: auto;
  711. font-family: {text:font};
  712. font-size: 14px;
  713. text-align: center;
  714. letter-spacing: 1px;
  715. color: {color:text};
  716. }
  717.  
  718. {CustomCSS}
  719. </style>
  720. </head>
  721.  
  722. <body>
  723.  
  724. <div id="cbox">
  725. <div id="cboxheader" >
  726. <i class="fas fa-comments" style="margin-left:10px;margin-top:10px"></i>
  727. <div class="fonticons" style="margin-top:10px">
  728. <i class="fas fa-window-minimize" style="margin-right:10px"></i>
  729. <i class="fas fa-window-maximize" style="margin-right:10px"></i>
  730. <i class="fas fa-times" style="margin-right:10px"></i>
  731. </div>
  732. </div>
  733.  
  734. <div id="cboxdesc">
  735.  
  736. {text:chatbox description}
  737.  
  738. </div> <!-- PASTE YOUR CHATBOX CODE BELOW -->
  739.  
  740. {text:chatbox code}
  741.  
  742. </div> <!-- PASTE YOUR CHATBOX CODE ABOVE -->
  743.  
  744. <div class="controlpixel"><img src="{image:control pixel}"></div>
  745.  
  746. {block:ifredirect}
  747. {block:IndexPage}
  748. <script type="text/javascript">
  749. var url = location.href;
  750. if (url == "{BlogURL}") {
  751. window.location = "{BlogURL}tagged/{text:redirect}";
  752. }
  753. </script>
  754. {/block:IndexPage}
  755. {/block:ifredirect}
  756.  
  757. <div id="wrapper">
  758.  
  759. <div id="containerheader">
  760. <div style="float:left;display:inline-block">
  761. {block:Pagination}
  762. {block:PreviousPage}<a href="{PreviousPage}" style="text-shadow:none"><i class="fas fa-arrow-left" style="margin-right:10px"></i></a>{/block:PreviousPage}
  763.  
  764. {block:NextPage}<a href="{NextPage}" style="text-shadow:none"><i class="fas fa-arrow-right" style="margin-right:10px"></i></a>{/block:NextPage}
  765. {/block:Pagination}
  766. <a href="/" style="text-shadow:none"><i class="fas fa-redo-alt" style="margin-right:10px"></i></a>
  767. <a href="https://www.tumblr.com/dashboard" style="text-shadow:none"><i class="fas fa-home" style="margin-right:10px"></i></a>
  768. <div class="fakesearch"><i class="fas fa-lock" style="padding:5px 0px 0 0px;color:{color:search buttons};margin-right:5px"></i> <a href="/" style="text-decoration:none">{text:search url}</a><i class="fas fa-star" style="color:{color:search buttons};float:right;padding:5px 5px 0 5px"></i></div>
  769. </div>
  770. <div class="fonticons">
  771. <i class="fas fa-window-minimize" style="margin-top:5px;margin-right:10px"></i>
  772. <i class="fas fa-window-maximize" style="margin-right:10px"></i>
  773. <i class="fas fa-times"></i>
  774. </div>
  775. </div>
  776. <div id="links">
  777. <a href="{text:link 1 url}">{text:link 1}</a> <a href="{text:link 2 url}">{text:link 2}</a> <a href="{text:link 3 url}">{text:link 3}</a> <a href="{text:link 4 url}">{text:link 4}</a> <a href="{text:link 5 url}">{text:link 5}</a>
  778. </div>
  779. <div id="container">
  780.  
  781.  
  782.  
  783. <div id="sidebar">
  784. <div id="icon">
  785. <div id="iconheader">
  786. <i class="fas fa-exclamation-triangle" style="margin-left:10px;margin-top:10px"></i>
  787. <div class="fonticons" style="margin-top:10px">
  788. <i class="fas fa-window-minimize" style="margin-right:10px"></i>
  789. <i class="fas fa-window-maximize" style="margin-right:10px"></i>
  790. <i class="fas fa-times" style="margin-right:10px"></i>
  791. </div>
  792. </div>
  793. <img src="{image:icon}">
  794. </div>
  795.  
  796. <div id="iconheader" style="border:{text:border width}px {select:border style} {color:border};width:200px;{block:ifroundborders}border-radius:10px 10px 0 0;{/block:ifroundborders}margin-top:20px">
  797. <i class="fas fa-exclamation-triangle" style="margin-top:10px;margin-left:10px"></i>
  798. <div class="fonticons" style="margin-top:10px;">
  799. <i class="fas fa-window-minimize" style="margin-right:10px"></i>
  800. <i class="fas fa-window-maximize" style="margin-right:10px"></i>
  801. <i class="fas fa-times" style="margin-right:10px"></i>
  802. </div>
  803. </div>
  804. <div id="description" style="display:inline-block">
  805.  
  806. {text:description}
  807.  
  808. </div>
  809. </div>
  810.  
  811. {block:Posts}
  812.  
  813.  
  814.  
  815. <div class="post">
  816. <div class="postheader">
  817. <i class="fas fa-file" style="margin-left:10px;margin-top:10px"></i>
  818. <div class="fonticons" style="margin-top:10px">
  819. <i class="fas fa-window-minimize" style="margin-right:10px"></i>
  820. <i class="fas fa-window-maximize" style="margin-right:10px"></i>
  821. <i class="fas fa-times" style="margin-right:10px"></i>
  822. </div>
  823. </div>
  824.  
  825.  
  826. {block:Text}
  827. <div style="padding:20px">
  828. {block:Title}
  829. <div class="title">{Title}</div>
  830. {/block:Title}
  831. {Body}
  832. </div>
  833. {/block:Text}
  834.  
  835. {block:Photo}
  836. <div style="padding:20px">
  837. <div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  838. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  839. </div>
  840. {/block:Photo}
  841.  
  842. {block:Photoset}
  843. <div style="padding:20px">
  844. <div class="media">{Photoset}</div>
  845. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  846. </div>
  847. {/block:Photoset}
  848.  
  849. {block:Quote}
  850. <div style="padding:20px">
  851. <div class="quote">"{Quote}"</div>
  852. {block:Source}
  853. <div class="quotesource">- {Source}</div>
  854. {/block:Source}
  855. </div>
  856. {/block:Quote}
  857.  
  858. {block:Link}
  859. <div style="padding:20px">
  860. <div class="title"><a href="{URL}">{Name}</a></div>
  861. {block:Description}
  862. <div class="description">{Description}</div>
  863. {/block:Description}
  864. </div>
  865. {/block:Link}
  866.  
  867. {block:Chat}
  868. <div style="padding:20px">
  869. {block:Title}
  870. <div class="title">{Title}</div>
  871. {/block:Title}
  872.  
  873. {block:Lines}
  874. <div class="{Alt} user_{UserNumber}">
  875. {block:Label}
  876. <b>{Label}</b>{/block:Label}
  877. &nbsp;{Line}
  878. </div>
  879. {/block:Lines}
  880. </div>
  881. {/block:Chat}
  882.  
  883. {block:Video}
  884. <div style="padding:20px">
  885. <div class="media" style="margin-bottom:10px"><div class="video-wrapper">
  886. <div class="video-container">{video-400}</div>
  887. </div></div>
  888. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  889. </div>
  890. {/block:Video}
  891.  
  892. {block:Audio}
  893. <div style="padding:20px">
  894. <div class="media" style="margin-bottom:-85px">
  895. {block:AudioEmbed}<div class="video-wrapper"><div class="video-container">{AudioEmbed-400}</div></div>{/block:AudioEmbed}
  896. </div>
  897. {block:ifcaptions}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifcaptions}
  898. </div>
  899. {/block:Audio}
  900.  
  901. {block:Answer}
  902. <div style="padding:20px">
  903. <div class="question" style="font-style:italic;">{Asker}: {Question}</div>
  904. <div style="padding:20px 0 0 0">{Answer}</div>
  905. </div>
  906. {/block:Answer}
  907.  
  908. {block:Date}
  909.  
  910. <div style="padding:0px 20px 20px 20px">
  911. <div class="footer">
  912.  
  913. <a href="{Permalink}" title="{notecount}" style="text-shadow:none"><i class="fas fa-percentage" style="color:{color:footer buttons}"></i></a>
  914. <a href="{ReblogURL}" class="reblog" target="_blank" title="reblog" style="text-shadow:none"><i class="fas fa-retweet" style="float:right;color:{color:footer buttons}"></i></a>
  915. <!-- {block:NoRebloggedFrom}
  916. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  917. {/block:NoRebloggedFrom} -->{block:ContentSource}<!-- {SourceURL}
  918. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  919. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  920. {/block:ContentSource}
  921. </div>
  922.  
  923. {block:HasTags}<div class="tags" style="margin-top:20px"><i class="fas fa-tags" style="color:{color:footer buttons}"></i>:{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  924.  
  925. {block:PermalinkPage}
  926. {block:NoteCount}
  927. {block:PostNotes}{PostNotes}{/block:PostNotes}
  928. {/block:NoteCount}
  929. {/block:PermalinkPage}
  930. {/block:Date}
  931. </div>
  932.  
  933. </div>
  934. {/block:Posts}
  935.  
  936. </div>
  937. </div>
  938.  
  939.  
  940. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  941. <script>window.jQuery || document.write('<script src="https://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  942.  
  943. <a href="https://puella.tumblr.com" title="by @puella" style="position:fixed;left:12px;bottom:-12px;font-size:20px;"><div class="heartbeat"><3</div>️</a>
  944.  
  945. </body>
  946.  
  947. </div></div></div></div></div></div></div></div></div></div>
  948. </html>
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!