View difference between Paste ID: 06x5jMfz and 7DdeWRtd
SHOW: | | - or go back to the newest paste.
1
<!-- 
2
theme by cyrusnigga u will not remove credit nope 
3
-->
4
    
5
<head>
6
<script type="text/javascript"  
7
src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
8
<meta name="color:background" content="#f0f0f0"/>
9
<meta name="color:text" content="#797878"/>
10
<meta name="color:hover" content="#130C11"/>
11
<meta name="color:link" content="#797878"/>
12
<meta name="color:hover links" content="#ffed00"/>
13
<meta name="image:sidebar" content="1"/>
14
<meta name="image:background" content="1"/>
15
<meta name="text:Link One" content=""/>
16
<meta name="text:Link One Title" content=""/>
17
<meta name="text:Link Two" content="" />
18
<meta name="text:Link Two Title" content=""/>
19
<meta name="text:Link Three" content="" />
20
<meta name="text:Link Three Title" content=""/>
21
<meta name="text:Link Four" content="" />
22
<meta name="text:Link Four Title" content=""/>
23
<meta name="text:Link Five" content="" />
24
<meta name="if:cursor" content="1"/>
25
<meta name="text:Link Five Title" content=""/>
26
27
28
<style type="text/css">
29
30
31
32
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;}
33
34
35
::-webkit-scrollbar {width: 8px; height: 0px; background: #dadada; }
36
37
::-webkit-scrollbar-thumb { background-color: #aaaaaa;}
38
39
40
.entry .gay a{
41
color:#6e6f6e;}  
42
 
43
 
44
.entry .gay{
45
width:300px;
46
position: absolute;
47
line-height: 29px;
48
overflow:hidden;
49
font-size:11px;
50
border-bottom:1px solid #aaaaaa;
51
background:#ffffff;
52
letter-spacing: 2px;
53
height: 30px;margin-top:-10px;
54
opacity: 0.0;
55
-webkit-transition: all 0.4s linear;
56
-moz-transition: all 0.4s linear;
57
transition: all 0.4s linear;
58
}
59
 
60
.entry:hover .gay{
61
width:300px;
62
margin-left: 0px;
63
margin-top:0px;
64
overflow:visible;
65
opacity:0.75;
66
-webkit-transition: all 0.4s linear;
67
-moz-transition: all 0.4s linear;
68
transition: all 0.4s linear;
69
}
70
71
72
73
iframe#tumblr_controls {
74
right:3px !important;
75
position: fixed !important;
76
-webkit-transition: opacity 0.7s  
77-
linear;opacity: 0.5;
77+
linear;opacity: 1;
78
-webkit-filter:invert(100%);
79
-webkit-transition: all 0.8s ease-out;
80
-moz-transition: all 0.8s ease-out;
81
transition: all 0.8s ease-out;
82
}
83
 
84
 
85
 iframe#tumblr_controls:hover{
86
-webkit-transition: opacity 0.7s linear;
87
opacity: 1;
88
-webkit-transition: all 0.4s ease-out;
89
-moz-transition: all 0.4s ease-out;
90
transition: all 0.4s ease-out;
91
}
92
93
94
95
.wrapper{
96
margin:1px auto;
97
width: 802px;
98
}
99
 
100
.header{
101
float: left;
102
width: 100%;
103
}
104
 
105
.left{
106
float: left;
107
margin-right: 20px;
108
width: 802px;
109
}
110
 
111
.right{
112
float: right;
113
width: 200px;
114
background-color: {color:Background};
115
} 
116
117
118
p {
119
margin:0px;
120
margin-top:0px;
121
}
122
123
124
125
body {
126
margin:0px;
127
text-decoration: none;
128
background-color: {color:background}; 
129
background-image:url({image:Background});
130
background-attachment: fixed;
131
background-repeat: repeat;
132
color: {color:Text};
133
font-family: consolas;
134
text-transform:uppercase;
135
letter-spacing:1px;
136
font-size: 10px; 
137
{block:ifcursor}cursor:crosshair;{/block:ifcursor}
138
}
139
   
140
a:link, a:active, a:visited{
141
color: {color:Link};   
142
text-decoration: none; 
143
-webkit-transition: color 0.2s ease-out; 
144
-moz-transition: color 0.2s ease-out; 
145
{block:ifcursor}cursor:crosshair;{/block:ifcursor}
146
}  
147
148
a:hover{
149
color:{color:Hover}; 
150
-webkit-transition: color 0.2s ease-out; 
151
-moz-transition: color 0.2s ease-out; 
152
{block:ifcursor}cursor:crosshair;{/block:ifcursor}
153
}  
154
155
.entry {
156
float:left;
157
overflow: hidden;
158
padding-right: 10px;
159
padding-left:10px;
160
padding-top: 10px;
161
padding-bottom: 8px;
162
margin: 7px;
163
overflow: hidden;   
164
border:1px solid #dadada;
165
background-color:#f5f5f5;
166
{block:IndexPage}
167
width: 300px;
168
{/block:IndexPage}
169
{block:PermalinkPage}
170
width:500px;
171
{/block:PermalinkPage}
172
}
173
174
175
.excel{
176
opacity: 0.6;
177
}
178
179
.excel:hover{
180
-webkit-transition: opacity 0.7s linear;
181
opacity: 1;
182
-webkit-transition: all 0.4s ease-out;
183
-moz-transition: all 0.4s ease-out;
184
transition: all 0.4s ease-out;
185
}
186
187
.permalink{
188
line-height: 13px; 
189
text-transform: uppercase; 
190
font-size: 9px;  
191
text-align:center;  
192
margin-top: 1px;
193
text-align: right;
194
text-transform: uppercase;
195
border-top:1px solid #cccccc;   
196
}  
197
198
div#sidebar{   
199
position:fixed !important;
200
width: 200px;
201
height:auto;
202
margin-top: 100px;
203
margin-left: -80px; 
204
padding: 8px;
205
line-height:14px;
206
letter-spacing:0px;
207
overflow:hidden;
208
margin-bottom: 6px; 
209
border:1px solid #dadada;
210
text-transform:none;
211
background-color:#f5f5f5;
212
}
213
214
div#sidebar2{
215
padding:3px;
216
margin-left:-8px;
217
text-transform:uppercase;
218
width: 212px;
219
margin-top:6px;
220
margin-bottom:3px;
221
padding-top:1px;
222
padding-bottom:1px;
223
background-color:#aaaaaa;
224
}
225
226
::-webkit-scrollbar-thumb{
227
background-color: {color:link};
228
border: 2px solid {color:background};
229
height:auto;
230
-moz-border-radius: 10px;
231
border-radius: 10px;
232
}
233
234
#posts {
235
width: 747px;
236
margin-left:160px;
237
margin-top: 10px;
238
background-color: {color:background}; 
239
background-image:url({image:Background});
240
{block:PermalinkPage}
241
margin-left:160px;
242
{/block:PermalinkPage}
243
float:left;
244
}
245
  
246
  
247
  #lol {
248
text-align:center;
249
bottom:3px;  
250
right: 3px;
251
position:fixed;
252
opacity:1.0;
253
}
254
 
255
 
256
 
257
#infscr-loading{   
258
bottom: -70px;
259
position: absolute;
260
left: 50%;
261
margin-left:-8px;
262
width:16px;
263
height:11px;
264
overflow:hidden;
265
margin-bottom: 50px;
266
}
267
268
269
.title{
270
font-size: 11px;
271
line-height:14px;
272
color: {color:Title}; 
273
font-weight: bold;
274
}
275
276
277
#pagination{
278
    display:none;
279
}
280
 
281
 
282
283
284
blockquote{
285
padding:0px 0px 2px 5px;
286
margin:0px 0px 2px 10px;
287
border-left: 1px dotted #555555;
288
}
289
290
::-webkit-scrollbar {
291
height:auto;
292
width:9px;
293
background-color: {color:link};
294
border: 4px solid {color:background};
295
}
296
297
298
{CustomCSS}
299
300
</style>
301
302
{block:IndexPage}
303-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
303+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/Vzan8xy5r/jquerymsnryv3.js"></script>
304-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
304+
305
$(window).load(function () {
306
var $content = $('#posts');
307
$content.masonry({itemSelector: '.entry'}),
308
$content.infinitescroll({
309
navSelector : 'div#pagination',
310
nextSelector : 'div#pagination a#nextPage',
311
itemSelector : '.entry',
312
loading: {
313
finishedMsg: '',
314
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
315
},
316
bufferPx : 600,
317
debug : false,
318
},
319
// call masonry as a callback.
320
function( newElements ) {
321
var $newElems = $( newElements );
322
$newElems.hide();
323
// ensure that images load before adding to masonry layout
324
$newElems.imagesLoaded(function(){
325
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
326
 
327
 
328
});
329
});
330
});
331
</script>
332
 
333
{/block:IndexPage}
334
335
336
<title>{title}</title>
337
338
<link rel="shortcut icon" href="{Favicon}">
339
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
340
<meta name="viewport" content="width=820" />  
341
342
</head>   
343
<body>
344
<div class="wrapper">
345
<div class="header">
346
</span>
347
</div>
348
<div id="sidebar">
349
<center><a href="/"><img src="{image:sidebar}" width=200px></a></center>
350
351
<div id="sidebar2">
352
<center>{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>  {/block:IfLinkonetitle}
353
{block:IfLinktwotitle} - <a href="{text:link two}">{text:link two title}</a>  {/block:IfLinktwotitle}
354
{block:IfLinkthreetitle} - <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle} 
355
{block:IfLinkfourtitle} - <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}
356
{block:IfLinkfivetitle} - <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}</div>
357
358
359
<center>{Description}<br/>
360
<style type="text/css"> a:hover {BACKGROUND-COLOR: {color:hover links};}</style>
361
<p></center>
362
363
364
</div>
365
366
367
<div class="left">
368-
<div id="lol"><a href="http://cyrusnigga.tumblr.com">❤</a></div>
368+
369
<div id="posts">
370
371
{block:Posts}
372
<div class="entry">
373
374
{block:IndexPage}
375
{/block:IndexPage}
376
377
{block:Text}
378
{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
379
<div class="permalink">
380
<a href="{permalink}">{NoteCountwithlabel}</a></div>
381
{/block:Text}
382
383
{block:Link}
384
<a href="{URL}" class="title">{Name}</a>
385
{block:Description}{Description}{/block:Description}
386
<div class="permalink">
387
<a href="{permalink}">{NoteCountwithlabel}</a></div>
388
{block:Link}
389
390
391
{block:Photo}
392
393
<center>
394
<div class="gay"><a href="{permalink}">{month}</a> / <a href="{permalink}">{NoteCountWithLabel}</a> / <a href="{ReblogURL}" target="_blank"> Reblog </a></div></center> 
395
396
{block:IndexPage}{LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="300"/></a></div>{LinkCloseTag}{/block:IndexPage}
397
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
398
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
399
{/block:Photo}
400
401
{block:Photoset}
402
{block:IndexPage}
403
{Photoset-400}
404
{/block:IndexPage}
405
<div class="permalink">
406
<a href="{permalink}">{NoteCountwithlabel}</a></div>
407
{/block:Photoset}
408
409
{block:Quote}
410
{Quote}</span>
411
{block:Source}<strong>{Source}</strong>{/block:Source}
412
<div class="permalink">
413
<a href="{permalink}">{NoteCountwithlabel}</a></div>
414
{/block:Quote}
415
416
{block:Chat}
417
{block:Title}<span class="title">{Title}</span>{/block:Title}
418
<ul class="chat">
419
{block:Lines}
420
<li class="user_{UserNumber}">
421
{block:Label}
422
<span class="label">{Label}</span>
423
{/block:Label}
424
425
{Line}
426
</li>
427
{/block:Lines}
428
</ul><div class="permalink">
429
<a href="{permalink}">{NoteCountwithlabel}</a></div>
430
431
{/block:Chat}
432
433
{block:Audio}
434
<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">
435
{block:ExternalAudio}{/block:ExternalAudio}</div></div></center>
436
<div class="permalink">
437
<a href="{permalink}">{NoteCountwithlabel}</a></div>
438
{/block:Audio}
439
440
{block:Video}
441
{block:IndexPage}
442
{Video-400}
443
{/block:IndexPage}
444
{block:Video}
445
446
{block:PermalinkPage}
447
<center>
448
{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>
449
{/block:PermalinkPage}
450
451
452
{block:PostNotes}{PostNotes}
453
{/block:PostNotes}
454
</div>
455
456
457
{/block:Posts}
458
</div>
459
</div> 
460
{block:IndexPage}
461
{block:Pagination}
462
<div id="pagination">
463
{block:NextPage}
464
<a id="nextPage" href="{NextPage}"></a>
465
{/block:NextPage}
466
{block:PreviousPage}
467
<a href="{PreviousPage}"></a>
468
{/block:PreviousPage}
469
</div>
470
{/block:Pagination}
471
{/block:IndexPage}
472
</div>
473
474
475
476
</body>
477
478
479
</html>