View difference between Paste ID: zYW162x6 and xj0zXfev
SHOW: | | - or go back to the newest paste.
1
<!-- 
2
theme by cyrusnigga pleeeeeeese keep credit :)
3
or put it in your faq and don't use as a base!
4
-->     
5
                      
6
<head>        
7
<script type="text/javascript"
8
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
9
<link href='http://fonts.googleapis.com/css?family=Give+You+Glory|The+Girl+Next+Door|Happy+Monkey|Loved+by+the+King|Imprima' rel='stylesheet' type='text/css'>
10
<meta name="color:background" content="#FFFFFF"/>
11
<meta name="color:text" content="#130C11"/>   
12
<meta name="color:hover" content="#ffffff"/>  
13
<meta name="color:link" content="#aaaaaa"/>
14
<meta name="image:sidebar" content="1"/>         
15
<meta name="image:background" content="1"/>  
16
<meta name="text:separating symbol" content="/" />
17
<meta name="text:Link One" content=""/>
18
<meta name="text:Link One Title" content=""/>
19
<meta name="text:Link Two" content="" />
20
<meta name="text:Link Two Title" content=""/>
21
<meta name="text:Link Three" content="" />
22
<meta name="text:Link Three Title" content=""/>
23
<meta name="text:Link Four" content="" />
24
<meta name="text:Link Four Title" content=""/>
25
<meta name="text:little mini box" content=""/>
26
<meta name="text:Link Five" content="" />
27
<meta name="text:Link Five Title" content=""/>
28
<meta name="if:black hover images" content="0"/>
29
<meta name="if:faded images" content="0"/>
30
<meta name="if:little corner box" content="0"/>
31
<meta name="if:tiny cursor" content="1"/>
32
<meta name="if:links on top of sidebar" content="1"/>
33
<style type="text/css">      
34
  a {color:{color:link};text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
35
.wrapper{
36
margin:1px auto;
37
width: 802px;
38
}
39
 
40
.header{
41
float: left;
42
width: 100%;
43
}
44
 
45
.left{
46
float: left;
47
margin-right: 20px;
48
width: 802px;
49
}
50
 
51
.right{  
52
float: right;
53
width: 200px;
54
background-color: {color:Background};
55
} 
56
57
58
p {
59
margin:0px;
60
margin-top:0px;
61
}
62
63
64
{block:iffadedimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.1s linear; opacity: 0.8;}img:hover{ -webkit-filter: grayscale(0);-webkit-transition: 0.9s linear; -moz-transition: all 0.9s linear;
65
transition: all 0.9s linear; opacity:1.0;}{/block:iffadedimages}
66
 
67
68
{block:ifblackhoverimages}img{-webkit-filter: grayscale(0);-webkit-transition: opacity 0.1s linear; opacity: 1.0;}img:hover{ -webkit-filter: grayscale(1);-webkit-transition: 0.9s linear; -moz-transition: all 0.9s linear;
69
transition: all 0.9s linear; opacity:1.0;}{/block:ifblackhoverimages}
70
71
.excel{
72
opacity:0.6;
73
}
74
body {
75
margin:0px;
76
text-decoration: none;
77
background-color: {color:background}; 
78
background-image:url({image:Background});
79
background-attachment: fixed;
80
background-repeat: repeat;
81
color: {color:Text};
82
font-family:imprima;
83
font-size: 10px; 
84
line-height:12px;
85
letter-spacing: 0px;
86
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
87
}
88
a:link, a:active, a:visited{
89
color: {color:Link}; 
90
text-decoration: none; 
91
-webkit-transition: color 0.2s ease-out; 
92
-moz-transition: color 0.2s ease-out;
93
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
94
}  
95
96
::-webkit-scrollbar {width: 10px; height: 6px; background: {color:background}; }
97
98
::-webkit-scrollbar-thumb { border:1px solid #ffffff; background-color: {color:link};border-radius: 20px;}
99
a:hover{
100
color:{color:Hover}; 
101
-webkit-transition: opacity 0.4s linear;
102
-webkit-transition: all 0.2s ease-out;
103
-moz-transition: all 0.3s ease-out;
104
transition: all 0.2s ease-out;
105
text-shadow: 0px 0px 9px #000000;
106
{block:iftinycursor}cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;{/block:iftinycursor}
107
}.entry {
108
float:left;
109
margin: 1px;
110
background-color: {color:background}; 
111
background-image:url({image:Background});
112
{block:IndexPage}
113
width: 500px;
114
{/block:IndexPage}
115
{block:PermalinkPage}
116
width:500px;
117
{/block:PermalinkPage}
118
}.permalink{   
119
line-height: 13px;   
120
font-size: 10px;  
121
text-align:center;  
122
margin-top: 1px;   
123
text-align: right; 
124
}div#sidebar{
125
position:fixed !important;
126
width: 210px;
127
height:100%;
128
margin-top: 150px;   
129
margin-left: -40px; 
130
padding: 2px;
131
letter-spacing:0px;
132
margin-bottom: 6px; 
133
background-color:transparent;   
134
letter-spacing: 0px;
135
}#posts {
136
width:500px;
137
margin-left:213px;
138
margin-top: 10px;
139
background-color: {color:background}; 
140
background-image:url({image:Background});
141
{block:PermalinkPage}  
142
margin-left:213px;
143
{/block:PermalinkPage}
144
float:left;
145
}#infscr-loading{   
146
bottom: -70px;
147
position: absolute;
148
left: 50%;
149
margin-left:-8px;
150
width:16px;
151
height:11px;
152
overflow:hidden;
153
margin-bottom: 50px;
154
}.title{
155
font-size: 15px;
156
line-height:14px;
157
color: {color:Title}; 
158
}#pagination{
159
    display:none;
160
}.perma {
161
    opacity: 0.0;
162
    filter: alpha(opacity = 0);
163
    z-index:9999991;  
164
    display: inline-block;
165
    position: absolute;
166
    text-align: left;  
167
    margin-top: 5px;
168
    margin-left: 5px;
169
    width: 100%;
170
    -webkit-transition: opacity 0.7s linear;  
171
opacity: 0.0;
172
-webkit-transition: all 0.4s ease-out;  
173
-moz-transition: all 0.4s ease-out;
174
transition: all 0.4s ease-out;
175
}.entry:hover .perma   {
176
    opacity: 1;
177
    filter: alpha(opacity = 100);
178
    -webkit-transition: opacity 0.7s linear;
179
opacity: 1;
180
-webkit-transition: all 0.4s ease-out;
181
-moz-transition: all 0.4s ease-out;
182
transition: all 0.4s ease-out;
183
}.likep {
184
    width: 21px;
185
    height: 20px;
186
    overflow: hidden;
187
    z-index: 9999999;
188
    display: inline-block;
189
     margin-right: 3px;
190
}.rep {
191
    width: 24px;
192
    height: 20px;
193
    overflow: hidden;
194
    z-index: 9999999;
195
    display: inline-block;  
196
}  .likep a:hover {
197
    background-position: 0px 0px;
198
}.likep a {
199
    background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
200
    background-position: 0px 0px;
201
    display: block;
202
    z-index: 9999999;
203
 
204
}.likep img {
205
    width: 21px;
206
    height: 20px;
207
}.rep img{
208
    width: 24px;
209
    height: 20px;
210
    line-height: 30px;
211
    display: inline;
212
     margin-right: 2px;
213
}.not { display: inline-block;
214
    background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
215
    height: 20px;
216
    top: -6px;
217
    font-size: 11px;
218
    line-height: 20px;
219
    color: #fff;
220
    padding-left: 4px;
221
    padding-right: 4px;
222
    -moz-border-radius: 2px;
223
    border-radius:  2px;
224
    position: relative; 
225
    left: 2px;
226
}.not a, .not:hover a, .not a:hover{
227
    color: #ffffff!important;
228
    letter-spacing: 0px;
229
    font-family:;
230
    font-size:11px;
231
    font-weight:bold;
232
    font-family:arial;
233
}   .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
234
    opacity: 1.0;
235
    filter: alpha(opacity = 80);
236
}.not:hover , .rep:hover, .likep:hover {
237
    opacity: 0.8!important;
238
    filter: alpha(opacity = 100)!important;
239
}.t {   
240
    text-align: right;
241
    opacity: 1;
242
    filter: alpha(opacity =100);
243
     margin-right: 3px;
244
    
245
}.t {
246
    font-size: 10px;
247
    line-height: 13px;
248
    height: 13px;
249
     margin-right: 3px;
250
}.entry:hover .t {
251
    opacity: 1;
252
    filter: alpha(opacity = 100);
253
     margin-right: 3px;
254
}#omg{
255
letter-spacing: 1px;
256
line-height:19px;
257
margin-bottom:-2px;
258
}#omg:hover{ 
259
}blockquote{
260
padding:0px 0px 2px 5px;
261
margin:0px 0px 2px 10px;
262
border-left: 1px dotted #555555;
263
border-lleft:#r4mf4g solid 3px;
264
}
265
266
267
.askborder {float: left;margin: 1px 4px 0 0;padding: 2px;}
268
.bubble {align:right;background: #e9e9e9;padding:10px;position: relative;border-radius:10px; margin:7px 0px 5px 66px;}
269
.bubble p {margin:1px 0px;}
270-
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 11;line-height: 12px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #e9e9e9;}{CustomCSS}</style>{block:IndexPage}<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
270+
.bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 11;line-height: 12px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #e9e9e9;}{CustomCSS}</style>{block:IndexPage}
271-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
271+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
272
 
273
<script type="text/javascript">
274
$(window).load(function () {
275
var $content = $('#posts');
276
$content.masonry({itemSelector: '.entry'}),
277
$content.infinitescroll({
278
navSelector : 'div#pagination',
279
nextSelector : 'div#pagination a#nextPage',
280
itemSelector : '.entry',
281
loading: {
282
finishedMsg: '',
283
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
284
},
285
bufferPx : 600,
286
debug : false,
287
},
288
// call masonry as a callback.
289
function( newElements ) {
290
var $newElems = $( newElements );
291
$newElems.hide();
292
// ensure that images load before adding to masonry layout
293
$newElems.imagesLoaded(function(){
294
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
295
 
296
 
297
});
298
});
299
});
300
</script>{/block:IndexPage}
301
<title>{title}</title>
302
<link rel="shortcut icon" href="{Favicon}">
303-
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" /></head><body><div class="excel"><a href="http://cyrusnigga.tumblr.com/" target="_blank"><img src="http://static.tumblr.com/emvmfcr/cgHls4hzn/gettheme.png" align="right" style="margin-top:25px; margin-right:4px;"></a></div><div class="wrapper"><div class="header"></span></div><div id="sidebar">{block:IfLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
303+
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" /></head><body><div class="wrapper"><div class="header"></span></div><div id="sidebar">{block:IfLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
304
305
{block:IfLinktwotitle} {text:separating symbol} <a href="{text:link two}">{text:link two title}</a>  {/block:IfLinktwotitle}
306
307
{block:IfLinkthreetitle} {text:separating symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
308
309
{block:IfLinkfourtitle} {text:separating symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
310
311
{block:IfLinkfivetitle} {text:separating symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
312
  
313
</div>{/block:IfLinksOnTopOfSidebar}
314
315
316
<center><a href="/"><img src="{image:sidebar}" width=210px></a></center>
317
318
319
{block:IfNotLinksOnTopOfSidebar}<center><div id="omg">{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>{/block:IfLinkonetitle}
320
321
{block:IfLinktwotitle} {text:separating symbol} <a href="{text:link two}">{text:link two title}</a>  {/block:IfLinktwotitle}
322
323
{block:IfLinkthreetitle} {text:separating symbol} <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}
324
325
{block:IfLinkfourtitle} {text:separating symbol} <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
326
327
{block:IfLinkfivetitle} {text:separating symbol} <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
328
  
329
</div>{/block:IfNotLinksOnTopOfSidebar}
330
<center>{Description}
331
</div>
332
<div class="left">
333
<div id="posts">
334
{block:Posts}    
335
<div class="entry">
336
{block:IndexPage}
337
{/block:IndexPage}
338
{block:Text}
339
{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
340
<div class="permalink">
341
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
342
{/block:Text}
343
{block:Link}
344
<a href="{URL}" class="title">{Name}</a>
345
{block:Description}{Description}{/block:Description}
346
<div class="permalink">
347
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
348
{block:Link}
349
{block:Photo}  
350
  <div class="perma">  
351
    <div class="likep">
352
    <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
353
    </div>
354
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
355
    </div>  
356
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
357
    </div>    
358
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a></div>
359
{LinkCloseTag}{/block:IndexPage}
360
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
361
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>
362
{LinkCloseTag}{/block:PermalinkPage}
363
{/block:Photo}
364
{block:Photoset}
365
  <div class="perma">  
366
    <div class="likep">
367
    <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
368
    </div>
369
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
370
    </div>  
371
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
372
    </div>    
373
{block:IndexPage}
374
{Photoset-500}
375
{/block:IndexPage}
376
{/block:Photoset}
377
{block:Quote}
378
{Quote}</span>
379
{block:Source}<strong>{Source}</strong>{/block:Source}
380
<div class="permalink">
381
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
382
{/block:Quote}
383
{block:Answer}
384
<img src="{AskerPortraitURL-48}" align="left" class="askborder">
385
<div class="bubble"><span></span>{Asker}:{Question}&nbsp;</div>
386
{Answer}
387
<div class="permalink">
388
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
389
{/block:Answer}
390
{block:Chat}
391
{block:Title}<span class="title">{Title}</span>{/block:Title}
392
<ul class="chat">
393
{block:Lines}
394
<li class="user_{UserNumber}">
395
{block:Label}
396
<span class="label">{Label}</span>
397
{/block:Label}
398
{Line}
399
</li>
400
{/block:Lines}
401
</ul><div class="permalink">
402
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
403
{/block:Chat}
404
{block:Audio}
405
<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
406
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
407
<div class="permalink">
408
<a href="{permalink}">{NoteCountwithlabel}</a> † <a href="{reblogurl}">reblog</a></div>
409
{/block:Audio}
410
{block:Video}
411
  <div class="perma">  
412
    <div class="likep">
413
    <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
414
    </div>
415
    <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
416
    </div>  
417
    <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
418
    </div>{block:IndexPage}   
419
<center>
420
{Video-500}</center>
421
{/block:IndexPage}
422
{block:Video}{block:PermalinkPage}
423
<center>
424
{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
425
{/block:PermalinkPage}
426
{block:PostNotes}{PostNotes}
427
{/block:PostNotes}
428
</div>
429
{/block:Posts}   
430
</div>
431
</div> 
432
{block:IndexPage}   
433
{block:Pagination}
434
<div id="pagination">
435
{block:NextPage}
436
<a id="nextPage" href="{NextPage}"></a>
437
{/block:NextPage}
438
{block:PreviousPage}
439
<a href="{PreviousPage}"></a>
440
{/block:PreviousPage}
441
</div>
442
{/block:Pagination}
443
{/block:IndexPage}
444
</div>
445
446
447
</body>
448
449
</html>
450
{block:iflittlecornerbox}
451
<div style="position:fixed;right:6px;bottom:6px;">
452
<div style="overflow:auto;border:4px double #cccccc; box-shadow: 0px 0px 7px #aaaaaa;width: auto; height: auto;background-color: #fff; padding:5px; text-align: center;">{text:little mini box}</div>{/block:iflittlecornerbox}