Advertisement
faramir

Amores

Jan 20th, 2015
2,922
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.75 KB | None | 0 0
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement