SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
2 | ||
3 | <!----------------- | |
4 | Theme by Dagmar - | |
5 | ╭╮╱╱╭╮╭╮╱╱╱╱╱╱╱╱╱╭╮ | |
6 | ┃┃╱╱┃┃┃┃╱╱╱╱╱╱╱╱╱┃┃ | |
7 | ┃╰━┳┫┃┃┃╭┳━━┳━╮╭━╯┣━━┳╮╱╭┳━━╮ | |
8 | ┃╭╮┣┫┃┃┃┣┫╭╮┃╭╮┫╭╮┃╭╮┃┃╱┃┃━━┫ | |
9 | ┃╰╯┃┃╰┫╰┫┃╰╯┃┃┃┃╰╯┃╭╮┃╰━╯┣━━┃ | |
10 | ╰━━┻┻━┻━┻┻━━┻╯╰┻━━┻╯╰┻━╮╭┻━━╯ | |
11 | ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃ | |
12 | ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯ | |
13 | ||
14 | Do not remove credit please. | |
15 | -------------> | |
16 | ||
17 | ||
18 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
19 | <head><title>{Title}</title> | |
20 | <link rel="shortcut icon" href="{Favicon}"> | |
21 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
22 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
23 | ||
24 | ||
25 | <meta name="color:Background" content="#ffffff"/> | |
26 | <meta name="color:Sidebar" content="#ffffff"/> | |
27 | <meta name="color:Text" content="#a8a8a8"/> | |
28 | <meta name="color:Link" content="#b8b8b8"/> | |
29 | <meta name="color:Tags" content="f0f0f0"/> | |
30 | <meta name="color:Hover" content="#f2f2f2"/> | |
31 | <meta name="color:Line" content="#f2f2f2"/> | |
32 | <meta name="color:Post" content="#ffffff"/> | |
33 | <meta name="color:Answer" content="#f8f8f8"/> | |
34 | <meta name="image:sidebar" content=""/> | |
35 | <meta name="image:sidebar2" content=""/> | |
36 | <meta name="image:bg" content=""/> | |
37 | <meta name="text:Link 1" content="" /> | |
38 | <meta name="text:Link 1 Text" content="" /> | |
39 | <meta name="text:Link 2" content="" /> | |
40 | <meta name="text:Link 2 Text" content="" /> | |
41 | <meta name="color:scrollbarbg" content="ffffff"/> | |
42 | ||
43 | ||
44 | <style type="text/css"> | |
45 | ||
46 | #bite | |
47 | #bite a{ | |
48 | display:block | |
49 | } | |
50 | #bite .death { | |
51 | margin-right:0px;filter: alpha(opacity = 0); | |
52 | opacity:0;-webkit-transition: all 0.5s ease-out; | |
53 | -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; | |
54 | } | |
55 | ||
56 | #bite:hover .death { | |
57 | margin-left:0px; | |
58 | ||
59 | -webkit-transition: all 0.8s ease-out; | |
60 | -moz-transition: all 0.8s ease-out; | |
61 | transition: all 0.8s ease-out; | |
62 | filter: alpha(opacity = 100); | |
63 | filter: alpha(opacity = 100); | |
64 | opacity:8; | |
65 | } | |
66 | ||
67 | /* --- SCROLLBAR ---*/ | |
68 | ||
69 | ::-webkit-scrollbar { | |
70 | width: 5px;height: 5px;} | |
71 | ::-webkit-scrollbar-button:start:decrement, | |
72 | ::-webkit-scrollbar-button:end:increment { | |
73 | height: 6px;display: block;background-color: {color:white};} | |
74 | ::-webkit-scrollbar-track-piece { | |
75 | background-color: {color:scrollbarbg};} | |
76 | ::-webkit-scrollbar-thumb:vertical { | |
77 | height: 9px;background-color: {color:scrollbarbg};border-top:1px solid {color:scrollbarbg};border-bottom:1px solid {color:scrollbarbg};} | |
78 | ||
79 | ||
80 | /* --- BODY ---*/ | |
81 | ||
82 | body { | |
83 | background:{color:background}; | |
84 | margin:0px; | |
85 | color:{color:text}; | |
86 | font-family:Calibri; | |
87 | font-size:9px; | |
88 | line-height:100%; | |
89 | } | |
90 | ||
91 | a { | |
92 | text-decoration:none; | |
93 | outline:none; | |
94 | -moz-outline-style:none; | |
95 | color:{color:link}; | |
96 | } | |
97 | ||
98 | img { | |
99 | border:none; | |
100 | } | |
101 | ||
102 | blockquote { | |
103 | padding-left:5px; | |
104 | border-left:2px solid; | |
105 | } | |
106 | ||
107 | blockquote blockquote { | |
108 | padding-left:5px; | |
109 | border-left:2px solid; | |
110 | } | |
111 | ||
112 | h1 { | |
113 | font-size:9px; | |
114 | text-transform:uppercase; | |
115 | } | |
116 | ||
117 | a:hover { | |
118 | opacity:1; | |
119 | color:{color:hover}; | |
120 | -webkit-transition: all 0.7s ease; | |
121 | -moz-transition: all 0.7s ease; | |
122 | -o-transition: all 0.7s ease | |
123 | } | |
124 | ||
125 | /* --- POST ENTRIES ---*/ | |
126 | ||
127 | ||
128 | #entries { | |
129 | padding:10px; | |
130 | width:500px; | |
131 | margin-left:450px; | |
132 | margin-top:40px; | |
133 | font-size:10px; | |
134 | } | |
135 | ||
136 | /* --- BODY: POSTS ---*/ | |
137 | ||
138 | ||
139 | #post { | |
140 | width:500px; | |
141 | padding-bottom:20px; | |
142 | padding:10px; | |
143 | margin-top:15px; | |
144 | background-color:{color:Post}; | |
145 | } | |
146 | ||
147 | /* --- SIDEBAR IMAGE ---*/ | |
148 | ||
149 | ||
150 | #sidebar { | |
151 | width:100px; | |
152 | position:fixed; | |
153 | margin-left:260px; | |
154 | margin-top:150px; | |
155 | opacity:.80; | |
156 | height:200px; | |
157 | background-color:{color:Sidebar}; | |
158 | } | |
159 | ||
160 | #sidebarimage { | |
161 | width 100px; | |
162 | } | |
163 | ||
164 | #sidebarimage img { | |
165 | width:100px; | |
166 | height:100px; | |
167 | padding:4px; | |
168 | border-color: {color:border}; | |
169 | background-color:{color:Sidebar};} | |
170 | ||
171 | ||
172 | #sidebarpic { | |
173 | width 100px; | |
174 | height:100px; | |
175 | } | |
176 | ||
177 | #sidebarpic img { | |
178 | width:100px; | |
179 | height:100px; | |
180 | padding:4px; | |
181 | border-color: {color:border}; | |
182 | background-color:{color:Sidebar}; | |
183 | } | |
184 | ||
185 | #sidebarpic img:hover { | |
186 | opacity:0.2; | |
187 | -webkit-transition: all .9s ease-in-out; | |
188 | -moz-transition: all .5s ease-in-out; | |
189 | -o-transition: all .5s ease-in-out; | |
190 | z-index:999; | |
191 | } | |
192 | ||
193 | #sidebarpic img:hover #description { | |
194 | opacity:1; | |
195 | } | |
196 | ||
197 | ||
198 | #sidebarimage img:hover { | |
199 | opacity:0.2; | |
200 | -webkit-transition: all .9s ease-in-out; | |
201 | -moz-transition: all .5s ease-in-out; | |
202 | -o-transition: all .5s ease-in-out; | |
203 | z-index:999; | |
204 | } | |
205 | ||
206 | ||
207 | #sidebarimage img:hover #pagination { | |
208 | opacity:1; | |
209 | -webkit-transition: all .9s ease-in-out; | |
210 | -moz-transition: all .5s ease-in-out; | |
211 | -o-transition: all .5s ease-in-out; | |
212 | z-index:999; | |
213 | } | |
214 | ||
215 | ||
216 | ||
217 | ||
218 | /* --- SIDEBAR LINKS ---*/ | |
219 | ||
220 | .links { | |
221 | width:55px; | |
222 | height:5px; | |
223 | padding: 9px; | |
224 | font-size:8px; | |
225 | font-family:'calibri'; | |
226 | text-align:center; | |
227 | margin-top:-200px; | |
228 | margin-left:-80px; | |
229 | text-align:center; | |
230 | text-transform:uppercase; | |
231 | word-spacing:2px; | |
232 | position:fixed; | |
233 | padding-bottom:7px; | |
234 | } | |
235 | ||
236 | .links a { | |
237 | font-size: 12px; | |
238 | display:block; | |
239 | line-height:150%; | |
240 | background-color:#000; | |
241 | padding:9px; | |
242 | } | |
243 | ||
244 | .links a:hover { | |
245 | border-color:#ddd; | |
246 | border-left:5px solid; | |
247 | border-right:5px solid; | |
248 | background-color:#fff; | |
249 | text-shadow:2px 5px 2px; | |
250 | color:{color:Hover} | |
251 | } | |
252 | ||
253 | ||
254 | /* --- DESCRIPTION ---*/ | |
255 | ||
256 | #description { | |
257 | font-family:cambria; | |
258 | line-height:120%; | |
259 | font-size:9px; | |
260 | font-style:italic; | |
261 | width:80px; | |
262 | - | height:80px; |
262 | + | height:81px; |
263 | - | margin-top:-204px; |
263 | + | margin-top:-205px; |
264 | padding:10px; | |
265 | background-color:#000; | |
266 | opacity:0.8; | |
267 | margin-left:4px; | |
268 | text-align:justify; | |
269 | color:{color:text}; | |
270 | position:fixed; | |
271 | } | |
272 | ||
273 | #description a {color:{color:text}; -moz-transition-duration:0.4s; | |
274 | -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;} | |
275 | ||
276 | #description a:hover {} | |
277 | ||
278 | ||
279 | /* --- PAGINATION---*/ | |
280 | ||
281 | ||
282 | #pagination { | |
283 | width:84px; | |
284 | height:84px; | |
285 | opacity:0; | |
286 | font-size:20px; | |
287 | text-align:center; | |
288 | margin-left:4px; | |
289 | margin-top:-96px; | |
290 | padding:8px; | |
291 | background-color:#000; | |
292 | position:fixed; | |
293 | font-family:cambria; | |
294 | font-style:italic; | |
295 | letter-spacing:0px; | |
296 | -webkit-transition: all .9s ease-in-out; | |
297 | -moz-transition: all .5s ease-in-out; | |
298 | -o-transition: all .5s ease-in-out; | |
299 | z-index:999; | |
300 | } | |
301 | #pagination:hover { | |
302 | opacity:0.8; | |
303 | -moz-transition-duration:0.4s; | |
304 | -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;} | |
305 | ||
306 | /* --- POST INFO ---*/ | |
307 | ||
308 | ||
309 | #info { | |
310 | text-align:left; | |
311 | margin-top:10px; | |
312 | text-transform:uppercase; | |
313 | font-size:8px; | |
314 | font-style:none; | |
315 | border-top:1px solid {color:Line} | |
316 | } | |
317 | ||
318 | /* --- POST TAGS---*/ | |
319 | ||
320 | ||
321 | #tags { | |
322 | font-family:cambria; | |
323 | letter-spacing:0px; | |
324 | text-transform:lowercase; | |
325 | font-size:10px; | |
326 | font-style:italic; | |
327 | margin-top:4px; | |
328 | text-align:left; | |
329 | } | |
330 | ||
331 | #tags | |
332 | a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left; | |
333 | -webkit-transition: all 0.6s ease-in-out; | |
334 | -moz-transition: all 0.6s ease-in-out; | |
335 | -o-transition: all 0.6s ease-in-out; | |
336 | -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;} | |
337 | ||
338 | ||
339 | /* --- QUESTIONS ---*/ | |
340 | ||
341 | #asker { | |
342 | padding:5px; | |
343 | font-family:cambria; | |
344 | letter-spacing:1px; | |
345 | text-align:left; | |
346 | font-style:italic; | |
347 | margin-left:10px; | |
348 | border-left:3px #eee solid; | |
349 | background-color:{color:background} | |
350 | } | |
351 | ||
352 | {CustomCSS}</style></head><body> | |
353 | ||
354 | <div id="sidebar"> | |
355 | <div id="bite"><div id="sidebarimage"><img src="{image:sidebar}"></div> | |
356 | <div id="sidebarpic"><img src="{image:sidebar2}"></div> | |
357 | ||
358 | ||
359 | <div class="death"><div id="description"> | |
360 | {Description} | |
361 | </div></div></div> | |
362 | ||
363 | ||
364 | <div class="links"> | |
365 | <a href="/">home</a><br> | |
366 | <a href="/ask">mssg</a> <br> | |
367 | <a href="{text:Link 1}">{text:Link 1 Text}</a><br> | |
368 | <a href="{text:Link 2}">{text:Link 2 Text}</a> | |
369 | </div> | |
370 | ||
371 | ||
372 | {block:Pagination}<div id="pagination"> | |
373 | {block:PreviousPage}<a href="{PreviousPage}"><b><big><br><br>prev</big></b></a>{/block:PreviousPage} | |
374 | {block:NextPage}<a href="{NextPage}"><b><big><br><br><br>next</big></b></a>{/block:NextPage} | |
375 | </div>{/block:Pagination} | |
376 | </div> | |
377 | ||
378 | <div id="entries">{block:Posts}<div id="post"> | |
379 | ||
380 | {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text} | |
381 | ||
382 | {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo} | |
383 | ||
384 | {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset} | |
385 | ||
386 | {block:Quote}{Quote}{/block:Quote} | |
387 | ||
388 | {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link} | |
389 | ||
390 | {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat} | |
391 | ||
392 | {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span> | |
393 | <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName} | |
394 | <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} | |
395 | {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times | |
396 | {/block:Audio} | |
397 | ||
398 | {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video} | |
399 | ||
400 | {block:Answer}<div id="asker"><span style="font-family:cambria;font-size:9px;font-style:italic;">✎ {Asker}: </span>{Question}</div><left><font face="cambria">{Answer}</font>{/block:Answer} | |
401 | ||
402 | <div id="info"> | |
403 | <br>posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a> | |
404 | {block:HasTags}<div id="tags"><img src="http://static.tumblr.com/qlfmldj/wOKmcnquv/untitled-2.png">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div> | |
405 | {/block:Posts} | |
406 | {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} | |
407 | {/block:Posts}</div></div></div> | |
408 | ||
409 | ||
410 | ||
411 | <!-- | |
412 | THEME MAKER CREDIT | |
413 | --> | |
414 | ||
415 | <div style="position:fixed;bottom:3px; right:3px; font-size:8px; letter-spacing:1px; font-family:cambria;"><a href="http://billiondays.tumblr.com/">© BILLIONDAYS</a></center></div> | |
416 | ||
417 | ||
418 | </body></html> |