View difference between Paste ID: rzhQWf3H and 1NMKV2jc
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
<!----theme 2 by quietwillfall
4
please don't remove the credit
5
thank you
6
--->
7
8
 <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
9
10
<style>
11
div#qTip {
12
    padding: 2px;
13
    display: none;
14
    font-style:none;
15
    text-align: center;
16
    position: absolute;
17
    font-size:11px;
18
    line-height:10px;
19
    font-family:calibri;
20
    z-index: 1000;
21
    background: white;
22
    z-index: 9999999;
23
    border:1px solid #ccc;
24
    color: #999;
25
    letter-spacing: 1px;
26
}
27
</style>
28
 
29
 
30
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
31
<head>
32
33
<title>{Title}</title>
34
<link rel="shortcut icon" href="{Favicon}">
35
<link rel="alternate" type="application/rss+xml" href="{RSS}">
36
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
37
 
38
 
39
<meta name="color:Text" content="#bbbbbb"/>
40
<meta name="color:Link" content="#aaaaaa"/>
41
<meta name="color:Tags" content="#cccccc"/>
42
<meta name="color:Hover" content="#f1f1f1"/>
43
<meta name="color:border" content="#F2F2F2"/>
44
<meta name="color:Line" content="#f2f2f2"/>
45
<meta name="color:Border" content="#eeeeee"/>
46
<meta name="color:scrollbarbg" content="ffffff"/>
47
48
 <meta name="image:sidebar" content="/">
49
    <meta name="text:homelink title" content="home">
50
    <meta name="text:link1" content="">
51
    <meta name="text:link1 url" content="/">
52
    <meta name="text:link2" content="">
53
    <meta name="text:link2 url" content="/">
54
    <meta name="text:link3" content="">
55
    <meta name="text:link3 url" content="/">
56
    <meta name="text:link4" content="">
57
    <meta name="text:link4 url" content="/">
58
59
 
60
 
61
<style type="text/css">
62
63
64
65
 
66
::-webkit-scrollbar {background-color:#fff; height:5px; width:9px}
67
::-webkit-scrollbar-thumb:vertical {background-color:#999; height:50px;border-radius:10px;border:1px solid #fff;}
68
::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important}
69
 
70
*, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}
71
 
72
 
73
74
body {
75
    background:{color:background};
76
    margin:0px;
77
    color:{color:text};
78
    font-family:Arial, Helvetica;
79
    font-size:9px;
80
    line-height:100%;
81
}
82
 
83
a {
84
    text-decoration:none;
85
    -moz-outline-style:none;
86
    color:{color:link};
87
}
88
 
89
img {
90
    border:none;
91
}
92
93
 
94
h1 {
95
    font-size:12px;
96
    text-transform:uppercase;
97
}
98
 
99
blockquote {
100
    padding-left:5px;
101
    border-left:2px solid;
102
}
103
   
104
blockquote blockquote {
105
    padding-left:5px;
106
    border-left:2px solid;
107
}
108
109
 
110
a:hover {
111
    opacity:1;
112
    color:{color:hover};
113
     -webkit-transition: all 0.5s ease;
114
    -moz-transition: all 0.5s ease;
115
    -o-transition: all 0.5s ease
116
}
117
118
119
#sidebar {
120
    position:fixed;
121
    width:120px;
122
    margin-left:240px;
123
    margin-top:150px;
124
    opacity:1;
125
}
126
 
127
#sidebarimage {
128
    width 120px;
129
}
130
 
131
#sidebarimage img {
132
    width:120px;
133
    padding:4px;
134
}
135
136
 
137
.desc {
138
    position:fixed;
139-
    margin-top:24px;
139+
    margin-top:29px;
140-
    margin-left:-6px;
140+
    margin-left:-8px;
141
    font-family:cambria;
142
    line-height:110%;
143
    font-size:10px;
144
    font-style:normal;
145
    width:120px;
146-
    padding:9px;
146+
147
    text-align:justify;
148
    color:{color:text};
149
    border-top:1px solid {color:Line};
150
}
151
  
152
153
   
154
.desc a 
155
    {color:{color:text}; 
156
    -moz-transition-duration:0.6s;
157
    -webkit-transition-duration:0.6s; 
158
    -o-transition-duration:0.6s;
159
}
160
 
161
 
162
.links {
163
     position:absolute;
164
    letter-spacing:1px;
165
     position:fixed;
166
    font-family:times;
167-
    margin-top:15px;
167+
168
    margin-top:14px;
169
    opacity:0;
170
    margin-left:-15px;
171
    font-size:11px;
172
    text-transform:lowercase;
173
    text-align:center;
174
    line-height:170%;
175
    -moz-transition-duration:.4s;
176
    -webkit-transition-duration:.4s;
177
    -o-transition-duration:.4s;
178
    }
179
   
180
.links a{
181
    font-style:italic;
182
    width:150px;
183
    line-height:130%;
184
    color:#9b9b9b;
185
    margin-left:5px;
186
    letter-spacing:1px;
187
    text-decoration:none;
188
 
189
    }
190
   
191
    .links a:hover {
192
        text-align:center;
193
        color: #fff;
194
        padding:10px;
195
        width:20px;
196
        -moz-transition-duration:.5s;
197
        -webkit-transition-duration:.5s;
198
        -o-transition-duration:.5s;
199
        }
200
        #sidebar:hover .links{
201
        opacity:1;
202
         -moz-transition-duration:1.4s;
203
    -webkit-transition-duration:1.4s;
204
    -o-transition-duration:1.4s;}  
205
    
206
    
207
    .pagi{
208
    width:100px;
209
    font-size:8px;
210
    font-style:italic;
211
    text-align:center;
212
    margin-left:20px;
213
    margin-top:55px;
214
    position:fixed;
215
    font-family:times;
216
    letter-spacing:0px;
217
}
218
219
 
220
     #stuffcontainer {
221
    float:left;
222
    margin-left:200px;
223
    margin-top:75px;
224
    text-align:justify;
225
    background-color:#FFFFFF;
226
    color:#FFFFFF;
227
    border:1px;
228
    margin-bottom: 35px;
229
    }
230
 
231
 
232
    #stuff {
233
    width:500px;
234
    margin-top:20px;
235
    text-align:justify;
236
    font-size:11px;
237
    font-family:times;
238
    line-height:90%;
239
    letter-spacing:0x;
240
    color:#FFFFFF;
241
    }
242
243
 
244
#all {
245
    padding:10px;
246
    width:500px;
247
    margin-left:450px;
248
    margin-top:50px;
249
    font-size:10px;
250
}
251
 
252
 
253
 
254
#posts {
255
    width:500px;
256
    padding-bottom:20px;
257
    padding:10px;
258
    margin-top:30px;
259
    background-color:{color:Post};
260
}
261
 
262
 
263
#details {
264
    text-align:right;
265
    margin-top:8px;
266
    text-transform:lowercase;
267
    font-style:italic;
268
    font-size:8px;
269
    font-style:none;
270
    border-top:1px solid {color:Line};
271
}
272
273
 
274
    #tags {
275
    width:490px;
276
    opacity:0;
277
    margin-left:-4px;
278
    margin-top:7px;
279
    font-size:8px;
280
    color:{color:tags}:
281
    }
282
    
283
      #posts:hover #tags {
284
      opacity:1;
285
      -moz-transition-duration:1s;
286
    -webkit-transition-duration:1s;
287
    -o-transition-duration:1s;
288
    }
289
    
290
    #tags a {
291
    color:{color:tags};
292
    }
293
    
294
    #tags a:hover {
295
    color:{color:hover}
296
    }
297
    
298
    
299
300
301
302
#question {
303
    padding:8px;
304
    font-family:cambria;
305
    letter-spacing:2px;
306
    text-align:right;
307
    font-style:italic;
308
    border:3px {color:border} solid;
309
    color:{color:text};
310
    background-color:{color:background}
311
}
312
313
314
#credit {
315
    font-size:9px;
316
    font-family:cambria;
317
    font-style:normal;
318
    letter-spacing:1px;
319
    -moz-transition-duration:0.5s;
320
    -webkit-transition-duration:0.5s;
321
    -o-transition-duration:0.5s;
322
    }
323
 
324
#credit a {
325
    background-color:#fff;
326
    padding:5px;
327
    border:1px solid #e9e9e9;
328
    position:fixed;
329
    right:15px;
330
    bottom:10px
331
    }  
332
 
333
#credit a:hover {
334
    color:#fff;
335
    background-color:#191919;
336
    }    
337
338
 
339
{CustomCSS}</style></head><body>
340
 
341
<div id="sidebar">
342
<div id="sidebarimage"><a title="{text:homelink title}" href="/"><img src="{image:sidebar}"></a></div>
343
<div class="desc">
344
{Description}
345
</div> 
346
347
<div class="links">
348
349
350
<a href="/" title="{text:link1}">ii.</a>
351
<a href="" title="{text:link2}">iii.</a>
352
<a href="/" title="{text:link3}">iv.</a>
353
<a href="/" title="{text:link4}">v.</a>
354
 
355
</div>
356
 
357
 {block:Pagination}<div id="pagi">
358
{block:PreviousPage}<a href="{PreviousPage}">&larr;</a>&nbsp;&nbsp;{/block:PreviousPage}
359
{block:JumpPagination length="3"}
360
{block:CurrentPage}<span class="current_page">{PageNumber}</span>&nbsp;&nbsp;{/block:CurrentPage}
361
{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>&nbsp;&nbsp;{/block:JumpPage}
362
{/block:JumpPagination}
363
{block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
364
</div>{/block:Pagination}
365
 
366
</div>
367
 
368
<div id="all">{block:Posts}<div id="posts">
369
 
370
{block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
371
 
372
{block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
373
374
{block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
375
 
376
{block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
377
 
378
{block:Quote}{Quote}{/block:Quote}
379
380
{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>
381
<br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
382
<br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
383
{/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
384
{/block:Audio}
385
 
386
{block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
387
 
388
{block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
389
 
390
 
391
{block:Answer}<div id="question"><span style="text-transform:uppercase;font-size:9px;font-style:italic;">— {Asker}: </span>{Question}</div><left> <font face="cambria">{Answer}</font>{/block:Answer}
392
 
393
<div id="details">
394
<br> posted <a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero}, {Year} at {12Hour}:{Minutes} </a> {block:RebloggedFrom} from <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} <font color=#d6bbc8>♥</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
395
{block:HasTags}<div id="tags">tagged as:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
396
{/block:Posts}
397
{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
398
{/block:Posts}</div></div></div>
399
 
400
 
401
</div>
402
<div id="credit"><a href="http://quietwillfall.tumblr.com">CREDIT</div> 
403
 
404
   
405
</body></html>