API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 22nd, 2019
106
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.59 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. This code has been written by https://ddkinzart.tumblr.com
  3. Do not sell, repost, remove credit or claim as your own.
  4.  
  5. __ ____ _ __
  6. ____/ /___/ / /__(_)___ ____ ____ ______/ /_
  7. / __ / __ / //_/ / __ \/_ / / __ `/ ___/ __/
  8. / /_/ / /_/ / ,< / / / / / / /_/ /_/ / / / /_
  9. \__,_/\__,_/_/|_/_/_/ /_/ /___/\__,_/_/ \__/
  10. __ __ __
  11. / /_/ /_ ___ ____ ___ ___ _________ ____/ /__
  12. / __/ __ \/ _ \/ __ `__ \/ _ \ / ___/ __ \/ __ / _ \
  13. / /_/ / / / __/ / / / / / __/ / /__/ /_/ / /_/ / __/
  14. \__/_/ /_/\___/_/ /_/ /_/\___/ \___/\____/\__,_/\___/
  15.  
  16. -->
  17.  
  18. <html>
  19. <head>
  20.  
  21. <!--customize buttons-->
  22. <meta name="if:showlink1" content="1"/>
  23. <meta name="if:showlink2" content="1"/>
  24. <meta name="if:showlink3" content="1"/>
  25. <meta name="if:showlink4" content="1"/>
  26. <meta name="if:showlink5" content="1"/>
  27. <meta name="if:showlink6" content="1"/>
  28. <meta name="if:partnericon" content="1"/>
  29. <meta name="color:scrollbar" content="#fff"/>
  30. <meta name="color:background" content="#090a0b"/>
  31. <meta name="color:body text" content="#f7f7f7"/>
  32. <meta name="color:text shadow" content="#000"/>
  33. <meta name="text:text size" content="10px"/>
  34. <meta name="image:Background" content="https://i.imgur.com/DSawmkg.png"/>
  35. <meta name="text:pagination top position" content="72px"/>
  36. <meta name="text:pagination left position" content="892px"/>
  37. <meta name="color:pagination" content="##fff"/>
  38. <meta name="color:scrollbar" content="#fff"/>
  39. <meta name="color:background" content="#090a0b"/>
  40. <meta name="color:body text" content="#f7f7f7"/>
  41. <meta name="color:text shadow" content="#000"/>
  42. <meta name="image:Background" content="https://i.imgur.com/DSawmkg.png"/>
  43. <meta name="text:pagination top position" content="72px"/>
  44. <meta name="text:pagination left position" content="892px"/>
  45. <meta name="color:pagination" content="##fff"/>
  46. <meta name="image:tooltip bg" content=""/>
  47. <meta name="color:tooltip" content="#fff"/>
  48. <meta name="color:tooltip outline" content="#090a0b"/>
  49. <meta name="color:bold" content="#576d8c"/>
  50. <meta name="color:bold shadow" content="#000"/>
  51. <meta name="color:italic" content="#fff"/>
  52. <meta name="text:bold size" content="14px"/>
  53. <meta name="text:italic size" content="12px"/>
  54. <meta name="text:post title size" content="23px">
  55. <meta name="color:post title color" content="#eae9e9">
  56. <meta name="color:post title shadow" content="#576d8c">
  57. <meta name="image:sidebar title bg" content="https://31.media.tumblr.com/9348a3347757267167ed4b81dafbf430/tumblr_inline_ofaej6HMNo1uxel8e_500.gif"/>
  58. <meta name="color:sidebar title border" content="white"/>
  59. <meta name="color:sidebar title" content="#eae9e9"/>
  60. <meta name="color:sidebar title outline" content="#090a0b"/>
  61. <meta name="text:sidebar title size" content="9px"/>
  62. <meta name="color:links" content="#fff"/>
  63. <meta name="color:link glow" content="#7d98ad"/>
  64. <meta name="color:links hover" content="#7d98ad"/>
  65. <meta name="text:container left" content="400px"/>
  66. <meta name="text:container top" content="150px"/>
  67. <meta name="text:container height" content="450px"/>
  68. <meta name="color:posts bg" content="#090a0b"/>
  69. <meta name="if:hover posts" content="0"/>
  70. <meta name="text:post size" content="320px"/>
  71. <meta name="color:blockquote" content="#576d8c"/>
  72. <meta name="color:quote" content="#eae9e9"/>
  73. <meta name="color:quote shadow" content="#576d8c"/>
  74. <meta name="color:even chat name" content="#000">
  75. <meta name="color:chat even background" content="#222930">
  76. <meta name="color:even text" content="#f9f9f9">
  77. <meta name="color:odd chat name" content="#576d8c">
  78. <meta name="text:chat size" content="11px">
  79. <meta name="color:chat odd background" content="#090a0b">
  80. <meta name="color:odd text" content="#f9f9f9">
  81. <meta name="text:sidebar top position" content="140px"/>
  82. <meta name="text:sidebar left position" content="825px"/>
  83. <meta name="text:sidebar height" content="350px"/>
  84. <meta name="text:sidebar width" content="150px"/>
  85. <meta name="color:permalinks" content="#7d98ad"/>
  86. <meta name="color:permalinks border" content="#fff"/>
  87. <meta name="image:permalinks bg" content=""/>
  88. <meta name="color:tags" content="#f7f7f7"/>
  89. <meta name="text:tag size" content="9px"/>
  90. <meta name="color:tag glow" content="#576d8c"/>
  91. <meta name="color:tags hover" content="#576d8c"/>
  92. <meta name="color:tag symbol" content="#576d8c"/>
  93. <meta name="text:link1 url" content="/">
  94. <meta name="text:link1 title" content="">
  95. <meta name="text:link1 symbol" content="✦">
  96. <meta name="text:link1 size" content="25px"/>
  97. <meta name="text:link1 position left" content="320px"/>
  98. <meta name="text:link1 position top" content="150px"/>
  99. <meta name="text:link2 url" content="/">
  100. <meta name="text:link2 title" content="">
  101. <meta name="text:link2 symbol" content="✦">
  102. <meta name="text:link2 size" content="22px"/>
  103. <meta name="text:link2 position left" content="330px"/>
  104. <meta name="text:link2 position top" content="110px"/>
  105. <meta name="text:link3 url" content="/">
  106. <meta name="text:link3 title" content="">
  107. <meta name="text:link3 symbol" content="✦">
  108. <meta name="text:link3 size" content="18px"/>
  109. <meta name="text:link3 position left" content="350px"/>
  110. <meta name="text:link3 position top" content="80px"/>
  111. <meta name="text:link4 url" content="/">
  112. <meta name="text:link4 title" content="">
  113. <meta name="text:link4 symbol" content="✦">
  114. <meta name="text:link4 size" content="16px"/>
  115. <meta name="text:link4 position left" content="380px"/>
  116. <meta name="text:link4 position top" content="60px"/>
  117. <meta name="text:link5 url" content="/">
  118. <meta name="text:link5 title" content="">
  119. <meta name="text:link5 symbol" content="✦">
  120. <meta name="text:link5 size" content="13px"/>
  121. <meta name="text:link5 position left" content="410px"/>
  122. <meta name="text:link5 position top" content="50px"/>
  123. <meta name="text:link6 url" content="/">
  124. <meta name="text:link6 title" content="">
  125. <meta name="text:link6 symbol" content="✦">
  126. <meta name="text:link6 size" content="13px"/>
  127. <meta name="text:link6 position left" content="440px"/>
  128. <meta name="text:link6 position top" content="48px"/>
  129. <meta name="text:partner top position" content="448px"/>
  130. <meta name="text:partner left position" content="847px"/>
  131. <meta name="if:showsidebar" contetn="1"/>
  132. <meta name="text:tag symbol" content="#"/>
  133. <meta name="text:partner url" content=" SUBSTITUTE WITH PARTNER URL "/>
  134. <meta name="text:partner title" content=""/>
  135. <meta name="image:partner icon" content="https://static.tumblr.com/zx3ibzm/Cpyooxi8g/embers_by_deekinz-db1pcna.png"/>
  136. <meta name="text:sidebar title" content="SIDEBAR TITLE GOES HERE"/>
  137. <meta name="text:sidebar title 2" content="SIDEBAR TITLE GOES HERE"/>
  138. <meta name="text:sidebar text" content="SIDEBAR TEXT GOES HERE"/>
  139. <meta name="text:sidebar text 2" content="SIDEBAR TEXT GOES HERE"/>
  140.  
  141.  
  142.  
  143. <!--customize buttons end-->
  144.  
  145.  
  146. <title>{Title}</title>
  147. <link rel="shortcut icon" href="{Favicon}">
  148. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  149. {block:Description}
  150. <meta name="description" content="{MetaDescription}" />
  151. {/block:Description}
  152. </head>
  153.  
  154. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  155. <style>figure{margin:0}.tmblr-iframe{position:absolute}.tmblr-iframe.hide{display:none}</style><link href="https://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  156. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  157. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  158. <script>
  159. (function($){
  160. $(document).ready(function(){
  161. $("[title]").style_my_tooltips({
  162. tip_follows_cursor:true,
  163. tip_delay_time:200,
  164. tip_fade_speed:500
  165. });
  166. });
  167. })(jQuery);
  168. </script>
  169.  
  170. <!--verses tabs script-->
  171. <script src="https://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script>
  172. <!--script end-->
  173.  
  174. <!--tooltip script end-->
  175. <!--pop up script-->
  176. <script type="text/javascript"
  177. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  178. <script>
  179. $(document).ready(function() {
  180. //
  181. $('a.poplight[href^=#]').click(function() {
  182. var popID = $(this).attr('rel'); //Get Popup Name
  183. var popURL = $(this).attr('href'); //Get Popup href to define size
  184. var query= popURL.split('?');
  185. var dim= query[1].split('&');
  186. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  187. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="escape" alt="escape" /></a>');
  188. var popMargTop = ($('#' + popID).height() + 80) / 2;
  189. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  190. //Apply Margin to Popup
  191. $('#' + popID).css({
  192. 'margin-top' : -popMargTop,
  193. 'margin-left' : -popMargLeft
  194. });
  195. $('body').append('<div id="fade"></div>');
  196. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  197. return false;
  198. });
  199. $('a.close, #fade').live('click', function() {
  200. $('#fade , .popup_block').fadeOut(function() {
  201. $('#fade, a.close').remove(); //fade them both out
  202. });
  203. return false;
  204. });
  205. });
  206. </script>
  207. <!--ask pop script end-->
  208.  
  209. <style type="text/css">
  210.  
  211. /*cursor code, change image to change cursor*/
  212. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  213.  
  214. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  215. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  216.  
  217. /*these are the custom fonts, you can install more just by pasting the code here*/
  218.  
  219.  
  220. @font-face{font-family:"Parabola";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/Parabola_sample.ttf');}
  221. @font-face{font-family:"Dead Island";src:url('https://static.tumblr.com/zx3ibzm/JgJovyuzq/bebasneue.otf');}
  222. @font-face{font-family:"sail";src:url('https://static.tumblr.com/it5srtk/bSzowedx5/sail-regular.otf');}
  223. @font-face{font-family:"cavier dreams";src:url('https://dl.dropboxusercontent.com/s/uubyziybvh00j4f/CaviarDreams.ttf');}
  224. @font-face{font-family:"parabola";src:url('https://static.tumblr.com/it5srtk/Nuvorwpnj/parabola-regular.ttf');}
  225. @font-face{font-family:"dead island";src:url('https://static.tumblr.com/zx3ibzm/0p7orvnuc/dead_island.ttf');}
  226. @font-face{font-family:"maszyna royal";src:url('https://static.tumblr.com/it5srtk/dT5orvvwu/maszynaroyaldark.ttf');}
  227.  
  228.  
  229. /*selection color*/
  230.  
  231. ::-moz-selection { /* Code for Firefox */
  232. color: #fff; /*text color of selected text*/
  233. background: #576d8c; /*color of selection bg*/
  234. }
  235.  
  236. ::selection {
  237. color: #fff; /*text color of selected text*/
  238. background: #576d8c; /*color of selection bg*/
  239. }
  240.  
  241. /*selection color end*/
  242.  
  243. ::-webkit-scrollbar-thumb {
  244. background-color:{color:scrollbar}; /*scrollbar's slider color*/
  245. background-image:url('URL HERE'); /*optional background image*/
  246. height:0px;
  247. -moz-border-radius: 50px; /*these make bar rounded*/
  248. border-radius: 50px;
  249. }
  250.  
  251. ::-webkit-scrollbar {
  252. height:0px;
  253. width:1px; /*width of slider*/
  254. background-color:transparent; /*scrollbar's main color*/
  255. background-image:url('URL HERE'); /*optional background image*/
  256. }
  257.  
  258. /*the code here is to reduce the opacity of an image and make it more visible on hover, you can remove it if you want your image to always be at 100%*/
  259.  
  260. img, iframe {
  261.  
  262. opacity:0.8; /*change this to change visibility, set it to 1 if you want it completely visible*/
  263.  
  264.  
  265. -moz-transition-duration: 0.5s;
  266.  
  267. -o-transition-duration: 0.5s;
  268.  
  269. -webkit-transition-duration: 0.5s;
  270.  
  271. transition-duration: 0.5s;
  272.  
  273. padding:5px;
  274. }
  275.  
  276.  
  277.  
  278. img:hover,iframe:hover {
  279.  
  280. opacity:1;
  281.  
  282. -webkit-filter:none;
  283.  
  284. -moz-transition-duration: 0.5s;
  285.  
  286. -o-transition-duration: 0.5s;
  287.  
  288. -webkit-transition-duration: 0.5s;
  289.  
  290. transition-duration: 0.5s;}
  291.  
  292. /*HOVER IMAGE CODE END*/
  293.  
  294.  
  295. body {
  296. background-color:{color:background}; /*set this the same color as your background image to avoid black areas on different resolutions*/
  297. background-image:url('{image:background}'); /*bg image goes here*/
  298. background-attachment: fixed;
  299. background-repeat: no-repeat;
  300. background-position: left top;
  301. color:{color:body text}; /*body font color*/
  302. text-shadow: 0px 0px 3px {color:text shadow};
  303. font-family: calibri;
  304. text-align:justify;
  305. font-size: {text:text size};
  306. letter-spacing:2px;
  307. }
  308.  
  309. .pagi {
  310. font-size:25px;
  311. font-family:calibiri;
  312. margin-top:{text:pagination top position}; /*change to decide position of pagination*/
  313. margin-left:{text:pagination left position};
  314. color: {color:pagination}; /*color of pagination but keep in mind it's also influence by the 'a' codes as it is a link*/
  315. position:fixed;
  316. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  317. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  318.  
  319. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  320. this script stylizes it*/
  321.  
  322. #s-m-t-tooltip{
  323. max-width:400px;
  324. margin:15px;
  325. padding:2px 8px;
  326. background-image: url('{image:tooltip bg}'); /*include image if you want a background for the tooltip text*/
  327. background: transparent;
  328. background-repeat:repeat;
  329. background-attachment:fixed;
  330. color:{color:tooltip};
  331. /*the text shadow determines the outline of the text because there's no easy way to add an outline to it, you can change all the code to another color*/
  332. text-shadow:1px 1px {color:tooltip outline};,
  333. 1px -1px {color:tooltip outline},
  334. 1px 0px {color:tooltip outline},
  335. 0px 1px {color:tooltip outline},
  336. 0px -1px {color:tooltip outline},
  337. -1px 1px {color:tooltip outline},
  338. -1px 0px {color:tooltip outline},
  339. -1px -1px {color:tooltip outline};
  340. z-index:99999999999999999999;
  341. font-size:10px;
  342. letter-spacing:2px;
  343. font-style:bold;
  344. letter-spacing:2px;
  345. font-family: 'Parabola';
  346. text-transform:lowercase;
  347. box-shadow:0px 0px 0px;}
  348.  
  349. #s-m-tooltip:hover {
  350. -webkit-transition: all 0.6s ease-out;
  351. -moz-transition: all 0.6s ease-out;
  352. transition: all 0.6s ease-out;
  353. -o-transition:all 0.6s ease;
  354. -ms-transition: all 0.6s ease-in-out;}
  355.  
  356.  
  357. small,sub,sup {
  358. font-size:{text:font size};
  359. text-shadow: 0px 0px 3px {color:text shadow};
  360. }
  361.  
  362. b, bold, strong {
  363. font-size:{text:bold size};
  364. text-transform:uppercase;
  365. letter-spacing:1px;
  366. font-weight:normal;
  367. font-family: 'Dead Island';
  368. color: {color:bold};
  369. text-shadow:0 0 3px {color:bold shadow};
  370. }
  371.  
  372. i, italic, em {
  373. font-size:{text:italic size};
  374. color: {color:italic};
  375. font-family: 'Parabola';
  376. font-weight:normal;
  377. letter-spacing:1px;
  378. text-transform:lowercase;
  379. }
  380.  
  381. h3, h4 {
  382. background-image: url('{image:sidebar title bg}');
  383. background-repeat:repeat;
  384. background-attachment:fixed;
  385. border: inset 1px {color:sidebar title border}; /*color of border of the titles of the sidebar*/
  386. padding:2px;
  387. color:{color:title}; /*text color of sidebar titles*/
  388. text-shadow:1px 1px {color:sidebar title outline};,
  389. 1px -1px {color:sidebar title outline},
  390. 1px 0px {color:sidebar title outline},
  391. 0px 1px {color:sidebar title outline},
  392. 0px -1px {color:sidebar title outline},
  393. -1px 1px {color:sidebar title outline},
  394. -1px 0px {color:sidebar title outline},
  395. -1px -1px {color:sidebar title outline};
  396. /*change all the hex of the text shadow to the same code
  397. to change the outline of the text*/
  398. font-size:{text:sidebar title size};
  399. font-family:calibri;
  400. text-transform:uppercase;
  401. letter-spacing:1px;
  402. text-align:center;}
  403.  
  404.  
  405. .titulo {
  406.  
  407. font-family: 'sail';
  408. font-size: {text:post title size}; /*size of title*/
  409. text-align: center;
  410. text-transform: lowercase;
  411. color: {color:post title color}; /*color of title*/
  412. text-shadow: 0px 3px 0 {color:post title shadow},
  413. -1px 2px 0 {color:post title shadow},
  414. 1px 2px 0 {color:post title shadow};
  415.  
  416. }
  417.  
  418. a,a:visited,a:active {
  419. color: {color:links}; /*color of links*/
  420. text-decoration:none;
  421. text-shadow: 0px 0px 3px {color:link glow};,
  422. -1px -1px 3px {color:link glow},
  423. 1px 1px 3px {color:link glow},
  424. 1px -1px 3px {color:link glow},
  425. -1px 1px 3px {color:link glow};
  426. /*change all the hex of the text shadow to the same code
  427. to change the outline of the text*/
  428. -moz-transition-duration: 0.6s;
  429. -o-transition-duration: 0.6s;
  430. -webkit-transition-duration: 0.6s;
  431. transition-duration: 0.6s;}
  432.  
  433. a:hover {
  434. color: {color:links hover}; /*color of links on hover*/
  435. -webkit-transition: all 0.6s ease-out;
  436. -moz-transition: all 0.6s ease-out;
  437. transition: all 0.6s ease-out;
  438. -o-transition:all 0.6s ease;
  439. -ms-transition: all 0.6s ease-in-out;}
  440.  
  441.  
  442. #container {
  443. position:absolute;
  444. left:{text:container left}; /*change to position posts to your bg image*/
  445. top:{text:container top};
  446. height:{text:container height}; /*determines height of container*/
  447. overflow-y:scroll;
  448. {block:ifhoverposts}opacity:0;/*set this as '1' if you'd like the posts to always appear*/{/block:ifhoverposts}
  449. -webkit-transition: all 0.6s ease-out;
  450. -moz-transition: all 0.6s ease-out;
  451. transition: all 0.6s ease-out;
  452. -o-transition:all 0.6s ease;
  453. -ms-transition: all 0.6s ease-in-out;
  454. }
  455.  
  456. #entries {
  457. background-color:{color:posts bg}; /*set this as background color to hide the image in the background, in the preview case the word reading 'hover' */
  458.  
  459. }
  460.  
  461. #entries img {
  462. max-width: 100%;
  463. height: auto;
  464. }
  465.  
  466. #content {
  467. width:{text:post size}; /*determines size of posts*/
  468. margin-bottom:20px;
  469. padding:20px;
  470. }
  471.  
  472.  
  473. #container:hover {
  474. opacity: 1; /*this makes the posts appear on hover if you choose to keep them on '0' opacity when not on hover*/
  475. -webkit-transition: all 0.6s ease-out;
  476. -moz-transition: all 0.6s ease-out;
  477. transition: all 0.6s ease-out;
  478. -o-transition:all 0.6s ease;
  479. -ms-transition: all 0.6s ease-in-out;
  480. }
  481.  
  482. blockquote {
  483. border-left:4px solid {color:blockquote}; /*color of blockquote*/
  484. border-top-left-radius:25px;
  485. border-bottom-left-radius:25px;
  486. padding: 2px 7px;
  487. margin: 3px 0 3px 8px;
  488. }
  489.  
  490. blockquote img {
  491. max-width:100%;
  492. height:auto;
  493. }
  494.  
  495. /*ASK*/
  496.  
  497. #asker {
  498. font-size:15px;
  499. margin-bottom:-20px;
  500. color: {color:links}; /*color of asker url / anonymous but if a user then it is also determined by 'a' as it will be a link*/
  501. font-family: 'Parabola';
  502. text-align:center;
  503. text-decoration:none;
  504. -webkit-transition: all 0.6s ease-out;
  505. -moz-transition: all 0.6s ease-out;
  506. transition: all 0.6s ease-out;
  507. -o-transition:all 0.6s ease;
  508. -ms-transition: all 0.6s ease-in-out;
  509.  
  510. }
  511.  
  512. #asker a:hover {
  513. -webkit-filter: blur(2px);
  514. -moz-filter: blur(2px);
  515. -o-filter: blur(2px);
  516. -ms-filter: blur(2px);
  517. filter: blur(2px);
  518. transition: all 0.6s ease-out;
  519. }
  520.  
  521. #ask {
  522. background: {color:ask bg};
  523. background: url('{image:sidebar title bg}');/*image behind the question*/
  524. background-repeat:repeat;
  525. border-top:inset 2px {color:sidebar title border}; /*top border color of question*/
  526. border-bottom:inset 2px white; /*bottom border color of question*/
  527. padding: 10px 20px 10px 20px;
  528. text-align:center;
  529. border-radius:30px;
  530. text-shadow: 1px 1px {color:sidebar title outline},
  531. 1px -1px {color:sidebar title outline},
  532. 1px 0px {color:sidebar title outline},
  533. 0px 1px {color:sidebar title outline},
  534. 0px -1px {color:sidebar title outline},
  535. -1px 1px {color:sidebar title outline},
  536. -1px 0px {color:sidebar title outline},
  537. -1px -1px {color:sidebar title outline};
  538. /*change all the hex of the text shadow to the same code
  539. to change the outline of the text*/
  540. }
  541.  
  542.  
  543. #answer {
  544. padding-top:20px;
  545. }
  546. /*ASK ENDS HERE*/
  547.  
  548. /*CHAT POST BEGINS HERE*/
  549.  
  550. .convo {
  551. font-size: {text:chat size};
  552. text-align:left;
  553. padding:0px;
  554.  
  555. }
  556.  
  557. .convo li {
  558. list-style:none;
  559. }
  560.  
  561. .convo .label {
  562. text-transform: uppercase;
  563. font-weight:bold;
  564.  
  565. }
  566.  
  567. .line_odd .label {
  568. color: {color:odd chat name}; /* Color of odd person in the chat */
  569. background: none;
  570. }
  571.  
  572. .line_even .label {
  573. color: {color:even chat name}; /* Color of even person in the chat */
  574. }
  575.  
  576. .line_even {
  577. background: {color:chat even background}; /*background color of even chat*/
  578. margin:12px;
  579. padding: 5px;
  580. color: {color:even text}; /*color of even text*/
  581. }
  582.  
  583. .line_odd {
  584. background: {color:chat odd background}; /*background color of odd chat*/
  585. margin:12px;
  586. padding: 5px;
  587. color: {color:odd text}; /*color of odd text*/
  588. }
  589.  
  590.  
  591.  
  592.  
  593. /*CHAT POST ENDS HERE*/
  594.  
  595.  
  596.  
  597. /*QUOTE BEGINS HERE*/
  598.  
  599. /*I have the first letter stylized to be the same as the quote, but you can remove that part by simply deleting the p::first-letter*/
  600.  
  601. .quote,p::first-letter {
  602. font-family: 'sail';
  603. font-size: 23px;
  604. text-align: center;
  605. color: {color:quote}; /*color of quote*/
  606. text-shadow: 0px 3px 0 {color:quote shadow},
  607. -1px 2px 0 {color:quote shadow},
  608. 1px 2px 0 {color:quote shadow};
  609. }
  610.  
  611.  
  612.  
  613. /*QUOTE ENDS HERE*/
  614.  
  615.  
  616. /*LINK POST BEGIN*/
  617.  
  618. #linku {
  619. text-transform:uppercase;
  620. text-align:center;
  621. letter-spacing:0px;
  622. font-weight:normal;
  623. font-family: 'Dead Island';
  624. font-size:14px;
  625. }
  626.  
  627. /*LINK POST END*/
  628.  
  629. /*SIDE BAR / DESCRIPTION BEGINS HERE*/
  630.  
  631. #boxy {
  632. position:fixed;
  633. top:{text:sidebar top position}; /*position of the box*/
  634. overflow:scroll;
  635. height:{text:sidebar height}; /*determines height of the box - increase it if you have too much text and want to avoid scrollbar*/
  636. margin-left:{text:sidebar left position};
  637. opacity:0.6;
  638. -webkit-transition: all 0.7s ease;
  639. -moz-transition: all 0.7s ease;
  640. -o-transition: all 0.7s ease;}
  641.  
  642. #boxy:hover {
  643. opacity:1;
  644. -webkit-transition: all 0.7s ease;
  645. -moz-transition: all 0.7s ease;
  646. -o-transition: all 0.7s ease;
  647. }
  648.  
  649. #despacito {
  650. margin-top:10px;
  651. width:{text:sidebar width}; /*determines width of description*/
  652. text-align:center;
  653.  
  654. }
  655.  
  656. /*SIDE BAR / DESCRIPTION END*/
  657.  
  658. /*TAGS AND INFO BEGINS HERE*/
  659. .permalinks {
  660. text-align:center;
  661. margin-top:15px;
  662. padding-top: 5px;
  663. padding-bottom: 5px;
  664. font-size:9px;
  665. color:{color:permalinks};
  666. text-transform:uppercase;
  667. border-top: solid 1px {color:permalinks border}; /*color of the line above permalinks*/
  668. border-bottom: solid 1px {color:permalinks border}; /*color of the line below permalinks*/
  669. border-radius:25px; /*increase to make border round*/
  670. -moz-transition-duration:.6s;
  671. -webkit-transition-duration:.6s;
  672. -o-transition-duration:.6s;
  673. -webkit-filter: blur(0px);
  674. background-image: url('{image:permalinks bg}'); /*you can insert image here for the permalinks bg*/
  675.  
  676. }
  677.  
  678. .permalinks a {
  679. font-family:calibri;
  680. font-size:9px;
  681. color:{color:links};
  682. font-weight:bold;
  683. text-shadow: 0px 0px 3px {color:permalinks};
  684. text-decoration:none;
  685. }
  686.  
  687.  
  688. .permalinks a:hover {
  689. color:{color:tags hover};
  690. -webkit-transition: all 0.5s ease-in-out;
  691. -moz-transition: all 0.5s ease-in-out;
  692. -o-transition: all 0.5s ease-in-out;
  693. -ms-transition: all 0.5s ease-in-out;
  694. transition: all 0.5s ease-in-out;
  695. }
  696.  
  697. .tags {
  698.  
  699. padding-top:10px;
  700. text-align:center;
  701. padding-left:5px;
  702. padding-right:15px;
  703. color: {color:tag symbol}; /*this determines the color of the small symbol (by default a hashtag but you can change it) next to the tags*/
  704. font-size:{text:tag size};
  705. text-shadow:0px 0px 3px {color:tag symbol};
  706. }
  707.  
  708. .tags a {
  709. color: {color:tags}; /*change this for the actual color of the tags*/
  710. font-size:8px;
  711. font-weight:bold;
  712. font-family:calibri;
  713. text-transform:uppercase;
  714. text-shadow:0px 0px 3px {color:tag glow};
  715. letter-spacing:0px;
  716.  
  717. }
  718.  
  719.  
  720. .tags a:hover {
  721. color: {color:tags hover}; /*tag color on hover*/
  722. -webkit-transition: all 0.5s ease-in-out;
  723. -moz-transition: all 0.5s ease-in-out;
  724. -o-transition: all 0.5s ease-in-out;
  725. -ms-transition: all 0.5s ease-in-out;
  726. transition: all 0.5s ease-in-out;
  727.  
  728. }
  729.  
  730.  
  731. /*POP UP CODES AND LINKS BEGIN*/
  732.  
  733.  
  734. #pops {
  735. position:fixed;
  736.  
  737. }
  738.  
  739.  
  740. #linku1 {
  741. position:fixed;
  742. font-size:{text:link1 size};
  743. text-decoration:none;
  744. transform: rotate(10deg);
  745.  
  746. margin-left:{text:link1 position left};
  747. margin-top:{text:link1 position top};
  748. }
  749.  
  750. #linku1:hover {
  751. -webkit-filter: blur(3px);
  752. -moz-filter: blur(3px);
  753. -o-filter: blur(3px);
  754. -ms-filter: blur(3px);
  755. filter: blur(3px);
  756. -webkit-transition: all 0.5s ease-in-out;
  757. -moz-transition: all 0.5s ease-in-out;
  758. -o-transition: all 0.5s ease-in-out;
  759. -ms-transition: all 0.5s ease-in-out;
  760. transition: all 0.5s ease-in-out;
  761. }
  762.  
  763. #linku2 {
  764. position:fixed;
  765. font-size:{text:link2 size};
  766. text-decoration:none;
  767.  
  768. margin-left:{text:link2 position left};
  769. margin-top:{text:link2 position top};
  770. }
  771.  
  772. #linku2:hover {
  773. -webkit-filter: blur(3px);
  774. -moz-filter: blur(3px);
  775. -o-filter: blur(3px);
  776. -ms-filter: blur(3px);
  777. filter: blur(3px);
  778. -webkit-transition: all 0.5s ease-in-out;
  779. -moz-transition: all 0.5s ease-in-out;
  780. -o-transition: all 0.5s ease-in-out;
  781. -ms-transition: all 0.5s ease-in-out;
  782. transition: all 0.5s ease-in-out;
  783. }
  784.  
  785. #linku3 {
  786. position:fixed;
  787. font-size:{text:link3 size};
  788. text-decoration:none;
  789.  
  790. margin-left:{text:link3 position left};
  791. margin-top:{text:link3 position top};
  792. }
  793.  
  794. #linku3:hover {
  795. -webkit-filter: blur(3px);
  796. -moz-filter: blur(3px);
  797. -o-filter: blur(3px);
  798. -ms-filter: blur(3px);
  799. filter: blur(3px);
  800. -webkit-transition: all 0.5s ease-in-out;
  801. -moz-transition: all 0.5s ease-in-out;
  802. -o-transition: all 0.5s ease-in-out;
  803. -ms-transition: all 0.5s ease-in-out;
  804. transition: all 0.5s ease-in-out;
  805. }
  806.  
  807. #linku4 {
  808. position:fixed;
  809. font-size:{text:link4 size};
  810. text-decoration:none;
  811. margin-left:{text:link4 position left};
  812. margin-top:{text:link4 position top};
  813. }
  814.  
  815. #linku4:hover {
  816. -webkit-filter: blur(3px);
  817. -moz-filter: blur(3px);
  818. -o-filter: blur(3px);
  819. -ms-filter: blur(3px);
  820. filter: blur(3px);
  821. -webkit-transition: all 0.5s ease-in-out;
  822. -moz-transition: all 0.5s ease-in-out;
  823. -o-transition: all 0.5s ease-in-out;
  824. -ms-transition: all 0.5s ease-in-out;
  825. transition: all 0.5s ease-in-out;
  826. }
  827.  
  828. #linku5 {
  829. position:fixed;
  830. font-size:{text:link5 size};
  831. text-decoration:none;
  832. margin-left:{text:link5 position left};
  833. margin-top:{text:link5 position top};
  834. }
  835.  
  836. #linku5:hover {
  837. -webkit-filter: blur(3px);
  838. -moz-filter: blur(3px);
  839. -o-filter: blur(3px);
  840. -ms-filter: blur(3px);
  841. filter: blur(3px);
  842. -webkit-transition: all 0.5s ease-in-out;
  843. -moz-transition: all 0.5s ease-in-out;
  844. -o-transition: all 0.5s ease-in-out;
  845. -ms-transition: all 0.5s ease-in-out;
  846. transition: all 0.5s ease-in-out;
  847. }
  848.  
  849. #linku6 {
  850. position:fixed;
  851. font-size:{text:link6 size};
  852. text-decoration:none;
  853. margin-left:{text:link6 position left};
  854. margin-top:{text:link6 position top};
  855.  
  856. }
  857.  
  858. #linku6:hover {
  859. -webkit-filter: blur(3px);
  860. -moz-filter: blur(3px);
  861. -o-filter: blur(3px);
  862. -ms-filter: blur(3px);
  863. filter: blur(3px);
  864. -webkit-transition: all 0.5s ease-in-out;
  865. -moz-transition: all 0.5s ease-in-out;
  866. -o-transition: all 0.5s ease-in-out;
  867. -ms-transition: all 0.5s ease-in-out;
  868. transition: all 0.5s ease-in-out;
  869. }
  870.  
  871. /*CODE FOR MAINS / EXCLUSIVES, feel free to remove if you do not wish to include*/
  872.  
  873. .embers {
  874. position:fixed;
  875. top:{text:partner top position};
  876. left:{text:partner left position}; /*determines the position of the icon*/
  877. opacity:.8;
  878. z-index:999;
  879. -webkit-filter: blur(0px);
  880. -webkit-transition: 0.8s ease-in;
  881. -moz-transition: 1s ease-in;
  882. transition: 1s ease-in;
  883. -webkit-filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  884. filter: drop-shadow(2px 2px 3px #222); /*determines color of shadow behind image*/
  885. }
  886.  
  887. .embers a {
  888. margin-right:0px;
  889. -webkit-filter: blur(0px);
  890. -webkit-transition: 0.8s ease-in;
  891. -moz-transition: 1s ease-in;
  892. transition: 1s ease-in;
  893. }
  894.  
  895. .embers a:hover {
  896. -webkit-filter: blur(0px);
  897. opacity:1;
  898. -webkit-transition: all 0.6s ease-in-out;
  899. -moz-transition: all 0.6s ease-in-out;
  900. -o-transition: all 0.6s ease-in-out;
  901. -ms-transition: all 0.6s ease-in-out;
  902. transition: all 0.6s ease-in-out;
  903. }
  904.  
  905. /*MAIN / EXCLUSIVES ENTRY END*/
  906.  
  907.  
  908. /* DO NOT REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */
  909. .credit {
  910. font-weight:bold;
  911. border-top:dashed 1px #fff;
  912. border-right:dashed 1px #fff;
  913. border-left:dashed 1px #fff;
  914. background:#242424;
  915. color:#fff;
  916. padding:10px;
  917. font-size:15px;
  918. bottom:0px;
  919. right:20px;
  920. position:fixed;
  921. font-family:'sail';
  922. -webkit-filter: blur(.5px);
  923. -moz-filter: blur(.5px);
  924. -o-filter: blur(.5px);
  925. -ms-filter: blur(.5px);
  926. filter: blur(.5px);
  927.  
  928. }
  929. /*CREDIT END*/
  930.  
  931. </style>
  932.  
  933. <body>
  934. {block:ifshowsidebar}
  935. <div id="boxy">
  936. <div id="despacito">
  937. <h3>{text:sidebar title}</h3>
  938. {text:sidebar text}
  939. <h3>{text:sidebar title 2}</h3>
  940. {text:sidebar text 2}
  941. </div>
  942. </div>
  943. {/block:ifshowsidebar}
  944. <!--this is where you edit the size and titles of the scattered links, you can edit their content way below though. The #?w= determines the width of the pop up, make sure to give your popups different box numbers-->
  945. <div id="pops">
  946. {block:ifshowlink1}<div id="linku1"> <a href="{text:link1 url}" title="{text:link1 title}">{text:link1 symbol}</a></div>{/block:ifshowlink1}
  947.  
  948. {block:ifshowlink2}<div id="linku2"> <a href="{text:link2 url}" title="{text:link2 title}">{text:link2 symbol}</a></div>{/block:ifshowlink2}
  949.  
  950. {block:ifshowlink3}<div id="linku3"> <a href="{text:link3 url}" title="{text:link3 title}">{text:link3 symbol}</a></div>{/block:ifshowlink3}
  951.  
  952. {block:ifshowlink4}<div id="linku4"> <a href="{text:link4 url}" title="{text:link4 title}">{text:link4 symbol}</a></div>{/block:ifshowlink4}
  953.  
  954. {block:ifshowlink5}<div id="linku5"> <a href="{text:link5 url}" title="{text:link5 title}">{text:link5 symbol}</a></div>{/block:ifshowlink5}
  955.  
  956. {block:ifshowlink6}<div id="linku6"> <a href="{text:link6 url}" title="{text:link6 title}">{text:link6 symbol}</a></div>{/block:ifshowlink6}
  957.  
  958. <div class="embers">
  959. {block:ifpartnericon}<a href="{text:partner url}" title="{text:partner title}"><img src="{image:partner icon}" style="height:90px;width:auto;"> </a>{/block:ifpartnericon}
  960. </div>
  961. </div>
  962.  
  963. <!--/* DO /NOT/ REMOVE THIS PART OR MAKE A COLOR THAT IS NOT VISIBLE */-->
  964. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="code by ddkinzart">D.</a></div>
  965.  
  966. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  967.  
  968. {block:Pagination}
  969. <div class="pagi">
  970. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  971. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  972. </div>
  973. {/block:Pagination}
  974. <div id="container">
  975. <div id="entries">
  976. {block:Posts}
  977. <div id="content">
  978. {block:Text} <div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  979. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  980. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  981.  
  982. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  983. {/block:Photoset}
  984.  
  985. {block:Quote}<div class="quote">{Quote}</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  986. {block:Link}
  987. {block:Thumbnail}
  988. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  989. {/block:Thumbnail}
  990. <div id="linku">
  991. <span style="font-size:20px">❝ </span> <a href="{URL}" class="link" {Target}>{Name}</a><span style="font-size:20px"> ❞</span>
  992. </div>
  993. {/block:Link}
  994. {block:Chat}
  995. {block:Title}
  996. <div class="titulo">{Title}</div>{/block:Title}<br>
  997. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  998. {Line}</li>{/block:Lines}</ul>
  999. {/block:Chat}
  1000. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  1001. {block:Audio}{AudioEmbed}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  1002. {block:Answer}
  1003. <div id="asker" style="text-align:center;">{Asker}</div><div id="ask">{Question}</div>
  1004. <div id="answer">
  1005. {Answer}</div>
  1006. {/block:Answer}
  1007. <div class="permalinks">
  1008. {block:RebloggedFrom}
  1009. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" > ✦ </a>
  1010. {/block:RebloggedFrom}
  1011. <span style="letter-spacing:-0.5px">posted </span><a href="{Permalink}" title="{timeago}" style="letter-spacing:-0.1px;"> &nbsp;{timeago}</a>{block:NoteCount} with
  1012. <a href="{Permalink}" title="{NoteCount} hits."> {NoteCount}</a> hits.{/block:NoteCount}
  1013. {block:ContentSource}
  1014. <a href="{SourceURL}" title="source: {SourceTitle}"> ✦ </a>
  1015. {/block:ContentSource}
  1016. <a href="{ReblogURL}" title="reblog" target="_blank"> ✦ </a>
  1017. {/block:RebloggedFrom}
  1018. </div>
  1019. <div class="tags">
  1020. {block:HasTags}
  1021. {block:Tags}
  1022. <!--you can change symbol before tags to something else-->{text:tag symbol} <a href="{TagURL}" title="{Tag}">{Tag}</a>
  1023. {/block:Tags}
  1024. {/block:HasTags}
  1025. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1026. </div></div>
  1027. {/block:Posts}
  1028. </div>
  1029. </div>
  1030. </body>
  1031.  
  1032.  
  1033. <!--This is where the pop up begins, you can edit beyond this point-->
  1034. <!--important don't delete-->
  1035. </div></div></div></div></div></div></div></div></div></div></div></div>
  1036.  
  1037.  
  1038. </div></div>
  1039.  
  1040. </div></div></div></div></div></div></div></div></div></div>
  1041.  
  1042. </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!