API tools faq
paste
Advertisement
Guest User

saved/moved url theme: sliding; by primrosetylers

a guest
Feb 25th, 2014
3,554
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.98 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!--
  5.  
  6. saved/moved page theme 02: sliding;
  7.  
  8. ✿ coded by irma at primrosetylers.tumblr.com ✿
  9.  
  10. don't hesitate to ask if you have any problems!
  11.  
  12. -->
  13.  
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.  
  18. <meta name="if:saved url" content="0"/>
  19.  
  20. <meta name="text:old url" content="" />
  21. <meta name="text:current url" content="http://" />
  22. <meta name="text:current blog name" content="" />
  23.  
  24. <meta name="color:main box" content="#000" />
  25. <meta name="color:main box text" content="#fff" />
  26. <meta name="color:middle box" content="#b9b9b9" />
  27. <meta name="color:middle box text" content="#fff" />
  28. <meta name="color:new url" content="#fff" />
  29. <meta name="color:new url hover" content="#000" />
  30. <meta name="color:background" content="#fff" />
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans' rel='stylesheet' type='text/css'>
  33.  
  34. <style type="text/css">
  35.  
  36. #content {
  37. width:400px;
  38. height:300px;
  39. margin-top:210px;
  40. margin-left:auto;
  41. margin-right:auto;
  42. }
  43.  
  44. #top {
  45. position:fixed;
  46. width:400px;
  47. height:100px;
  48. text-align:center;
  49. background-color:{color:main box};
  50. -webkit-transition:0.5s;
  51. -moz-transition:0.5s;
  52. -o-transition:0.5s;
  53. z-index:1;
  54. }
  55.  
  56. #middle {
  57. position:fixed;
  58. width:400px;
  59. height:100px;
  60. text-align:center;
  61. background-color:{color:middle box};
  62. margin-top:50px;
  63. z-index:0.8;
  64. }
  65.  
  66. #oldurl {
  67. position:relative;
  68. margin-top:58px;
  69. font-family:'Josefin Sans';
  70. font-size:25px;
  71. color:{color:main box text};
  72. }
  73.  
  74. #newurl {
  75. position:relative;
  76. margin-top:10px;
  77. font-size:20px;
  78. font-family:'Josefin Sans';
  79. color:{color:middle box text};
  80. }
  81.  
  82. #newurl a {
  83. position:relative;
  84. font-size:30px;
  85. line-height:15px;
  86. color:{color:new url};
  87. text-decoration:none;
  88. -webkit-transition:0.5s;
  89. -moz-transition:0.5s;
  90. -o-transition:0.5s;
  91. }
  92.  
  93. #newurl a:hover {
  94. color:{color:new url hover};
  95. -webkit-transition:1s;
  96. -moz-transition:1s;
  97. -o-transition:1s;
  98. }
  99.  
  100. #bottomtext {
  101. position:relative;
  102. margin-top:6px;
  103. font-family:'Josefin Sans';
  104. font-size:25px;
  105. color:{color:main box text};
  106. }
  107.  
  108. #bottom {
  109. position:fixed;
  110. margin-top:100px;
  111. width:400px;
  112. height:100px;
  113. text-align:center;
  114. background-color:{color:main box};
  115. color:{color:main box text};
  116. z-index:1;
  117. -webkit-transition:0.5s;
  118. -moz-transition:0.5s;
  119. -o-transition:0.5s;
  120. }
  121.  
  122. #content:hover #top {
  123. margin-top:-50px;
  124. -webkit-transition:0.5s;
  125. -moz-transition:0.5s;
  126. -o-transition:0.5s;
  127. }
  128.  
  129. #content:hover #bottom {
  130. margin-top:145px;
  131. -webkit-transition:0.5s;
  132. -moz-transition:0.5s;
  133. -o-transition:0.5s;
  134. }
  135.  
  136. #credit a {
  137. position:fixed;
  138. right:10px;
  139. bottom:10px;
  140. font-size:16px;
  141. padding:5px;
  142. color: #000;
  143. opacity:0.8;
  144. text-decoration:none;
  145. }
  146.  
  147. #credit a:hover {
  148. -webkit-transition: all 0.5s ease;
  149. -moz-transition: all 0.5s ease;
  150. -o-transition: all 0.5s ease;
  151. transition: all 0.5s ease;
  152. color:{color:background};
  153. }
  154.  
  155. </style>
  156.  
  157. </head>
  158.  
  159. <body style="background-color:{color:background};">
  160.  
  161. <div id="content">
  162.  
  163. <div id="top">
  164. <div id="oldurl">{text:old url}</div>
  165. </div>
  166.  
  167. <div id="middle"><div id="newurl">
  168. {block:IfNotSavedUrl}now at{/block:IfNotSavedUrl}
  169. {block:IfSavedUrl}head to{/block:IfSavedUrl}
  170. <br />
  171. <a href="{text:current url}">{text:current blog name}</a></div></div>
  172.  
  173. <div id="bottom">
  174. <div id="bottomtext">
  175. {block:IfNotSavedUrl}has moved{/block:IfNotSavedUrl}
  176. {block:IfSavedUrl}is saved{/block:IfSavedUrl}
  177. </div>
  178. </div>
  179.  
  180. </div>
  181.  
  182. </div>
  183.  
  184. <div id="credit"><a href="http://primrosetylers.tumblr.com">✿</a></div>
  185. </body>
  186.  
  187. </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!