SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
3 | <head><title>{Title}</title> | |
4 | <link rel="shortcut icon" href="{Favicon}"> | |
5 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
6 | ||
7 | ||
8 | <!---- theme by noelle @ accioloki.tumblr.com | |
9 | ||
10 | Please don’t remove or alter the credit | |
11 | Do not redistribute as your own | |
12 | Edit away! but please don’t use it as a base code | |
13 | Don't use snippets from this please | |
14 | I think that’s everything, enjoy! if you have any questions, just ask me and I’ll help you! :D | |
15 | ||
16 | ||
17 | ---> | |
18 | ||
19 | ||
20 | <meta name="color:Background" content="#ffffff"/> | |
21 | <meta name="color:text" content="#b8b8b8"/> | |
22 | <meta name="color:text hover" content="#b8b8b8"/> | |
23 | ||
24 | ||
25 | <meta name="image:background" content=""/> | |
26 | ||
27 | ||
28 | <meta name="text:previous url" content="" /> | |
29 | <meta name="text:new url" content="" /> | |
30 | ||
31 | <link href='http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700' rel='stylesheet' type='text/css'> | |
32 | ||
33 | ||
34 | ||
35 | <style type="text/css"> | |
36 | ||
37 | a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} | |
38 | ||
39 | .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;} | |
40 | ||
41 | .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);} | |
42 | ||
43 | ||
44 | body { | |
45 | background: {color:Background} url("{image:Background}") fixed; | |
46 | margin:0px; | |
47 | color:#000000; | |
48 | font-family: 'Pathway Gothic One', sans-serif; | |
49 | font-size:11px; | |
50 | line-height:100%; | |
51 | } | |
52 | ||
53 | a { | |
54 | text-decoration:none; | |
55 | outline:none; | |
56 | -moz-outline-style:none; | |
57 | ||
58 | } | |
59 | ||
60 | ||
61 | a{ | |
62 | text-decoration:none; | |
63 | color:{color:text}; | |
64 | transition-duration: 0.8s; | |
65 | -moz-transition-duration: 0.8s; | |
66 | -webkit-transition-duration: 0.8s; | |
67 | -o-transition-duration: 0.8s; | |
68 | } | |
69 | ||
70 | a:hover { | |
71 | color:{color:text hover}; | |
72 | transition-duration: 0.8s; | |
73 | -moz-transition-duration: 0.8s; | |
74 | -webkit-transition-duration: 0.8s; | |
75 | -o-transition-duration: 0.8s; | |
76 | } | |
77 | ||
78 | img { | |
79 | border:none; | |
80 | } | |
81 | ||
82 | blockquote { | |
83 | padding-left:5px; | |
84 | border-left:2px solid; | |
85 | } | |
86 | ||
87 | blockquote blockquote { | |
88 | padding-left:5px; | |
89 | border-left:2px solid; | |
90 | } | |
91 | ||
92 | h1 { | |
93 | font-size:15px; | |
94 | } | |
95 | ||
96 | #container{ | |
97 | font-size:30px; | |
98 | position:fixed; | |
99 | width:600px; | |
100 | height:300px; | |
101 | left:50%; | |
102 | margin-left:-300px; | |
103 | top:50%; | |
104 | margin-top:-160px; | |
105 | background: url("http://static.tumblr.com/gym8ndc/SUQmru4cu/border.png") no-repeat; | |
106 | transition-duration: 0.9s; | |
107 | -moz-transition-duration: 0.9s; | |
108 | -webkit-transition-duration: 0.9s; | |
109 | -o-transition-duration: 0.9s; | |
110 | } | |
111 | ||
112 | .words1{ | |
113 | opacity:1; | |
114 | font-family: 'Old Standard TT', serif; | |
115 | font-style:italic; | |
116 | width:600px; | |
117 | height:auto; | |
118 | position:fixed; | |
119 | text-align:center; | |
120 | padding-top:20px; | |
121 | margin-top:100px; | |
122 | color:{color:text}; | |
123 | transition-duration: 0.8s; | |
124 | -moz-transition-duration: 0.8s; | |
125 | -webkit-transition-duration: 0.8s; | |
126 | -o-transition-duration: 0.8s; | |
127 | } | |
128 | ||
129 | #container:hover .words1{ | |
130 | opacity:0; | |
131 | margin-top:10px; | |
132 | transition-duration: 0.8s; | |
133 | -moz-transition-duration: 0.8s; | |
134 | -webkit-transition-duration: 0.8s; | |
135 | -o-transition-duration: 0.8s; | |
136 | } | |
137 | ||
138 | .words2{ | |
139 | opacity:0; | |
140 | font-family: 'Old Standard TT', serif; | |
141 | font-style:italic; | |
142 | width:600px; | |
143 | height:auto; | |
144 | position:fixed; | |
145 | text-align:center; | |
146 | padding-top:20px; | |
147 | margin-top:180px; | |
148 | color:{color:text}; | |
149 | transition-duration: 0.9s; | |
150 | -moz-transition-duration: 0.9s; | |
151 | -webkit-transition-duration: 0.9s; | |
152 | -o-transition-duration: 0.9s; | |
153 | } | |
154 | ||
155 | #container:hover .words2{ | |
156 | opacity:1; | |
157 | margin-top:90px; | |
158 | transition-duration: 0.9s; | |
159 | -moz-transition-duration: 0.9s; | |
160 | -webkit-transition-duration: 0.9s; | |
161 | -o-transition-duration: 0.9s; | |
162 | } | |
163 | ||
164 | ||
165 | ||
166 | #credit { | |
167 | margin-top:0px; | |
168 | position:fixed; | |
169 | width:80px; | |
170 | right:0px; | |
171 | bottom:3px; | |
172 | left:40px | |
173 | line-height:5px; | |
174 | letter-spacing:0px; | |
175 | font:10px trebuchet ms; | |
176 | color: {color:text}; | |
177 | text-transform:uppercase; | |
178 | transition-duration: 0.4s; | |
179 | -moz-transition-duration: 0.4s; | |
180 | -webkit-transition-duration: 0.4s; | |
181 | -o-transition-duration: 0.4s; | |
182 | } | |
183 | ||
184 | #credit:hover{ | |
185 | bottom:9px; | |
186 | transition-duration: 0.4s; | |
187 | -moz-transition-duration: 0.4s; | |
188 | -webkit-transition-duration: 0.4s; | |
189 | -o-transition-duration: 0.4s; | |
190 | } | |
191 | ||
192 | ||
193 | </style></head><body> | |
194 | ||
195 | <div id="container"> | |
196 | ||
197 | <div class="words1"> | |
198 | ||
199 | <b><font style="text-transform: uppercase;"><big><big>{text:previous url}</big></big></font></b> | |
200 | ||
201 | <p> | |
202 | ||
203 | <small>has moved</small> | |
204 | ||
205 | </div> | |
206 | ||
207 | <div class="words2"> | |
208 | ||
209 | <small>to</small><p> | |
210 | ||
211 | ||
212 | <b><font style="text-transform: uppercase;"> <big><big><a href="http://{text:new url}.tumblr.com/">{text:new url}</a></big></big></font></b> | |
213 | ||
214 | </div> | |
215 | ||
216 | </div> | |
217 | ||
218 | <div id="credit"> | |
219 | ||
220 | <a target="blank"href="http://accioloki.tumblr.com"><font color="#4b4b4b">© accioloki </a></font></div> | |
221 | ||
222 | ||
223 | ||
224 | </body></html> |