6THEMES

ZEUS— THEME BY SIX.

Jul 31st, 2018
1,562
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.02 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ internetsmom.tumblr.com -- codes by six. ✱
  7.  
  8. - do not redistribute
  9. - do not copy any parts of the following code
  10.  
  11. ✱ thank you for using my themes! ✱
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <!DOCTYPE html>
  18. <head>
  19.  
  20. <title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <!-- tabs -->
  25.  
  26. <script>
  27. function openCity(evt, cityName) {
  28. var i, tabcontent, tablinks;
  29. tabcontent = document.getElementsByClassName("tabcontent");
  30. for (i = 0; i < tabcontent.length; i++) {
  31. tabcontent[i].style.display = "none";
  32. }
  33. tablinks = document.getElementsByClassName("tablinks");
  34. for (i = 0; i < tablinks.length; i++) {
  35. tablinks[i].className = tablinks[i].className.replace(" active", "");
  36. }
  37. document.getElementById(cityName).style.display = "block";
  38. evt.currentTarget.className += " active";
  39. }
  40. </script>
  41.  
  42. <script type="text/javascript">
  43. $(document).ready(function(){
  44.  
  45. $('ul.tabs li').click(function(){
  46. var tab_id = $(this).attr('data-tab');
  47.  
  48. $('ul.tabs li').removeClass('current');
  49. $('.tab-content').removeClass('current');
  50.  
  51. $(this).addClass('current');
  52. $("#"+tab_id).addClass('current');
  53. })
  54.  
  55. })
  56. </script>
  57.  
  58. <!-- CSS ICONS, SCRIPTS & GOOGLE FONTS -->
  59.  
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function() {
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77.  
  78. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  79.  
  80. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  81.  
  82. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  83.  
  84. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  85.  
  86. <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  87.  
  88. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  89.  
  90. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  91.  
  92. <style type="text/css">
  93.  
  94. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
  95.  
  96. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:#fff; background: #0f0f0f; z-index:99999; font-size:7px; text-transform:uppercase; font-family:arial; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  97.  
  98. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  99. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  100.  
  101. /* ---- TEXTS & CUSTOM FONTS ----*/
  102.  
  103. a:link, a:active, a:visited { text-decoration:none; }
  104.  
  105. a:hover { color:#fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  106.  
  107. @font-face{ font-family:"nouvelle"; src: url('https://dl.dropboxusercontent.com/s/ag5vx5qla7mrqg9/nouvelle_vague_final.ttf’)'); }
  108.  
  109. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/exj78lvoc594ylo/Signerica_Medium.ttf’)'); }
  110.  
  111. @font-face{ font-family:"primetime"; src: url('https://dl.dropboxusercontent.com/s/2b4vrdix7lxxfsw/PRIMETIME%20%E2%95%95%20PERSONAL%20USE%20ONLY.ttf’)'); }
  112.  
  113. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  114.  
  115. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  116.  
  117. @font-face{ font-family:"hermes"; src: url('https://dl.dropboxusercontent.com/s/rhje42nhg8bamiq/Herrmes.otf’)'); }
  118.  
  119. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  120.  
  121.  
  122. /* ---- BODY & CONTAINERS ---- */
  123.  
  124. body { font-family:helvetica; font-weight:100; font-size:11px; text-align:justify; margin:0; line-height:18px; background:#0a0a0a; background-image:url('https://static.tumblr.com/0898063b3a275c468063e1b29621b838/lrp7gdv/tHgp510df/tumblr_static_1pi3ioh4o2tcwkk4occs04gwg.png'); }
  125.  
  126. #backbar { position:absolute; width:100%; height:250px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#0f0f0f; }
  127.  
  128. #holder { position:absolute; width:670px; height:395px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#0f0f0f; border-radius:15px; padding:30px; padding-top:55px;}
  129.  
  130. #skeletons { position:absolute; width:670px; height:395px; margin-top:0px; margin-left:0px; background-color:#0f0f0f; border-radius:15px; overflow:hidden; }
  131.  
  132. #skeletons li { list-style:none; width:120px; height:120px; background:#267e97; border-radius:10px; margin-left:7px; margin-right:6px; float:left; margin-bottom:13px; overflow:hidden; }
  133.  
  134.  
  135. #title { position: absolute; top:-5px; right:0px; width:730px; height:80px; color:#fff; font-family:'robold'; font-size:36px; text-transform:uppercase; text-align:center; letter-spacing:3px; -webkit-text-stroke: 1px #c4bf34; -webkit-text-fill-color: rgba(0, 0, 0, 0);}
  136.  
  137. #subtitle { position: absolute; top:25px; right:0px; width:730px; height:80px; color:#fff; font-family:'robold'; font-size:7px; text-transform:uppercase; text-align:center; font-style:italic; letter-spacing:10px; color:#267e97;}
  138.  
  139. #subtitle a { color:#dc3675; }
  140.  
  141. </style>
  142. </head>
  143.  
  144.  
  145.  
  146. <body>
  147.  
  148. <div id="holder">
  149.  
  150. <div id="title">glory and gore go hand in hand</div>
  151.  
  152. <div id="subtitle"> <b><a href="https:/url.tumblr.com/"><i class="icon-arrow-left"></i> return to main <i class="icon-arrow-right"></i></b></a> / *darkened images = taken </div>
  153.  
  154. <div id="skeletons">
  155.  
  156. <a href="/url" title="hera"><li><img src="https://78.media.tumblr.com/432624d7cf024ead5a6c3bafa54b549c/tumblr_inline_p56qglYn1S1srid4g_500.png"></li></a>
  157.  
  158. <a href="/url" title="nike"><li><img src="https://78.media.tumblr.com/4e5a005691b20982bc27b06bf5166ce6/tumblr_inline_p56qj4Y7Ci1srid4g_500.png"></li></a>
  159.  
  160. <a href="/url" title="aphrodite"><li><img src="https://78.media.tumblr.com/9cf979b7738100e129eb2dd4a4f9cc9e/tumblr_inline_p5suefQDiX1v5fcgo_500.png"></li></a>
  161.  
  162. <a href="/url" title="apollo"><li><img src="https://78.media.tumblr.com/2f92caf5ab392c72cb1b22574dcfdeaa/tumblr_inline_p56qxu0T951srid4g_500.png"></li></a>
  163.  
  164. <a href="/url" title="ares"><li><img src="https://78.media.tumblr.com/93321125082124a0e8057a6f3a346bfd/tumblr_inline_p56t2wAd7J1srid4g_500.png"></li></a>
  165.  
  166. <a href="/url" title="artemis"><li><img src="https://78.media.tumblr.com/914068d486ebc31ecf9d7724c2cecd60/tumblr_inline_p56rr33bxa1srid4g_500.png"></li></a>
  167.  
  168. <a href="/url" title="athena"><li><img src="https://78.media.tumblr.com/cc591a8e8f65388ad96cdae6cd3fc7ed/tumblr_inline_p56rvnUdJA1srid4g_500.png"></li></a>
  169.  
  170. <a href="/url" title="dionysus"><li><img src="https://78.media.tumblr.com/c00c672faf4f7a6c8aa8c7eabcbf80d5/tumblr_inline_p56s21n0yv1srid4g_500.png"></li></a>
  171.  
  172. <a href="/url" title="hades"><li><img src="https://78.media.tumblr.com/e0ab59cfba4e3da8ce97d3696a7de6a4/tumblr_inline_p56s4snXKc1srid4g_500.png"></li></a>
  173.  
  174. <a href="/url" title="hephaestus"><li><img src="https://78.media.tumblr.com/ceee78da4ce2c1ec1db93d4930ab3f97/tumblr_inline_p56s89up9m1srid4g_500.png"></li></a>
  175.  
  176. <a href="/url" title="hermes"><li><img src="https://78.media.tumblr.com/369dd443dcce95127a5f9767d6e23570/tumblr_inline_p56t34tTdi1srid4g_500.png"></li></a>
  177.  
  178. <a href="/url" title="persephone"><li><img src="https://78.media.tumblr.com/c99de7e499f61391645c4cdc61bb0438/tumblr_inline_p56sjpxAOR1srid4g_500.png"></li></a>
  179.  
  180. <a href="/url" title="poseidon"><li><img src="https://78.media.tumblr.com/656b5455503d4e5ef56417f089dbe9ed/tumblr_inline_p56sr5Lf1a1srid4g_500.png"></li></a>
  181.  
  182. <a href="/url" title="zeus"><li><img src="https://78.media.tumblr.com/daa113ba2db5d1b3dfc820146bb552c3/tumblr_inline_p56swa8LRx1srid4g_500.png"></li></a>
  183.  
  184. <li></li>
  185. </div>
  186.  
  187.  
  188. </div>
  189.  
  190.  
  191.  
  192. </body>
  193. </html>
Advertisement
Add Comment
Please, Sign In to add comment