API tools faq
paste
Petra1999

REDIRECT 01 | cloudythms.tumblr.com

Petra1999
May 1st, 2017
2,353
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 8.08 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2.  
  3.  
  4.  {   cloudythms
  5.           redirect theme #1   }
  6.          
  7.        
  8. - https://cloudythms.tumblr.com/
  9. - visit me if you have questions!
  10.  
  11.  
  12.     .. rules
  13.    
  14. - You may move, but not remove the credit
  15. - Leave this comment
  16. - Edit the rest as much as you want
  17. - Do not redistribute without permission / use as base
  18. - Do not claim as your own
  19.  
  20.  
  21. ---------------------------------------------------------------------->
  22.  
  23.  
  24. <!DOCTYPE html>
  25. <head>
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <!-- Text that appears on the tab / browser window
  30.    Change the {Title} to any text if you want to. -->
  31. <title>{Title}</title>
  32.  
  33. <!-- Favicon (little image that shown in browser)
  34.    Change {Favicon} to your image URL. Leave the "". -->
  35. <link rel="shortcut icon" href="{Favicon}"/>
  36.  
  37. <!-- jQuery -->
  38.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  39.  
  40. <!-- Fonts -->
  41. <link href="https://fonts.googleapis.com/css?family=Open+Sans|PT+Sans|PT+Serif" rel="stylesheet">
  42.  
  43.  
  44. <!-- ----------------------------- options ---------------------------- -->
  45.  
  46. <meta name="image:Background Image" content="0"/>
  47.  
  48. <meta name="color:Background" content="#f5f5f5" />
  49. <meta name="color:Text" content="#2b2b2b" />
  50. <meta name="color:Link" content="#427ea3" />
  51. <meta name="color:Link Hover" content="#084368" />
  52. <meta name="color:Image Border" content="#ffffff" />
  53.  
  54. <meta name="select:Font" content="PT Sans" title="PT Sans">
  55. <meta name="select:Font" content="Open Sans" title="Open Sans">
  56.  
  57. <meta name="if:Automatic Redirect" content="1"/>
  58. <meta name="if:Show Icon" content="1"/>
  59. <meta name="if:Question Mark Cursor" content="0"/>
  60. <meta name="if:Uppercase" content="0"/>
  61. <meta name="if:Hover Effect" content="1"/>
  62.  
  63. <meta name="if:--- BACKGROUND ---" content="0"/>
  64. <meta name="if:Fixed Background Image" content="1"/>
  65. <meta name="if:Cover Background Image" content="1"/>
  66. <meta name="if:Repeat Background Image" content="0"/>
  67.  
  68. <meta name="text:Old URL" content="oldurl"/>
  69. <meta name="text:New URL" content="newurl"/>
  70. <meta name="text:Text" content="has moved to"/>
  71. <meta name="text:Info text" content="click here if you're not automatically redirected"/>
  72. <meta name="text:Font Size" content="16px"/>
  73. <meta name="text:Redirect delay in ms" content="2000"/>
  74. <meta name="text:Distance from Top" content="12%"/>
  75.  
  76.  
  77.  
  78.  
  79. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  80. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  81.  
  82. <!-- --------------------------- tooltips -------------------------- -->
  83.  
  84. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  85. <script>
  86.     (function($){
  87.     $(document).ready(function(){
  88.     $("a[title]").style_my_tooltips({
  89.     tip_follows_cursor:true,
  90.      
  91.     /* Change your tooltip times here. */
  92.     tip_delay_time:30, /* put a higher number for more delay */
  93.     tip_fade_speed:400, /* put a higher number for a slower fade */
  94.     /* recommended: delay:10-100 fade:200-600 */
  95.      
  96.     attribute:"title"
  97.     });
  98.     });
  99.     })(jQuery);
  100. </script>
  101. <style>
  102.     .tooltip{
  103.         display: inline;
  104.         position: relative;
  105.     }
  106.     #s-m-t-tooltip {
  107.         max-width:300px;
  108.         border-radius: 0px;
  109.         padding:3px 4px 5px 4px;
  110.         margin:20px 7px -2px 20px;
  111.         background-color:#ffffff;
  112.         border:1px solid #E0E0E0;
  113.         border-radius: 5px 5px 5px 5px;
  114.         -moz-border-radius: 5px 5px 5px 5px;
  115.         -webkit-border-radius: 5px 5px 5px 5px;
  116.         font-family:calibri;
  117.         font-size:10px;
  118.         letter-spacing:1px;
  119.         color:#000;
  120.         z-index:999999999999999999999999999999999999;
  121.     }
  122. </style>
  123.  
  124. <!-- --------------------------- redirection -------------------------- -->
  125.  
  126.  
  127. {block:IfAutomaticRedirect}
  128. <script>
  129.  
  130. window.onload = function () {
  131.      setTimeout( redirectTumblr, {text:Redirect delay in ms} );
  132. }
  133.  
  134. function redirectTumblr() {
  135.    location.replace('https://{text:new url}.tumblr.com' + location.pathname);
  136. }
  137.  
  138. </script>
  139. {/block:IfAutomaticRedirect}
  140.  
  141.  
  142.  
  143. <!-- ---------------------------------------------------------------- -->
  144. <!-- ----------------------- C S S - S T A R T ---------------------- -->
  145. <!-- ---------------------------------------------------------------- -->
  146.  
  147.  
  148. <style>
  149.  
  150. body > iframe:first-child { display: none !important; }
  151.  
  152. body {
  153.    
  154.     background-color:{color:background};
  155.     color:{color:text};  
  156.     font-family: "{select:Font}", Arial, sans-serif;
  157.     font-size: 11px;
  158.     text-align:justify;
  159.     margin:0;
  160.     line-height:16px;
  161.    
  162.    
  163.     /* background image */
  164.    
  165.     {block:IfBackgroundImage}
  166.     background-image:url({image:Background Image});
  167.     {/block:IfBackgroundImage}
  168.      
  169.     background-repeat: no-repeat;
  170.     {block:IfRepeatBackgroundImage}
  171.     background-repeat: repeat;
  172.     {/block:IfRepeatBackgroundImage}
  173.      
  174.     background-attachment:center;
  175.     {block:IfFixedBackgroundImage}
  176.     background-attachment:fixed;
  177.     {/block:IfFixedBackgroundImage}
  178.    
  179.     {block:IfCoverBackgroundImage}
  180.     background-size:cover;
  181.     {/block:IfCoverBackgroundImage}
  182.  
  183. }
  184.  
  185. ::selection {
  186.   background: #CACACA;
  187.   color: #ffffff;
  188. }
  189. ::-moz-selection {
  190.   background: #CACACA;
  191.   color: #ffffff;
  192. }
  193.  
  194. a, a:visited, a:link, a:active {
  195.     color:{color:link};
  196.     text-decoration:none;
  197. }
  198.  
  199. a:hover {
  200.     color:{color:link hover};
  201.     {block:IfQuestionMarkCursor}
  202.     cursor:help;
  203.     {/block:IfQuestionMarkCursor}
  204. }
  205.  
  206. a, a:focus {   outline: 0; }
  207.  
  208. #content {
  209.     margin:{text:distance from top} auto;
  210.     width:50%;
  211.     text-align:center;
  212.     max-height:100%;
  213. }
  214.  
  215. .main {
  216.     font-size:{text:font size};
  217.     margin-bottom:15px;
  218.     display:inline-block;
  219.     {block:IfUppercase}
  220.     text-transform:uppercase;
  221.     letter-spacing:0.5px;
  222.     word-spacing:1px;
  223.     {/block:IfUppercase}
  224. }
  225.  
  226. .main a {
  227.     font-size:calc({text:font size} + 7px);
  228.     letter-spacing:0px;
  229.    
  230.     -moz-transition-duration: 0.3s;
  231.     -webkit-transition-duration: 0.3s;
  232.     transition-duration: 0.5s;
  233.     -moz-transition-timing-function: ease-in-out;
  234.     -webkit-transition-timing-function: ease-in-out;
  235.     transition-timing-function: ease-in-out;
  236. }
  237.  
  238. .main a:hover{
  239.     {block:IfHoverEffect}
  240.     letter-spacing:3px;
  241.     {/block:IfHoverEffect}
  242. }
  243.  
  244. .main br {
  245.     line-height:250%;
  246. }
  247.  
  248. img{
  249.     display:block;
  250.     border:7px solid {color:image border};
  251.     border-radius: 50px;
  252.     -moz-border-radius: 50px;
  253.     -webkit-border-radius: 50px;
  254.     margin:0 auto;
  255.     margin-bottom:20px;
  256. }
  257.  
  258. .plus {
  259.     border-top:1px solid {color:text};
  260.     padding-top:10px;
  261.     font-size:calc({text:font size} - 7px);
  262.     text-transform:uppercase;
  263.     letter-spacing:0.5px;
  264.     word-spacing:1px;
  265. }
  266.  
  267. .plus a, .plus a:hover {
  268.     color:{color:text};
  269. }
  270.  
  271. /*          more          */
  272.  
  273. /* pastecsshere */
  274.  
  275. {CustomCSS}
  276.  
  277. </style>
  278. </head>
  279. <body>
  280.  
  281. <!-- ---------------------------------------------------------------- -->
  282. <!-- ----------------------- H T M L - S T A R T -------------------- -->
  283. <!-- ---------------------------------------------------------------- -->
  284. <!-- pastehtmlhere -->
  285.  
  286. <div id="content">
  287.  
  288.  
  289. <span class="main">
  290.  
  291. {block:IfShowIcon}
  292. <a href="https://{text:New Url}.tumblr.com">
  293. <img src="{PortraitURL-48}"></a>
  294. {/block:IfShowIcon}
  295.  
  296. {text:Old Url} {text:text}
  297. <br><a href="https://{text:New Url}.tumblr.com">{text:New Url}</a>
  298.    
  299. </span>
  300.  
  301. {block:IfAutomaticRedirect}
  302. <span class="plus">
  303. <br><br><a href="https://{text:New Url}.tumblr.com">{text:info text}</a>
  304. </span>
  305. {/block:IfAutomaticRedirect}
  306.  
  307.  
  308.  
  309. </div>
  310.  
  311. <!-- credit link. you may move but not remove. -->
  312. <div style="position:fixed;bottom:10px;right:15px;font-size:12px;opacity:0.5;"><a href="https://cloudythms.tumblr.com/" title="theme by cloudythms"
  313. style="text-decoration:none;">โ˜</a></div>
  314.  
  315.  
  316. </body></html>
Add Comment
Please, Sign In to add comment
Public Pastes
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!