Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

redirect theme

By: pistachi-o on May 4th, 2012  |  syntax: None  |  size: 7.62 KB  |  hits: 5,121  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. redirect theme by pistachi-o.tumblr.com
  5. please don't remove the credit and claim it as your own
  6. -->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <!-- DEFAULT VARIABLES -->
  12. <meta name="color:background" content="#ACDACF" />
  13. <meta name="color:new title bg" content="#FFFFFF" />
  14. <meta name="color:new title" content="#518F7E" />
  15. <meta name="color:old title" content="#FFFFFF" />
  16. <meta name="color:inner title" content="#518F7E" />
  17. <meta name="color:title hover" content="#518F7E" />
  18.  
  19. <meta name="image:background" content=""/>
  20. <meta name="text:font size" content="90px" />
  21.  
  22. <meta name="text:Old Username" content="Old Username" />
  23. <meta name="text:New Username" content="New Username" />
  24.  
  25.  
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  27. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  28. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31.  
  32.  
  33. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script>
  34. <link href='http://fonts.googleapis.com/css?family=Unlock' rel='stylesheet' type='text/css'>
  35.  
  36. <script type="text/javascript">
  37.   WebFontConfig = {
  38.     google: { families: [ 'Unlock::latin' ] }
  39.   };
  40.   (function() {
  41.     var wf = document.createElement('script');
  42.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  43.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  44.     wf.type = 'text/javascript';
  45.     wf.async = 'true';
  46.     var s = document.getElementsByTagName('script')[0];
  47.     s.parentNode.insertBefore(wf, s);
  48.   })(); </script>
  49.  
  50. </head>
  51.  
  52. <style type="text/css">
  53.  
  54. body {
  55. background-color: {color:background};
  56. font-family: 'MisoRegular', serif;
  57. font-size: 10px;
  58. }
  59.  
  60. a:link, a:active, a:visited {
  61. color: {color:new title};
  62. text-decoration: none;
  63. }
  64.  
  65. a:hover {
  66. color:{color:title hover};
  67. }
  68.  
  69. .sp-container {
  70. position: relative;
  71. width: 1000px;
  72. height: 600px;
  73. margin: 0px auto;
  74. text-align: center;
  75. }
  76.  
  77. .sp-content {
  78. position: absolute;
  79. z-index: 100;
  80. width: 800px;
  81. height: 600px;
  82. left: 0px;
  83. top: 0px;
  84. -webkit-animation: sizeDownMove 0.9s ease-in-out 1s backwards;
  85. -moz-animation: sizeDownMove 0.9s ease-in-out 1s backwards;
  86. -ms-animation: sizeDownMove 0.9s ease-in-out 1s backwards;
  87. animation: sizeDownMove 0.9s ease-in-out 1s backwards;
  88. -webkit-transform: scale(0.6);
  89. -moz-transform: scale(0.6);
  90. -o-transform: scale(0.6);
  91. -ms-transform: scale(0.6);
  92. transform: scale(0.6);
  93. -webkit-transform-origin: 0% 50%;
  94. -moz-transform-origin: 0% 50%;
  95. -o-transform-origin: 0% 50%;
  96. -ms-transform-origin: 0% 50%;
  97. transform-origin: 0% 50%;
  98. }
  99.  
  100. .sp-arrow {
  101. background: transparent url(http://static.tumblr.com/whx9ghv/Meem3ctj4/arrow.png) no-repeat top left;
  102. position: absolute;
  103. top: 50%;
  104. margin-top: -70px;
  105. left: 90%;
  106. width: 198px;
  107. height: 155px;
  108. -webkit-animation: slideIn 0.6s ease-in-out 1s backwards;
  109. -moz-animation: slideIn 0.6s ease-in-out 1s backwards;
  110. -ms-animation: slideIn 0.6s ease-in-out 1s backwards;
  111. animation: slideIn 0.6s ease-in-out 1s backwards;
  112. z-index: 100;
  113. }
  114.  
  115. .sp-side {
  116. width: 460px;
  117. height: 300px;
  118. position: absolute;
  119. right: 10px;
  120. top: 25%;
  121. -webkit-animation: slideIn 0.6s ease-in-out 1s backwards;
  122. -moz-animation: slideIn 0.6s ease-in-out 21s backwards;
  123. -ms-animation: slideIn 0.6s ease-in-out 1s backwards;
  124. animation: slideIn 0.6s ease-in-out 1s backwards;
  125. }
  126.  
  127. .sp-side h1.sp-title {
  128. margin: -30px 0px 0px 55px;
  129. font-size: 50px;
  130. width: 370px;
  131. height: 220px;
  132. -webkit-border-radius: 50%;
  133. -moz-border-radius: 50%;
  134. border-radius: 50%;
  135. background-color: {color:new title bg};
  136. background-color: rgba(255, 255, 255, 0.3);
  137. padding-top: 150px;
  138. text-transform: uppercase;
  139. text-align: center;
  140. color: {color:new title};
  141. text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
  142. font-family: 'MisoRegular', serif;
  143. -webkit-animation: fadeInColor 1.2s linear 0.2s backwards;
  144. -moz-animation: fadeInColor 1.2s linear 0.2s backwards;
  145. -ms-animation: fadeInColor 1.2s linear 0.2s backwards;
  146. animation: fadeInColor 1.2s linear 0.2s backwards;
  147. }
  148.  
  149. .sp-side h1.sp-title a {
  150. font-size: 50px;
  151. font-family: 'MisoRegular', serif;
  152. color: {color:new title};
  153. text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
  154. }
  155.  
  156. .sp-side h1.sp-title a:hover {
  157. border-bottom: 1px solid {color:new title bg};
  158. padding-bottom: 2px;
  159. }
  160.  
  161. .sp-content h2 {
  162. position: absolute;
  163. top: 150px;
  164. left: 5px;
  165. font-size: 90px;
  166. line-height: 75%;
  167. padding: 5px;
  168. text-align: center;
  169. color: {color:old title};
  170. text-transform: uppercase;
  171. text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
  172. font-family: 'Unlock', Arial, sans-serif;
  173. }
  174.  
  175. @-webkit-keyframes fadeInColor {
  176.         0%{opacity: 0;background-color: rgba(255,255,255,0);}
  177.         50%{opacity: 0.5;background-color: rgba(255,255,255,0);}
  178.         100%{opacity: 1;background-color: rgba(255,255,255,0.3);}
  179. }
  180.  
  181. @-webkit-keyframes slideIn{
  182.         0%{opacity: 0;-webkit-transform: translateX(-200px);}
  183.         100%{opacity: 1;-webkit-transform: translateX(0px);}
  184. }
  185.  
  186. @-webkit-keyframes sizeDownMove{
  187.         0%{-webkit-transform: scale(1);left: 100px;}
  188.         100%{-webkit-transform: scale(0.6);left: 0px;}
  189. }
  190.  
  191. @-moz-keyframes fadeInColor{
  192.         0%{opacity: 0;background-color: rgba(255,255,255,0);}
  193.         50%{opacity: 0.5;background-color: rgba(255,255,255,0);}
  194.         100%{opacity: 1;background-color: rgba(255,255,255,0.3);}
  195. }
  196.  
  197. @-moz-keyframes slideIn{
  198.         0%{opacity: 0;-moz-transform: translateX(-200px);}
  199.         100%{opacity: 1;-moz-transform: translateX(0px);}
  200. }
  201.  
  202. @-moz-keyframes sizeDownMove{
  203.         0%{-moz-transform: scale(1);left: 100px;}
  204.         100%{-moz-transform: scale(0.6);left: 0px;}
  205. }
  206.  
  207.  
  208. @keyframes fadeInColor{
  209.         0%{opacity: 0;background-color: rgba(255,255,255,0);}
  210.         50%{opacity: 0.5;background-color: rgba(255,255,255,0);}
  211.         100%{opacity: 1;background-color: rgba(255,255,255,0.3);}
  212. }
  213.  
  214. @keyframes slideIn{
  215.         0%{opacity: 0;transform: translateX(-200px);}
  216.         100%{opacity: 1;transform: translateX(0px);}
  217. }
  218.  
  219. @keyframes sizeDownMove{
  220.         0%{transform: scale(1);left: 100px;}
  221.         100%{transform: scale(0.6);left: 0px;}
  222. }
  223.  
  224. .credits {
  225. position: fixed;
  226. padding: 5px;
  227. bottom: 5px;
  228. left: 0;
  229. margin-left: 5px;
  230. z-index: 1000;
  231. text-transform: uppercase;
  232. font-size: 8px;
  233. }
  234.  
  235. @import url(http://fonts.googleapis.com/css?family=Unlock);
  236.  
  237. @font-face {    
  238. font-family: 'MisoRegular';
  239.     src: url('http://static.tumblr.com/whx9ghv/3Aum3ctvn/miso-webfont.eot');
  240.     src: url('http://static.tumblr.com/whx9ghv/3Aum3ctvn/miso-webfont.eot?#iefix') format('embedded-opentype'),
  241.          url('http://static.tumblr.com/whx9ghv/scWm3ctwj/miso-webfont.woff') format('woff'),
  242.          url('http://static.tumblr.com/whx9ghv/227m3ctw9/miso-webfont.ttf') format('truetype'),
  243.          url('http://static.tumblr.com/whx9ghv/eG4m3ctw0/miso-webfont.svg#MisoRegular') format('svg');
  244. font-weight: normal;
  245. font-style: normal;
  246. }
  247.  
  248.  
  249. </style>              
  250.  
  251. <body>
  252. <div class="credits"><a href="http://nutty-themes.tumblr.com/" target="_blank">THEME BY PISTACHI-O</a></div>
  253.  
  254.  
  255. <div class="sp-container">
  256.  
  257. <div class="sp-content">
  258. <h2><span style="color:{color:inner title}; font-size:{text:font size};">{text:Old Username}</span>
  259. <br>has moved</h2>
  260. <div class="sp-arrow"></div>
  261. </div>
  262.  
  263. <div class="sp-side">
  264. <h1 class="sp-title"><a href="http://{text:New Username}.tumblr.com">{text:New Username}</a></h1>
  265. </div>
  266. </div>
  267.  
  268. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  269.  
  270. </body>
  271. </html>
create a new version of this paste RAW Paste Data