Advertisement
cloverfield

e#1a redirect

Oct 23rd, 2014
4,067
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.14 KB | None | 0 0
  1. <!DOCTYPE html><!--
  2.  
  3.  
  4. > extra#1a redirect by 01kido
  5. > thanks for using!
  6.  
  7.  
  8. --><html>
  9. <head>
  10.  
  11. <title>Redirecting...</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <style type="text/css">
  16.  
  17. iframe#tumblr_controls { display:none; }
  18.  
  19. body {
  20. background-image:url('http://i.imgur.com/iVU461Q.png'); /*tiled bg image*/
  21. background-attachment:fixed;
  22. font-family:ms ui gothic;
  23. font-size:12px;
  24. letter-spacing:1px;
  25. color:#444; /*text color*/
  26. background-color:#f7f7f7; /*color of entire bg*/
  27. }
  28.  
  29. ::selection { color:#8fe99e; }
  30. ::-moz-selection { color:#8fe99e; }
  31.  
  32. a {
  33. text-decoration:none;
  34. color:#ffafef; /*link color*/
  35. -webkit-transition: all 0.5s ease-in-out;
  36. -moz-transition: all 0.5s ease-in-out;
  37. -o-transition: all 0.5s ease-in-out;
  38. transition: all 0.5s ease-in-out;
  39. }
  40.  
  41. a:hover {
  42. color:#af91ef; /*link color on hover*/
  43. }
  44.  
  45. #sq {
  46. width:300px;
  47. margin-top:200px;
  48. padding:20px;
  49. text-align:center;
  50. line-height:15px;
  51. border:1px solid #aaa;
  52. background:#fff;
  53. /*delete this part for no round corners*/
  54. -webkit-border-radius:15px;
  55. -moz-border-radius:15px;
  56. border-radius:15px;
  57. /***************************************/
  58. }
  59.  
  60. b {
  61. text-shadow:-1px 1px #aaa;
  62. }
  63.  
  64. p {
  65. margin:7px;
  66. }
  67.  
  68. #cont {
  69. width:342px;
  70. margin:auto;
  71. }
  72.  
  73. #im {
  74. margin-top:30px;
  75. width:76px;
  76. }
  77.  
  78. /* that round image */
  79. #im img {
  80. width:60px;
  81. border:1px solid #999;
  82. -webkit-border-radius:35px;
  83. -moz-border-radius:35px;
  84. border-radius:35px;
  85. -webkit-transition:
  86. all 0.5s ease-in-out;
  87. -moz-transition: all .4s;
  88. -o-transition: all .4s;
  89. transition: all .4s;
  90. -webkit-transition-duration: 1s;
  91. -moz-transition-duration: 1s;
  92. -o-transition-duration: 1s;
  93. transition-duration: 1s;
  94. }
  95.  
  96. #im img:hover {
  97. -webkit-transform:rotate(-360deg);
  98. -moz-transform:rotate(-360deg);
  99. -o-transform:rotate(-360deg);
  100. }
  101.  
  102. .tr {
  103. width:300px;
  104. position:fixed;
  105. margin-top:0px;
  106. }
  107.  
  108. .tr:before, .tr:after {
  109. content:"";
  110. position:absolute;
  111. width:0;
  112. height:0;
  113. border-style:solid;
  114. border-color:transparent;
  115. border-left:0;
  116. }
  117.  
  118. .tr:before {
  119. margin-top:-1px;
  120. margin-left:73px;
  121. border-top-color: #aaa; /*im editing this since i realized you couldn't change the triangle colors easily .. so this one is the color */
  122. border-width: 32px;
  123. }
  124.  
  125. .tr:after {
  126. margin-top:-1px;
  127. margin-left:74px;
  128. border-top-color: #fff; /* this one is the triangle border */
  129. border-width:30px;
  130. }
  131.  
  132. </style>
  133.  
  134. <!------------- set your new url here ------------->
  135.  
  136. <script>
  137. setTimeout( redirectTumblr, 4747 );
  138.  
  139. function redirectTumblr() {
  140. location.replace('http://yournewurl.tumblr.com' + location.pathname);
  141. }
  142. </script>
  143.  
  144. <!------------------------------------------------->
  145.  
  146. </head>
  147.  
  148. <body>
  149.  
  150. <div id="cont">
  151.  
  152. <div id="sq">
  153.  
  154. <!------------- put your content here ------------->
  155.  
  156. <p> url change to <a href="NEW URL">NEW URL TITLE</a> </p>
  157.  
  158. <p><i> redirecting... </i></p>
  159.  
  160. <p> you can write as much as you want here</p>
  161.  
  162. <p><img src ="http://i.imgur.com/HVAexkY.gif"></p>
  163.  
  164. <!------------------ end content ------------------>
  165.  
  166. </div> <div class="tr"></div> <div id="im">
  167.  
  168. <!----------- bottom circle icon image ------------>
  169.  
  170. <img src="http://i.imgur.com/KFeLzf8.png">
  171.  
  172. <!------------------------------------------------->
  173.  
  174. </div>
  175.  
  176. </div>
  177.  
  178. </body>
  179.  
  180. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement