SHOW:
|
|
- or go back to the newest paste.
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" | |
2 | "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
3 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
4 | ||
5 | <head> | |
6 | <title> {title} </title> | |
7 | <link rel="shortcut icon" href="{Favicon}"> | |
8 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
9 | {block:Description} | |
10 | <meta name="description" content="{MetaDescription}" /> | |
11 | <meta name="image:Banner" content=""/> | |
12 | <meta name="image:Sidebar" content=""/> | |
13 | <meta name="color:Background" content="#4ecfff"/> | |
14 | <meta name="color:Links Background" content="#0680cd"/> | |
15 | <meta name="color:Links" content="#0680cd"/> | |
16 | <meta name="color:Links Hover" content="#70c7ff"/> | |
17 | <meta name="text:Link1" content=""/> | |
18 | <meta name="text:Link1URL" content=""/> | |
19 | <meta name="text:Link2" content=""/> | |
20 | <meta name="text:Link2URL" content=""/> | |
21 | <meta name="text:Link3" content=""/> | |
22 | <meta name="text:Link3URL" content=""/> | |
23 | ||
24 | {/block:Description} | |
25 | ||
26 | <style type="text/css"> | |
27 | body { | |
28 | margin:0px; | |
29 | background-color:{color:Background}; | |
30 | font-family:georgia; | |
31 | } | |
32 | ||
33 | a, a:link,a:active,a:visited { | |
34 | text-decoration:none; | |
35 | color:{color:Links}; | |
36 | font-style:bold; | |
37 | } | |
38 | ||
39 | a:hover { | |
40 | text-decoration:none; | |
41 | color:{color:Links Hover}; | |
42 | transition: all 0.8s; | |
43 | -moz-transition: all 0.8s; /* Firefox 4 */ | |
44 | -webkit-transition: all 0.8s; /* Safari and Chrome */ | |
45 | -o-transition: all 0.8s; /* Opera */ | |
46 | } | |
47 | ||
48 | #box{ | |
49 | margin:auto; | |
50 | width:750px; | |
51 | bottom:0px; | |
52 | min-height:100%; | |
53 | position:relative; | |
54 | background-color:{color:Background}; | |
55 | - | box-shadow:0 0 0.4em #262626; |
55 | + | <!-- box-shadow:0 0 0.4em #262626; --> |
56 | height:100%; | |
57 | } | |
58 | ||
59 | ||
60 | #banner{ | |
61 | width:750px; | |
62 | height:200px; | |
63 | - | margin-top:9px; |
63 | + | padding:0px; |
64 | margin-top;0px; | |
65 | - | position:absolute; |
65 | + | position:fixed; |
66 | overflow:hidden; | |
67 | z-index:1000; | |
68 | } | |
69 | ||
70 | #sidebar{ | |
71 | width:200px; | |
72 | padding:10px; | |
73 | margin-top:200px; | |
74 | background-color:#fff; | |
75 | position:fixed; | |
76 | z-index:1000; | |
77 | } | |
78 | ||
79 | ||
80 | #des{ | |
81 | text-align:justify; | |
82 | font-size:10px; | |
83 | line-spacing:0px; | |
84 | - | top:0px; |
84 | + | |
85 | - | bottom:2px; |
85 | + | |
86 | #des a{ | |
87 | text-transform:; | |
88 | } | |
89 | ||
90 | #post{ | |
91 | - | margin-left:220px; |
91 | + | |
92 | width:500px; | |
93 | font-size:11px; | |
94 | overflow:hidden; | |
95 | top:220px; | |
96 | bottom:-50px; | |
97 | text-align:justify; | |
98 | margin-left:215px; | |
99 | background-color:#fff; | |
100 | margin:7px; | |
101 | position:relative; | |
102 | margin-left:230px; | |
103 | min-height:100%; | |
104 | float:center; | |
105 | ||
106 | } | |
107 | ||
108 | ||
109 | #qes{ | |
110 | border-bottom:{color:Links Hover} 1px solid; | |
111 | padding:5px; | |
112 | text-align:left; | |
113 | } | |
114 | #qes table{ | |
115 | font-size:11px; | |
116 | } | |
117 | #qes table a{ | |
118 | text-transform:uppercase; | |
119 | font-style:normal; | |
120 | } | |
121 | ||
122 | ||
123 | #postnotes{ | |
124 | text-align:left;font-size:10px; | |
125 | } | |
126 | ol .more, .more li{list-style:none;} | |
127 | .more li{padding:2px:} | |
128 | #tags{text-align:right;} | |
129 | #post blockquote{ | |
130 | margin: 0px 0px 0px 5px; | |
131 | padding: 0 0 0 5px; | |
132 | border-left: 2px solid #dcdcdc; | |
133 | } | |
134 | ol.notes { | |
135 | padding: 0px; | |
136 | padding:5px; | |
137 | margin: 15px 0px; | |
138 | list-style-type: none; | |
139 | ||
140 | } | |
141 | #post p{ | |
142 | margin: 6px 0px 10px 0px; | |
143 | } | |
144 | #post ul{ | |
145 | margin: 2px 0px 2px 0px; | |
146 | } | |
147 | ||
148 | #notes{ | |
149 | font-size:8px; | |
150 | text-align:center; | |
151 | color:#b9b8b8; | |
152 | margin-top:2px; | |
153 | padding:3px; | |
154 | font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; | |
155 | text-transform:uppercase; | |
156 | border-top:dashed #ccc 1px; | |
157 | ||
158 | } | |
159 | #notes a{ | |
160 | text-decoration: none; | |
161 | color:#b9b8b8; | |
162 | font-style:normal; | |
163 | } | |
164 | #notes a:hover{ | |
165 | opacity:1; | |
166 | color:{color:Links Hover}; | |
167 | ||
168 | } | |
169 | ||
170 | ||
171 | #title, #title a{ | |
172 | color:{color:Links}; | |
173 | font-size:20px; | |
174 | line-height:15px; | |
175 | text-align:right; | |
176 | font-style:normal; | |
177 | font-family:'Georgia'; | |
178 | letter-spacing:1px; | |
179 | font-style:italic; | |
180 | ||
181 | } | |
182 | ||
183 | #title a:hover{color:{color:Links Hover};background:none;} | |
184 | ||
185 | #links{ | |
186 | width:auto; | |
187 | background-color:{color:Links Background}; | |
188 | padding:7px; | |
189 | text-align:center; | |
190 | font-style:normal; | |
191 | position:fixed; | |
192 | top:160px; | |
193 | z-index:2000; | |
194 | } | |
195 | #links a{ | |
196 | padding:2%; | |
197 | text-transform:uppercase; | |
198 | font-family:arial; | |
199 | color:{color:Links Hover}; | |
200 | font-size:10px; | |
201 | font-style:normal; | |
202 | } | |
203 | ||
204 | ||
205 | #np{ | |
206 | text-transform: lowercase; | |
207 | font-size:18px; | |
208 | opacity:0.7; | |
209 | line-spacing:10px; | |
210 | text-align:center; | |
211 | padding:15px; | |
212 | } | |
213 | ||
214 | #footer{ | |
215 | opacity:0.5;font-size:8px;font-family:'Arial';text-transform:uppercase; | |
216 | font-style:normal; | |
217 | } | |
218 | #footer a{ | |
219 | opacity:0.8;font-size:8px;font-family:'Arial';text-transform:uppercase; | |
220 | font-style:normal; | |
221 | } | |
222 | #credits{ | |
223 | text-transform:uppercase; | |
224 | font-size:8px; | |
225 | font-family:'arial'; | |
226 | color:#bcbcbc; | |
227 | position:fixed; | |
228 | bottom:5px; | |
229 | right:10px; | |
230 | } | |
231 | #credits a{ color:#bcbcbc;} | |
232 | ||
233 | .name{ | |
234 | font-size:18px; | |
235 | text-align:right; | |
236 | ||
237 | } | |
238 | ||
239 | ul.chat{ | |
240 | list-style:none; | |
241 | padding-left:0px; | |
242 | } | |
243 | ||
244 | li:nth-child(odd).chat{color:{color:Links};} | |
245 | ||
246 | #twitter_update_list, #twitter_update_list li { | |
247 | padding: 0 0 3px; /*removes in Firefox/Mozilla*/ | |
248 | margin: 0 0 3px; /*removes in IE & Opera*/ | |
249 | text-align: left; | |
250 | float: left; | |
251 | list-style: none; | |
252 | ||
253 | } | |
254 | ||
255 | ||
256 | </style> | |
257 | ||
258 | ||
259 | ||
260 | </head> | |
261 | ||
262 | <body> | |
263 | ||
264 | <div id="credits"> | |
265 | <a href="http://ubhiethemes.tumblr.com"> © Theme</a><br> by <a href="http://ubhie.tumblr.com/">ubhie</a> | |
266 | </div> | |
267 | - | {block:IfLink1}<a href="{text:Link1URL}">{text:Link1}</a>{/block:IfLink1} |
267 | + | |
268 | - | {block:IfLink2}<a href="{text:Link2URL}">{text:Link2}</a>{/block:IfLink2} |
268 | + | |
269 | - | {block:IfLink3}<a href="{text:Link3URL}">{text:Link3}</a>{/block:IfLink3} |
269 | + | |
270 | - | {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages} |
270 | + | |
271 | <div id ="box"> | |
272 | <!--{block:IfBannerImage} | |
273 | <img src="{image:banner}" width="750px"> | |
274 | {/block:IfBannerImage} --> | |
275 | ||
276 | <div id="banner"> | |
277 | {block:IfBannerImage} | |
278 | <img src="{image:banner}" width = 750px"> | |
279 | {/block:IfBannerImage} | |
280 | </div> | |
281 | ||
282 | ||
283 | <div id="links"> | |
284 | <a href="/">Home</a> | |
285 | <a href="/ask">Ask me</a> | |
286 | <a href="/arvhive">Archive</a> | |
287 | <a href="/random">Random</a> | |
288 | <a href="http://www.youtube.com/user/thenameisemmaleigh">Youtube</a> | |
289 | </div> | |
290 | ||
291 | ||
292 | <div id="sidebar"> | |
293 | <a class="name">{title}</a> | |
294 | <div id ="des"> | |
295 | {block:IfSidebarImage} | |
296 | <img src="{image:Sidebar}" width="200px"> | |
297 | {/block:IfSidebarImage} | |
298 | {Description} | |
299 | </div> | |
300 | </div> | |
301 | ||
302 | ||
303 | ||
304 | {block:Posts} | |
305 | <div id ="post"> | |
306 | ||
307 | ||
308 | {block:Text} | |
309 | {block:Title}<div id="title">{Title}</div>{/block:Title} | |
310 | {Body} | |
311 | {/block:Text} | |
312 | ||
313 | {block:Link} | |
314 | <div id="title"><a href="{URL}" class="title" | |
315 | target="_blank">{Name}</a> </div> | |
316 | {block:Description}{Description}{/block:Description} | |
317 | {/block:Link} | |
318 | ||
319 | {block:Photo} | |
320 | {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag} | |
321 | {block:Caption}{Caption}{/block:Caption} | |
322 | {/block:Photo} | |
323 | ||
324 | {block:Photoset} | |
325 | {Photoset-500} | |
326 | {block:Caption}{Caption}{/block:Caption} | |
327 | {/block:Photoset} | |
328 | ||
329 | {block:Quote} | |
330 | ❛{Quote}❞<br> | |
331 | <div style="text-align:right;">{block:Source}→{Source}{/block:Source}</div> | |
332 | {/block:Quote} | |
333 | ||
334 | {block:Chat} | |
335 | {block:Title}<div id="title">{Title}</div>{/block:Title} | |
336 | <ul class="chat"> | |
337 | {block:Lines} | |
338 | <li class="chat">{block:Label}<b>{Label}</b>{/block:Label} | |
339 | {Line} | |
340 | </li> | |
341 | {/block:Lines} | |
342 | </ul> | |
343 | {/block:Chat} | |
344 | ||
345 | {block:Audio} | |
346 | <table><tr> | |
347 | {block:AlbumArt}<th> | |
348 | <div style="float:left;margin-right:5px;"> | |
349 | <img src="{AlbumArtURL}" width="100"> | |
350 | </div> | |
351 | </th>{/block:AlbumArt} | |
352 | <th valign="top" align="left"> | |
353 | {AudioPlayerWhite} | |
354 | </th> | |
355 | </tr></table> | |
356 | {block:Caption}<p>{Caption}</p>{/block:Caption} | |
357 | {PlayCountWithLabel} | |
358 | {/block:Audio} | |
359 | ||
360 | ||
361 | {block:Video} | |
362 | <center> | |
363 | {Video-500}<BR></center> | |
364 | <p>{block:Caption}{Caption}{/block:Caption}</p> | |
365 | {/block:Video} | |
366 | ||
367 | ||
368 | {block:Answer} | |
369 | <div id ="qes"> | |
370 | <table> | |
371 | <tr><td width="30px"> | |
372 | <img src="{AskerPortraitURL-40}"></td> | |
373 | <td>{Asker}: {Question}</td> | |
374 | </tr></table> | |
375 | </div> | |
376 | <p align="center"> | |
377 | {Answer}</p> | |
378 | {/block:Answer} | |
379 | ||
380 | ||
381 | {block:Date} | |
382 | <div id="notes"> | |
383 | {Month} {DayOfMonth}, {Year} • | |
384 | {block:NoteCount} | |
385 | <a href="{Permalink}"> | |
386 | {NoteCount} | |
387 | {block:Odd} Enchanted {/block:Odd} | |
388 | {block:Even} Speak now {/block:Even} | |
389 | • | |
390 | {/block:NoteCount} | |
391 | </a> | |
392 | <a href="{ReblogURL}" target="_blank">reblog →</a> | |
393 | </div> | |
394 | {/block:Date} | |
395 | ||
396 | ||
397 | ||
398 | {block:PostNotes} | |
399 | <div id="postnotes"> | |
400 | <div id="tags"> | |
401 | <br> | |
402 | {block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"> | |
403 | {Tag}</a> {/block:Tags}{/block:HasTags} | |
404 | </div> | |
405 | <br> | |
406 | ||
407 | {block:RebloggedFrom} | |
408 | Reblogged from <a href="{ReblogParentURL}" | |
409 | title="{ReblogParentTitle}" target="_blank"> | |
410 | {ReblogParentName}</a> | |
411 | <br> | |
412 | Originally by <a href="{ReblogRootURL}" | |
413 | title="{ReblogRootTitle}" target="_blank">{ReblogRootName}</a> | |
414 | <br> | |
415 | {/block:RebloggedFrom} | |
416 | {block:ContentSource} | |
417 | Source: <a href="{SourceURL}">{SourceTitle}</a> | |
418 | {/block:ContentSource} | |
419 | ||
420 | ||
421 | ||
422 | <br><div class= "more">{PostNotes}</div> | |
423 | </div> | |
424 | {/block:PostNotes} | |
425 | ||
426 | ||
427 | </div> | |
428 | {/block:Posts} | |
429 | ||
430 | ||
431 | <div id="np"> | |
432 | {block:Pagination} | |
433 | ||
434 | {block:PreviousPage} | |
435 | <a href="{PreviousPage}">back </a> • | |
436 | {/block:PreviousPage} | |
437 | {block:NextPage} | |
438 | <a href="{NextPage}">next </a> | |
439 | {/block:NextPage} | |
440 | {/block:Pagination} | |
441 | </div> | |
442 | ||
443 | ||
444 | ||
445 | ||
446 | </div> | |
447 | ||
448 | ||
449 | </body> | |
450 | </html> |