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} · {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> |