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

Redirect Theme [01]

By: mogimochi on Jul 20th, 2012  |  syntax: None  |  size: 3.13 KB  |  hits: 809  |  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. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <meta name="color:Background" content="#cccccc" />
  6. <meta name="color:Sidebar Background" content="#ffffff" />
  7. <meta name="color:Title" content="#03999b" />
  8. <meta name="color:Title Hover" content="##83c0c9" />
  9. <meta name="color:Icon Border" content="#000000" />
  10.  
  11. <meta name="image:Background" content="http://i41.tinypic.com/wvztsk.png" />
  12.  
  13. <meta name="if:Rounded Icon" content="0" />
  14.  
  15. <title>{Title}</title>
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <!--Custom font (part 4)-->
  20. <link href='http://fonts.googleapis.com/css?family=Codystar' rel='stylesheet' type='text/css'>
  21.  
  22. <style type="text/css">
  23.  
  24. body {
  25.     background-color: {color:Background};
  26.     font-family: {font:Body};
  27.     background-image: url({image:Background});
  28.         background-attachment: fixed;
  29.         margin: 0;
  30.         word-wrap: break-word;
  31.     text-decoration: none;
  32. }
  33.  
  34. #bar {
  35.         background-color: {color:Sidebar Background};
  36.         width: 1500px; 
  37.     height: 60px;
  38.         position: fixed;
  39.         top: 150px;
  40.         left: 0;
  41. }
  42.  
  43. #bar .image {
  44.     width: 96px;
  45.     height: 96px;
  46.     margin-top: -22px;
  47.     margin-left: 300px;
  48.     border: 5px solid {color:Icon Border};
  49.    
  50.     {block:IfRoundedIcon}
  51.    
  52. -khtml-border-radius: 20px;
  53. -moz-border-radius: 20px;
  54. -webkit-border-radius: 20px;
  55. border-radius: 20px;
  56.  
  57. {/block:IfRoundedIcon}
  58.  
  59. -webkit-transition: all 0.4s ease-in-out;
  60. -moz-transition: all 0.4s ease-in-out;
  61. -o-transition: all 0.4s ease-in-out;
  62. transition: all 0.4s ease-in-out;
  63. }
  64.  
  65. #bar .image:hover {
  66. -khtml-border-radius: 0px;
  67. -moz-border-radius: 0px;
  68. -webkit-border-radius: 0px;
  69. border-radius: 0px;
  70.  
  71. -webkit-transition: all 0.4s ease-in-out;
  72. -moz-transition: all 0.4s ease-in-out;
  73. -o-transition: all 0.4s ease-in-out;
  74. transition: all 0.4s ease-in-out;
  75. }
  76.  
  77. #bar .title {
  78.     font-family: 'Codystar', cursive;
  79.     font-size: 27px;
  80.     line-height: 55px;
  81.     margin-left: 420px;
  82.     margin-top: -129px;
  83.    
  84. -webkit-transition: all 0.6s ease-in-out;
  85. -moz-transition: all 0.6s ease-in-out;
  86. -o-transition: all 0.6s ease-in-out;
  87. transition: all 0.6s ease-in-out;
  88. }
  89.  
  90. #bar .title a {
  91.         color: {color:Title};
  92.         text-decoration: none;
  93.    
  94. -webkit-transition: all 0.6s ease-in-out;
  95. -moz-transition: all 0.6s ease-in-out;
  96. -o-transition: all 0.6s ease-in-out;
  97. transition: all 0.6s ease-in-out;
  98. }
  99.  
  100. #bar .title a:hover {
  101.     letter-spacing: 5px;
  102.     color: {color:Title Hover};
  103.    
  104. -webkit-transition: all 0.6s ease-in-out;
  105. -moz-transition: all 0.6s ease-in-out;
  106. -o-transition: all 0.6s ease-in-out;
  107. transition: all 0.6s ease-in-out;
  108. }
  109.  
  110. #bar .description {
  111.     font:{font:Description};
  112.     color: {color:Description};
  113.     margin-left: 425px;
  114.     width: 400px;
  115.     margin-top: -10px;
  116.     max-height: 60px;max-width: 500px;
  117.     font-size: 10px;
  118. }
  119.  
  120. {CustomCSS}    
  121.  
  122. </style>
  123.  
  124. </head>
  125. <body>
  126.  
  127. <div id="bar">
  128. <img class="image" src="{PortraitURL-96}" />
  129. <div class="title"><a href="INSERT YOUR NEW URL HERE">I HAVE MOVED!</a></div>
  130. <div class="description">{Description}</div>
  131. </div>
  132.  
  133. </div> <!--content-->
  134.  
  135. </body>
  136. </html>
create a new version of this paste RAW Paste Data