SHOW:
|
|
- or go back to the newest paste.
1 | <!--- | |
2 | ||
3 | AMORES | |
4 | theme by almodovar | |
5 | ||
6 | base code by llermans | |
7 | ||
8 | ----> | |
9 | ||
10 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
11 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
12 | <head><title>{Title}</title> | |
13 | <link rel="shortcut icon" href="{Favicon}"> | |
14 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
15 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
16 | ||
17 | <meta name="color:Background" content="#ffffff"/> | |
18 | <meta name="color:Text" content="#000000"/> | |
19 | <meta name="color:Link" content="#6b6b6b"/> | |
20 | <meta name="color:Link Hover" content="#000000" /> | |
21 | <meta name="color:audiob" content="#f1f1f1"/> | |
22 | ||
23 | <meta name="image:Sidebar" content=""/> | |
24 | ||
25 | <meta name="if:Caption" content="1"/> | |
26 | ||
27 | <meta name="text:link 1" content="link 1"/> | |
28 | <meta name="text:link 1 url" content="/"/> | |
29 | <meta name="text:link 2" content="link 2"/> | |
30 | <meta name="text:link 2 url" content="/"/> | |
31 | <meta name="text:link 3" content="link 3"/> | |
32 | <meta name="text:link 3 url" content="/"/> | |
33 | <meta name="text:link 4" content="link 4"/> | |
34 | <meta name="text:link 4 url" content="/"/> | |
35 | ||
36 | <!--- CSS ---> | |
37 | ||
38 | <style type="text/css"> | |
39 | ||
40 | ::selection { | |
41 | color:white; | |
42 | } | |
43 | ||
44 | iframe#tumblr_controls { white-space:nowrap!important; | |
45 | -webkit-filter:invert(100%)!important; | |
46 | -moz-filter:invert(100%)!important; | |
47 | -ms-filter:invert(100%)!important; | |
48 | -o-filter:invert(100%)!important; | |
49 | filter:invert(100%)!important; | |
50 | top:0px!important; | |
51 | right:0px!important; | |
52 | position:fixed!important;} | |
53 | ||
54 | html, body, h1, h2, h3, h4, h5, h6, p, ol, blockquote {margin:0; padding:0; list-style:none;} | |
55 | ||
56 | /* appearance options */ | |
57 | ||
58 | ::selection { | |
59 | background-color:#eee; | |
60 | } | |
61 | ||
62 | body {font: 10px Helvetica; color: {color:text}; background-color: {color:background}; line-height:5px;} | |
63 | a {color: {color:link};} | |
64 | a:hover {color: {color:link hover};} | |
65 | a {text-decoration:none;} | |
66 | ||
67 | b, strong {color:{color:text}} | |
68 | i, em {color:{color:text}} | |
69 | small {font-size:8px;} | |
70 | big {font-size:12px;} | |
71 | ul {list-style:square;text-align:justify;} | |
72 | ||
73 | blockquote {padding: 3px 0 3px 13px;border-left: 1px solid {color:text};text-align:justify;} | |
74 | ||
75 | blockquote p {display:block!important;} | |
76 | ||
77 | blockquote img {max-width:220px!important;} | |
78 | ||
79 | /* content */ | |
80 | #content {left:50%; margin-left:-150px; position:absolute; width:400px; margin-top: 100px; margin-bottom: 25px;} | |
81 | ||
82 | /* sidebar */ | |
83 | #sidebar {margin-left: -290px; overflow: hidden; top: 1px; line-height:15px; width: 150px; position: fixed; margin-bottom: 15px; text-align: center; margin-top:100px;} | |
84 | #sidebar h1 a {color: {color:text}; text-decoration: none;} | |
85 | #sidebar h1 a:hover {color: {color:text}; text-decoration: none;} | |
86 | ||
87 | #sidebar img {width:150px;} | |
88 | ||
89 | #description {width:130px; padding-left:10px; padding-right:10px; text-align:justify;} | |
90 | ||
91 | #links {padding:10px;} | |
92 | #links a {margin-right:3px;} | |
93 | ||
94 | /* pagination */ | |
95 | #pagination {width: 125px; border-top:1px solid #eee; padding: 3px; font-size: 9px; line-height: 21px; text-shadow: 0 1px 1px #fff; text-align: center; margin-top: 10px; letter-spacing:1px; text-transform: lowercase; font-style: italic; font-family: times;} | |
96 | ||
97 | /* posts */ | |
98 | .post {line-height: 18px; clear: both;} | |
99 | .post h3 {font-size: 1em;} | |
100 | .caption blockquote {padding-left: 20px;} | |
101 | ||
102 | /*audio*/ | |
103 | ||
104 | #art {margin-bottom:10px; | |
105 | } | |
106 | #art img {height:200px; | |
107 | width:200px; | |
108 | display:block;} | |
109 | .tumblr_audio_player { | |
110 | border: none; | |
111 | padding: 0px; | |
112 | margin: 0px; | |
113 | height:40px; | |
114 | width:315px; | |
115 | } | |
116 | .playerback {position:absolute; | |
117 | opacity:.2; | |
118 | margin:10px; | |
119 | height:180px; | |
120 | width:180px; | |
121 | background:white; | |
122 | -webkit-transition:all 0.8s; | |
123 | -moz-transition:all 0.8s; | |
124 | -ms-transition:all 0.8s; | |
125 | -o-transition:all 0.8s; | |
126 | transition:all 0.8s;} | |
127 | .player { | |
128 | overflow:hidden; | |
129 | height:25px; | |
130 | width:25px; | |
131 | margin-left:60px; | |
132 | margin-top:65px; | |
133 | border-top:5px solid white; | |
134 | border-left:18px solid white; | |
135 | border-right:7px solid white; | |
136 | border-bottom:5px solid white; | |
137 | } | |
138 | ||
139 | #art:hover .playerback {opacity:.8; | |
140 | -webkit-transition:all 0.8s; | |
141 | -moz-transition:all 0.8s; | |
142 | -ms-transition:all 0.8s; | |
143 | -o-transition:all 0.8s; | |
144 | transition:all 0.8s;} | |
145 | ||
146 | .audio_info { | |
147 | font-size:12px; | |
148 | float:right; | |
149 | padding:45px 15px 15px 15px; | |
150 | border:1px solid {color:audiob}; | |
151 | font-style:italic; | |
152 | height:139px; | |
153 | width:158px; | |
154 | } | |
155 | ||
156 | /* kinds of posts */ | |
157 | .post text {text-align: left;} | |
158 | ||
159 | .post photo {margin-bottom: 5px; text-align: center;} | |
160 | .post photo img {border: 0;} | |
161 | ||
162 | .post quote {text-align: left;} | |
163 | .post quote .source {font-size: 12px;} | |
164 | ||
165 | .answer {text-align: justify; line-height: 15px;} | |
166 | .question {margin-bottom: 0px; line-height: 15px;} | |
167 | ||
168 | .post link {text-align: left;} | |
169 | ||
170 | .post audio {text-align: left; } | |
171 | .post video {text-align: left;} | |
172 | ||
173 | .post chat {text-align: left;} | |
174 | .post chat li {list-style-type: none;} | |
175 | ||
176 | /* metadata */ | |
177 | #info {margin-top: 6px; font-size: 10px; text-transform:none; margin-bottom: 60px; line-height:150%;} | |
178 | ||
179 | ol.notes {display:block; text-align:left; margin-bottom:30px;} | |
180 | ol.notes li.note{padding:1%;} | |
181 | ||
182 | .pagenotes {text-align:left;} | |
183 | ||
184 | .tags {} | |
185 | .tags a {margin-right:5px;} | |
186 | .tags a:hover {margin-right:5px;text-decoration:underline;} | |
187 | ||
188 | /*custom css */ | |
189 | .caption{padding-top:13px;padding-left:10px;padding-bottom:5px;margin-top:5px;text-align:left;font-size:10px;font-style:italic;padding-right:10px;} | |
190 | ||
191 | .post img{width:400px;} | |
192 | ||
193 | /*credit*/ | |
194 | #credit {position:fixed; right:5px; bottom:5px; text-shadow:2px 1px #eee; text-transform:uppercase; font:8px 'times'; letter-spacing:1px; padding:5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;} | |
195 | ||
196 | {CustomCSS} | |
197 | ||
198 | </style></head> | |
199 | <body> | |
200 | ||
201 | <div id="content"> | |
202 | ||
203 | <div id="sidebar"> | |
204 | ||
205 | <img src="{image:Sidebar}" /> | |
206 | ||
207 | <div id="links"> | |
208 | {block:iflink1}<a href="{text:link 1 url}" title="{text:link 1}">∎</a>{/block:iflink1} | |
209 | {block:iflink2} <a href="{text:link 2 url}" title="{text:link 2}">∎</a>{/block:iflink2} | |
210 | {block:iflink3} <a href="{text:link 3 url}" title="{text:link 3}">∎</a>{/block:iflink3} | |
211 | {block:iflink4} <a href="{text:link 4 url}" title="{text:link 4}">∎</a>{/block:iflink4} | |
212 | ||
213 | </div> | |
214 | ||
215 | <div id="description">{description} | |
216 | ||
217 | <div id="pagination"> | |
218 | {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">back</a> / {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">forth</a>{/block:NextPage}{/block:Pagination} | |
219 | </div> | |
220 | ||
221 | </div> | |
222 | ||
223 | </div> | |
224 | ||
225 | ||
226 | <div id="entries"> | |
227 | ||
228 | <ol id="posts"> | |
229 | ||
230 | {block:ContentSource} | |
231 | <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}” | |
232 | width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” /> | |
233 | {/block:SourceLogo} | |
234 | {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> | |
235 | {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent} | |
236 | ||
237 | {block:Posts} | |
238 | {block:Text} | |
239 | <li class="post text"> | |
240 | {block:Title} | |
241 | <h3><a href="{Permalink}">{Title}</a></h3> | |
242 | {/block:Title}{Body} | |
243 | </li> | |
244 | {/block:Text} | |
245 | ||
246 | {block:Photo} | |
247 | <li class="post photo"> | |
248 | <img src="{PhotoURL-400}" alt="{PhotoAlt}"/> | |
249 | ||
250 | {block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption} | |
251 | </li> | |
252 | {/block:Photo} | |
253 | ||
254 | {block:Photoset} | |
255 | <li class="post photoset"> | |
256 | {Photoset-400}{block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption} | |
257 | </li> | |
258 | {/block:Photoset} | |
259 | ||
260 | {block:Quote} | |
261 | <li class="post quote"> | |
262 | <big><i>❝ {Quote}</i></big> | |
263 | {block:Source} | |
264 | <div class="source">— {Source}</div> | |
265 | {/block:Source} | |
266 | </li> | |
267 | {/block:Quote} | |
268 | ||
269 | {block:Link} | |
270 | <li class="post link"> | |
271 | <a href="{URL}" {Target}>{Name}</a> | |
272 | ||
273 | {block:Description} | |
274 | <div class="description">{Description}</div> | |
275 | {/block:Description} | |
276 | </li> | |
277 | {/block:Link} | |
278 | ||
279 | {block:Chat} | |
280 | <li class="post chat"> | |
281 | {block:Title} | |
282 | <h3><a href="{Permalink}">{Title}</a></h3> | |
283 | {/block:Title} | |
284 | ||
285 | <ul class="chat"> | |
286 | {block:Lines} | |
287 | <li class="{Alt} user_{UserNumber}"> | |
288 | {block:Label} | |
289 | <span class="label">{Label}</span> | |
290 | {/block:Label}{Line} | |
291 | </li> | |
292 | {/block:Lines} | |
293 | </ul> | |
294 | </li> | |
295 | {/block:Chat} | |
296 | ||
297 | {block:Answer} | |
298 | <div style="color:{color:text};"> | |
299 | <b><big>{Asker}</big></b> said: <div class="question"><b>{Question}</b></div> | |
300 | </div><br> | |
301 | <div class="answer"><i>{Answer}</i></div> | |
302 | {/block:Answer} | |
303 | ||
304 | {block:Video} | |
305 | <li class="post video"> | |
306 | {Video-400}{block:ifCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifCaption}</div> | |
307 | {/block:Caption} | |
308 | </li> | |
309 | {/block:Video} | |
310 | ||
311 | {block:Audio} | |
312 | ||
313 | <div class="audio_info">{block:TrackName}<b>{TrackName}</b>{/block:TrackName}<br><div style="font-size:8px;text-transform:uppercase;letter-spacing:2px;line-height:16px;font-style:normal;padding-top:25px">{block:Artist}{Artist}{/block:Artist}<br>{block:album}{album}{/block:album}<br>{playcountwithlabel}</div></div> | |
314 | {block:AlbumArt} | |
315 | <div id="art"> | |
316 | {block:AudioPlayer} | |
317 | <div class="playerback"><div class="player">{AudioPlayerwhite}</div></div> | |
318 | {/block:AudioPlayer} | |
319 | <img src="{AlbumArtURL}"></div> | |
320 | {/block:AlbumArt} | |
321 | ||
322 | ||
323 | {/block:Audio} | |
324 | ||
325 | <div id="info"> | |
326 | <b>{DayOfWeekNumber}.{MonthNumber}.{DayOfMonthWithZero}</a></b> / <a href="{Permalink}"> {NoteCount}</a> | |
327 | {block:permalinkpage}{block:ifnotCaption}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifnotCaption}{block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> / {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}" style="color:{color:text}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}<br/>{block:HasTags}<div class="tags">↳ {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags} | |
328 | </div> | |
329 | ||
330 | {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes} | |
331 | {/block:Posts} | |
332 | </ol> | |
333 | ||
334 | <div id="credit"> | |
335 | <a href="http://almodovar.tumblr.com/"> | |
336 | dv | |
337 | </a> | |
338 | ||
339 | </body></html> |