SHOW:
|
|
- or go back to the newest paste.
1 | <!---- theme #001 by johnhamsh keep the credit in tact please | |
2 | ---> | |
3 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
4 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
5 | <head> | |
6 | <title>{Title}</title> | |
7 | <link rel="shortcut icon" href="{Favicon}"> | |
8 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
9 | {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description} | |
10 | ||
11 | ||
12 | <meta name="color:background" content="#ffffff"/> | |
13 | <meta name="color:text" content="#959494"/> | |
14 | <meta name="color:links" content="#888888"/> | |
15 | <meta name="color:links hover" content="#ffffff"/> | |
16 | <meta name="color:accent" content="#000000"/> | |
17 | <meta name="color:sb links" content="#b9b7b7"/> | |
18 | <meta name="color:sb links hover" content="#ffffff"/> | |
19 | <meta name="color:title" content="#000000"/> | |
20 | <meta name="color:title hover" content="#bcbcbc"/> | |
21 | <meta name="color:sb links background" content="#ffffff"/> | |
22 | <meta name="color:post info" content="#000000"/> | |
23 | <meta name="color:post info bg" content="#ffffff"/> | |
24 | <meta name="image:thekey" content=""/> | |
25 | ||
26 | <meta name="image:sidebar" content="" /> | |
27 | ||
28 | <meta name="text:link1" content="link1"/> | |
29 | <meta name="text:link1url" content="link 1 url"/> | |
30 | ||
31 | <meta name="text:link2" content="link2"/> | |
32 | <meta name="text:link2url" content="link 2 url"/> | |
33 | ||
34 | <meta name="text:link3" content="link3"/> | |
35 | <meta name="text:link3url" content="link 3 url"/> | |
36 | ||
37 | <meta name="text:link4" content="link4"/> | |
38 | <meta name="text:link4url" content="link 4 url"/> | |
39 | ||
40 | <style type="text/css"> | |
41 | #bite | |
42 | #bite a{ | |
43 | display:block | |
44 | } | |
45 | #bite .death { | |
46 | margin-top:0px;filter: alpha(opacity = 0); | |
47 | opacity:0;-webkit-transition: all 0.5s ease-out; | |
48 | -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; | |
49 | } | |
50 | ||
51 | #bite:hover .death { | |
52 | margin-top:0px; | |
53 | -webkit-transition: all 0.8s ease-out; | |
54 | -moz-transition: all 0.8s ease-out; | |
55 | transition: all 0.8s ease-out; | |
56 | filter: alpha(opacity = 100); | |
57 | filter: alpha(opacity = 100); | |
58 | opacity:100; | |
59 | } | |
60 | ||
61 | body { | |
62 | background-color:{color:background}; | |
63 | font-family:arial; | |
64 | font-size:12px; | |
65 | color:{color:text}; | |
66 | } | |
67 | ||
68 | ||
69 | ||
70 | ||
71 | a { | |
72 | color:{color:links}; | |
73 | text-decoration:none; | |
74 | -webkit-transition-duration:.3s; | |
75 | -moz-transition-duration:.3s; | |
76 | -o-transition-duration:.3s; | |
77 | } | |
78 | ||
79 | ||
80 | a:hover { | |
81 | color:{color:links hover}; | |
82 | -webkit-transition-duration:.3s; | |
83 | -moz-transition-duration:.3s; | |
84 | -o-transition-duration:.3s; | |
85 | } | |
86 | ||
87 | ||
88 | ||
89 | h1 { | |
90 | font-size:2em; | |
91 | font-weight:bold; | |
92 | letter-spacing:-2px; | |
93 | color:{color:accent}; | |
94 | } | |
95 | ||
96 | ||
97 | ||
98 | b { | |
99 | color:{color:accent}; | |
100 | } | |
101 | ||
102 | i { | |
103 | color:{color:accent}; | |
104 | } | |
105 | ||
106 | em { | |
107 | color:{color:accent}; | |
108 | } | |
109 | ||
110 | big { | |
111 | color:{color:accent}; | |
112 | font-size:2em; | |
113 | } | |
114 | ||
115 | strong { | |
116 | color:{color:accent}; | |
117 | } | |
118 | ||
119 | ||
120 | ||
121 | blockquote { | |
122 | padding-left:5px; | |
123 | border-left:2px solid {color:accent};; | |
124 | } | |
125 | ||
126 | blockquote blockquote { | |
127 | padding-left:10px; | |
128 | border-left:2px solid {color:accent}; | |
129 | } | |
130 | ||
131 | ||
132 | ||
133 | #blogtitle { | |
134 | ||
135 | font-family:arial; | |
136 | font-size:28px; | |
137 | color:{color:title}; | |
138 | letter-spacing:-3px; | |
139 | text-transform:lowercase; | |
140 | font-weight:normal; | |
141 | margin-left:-10px; | |
142 | -webkit-transition-duration:1s; | |
143 | -moz-transition-duration:1s; | |
144 | -o-transition-duration:1s; | |
145 | } | |
146 | ||
147 | #blogtitle a { | |
148 | color:{color:title}; | |
149 | -webkit-transition-duration:1s; | |
150 | -moz-transition-duration:1s; | |
151 | -o-transition-duration:1s; | |
152 | } | |
153 | ||
154 | #blogtitle a:hover { | |
155 | color:{color:title hover}; | |
156 | -webkit-transition-duration:1s; | |
157 | -moz-transition-duration:1s; | |
158 | -o-transition-duration:1s; | |
159 | } | |
160 | ||
161 | #sidebar { | |
162 | width:300px; | |
163 | height:200px; | |
164 | margin-left:200px; | |
165 | margin-top:120px; | |
166 | position:fixed; | |
167 | } | |
168 | ||
169 | #sidebarimage { | |
170 | width:150px; | |
171 | ||
172 | ||
173 | } | |
174 | ||
175 | #sidebarimage img { | |
176 | ||
177 | width:180px; | |
178 | margin-left:-9px; | |
179 | } | |
180 | ||
181 | #desc { | |
182 | ||
183 | width:170px; | |
184 | margin-top:33px; | |
185 | margin-left:-5px; | |
186 | color:{color:text}; | |
187 | text-align:justify; | |
188 | font-family:arial; | |
189 | font-size:10px; | |
190 | font-weight:normal; | |
191 | } | |
192 | #links { | |
193 | position:absolute; | |
194 | position:fixed; | |
195 | font-family:'latha'; | |
196 | background:{color:sb links background}; | |
197 | width:180px; | |
198 | z-index:1; | |
199 | margin-top:8px; | |
200 | letter-spacing:0px; | |
201 | margin-left:-9px; | |
202 | font-size:8px; | |
203 | text-transform:uppercase; | |
204 | text-align:center; | |
205 | line-height:120%; | |
206 | } | |
207 | ||
208 | #links a{ | |
209 | line-height:250%; | |
210 | text-decoration:underline; | |
211 | margin-top:4px; | |
212 | margin-left:7px; | |
213 | margin-right:7px; | |
214 | color:{color:sb links}; | |
215 | -moz-transition-duration:.2s; | |
216 | -webkit-transition-duration:.2s; | |
217 | -o-transition-duration:.2s; | |
218 | } | |
219 | ||
220 | #links a:hover { | |
221 | color: {color:sb links hover}; | |
222 | width:60px; | |
223 | -moz-transition-duration:0.2s; | |
224 | -webkit-transition-duration:0.2s; | |
225 | -o-transition-duration:0.2s; | |
226 | } | |
227 | ||
228 | #postcontainer { | |
229 | ||
230 | ||
231 | margin-left:450px; | |
232 | margin-top:50px; | |
233 | width:550px; | |
234 | } | |
235 | ||
236 | #post { | |
237 | ||
238 | ||
239 | text-align:left; | |
240 | width:400px; | |
241 | padding:5px; | |
242 | } | |
243 | #actualnews { | |
244 | font-family:calibri; | |
245 | font-size:10px; | |
246 | color: #b8b8b8; | |
247 | width:100px; | |
248 | height:auto; | |
249 | padding-top:3px; | |
250 | margin-left: 30px; | |
251 | margin-top:20px; | |
252 | text-align:center; | |
253 | position:fixed; | |
254 | } | |
255 | ||
256 | #thekey img{ | |
257 | width:60px; | |
258 | margin-top: -30px; | |
259 | margin-left: 20px; | |
260 | position:fixed; | |
261 | } | |
262 | ||
263 | #ask { | |
264 | padding:7px; | |
265 | padding-bottom:30px; | |
266 | padding-left:10px; | |
267 | text-align:left; | |
268 | color:{color:text}; | |
269 | line-height:130%; | |
270 | background-color:#fafafa; | |
271 | } | |
272 | ||
273 | #ans { | |
274 | text-align:left; | |
275 | padding-top:9px; | |
276 | padding-bottom:3px; | |
277 | color:{color:text}; | |
278 | } | |
279 | ||
280 | ||
281 | ||
282 | ||
283 | #info { | |
284 | margin-top:7px; | |
285 | font-size:9px; | |
286 | color:{color:post info}; | |
287 | background-color:{color:post info bg}; | |
288 | text-transform:lowercase; | |
289 | padding-top:5px; | |
290 | padding-bottom:5px; | |
291 | text-align:center; | |
292 | width:100%; | |
293 | margin-bottom:50px; | |
294 | } | |
295 | ||
296 | #info a { | |
297 | color:{color:post info}; | |
298 | font-weight:normal; | |
299 | font-size:10px; | |
300 | } | |
301 | ||
302 | ||
303 | ::selection { | |
304 | background-color:{color:accent}; | |
305 | } | |
306 | ||
307 | ||
308 | ||
309 | ||
310 | ||
311 | #cred { | |
312 | bottom:3px; | |
313 | position:fixed; | |
314 | right:10px; | |
315 | float:right; | |
316 | font-family:arial; | |
317 | font-weight:normal; | |
318 | color:black; | |
319 | font-size:12px; | |
320 | letter-spacing:1px; | |
321 | text-transform:lowercase; | |
322 | } | |
323 | ||
324 | #cred a { | |
325 | color:black; | |
326 | } | |
327 | ||
328 | #cred a:hover { | |
329 | color:{color:accent}; | |
330 | } | |
331 | ||
332 | #pagi { | |
333 | margin-top:20px; | |
334 | } | |
335 | ||
336 | .jump_page { | |
337 | ||
338 | padding: 4px 8px; | |
339 | color:#555; | |
340 | font-family:century gothic; | |
341 | font-size:7px; | |
342 | text-decoration:none; | |
343 | } | |
344 | ||
345 | .current_page, .jump_page:hover { | |
346 | ||
347 | ||
348 | color: #555; | |
349 | font-family:century gothic; | |
350 | font-size:7px; | |
351 | text-decoration:none; | |
352 | } | |
353 | ||
354 | ||
355 | .photoset { | |
356 | border:5px #ccc double; | |
357 | -webkit-transition-duration:1s; | |
358 | -moz-transition-duration:1s; | |
359 | -o-transition-duration:1s; | |
360 | } | |
361 | ||
362 | ||
363 | ||
364 | ||
365 | ||
366 | ||
367 | ||
368 | </style> | |
369 | ||
370 | </head> | |
371 | <body> | |
372 | <div id="bite"> | |
373 | <div id="thekey"><img src="{image:thekey}"></div> | |
374 | <div class="death"> | |
375 | <div id="actualnews"> | |
376 | UPDATES GO HERE(: ANY QUESTIONS JUST ASK!! I'M HAPPY TO HELP(: | |
377 | </div> | |
378 | </div></div> | |
379 | ||
380 | ||
381 | ||
382 | <div id="sidebar"> | |
383 | <div id="blogtitle"><a href="/">{Title}</a></div> | |
384 | ||
385 | <div id="sidebarimage"> | |
386 | ||
387 | <img src="{image:sidebar}"> | |
388 | ||
389 | </div> | |
390 | ||
391 | <div id="links"> | |
392 | <a href="{text:link1url}">{text:link1}</a> | |
393 | <a href="{text:link2url}">{text:link2}</a> | |
394 | <a href="{text:link3url}">{text:link3}</a> | |
395 | <a href="{text:link4url}">{text:link4}</a> | |
396 | ||
397 | ||
398 | </div> | |
399 | <div id="desc">{Description}</div> | |
400 | ||
401 | ||
402 | ||
403 | ||
404 | ||
405 | <div id="pagi"> | |
406 | {block:Pagination} | |
407 | {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">«</a>{/block:PreviousPage} | |
408 | {block:JumpPagination length="5"} | |
409 | {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage} | |
410 | {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} | |
411 | {block:NextPage}<a href="{NextPage}" class="jump_page">»</a>{/block:NextPage} | |
412 | {/block:Pagination} | |
413 | </div></div> | |
414 | ||
415 | ||
416 | ||
417 | ||
418 | <div id="postcontainer"> | |
419 | ||
420 | {block:Posts} | |
421 | <div id="post"> | |
422 | ||
423 | {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text} | |
424 | ||
425 | ||
426 | ||
427 | {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-400}" width="400px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo} | |
428 | ||
429 | ||
430 | ||
431 | {block:Photoset} | |
432 | <div class="photoset">{Photoset-400}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset} | |
433 | ||
434 | ||
435 | ||
436 | {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
437 | ||
438 | ||
439 | ||
440 | {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio} | |
441 | ||
442 | ||
443 | ||
444 | {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote} | |
445 | ||
446 | ||
447 | ||
448 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link} | |
449 | ||
450 | ||
451 | ||
452 | {block:Answer}<div id="ask">{Question}<br><div style="float:right;">— {Asker} <img src="{AskerPortraitURL-24}"></div></div> <div id="ans">{Answer}</div>{/block:Answer} | |
453 | ||
454 | ||
455 | ||
456 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}{Label}{/block:Label}{Line}{/block:Lines}{/block:Chat} | |
457 | ||
458 | <div id="info"> | |
459 | ||
460 | posted <a href="{Permalink}">{DayOfWeek} {MonthNumber}/{DayOfMonth}/{Year}</a> at {Time} | |
461 | with <a href="{Permalink}">{NoteCountWithLabel}</a> | |
462 | {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a> & {/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}"> source <a href="{SourceURL}"></a>{/block:ContentSource}{/block:RebloggedFrom} | |
463 | <br> | |
464 | {block:HasTags}filed: <i>{block:Tags}<a href="{TagURL}">{Tag}, </a>{/block:Tags}{/block:HasTags}</i> | |
465 | </div></div> | |
466 | {/block:Posts}</div> | |
467 | ||
468 | ||
469 | <div id="cred"><a href="http://johnhamsh.tumblr.com/"> | |
470 | jh | |
471 | </a></div> | |
472 | ||
473 | ||
474 | </body> | |
475 | </html> |