View difference between Paste ID: CSfxcZNz and 1R5rTdqW
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
<!--
4
5
THIS THEME WAS MADE BY
6
7
  /$$$$$$  /$$           /$$                          
8
 /$$__  $$|__/          | $$                          
9
| $$  \__/ /$$  /$$$$$$ | $$$$$$$   /$$$$$$   /$$$$$$ 
10
| $$$$    | $$ /$$__  $$| $$__  $$ /$$__  $$ /$$__  $$
11
| $$_/    | $$| $$$$$$$$| $$  \ $$| $$  \__/| $$$$$$$$
12
| $$      | $$| $$_____/| $$  | $$| $$      | $$_____/
13
| $$      | $$|  $$$$$$$| $$$$$$$/| $$      |  $$$$$$$
14
|__/      |__/ \_______/|_______/ |__/       \_______/
15
                                                                           
16
17
• HTTP://FIEBRE.TUMBLR.COM - @Mercedes 
18
• HTTP://FIEBRETHEMES.TUMBLR.COM - *Empathy theme*
19
20
DON'T DELETE THE CREDITS! ~
21
22
-->
23
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
24
<head>
25
<meta name="color:Background" content="#fff" />
26
<meta name="color:Text" content="#101010" />
27
<meta name="color:Title" content="#000" />
28
<meta name="color:Title Hover" content="#000" />
29
<meta name="color:Links" content="#000" />
30
<meta name="color:Links Hover" content="#000" />
31
<meta name="font:Title" content="Baskerville"/>
32
<meta name="font:Body" content="Baskerville"/>
33
<meta name="text:body font Size" content="12px"/>
34
<meta name="if:Endless Scrolling" content="1" />
35
<meta name="text:title font size" content="20px"/>
36
37
<meta name="if:banner" content="0" />
38
<meta name="image:banner" content="" />
39
<meta name="if:reblog button when hover" content="1" />
40
<meta name="image:body background" content="" />
41
<meta name="if:maximized body background" content="0" />
42
43
<meta name="if:Disable Photo Captions" content="1" />
44
<meta name="if:Two Columns" content="0" />
45
<meta name="if:Show Custom Link1" content="0"/>
46
<meta name="if:Show Custom Link2" content="0"/>
47
<meta name="if:Show Custom Link3" content="0"/> 
48
<meta name="text:Custom Link1" content="" />
49
<meta name="text:Custom Link1 Title" content="Link1" />
50
<meta name="text:Custom Link2" content="" />
51
<meta name="text:Custom Link2 Title" content="Link2" />
52
<meta name="text:Custom Link3" content="" />
53
<meta name="text:Custom Link3 Title" content="Link3" />
54
55
56
<link rel="icon" href="{Favicon}"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/> <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title> {CustomCSS} <title>{title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title>
57
<style type="text/css">
58
59
iframe#tumblr_controls { right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear; opacity:1; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
60
iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;} #tumblr_controls {!important; position:fixed !important;} .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
61
62
63
body{ margin:0px; padding:0px; margin-top:0px; margin-bottom:0px; font-family: {font:body}; font-size:{text:body font size}; color:{color:text} ; background-color:{color:background}; background-image:url('{image:body background}') ; background-attachment: fixed;
64
65
{block:ifmaximizedbodybackground} -webkit-background-size: cover;
66
-moz-background-size: cover;
67
-o-background-size: cover;
68
background-size: cover; {/block:ifmaximizedbodybackground} }
69
70
71
a {color:{color:links}; text-decoration: none;}
72
a:hover {;-webkit-transition-duration: 0.4s; color:{color:Links Hover};}
73
a:active,a:focus {outline:0;}
74
75
.notes {padding-left:25px; font-size:9px; overflow-x:hidden;}
76
ol.notes { float:left; width:500px; height:300px; padding-left:5px; margin-top:10px; overflow:scroll; overflow-x:hidden; over-flow-y:scroll; list-style-type:none; font-weight:normal; font-size:9px; text-transform:none;}
77
ol.notes li.note {padding-top:2px; opacity:.8; -moz-transition:0.1s ease-in; -webkit-transition:0.1s ease-in; -o-transition:0.1s ease-in; transition:0.1s ease-in;} ol.notes li.note:hover {opacity:1;} ol.notes li.note img.avatar {width:14px; height:14px;}
78
79
80
#contentcolumn{ }
81
82
.permalink {padding:2px; 
83
text-align:right; {block:permalinkpage}opacity:0;{/block:permalinkpage}
84
}
85
86
#titles{ font-weight:bold; text-align:left; line-height:{text:font size};}
87
88
#audi{ background-color:#000; height:27px; margin-bottom:-4px; width:290px; }
89
90
91
92
#posts {{Block:IfnotTwoColumns} width:700px;{/Block:IfnotTwoColumns} {Block:IfTwoColumns}width:700px;{/Block:IfTwoColumns} position:relative; float:left; margin-top:110px; margin-left:350px; {block:PermalinkPage} width:500px; {/block:PermalinkPage} }
93
94
.post { overflow:hide; {Block:IfnotTwoColumns} width:200px; {/Block:IfnotTwoColumns} {block:indexpage} margin:10px;{Block:IfTwoColumns} width:250px;{/Block:IfTwoColumns} {/block:indexpage} {block:permalinkpage}width:540px;{/block:permalinkpage} float:left; position:relative; text-align:justify; font-family:{font:body}; font-size: {text:font size}; color:{color:text}; {block:PermalinkPage} width:500px; margin-left:10px; {/block:PermalinkPage} }
95
96
.post .photoset iframe {{Block:IfnotTwoColumns} width:200px;!important {/Block:IfnotTwoColumns} {Block:IfTwoColumns} width:250px;{/Block:IfTwoColumns} }
97
98
99
.quote {text-align:center;}
100
101
.reblogpic {padding:5px;text-align:right;position:absolute; margin-top:0px; opacity:0; -webkit-transition-duration: 0.4s; }
102
103
.pic:hover .reblogpic {opacity:1; {block:permalinkpage}opacity:0; {/block:permalinkpage} -webkit-transition-duration: 0.4s; }
104
105
106
.blogtitle { color: {color:title}; text-align:left; font-family: {font:title}; line-height:10px; letter-spacing:px; position:absolute; width:100%; top:px; margin-top:60px; line-height:28px; z-index:1; margin-left:360px; border-bottom: 1px solid #000; {Block:IfnotTwoColumns}width:640px;{/Block:IfnotTwoColumns} {Block:IfTwoColumns}width:520px;{/Block:IfTwoColumns}}
107
.blogtitle a { color: {color:title} }
108
.blogtitle a:hover{ color: {color:title hover} }
109
.blogtitle:hover {}
110
111
.imgbanner {text-align:right; } 
112
.imgbanner img {max-width:220px;}
113
114
115
116
#description { position:fixed; margin-top:90px; margin-left:100px; padding:15px; width:210px; text-align:right; font-style:italic; }
117
118
#chat { text-align:right; line-height: {text:font size}; }
119
#posto { position:fixed; right:20px; top:50px; }
120
121
div.linki a { background-color:{color:links background}; margin-bottom:4px; text-align:right; display:block; position:relative; color:{color:links text}; font-size:10px; }
122
div.linki a:hover {display:block; margin-bottom:4px; color:{color:links text hover};}
123
124
125
.logon { bottom:30px; right:30px; position:fixed; background-color:#fff; text-align:center; padding:2px; font-size:10px; font-style:italic; z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;}
126
127
.logon a {color:#000; }
128
129
.captions { margin-top:-8px;}
130
.empathy { margin-top:8px; padding-bottom:5px; font-size:18px; color:{color:Title}; }
131
.empathy a:hover {}
132
133
.liink { text-align:right; font-size:{text:FontSize}; margin-top:-30px; }
134
135
.liink a { color:{color:links};}
136
.liink a:hover { color:{color:links hover};}
137
138
.tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
139
#infscr-loading {display:none;}
140
.navigation {display:none!important;}
141
142
</style>
143
144
145
146
<script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
147
148
{block:IndexPage}
149
<script src="http://static.tumblr.com/9ji9tiw/0uJmu1pte/masonry1.js"></script>
150
{block:ifendlessscrolling}
151
<script src="http://static.tumblr.com/twte3d7/qNulm663d/infinite.js"></script>{/block:ifendlessscrolling}
152
153
<script type="text/javascript">
154
$(window).load(function () {
155
$('#posts').masonry(),
156
$('.masonryWrap').infinitescroll({
157
navSelector : "div.navigation",
158
// selector for the paged navigation (it will be hidden)
159
nextSelector : ".navigation a#next",
160
// selector for the NEXT link (to page 2)
161
itemSelector : ".post",
162
// selector for all items you'll retrieve
163
bufferPx : 10000,
164
extraScrollPx: 10000,
165
loadingImg : "http://www.freeiconsweb.com/Icons-show/loading/loading2.gif",
166
loadingText : "<em></em>",
167
},
168
// call masonry as a callback.
169
function() { $('#posts').masonry({ appendedContent: $(this) }); }
170
);
171
});
172
</script>
173
{/block:IndexPage}
174
{block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
175
176
177
178
</head>
179
180
<body>
181
182
183
184
<div id="description"> 
185
{block:ifbanner} <div class="imgbanner"> <img src="{image:banner}"> </div> {/block:ifbanner}
186
187
{description} <br>
188
{block:ifnotendlessscrolling}
189
{block:indexpage}<div style="z-index:999999999999999999999999999999999999999999999999999999999;">{block:Pagination}{block:NextPage}<p><a style="float:right" href="{NextPage}"><span style="padding-left:5px;">Older⇀</a>{/block:NextPage}<br>{block:PreviousPage}<a style="float:right" href="{PreviousPage}"><span style="padding-right:7px;">↼Newer<span></a> </p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}
190
</div>
191
{/block:ifnotendlessscrolling}
192
</div>
193
194
195
<div class="blogtitle"><div class="empathy">{title}</div> <div class="liink"> <a href="/">home</a> <a href="/ask">contact</a> <a href="/archive">archive</a> {Block:IfShowCustomLink1} <a href="{text:Custom Link1}">{text:Custom Link1 Title}</a>{/Block:IfShowCustomLink1}{Block:IfShowCustomLink2} <a href="{text:Custom Link2}">{text:Custom Link2 Title}</a>{/Block:IfShowCustomLink2} {Block:IfShowCustomLink3} <a href="{text:Custom Link3}">{text:Custom Link3 Title}</a>{/Block:IfShowCustomLink3}
196
197
</div></div>
198
199
<div id="contentcolumn"> <div class="masonrywrap">
200
201
<div id="posts">
202
203
{block:Posts}
204
205
206
207
208
209
{block:Text} 
210
<div class="post">
211
<div id="titles">{block:Title}<big>{Title}</big>{/block:Title}</div> {Body}
212
<div class="permalink"><a href="{Permalink}">{24hour}:{minutes}</a></div></div> {/block:Text}
213
214
215
{block:Photo} <div class="post"><div class="pic">
216
{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
217
218
{block:IndexPage} {block:ifreblogbuttonwhenhover}<div class="reblogpic"> <a href="{ReblogURL}"><img src="http://static.tumblr.com/9ji9tiw/HBRmh4q4v/reblog_thing.png"></a></div>{/block:ifreblogbuttonwhenhover} <a href="{permalink}"><img src="{PhotoURL-500}" {Block:IfnotTwoColumns} width="200" {/Block:IfnotTwoColumns} width="250" "alt="{PhotoAlt}"/></a> {/block:IndexPage}
219
220
{block:PermalinkPage} <center><img src="{PhotoURL-500}" style=" "alt="{PhotoAlt}"/></center> <br>{/block:PermalinkPage}
221
222
223
{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage} {Block:IfNotDisablePhotoCaptions}{block:Caption} <div class="captions">{Caption}</div> {/block:Caption}{/Block:IfNotDisablePhotoCaptions} </div></div>
224
{/block:Photo}
225
226
227
{block:Photoset} <div class="post"> <div class="photoset">{Photoset-250}</div> {Block:IfNotDisablePhotoCaptions}{block:Caption} <div class="captions">{Caption}</div> {/block:Caption}{/Block:IfNotDisablePhotoCaptions}
228
229
<div class="permalink"><a href="{Permalink}">{24hour}:{minutes}</a></div></div>{/block:Photoset}
230
231
{block:Quote}<div class="post"> <div class="quote">" <i>{Quote}</i> " <br><br> — {Source}</div> <div class="permalink"><a href="{Permalink}">{timeago}</a></div></div>{/block:Quote}
232
233
{block:Link} <div class="post"><div id="titles"><a href="{URL}">{Name}</a></div> {block:Description}{Description}{/block:Description} <div class="permalink"><a href="{Permalink}">{24hour}:{minutes}</a></div></div>{/block:Link}
234
235
236
{block:Chat}<div class="post"> <div id="chat"><b>{block:Title}{Title}{/block:Title}</b><br>
237
{block:Lines}{block:Label}<b>{Label}</b><br> {Line} <br><br> {/block:Label}{/block:Lines}</div> <div class="permalink"><a href="{Permalink}">{24hour}:{minutes}</a></div> </div>{/block:Chat}
238
239
240
{block:Audio} <div class="post">{AudioPlayerBlack}<div id="mumu">{block:Caption}{Caption}{/block:Caption}</div> <div class="permalink"><a href="{Permalink}">{24hour}:{minutes}</a></div> </div> {/block:Audio}
241
242
243
{block:Answer} <div class="post"><big>{Question}<br>- {Asker}</big> <br> {Answer} </div>{/block:answer}
244
245
{block:Video} <div class="post"> <div class="photoset">{Video-250}</div>
246
{block:Caption}{Caption}{/block:Caption} <div class="permalink"><a href="{Permalink}">{timeago}</a></div></div>{/block:Video}
247
248
249
{block:PostNotes}<div class="notes"> {block:Caption} {Caption} {/block:Caption}
250
{block:NoteCount}{NoteCount} notes{/block:NoteCount} {block:HasTags}// {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}
251
{PostNotes} </div>{/block:PostNotes}
252
253
254
{/block:posts} </div></div> </div>
255
256
257
<div id="posto"> {block:PermalinkPagination} {block:PreviousPost}<a href="{PreviousPost}">past</a> | {/block:PreviousPost} {block:NextPost} <a href="{NextPost}">future</a> {/block:NextPost} {/block:PermalinkPagination} </div> </div> <br> <br>
258
259
260
</body> </html>