API tools faq
paste
Advertisement
deekinz

The Banshee_02

deekinz
May 3rd, 2018
3,706
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.54 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. <meta name="color:selected text" content="#de4747"/>
  22. <meta name="color:scrollbar" content="#de4747"/>
  23. <meta name="image:background" content="https://static.tumblr.com/zx3ibzm/SHtp866x7/the-banshee.png"/>
  24. <meta name="color:background" content="#363333"/>
  25. <meta name="color:text" content="#ccc"/>
  26. <meta name="color:text shadow" content="#000"/>
  27. <meta name="font:body" content="calibri"/>
  28. <meta name="text:font size" content="10px"/>
  29. <meta name="text:pagination size" content="25px"/>
  30. <meta name="text:pagination top position" content="610px"/>
  31. <meta name="text:pagination left position" content="992px"/>
  32. <meta name="color:pagination" content="#ccc"/>
  33. <meta name="color:pagination glow" content="#862626"/>
  34. <meta name="color:pagination hover" content="#de4747"/>
  35. <meta name="color:pagination hover glow" content="#862626"/>
  36. <meta name="color:tooltip" content="#fff"/>
  37. <meta name="color:tooltip outline" content="#000"/>
  38. <meta name="text:bold size" content="11px"/>
  39. <meta name="font:bold" content="times"/>
  40. <meta name="color:bold" content="#de4747"/>
  41. <meta name="text:italic size" content="9px"/>
  42. <meta name="color:italic" content="#fff"/>
  43. <meta name="color:italic glow" content="#862626"/>
  44. <meta name="color:links" content="#ccc"/>
  45. <meta name="color:links glow" content="#862626"/>
  46. <meta name="color:links hover" content="#de4747"/>
  47. <meta name="color:title" content="#ccc"/>
  48. <meta name="font:title" content="times"/>
  49. <meta name="text:container left position" content="335px"/>
  50. <meta name="text:container top position" content="320px"/>
  51. <meta name="text:container height" content="330px"/>
  52. <meta name="if:FadingContainer" content="1"/>
  53. <meta name="text:post size" content="400px"/>
  54. <meta name="if:FadingImages" content="1"/>
  55. <meta name="color:blockquote" content="#862626"/>
  56. <meta name="select:blockquote" content="dahsed" title="dahsed"/>
  57. <meta name="select:blockquote" content="solid" title="solid"/>
  58. <meta name="select:blockquote" content="dotted" title="dotted"/>
  59. <meta name="color:ask background" content="#242121"/>
  60. <meta name="text:asker size" content="10px"/>
  61. <meta name="font:asker" content="times"/>
  62. <meta name="font:ask" content="helvetica"/>
  63. <meta name="text:ask size" content="8px"/>
  64. <meta name="color:odd chat" content="#fff"/>
  65. <meta name="color:even chat" content="#de4747"/>
  66. <meta name="text:quote size" content="10px"/>
  67. <meta name="color:quote color" content="#ccc"/>
  68. <meta name="color:quote glow" content="#862626"/>
  69. <meta name="text:sidebar width" content="130px"/>
  70. <meta name="text:sidebar height" content="520px"/>
  71. <meta name="text:sidebar top" content="325px"/>
  72. <meta name="text:sidebar left" content="840px"/>
  73. <meta name="color:sidebar description" content="#de4747"/>
  74. <meta name="font:description" content="calibri"/>
  75. <meta name="select:sidebar border" content="dashed" title="dashed"/>
  76. <meta name="select:sidebar border" content="dotted" title="dotted"/>
  77. <meta name="select:sidebar border" content="solid" title="solid"/>
  78. <meta name="color:sidebar border" content="#ccc"/>
  79. <meta name="image:sidebar links bg" content="https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif"/>
  80. <meta name="color:sidebar links" content="ccc"/>
  81. <meta name="color:sidebar links border" content="#de4747"/>
  82. <meta name="color:sidebar links outline" content="#000"/>
  83. <meta name="text:permalinks size" content="11px"/>
  84. <meta name="color:tags" content="#de4747"/>
  85. <meta name="color:tags glow" content="#000"/>
  86. <meta name="color:tag symbol" content="#ccc"/>
  87. <meta name="color:tag hover" content="#fff"/>
  88. <meta name="image:divider" content="https://static.tumblr.com/zx3ibzm/VKVp866jt/tumblr_mx2fw5y1nb1s4uarco1_500.gif"/>
  89. <meta name="if:divider" content="1"/>
  90. <meta name="color:divider border" content="#6b6b6b"/>
  91. <meta name="text:sidebar title" content="hear no screaming"/>
  92. <meta name="text:description" content="your description goes here~"/>
  93. <meta name="if:showLink1" content="1"/>
  94. <meta name="text:Link 1" content="LINK TITLE">
  95. <meta name="text:Link 1 URL" content="YOUR URL HERE">
  96. <meta name="if:showLink2" content="2"/>
  97. <meta name="text:Link 2" content="LINK TITLE">
  98. <meta name="text:Link 2 URL" content="YOUR URL HERE">
  99. <meta name="if:showLink3" content="3"/>
  100. <meta name="text:Link 3" content="LINK TITLE">
  101. <meta name="text:Link 3 URL" content="YOUR URL HERE">
  102. <meta name="if:showLink4" content="4"/>
  103. <meta name="text:Link 4" content="LINK TITLE">
  104. <meta name="text:Link 4 URL" content="YOUR URL HERE">
  105. <meta name="if:showLink5" content="5"/>
  106. <meta name="text:Link 5" content="LINK TITLE">
  107. <meta name="text:Link 5 URL" content="YOUR URL HERE">
  108. <meta name="if:showLink6" content="6"/>
  109. <meta name="text:Link 6" content="LINK TITLE">
  110. <meta name="text:Link 6 URL" content="YOUR URL HERE">
  111. <meta name="if:showLink7" content="7"/>
  112. <meta name="text:Link 7" content="LINK TITLE">
  113. <meta name="text:Link 7 URL" content="YOUR URL HERE">
  114. <meta name="text:permalink symbol" content="♦"/>
  115.  
  116.  
  117.  
  118. <title>{Title}</title>
  119. <link rel="shortcut icon" href="{Favicon}">
  120. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  121. {block:Description}
  122. <meta name="description" content="{MetaDescription}" />
  123. {/block:Description}
  124. </head>
  125.  
  126. <!--tooltip script (it's to edit the way the title of your links look when you hover over them -->
  127. <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" />
  128. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  129. <script src="https://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  130. <script>
  131. (function($){
  132. $(document).ready(function(){
  133. $("[title]").style_my_tooltips({
  134. tip_follows_cursor:true,
  135. tip_delay_time:200,
  136. tip_fade_speed:500
  137. });
  138. });
  139. })(jQuery);
  140. </script>
  141.  
  142. <!--pop up tabs script-->
  143. <script>
  144. $(document).ready(function(){
  145. $("ul#tabs li").click(function(e){
  146. if (!$(this).hasClass("active")) {
  147. var tabNum = $(this).index();
  148. var nthChild = tabNum+1;
  149. $("ul#tabs li.active").removeClass("active");
  150. $(this).addClass("active");
  151. $("ul#tab li.active").removeClass("active");
  152. $("ul#tab li:nth-child("+nthChild+")").addClass("active");
  153. }
  154. });
  155. });
  156. </script>
  157. <!--script end-->
  158.  
  159. <!--tooltip script end-->
  160. <!--pop up script-->
  161. <script type="text/javascript"
  162. src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  163. <script>
  164. $(document).ready(function() {
  165. //
  166. $('a.poplight[href^=#]').click(function() {
  167. var popID = $(this).attr('rel'); //Get Popup Name
  168. var popURL = $(this).attr('href'); //Get Popup href to define size
  169. var query= popURL.split('?');
  170. var dim= query[1].split('&');
  171. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  172. $('#' + 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>');
  173. var popMargTop = ($('#' + popID).height() + 80) / 2;
  174. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  175. //Apply Margin to Popup
  176. $('#' + popID).css({
  177. 'margin-top' : -popMargTop,
  178. 'margin-left' : -popMargLeft
  179. });
  180. $('body').append('<div id="fade"></div>');
  181. $('#fade').css({'filter' : 'alpha(opacity=100)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  182. return false;
  183. });
  184. $('a.close, #fade').live('click', function() {
  185. $('#fade , .popup_block').fadeOut(function() {
  186. $('#fade, a.close').remove(); //fade them both out
  187. });
  188. return false;
  189. });
  190. });
  191. </script>
  192. <!--ask pop script end-->
  193. <link href="https://fonts.googleapis.com/css?family=Overpass" rel="stylesheet">
  194.  
  195. <style type="text/css">
  196.  
  197.  
  198. /* ☽ CURSOR ☾ */
  199. /*find more at https://pixel-soup.tumblr.com/tagged/cursors */
  200.  
  201. *, body, a { cursor:url("https://i.imgur.com/2qleX.jpg"), auto }
  202. a:hover { cursor:url("https://68.media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"), auto } /*this defines the pointer cursor*/
  203.  
  204. /* ☽ CURSOR END ☾ */
  205.  
  206. /* ☽ FONTS ☾ */
  207. /*these are the custom fonts, you can install more just by pasting the code here*/
  208. @font-face{font-family:"nightingale";src:url('https://static.tumblr.com/zx3ibzm/mLdovzrvz/nightingale_sample.ttf');}
  209.  
  210. /* ☽ SELECTION COLOR BEGIN ☾ */
  211.  
  212. ::-moz-selection { /* Code for Firefox */
  213. color: {color:selected text}; /*text color of selected text*/
  214. background: transparent; /*color of selection bg*/
  215. }
  216.  
  217. ::selection {
  218. color: {color:selected text}; /*text color of selected text*/
  219. background: transparent; /*color of selection bg*/
  220. }
  221.  
  222. /* ☽ SELECTION COLOR END ☾ */
  223.  
  224. /* ☽ SCROLLBAR ☾ */
  225.  
  226. ::-webkit-scrollbar-thumb {
  227. background: {color:scrollbar}; /*color of scrollbar*/
  228. height:0px;
  229. }
  230.  
  231. ::-webkit-scrollbar {
  232. height:0px;
  233. width:1px; /*width of slider*/
  234. background-color:transparent; /*scrollbar's main color*/
  235. }
  236.  
  237. /* ☽ SCROLLBAR END ☾ */
  238.  
  239. body {
  240. background-color:{color:background}; /*set this the same color as your background image to avoid black areas on different resolutions*/
  241. background-image:url('{image:background}'); /*background image goes here*/
  242. background-attachment: fixed;
  243. background-repeat: no-repeat;
  244. background-position: left top;
  245. color:{color:text}; /*body font color*/
  246. font-weight:normal; /*body font weight*/
  247. font-family: {font:body}; /*body font*/
  248. text-align:justify; /*body text alignment*/
  249. font-size: {text:font size}; /*body font-size*/
  250. letter-spacing:2px;
  251. text-transform: uppercase;
  252. text-shadow: 0px 0px 2px {color:text shadow}; /*color of body text shadow*/
  253.  
  254. }
  255.  
  256. small,sub,sup {
  257. font-size:{text:font size};
  258. }
  259.  
  260. /* ☽ PAGINATION BEGIN ☾ */
  261. /*pagination is the little arrow which navigates between pages*/
  262.  
  263. .pagi {
  264. font-size:{text:pagination size};
  265. font-family:'overpass';
  266. margin-top:{text:pagination top position}; /*position of pagination from the top*/
  267. margin-left:{text:pagination left position}; /*position of pagination from the left*/
  268. position:fixed;
  269. -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s;
  270. transition-duration: 0.8s; -o-transition-duration: 0.8s;}
  271.  
  272. .pagi a {
  273. color: {color:pagination}; /*color of pagination*/
  274. text-shadow: 0px 0px 5px {color:pagination glow}; /*glow of pagination*/
  275. }
  276.  
  277. .pagi a:hover {
  278. color: {color:pagination hover}; /*color of pagination on hover*/
  279. text-shadow: 0px 0px 5px {color:pagination hover glow}; /*glow of pagination on hover*/
  280. }
  281.  
  282. /* ☽ TOOLTIP BEGIN ☾ */
  283.  
  284. /*the tooltip is the text that appears when you hover on a link / tag / etc.
  285. this script stylizes it*/
  286.  
  287. #s-m-t-tooltip{
  288. max-width:400px;
  289. margin:15px;
  290. padding:2px 8px;
  291. background-image: url(""); /*include image if you want a background for the tooltip text*/
  292. background: transparent;
  293. background-repeat:repeat;
  294. background-attachment:fixed;
  295. color:{color:tooltip}; /*color of tooltip text*/
  296. /*change all the text shadow to change the outline / stroke color of the tooltip text*/
  297. text-shadow:1px 1px {color:tooltip outline};,
  298. 1px -1px {color:tooltip outline},
  299. 1px 0px {color:tooltip outline},
  300. 0px 1px {color:tooltip outline},
  301. 0px -1px {color:tooltip outline},
  302. -1px 1px {color:tooltip outline},
  303. -1px 0px {color:tooltip outline},
  304. -1px -1px {color:tooltip outline};
  305. box-shadow: none;
  306. font-size:10px; /*size of tooltip text*/
  307. letter-spacing:2px;
  308. font-family: 'nightingale';
  309. text-transform:lowercase;
  310. z-index:99999999999999999999;
  311. }
  312.  
  313.  
  314. #s-m-tooltip:hover {
  315. -webkit-transition: all 0.6s ease-out;
  316. -moz-transition: all 0.6s ease-out;
  317. transition: all 0.6s ease-out;
  318. -o-transition:all 0.6s ease;
  319. -ms-transition: all 0.6s ease-in-out;}
  320.  
  321. /* ☽ TOOLTIP END ☾ */
  322.  
  323. /* ☽ TEXT STYLE BEGIN ☾ */
  324.  
  325. b, bold, strong {
  326. font-size:{text:bold size}; /*size of bold text*/
  327. letter-spacing:1px;
  328. font-weight:bold;
  329. text-transform:uppercase;
  330. line-height: 120%;
  331. font-family: {font:bold}; /*font family of bold text*/
  332. color: {color:bold}; /*color of bold text*/
  333. }
  334.  
  335. i, italic, em {
  336. font-size:{text:italic size}; /*size of italic text*/
  337. color: {color:italic}; /*color of italic text*/
  338. font-family: 'nightingale'; /*font family of italic text*/
  339. line-height:120%;
  340. text-shadow: 0 0 3px {color:italic glow};, /*glow color of italic text*/
  341. 0 0 5px {color:italic glow};
  342. font-weight:normal;
  343. letter-spacing:1px;
  344. text-transform:lowercase;
  345. }
  346.  
  347. /* ☽ BODY LINKS ☾ */
  348.  
  349. a,a:visited,a:active {
  350. color: {color:links}; /*color of links*/
  351. letter-spacing: 2px;
  352. text-decoration:none;
  353. text-shadow: 0px 0px 3px {color:links glow};, /*color of links glow*/
  354. 0 0 5px {color:links glow},
  355. 0 0 10px {color:links glow};
  356. -moz-transition-duration: 0.6s;
  357. -o-transition-duration: 0.6s;
  358. -webkit-transition-duration: 0.6s;
  359. transition-duration: 0.6s;
  360. }
  361.  
  362. a:hover {
  363. letter-spacing: 5px;
  364. color: {color:links hover}; /*color of links on hover*/
  365. -webkit-transition: all 0.6s ease-out;
  366. -moz-transition: all 0.6s ease-out;
  367. transition: all 0.6s ease-out;
  368. -o-transition:all 0.6s ease;
  369. -ms-transition: all 0.6s ease-in-out;
  370. }
  371.  
  372. /* ☽ LINK END ☾ */
  373.  
  374. /* ☽ POST TITLE SETTINGS ☾ */
  375.  
  376. .titulo {
  377.  
  378. font-family: {font:title};
  379. font-weight:normal;
  380. font-size: 18px; /*size of title*/
  381. text-align: center;
  382. text-transform: uppercase;
  383. color: {color:title}; /*color of title*/
  384. }
  385.  
  386. /* ☽ TITLE SETTINGS END ☾ */
  387.  
  388. /* ☽ CONTAINER POSITION AND STYLE ☾ */
  389.  
  390. #container {
  391. position:absolute;
  392. left:{text:container left position}; /*position of container from the left*/
  393. top:{text:container top position}; /*position of container from top*/
  394. height:{text:container height}; /*determines height of container*/
  395. overflow-y:scroll;
  396. border:1px solid transparent;
  397. {block:IfFadingContainer}-webkit-mask-image: -webkit-gradient(
  398. linear, center 80%, center bottom,
  399. from(rgba(0,0,0,1)),
  400. to(rgba(1,0,0,0)));{/block:IfFadingContainer}
  401. {block:IfNotFadingContainer}-webkit-mask-image: -webkit-gradient(
  402. linear, center 100%, center bottom,
  403. from(rgba(0,0,0,1)),
  404. to(rgba(1,0,0,0)));{/block:IfNotFadingContainer}
  405.  
  406. }
  407.  
  408. #entries {
  409. background-color:transparent; /*color of posts background*/
  410. }
  411.  
  412. #content {
  413. width:{text:post size}; /*determines width / size of posts*/
  414. padding:0px 15px;
  415. }
  416.  
  417. #entries img {
  418. max-width: 100%;
  419. height: auto; /*keep auto if you don't want any stretching to occur*/
  420. opacity:{block:ifFadingImages}0.6;{/block:ifFadingImages}
  421. {block:ifNotFadingImages}1;{/block:ifNotFadingImages}
  422. -moz-transition-duration: 0.5s;
  423. -o-transition-duration: 0.5s;
  424. -webkit-transition-duration: 0.5s;
  425. transition-duration: 0.5s;
  426. padding:5px;
  427.  
  428. }
  429.  
  430. #entries img:hover {
  431. opacity: 1; /*image opacity of posts on hover*/
  432. -moz-transition-duration: 0.5s;
  433. -o-transition-duration: 0.5s;
  434. -webkit-transition-duration: 0.5s;
  435. transition-duration: 0.5s;
  436. padding:5px;
  437.  
  438. }
  439.  
  440. /* ☽ CONTAINER END ☾ */
  441.  
  442. /* ☽ BLOCKQUOTE BEGIN ☾ */
  443.  
  444. blockquote {
  445. border-left: 1px {select:blockquote} {color:blockquote}; /*color of blockquote*/
  446. padding: 0px 0px 2px 15px;
  447. margin: 3px 0 3px 8px;
  448. }
  449.  
  450. blockquote img {
  451. max-width:100%;
  452. height:auto; /*keep as auto to avoid stretched images*/
  453. }
  454.  
  455. /* ☽ BLOCKQUOTE END ☾ */
  456.  
  457. /* ☽ ASK POST BEGIN ☾ */
  458.  
  459. #question {
  460. background-color:{color:ask background}; /*color behind question / asker*/
  461. text-align: left;
  462. padding: 10px;
  463.  
  464. }
  465.  
  466. #asker {
  467. color: {color:links}; /*color of anonymous asker*/
  468. text-shadow:0px 0px 5px {color:links glow}; /*glow of anon asker*/
  469. font-size:{text:asker size};
  470. padding-bottom: 3px;
  471. font-family:{font:asker};
  472. text-decoration:none;
  473. border-bottom: 1px solid #363333; /*line below asker color/ width*/
  474. -webkit-transition: all 0.6s ease-out;
  475. -moz-transition: all 0.6s ease-out;
  476. transition: all 0.6s ease-out;
  477. -o-transition:all 0.6s ease;
  478. -ms-transition: all 0.6s ease-in-out;
  479.  
  480. }
  481.  
  482. #asker a {
  483. color: {color:links}; /*color of asker url if not anonymous*/
  484. font-size: {text:asker size};
  485. }
  486.  
  487. #asker a:hover {
  488. color: {color:links hover}; /*glow color of asker url*/
  489. transition: all 0.6s ease-out;
  490. }
  491.  
  492. #whisper { /*whisper is the word next to the asker; you can change it in the html below, but can edit its color / style here*/
  493. font-size:{text:asker size};
  494. font-family:{font:asker};
  495. color:{color:links hover}; /*color of 'whispered*/
  496. text-transform:uppercase;
  497. }
  498.  
  499. #ask {
  500. font-size:{text:ask size}
  501. font-family:{font:ask};
  502. letter-spacing:2px;
  503. padding-top: 5px;
  504. line-height:120%;
  505. text-align:left;
  506. text-transform:uppercase;
  507. color: {color:text}; /*color of the question text itself*/
  508. }
  509.  
  510. #answer {
  511. padding-top:0px;
  512. }
  513.  
  514. /* ☽ ASK POST END ☾ */
  515.  
  516. /* ☽ CHAT POST BEGIN ☾ */
  517.  
  518. .convo {
  519. font-size: 10px;
  520. line-height:120%;
  521. text-align:left;
  522. padding:0px;
  523. }
  524.  
  525. .convo li {
  526. list-style:none;
  527. }
  528.  
  529. .convo .label {
  530. text-transform: uppercase;
  531. font-weight:bold;
  532. }
  533.  
  534. .line_odd .label {
  535. color: {color:odd chat}; /* Color of odd person in the chat */
  536. background: none;
  537. }
  538.  
  539. .line_even .label {
  540. color: {color:even chat}; /* Color of even person in the chat */
  541. }
  542.  
  543. .line_even {
  544. margin:0px 10px;
  545. padding: 5px;
  546. text-align:left;
  547. font-weight:bold;
  548. text-shadow:none;
  549. padding: 10px 20px 10px 20px;
  550. }
  551.  
  552. .line_odd {
  553. margin:0px 10px;
  554. padding: 5px;
  555. text-align:left;
  556. text-shadow:none;
  557. padding: 10px 20px 10px 20px;
  558. }
  559.  
  560. /* ☽ CHAT POST END ☾ */
  561.  
  562. /* ☽ AUDIO POST BEGIN ☾ */
  563.  
  564. .play {
  565. margin-top:15px;
  566. margin-left: 10px;
  567. position: relative;
  568. height: 35px; /*size of play button*/
  569. width: 35px; /*size of play button*/
  570. padding: 2px;
  571. background-color:none;
  572. overflow: hidden;
  573. z-index:99;
  574. opacity: 0.3;
  575. -webkit-backface-visibility: hidden;
  576. -webkit-transform: translate3d(0,0,0);
  577. }
  578.  
  579. .play:hover {
  580. opacity: 0.7;
  581. -webkit-backface-visibility: hidden;
  582. -webkit-transform: translate3d(0,0,0);
  583.  
  584. }
  585.  
  586. .album img {
  587. position: relative;
  588. margin-top: -50px;
  589. width: 50px; /*size of album art*/
  590. height: 50px; /*size of album art*/
  591. }
  592.  
  593. .trackinfo {
  594. position: relative;
  595. height: 50px;
  596. margin-left: 70px;
  597. margin-top: -55px;
  598. }
  599.  
  600. /* ☽ AUDIO POST END ☾ */
  601.  
  602. /* ☽ QUOTE POST BEGIN ☾ */
  603.  
  604. .quote {
  605. font-family: "nightingale";
  606. font-size: {text:quote size};
  607. font-weight:normal;
  608. padding: 10px 50px;
  609. text-transform: lowercase;
  610. padding-bottom:30px;
  611. text-align: center;
  612. color: {color:quote color}; /*color of quote*/
  613. text-shadow: 0px 0px 2px {color:quote glow}; /*glow color of quote*/
  614.  
  615. }
  616.  
  617. /* ☽ QUOTE POST END ☾ */
  618.  
  619. /* ☽ LINK POST BEGIN ☾ */
  620.  
  621. #linku {
  622. font-weight:bold;
  623. line-height:100%;
  624. padding-top: 10px;
  625. text-align: center;
  626. }
  627.  
  628. /* ☽ LINK POST END ☾ */
  629.  
  630. /* ☽ SIDEBAR BEGIN ☾ */
  631.  
  632. #boxy {
  633. position:fixed;
  634. width:{text:sidebar width};
  635. height:{text:sidebar height}; /*height of sidebar box*/
  636. top:{text:sidebar top}; /*position of sidebar box from the top*/
  637. margin-left:{text:sidebar left}; /*position of sidebar box from the left*/
  638. opacity:1;
  639. -webkit-transition: all 0.7s ease;
  640. -moz-transition: all 0.7s ease;
  641. -o-transition: all 0.7s ease;
  642. }
  643.  
  644. .anchor { /*title of sidebar that redirects to your home*/
  645. letter-spacing:0px;
  646. padding-top:5px;
  647. margin-bottom: 25px;
  648. line-height:100%;
  649. text-transform: lowercase;
  650. }
  651.  
  652. .anchor a{
  653. letter-spacing:0px;
  654. font-family:'nightingale';
  655. text-transform: lowercase;
  656. text-shadow:0px 0px 10px {color:links glow};, /*glow of sidebar title*/
  657. 0px 0px 3px {color:links glow}; /*glow of sidebar title*/
  658. font-size:9px;
  659. color: {color:links}; /*color of sidebar title*/
  660. z-index:9999999999;
  661. }
  662.  
  663. .anchor a:hover {
  664. color: {color:links hover}; /*color of sidebar title on hover*/
  665. }
  666.  
  667. #despacito { /*the small description in the side bar, above the links*/
  668. margin-top:10px;
  669. text-align:center;
  670. font-size: 9px;
  671. letter-spacing: 3px;
  672. font-family:{font:description};
  673. text-transform: uppercase;
  674. color:{color:sidebar description}; /*text color of description*/
  675. margin-top:25px;
  676. margin-bottom: 20px;
  677.  
  678. }
  679.  
  680. /*sidebar links start from here*/
  681.  
  682. #pops {
  683. border: {select:sidebar border} 1px {color:sidebar border}; /*color of border around sidebar links*/
  684. background-color: {color:background}; /*background color behind side links*/
  685. }
  686.  
  687. .sail a { /*sidebar links*/
  688. display: block;
  689. width: 100px;
  690. font-size:10px;
  691. padding: 2px;
  692. line-height:110%;
  693. text-align: center;
  694. letter-spacing: 1px;
  695. margin: 10px;
  696. color:{color:sidebar links}; /*text color of sidebar links*/
  697. text-shadow: 1px 1px {color:sidebar links outline};,
  698. 1px -1px {color:sidebar links outline},
  699. 1px 0px {color:sidebar links outline},
  700. 0px 1px {color:sidebar links outline},
  701. 0px -1px {color:sidebar links outline},
  702. -1px 1px {color:sidebar links outline},
  703. -1px 0px {color:sidebar links outline},
  704. -1px -1px {color:sidebar links outline};
  705. /*change all the hex to the same code to change outline / stroke color of text*/
  706. text-transform:uppercase;
  707. background-image: url('{image:sidebar links bg}'); /*background image of sidelinks*/
  708. background-repeat:repeat;
  709. background-attachment:fixed;
  710. border-top:solid 1px {color:sidebar links border}; /*top border of side links*/
  711. border-left:solid 1px {color:sidebar links border}; /*left border of side links*/
  712. border-right: solid 1px {color:sidebar links border}; /*right border of side links*/
  713. border-bottom: solid 1px {color:sidebar links border}; /*bottom border of side links*/
  714.  
  715. }
  716.  
  717. .sail a:hover {
  718. letter-spacing: 5px;
  719. -webkit-transition: all .5s ease-in-out;
  720. -moz-transition: all .5s ease-in-out;
  721. -ms-transition: all .5s ease-in-out;
  722. -o-transition: all .5s ease-in-out;
  723. transition: all .5s ease-in-out;
  724. }
  725.  
  726. /* ☽ SIDEBAR END ☾ */
  727.  
  728. /* ☽ TAGS & POST INFO BEGIN ☾ */
  729.  
  730. .permalinks { /*permalinks are the small navigation symbols of each post, with the date, etc.*/
  731. background-color:transparent; /*color of permalinks background*/
  732. padding: 1px 5px 5px 1px;
  733. text-align:center;
  734. font-size:{text:permalinks size};
  735. text-transform:uppercase;
  736. margin-top:15px;
  737. -moz-transition-duration:.6s;
  738. -webkit-transition-duration:.6s;
  739. -o-transition-duration:.6s;
  740. -webkit-filter: blur(0px);
  741.  
  742.  
  743. }
  744.  
  745. .permalinks a {
  746. font-family:{font:body};
  747. letter-spacing:5px;
  748. font-size: {text:permalinks size};
  749. font-weight:normal;
  750. text-decoration:none;
  751. }
  752.  
  753.  
  754. .permalinks a:hover {
  755. letter-spacing:5px;
  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. .tags {
  764.  
  765. text-align:justify;
  766. padding: 0px 50px;
  767. margin-bottom:15px;
  768. color: {color:tag symbol}; /*this determines the color of the small # before the tags*/
  769. font-size:10px;
  770. text-shadow:0px 0px 3px #000; /*shadow color of # */
  771. padding-bottom: 30px;
  772. }
  773.  
  774. .tags a {
  775. color:{color:tags}; /*change this for the actual color of the tags*/
  776. font-size:8px;
  777. font-weight:bold;
  778. text-transform:uppercase;
  779. text-shadow:0px 0px 3px {color:tags glow}; /*shadow color of tags*/
  780.  
  781.  
  782. }
  783.  
  784.  
  785. .tags a:hover {
  786. letter-spacing:2px;
  787. color: {color:tag hover}; /*tag color on hover*/
  788. -webkit-transition: all 0.5s ease-in-out;
  789. -moz-transition: all 0.5s ease-in-out;
  790. -o-transition: all 0.5s ease-in-out;
  791. -ms-transition: all 0.5s ease-in-out;
  792. transition: all 0.5s ease-in-out;
  793.  
  794. }
  795.  
  796. #divider { /*this is the dividing image between the post and its info*/
  797. background-image:url('{image:divider}'); /*place the image here*/
  798. width:95%;
  799. height:4px;
  800. background-position:center;
  801. padding: 2px 10px;
  802. border: solid 1px {color:divider border}; /*border color of the image*/
  803. margin-bottom:5px;
  804. }
  805.  
  806. /* ☽ TAGS & POST INFO END ☾ */
  807.  
  808. /* ☽ CREDIT BEGIN ☾ */
  809.  
  810. /*DO NOT REMOVE THIS, DO NOT CHANGE CREDIT, AND DO NOT MAKE INVISIBLE OR HIDDEN IN ANY WAY. DO NOT ADD YOUR OWN CREDIT OR ALTER*/
  811.  
  812. .credit {
  813. font-weight:bold;
  814. padding:10px;
  815. font-size:15px;
  816. bottom:0px;
  817. right:20px;
  818. position:fixed;
  819. font-family:'times';
  820. -webkit-filter: blur(.5px);
  821. -moz-filter: blur(.5px);
  822. -o-filter: blur(.5px);
  823. -ms-filter: blur(.5px);
  824. filter: blur(.5px);
  825.  
  826. }
  827.  
  828. .credit a {
  829. color:{color:links}; /*color of credit; you are only allowed to change this, and do not change to a color that doesn't show*/
  830. }
  831.  
  832. .credit a:hover {
  833. color: {color:links hover}; /*color of credit on hover; you are only allowed to change this but do not change to a color that doesn't show*/
  834. }
  835.  
  836. /* ☽ CREDIT END ☾ */
  837.  
  838. </style>
  839.  
  840. <body>
  841. <!--* ☽ SIDEBAR BEGIN HERE ☾ *-->
  842.  
  843. <div id="boxy">
  844. <div class="anchor"><a href="/">{text:sidebar title}</a></div> <!--sidebar title!-->
  845. <div id="despacito">{text:description}
  846. <!--sidebar description, keep it up to only few lines for best appearance results!-->
  847. </div>
  848. <!--* ☽ SIDEBAR LINKS START HERE ☾ *-->
  849.  
  850. <div class="sail">
  851. <div id="pops"> <!--the title determines what shows when you hover on link!-->
  852. {block:ifshowlink1}
  853. <a href="{text:Link 1 URL}" title="{text:Link 1}.">{text:Link 1}</a>
  854. {/block:ifshowlink1}
  855. {block:ifshowlink2}
  856. <a href="{text:Link 2 URL}" title="{text:Link 2}.">{text:Link 2}</a>
  857. {/block:ifshowlink2}
  858. {block:ifshowlink3}
  859. <a href="{text:Link 3 URL}" title="{text:Link 3}.">{text:Link 3}</a>
  860. {/block:ifshowlink3}
  861. {block:ifshowlink4}
  862. <a href="{text:Link 4 URL}" title="{text:Link 4}.">{text:Link 4}</a>
  863. {/block:ifshowlink4}
  864. {block:ifshowlink5}
  865. <a href="{text:Link 5 URL}" title="{text:Link 5}.">{text:Link 5}</a>
  866. {/block:ifshowlink5}
  867. {block:ifshowlink6}
  868. <a href="{text:Link 6 URL}" title="{text:Link 6}.">{text:Link 6}</a>
  869. {/block:ifshowlink6}
  870. {block:ifshowlink7}
  871. <a href="{text:Link 7 URL}" title="{text:Link 7}.">{text:Link 7}</a>
  872. {/block:ifshowlink7}
  873.  
  874. </div></div>
  875. </div>
  876. </div>
  877.  
  878. <!--* ☽ SIDEBAR END ☾ *-->
  879.  
  880. <!--* ☽ CREDITS BEGIN HERE - DO NOT REMOVE OR MAKE HIDDEN ☾ *-->
  881.  
  882. <div class="credit"><a href="https://ddkinzart.tumblr.com" title="theme by ddkinzart">D.</a></div>
  883.  
  884. <!--* ☽ CREDIT END ☾ *-->
  885.  
  886. <!--* ☽ POST STRUCTURE BEGINS HERE ☾ *-->
  887.  
  888. <!--below is where the post structure begins, don't edit below this point if you're not familiar with coding or tumblr theme attritibutes-->
  889.  
  890. {block:Pagination}
  891. <div class="pagi">
  892. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  893. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  894. </div>
  895. {/block:Pagination}
  896. <div id="container">
  897. <div id="entries">
  898. {block:Posts}
  899. <div id="content">
  900. {block:Text}{block:Title}<div class="titulo">{Title}</div>{/block:Title}{Body}{/block:Text}
  901. {block:Photo}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  902. {block:Panorama}{LinkOpenTag}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Panorama}
  903. {block:Photoset}{Photoset}{block:Caption}{Caption}{/block:Caption}
  904. {/block:Photoset}
  905. {block:Quote}<div class="quote">❝{Quote}❞</div>{block:Source}{Source}{/block:Source}{/block:Quote}
  906. {block:Link}
  907. {block:Thumbnail}
  908. <img src="{Thumbnail}" alt="{Name}" style="width:95%;border-radius:25px">
  909. {/block:Thumbnail}
  910. <div id="linku">
  911. <a href="{URL}" class="link" {Target}>{Name}</a>
  912. </div>
  913. {/block:Link}
  914. {block:Chat}
  915. {block:Title}
  916. <div class="titulo">{Title}</div>{/block:Title}<br>
  917. <ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  918. {Line}</li>{/block:Lines}</ul>
  919. {/block:Chat}
  920. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  921. {block:Audio}
  922. {block:AudioPlayer}
  923. <div class="play">{AudioPlayer}</div>{/block:AudioPlayer}
  924. {block:AlbumArt}
  925. <div class="album"><img src="{AlbumArtURL}"></div>
  926. {/block:AlbumArt}
  927. <div class="trackinfo">
  928. {block:TrackName}<b>Title</b> {TrackName}{/block:TrackName}
  929. <br>{block:Artist}<b>Artist</b> {Artist}{/block:Artist}
  930. <br>{block:Album}<b>Album</b> {Album}{/block:Album}
  931. </div>
  932. {block:Caption}{Caption}{/block:Caption}
  933. {/block:Audio}
  934. {block:Answer}
  935. <div id="question">
  936. <div id="asker">{Asker}<span id="whisper"> whispered: </span></div><div id="ask">{Question}</div> <!--you can change the word 'whispered into something else!-->
  937. </div>
  938. <div id="answer">
  939. {Answer}</div>
  940. {/block:Answer}
  941. <div class="permalinks">
  942. {block:ifdivider}<div id="divider">&nbsp;</div>{/block:ifdivider}
  943. {block:RebloggedFrom}
  944. <a href="{ReblogParentURL}" title="via: {ReblogParentName}" >{text:permalink symbol}</a>
  945. {/block:RebloggedFrom}
  946. <a href="{Permalink}" title="{timeago}">{text:permalink symbol}</a>{block:NoteCount}
  947. <a href="{Permalink}" title="{NoteCount} hits.">{text:permalink symbol}</a>{/block:NoteCount}
  948. {block:ContentSource}
  949. <a href="{SourceURL}" title="source: {SourceTitle}">{text:permalink symbol}</a>
  950. {/block:ContentSource}
  951. <a href="{ReblogURL}" title="reblog" target="_blank">{text:permalink symbol}</a>
  952. {/block:RebloggedFrom}
  953. </div>
  954. <div class="tags">
  955. {block:HasTags}
  956. {block:Tags}
  957. <!--you can change symbol before tags to something else--># <a href="{TagURL}" title="{Tag}">{Tag}</a>
  958. {/block:Tags}
  959. {/block:HasTags}
  960. {block:PostNotes}{PostNotes}{/block:PostNotes}
  961. </div></div>
  962. {/block:Posts}
  963. </div>
  964. </div>
  965. </body>
  966.  
  967. <!--* ☽ POST STRUCTURE END ☾ *-->
  968.  
  969. </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!