API tools faq
paste
Advertisement
Monoxide

#4 - Hades // v1.1.0

Monoxide
May 8th, 2024
545
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 58.70 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html>
  4.  
  5. <!--------------------------------------------------------------------
  6.  
  7.  "Hades" // a custom tumblr theme made by dioti
  8.  Version: 1.1.0
  9.  Published: 06/01/20 (Last updated: 08/05/24)
  10.  
  11.  ----------
  12.  NOTES:
  13.  + Do not steal code or remove credits.
  14.  + Please ask for permission if using as a base code.
  15.  + You're free to edit the code, providing you do not republish it.
  16.  + Tested in Chrome, Firefox and Edge.
  17.  + Works best at 1920x1080 resolution.
  18.  ----------
  19.  CREDITS:
  20.  + Moveable tooltip script by Daniel Imms
  21.  + jQuery (https://jquery.com/)
  22.  + Custom fonts:
  23.      ~ Alegreya Sans (https://fonts.google.com/specimen/Alegreya+Sans)
  24.      ~ Caesar Dressing (https://fonts.google.com/specimen/Caesar+Dressing)
  25.      ~ Titillium Web (https://fonts.google.com/specimen/Titillium+Web)
  26.      ~ Gelasio (https://fonts.google.com/specimen/Gelasio)
  27.  + Icons:
  28.      ~ Font Awesome (http://fontawesome.io/)
  29.  + Images, icons and various other theme assets are from the game "Hades" which is created and owned by Supergiant Games, who hold the copyright of "Hades". The use of these assets are believed to qualify as fair use under United States copyright law, as such display does not significantly impede the right of the copyright holder to sell the copyrighted material.
  30.  ----------
  31.  
  32.  https://dioti.tumblr.com/
  33.  https://dioticodes.tumblr.com
  34.  
  35. --------------------------------------------------------------------->
  36.  
  37. <head>
  38.     <title>{Title}</title>
  39.         <link rel="shortcut icon" href="{Favicon}">
  40.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41.         {block:Description}
  42.             <meta name="description" content="{MetaDescription}" />
  43.         {/block:Description}
  44.        
  45.         <meta name="text:Name" content="Zagreus"/>
  46.         <meta name="text:Tagline" content="In the name of blogging! Tumblr, I accept &lt;a href=&quot;https://dioti.tumblr.com/post/190105572068/hades-a-custom-tumblr-theme-by&quot;&gt;this theme&lt;/a&gt;!"/>
  47.         <meta name="text:Post Font Size" content="18px"/>
  48.        
  49.         <meta name="select:Location" content="" title="None"/>
  50.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/2BKqi4di3/house-of-hades.jpg" title="House of Hades"/>
  51.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/Yg4qi4dif/garden.jpg" title="Garden"/>
  52.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/DToqi4djl/tartarus.jpg" title="Tartarus"/>
  53.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/Tyiqi4djs/asphodel.jpg" title="Asphodel"/>
  54.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/NHfqi4djx/elysium.jpg" title="Elysium"/>
  55.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/qvnqi4dk3/styx.jpg" title="Temple of Styx"/>
  56.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/kSSqi4dk8/void.jpg" title="The Void"/>
  57.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/9viqi4dke/sunrise_blue.jpg" title="Sunrise (Blue)"/>
  58.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/kiNqi4dkk/sunrise_red.jpg" title="Sunrise (Red)"/>
  59.         <meta name="select:Location" content="https://static.tumblr.com/rphroxy/ajsqi4dkq/cottage.jpg" title="Cottage"/>
  60.        
  61.         <meta name="select:Cursor Style" content="*, body {cursor: url(&#39;https://static.tumblr.com/rphroxy/n2tq3k0jx/cursordefault.png&#39;), auto!important} a:hover, a img:hover {cursor: url(&#39;https://static.tumblr.com/rphroxy/oVwq3k0lg/cursorinteractpress.png&#39;), auto!important}" title="Custom (Hover Alternative)"/>
  62.         <meta name="select:Cursor Style" content="" title="Normal"/>
  63.         <meta name="select:Cursor Style" content="*, body {cursor: url(&#39;https://static.tumblr.com/rphroxy/n2tq3k0jx/cursordefault.png&#39;), auto!important}" title="Custom (Static)"/>
  64.         <meta name="select:Cursor Style" content="*, body {cursor: url(&#39;https://static.tumblr.com/rphroxy/n2tq3k0jx/cursordefault.png&#39;), auto!important} a:hover, a img:hover {cursor: url(&#39;https://static.tumblr.com/rphroxy/w58q3k0l7/cursordefaultpress.png&#39;), auto!important}" title="Custom (Hover)"/>
  65.         <meta name="select:Cursor Style" content="*, body {cursor: url(&#39;https://static.tumblr.com/rphroxy/n2tq3k0jx/cursordefault.png&#39;), auto!important} .mouse-down {cursor: url(&#39;https://static.tumblr.com/rphroxy/w58q3k0l7/cursordefaultpress.png&#39;), auto!important}" title="Custom (Mouseclick)"/>
  66.         <meta name="select:Cursor Style" content="*, body {cursor: url(&#39;https://static.tumblr.com/rphroxy/n2tq3k0jx/cursordefault.png&#39;), auto!important} .mouse-down {cursor: url(&#39;https://static.tumblr.com/rphroxy/oVwq3k0lg/cursorinteractpress.png&#39;), auto!important}" title="Custom (Mouseclick Alternative)"/>
  67.        
  68.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/XJXqi43o1/empty-attack.png" title="None">
  69.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/NXLqi44za/aphrodite_attack.png" title="Aphrodite">
  70.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/u0Xqi44vn/ares_attack.png" title="Ares">
  71.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/mkDqi451k/artemis_attack.png" title="Artemis">
  72.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/o9yqi4ah4/athena_attack.png" title="Athena">
  73.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/G20qi5ob2/chaosb_attack.png" title="Chaos (Blessed)">
  74.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/ByWqi5ob7/chaosc_attack.png" title="Chaos (Cursed)">
  75.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/eIXqi5obc/demeter_attack.png" title="Demeter">
  76.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/TjQqi5ock/dionysus_attack.png" title="Dionysus">
  77.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/DNvqi5oco/hermes_attack.png" title="Hermes">
  78.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/kaoqi5ocu/poseidon_attack.png" title="Poseidon">
  79.         <meta name="select:Attack Boon" content="https://static.tumblr.com/rphroxy/E5Pqi5ocz/zeus_attack.png" title="Zeus">
  80.        
  81.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/VHRqi5q6q/primary.png" title="Standard"/>
  82.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/yg0qi4bf5/passive.png" title="Passive"/>
  83.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/nV6qi4bff/booninfo.png" title="Boon Info"/>
  84.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/GJGqi5pym/common.png" title="Tier (Common)"/>
  85.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/PMjqi5pys/rare.png" title="Tier (Rare)"/>
  86.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/hw1qi5pyw/epic.png" title="Tier (Epic)"/>
  87.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/DCjqi5pyz/legendary.png" title="Tier (Legendary)"/>
  88.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/a2Yqi5q2p/heroic.png" title="Tier (Heroic)"/>
  89.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/sn8qi5pz6/duo.png" title="Tier (Duo)"/>
  90.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/06Lqi4bnd/sell.png" title="Sell"/>
  91.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/vsIqi4bhh/shop_traits.png" title="Shop"/>
  92.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/ULNqi4bho/special_hammer.png" title="Hammer"/>
  93.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/WhDqi4bhw/npc_gift.png" title="NPC Gift"/>
  94.         <meta name="select:Attack Boon Frame" content="https://static.tumblr.com/rphroxy/jnuqi4bi2/mirror_of_darkness.png" title="Darkness"/>
  95.        
  96.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/T83qi43pb/empty-special.png" title="None">
  97.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/Ullqi44zh/aphrodite_special.png" title="Aphrodite">
  98.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/ln6qi44vx/ares_special.png" title="Ares">
  99.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/Ivuqi451s/artemis_special.png" title="Artemis">
  100.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/ddXqi4ahd/athena_special.png" title="Athena">
  101.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/InDqi5of4/chaosb_special.png" title="Chaos (Blessed)">
  102.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/jCJqi5of8/chaosc_special.png" title="Chaos (Cursed)">
  103.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/YuZqi5ofk/demeter_special.png" title="Demeter">
  104.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/p9xqi5ofq/dionysus_special.png" title="Dionysus">
  105.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/S6dqi5ofv/hermes_special.png" title="Hermes">
  106.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/kC0qi5og0/poseidon_special.png" title="Poseidon">
  107.         <meta name="select:Special Boon" content="https://static.tumblr.com/rphroxy/tTgqi5og4/zeus_special.png" title="Zeus">
  108.        
  109.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/VHRqi5q6q/primary.png" title="Standard"/>
  110.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/yg0qi4bf5/passive.png" title="Passive"/>
  111.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/nV6qi4bff/booninfo.png" title="Boon Info"/>
  112.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/GJGqi5pym/common.png" title="Tier (Common)"/>
  113.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/PMjqi5pys/rare.png" title="Tier (Rare)"/>
  114.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/hw1qi5pyw/epic.png" title="Tier (Epic)"/>
  115.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/DCjqi5pyz/legendary.png" title="Tier (Legendary)"/>
  116.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/a2Yqi5q2p/heroic.png" title="Tier (Heroic)"/>
  117.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/sn8qi5pz6/duo.png" title="Tier (Duo)"/>
  118.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/06Lqi4bnd/sell.png" title="Sell"/>
  119.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/vsIqi4bhh/shop_traits.png" title="Shop"/>
  120.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/ULNqi4bho/special_hammer.png" title="Hammer"/>
  121.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/WhDqi4bhw/npc_gift.png" title="NPC Gift"/>
  122.         <meta name="select:Special Boon Frame" content="https://static.tumblr.com/rphroxy/jnuqi4bi2/mirror_of_darkness.png" title="Darkness"/>
  123.        
  124.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/vs5qi43p5/empty-cast.png" title="None">
  125.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/7i9qi44zl/aphrodite_cast.png" title="Aphrodite">
  126.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/OO1qi44vt/ares_cast.png" title="Ares">
  127.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/lreqi451v/artemis_cast.png" title="Artemis">
  128.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/DDrqi4535/athena_cast.png" title="Athena">
  129.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/zEhqi5ohd/chaosb_cast.png" title="Chaos (Blessed)">
  130.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/Nbnqi5ohj/chaosc_cast.png" title="Chaos (Cursed)">
  131.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/fYHqi5ohx/demeter_cast.png" title="Demeter">
  132.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/hhAqi5oi1/dionysus_cast.png" title="Dionysus">
  133.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/2XJqi5oi5/hermes_cast.png" title="Hermes">
  134.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/0PPqi5oia/poseidon_cast.png" title="Poseidon">
  135.         <meta name="select:Cast Boon" content="https://static.tumblr.com/rphroxy/zyRqi5oie/zeus_cast.png" title="Zeus">
  136.        
  137.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/VHRqi5q6q/primary.png" title="Standard"/>
  138.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/yg0qi4bf5/passive.png" title="Passive"/>
  139.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/nV6qi4bff/booninfo.png" title="Boon Info"/>
  140.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/GJGqi5pym/common.png" title="Tier (Common)"/>
  141.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/PMjqi5pys/rare.png" title="Tier (Rare)"/>
  142.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/hw1qi5pyw/epic.png" title="Tier (Epic)"/>
  143.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/DCjqi5pyz/legendary.png" title="Tier (Legendary)"/>
  144.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/a2Yqi5q2p/heroic.png" title="Tier (Heroic)"/>
  145.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/sn8qi5pz6/duo.png" title="Tier (Duo)"/>
  146.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/06Lqi4bnd/sell.png" title="Sell"/>
  147.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/vsIqi4bhh/shop_traits.png" title="Shop"/>
  148.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/ULNqi4bho/special_hammer.png" title="Hammer"/>
  149.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/WhDqi4bhw/npc_gift.png" title="NPC Gift"/>
  150.         <meta name="select:Cast Boon Frame" content="https://static.tumblr.com/rphroxy/jnuqi4bi2/mirror_of_darkness.png" title="Darkness"/>
  151.        
  152.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/TSbqi43p8/empty-dash.png" title="None">
  153.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/tikqi44zn/aphrodite_dash.png" title="Aphrodite">
  154.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/Lmbqi44vv/ares_dash.png" title="Ares">
  155.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/XDVqi451x/artemis_dash.png" title="Artemis">
  156.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/7G9qi4aho/athena_dash.png" title="Athena">
  157.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/J2Cqi5okk/chaosb_dash.png" title="Chaos (Blessed)">
  158.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/mKeqi5okp/chaosc_dash.png" title="Chaos (Cursed)">
  159.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/voVqi5oku/demeter_dash.png" title="Demeter">
  160.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/w4Sqi5oky/dionysus_dash.png" title="Dionysus">
  161.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/P0qqi5ol2/hermes_dash.png" title="Hermes">
  162.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/MT6qi5ol7/poseidon_dash.png" title="Poseidon">
  163.         <meta name="select:Dash Boon" content="https://static.tumblr.com/rphroxy/OW3qi5olb/zeus_dash.png" title="Zeus">
  164.        
  165.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/VHRqi5q6q/primary.png" title="Standard"/>
  166.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/yg0qi4bf5/passive.png" title="Passive"/>
  167.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/nV6qi4bff/booninfo.png" title="Boon Info"/>
  168.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/GJGqi5pym/common.png" title="Tier (Common)"/>
  169.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/PMjqi5pys/rare.png" title="Tier (Rare)"/>
  170.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/hw1qi5pyw/epic.png" title="Tier (Epic)"/>
  171.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/DCjqi5pyz/legendary.png" title="Tier (Legendary)"/>
  172.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/a2Yqi5q2p/heroic.png" title="Tier (Heroic)"/>
  173.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/sn8qi5pz6/duo.png" title="Tier (Duo)"/>
  174.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/06Lqi4bnd/sell.png" title="Sell"/>
  175.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/vsIqi4bhh/shop_traits.png" title="Shop"/>
  176.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/ULNqi4bho/special_hammer.png" title="Hammer"/>
  177.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/WhDqi4bhw/npc_gift.png" title="NPC Gift"/>
  178.         <meta name="select:Dash Boon Frame" content="https://static.tumblr.com/rphroxy/jnuqi4bi2/mirror_of_darkness.png" title="Darkness"/>
  179.        
  180.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/Mdsqi43oy/empty-call.png" title="None">
  181.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/2qCqi44zq/aphrodite_call.png" title="Aphrodite">
  182.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/T03qi44vr/ares_call.png" title="Ares">
  183.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/H2fqi4520/artemis_call.png" title="Artemis">
  184.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/qbJqi4ahw/athena_call.png" title="Athena">
  185.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/5wRqi5omx/chaosb_health.png" title="Chaos (Blessed)">
  186.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/6t9qi5on2/chaosc_health.png" title="Chaos (Cursed)">
  187.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/Q09qi5on6/demeter_call.png" title="Demeter">
  188.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/iRSqi5onb/dionysus_call.png" title="Dionysus">
  189.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/Werqi5onf/hermes_call.png" title="Hermes">
  190.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/WbRqi5onk/poseidon_call.png" title="Poseidon">
  191.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/uINqi5ono/zeus_call.png" title="Zeus">
  192.         <meta name="select:Call Boon" content="https://static.tumblr.com/rphroxy/Qoxqi5oof/secret_call.png" title="[Redacted]">
  193.        
  194.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/VHRqi5q6q/primary.png" title="Standard"/>
  195.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/yg0qi4bf5/passive.png" title="Passive"/>
  196.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/nV6qi4bff/booninfo.png" title="Boon Info"/>
  197.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/GJGqi5pym/common.png" title="Tier (Common)"/>
  198.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/PMjqi5pys/rare.png" title="Tier (Rare)"/>
  199.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/hw1qi5pyw/epic.png" title="Tier (Epic)"/>
  200.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/DCjqi5pyz/legendary.png" title="Tier (Legendary)"/>
  201.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/a2Yqi5q2p/heroic.png" title="Tier (Heroic)"/>
  202.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/sn8qi5pz6/duo.png" title="Tier (Duo)"/>
  203.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/06Lqi4bnd/sell.png" title="Sell"/>
  204.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/vsIqi4bhh/shop_traits.png" title="Shop"/>
  205.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/ULNqi4bho/special_hammer.png" title="Hammer"/>
  206.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/WhDqi4bhw/npc_gift.png" title="NPC Gift"/>
  207.         <meta name="select:Call Boon Frame" content="https://static.tumblr.com/rphroxy/jnuqi4bi2/mirror_of_darkness.png" title="Darkness"/>
  208.        
  209.         <meta name="select:Boon Frame Brightness" content="100" title="100%"/>
  210.         <meta name="select:Boon Frame Brightness" content="25" title="25%"/>
  211.         <meta name="select:Boon Frame Brightness" content="50" title="50%"/>
  212.         <meta name="select:Boon Frame Brightness" content="75" title="75%"/>
  213.         <meta name="select:Boon Frame Brightness" content="150" title="150%"/>
  214.         <meta name="select:Boon Frame Brightness" content="200" title="200%"/>
  215.         <meta name="select:Boon Frame Brightness" content="250" title="250%"/>
  216.         <meta name="select:Boon Frame Brightness" content="300" title="300%"/>
  217.        
  218.         <meta name="select:Boon Icon Brightness" content="100" title="100%"/>
  219.         <meta name="select:Boon Icon Brightness" content="25" title="25%"/>
  220.         <meta name="select:Boon Icon Brightness" content="50" title="50%"/>
  221.         <meta name="select:Boon Icon Brightness" content="75" title="75%"/>
  222.         <meta name="select:Boon Icon Brightness" content="150" title="150%"/>
  223.         <meta name="select:Boon Icon Brightness" content="200" title="200%"/>
  224.         <meta name="select:Boon Icon Brightness" content="250" title="250%"/>
  225.         <meta name="select:Boon Icon Brightness" content="300" title="300%"/>
  226.        
  227.         <meta name="select:Pin Brightness" content="100" title="100%"/>
  228.         <meta name="select:Pin Brightness" content="25" title="25%"/>
  229.         <meta name="select:Pin Brightness" content="50" title="50%"/>
  230.         <meta name="select:Pin Brightness" content="75" title="75%"/>
  231.         <meta name="select:Pin Brightness" content="150" title="150%"/>
  232.         <meta name="select:Pin Brightness" content="200" title="200%"/>
  233.         <meta name="select:Pin Brightness" content="250" title="250%"/>
  234.         <meta name="select:Pin Brightness" content="300" title="300%"/>
  235.        
  236.         <meta name="color:Background Colour" content="#692D1E"/>
  237.         <meta name="image:Custom Background Image" content=""/>
  238.         <meta name="text:Background Blur Amount" content="5"/>
  239.        
  240.         <meta name="color:Posts" content="#DADADA"/>
  241.         <meta name="color:Links" content="#F1D136"/>
  242.         <meta name="color:Tags" content="#00FF63"/>
  243.         <meta name="color:Accent" content="#FF9211"/>
  244.        
  245.         <meta name="text:Link 1 Title" content="Home"/>
  246.         <meta name="text:Link 1 URL" content="/"/>
  247.         <meta name="text:Link 2 Title" content="About"/>
  248.         <meta name="text:Link 2 URL" content="/about"/>
  249.         <meta name="text:Link 3 Title" content="Ask"/>
  250.         <meta name="text:Link 3 URL" content="/ask"/>
  251.         <meta name="text:Link 4 Title" content="Random"/>
  252.         <meta name="text:Link 4 URL" content="/random"/>
  253.         <meta name="text:Link 5 Title" content="Archive"/>
  254.         <meta name="text:Link 5 URL" content="/archive"/>
  255.        
  256.         <meta name="if:Show Name Tooltip" content="0"/>
  257.         <meta name="if:Show Sidebar Pins on Hover" content="1"/>
  258.         <meta name="if:Show Captions" content="1"/>
  259.         <meta name="if:Enable Custom List Bullets" content="1"/>
  260.         <meta name="if:Enable Page Scrollbar" content="0"/>
  261.        
  262.         <link href="https://fonts.googleapis.com/css?family=Alegreya+Sans:900|Caesar+Dressing|Titillium+Web:300|Gelasio&display=swap" rel="stylesheet">
  263.         <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
  264.        
  265.         <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
  266.        
  267.         <!-- preloads some theme assets -->
  268.         <!-- changes cursor when the mouse is clicked -->
  269.         <!-- moveable tooltips -->
  270.         <script>
  271.             window.onload=function(){$("*, body").on("mousedown",function(){$(this).addClass("mouse-down")}).on("mouseup",function(){$(this).removeClass("mouse-down")}),(new Image).src="https://static.tumblr.com/rphroxy/z5uq3kium/button_selected.png";var o=document.querySelectorAll(".navlink span,.prev span,.next span,.c span{block:IfShowNameTooltip},.name-txt span{/block:IfShowNameTooltip}");window.onmousemove=function(n){for(var e=n.clientX+15+"px",t=n.clientY-20+"px",l=0;l<o.length;l++)o[l].style.top=t,o[l].style.left=e}};
  272.        </script>
  273.        
  274.         <style>
  275.             /*** SCROLLBAR  ***/
  276.             ::-webkit-scrollbar {width: 12px; background-color: #21211F}
  277.             ::-webkit-scrollbar-thumb {background-color: #4F4D49}
  278.            
  279.             pre::-webkit-scrollbar {height: 5px; background-color: #21211F}
  280.             pre::-webkit-scrollbar-thumb {background-color: #4F4D49}
  281.             pre::-webkit-scrollbar-track {box-shadow: 0px 0px 5px black inset;}
  282.            
  283.             .firefox-scroll, pre {
  284.                scrollbar-color: #4F4D49 #21211F;
  285.                scrollbar-width: thin;
  286.             }
  287.            
  288.             /*
  289.             *, body {cursor: url(''), auto!important}
  290.             a:hover, a img:hover {cursor: url(), auto!important}
  291.             */
  292.            
  293.             /*** CURSORS ***/
  294.             {select:Cursor Style}
  295.             _:-ms-lang(x), _:-webkit-full-screen, *, body, a:hover, a img:hover {cursor:auto!important} /* don't change cursor for IE and Edge */
  296.            
  297.             /*** TEXT SELECTION COLOURS ***/
  298.             ::selection {background-color: #656565}
  299.             ::-moz-selection {background-color: #656565}
  300.        
  301.             body {
  302.                 margin: 0;
  303.                 padding: 0;
  304.                 text-align: center;
  305.                 overflow: hidden;
  306.                 {block:ifEnablePageScrollbar}
  307.                     overflow: auto!important;
  308.                 {/block:ifEnablePageScrollbar}
  309.             }
  310.            
  311.             a {text-decoration: none}
  312.             a:focus { outline: none}
  313.             b {color: {color:Accent}; font-weight: normal;}
  314.            
  315.             ul {list-style: none}
  316.            
  317.             {block:IfEnableCustomListBullets}
  318.             ul {padding-left: 20px}
  319.             ul li {position: relative; padding-left: 20px}
  320.             ul li:before {
  321.                 content: '';
  322.                 width: 1em;
  323.                 height: 1em;
  324.                 position: absolute;
  325.                 background-image: url('https://static.tumblr.com/rphroxy/980q3k4hc/ammo20.png');
  326.                 background-size: cover;
  327.                 background-position: center;
  328.                 left: 0;
  329.                 top: 0.25em;
  330.             }
  331.             {/block:IfEnableCustomListBullets}
  332.            
  333.             {block:IfNotEnableCustomListBullets}
  334.             ul li::before {
  335.                 font-family: 'Arial', sans-serif;
  336.                 content: "•";
  337.                 color: {color:Accent};
  338.                 font-weight: bold;
  339.                 display: inline-block;
  340.                 width: 1em;
  341.                 margin-left: -1em;
  342.             }
  343.             {block:IfNotEnableCustomListBullets}
  344.            
  345.             ol li {
  346.                 counter-increment: list;
  347.                 list-style-type: none;
  348.                 position: relative;
  349.             }
  350.            
  351.             ol li:before {
  352.                 color: {color:Accent};
  353.                 content: counter(list) ".";
  354.                 left:-32px;
  355.                 position: absolute;
  356.                 text-align: right;
  357.                 width: 26px;
  358.             }
  359.            
  360.             img, video {width: auto; height: auto;}
  361.             iframe, img, embed, object, video {max-width: 100%}
  362.            
  363.             embed {font-family: 'Calibri';}
  364.            
  365.             blockquote {
  366.                 padding-left: 1em;
  367.                 margin-left: 0.7em;
  368.                 margin-right: 0;
  369.                 border-left: 1.6px groove #4F4D49;
  370.             }
  371.            
  372.             code {
  373.                 text-shadow: none;
  374.                 color: {color:Accent};
  375.                 font: 0.8em 'Courier New', 'Courier', monospace;
  376.                 margin-left: 0.1em;
  377.                 margin-right: 0.1em;
  378.                 background-color: #21211F;
  379.                 padding: 0.1em 0.3em 0.1em 0.3em;
  380.             }
  381.            
  382.             pre {
  383.                 background-color: #21211F;
  384.                 padding: 0.8em 1.2em 0.8em 1.2em;
  385.                 font: 0.8em 'Courier New', 'Courier', monospace;
  386.                 text-shadow: none;
  387.                 overflow: auto;
  388.             }
  389.            
  390.             hr {
  391.                 border-style: inset;
  392.                 border-color: #4F4D49;
  393.             }
  394.            
  395.             .npf_row {margin: 0!important} /* fix npf posts */
  396.            
  397.             .read_more {
  398.                 background-image: url('https://static.tumblr.com/rphroxy/fbcq3kiuj/button.png');
  399.                 background-position: center;
  400.                 background-size: contain;
  401.                 background-repeat: no-repeat;
  402.                 padding: 1em;
  403.                 font: 20px "Alegreya Sans", sans-serif;
  404.                 color: #E2E2E2!important;
  405.                 text-transform: uppercase;
  406.                 display: inline-block;
  407.                 margin-left: 50%;
  408.                 transform: translate(-50%);
  409.             }
  410.            
  411.             .read_more:hover {
  412.                 background-image: url('https://static.tumblr.com/rphroxy/z5uq3kium/button_selected.png');
  413.                 color: #a8a8a8!important;
  414.             }
  415.            
  416.             .unselectable {
  417.                 -webkit-user-select: none; /* Safari 3.1+ */
  418.                 -moz-user-select: none; /* Firefox 2+ */
  419.                 -ms-user-select: none; /* IE 10+ */
  420.                 user-select: none; /* Standard syntax */
  421.             }
  422.            
  423.             #bg {
  424.                 width: 100%;
  425.                 height: 100%;
  426.                 top: 0;
  427.                 z-index: -1;
  428.                 position: fixed;
  429.                 background-color: {color:Background Colour};
  430.                 transform: scale(calc(1 + ({text:Background Blur Amount}/300)));
  431.             }
  432.            
  433.             .bg-img {
  434.                 width: 100%;
  435.                 height: 100%;
  436.                 /* "ImageImage" is the new "moon moon" */
  437.                 {block:IfCustomBackgroundImageImage}
  438.                     background: url('{image:Custom Background Image}') no-repeat center;
  439.                 {/block:IfCustomBackgroundImageImage}
  440.                 {block:IfNotCustomBackgroundImageImage}
  441.                     background: url('{select:Location}') no-repeat center;
  442.                 {/block:IfNotCustomBackgroundImageImage}
  443.                 position: fixed;
  444.                 background-size: cover;
  445.                 filter: blur({text:Background Blur Amount}px);
  446.                 -webkit-filter: blur({text:Background Blur Amount}px);
  447.                
  448.             }
  449.            
  450.             #header
  451.             {
  452.                 position: relative;
  453.                 height: 252px;
  454.                 width: 553px;
  455.                 margin: 15px auto 0 auto;
  456.                 padding-right: 25px;
  457.                 z-index: 1;
  458.             }
  459.            
  460.             .header-img
  461.             {    
  462.                 position: absolute;
  463.                 left: 0;
  464.                 top: 0;
  465.             }
  466.            
  467.             .name-bg {
  468.                 position: absolute;
  469.                 margin: 0;
  470.                 left: 68px;
  471.                 top: 62px;
  472.                 width: 170px;
  473.                 max-height: 38px;
  474.                 overflow: hidden;
  475.                 /*background-color: green;*/
  476.             }
  477.            
  478.             .name-txt {
  479.                 font: 30px "Caesar Dressing", sans-serif;
  480.                 color: #E2E2E2;
  481.                 text-transform: lowercase;
  482.             }
  483.            
  484.             .name-txt:hover {color: #CF532D}
  485.            
  486.             {block:IfShowNameTooltip}
  487.             .name-txt span {
  488.                 display: none;
  489.                 position: absolute;
  490.                 bottom: 0;
  491.                 left: 0;
  492.                 right: 0;
  493.                 color: #E2E2E2;
  494.                 font: 20px "Alegreya Sans", sans-serif;
  495.                 text-transform: uppercase;
  496.                 text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  497.             }
  498.             .name-txt:hover span {
  499.                 display: block;
  500.                 position: fixed;
  501.                 overflow: hidden;
  502.                 text-align: left;
  503.             }
  504.             {/block:IfShowNameTooltip}
  505.            
  506.             .desc-bg {
  507.                 position: absolute;
  508.                 left: 60px;
  509.                 top: 130px;
  510.                 width: 455px;
  511.                 height: 90px;
  512.                 overflow: hidden;
  513.                 /*background-color: green;*/
  514.             }
  515.            
  516.             .desc-txt {
  517.                 position: absolute;
  518.                 font: 20px "Alegreya Sans", sans-serif;
  519.                 color: #282624;
  520.                 margin: 0;
  521.                 width: 100%;
  522.                 top: 50%;
  523.                 left: 50%;
  524.                 transform: translate(-50%,-50%);
  525.                 /*background-color: blue;*/
  526.             }
  527.            
  528.             .desc-txt a {color: #CF532D}
  529.            
  530.             .desc-txt a:hover {
  531.                 filter: brightness(125%);
  532.                 -webkit-filter: brightness(125%);  
  533.             }
  534.            
  535.             #left, #right {
  536.                 position: absolute;
  537.                 bottom: 0;
  538.                 z-index: 3;
  539.             }
  540.            
  541.             #left {left: calc(50% - 445px)}
  542.             #right {right: calc(50% - 445px)}
  543.            
  544.             .pagination {
  545.                 position: relative;
  546.                 margin-bottom: 40px;
  547.             }
  548.            
  549.             .prev, .curr, .next {
  550.                 display: block;
  551.                 margin-bottom: 20px;
  552.             }
  553.            
  554.             .next, .prev {
  555.                 width: 40px;
  556.                 margin: 0 auto;
  557.                 margin-bottom: 20px;
  558.             }
  559.            
  560.             .arrow {display: block}
  561.            
  562.             .prev .arrow {transform: rotate(180deg)}
  563.            
  564.             .curr {width: 75px}
  565.            
  566.             .pagenum {
  567.                 z-index: 4;
  568.                 position: absolute;
  569.                 left: 0;
  570.                 right: 0;
  571.                 margin-top: 20%;
  572.                 color: #E2E2E2;
  573.                 font: 32px "Alegreya Sans", sans-serif;
  574.                 text-transform: uppercase;
  575.                 text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  576.             }
  577.            
  578.             {block:IfShowSidebarPinsonHover}
  579.             .pin {
  580.                 height: 23px;
  581.                 width: auto;
  582.                 position: absolute;
  583.                 z-index: 3;
  584.                 margin-left: 7px;
  585.                 margin-top: 7px;
  586.                 display: block;
  587.                 transform: translateY(-5px);
  588.                 opacity: 0;
  589.                 filter: brightness({select:Pin Brightness}%)!important;
  590.                 -webkit-filter: brightness({select:Pin Brightness}%)!important;
  591.                 transition: 0.3s ease;
  592.                 -o-transition: 0.3s ease;
  593.                 -moz-transition: 0.3s ease;
  594.                 -webkit-transition: 0.3s ease;
  595.             }
  596.             .boon a:hover .pin {
  597.                 display: block;
  598.                 opacity: 1;
  599.                 transition: transform 250ms;
  600.                 transform: translateY(0px);
  601.             }
  602.             {/block:IfShowSidebarPinsonHover}
  603.            
  604.             .navlink {
  605.                 display: block;
  606.                 position: relative;
  607.                 text-decoration: none;
  608.             }
  609.            
  610.             .boon {
  611.                 display: block;
  612.                 margin-bottom: 20px;
  613.                 width: 75px;
  614.                 height: 75px;
  615.             }
  616.            
  617.             .boon-frame {
  618.                 position: absolute;
  619.                 z-index: 2;
  620.                 filter: brightness({select:Boon Frame Brightness}%);
  621.                 -webkit-filter: brightness({select:Boon Frame Brightness}%);
  622.             }
  623.            
  624.             .boon-icon {
  625.                 position: relative;
  626.                 z-index: 1;
  627.                 filter: brightness({select:Boon Icon Brightness}%);
  628.                 -webkit-filter: brightness({select:Boon Icon Brightness}%);
  629.             }
  630.            
  631.             .boon-bg {
  632.                 /*margin-left: 50px!important;*/
  633.             }
  634.            
  635.             .boon-icon, .boon-bg {transform: scale(0.75)}
  636.            
  637.             .navtip {
  638.                 z-index: 4;
  639.                 display: none;
  640.                 position: absolute;
  641.                 bottom: 0;
  642.                 left: 0;
  643.                 right: 0;
  644.                 color: #E2E2E2;
  645.                 font: 20px "Alegreya Sans", sans-serif;
  646.                 text-transform: uppercase;
  647.                 text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  648.             }
  649.            
  650.             .navlink:hover span, .prev:hover span, .next:hover span {
  651.                 display: block;
  652.                 position: fixed;
  653.                 overflow: hidden;
  654.                 text-align: left;
  655.             }
  656.            
  657.             .arrow:hover {block:IfNotShowSidebarPinsonHover},
  658.             .boon a:hover {/block:IfNotShowSidebarPinsonHover} {
  659.                 filter: brightness(150%);
  660.                 -webkit-filter: brightness(150%);
  661.                 display: block;
  662.             }
  663.            
  664.             #posts-container {
  665.                 position: absolute;
  666.                 width: 550px;
  667.                 max-height: 687px;
  668.                 top: 275px;
  669.                 bottom: 15px; /* redundant but just to make sure */
  670.                 left: calc(50% - 21px); /* offsets post bg img */
  671.                 transform: translateX(-45%);
  672.                 z-index: 2;
  673.                 overflow: auto;
  674.             }
  675.            
  676.             #main
  677.             {
  678.                 position: absolute;
  679.                 left: calc(50% - 21px); /* offsets post bg img */
  680.                 transform: translateX(-50%);
  681.                 width: 900px;
  682.                 height: 835px;
  683.                 margin: -100px auto 35px auto;
  684.             }
  685.            
  686.             .posts-bg img
  687.             {    
  688.                 position: absolute;
  689.                 width: 900px;
  690.                 margin-bottom: 20px;
  691.             }
  692.            
  693.             .posts {
  694.                 position: absolute;
  695.                 font-family: 'Titillium Web', sans-serif;
  696.                 font-size: {text:Post Font Size};
  697.                 color: {color:Posts};
  698.                 text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  699.                 margin: 0;
  700.                 width: 520px;
  701.                 text-align: left;
  702.                 /*background-color: blue;*/
  703.             }
  704.            
  705.             .posts h1 {
  706.                 font-family: 'Gelasio', serif;
  707.                 text-transform: uppercase;
  708.                 font-weight: normal;
  709.                 letter-spacing: 0.4em;
  710.                 text-align: center;
  711.             }
  712.            
  713.             .posts a, .posts a b:not(.read_more) {color: {color:Links}}
  714.             .posts a:not(.read_more):hover {
  715.                 filter: brightness(150%);
  716.                 -webkit-filter: brightness(150%);
  717.             }
  718.  
  719.             .post {
  720.                 {block:IndexPage}
  721.                     margin-bottom: 100px;
  722.                 {/block:IndexPage}
  723.                 {block:PermalinkPage}
  724.                     margin-bottom: 70px;
  725.                 {/block:PermalinkPage}
  726.             }
  727.            
  728.             .post:last-of-type {margin-bottom: 30px}
  729.            
  730.             .quote .short, .quote .medium, .quote .long {
  731.                 text-align: center;
  732.                 color: {color:Accent};
  733.                 margin-bottom: 0;
  734.             }
  735.             .quote .short {font-size: 2em}
  736.             .quote .medium {font-size: 1.5em}
  737.             .quote .long {font-size: 1em}
  738.             /* nested reblog captions for quote posts are broken as hell and i don't know why. i'm just going to blame tumblr and leave it as it is. as an (in)famous man once said, "it just works." */
  739.             .quote .source {text-align: right; margin-top: 0}
  740.            
  741.             /* usually this would be .link but i forgot i'm already using that for the navbar/pagination and i can't be bothered to go back and change it */
  742.             .link-post .source {text-align: right; margin-top: -1.5em}
  743.             .link-post .excerpt {text-align: center; color: {color:Accent}}
  744.            
  745.             .chat {width: calc(100% - 40px)}
  746.             .chat li {padding-left: 0.5em}
  747.             .chat li:before {
  748.                 position: relative;
  749.                 background-image: none;
  750.             }
  751.             {block:IfNotEnableCustomListBullets}
  752.             .chat {padding-left: 20px}
  753.             .chat li {padding-left: 0.3em}
  754.             .chat li:before {content: ''}
  755.             {/block:IfNotEnableCustomListBullets}
  756.             .chat .even {background-color: #474643}
  757.             .chat .odd {background-color: #21211F}
  758.            
  759.             .video iframe {margin-left: 10px}
  760.            
  761.             .ask .question {text-align: center}
  762.             .ask .question .asker h3 {margin-bottom: 0}
  763.             .ask .question .q {color: {color:Accent}}
  764.            
  765.             .audio {text-align: center;}
  766.  
  767.             .default_album_bg, .album_art {
  768.                 width: 200px;
  769.                 height: 200px;
  770.                 margin-bottom: 5px;
  771.             }
  772.              
  773.             .player {
  774.                 width: 200px;
  775.                 height: auto;
  776.                 z-index: 1;
  777.                 position: absolute;
  778.                 margin-left: 50%;
  779.                 margin-top: 30%;
  780.                 transform: translate(-50%, 50%);
  781.                 opacity: 0.7;
  782.             }
  783.              
  784.             .default_album_bg {
  785.                 background-color: #21211F;
  786.                 color: #4F4D49;
  787.                 display: inline-block;
  788.             }
  789.            
  790.             .default_album_art {
  791.                 transform: translateY(12%);
  792.                 filter: grayscale(100%) contrast(35%) brightness(45%);
  793.             }
  794.              
  795.             .album_art {
  796.                 position: absolute;
  797.                 margin-left: -200px;
  798.             }
  799.            
  800.             .audio_info .track_info {
  801.                 font-family: "Alegreya Sans", sans-serif;
  802.                 text-transform: uppercase;
  803.                 color: {color:Accent};
  804.                 margin-top: 0.2em;
  805.             }
  806.            
  807.             .audio_info .play_count {
  808.                 font-size: 0.8em;
  809.                 margin-top: -0.2em;
  810.             }
  811.            
  812.             #tags {
  813.                 line-height: 0.8em;
  814.                 margin-top: -0.1em;
  815.             }
  816.            
  817.             .tag {
  818.                 color: {color:Tags}!important;
  819.                 font-size: 0.8em;
  820.             }
  821.            
  822.             .notes ol li:before {content: ''}
  823.             .notes img {
  824.                 margin-right: 10px;
  825.                 border: 1px solid black;
  826.             }
  827.            
  828.             .c {
  829.                 position: fixed;
  830.                 left: 10px;
  831.                 bottom: 9px;
  832.                 width: 30px;
  833.                 z-index: 999;
  834.             }
  835.             .c img {opacity: 0.4}
  836.             .c img:hover {opacity: 1}
  837.             .c span {
  838.                 z-index: 1000;
  839.                 display: none;
  840.                 position: absolute;
  841.                 bottom: 0;
  842.                 left: 0;
  843.                 right: 0;
  844.                 color: #E2E2E2;
  845.                 font: 20px "Alegreya Sans", sans-serif;
  846.                 text-transform: uppercase;
  847.                 text-shadow: -1.5px 0 black, 0 1.5px black, 1.5px 0 black, 0 -1.5px black;
  848.             }
  849.             .c:hover span {
  850.                 display: block;
  851.                 position: fixed;
  852.                 overflow: hidden;
  853.                 text-align: left;
  854.             }
  855.            
  856.             {CustomCSS}
  857.            
  858.         </style>
  859.        
  860. </head>
  861.  
  862.  
  863.  
  864.  
  865.  
  866. <body>
  867.  
  868.  
  869.  
  870.     <div id="bg">
  871.         <div class="bg-img"></div>
  872.     </div>
  873.  
  874.  
  875.  
  876.     <div id="header">
  877.         <img class="header-img unselectable" src="https://static.tumblr.com/rphroxy/TwXq3o9xf/header.png" draggable="false"/>
  878.         <div class="name-bg unselectable">
  879.             <a class="name-txt" href="/">{text:Name}{block:IfShowNameTooltip}<span>Home</span>{/block:IfShowNameTooltip}</a>
  880.         </div>
  881.         <div class="desc-bg unselectable">
  882.             <p class="desc-txt">{text:Tagline}</p>
  883.         </div>
  884.     </div>
  885.    
  886.    
  887.    
  888.     <div id="left">
  889.         <div class="navbar unselectable">
  890.            
  891.             <div class="navlink">
  892.                 <div class="boon attack">
  893.                     {block:IfLink1URL}<a href="{text:Link 1 URL}">{/block:IfLink1URL}
  894.                     {block:IfShowSidebarPinsonHover}<img class="pin" draggable="false" src="https://static.tumblr.com/rphroxy/E7mqi46cw/pin.png">{/block:IfShowSidebarPinsonHover}
  895.                     <img class="boon-frame" draggable="false" src="{select:Attack Boon Frame}">
  896.                     {block:IfLink1URL}<img class="boon-icon" src="{select:Attack Boon}">{/block:IfLink1URL}
  897.                     {block:IfNotLink1URL}<img class="boon-bg" src="https://static.tumblr.com/rphroxy/XJXqi43o1/empty-attack.png">{/block:IfNotLink1URL}
  898.                     {block:IfLink1URL}</a>{/block:IfLink1URL}
  899.                 </div>
  900.                 {block:IfLink1URL}<span class="navtip">{text:Link 1 Title}</span>{/block:IfLink1URL}
  901.             </div>
  902.            
  903.             <div class="navlink">
  904.                 <div class="boon special">
  905.                     {block:IfLink2URL}<a href="{text:Link 2 URL}">{/block:IfLink2URL}
  906.                     {block:IfShowSidebarPinsonHover}<img class="pin" draggable="false" src="https://static.tumblr.com/rphroxy/E7mqi46cw/pin.png">{/block:IfShowSidebarPinsonHover}
  907.                     <img class="boon-frame" draggable="false" src="{select:Special Boon Frame}">
  908.                     {block:IfLink2URL}<img class="boon-icon" src="{select:Special Boon}">{/block:IfLink2URL}
  909.                     {block:IfNotLink2URL}<img class="boon-bg" src="https://static.tumblr.com/rphroxy/T83qi43pb/empty-special.png">{/block:IfNotLink2URL}
  910.                     {block:IfLink2URL}</a>{/block:IfLink2URL}
  911.                 </div>
  912.                 {block:IfLink2URL}<span class="navtip">{text:Link 2 Title}</span>{/block:IfLink2URL}
  913.             </div>
  914.            
  915.             <div class="navlink">
  916.                 <div class="boon cast">
  917.                     {block:IfLink3URL}<a href="{text:Link 3 URL}">{/block:IfLink3URL}
  918.                     {block:IfShowSidebarPinsonHover}<img class="pin" draggable="false" src="https://static.tumblr.com/rphroxy/E7mqi46cw/pin.png">{/block:IfShowSidebarPinsonHover}
  919.                     <img class="boon-frame" draggable="false" src="{select:Cast Boon Frame}">
  920.                     {block:IfLink3URL}<img class="boon-icon" src="{select:Cast Boon}">{/block:IfLink3URL}
  921.                     {block:IfNotLink3URL}<img class="boon-bg" src="https://static.tumblr.com/rphroxy/vs5qi43p5/empty-cast.png">{/block:IfNotLink3URL}
  922.                     {block:IfLink3URL}</a>{/block:IfLink3URL}
  923.                 </div>
  924.                 {block:IfLink3URL}<span class="navtip">{text:Link 3 Title}</span>{/block:IfLink3URL}
  925.             </div>
  926.            
  927.             <div class="navlink">
  928.                 <div class="boon dash">
  929.                     {block:IfLink4URL}<a href="{text:Link 4 URL}">{/block:IfLink4URL}
  930.                     {block:IfShowSidebarPinsonHover}<img class="pin" draggable="false" src="https://static.tumblr.com/rphroxy/E7mqi46cw/pin.png">{/block:IfShowSidebarPinsonHover}
  931.                     <img class="boon-frame" draggable="false" src="{select:Dash Boon Frame}">
  932.                     {block:IfLink4URL}<img class="boon-icon" src="{select:Dash Boon}">{/block:IfLink4URL}
  933.                     {block:IfNotLink4URL}<img class="boon-bg" src="https://static.tumblr.com/rphroxy/TSbqi43p8/empty-dash.png">{/block:IfNotLink4URL}
  934.                     {block:IfLink4URL}</a>{/block:IfLink4URL}
  935.                 </div>
  936.                 {block:IfLink4URL}<span class="navtip">{text:Link 4 Title}</span>{/block:IfLink4URL}
  937.             </div>
  938.            
  939.             <div class="navlink">
  940.                 <div class="boon call">
  941.                     {block:IfLink5URL}<a href="{text:Link 5 URL}">{/block:IfLink5URL}
  942.                     {block:IfShowSidebarPinsonHover}<img class="pin" draggable="false" src="https://static.tumblr.com/rphroxy/E7mqi46cw/pin.png">{/block:IfShowSidebarPinsonHover}
  943.                     <img class="boon-frame" draggable="false" src="{select:Call Boon Frame}">
  944.                     {block:IfLink5URL}<img class="boon-icon" src="{select:Call Boon}">{/block:IfLink5URL}
  945.                     {block:IfNotLink5URL}<img class="boon-bg" src="https://static.tumblr.com/rphroxy/Mdsqi43oy/empty-call.png">{/block:IfNotLink5URL}
  946.                     {block:IfLink5URL}</a>{/block:IfLink5URL}
  947.                 </div>
  948.                 {block:IfLink5URL}<span class="navtip">{text:Link 5 Title}</span>{/block:IfLink5URL}
  949.             </div>
  950.            
  951.         </div>
  952.     </div>
  953.    
  954.    
  955.    
  956.     {block:Pagination}
  957.     <div id="right">
  958.         <div class="pagination unselectable">
  959.             {block:PreviousPage}
  960.             <a class="prev" href="{PreviousPage}"><img class="arrow" src="https://static.tumblr.com/rphroxy/GUFqi46h1/arrow.png" draggable="false"/><span class="navtip">Previous</span></a>
  961.             {/block:PreviousPage}
  962.            
  963.             <div class="curr"><img class="wreath" src="https://static.tumblr.com/rphroxy/tcCqi46c7/wreath.png" draggable="false"/><span class="pagenum">{CurrentPage}</span></div>
  964.            
  965.             {block:NextPage}
  966.             <a class="next" href="{NextPage}"><img class="arrow" src="https://static.tumblr.com/rphroxy/GUFqi46h1/arrow.png" draggable="false"/><span class="navtip">Next</span></a>
  967.             {/block:NextPage}
  968.         </div>
  969.     </div>
  970.     {/block:Pagination}
  971.    
  972.    
  973.    
  974.     <div id="main">
  975.         <img class="posts-bg unselectable" src="https://static.tumblr.com/rphroxy/Qs4q3od6j/posts.png" draggable="false"/>
  976.     </div>
  977.    
  978.    
  979.    
  980.     <div id="posts-container" class="firefox-scroll">
  981.         <div class="posts">
  982.        
  983.             {block:Posts}
  984.             <div class="post" id="{PostID}">
  985.                
  986.                 {block:Text}
  987.                     <div class="text">
  988.                         {block:Title}
  989.                             <h1>{Title}</h1>
  990.                         {/block:Title}
  991.                         <div class="caption">{Body}</div>
  992.                     </div>
  993.                 {/block:Text}
  994.                    
  995.                 {block:Quote}
  996.                     <div class="quote">
  997.                         <p class="{Length}">“{Quote}”</p>
  998.                         {block:Source}
  999.                             <h5 class="source">—{Source}</h5>                                         {/block:Source}
  1000.                     </div>
  1001.                 {/block:Quote}
  1002.                    
  1003.                 {block:Link}
  1004.                     <div class="link-post">
  1005.                         <h1 class="title"><a href="{URL}">{Name}</a></h1>
  1006.                         {block:Host}<h5 class="source">—{Host}</h5>{/block:Host}
  1007.                         {block:Excerpt}<div class="excerpt">"{Excerpt}"</div>{/block:Excerpt}
  1008.                     </div>
  1009.                     {block:Description}
  1010.                         <div class="caption">{Description}</div>
  1011.                     {/block:Description}
  1012.                 {/block:Link}
  1013.                    
  1014.                 {block:Photo}
  1015.                     <div class="photo">
  1016.                         <center>
  1017.                             {LinkOpenTag}
  1018.                                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1019.                             {LinkCloseTag}
  1020.                         </center>
  1021.                         {block:IfShowCaptions}
  1022.                             {block:Caption}
  1023.                                 <div class="caption">{Caption}</div>
  1024.                             {/block:Caption}
  1025.                         {/block:IfShowCaptions}
  1026.                     </div>
  1027.                 {/block:Photo}
  1028.                
  1029.                 {block:Photoset}
  1030.                     <div class="photoset">
  1031.                         <center>{Photoset-700}</center>
  1032.                         {block:IfShowCaptions}
  1033.                             {block:Caption}
  1034.                                 <div class="caption">{Caption}</div>
  1035.                             {/block:Caption}
  1036.                         {/block:IfShowCaptions}
  1037.                     </div>
  1038.                 {/block:Photoset}
  1039.                    
  1040.                 {block:Chat}
  1041.                     {block:Title}<h1>{Title}</h1>{/block:Title}
  1042.                         <ul class="chat">
  1043.                         {block:Lines}
  1044.                             <li class="{Alt}">
  1045.                             {block:Label}
  1046.                                 <span class="label"><b>{Label}</b></span>
  1047.                             {/block:Label}
  1048.                             &nbsp;<span class="line">{Line}</span>
  1049.                             </li>
  1050.                         {/block:Lines}
  1051.                     </ul>
  1052.                 {/block:Chat}
  1053.                
  1054.                 {block:Video}
  1055.                     <div class="video">{Video-500}
  1056.                     {block:IfShowCaptions}
  1057.                         {block:Caption}
  1058.                             <div class="caption">{Caption}</div>
  1059.                         {/block:Caption}
  1060.                     {/block:IfShowCaptions}
  1061.                     </div>
  1062.                 {/block:Video}
  1063.  
  1064.                 {block:Answer}
  1065.                 <div class="ask">
  1066.                     <div class="question">
  1067.                         <div class="asker"><h3>{Asker} said:</h3></div>
  1068.                         <div class="q"><i>{Question}</i></div>
  1069.                     </div>
  1070.                     <div class="answer">{Answer}</div>
  1071.                 </div>
  1072.                 {/block:Answer}
  1073.                
  1074.                 {block:Audio}
  1075.                     <div class="audio">
  1076.                         {block:AudioPlayer}
  1077.                             <div class="player unselectable">{AudioPlayerWhite}</div>
  1078.                         {/block:AudioPlayer}
  1079.                         <!--<div class="default_album_bg unselectable"><i class="fa fa-headphones"></i></div>-->
  1080.                         <div class="default_album_bg unselectable"><img class="default_album_art unselectable" src="https://static.tumblr.com/rphroxy/g42sd62be/music_sheet.png" draggable="false"/></div>
  1081.                         {block:AlbumArt}<img class="album_art unselectable" src="{AlbumArtURL}" draggable="false">{/block:AlbumArt}
  1082.                         <div class="audio_info">
  1083.                             <div class="track_info">
  1084.                                 {block:TrackName}{TrackName}{/block:TrackName}
  1085.                                 {block:Artist} by {Artist}{/block:Artist}
  1086.                             </div>
  1087.                             <!-- does tumblr not keep track of play counts anymore? -->
  1088.                             {block:PlayCount}<div class="play_count"><i class="fa fa-play-circle-o"></i>&nbsp;<span>{PlayCountWithLabel}</span></div>{/block:PlayCount}
  1089.                         </div>
  1090.                     </div>
  1091.                     {block:IfShowCaptions}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1092.                 {/block:Audio}
  1093.  
  1094.                 {block:Submission}
  1095.                     <h5 style="text-align:right">
  1096.                         (submitted by <a href="{SubmitterURL}">{Submitter}</a>)
  1097.                     </h5>
  1098.                 {/block:Submission}
  1099.                    
  1100.                 {block:Date}
  1101.                     <div class="pinfo">
  1102.                         <div id="perma">
  1103.                             {block:PermalinkPage}<a href="{Permalink}">{Year}-{MonthNumberWithZero}-{DayOfMonthWithZero} {24HourWithZero}:{Minutes}</a>, {NoteCountWithLabel}{/block:PermalinkPage}
  1104.                             {block:IndexPage}<a href="{Permalink}">{TimeAgo}</a>, {NoteCountWithLabel}{/block:IndexPage}
  1105.                         </div>
  1106.                         <div id="tags">
  1107.                             {block:Tags}<a class="tag" href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  1108.                         </div>
  1109.                     </div>
  1110.                 {block:Date}
  1111.            
  1112.             </div>
  1113.                    
  1114.             {block:PostNotes}
  1115.                 <div class="notes">{PostNotes}</div>
  1116.             {/block:PostNotes}
  1117.                    
  1118.             {/block:Posts}
  1119.            
  1120.         </div>
  1121.     </div>
  1122.    
  1123.     <!-- DON'T REMOVE THIS! -->
  1124.     <a class="c unselectable" href="https://dioti.tumblr.com"><img draggable="false" src="https://static.tumblr.com/rphroxy/Onlqi5rnb/elite.png"><span>theme</span></a>
  1125.    
  1126. </body>
  1127.  
  1128. </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!