View difference between Paste ID: iWxwmhAv and kyUNKSyB
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">&laquo;</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">&raquo;</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} &nbsp;<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>