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

[Old Page] Redirect Layout v2

By: lostmemento on Apr 25th, 2012  |  syntax: None  |  size: 3.10 KB  |  hits: 9,334  |  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. <html>
  2. <head>
  3. <!--  
  4.  
  5. REDIRECT LAYOUT v2 MADE BY: http://lostmemento.tumblr.com (lmthemes)
  6.  
  7.         TERMS OF USAGE:
  8.         - DO NOT REMOVE THE CREDIT
  9.         - DO NOT REDISTRIBUTE
  10.         - DO NOT CLAIM AS YOUR OWN
  11.         - DO NOT USE AS BASE
  12.        
  13. APPEARANCE CHANGES CAN BE MADE IN CUSTOMIZE-CLASSIC
  14.  
  15. -->
  16.  
  17.        
  18.         <title>{Title}</title>
  19.     <link rel="shortcut icon" href="{Favicon}">
  20.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.     {block:Description}<meta name="description" content="{MetaDescription}"/> {/block:Description}
  22.  
  23. <link href='http://fonts.googleapis.com/css?family=Dosis|Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>            
  24.  
  25. <!--- DEFAULTS --->
  26.  
  27. <meta name="color:Background" content="#ffffff"/>
  28. <meta name="color:Left Circle" content="#ec42a2"/>
  29. <meta name="color:Left Circle Text" content="#ffffff"/>
  30. <meta name="color:Arrow" content="#ffffff"/>
  31. <meta name="color:Right Circle" content="#7cefe0 "/>
  32. <meta name="color:Right Circle Text" content="#ffffff"/>
  33.  
  34. <meta name="text:New Blog Name" content="New Blog Name"/>
  35. <meta name="text:New Blog Url" content="http://"/>
  36.  
  37. <meta name="font:Other" content="calibri, helvetica"/>
  38.  
  39. <meta name="if:Other Font" content="0"/>
  40.  
  41. <style type="text/css">
  42. body {background-color: {color:Background};
  43.           background-attachment: fixed;
  44.           font-family: Calibri, Helvetica;
  45.           margin: 0px;}
  46.        
  47. a {text-decoration: none;}
  48.  
  49. #container {width:600px;
  50.         margin: auto;
  51.         text-align: center;
  52.         margin-top: 100px;
  53.         text-align: center;
  54.         color: #fff;
  55.         {block:IfNotOtherFont}font-family: 'Dosis'{/block:IfNotOtherFont}
  56.         {block:IfOtherFont}font-family: {font:Other}{/block:IfOtherFont}}
  57.        
  58. #container a:link, #container a:visited, #container a:active {color: {color:Arrow}}
  59. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  60.  
  61. .arrow {position: absolute;
  62.         margin-top: 130px;
  63.         font-size: 50px;
  64.         margin-left: 290px;
  65.         z-index: 2;
  66.         font-family: 'open sans condensed';
  67.         color: {color:Arrow}}
  68.  
  69. .circle1 {width: 350px;
  70.         height: 190px;
  71.         -webkit-border-radius: 500px;
  72.         -moz-border-radius: 500px;
  73.         border-radius: 500px;
  74.         background-color: {color:Left Circle};
  75.         opacity: 0.7;
  76.         padding-top: 160px;
  77.         font-size: 20px;
  78.         color: {color:Left Circle Text};}
  79.  
  80. .circle2 {width: 350px;
  81.         height: 205px;
  82.         -webkit-border-radius: 500px;
  83.         -moz-border-radius: 500px;
  84.         border-radius: 500px;
  85.         background-color: {color:Right Circle};
  86.         float:right;
  87.         opacity: 0.9;
  88.         text-align: center;
  89.         font-size: 20px;
  90.         padding-top: 145px;
  91.         color: {color:Right Circle Text};}
  92.  
  93. </style>
  94. </head>
  95.  
  96. <body>
  97.  
  98. <div id="container"><center><div class="arrow"><a href="{text:New Blog Url}">&#187;</a></div></center> <a href="{text:New Blog Url}"><div class="circle2"><span style="padding-left: 40px">NOW AT</span><br>
  99. <span style="padding-left: 40px; text-transform: uppercase;"><i>{text:New Blog Name}</i></span></div></a> <div class="circle1"><span style="padding-left: 40px">YOU ARE HERE</span></div></div>
  100.  
  101. <div id="creditimage"><a href="http://lostmemento.tumblr.com"><img src="http://static.tumblr.com/bkd4m5b/kRDm3vhr3/lmthemeslogoxsml_copy.png"></a></div>
  102. </body></html>