View difference between Paste ID: RcxJysH5 and aci2eMsg
SHOW: | | - or go back to the newest paste.
1
<!-- 
2-
theme by cyrusnigga keep the credit please thank you so much :)
2+
theme by cyrusnigga keep the credit please :)
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="#000000"/>  
9
<meta name="color:text" content="#ffffff"/>   
10
<meta name="color:hover" content="#130C11"/>   
11
<meta name="color:link" content="#ffffff"/>   
12
<meta name="image:sidebar" content="1"/>         
13
<meta name="image:background" content="1"/> 
14
<meta name="text:link one" content="" />
15
<meta name="text:link one title" content="" />
16
<meta name="text:link two" content="" />
17
<meta name="text:link two title" content="" />
18
<meta name="text:link three" content="" />
19
<meta name="text:link three title" content="" />
20
<meta name="text:link four" content="" />
21
<meta name="text:link four title" content="" />
22
<meta name="text:link five" content="" />
23
<meta name="text:link five title" content="" />
24
<meta name="if:italic links" content="1"/>
25
<meta name="if:faded posts" content="1"/>
26
27
<style type="text/css">   
28
29
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;}
30
31
iframe#tumblr_controls {
32
right:3px !important;
33
-webkit-transition: opacity 0.7s  
34
linear;opacity: 0.5;
35
-webkit-transition: all 0.8s ease-out;
36
-moz-transition: all 0.8s ease-out;
37
transition: all 0.8s ease-out;
38
}
39
 
40
 
41
 iframe#tumblr_controls:hover{
42
-webkit-transition: opacity 0.7s linear;
43
opacity: 1;
44
-webkit-transition: all 0.4s ease-out;
45
-moz-transition: all 0.4s ease-out;
46
transition: all 0.4s ease-out;
47
}
48
49
   ::-webkit-scrollbar {width: 8px; height: 5px; padding-right:5px;background:{color:background};}
50
 
51
::-webkit-scrollbar-thumb {background-color:{color:link}; border:1px solid #ffffff;}
52
53
.wrapper{
54
margin:1px auto;
55
width: 802px;
56
}
57
 
58
.header{
59
float: left;
60
width: 100%;
61
}
62
 
63
.left{
64
float: left;
65
margin-right: 20px;
66
width: 802px;
67
}
68
 
69
.right{
70
float: right;
71
width: 200px;
72
background-color: {color:Background};
73
} 
74
75
76
p {
77
margin:0px;
78
margin-top:0px;
79
}
80
81
82
83
body {
84
margin:0px;
85
text-decoration: none;
86
background-color: {color:background}; 
87
background-image:url({image:Background});
88
background-attachment: fixed;
89
background-repeat: repeat;
90
color: {color:Text};
91
font-family: arial;
92
font-size: 11px; 
93
letter-spacing: 1px;
94
}
95
96
a:link, a:active, a:visited{
97
color: {color:Link}; 
98
text-decoration: none; 
99
-webkit-transition: color 0.2s ease-out; 
100
-moz-transition: color 0.2s ease-out; 
101
}  
102
  
103
104
a:hover{   
105
color:{color:Hover}; 
106
text-shadow: 0px 0px 5px #000000;
107
-webkit-transition: opacity 0.4s linear;
108
-webkit-transition: all 0.4s ease-out;
109
-moz-transition: all 0.4s ease-out;
110
transition: all 0.4s ease-out;
111
}.entry {
112
float:left;
113
padding-right: 1px;
114
padding-left:2px;
115
padding-top: 1px;
116
margin: 0px;
117
overflow:hidden;
118
{block:iffadedposts}opacity:0.8;{/block:iffadedposts}
119
background-color: {color:background}; 
120
background-image:url({image:Background});
121
{block:IndexPage}
122
width: 500px;
123
{/block:IndexPage}
124
{block:PermalinkPage}
125
width:500px;
126
{/block:PermalinkPage}
127
}.entry:hover{ 
128
{block:iffadedposts}opacity:1.0;{/block:iffadedposts}
129
-webkit-transition: opacity 0.4s linear;
130
-webkit-transition: all 0.4s ease-out;
131
-moz-transition: all 0.4s ease-out;
132
transition: all 0.4s ease-out;
133
}
134
#sidebarimg img {{block:iffadedposts}opacity:0.8;{/block:iffadedposts}
135
-webkit-transition: opacity 0.4s linear;
136
-webkit-transition: all 0.4s ease-out;
137
-moz-transition: all 0.4s ease-out;
138
transition: all 0.4s ease-out;}
139
#sidebarimg img:hover{ 
140
{block:iffadedposts}opacity:1.0;{/block:iffadedposts}
141
-webkit-transition: opacity 0.4s linear;
142
-webkit-transition: all 0.4s ease-out;
143
-moz-transition: all 0.4s ease-out;
144
transition: all 0.4s ease-out;
145
}
146
.permalink{
147
line-height: 13px; 
148
text-transform: none; 
149
font-family: arial;  
150
text-align:center;  
151
margin-top: 1px;   
152
text-align: right;
153
}div#sidebar{
154
position:fixed !important;
155
width: 200px;
156
height:100%;
157
margin-top: 180px;   
158
margin-left: -70px; 
159
line-height:12px;
160
letter-spacing:1px;
161
margin-bottom: 6px; 
162
background-color:transparent;
163
}#posts {
164
width:500px;
165
margin-left:143px;
166
margin-top: 10px;
167
background-color: {color:background}; 
168
background-image:url({image:Background});
169
{block:PermalinkPage}  
170
margin-left:143px;
171
{/block:PermalinkPage}
172
float:left;
173
}#infscr-loading{   
174
bottom: -70px;
175
position: absolute;
176
left: 50%;
177
margin-left:-8px;
178
width:16px;
179
height:11px;
180
overflow:hidden;
181
margin-bottom: 50px;
182
}.links a{background:trans;display:inline-block;font-family:arial;font-size:9px;letter-spacing: 0px; padding:2px 3px 2px 3px;}.links:hover a{background:trans;display:inline-block;font-family:arial;font-size:9px;letter-spacing: px; -webkit-border-radius: 2px;-moz-border-radius: 2px; color:}#description {text-align:center; font-size:9px;font-family:droid sans;line-height:16px;}.title{
183
font-size: 11px;
184
line-height:14px;
185
color: {color:Title}; 
186
font-weight: bold;
187
}.stuff{
188
font-size: 11px;
189
line-height:19px;
190
font-family:Trebuchet MS;
191
color: {color:Title}; 
192
font-weight: bold;
193
}.stuff2{
194
line-height:24px;
195
font-family:Trebuchet MS;
196
color: {color:Title}; 
197
font-weight: bold;
198
}.stuff3{
199
line-height:13px;
200
font-family:Trebuchet MS;
201
color: {color:Title}; 
202
font-weight: bold;
203
}#pagination{display:none;}
204
#lol {
205
text-align:center;
206
bottom:3px;  
207
right: 3px;
208
position:fixed;
209
opacity:1.0;
210
}.perma p{
211
margin: 0px;
212
}.perma a{ 
213
color:{color:text};
214
}.perma{
215
text-transform: uppercase;
216
margin: auto;
217
position: absolute;
218
text-align: center;
219
margin-top: 0px;
220
width: 100%;
221
height: 100%;
222
background-color: {color:background};
223
left: 0;
224
opacity: 0;
225
filter: alpha(opacity = 0);   
226
-webkit-transition: all ease-in 333ms;
227
-moz-transition: all ease-in 333ms;
228
-o-transition: all ease-in 333ms;
229
-ms-transition: all ease-in 333ms;
230
transition: all ease-in 333ms;
231
}.entry:hover .perma {
232
opacity: .81;
233
filter: alpha(opacity = 100);
234
}.perma a {
235
font-size:11px;
236
letter-spacing:2px;
237
color: {color:text};
238
height: 100%;
239
width: 100%;
240
-webkit-transition: all ease-in 333ms;
241
-moz-transition: all ease-in 333ms;
242
-o-transition: all ease-in 333ms;
243
-ms-transition: all ease-in 333ms;
244
transition: all ease-in 333ms;
245
}.perma a:hover {
246
color:#aaa;
247
-webkit-transition: all ease-in 333ms;
248
-moz-transition: all ease-in 333ms;
249
-o-transition: all ease-in 333ms;
250
-ms-transition: all ease-in 333ms;
251
transition: all ease-in 333ms;
252
}@font-face {font-family: "Meow";src: url( http://static.tumblr.com/kauezwz/YlIlz8nop/theonlyexception.ttf) format("truetype");}
253
blockquote{
254
padding:0px 0px 2px 5px;
255
margin:0px 0px 2px 10px;
256
border-left: 1px dotted #555555;
257
border-lleft:3px solid #r4mf4g;
258
}{CustomCSS}
259
260
</style>
261
262
{block:IndexPage}
263-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
263+
<script type="text/javascript" src="http://static.tumblr.com/xek1qzw/TKgn8tjki/jquerymsnryv2.js"></script>
264-
<script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
264+
265
<script type="text/javascript">
266
$(window).load(function () {
267
var $content = $('#posts');
268
$content.masonry({itemSelector: '.entry'}),
269
$content.infinitescroll({
270
navSelector : 'div#pagination',
271
nextSelector : 'div#pagination a#nextPage',
272
itemSelector : '.entry',
273
loading: {
274
finishedMsg: '',
275
img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
276
},
277
bufferPx : 600,
278
debug : false,
279
},
280
// call masonry as a callback.
281
function( newElements ) {
282
var $newElems = $( newElements );
283
$newElems.hide();
284
// ensure that images load before adding to masonry layout
285
$newElems.imagesLoaded(function(){
286
$content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
287
 
288
 
289
});
290
});
291
});
292
</script>
293
{/block:IndexPage}
294
<title>{title}</title>
295
<link rel="shortcut icon" href="{Favicon}">
296
<link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
297
</head>
298
<body>
299
<div class="wrapper">
300
<div class="header">
301
</span>
302
</div><div id="sidebar">
303-
</div><div id="lol"><a href="http://cyrusnigga.tumblr.com">theme credit</a></div><div id="sidebar">
303+
304
{block:ifitaliclinks}<i>{/block:ifitaliclinks}<center>
305
{block:IfLinkonetitle}<a href="{text:link one}">{text:link one title}</a>  {/block:IfLinkonetitle}{block:IfLinktwotitle} - <a href="{text:link two}">{text:link two title}</a>{/block:IfLinktwotitle}{block:IfLinkthreetitle} - <a href="{text:link three}">{text:link three title}</a>{/block:IfLinkthreetitle}{block:IfLinkfourtitle} - <a href="{text:link four}">{text:link four title}</a>{/block:IfLinkfourtitle}{block:IfLinkfivetitle} - <a href="{text:link five}">{text:link five title}</a>{/block:IfLinkfivetitle}
306
</center>{block:ifitaliclinks}</i>{/block:ifitaliclinks}
307
<center>{Description}</center><center></div>
308
<div class="left"><div id="posts">{block:Posts}<div class="entry">{block:IndexPage}{/block:IndexPage}{block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>
309
<div class="permalink">
310
<a href="{permalink}">+{NoteCount}</a></div>
311
{/block:Text}{block:Link}
312
<a href="{URL}" class="title">{Name}</a>
313
{block:Description}{Description}{/block:Description}
314
<div class="permalink">
315
<a href="{permalink}">{NoteCountwithlabel}</a></div>
316
{block:Link}{block:Answer}<div style="border-radius:0px; border: 0x solid #E6DFDF; margin: 3px; min-height:30px; padding: 3px; background-color: transparent;font-family: {text:font}; ">
317
<img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 0px #E6DFDF; border-radius: 0px;"/>
318
<b><askk>{Asker}</askk> asked: {Question}</b><div style="font-family: {text:font};">{Answer}
319
</div></div><div class="permalink"><a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Answer}{block:Photo}{block:IndexPage}{LinkOpenTag}<div class="perma"><div style=" position: absolute; top: 43%; display: table-cell; vertical-align: middle; width:100%;"><p style=" position: relative; top: -50%;"><p> </a><div class="stuff"><font size="5"></font> <a href="{permalink}"><font size="3"> {Month} {DayOfMonth}{DayOfMonthSuffix} {timeago}</font></a><div class="stuff2"><a href="{permalink}"><font size="2">Posted with</font> <font size="2">{NoteCountWithLabel}</font></a></div> <center><div class="stuff3"><a href="{ReblogURL}" target="_blank"><font size="1">reblog this post</font></a></a></div></div>
320
</p></div> </div> <div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a></div>{LinkCloseTag}{/block:IndexPage}
321
{block:PermalinkPage}{LinkOpenTag}<a href="{permalink}">
322
<img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="500"/></a>{LinkCloseTag}{/block:PermalinkPage}
323
{/block:Photo}{block:Photoset}
324
{block:IndexPage}{Photoset-500}
325
{/block:IndexPage}{block:permalinkpage}{Photoset-500}{/block:permalinkpage}
326
{/block:Photoset}{block:Quote}{Quote}</span>{block:Source}<strong>{Source}</strong>{/block:Source}<div class="permalink"><a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Quote}{block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>
327
{/block:Label}{Line}</li>{/block:Lines}</ul><div class="permalink">
328
<a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Chat}{block:Audio}<center><div style="width:250px; height:28px;"><div style="float:left">{AudioPlayerBlack}</div><div style="margin-top:10px; float:right;">{block:ExternalAudio}{/block:ExternalAudio}</div></div></center><div class="permalink"><a href="{permalink}">{NoteCountwithlabel}</a></div>{/block:Audio}{block:Video}{block:IndexPage}{Video-500}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}{block:Video}{block:PermalinkPage}<center>{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>{/block:PermalinkPage}{block:PostNotes}{PostNotes}   {/block:PostNotes}</div>{/block:Posts}</div></div>{block:IndexPage}{block:Pagination}<div id="pagination">{block:NextPage}<a id="nextPage" href="{NextPage}"></a>{/block:NextPage}{block:PreviousPage}<a href="{PreviousPage}"></a>{/block:PreviousPage}</div>{/block:Pagination}{/block:IndexPage}</div></body></html>