Advertisement
heavenlydoctor

redirect page: #2

Dec 18th, 2014
4,618
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.66 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!----redirect page by clarascapaldis. standard rules apply, enjoy!--->
  5.  
  6. <title>navigation</title><!---change page title--->
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.  
  10. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  11.  
  12. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  13.  
  14. <script>
  15.  
  16. (function($){
  17.  
  18. $(document).ready(function(){
  19.  
  20. $("a[title]").style_my_tooltips({
  21.  
  22. tip_follows_cursor:true,
  23.  
  24. tip_delay_time:100,
  25.  
  26. tip_fade_speed:300,
  27.  
  28. attribute:"title"
  29.  
  30. });
  31.  
  32. });
  33.  
  34. })(jQuery);
  35.  
  36. </script>
  37.  
  38. <script>
  39. $(document).ready(function(){
  40. setTimeout(function() {
  41. $('.load').addClass('wide');
  42. $('#redirect').fadeIn(700);
  43. }, 1200);
  44. });
  45. </script>
  46.  
  47. <script>
  48. $(document).ready(function(){
  49. $(".con").fadeTo(1000,1);
  50. });
  51. </script>
  52.  
  53. <script type="text/javascript">
  54. function leave() {
  55. window.location = "http://"; //change redirect url//
  56. }
  57. setTimeout("leave()", 9000);
  58. </script>
  59.  
  60.  
  61. <link href='http://fonts.googleapis.com/css?family=Raleway:200,300,400' rel='stylesheet' type='text/css'>
  62.  
  63. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  64.  
  65. <style type="text/css">
  66.  
  67. .load.wide {
  68. width:400px;
  69. -webkit-transition: 7s;
  70. -moz-transition: 7s;
  71. transition: 7s;
  72. }
  73.  
  74. #s-m-t-tooltip {
  75. max-width:150px;
  76. padding:5px 8px;
  77. margin:20px 14px 7px 10px;
  78. background-color:#fff;
  79. font-family:Calibri;
  80. font-size:10px;
  81. line-height:11px;
  82. letter-spacing:1px;
  83. text-transform:uppercase;
  84. color:{color:link};
  85. z-index:99999999;
  86. }
  87.  
  88. ::-webkit-scrollbar {
  89. height:9px;
  90. width:5px;
  91. background-color: #fff;
  92. }
  93.  
  94. ::-webkit-scrollbar-thumb {
  95. background-color: #fff;
  96. height:auto;
  97. border-bottom:none;
  98. }
  99.  
  100. ::selection {
  101. background-color: #000;
  102. color: #fff;
  103. }
  104.  
  105. body {
  106. background:#000;
  107. overflow:hidden;
  108. font-family:arial;
  109. }
  110.  
  111. body::before {
  112. position:fixed;
  113. content:' ';
  114. top:0px;
  115. left:0;
  116. right:0;
  117. bottom:0px;
  118. background:url(http://40.media.tumblr.com/68db14e9fe5233ff6720f32197a1fdea/tumblr_ngfw5ntsKA1qfirfao1_1280.jpg) no-repeat fixed; /*change background*/
  119. background-size:cover;
  120. -webkit-filter: blur(4px);
  121. filter: blur(4px);
  122. }
  123.  
  124. .con {
  125. position:fixed;
  126. top:0;
  127. left:0;
  128. bottom:0;
  129. right:0;
  130. width:800px;
  131. height:500px;
  132. margin:auto;
  133. background:url(http://40.media.tumblr.com/68db14e9fe5233ff6720f32197a1fdea/tumblr_ngfw5ntsKA1qfirfao1_1280.jpg) no-repeat fixed; /*change background*/
  134. background-size:cover;
  135. border:1px solid #fff; /*change border color*/
  136. color:#fff; /*change text color*/
  137. overflow:hidden;
  138. opacity:0;
  139. }
  140.  
  141. .load {
  142. height:1px;
  143. width:0px;
  144. left:200px;
  145. background:#fff; /*change loading bar color*/
  146. position:absolute;
  147. bottom:70px;
  148. }
  149.  
  150. #oldurl, #newurl {
  151. font-family:'Raleway', sans-serif;
  152. font-weight:300;
  153. font-size:70px; /*change font size if you feel like it*/
  154. text-transform:uppercase;
  155. letter-spacing:4px;
  156. position:absolute;
  157. left:50px;
  158. right:50px;
  159. top:80px;
  160. }
  161.  
  162. #newurl {
  163. text-align:right;
  164. top:250px;
  165. }
  166.  
  167. #hasmoved, #redirect {
  168. font-family:'Raleway', sans-serif;
  169. font-weight:300;
  170. position:absolute;
  171. text-transform:uppercase;
  172. left:0;
  173. right:0;
  174. text-align:center;
  175. top:180px;
  176. font-size:40px;
  177. letter-spacing:4px;
  178. }
  179.  
  180. #redirect {
  181. font-size:25px;
  182. top:370px;
  183. display:none;
  184. }
  185.  
  186. .credit {
  187. position:fixed;
  188. bottom:5px;
  189. right:5px;
  190. font-size:10px;
  191. letter-spacing:1px;
  192. padding:3px;
  193. text-transform:uppercase;
  194. text-decoration:none;
  195. color:#fff;
  196. cursor:help;
  197. border:1px solid #fff;
  198. -webkit-transition: 0.7s;
  199. -moz-transition: 0.7s;
  200. transition: 0.7s;
  201. }
  202.  
  203. .credit:hover {
  204. background:rgba(255,255,255,0.4);
  205. -webkit-transition: 0.7s;
  206. -moz-transition: 0.7s;
  207. transition: 0.7s;
  208. }
  209.  
  210. </style>
  211. </head>
  212. <body>
  213.  
  214. <div class="con">
  215. <div id="oldurl">old url</div><!----your old url--->
  216.  
  217. <div id="hasmoved">has moved to</div>
  218.  
  219. <div id="newurl">new url</div><!---your new url--->
  220.  
  221. <div id="redirect">redirecting...</div><!---change 'redirecting' to anything u want if you feel like it---->
  222.  
  223. <div class="load"></div>
  224.  
  225. <a class="credit" href="http://gloriousponds.co.vu">cc</a>
  226. </div>
  227.  
  228.  
  229. </body>
  230. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement