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