API tools faq
paste
Advertisement
hunterthemes

- Page #3 - Redirect, vol.3 (v.2)

hunterthemes
Jun 10th, 2015
1,366
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.60 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!----
  4.  
  5. © hunterthemes.tumblr.com | Page #3 - Redirect, vol.3 (v.2)
  6.  
  7. * Do not redistribute this page and claim it as your own.
  8. * Do not remove the credit or move it to another page.
  9. * Minor changes to this page are allowed.
  10.  
  11. ---->
  12.  
  13. <!-- GOOGLE FONTS -->
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
  16. <link href='http://fonts.googleapis.com/css?family=Nova+Slim' rel='stylesheet' type='text/css'>
  17. <link href="https://fonts.googleapis.com/css?family=Rozha+One" rel="stylesheet">
  18. <link href="https://fonts.googleapis.com/css?family=Almendra" rel="stylesheet">
  19. <link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
  20.  
  21. <style type="text/css">
  22.  
  23. /* CSS */
  24.  
  25. /*-- GENERAL --*/
  26.  
  27. body {
  28. margin: 0;
  29. padding: 0;
  30. width: 100%;
  31. height: 100%;
  32. color: #eeeeee;
  33. font-family:Arial, sans-serif;
  34. font-size: 11px;
  35. line-height: 13px;
  36. background-color: #f5f5f5;
  37. background-image:url(http://static.tumblr.com/3be5f69a571a51f2ff8f2cb04121d7d4/6dvmes1/c5ynnkgw9/tumblr_static_8o8ocohtm70gw4o0w8kgckcoo.jpg);
  38. background-attachment: fixed;
  39. background-repeat: repeat;
  40. }
  41.  
  42. /* Tumblr controls */
  43.  
  44. iframe.tmblr-iframe {
  45. top:0px!important;
  46. right:40px!important;
  47. opacity:0.8;
  48. transform:scale(0.6);
  49. transform-origin:100% 0;
  50. -webkit-transform:scale(0.8);
  51. -webkit-transform-origin:100% 0;
  52. -o-transform:scale(0.8);
  53. -o-transform-origin:100% 0;
  54. -moz-transform:scale(0.8);
  55. -moz-transform-origin:100% 0;
  56. -ms-transform:scale(0.8);
  57. -ms-transform-origin:100% 0;
  58. z-index:100000!important;
  59. filter:invert(1);
  60. -webkit-filter:invert(1);
  61. -o-filter:invert(1);
  62. -moz-filter:invert(1);
  63. -ms-filter:invert(1);
  64. }
  65.  
  66. iframe.tmblr-iframe:hover {
  67. opacity:1!important;}
  68.  
  69. /*-- Webkit scrollbar --*/
  70.  
  71. ::-webkit-scrollbar {
  72. width: 9px;
  73. height: 0px;
  74. }
  75.  
  76. ::-webkit-scrollbar-button:start:decrement,
  77. ::-webkit-scrollbar-button:end:increment {
  78. height: 0px;
  79. display: block;
  80. background-color: #8b4d41;
  81. }
  82.  
  83. ::-webkit-scrollbar-track-piece {
  84. background-color: #8b4d41;
  85. }
  86.  
  87. ::-webkit-scrollbar-thumb:vertical {
  88. height: 0px;
  89. background-color: #eeeeee;
  90. border: 4px solid #8b4d41;
  91. }
  92.  
  93. /*-- TOOLTIPS --*/
  94.  
  95. #s-m-t-tooltip {
  96. margin:24px 14px 7px 12px;
  97. padding: 5px;
  98. max-width: 250px;
  99. color: #eeeeee;
  100. background: #8b4d41;
  101. border: 1px solid #eeeeee;
  102. font-size: 12px;
  103. line-height: 15px;
  104. z-index: 100000;
  105. }
  106.  
  107. /* Fix */
  108.  
  109. iframe, img, embed, object, video {
  110. max-width: 100%;
  111. border: none;
  112. }
  113.  
  114. input, textarea, select, a { outline: none; }
  115.  
  116. /*------ CONTAINER -----*/
  117.  
  118. #container{
  119. position:absolute;
  120. width:600px;
  121. height:200px;
  122. left:50%;
  123. top:50%;
  124. z-index:100;
  125. -webkit-transform: translateX(-50%) translateY(-50%);
  126. -moz-transform: translateX(-50%) translateY(-50%);
  127. -ms-transform: translateX(-50%) translateY(-50%);
  128. transform: translateX(-50%) translateY(-50%);
  129. }
  130.  
  131. /* Redirect */
  132.  
  133. .redirect{
  134. position:absolute;
  135. font-family:Nova Slim;
  136. font-size:30px;
  137. line-height: 33px;
  138. color: #8b4d41;
  139. margin-left:20px;
  140. margin-top:-30px;
  141. width:540px;
  142. letter-spacing:2px;
  143. padding:10px;
  144. text-align:center;
  145. }
  146.  
  147. /*------ con1 -----*/
  148.  
  149. #con1{
  150. width:600px;
  151. height:100px;
  152. border-top:1px solid #8b4d41;
  153. border-left:1px solid #8b4d41;
  154. }
  155.  
  156. /*-- First avatar --*/
  157.  
  158. .firstavatar {
  159. position:absolute;
  160. left:-40px;
  161. top:-50px;
  162. width:80px;
  163. height:80px;
  164. border-radius:50px;
  165. border:5px #8b4d41 solid;
  166. }
  167.  
  168. .firstavatar img {
  169. width:100%;
  170. height:100%;
  171. border-radius:100px;
  172. }
  173.  
  174. .oldurl{
  175. position:absolute;
  176. left:70px;
  177. top:-35px;
  178. height:80px;
  179. font-size:25px;
  180. color: #4f6b49;
  181. }
  182.  
  183. /*------ con2 -----*/
  184.  
  185. #con2{
  186. margin-top:0px;
  187. width:600px;
  188. height:100px;
  189. border-bottom:1px solid #8b4d41;
  190. border-right:1px solid #8b4d41;
  191. }
  192.  
  193. /*-- Second avatar --*/
  194.  
  195. .secondavatar {
  196. position:absolute;
  197. left:550px;
  198. bottom:-50px;
  199. width:80px;
  200. height:80px;
  201. border-radius:50px;
  202. border:5px #8b4d41 solid;
  203. z-index:10000;
  204. }
  205.  
  206. .secondavatar img {
  207. width:100%;
  208. height:100%;
  209. border-radius:100px;
  210. }
  211.  
  212. .newurl{
  213. position:absolute;
  214. right:65px;
  215. top:225px;
  216. height:80px;
  217. font-size:25px;
  218. text-align:right;
  219. z-index:10000;
  220. color: #8b4d41;
  221. }
  222.  
  223. .newurl a{
  224. color: #4f6b49;
  225. text-decoration:none;
  226. }
  227.  
  228. .newurl a:hover{
  229. color:#fff;
  230. }
  231.  
  232. /*-- CREDIT --*/
  233.  
  234. #credit{
  235. position:fixed;
  236. top:8px;
  237. right:5px;
  238. width:30px;
  239. z-index:10000;
  240. }
  241.  
  242. /* END CSS */
  243.  
  244. {CustomCSS}
  245.  
  246. </style>
  247.  
  248. <script type="text/javascript"
  249. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  250.  
  251. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  252.  
  253. <!-- Font awesome script -->
  254.  
  255. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  256.  
  257. <!-- Style my tooltips script -->
  258.  
  259. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  260. <script src="jquery.style-my-tooltips.js"></script>
  261.  
  262. <script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryformasonry.js"></script>
  263.  
  264. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  265. <script>
  266. (function($){
  267. $(document).ready(function(){
  268. $("[title]").style_my_tooltips({
  269. tip_follows_cursor:true,
  270. tip_delay_time:200,
  271. tip_fade_speed: 300
  272. }
  273. );
  274. });
  275. })(jQuery);
  276. </script>
  277. </head>
  278.  
  279. <meta charset="utf-8">
  280. <title>{Title}</title>
  281. <link rel="shortcut icon" href="{Favicon}">
  282. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  283. <meta name="viewport" content="width=device-width, initial-scale=1">
  284.  
  285. <!-- HTML -->
  286.  
  287. <body>
  288.  
  289. <!-- MAIN CONTAINER -->
  290. <div id="container">
  291.  
  292. <!-- Con1 -->
  293. <div id="con1">
  294.  
  295. <!-- Avatar 1 -->
  296. <div class="firstavatar"><img src="http://static.tumblr.com/a134320be8c640fa109d305c337700f6/6dvmes1/NmInnkh0b/tumblr_static_bmqx22i4gf4kcsscg4w080wsw.jpg"></div>
  297.  
  298. <div class="oldurl">OLD-URL</div>
  299.  
  300. </div>
  301. <!--End con1-->
  302.  
  303. <!-- Redirect -->
  304. <div class="redirect">HAS MOVED TO</div>
  305.  
  306. <!-- Con2 -->
  307. <div id="con2">
  308.  
  309. <!-- Avatar 2 -->
  310. <div class="secondavatar"><img src="http://static.tumblr.com/f41439d00181e481d2c5d376ae7552fc/6dvmes1/mFcnnmiy1/tumblr_static_ava2z6xzxe048oo8c80s4wwwc.png"></div>
  311.  
  312. <div class="newurl"><a href="http://yournewurl.tumblr.com">NEW-URL</a></div>
  313.  
  314. </div>
  315. <!--End con2-->
  316.  
  317. </div>
  318. <!--End container-->
  319.  
  320. <!-- CREDIT (DO NOT REMOVE) -->
  321. <div id="credit"><a href="https://www.hunterthemes.tumblr.com">
  322. <img src="https://66.media.tumblr.com/b29d8873c09628252057b9408a7c4a88/tumblr_plbuq65td51uo5urho1_100.png" title="theme by hunter themes"></a></div>
  323.  
  324. </body>
  325. </html>
  326.  
  327. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!