View difference between Paste ID: rkVy6T6z and eiuS1xTQ
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>