Advertisement
heavenlydoctor

oxford comma

Apr 18th, 2015
2,816
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.48 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---redirect page by eurhipides. if you have any questions visit elisionthemes.tumblr.com! enjoy!--->
  5.  
  6. <title>Moved</title><!---page title--->
  7. <link rel="shortcut icon" href="{Favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/9y86jzv/c4Fnmi8v5/fonts.css" />
  10.  
  11. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  12.  
  13. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  14.  
  15. <script>
  16.  
  17. (function($){
  18.  
  19. $(document).ready(function(){
  20.  
  21. $("a[title]").style_my_tooltips({
  22.  
  23. tip_follows_cursor:true,
  24.  
  25. tip_delay_time:100,
  26.  
  27. tip_fade_speed:300,
  28.  
  29. attribute:"title"
  30.  
  31. });
  32.  
  33. });
  34.  
  35. })(jQuery);
  36.  
  37. </script>
  38.  
  39. <script type="text/javascript">
  40. setTimeout(function() {
  41. window.location.replace("http://NEWURL.tumblr.com"); //put your new url here
  42. }, 7000);
  43. </script>
  44.  
  45. <script>
  46. $(document).ready(function(){
  47. setTimeout(function() {
  48. $('.con').addClass('show');
  49. }, 600);
  50. });
  51. </script>
  52.  
  53. <style type="text/css">
  54.  
  55. @-webkit-keyframes fadeposts {
  56. 0% { opacity: 0; }
  57. 100% { opacity: 1; }
  58. }
  59. @-moz-keyframes fadeposts {
  60. 0% { opacity: 0; }
  61. 100% { opacity: 1; }
  62. }
  63.  
  64. @-o-keyframes fadeposts {
  65. 0% { opacity: 0; }
  66. 100% { opacity: 1; }
  67. }
  68. @keyframes fadeposts {
  69. 0% { opacity: 0; }
  70. 100% { opacity: 1; }
  71. }
  72.  
  73. #s-m-t-tooltip { /*edit the tooltips*/
  74. max-width:150px;
  75. margin:20px 14px 7px 10px;
  76. font-family:'Montserrat', sans-serif;
  77. font-size:9px;
  78. letter-spacing:1px;
  79. color:#fff;
  80. z-index:99999999;
  81. }
  82.  
  83. ::-webkit-scrollbar {
  84. height:5px;
  85. width:5px;
  86. background-color: transparent;
  87. }
  88.  
  89. ::-webkit-scrollbar-thumb {
  90. background-color: #000; /*scrollbar color*/
  91. }
  92.  
  93. body {
  94. font-family:arial;
  95. font-size:12px;
  96. margin:0px;
  97. -webkit-animation:fadeposts 0.4s;
  98. -moz-animation:fadeposts 0.4s;
  99. -o-animation:fadeposts 0.4s;
  100. animation:fadeposts 0.4s;
  101. }
  102.  
  103. .bg {
  104. background:
  105. linear-gradient(
  106. rgba(0,0,0,0.5),
  107. rgba(0,0,0,0.5)
  108. ),
  109. url(https://unsplash.imgix.net/photo-1420819453217-57b6badd9e19?fit=crop&fm=jpg&h=700&q=75&w=1050) no-repeat fixed; /*background image*/
  110. background-size:cover;
  111. position:fixed;
  112. top:0;
  113. bottom:0;
  114. left:0;
  115. right:0;
  116. z-index:-1;
  117. }
  118.  
  119. a {
  120. text-decoration: none;
  121. -webkit-transition: 0.5s;
  122. -moz-transition: 0.5s;
  123. transition: 0.5s;
  124. color: #aaa; /*link color*/
  125. }
  126.  
  127. a:hover {
  128. -webkit-transition: 0.5s;
  129. -moz-transition: 0.5s;
  130. transition: 0.5s;
  131. color: #bbb; /*link hover*/
  132. }
  133.  
  134. .con {
  135. width:600px;
  136. color:#fff; /*text color*/
  137. font-family:'Raleway', sans-serif;
  138. font-weight:400;
  139. margin:auto;
  140. opacity:0;
  141. }
  142.  
  143. .con.show {
  144. opacity:1;
  145. -webkit-animation:fadeposts 1.2s;
  146. -moz-animation:fadeposts 1.2s;
  147. -o-animation:fadeposts 1.2s;
  148. animation:fadeposts 1.2s;
  149. }
  150.  
  151. .top {
  152. text-transform:capitalize;
  153. letter-spacing:1px;
  154. font-size:14px;
  155. text-align:center;
  156. }
  157.  
  158. .top:before, .top:after {
  159. content:'';
  160. background:#fff; /*lines color*/
  161. height:1px;
  162. display:inline-block;
  163. position:relative;
  164. top:-4px;
  165. width:220px;
  166. }
  167.  
  168. .top:before {
  169. margin-right:15px;
  170. }
  171.  
  172. .top:after {
  173. margin-left:15px;
  174. }
  175.  
  176. .url {
  177. font-size:70px;
  178. margin:20px 0px;
  179. text-align:center;
  180. letter-spacing:1px;
  181. }
  182.  
  183. .redirect {
  184. text-align:center;
  185. font-size:14px;
  186. letter-spacing:1px;
  187. }
  188.  
  189. .credit {
  190. color:#fff; /*credit color*/
  191. position:fixed;
  192. bottom:10px;
  193. right:10px;
  194. font-size:12px;
  195. }
  196.  
  197. .credit:hover {
  198. color:#fff; /*credit color*/
  199. }
  200.  
  201. </style>
  202. </head>
  203. <body>
  204.  
  205. <div class="bg"></div>
  206.  
  207. <div style="display:table;height:100%;position:absolute;width:100%">
  208. <div style="display:table-cell;height:100%;vertical-align:middle">
  209. <div class="con">
  210. <div class="url">Old Url Here</div><!---put your old url here-->
  211. <div class="top">has moved to</div>
  212. <div class="url">New Url Here</div><!---put your new url here--->
  213. <div class="redirect">Redirecting...</div>
  214. </div>
  215. </div>
  216. </div>
  217.  
  218. <!---please dont edit or remove the credit its small and in the corner--->
  219. <a class="credit" href="http://astraeus.co.vu" title="eurhipides">©</a>
  220.  
  221.  
  222. </body>
  223. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement