Advertisement
glam0urkills

「REDIRECT」THEME I BY @IMJAEBUMX

May 16th, 2016
4,816
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.72 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7.               「REDIRECT I」THEME
  8.       by @imjaebumx
  9.      
  10.       - don't claim this theme as your own
  11.       - you can heavily edit it
  12.       - but please keep all the credits~
  13.       - thanks for using my theme .3.
  14.  
  15. -->
  16.  
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <meta charset="utf-8">
  21. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  22. <title>{Title}{block:TagPage} - {Tag} {/block:TagPage} {block:SearchPage} - {lang:Search results for SearchQuery}{/block:SearchPage}{block:PostSummary}- {PostSummary} {/block:PostSummary}</title>
  23. <link rel="shortcut icon" href="{Favicon}">
  24. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  25.  
  26. <meta name="color:background" content="#ffffff" />
  27. <meta name="color:text" content="#b6b6b6" />
  28. <meta name="color:links" content="#707070" />
  29. <meta name="color:links hover" content="#cde7d2" />
  30. <meta name="color:borders" content="#fafafa" />
  31. <meta name="color:scrollbar" content="#e4f5e7" />
  32.  
  33. <meta name="image:image" content=""/>
  34.  
  35. <meta name="text:old url" content="oldurl"/>
  36. <meta name="text:new url" content="newurl"/>
  37.  
  38. <meta name="if:automatic redirect" content="0"/>
  39.  
  40.  
  41. <!----------- CUSTOM FONT ------------->
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  44.  
  45.  
  46. <!------------ TOOLTIPS ---------------->
  47.  
  48. <link href="http://static.tumblr.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  51. <script>
  52. (function($){
  53. $(document).ready(function(){
  54. $("[title]").style_my_tooltips({
  55. tip_follows_cursor:true,
  56. tip_delay_time:200,
  57. tip_fade_speed:300
  58. });
  59. });
  60. })(jQuery);
  61. </script>
  62.  
  63. <!------------ REDIRECT ------------->
  64. {block:ifAutomaticRedirect}<script type="text/javascript">
  65. function redirect() {
  66. window.location = 'http://{text:new url}.tumblr.com' + location.pathname;
  67. }
  68. setTimeout("redirect()", 5000);
  69. </script>{block:ifAutomaticRedirect}
  70.  
  71.  
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76.  
  77.  
  78. /* ---------------------------- GENERAL ----------------------------- */
  79.  
  80. ::-moz-selection {
  81.     background: {color:background};
  82.     color: {color:links hover};
  83. }
  84.  
  85. ::selection {
  86.     background: {color:background};
  87.     color: {color:links hover};
  88. }
  89.  
  90. ::-webkit-scrollbar {width:11px;height:11px;background:{color:background};}
  91. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  92. ::-webkit-scrollbar,::-webkit-scrollbar-thumb {border:5px solid {color:background}; }
  93.  
  94. #s-m-t-tooltip {
  95.     max-width:300px;
  96.     padding:5px;
  97.     margin:20px 20px 20px 20px;
  98.     text-transform:uppercase;
  99.     font-family:'Lato';
  100.     font-size:8px;
  101.     font-style:none;
  102.     letter-spacing:1px;
  103.     color:{color:text};
  104.     background-color:{color:background};
  105.     border:1px solid {color:borders};
  106.     box-shadow:0px 0px 0px rgba(0,0,0,.0);
  107. border-radius:0%;
  108.     z-index:999999999999999999999999999999999999;
  109.     }
  110.  
  111.  
  112. body {
  113.      background-color:#ffffff;
  114.     margin:0px;
  115.     color:{color:text};
  116.     font:10px 'Lato';
  117.     text-transform:uppercase;
  118.     line-height:100%;
  119. }
  120.  
  121. a {
  122. color:{color:links};
  123. text-transform:uppercase;
  124. font-size:25px;
  125. cursor:help;
  126. text-decoration:none;
  127. letter-spacing:5px;
  128. padding-bottom:3px;
  129. border-bottom:1px solid;
  130. -webkit-transition: all 0.8s;
  131. -moz-transition: all 0.8s;
  132. transition: all 0.8s;
  133. }
  134.  
  135. a:hover {
  136. color:{color:links hover};
  137. cursor:help;
  138. -webkit-transition: all 0.8s;
  139. -moz-transition: all 0.8s;
  140. transition: all 0.8s;
  141. }
  142.  
  143.  
  144.    
  145. #container{
  146.     margin-left:auto;
  147.     margin-right:auto;
  148.     margin-top:150px;
  149.     background:#ffffff;
  150.     width:300px;
  151.  
  152. }
  153.  
  154. .content{
  155.     background:{color:background};
  156.     text-align:center;
  157.     margin-left:auto;
  158.     margin-right:auto;
  159.     text-align:center;
  160.     width:300px;
  161.     padding:20px;
  162.     letter-spacing:3px;
  163. }
  164.  
  165.  
  166. .content img {
  167.     height:64px;
  168.     width:64px;
  169.     border-radius:50px;
  170.     background-color:{color:background};
  171.     padding:10px;
  172.     border:1px solid {color:borders};
  173.     margin-bottom:10px;
  174.     margin-top:20px;
  175. }
  176.  
  177. .tmblr-iframe--desktop-loggedin-controls, .iframe-controls--desktop, .tmblr-iframe, #tumblr_controls{-webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);opacity:0.5; display:none;}
  178.  
  179. /* ------------------- CREDITS DO NOT REMOVE --------------------- */
  180.  
  181. #cred a {
  182.     color:{color:links};
  183.     letter-spacing:1px;
  184.     font-size:9px;
  185.     border-bottom:0px;
  186.     text-transform:uppercase;
  187.     padding:4px;
  188. }
  189.  
  190. #cred a:hover {
  191.     color:{color:links hover};
  192.     padding:4px;
  193. }
  194.  
  195. #cred {
  196. width:auto;
  197. height:auto;
  198. bottom:15px;
  199. right:15px;
  200. padding:4px;
  201. z-index:1000000;
  202. font-size:8px;
  203. letter-spacing:1px;
  204. position:fixed;
  205. background-color:{color:posts};
  206. border-bottom:1px solid {color:links hover};
  207. padding:5px;
  208. text-align:center;
  209. text-transform:uppercase;
  210.     -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out;
  211. }
  212.  
  213. {CustomCSS}</style>
  214.  
  215.  
  216. </head>
  217. <body>
  218.  
  219. <!-------------- DO NOT REMOVE --------------->
  220. <div id="cred"><a title="theme @imjaebumx" href="http://imjaebumx.tumblr.com">IJX</a></div>
  221. <!-------------- DO NOT REMOVE --------------->
  222.  
  223. <div id="container">
  224.  
  225. <div class="content">  
  226.  
  227. <img src="{image:image}"><br>
  228.  
  229. {text:old url} is now at<br><br>
  230. <a href="{text:new url}">{text:new url}</a>
  231. {block:ifAutomaticRedirect}<br><br><br>YOU WILL BE REDIRECTED.{/block:ifAutomaticRedirect}
  232.  
  233.    
  234.    
  235. </div>
  236.  
  237. </div>
  238.  
  239.  
  240.  
  241.  
  242. </body>
  243. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement