View difference between Paste ID: fLZCBvV3 and zH3Jfz5U
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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
3
4
<!--Fly Away Theme by There-and-BackAgain
5
Base codes by Modern-Day-Vintage
6
please do not remove credits and enjoy the theme!-->
7
8
<head> <!-- DEFAULT VARIABLES -->
9
<meta name="color:background" content="#FFFFFF" />
10
<meta name="image:Background" content=""/>
11
<meta name="color:main" content="#FDE5DD" />
12
<meta name="color:border" content="#F3CFC6" />
13
<meta name="color:box" content="#FFF3F3" />
14
<meta name="color:post date" content="#FDE5DD" />
15
<meta name="color:title" content="#9C9B9B" />
16
<meta name="color:text" content="#aaaaaa" />
17
<meta name="color: link" content="#EBA6A6" />
18
<meta name="font:body" content="helvetica" />
19
<meta name="font:title" content="helvetica" />
20
<meta name="text:font size" content="10px" />
21
<meta name="image:100pxPortrait" content=""/>
22
<meta name="color:link hover" content="#F3CFC6"/>
23
<meta name="color:side" content="#FDE5DD"/>
24
25
<title>{Title}</title>
26
<link rel="shortcut icon" href="{Favicon}">
27
<link rel="alternate" type="application/rss+xml" href="{RSS}">
28
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
29
30
<style type="text/css">
31
32
body{color:{color:Text};
33
background-color: {color:Background};
34
background-image: url({image:Background});
35
background-attachment: fixed;
36
background-repeat: repeat;
37
background-position: center;
38
font-family:{font:Body};
39
font-size:{text:Font Size};
40
line-height: 12px;
41
text-align:justify;}
42
43
44
img{
45
-webkit-transition: opacity 0.7s linear; 
46
opacity: 0.85;
47
}
48
img:hover{
49
-webkit-transition: opacity 0.7s linear; 
50
opacity: 1;
51
}
52
body{
53
color:{color:text};
54
background-color:{color:background};
55
font-family:{font:body};
56
font-size: {text:font size};
57
line-height: 13px;
58
text-align:justify;
59
}
60
61
a:link, a:active, a:visited{
62
color: {color: link};
63
text-decoration:none;
64
}
65
a:hover{
66
color: {color:link hover};
67
}
68
69
a img{border: 0px;}
70
img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 1;}
71
img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
72
73
h1, big{
74
color:{color:title};
75
font-family:{font:title};
76
font-size:20px;
77
line-height:30px;
78
letter-spacing:-1px;
79
font-weight:normal;
80
text-transform:;
81
margin:0px;
82
padding:0px;
83
text-align:left;
84
}
85
h3{
86
color:{color:title};
87
font-family:{font:title};
88
font-size:20px;
89
line-height:14px;
90
letter-spacing:-1px;
91
font-weight:normal;
92
text-transform:;
93
margin:0px;
94
padding:0px;
95
margin-bottom:-0px;
96
text-align:left;
97
}
98
#main{
99
height:750px;
100
margin-top:-5px;
101
margin-bottom:0px;
102
margin-left:380px;
103
width:800px;
104
padding:1px;
105
padding-top:12px;
106
}
107
#side{
108
float: right;
109
position: fixed;
110
top: 20px;
111
left: 40px;
112
background-color: {color:box};
113
width: 270px;
114
-moz-border-radius:2px;
115
-webkit-border-radius:2px;
116
padding-left:8px;
117
padding-right:6px;
118
padding-bottom:12px;
119
padding-top:3px;
120
-moz-box-shadow: 0 0 1em {color:main};
121
-webkit-box-shadow: 0 0 1em {color:main};
122
box-shadow: 0 0 1em {color:main}; 
123
border: 1px solid {color:border}; 
124
}
125
126
#side3{
127
float: left;
128
position: fixed;
129
top: 20px;
130
left: 1010px;
131
background-color: {color:box};
132
width: 270px;
133
-moz-border-radius:2px;
134
-webkit-border-radius:2px;
135
padding-left:8px;
136
padding-right:6px;
137
padding-bottom:12px;
138
padding-top:3px;
139
-moz-box-shadow: 0 0 1em {color:main};
140
-webkit-box-shadow: 0 0 1em {color:main};
141
box-shadow: 0 0 1em {color:main}; 
142
border: 1px solid {color:border}; 
143
}
144
#box{
145
float:left; 
146
{block:IndexPage}
147
width:270px;
148
height:235px;
149
overflow:hidden; 
150
padding:5px;
151
{/block:IndexPage}
152
{block:PermalinkPage}
153
width:500px;
154
padding:5px;
155
{/block:PermalinkPage}
156
background-color:{color:box};
157
margin:10px;
158
border:1px solid {color:border};
159
}
160
#perma{font-size:9px; 
161
margin-top:0px; 
162
position:absolute; 
163
right:50%; 
164
margin-right:260px;}}
165
}
166
#ask{
167
display:block;
168
float: left;
169
width:50px;
170
overflow:hidden;
171
word-wrap:break-word;
172
margin-right:3px;
173
}
174
#postdate{
175
font-family: {font:body};
176
background-color: {color:post date};
177
padding:3px;
178
padding-bottom:5px;
179
font-size:10px;
180
text-transform:none;
181
z-index:2;
182
}
183
div.navi a{ 
184
text-align: center;
185
padding:3px 0px; 
186
color: {color:Link};
187
background-color: {color:main};
188
border: 1px solid {color:link}; 
189
margin-top:2px; 
190
position:relative; 
191
width: 105px;
192
display: inline-block;
193
-moz-border-radius: 16px;
194
-webkit-border-radius: 16px;
195
margin-bottom: 2px;
196
}
197
198
div.navi a:hover{ 
199
padding:3px 0; 
200
color: {color:link hover};
201
background-color: {color:main};
202
border: 1px solid {color:border}; 
203
z-index:2; }
204
}
205
206
blockquote{
207
text-align:left;
208
padding: 7px;
209
padding-left:12px;
210
border-left: 1px solid {color:text};
211
p{margin-top:3px; margin-bottom:3px;}
212
blockquote img{display:block; width:100%;}
213
border-left: 2px solid #8B7B8B;
214
padding: 0 0 0 15px;
215
margin-left: 0px;
216
blockquote {position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
217
a img{border:none;}
218
img{border:none; -webkit-transition: opacity 0.5s linear; opacity: 0.70;}
219
img:hover{-webkit-transition: opacity 0.5s linear; opacity: 1;}
220
.audio{background-color:#C7C7C7; display:block;}
221
.user_1 .label, .user_4 .label, .user_7 .label {color:#f4cdc1;}
222
.user_2 .label, .user_5 .label, .user_8 .label {color:#ecbeb2;}
223
.user_3 .label, .user_6 .label, .user_9 .label {color:#B4A897; opacity:.75;}
224
ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
225
.notes img{width:10px; position:relative; top:1px;}
226
ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
227
iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
228
229
</style> 
230
231
<style type="text/css">{CustomCSS]</style> 
232
</head>
233
234
<body>
235
<!-- IMPORTANT -->
236
<center><font size="15">Name of Your Blog</font></center>
237
<marquee>Write here a welcome message, a quote, whatever you'd like</marquee> 
238
<div id="side">
239
240
<center><big><a href="http://modern-day-vintage.tumblr.com"><div align="center"></div></a></big></center>
241
<center>{block:If100pxPortraitImage}<div id="left"> <img class="roundedtop portrait" width=250px src="{image:100pxPortrait}" /></div><P> {/block:If100pxPortraitImage}</center>
242
<center><div style="padding-left:6px;">{Description}</div></center>
243
</center>
244
</div>
245
<div id="side3">
246
<b><i><font color="#E6AA9C"><div style="border-top: 1px dotted #F7CCC2; border-bottom: 1px dotted #F7CCC2;">things i love</font></i></b></div>
247
<BR>
248
<center><font size="6">navigation</font></center>
249
<BR>
250
<div class="navi"><center>
251
<a href="http://LINK URL HERE"><font color="#8B7B8B">home</font>
252
</a>
253
<a href="http://LINK URL HERE"><font color="#8B7B8B">ask</font>
254
</a>
255
<a href="http://LINK URL HERE"><font color="#8B7B8B">archive</font>
256
</a>
257
<a href="http://LINK URL HERE"><font color="#8B7B8B">themes</font>
258
</a></div>
259
<BR>
260
<div style="font-size: 40px; font-weight: bold;"><center>{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {block:NextPage}<a href="{NextPage}"> » </a>{/block:NextPage}
261
{block:PermalinkPagination}
262
{block:NextPost}<a href="{NextPost}">«</a>{/block:NextPost}{block:PreviousPost}<a href="{PreviousPost}"> » </a>{/block:PreviousPost}{/block:PermalinkPagination}
263
</center></div>
264
<br>
265
<center><small>Theme by There-and-BackAgain • Base codes by Modern-Day-Vintage • Best Viewed in Google Chrome</a></small></center>
266
267
</div> 
268
<div id="side2">
269
</div>
270
271
<div id="side3"></div>
272
<div id="main">
273
{block:Posts}
274
275
<div id="box">
276
<div id="perma"><a href="{Permalink}"></a><span class="tags">{/block:Tags}{/block:HasTags}</span></div>
277
<div id="postdate">
278
<center><a href="{Permalink}"><font style="text-transform: lowercase;"><div style="margin-top:-2px;"><i>{DayOfMonth}/{MonthNumber}/{Year} • {NoteCountWithLabel}{/block:NoteCount} • <a href="{ReblogURL}" target="_blank" class="details">reblog</a></i></div></font></a></center>
279
</div>
280
{block:Text}{block:Title}<div class="title"><h3><center><br>{Title}</center></h3></div>{/block:Title}
281
<div style="padding-bottom:3px;">
282
<center>{Body}</center>
283
</div>
284
{/block:Text} 
285
286
{block:Photo}
287
{block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="270" height="235"/>{LinkCloseTag}{/block:IndexPage}
288
{block:PermalinkPage}
289
<img src="{PhotoURL-270}" alt="{PhotoAlt}" width=270"/>
290
{/block:PermalinkPage}
291
{block:Caption}<div style="margin:-5px 0 -10px 0;"><p><center></div>{/block:Caption}
292
{/block:Photo}
293
294
{block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
295
296
{block:Quote}<br>
297
<h3><div style="font-size:70px; position:absolute; font-family:Georgia;"><div style="position:relative; top:23px;">&#147;</div></div> 
298
<div style="padding-left:32px; margin-top:5px; line-height:18px;">{Quote}</div>&nbsp;</h3>
299
<div style="padding-left:32px; margin-top:-20px; margin-bottom:9px;">{block:Source}<BR>— <font style="letter-spacing: 1px;"><i>{Source}</i></font>{/block:Source}</div>
300
{/block:Quote}
301
302
{block:Link}<a href="{URL}" class="link" {Target}><h3><center><br>{Name}</center>&nbsp;</h3></a>
303
{/block:Link}
304
305
{block:Link}{block:Description}<div style="margin-top:-13px;"><center>{Description}</center>{/block:Description}{/block:Link}
306
307
{block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
308
309
{block:Audio} 
310
<center><br>{AudioPlayerGrey}</center><center><div style="color:#A7969D;"> ♫ {PlayCount} plays</div></center>{block:Caption}<center>{Caption}</center>{/block:Caption}
311
{/block:Audio}
312
313
{block:Video}<center>{Video-400}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
314
315
{block:Answer}<br> 
316
<div style="margin-top:2px; margin-bottom:-8px;">
317
<center>{Asker}: <b>{Question}</b></center>
318
</div>
319
<br>
320
<div style="margin-top:-8px; margin-bottom:-3px;">
321
<center>{Answer}</center>
322
</div>
323
{/block:Answer}
324
325
326
327
{block:PostNotes}
328
<br>
329
<div id="notes">{PostNotes}</div>{/block:PostNotes}<center>{block:ContentSource}
330
<br><a href="{SourceURL}">
331
{lang:Source}:
332
{block:SourceLogo}{PlayCountWithLabel}
333
<img src="{BlackLogoURL}" width="{LogoWidth}"
334
height="{LogoHeight}" alt="{SourceTitle}" />
335
{/block:SourceLogo}
336
{block:NoSourceLogo}
337
{SourceLink}
338
{/block:NoSourceLogo}
339
</a>
340
{/block:ContentSource}</center>
341
342
<center>{block:RebloggedFrom}
343
reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
344
originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
345
</center></span></center>
346
<BR><BR>
347
</div>
348
349
{/block:Posts}
350
351
<BR> 
352
</div>
353
</body>
354
</html>