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 | ||
3 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
4 | ||
5 | <!--FADED BY HEARTGRENADE.TUMBLR.COM--> | |
6 | ||
7 | <head> | |
8 | ||
9 | <title>{TITLE}</title> | |
10 | ||
11 | ||
12 | <link rel="shortcut icon" href="{Favicon}"> | |
13 | ||
14 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
15 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
16 | ||
17 | ||
18 | <!-- DEFAULT VARIABLES (CAN BE EDITED IN THE 'APPEARANCE' TAB) --> | |
19 | ||
20 | <meta name="color:Background" content="#F8F8F8"/> | |
21 | <meta name="color:Title" content="#B3B1B1"/> | |
22 | <meta name="color:Name" content="#000000"/> | |
23 | <meta name="color:Text" content="#949191"/> | |
24 | <meta name="color:Posts" content="#FFFFFF"/> | |
25 | ||
26 | <meta name="color:Link" content="#CACACA"/> | |
27 | <meta name="color:Link Hover" content="#ADADAD"/> | |
28 | ||
29 | ||
30 | <meta name="if:Enable Image Opacity" content="1"/> | |
31 | ||
32 | <meta name="image:Background" content=""/> | |
33 | <meta name="text:Background Image Position" content="none"/> | |
34 | <meta name="if:Background Image Not Repeat" content="0"/> | |
35 | <meta name="if:Background Image Fixed" content="1"/> | |
36 | ||
37 | <style type="text/css"> | |
38 | ||
39 | body { | |
40 | background-color:{color:Background}; | |
41 | background-image:url({image:Background}); | |
42 | background-position:{text:Background Image Position}; | |
43 | {block:IfBackgroundImageNotRepeat}background-repeat:no-repeat;{/block:IfBackgroundImageNotRepeat} | |
44 | {block:IfBackgroundImageFixed}background-attachment: fixed;{/block:IfBackgroundImageFixed} | |
45 | color:{color:Text}; | |
46 | font-size: 7pt; | |
47 | font-family: trebuchet ms; | |
48 | letter-spacing: 1px; | |
49 | } | |
50 | ||
51 | a, a:visited, a:active { | |
52 | color:{color:Link}; | |
53 | text-decoration: none; | |
54 | -webkit-transition-duration: 0.4s; | |
55 | } | |
56 | ||
57 | a:hover { | |
58 | color:{color:link hover}; | |
59 | text-decoration:none; | |
60 | } | |
61 | ||
62 | ||
63 | ||
64 | p { | |
65 | margin: 8px 5px 5px 5px; | |
66 | line-height:10px; | |
67 | padding: 0; | |
68 | } | |
69 | ||
70 | ol.notes { | |
71 | padding: 0px; | |
72 | margin: 25px 0px; | |
73 | list-style-type: none; | |
74 | border-bottom: dotted 1px {color:text}; | |
75 | } | |
76 | ||
77 | ol.notes li.note { | |
78 | border-top: dotted 1px {color:text}; | |
79 | padding: 10px; | |
80 | } | |
81 | ||
82 | ol.notes li.note img.avatar { | |
83 | margin-right: 10px; | |
84 | width: 20px; | |
85 | height: 20px; | |
86 | } | |
87 | ||
88 | ||
89 | blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:text};} | |
90 | blockquote img{display:block;} | |
91 | blockquote p{padding:0px; margin:0px;} | |
92 | blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;} | |
93 | a img{border:none;} | |
94 | ||
95 | ||
96 | ||
97 | #content{ | |
98 | position:absolute; | |
99 | top:5px; | |
100 | width:508px; | |
101 | left:350px; | |
102 | padding:10px; | |
103 | margin:auto; | |
104 | } | |
105 | ||
106 | ||
107 | #post{ | |
108 | padding:4px; | |
109 | margin-bottom:5px; | |
110 | background-color:{Color:Posts}; | |
111 | } | |
112 | ||
113 | #top{ | |
114 | background-color:#000000; | |
115 | border:none; | |
116 | height:15px; | |
117 | margin-bottom:6px; | |
118 | margin-top:3px | |
119 | padding-left:3px; | |
120 | padding-top:3px; | |
121 | } | |
122 | ||
123 | h1 { | |
124 | font-size:24px; | |
125 | font-weight:normal; | |
126 | font:{font:title}; | |
127 | color:{color:Title}; | |
128 | text-transform:none; | |
129 | line-height:20px; | |
130 | letter-spacing:-2px; | |
131 | } | |
132 | ||
133 | ||
134 | .h2 { | |
135 | font-size:11px; | |
136 | font:{font:text}; | |
137 | color:{color:text}; | |
138 | background-color: transparent; | |
139 | text-align: right; | |
140 | padding:1px; | |
141 | } | |
142 | ||
143 | ||
144 | h3 { | |
145 | margin-top:2px; | |
146 | margin-bottom:10px; | |
147 | font-size:32px; | |
148 | font-weight:normal; | |
149 | font:{font:title}; | |
150 | color:{color:Title}; | |
151 | text-transform:none; | |
152 | line-height:25px; | |
153 | letter-spacing:-2px; | |
154 | font-style:italic; | |
155 | } | |
156 | ||
157 | h4 { | |
158 | font-size:30px; | |
159 | font:{font:title}; | |
160 | color:{color:Title}; | |
161 | text-transform:none; | |
162 | line-height:20px; | |
163 | letter-spacing:-2px; | |
164 | font-weight:normal; | |
165 | } | |
166 | ||
167 | .name { | |
168 | font-size:50px; | |
169 | font-family:courier new; | |
170 | text-transform:lowercase; | |
171 | line-height:28px; | |
172 | letter-spacing:-2px; | |
173 | font-weight:normal; | |
174 | color:{color:Name}; | |
175 | text-align:right; | |
176 | overflow:hidden; | |
177 | padding-right:2px; | |
178 | } | |
179 | ||
180 | #permalink { | |
181 | font-size:15px; | |
182 | position:absolute; | |
183 | left:50%; | |
184 | margin-left:260px; | |
185 | } | |
186 | ||
187 | #credit{ | |
188 | padding-top:5px; | |
189 | text-align:center; | |
190 | width:500px; | |
191 | } | |
192 | ||
193 | ||
194 | img { | |
195 | {block:IfEnableImageOpacity} | |
196 | opacity: 0.8; filter:alpha(opacity=85); | |
197 | {/block:IfEnableImageOpacity} | |
198 | -webkit-transition-duration: 0.8s; | |
199 | } | |
200 | ||
201 | img:hover { | |
202 | {block:IfEnableImageOpacity} | |
203 | opacity:1; filter:alpha(opacity=99); | |
204 | {/block:IfEnableImageOpacity} | |
205 | } | |
206 | ||
207 | img, a img { | |
208 | max-width:500px !important; | |
209 | border: 0px !important; | |
210 | } | |
211 | ||
212 | a.nav:link, a.nav:active, a.nav:visited { | |
213 | background-color: transparent; | |
214 | font-size: 7pt; | |
215 | font-weight: bold; | |
216 | font-family: trebuchet ms; | |
217 | letter-spacing: 1px; | |
218 | background-color: transparent; | |
219 | text-transform: uppercase; | |
220 | color: {color:Link}; | |
221 | margin-left:3px; | |
222 | } | |
223 | ||
224 | a.nav:hover { | |
225 | color: {color:Link Hover}; | |
226 | background-color: transparent; | |
227 | font-size: 7pt; | |
228 | font-weight: bold; | |
229 | font-family: trebuchet ms; | |
230 | letter-spacing: 1px; | |
231 | background-color: transparent; | |
232 | text-transform: uppercase; | |
233 | margin-left:3px; | |
234 | } | |
235 | ||
236 | ||
237 | ||
238 | {CustomCSS} | |
239 | </style> | |
240 | </head> | |
241 | <body> | |
242 | ||
243 | ||
244 | ||
245 | ||
246 | <div id="content"> | |
247 | <div class="name"> | |
248 | <br>{Title} | |
249 | </div> | |
250 | ||
251 | <div id="top"> | |
252 | <a href="/" class="nav">HOME</a> | |
253 | <a href="/archive" class="nav">ARCHIVE</a> | |
254 | <a href="/ask" class="nav">MESSAGE</a> | |
255 | </div> | |
256 | ||
257 | {block:Posts} | |
258 | ||
259 | ||
260 | <div id="post"> | |
261 | ||
262 | <div id="permalink"> | |
263 | <a href="{Permalink}">+</a> | |
264 | </div> | |
265 | ||
266 | {block:Text} | |
267 | {block:Title} | |
268 | <h3><a href="{Permalink}">{Title}</a></h3> | |
269 | {/block:Title} | |
270 | {Body} | |
271 | {/block:Text} | |
272 | </a> | |
273 | ||
274 | ||
275 | {block:Photo} | |
276 | {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag} | |
277 | {block:Caption} | |
278 | {Caption} | |
279 | {/block:Caption} | |
280 | {/block:Photo} | |
281 | ||
282 | {block:Photoset} | |
283 | <center>{Photoset-500}</center> | |
284 | {block:Caption} | |
285 | {Caption} | |
286 | {/block:Caption} | |
287 | {/block:Photoset} | |
288 | ||
289 | {block:Quote} | |
290 | <h3>"{Quote}"</h3> | |
291 | {block:Source} | |
292 | -{Source} | |
293 | {/block:Source} | |
294 | {/block:Quote} | |
295 | ||
296 | {block:Link} | |
297 | <a href="{URL}" class="link" {Target}><h3>{Name}</h3></a> | |
298 | {block:Description} | |
299 | {Description} | |
300 | {/block:Description} | |
301 | {/block:Link} | |
302 | ||
303 | ||
304 | {block:Chat} | |
305 | {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title} | |
306 | {block:Lines} | |
307 | {block:Label}<b>{Label}</b>{/block:Label} | |
308 | {Line}<br> | |
309 | {/block:Lines} | |
310 | {/block:Chat} | |
311 | ||
312 | {block:Video} | |
313 | <center>{Video-500}</center> | |
314 | {block:Caption} | |
315 | {Caption} | |
316 | {/block:Caption} | |
317 | {/block:Video} | |
318 | ||
319 | {block:Audio}<br/> | |
320 | {AudioPlayerWhite} | |
321 | {block:Caption} | |
322 | {Caption} | |
323 | {/block:Caption} | |
324 | {PlayCountWithLabel}<br><br> | |
325 | {/block:Audio}<br> | |
326 | ||
327 | {block:Answer} | |
328 | <b>{Asker} said: | |
329 | {Question}</b><br><br> | |
330 | {answer} | |
331 | {/block:answer} | |
332 | ||
333 | ||
334 | ||
335 | {block:PermalinkPage}<br> | |
336 | <center>{Block:NoteCount}Posted on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes} {CapitalAmPm}{/Block:NoteCount} | |
337 | <br> | |
338 | {block:HasTags} Tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags} | |
339 | {block:RebloggedFrom} | |
340 | Reblogged from: <a href="{ReblogParentURL}">{ReblogParentName}</a><br> | |
341 | Originally posted by: <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom} | |
342 | </center> | |
343 | {block:PostNotes}{PostNotes}{/block:PostNotes} | |
344 | {/block:PermalinkPage} | |
345 | </div> | |
346 | ||
347 | {/block:Posts} | |
348 | ||
349 | ||
350 | <div id="post"> | |
351 | <div id="credit"> | |
352 | <font size="5"> | |
353 | <center>{block:Pagination} | |
354 | {block:PreviousPage} | |
355 | <a href="{PreviousPage}">«</a> | |
356 | {/block:PreviousPage} | |
357 | ||
358 | {block:JumpPagination length="5"} | |
359 | {block:CurrentPage} | |
360 | {PageNumber} | |
361 | {/block:CurrentPage} | |
362 | ||
363 | {block:JumpPage} | |
364 | <a href="{URL}">{PageNumber}</a> | |
365 | {/block:JumpPage} | |
366 | {/block:JumpPagination} | |
367 | ||
368 | {block:NextPage} | |
369 | <a href="{NextPage}">»</a> | |
370 | {/block:NextPage} | |
371 | {/block:Pagination}</center> | |
372 | </font><br> | |
373 | theme by <a href="http://www.heartgrenade.tumblr.com">heartgrenade</a> | powered by <a href="tumblr.com">tumblr</a> | |
374 | ||
375 | </div> | |
376 | </div> | |
377 | </div> | |
378 | </body> | |
379 | </html> | |
380 |