View difference between Paste ID: 1Uhj58e6 and kJtzET94
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"> &copy; 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
    &#10075;{Quote}&#10078;<br>
331
    <div style="text-align:right;">{block:Source}&rarr;{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} &bull;
384
    {block:NoteCount}
385
    <a href="{Permalink}">
386
    {NoteCount} 
387
    {block:Odd} Enchanted {/block:Odd}
388
    {block:Even} Speak now {/block:Even}
389
    &bull;
390
    {/block:NoteCount}
391
    </a>
392
    <a href="{ReblogURL}" target="_blank">reblog &rarr;</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>&nbsp;{/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> &bull;
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>