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> |