View difference between Paste ID: GircD0Kb and sZpCVLzK
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
<!-----------------
4
Theme by Dagmar -
5
╭╮╱╱╭╮╭╮╱╱╱╱╱╱╱╱╱╭╮
6
┃┃╱╱┃┃┃┃╱╱╱╱╱╱╱╱╱┃┃
7
┃╰━┳┫┃┃┃╭┳━━┳━╮╭━╯┣━━┳╮╱╭┳━━╮
8
┃╭╮┣┫┃┃┃┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃╱┃┃━━┫
9
┃╰╯┃┃╰┫╰┫┃╰╯┃┃┃┃╰╯┃╭╮┃╰━╯┣━━┃
10
╰━━┻┻━┻━┻┻━━┻╯╰┻━━┻╯╰┻━╮╭┻━━╯
11
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
12
╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
13
 
14
Do not remove credit please.
15
------------->
16
17
18
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
19
<head><title>{Title}</title>
20
<link rel="shortcut icon" href="{Favicon}">
21
<link rel="alternate" type="application/rss+xml" href="{RSS}">
22
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
23
24
25
<meta name="color:Background" content="#ffffff"/>
26
<meta name="color:Sidebar" content="#ffffff"/>
27
<meta name="color:Text" content="#a8a8a8"/>
28
<meta name="color:Link" content="#b8b8b8"/>
29
<meta name="color:Tags" content="f0f0f0"/>
30
<meta name="color:Hover" content="#f2f2f2"/>
31
<meta name="color:Line" content="#f2f2f2"/>
32
<meta name="color:Post" content="#ffffff"/>
33
<meta name="color:Answer" content="#f8f8f8"/>
34
<meta name="image:sidebar" content=""/>
35
<meta name="image:sidebar2" content=""/>
36
<meta name="image:bg" content=""/>
37
<meta name="text:Link 1" content="" />
38
<meta name="text:Link 1 Text" content="" />
39
<meta name="text:Link 2" content="" />
40
<meta name="text:Link 2 Text" content="" />
41
<meta name="color:scrollbarbg" content="ffffff"/>
42
43
44
<style type="text/css">
45
46
#bite
47
#bite a{
48
display:block
49
}
50
#bite .death {
51
margin-right:0px;filter: alpha(opacity = 0);
52
opacity:0;-webkit-transition: all 0.5s ease-out;
53
-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
54
}
55
 
56
#bite:hover .death {
57
margin-left:0px;
58
 
59
-webkit-transition: all 0.8s ease-out;
60
-moz-transition: all 0.8s ease-out;
61
transition: all 0.8s ease-out;
62
filter: alpha(opacity = 100);
63
filter: alpha(opacity = 100);
64
opacity:8;
65
}
66
67
/* --- SCROLLBAR ---*/
68
 
69
 ::-webkit-scrollbar {
70
width: 5px;height: 5px;}
71
::-webkit-scrollbar-button:start:decrement,
72
::-webkit-scrollbar-button:end:increment {
73
height: 6px;display: block;background-color: {color:white};}
74
::-webkit-scrollbar-track-piece {
75
background-color: {color:scrollbarbg};}
76
::-webkit-scrollbar-thumb:vertical {
77
height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};}
78
 
79
 
80
/* --- BODY ---*/
81
82
body {
83
    background:{color:background};
84
    margin:0px;
85
    color:{color:text};
86
    font-family:Calibri;
87
    font-size:9px;
88
    line-height:100%;
89
}
90
91
a {
92
    text-decoration:none;
93
    outline:none;
94
    -moz-outline-style:none;
95
    color:{color:link};
96
}
97
98
img {
99
    border:none;
100
}
101
102
blockquote {
103
    padding-left:5px;
104
    border-left:2px solid;
105
}
106
    
107
blockquote blockquote {
108
    padding-left:5px;
109
    border-left:2px solid;
110
}
111
112
h1 {
113
    font-size:9px;
114
    text-transform:uppercase;
115
}
116
117
a:hover {
118
    opacity:1;
119
    color:{color:hover};
120
     -webkit-transition: all 0.7s ease;
121
    -moz-transition: all 0.7s ease;
122
    -o-transition: all 0.7s ease
123
}
124
125
/* --- POST ENTRIES ---*/
126
127
128
#entries {
129
    padding:10px;
130
    width:500px;
131
    margin-left:450px;
132
    margin-top:40px;
133
    font-size:10px;
134
}
135
136
/* --- BODY: POSTS ---*/
137
138
139
#post {
140
    width:500px;
141
    padding-bottom:20px;
142
    padding:10px;
143
    margin-top:15px;
144
    background-color:{color:Post};
145
}
146
147
/* --- SIDEBAR IMAGE ---*/
148
149
150
#sidebar {
151
    width:100px;
152
    position:fixed;
153
    margin-left:260px;
154
    margin-top:150px;
155
    opacity:.80;
156
    height:200px;
157
    background-color:{color:Sidebar};
158
}
159
160
#sidebarimage {
161
    width 100px;
162
}
163
164
#sidebarimage img {
165
    width:100px;
166
    height:100px;
167
    padding:4px;
168
    border-color: {color:border};
169
    background-color:{color:Sidebar};}
170
171
172
#sidebarpic {
173
    width 100px;
174
    height:100px;
175
}
176
177
#sidebarpic img {
178
    width:100px;
179
    height:100px;
180
    padding:4px;
181
    border-color: {color:border};
182
    background-color:{color:Sidebar};
183
}
184
185
#sidebarpic img:hover {
186
    opacity:0.2;
187
-webkit-transition: all .9s ease-in-out;
188
-moz-transition: all .5s ease-in-out;
189
-o-transition: all .5s ease-in-out;
190
z-index:999;
191
}
192
193
#sidebarpic img:hover #description {
194
    opacity:1;
195
}
196
197
198
#sidebarimage img:hover {
199
    opacity:0.2;
200
-webkit-transition: all .9s ease-in-out;
201
-moz-transition: all .5s ease-in-out;
202
-o-transition: all .5s ease-in-out;
203
z-index:999;
204
}
205
206
207
#sidebarimage img:hover #pagination {
208
    opacity:1;
209
    -webkit-transition: all .9s ease-in-out;
210
-moz-transition: all .5s ease-in-out;
211
-o-transition: all .5s ease-in-out;
212
z-index:999;
213
}
214
215
216
217
218
/* --- SIDEBAR LINKS ---*/
219
220
.links {
221
    width:55px;
222
    height:5px;
223
    padding: 9px;
224
    font-size:8px;
225
    font-family:'calibri';
226
    text-align:center;
227
    margin-top:-200px;
228
    margin-left:-80px;
229
    text-align:center;
230
    text-transform:uppercase;
231
    word-spacing:2px;
232
    position:fixed;
233
    padding-bottom:7px;
234
}
235
 
236
.links a {
237
    font-size: 12px;
238
        display:block;
239
        line-height:150%;
240
        background-color:#000;
241
        padding:9px;
242
}
243
 
244
.links a:hover {
245
    border-color:#ddd;
246
    border-left:5px solid;
247
    border-right:5px solid;
248
    background-color:#fff;
249
    text-shadow:2px 5px 2px;
250
    color:{color:Hover}
251
}   
252
253
254
/* --- DESCRIPTION ---*/
255
256
#description {
257
    font-family:cambria; 
258
     line-height:120%;
259
    font-size:9px; 
260
    font-style:italic; 
261
    width:80px; 
262-
    height:80px;
262+
    height:81px;
263-
    margin-top:-204px; 
263+
    margin-top:-205px; 
264
    padding:10px; 
265
    background-color:#000;
266
    opacity:0.8;
267
    margin-left:4px;
268
    text-align:justify;
269
    color:{color:text};
270
        position:fixed;
271
    }
272
   
273
#description a {color:{color:text};  -moz-transition-duration:0.4s;
274
-webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
275
276
#description a:hover {}
277
    
278
279
/* --- PAGINATION---*/
280
281
282
#pagination {
283
    width:84px;
284
    height:84px;
285
    opacity:0;
286
    font-size:20px;
287
    text-align:center;
288
    margin-left:4px;
289
    margin-top:-96px;
290
    padding:8px;
291
    background-color:#000;
292
    position:fixed;
293
    font-family:cambria;
294
    font-style:italic;
295
    letter-spacing:0px;
296
    -webkit-transition: all .9s ease-in-out;
297
-moz-transition: all .5s ease-in-out;
298
-o-transition: all .5s ease-in-out;
299
z-index:999;
300
}
301
#pagination:hover {
302
    opacity:0.8;
303
      -moz-transition-duration:0.4s;
304
-webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
305
306
/* --- POST INFO ---*/
307
308
309
#info {
310
    text-align:left;
311
    margin-top:10px;
312
    text-transform:uppercase;
313
    font-size:8px;
314
    font-style:none;
315
    border-top:1px solid {color:Line}
316
}
317
318
/* --- POST TAGS---*/
319
320
321
#tags {
322
    font-family:cambria;
323
    letter-spacing:0px;
324
    text-transform:lowercase;
325
    font-size:10px;
326
    font-style:italic;
327
    margin-top:4px;
328
    text-align:left;
329
}
330
   
331
#tags 
332
a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
333
    -webkit-transition: all 0.6s ease-in-out;
334
    -moz-transition: all 0.6s ease-in-out;
335
    -o-transition: all 0.6s ease-in-out;
336
    -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}  
337
338
339
/* --- QUESTIONS ---*/
340
341
#asker {
342
    padding:5px;
343
    font-family:cambria;
344
    letter-spacing:1px;
345
    text-align:left;
346
    font-style:italic;
347
    margin-left:10px;
348
    border-left:3px #eee solid;
349
    background-color:{color:background}
350
}
351
352
{CustomCSS}</style></head><body>
353
354
<div id="sidebar">
355
<div id="bite"><div id="sidebarimage"><img src="{image:sidebar}"></div>
356
<div id="sidebarpic"><img src="{image:sidebar2}"></div>
357
358
359
<div class="death"><div id="description">
360
{Description}
361
</div></div></div>
362
363
364
<div class="links">
365
<a href="/">home</a><br>
366
<a href="/ask">mssg</a> <br>
367
<a href="{text:Link 1}">{text:Link 1 Text}</a><br>
368
<a href="{text:Link 2}">{text:Link 2 Text}</a>
369
</div>
370
371
372
{block:Pagination}<div id="pagination">
373
{block:PreviousPage}<a href="{PreviousPage}"><b><big><br><br>prev</big></b></a>{/block:PreviousPage}
374
{block:NextPage}<a href="{NextPage}"><b><big><br><br><br>next</big></b></a>{/block:NextPage}
375
</div>{/block:Pagination}
376
</div>
377
378
<div id="entries">{block:Posts}<div id="post">
379
380
{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} 
381
382
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} 
383
384
{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
385
386
{block:Quote}{Quote}{/block:Quote} 
387
388
{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} 
389
390
{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
391
392
{block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
393
<br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
394
<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
395
{/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
396
{/block:Audio}
397
398
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} 
399
400
{block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer}
401
402
<div id="info">
403
<br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
404
{block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
405
{/block:Posts}
406
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
407
{/block:Posts}</div></div></div>
408
409
410
411
<!--
412
THEME MAKER CREDIT
413
-->
414
415
<div style="position:fixed;bottom:3px; right:3px; font-size:8px; letter-spacing:1px; font-family:cambria;"><a href="http://billiondays.tumblr.com/">© BILLIONDAYS</a></center></div>
416
417
    
418
</body></html>