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