Advertisement
de-pres-si-vo

theme 33

Jul 3rd, 2012
4,220
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.16 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.  
  5. <!--— ALL THEME BY intercalado, DONT COPY ANYTHING, PLEASE! -->
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <!-- VALORES DEFAULT -->
  8.  
  9. <meta name="font:text" content="geneva" />
  10. <meta name="color:bg" content="#eeeeee" />
  11. <meta name="color:posttxt" content="#000000" />
  12. <meta name="color:post" content="#ffffff" />
  13. <meta name="color:sidebg" content="#ffffff" />
  14. <meta name="color:sidetxt" content="#000000" />
  15. <meta name="color:link1" content="#141414" />
  16. <meta name="color:link2" content="#141414" />
  17. <meta name="color:link3" content="#141414" />
  18. <meta name="color:link4" content="#141414" />
  19. <meta name="color:link5" content="#141414" />
  20. <meta name="color:link6" content="#141414" />
  21. <meta name="color:link7" content="#141414" />
  22. <meta name="color:link8" content="#141414" />
  23. <meta name="color:linkstxt" content="#ffffff" />
  24. <meta name="color:links" content="#000000" />
  25. <meta name="color:links2" content="#ffffff" />
  26. <meta name="color:scrollbar" content="#ffffff" />
  27. <meta name="color:scrollbarbg" content="#000000" />
  28. <meta name="image:bg" content="" />
  29. <meta name="image:sidebar" content="http://static.tumblr.com/eo5oqsr/JQGm6k2hi/handsome-omg-cutie-amplt3-one-direction-zayn-malik-zyan-malik-favim.com-268826_1_.jpg" />
  30. <meta name="if:Mostrar tags" content="1"/>
  31. <meta name="text:frase" content="frase" />
  32. <meta name="text:Link1" content="/" />
  33. <meta name="text:Link1 Title" content="refresh" />
  34. <meta name="text:Link2" content="/ask" />
  35. <meta name="text:Link2 Title" content="ask me" />
  36. <meta name="text:Link3" content="/submit" />
  37. <meta name="text:Link3 Title" content="submit a post" />
  38. <meta name="text:Link4" content="" />
  39. <meta name="text:Link4 Title" content="" />
  40. <meta name="text:Link5" content="" />
  41. <meta name="text:Link5 Title" content="" />
  42. <meta name="text:Link6" content="" />
  43. <meta name="text:Link6 Title" content="" />
  44. <meta name="text:Link7" content="" />
  45. <meta name="text:Link7 Title" content="" />
  46. <meta name="text:Link8" content="" />
  47. <meta name="text:Link8 Title" content="" />
  48.  
  49. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  50.  
  51. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  52.  
  53. <script type="text/javascript" charset="utf-8">
  54.  
  55. var $j = jQuery.noConflict();
  56.  
  57. $j(function() {
  58.  
  59. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  60.  
  61. $j("img").lazyload({
  62.  
  63. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  64.  
  65. effect: "fadeIn",
  66.  
  67. });
  68.  
  69. });
  70.  
  71. </script>
  72.  
  73. <title>{Title}</title>
  74.  
  75. <style type="text/css">
  76.  
  77. body {background-color:{color:bg}; font-family: {font:text}; color: {color:posttxt}; background-image:url('{image:bg}'); font-size: 12px; background-position:bottom left; background-attachment:fixed; background-repeat:repeat;}
  78.  
  79. a {color:{color:posttxt}; text-decoration:none; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  80.  
  81. a:hover {opacity:0.5;}
  82.  
  83. ::-webkit-scrollbar-thumb:vertical {background-color: {color:scrollbar}; height: 50px;}
  84.  
  85. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:scrollbar}; height: 10px;}
  86.  
  87. ::-webkit-scrollbar {height: 5px; width: 5px; background-color: {color:scrollbarbg}; }
  88.  
  89. blockquote {margin: 5px 5px 5px 5px; border-left: 4px solid {color:bg}; padding-left: 5px; }
  90.  
  91. blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg};}
  92.  
  93. blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  94.  
  95. blockquote blockquote blockquote blockquote {margin: 0px 5px 0px 5px; border-left: 4px solid {color:bg}; }
  96.  
  97.  
  98.  
  99. blockquote img{max-width: 370px!important}
  100.  
  101. blockquote blockquote img{max-width: 350px!important}
  102.  
  103. blockquote blockquote blockquote img{max-width: 330px!important}
  104.  
  105. blockquote blockquote blockquote blockquote img{max-width: 310px!important}
  106.  
  107. #content {}
  108.  
  109. @font-face {font-family: 'Homenaje'; font-style: normal; font-weight: 400; src: local('Homenaje'), local('Homenaje-Regular'), url('http://themes.googleusercontent.com/static/fonts/homenaje/v1/jYyetuCOSxcVAexXms8sf_esZW2xOQ-xsNqO47m55DA.woff') format('woff');
  110. }
  111.  
  112. #posts {margin-left: 450px; margin-top:20px; width:520px; border-top:0px solid transparent; }
  113.  
  114. .post {width: 500px; padding: 10px; text-align: justify; font-family: {font:text}; font-size: 11px; position: relative; opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; border-bottom:2px solid {color:posttxt}; color:{color:posttxt}; z-index:100; background-color:{color:post}; position:relative;}
  115.  
  116. .post img {opacity:1; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; max-width:500px;}
  117.  
  118. .title {font-family:Homenaje; text-transform:uppercase;}
  119.  
  120. .chat {line-height: 12px; list-style: none; }
  121.  
  122. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  123.  
  124. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  125.  
  126. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px;}
  127.  
  128. .smbluc {position:absolute; left:-42px; top:-15px; color:{color:posttxt}; font-size:80px; font-family:arial;}
  129.  
  130. .quote {font-size:16px; text-align:justify; font-family:georgia; width:463px; position:relative; left:37px;}
  131.  
  132. .quote small {font-size:14px;}
  133.  
  134. .sourcequote {text-align:right;}
  135.  
  136. .title {font-size:16px; text-align:center; font-weight:bold;}
  137.  
  138. .person1, .person2 {border:1px solid {color:bg}; padding:10px;}
  139.  
  140. .date {font-size:9px; left:520px; width:0px; opacity:0; position:absolute; background-color:{color:post}; color:{color:posttxt}; top:0px; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; color:{color:posttxt}; border-left:0px solid transparent; text-align:left; border-left:0px solid transparent; font-family:Homenaje; border-left:1px solid {color:bg}; padding:5px; z-index:9;}
  141.  
  142. .date a {text-transform:uppercase;}
  143.  
  144. .post:hover .date {width:100px; opacity:1;}
  145.  
  146. .date a {color:{color:posttxt}; opacity:0.7;}
  147.  
  148. .date:hover a:hover {opacity:0.7;}
  149.  
  150. .notecount {font-family:verdana;}
  151.  
  152. .tags {margin-left:-2px;}
  153.  
  154. .tags a {padding:2px; margin-top:2px; margin-left:2px; background-color:{color:posttxt}; color:{color:post}; display:block; float:left;}
  155.  
  156. #notess {margin-left: 0px; width:500px;font-size:8px; text-transform:none; font-family:{font:text}; margin-top:-9px; z-index:9999;}
  157.  
  158. #notess a {color:{color:posttxt};}
  159.  
  160. ol.notes {list-style: none; margin-bottom:1px; padding: 0px; border-top:1px solid {color:bg};}
  161.  
  162. ol.notes li {background-color:{color:post}; border-bottom: 1px solid {color:bg}; padding: 5px; font-size:10px;}
  163.  
  164. ol.notes img {display:none}
  165.  
  166. #ng {padding:10px; opacity:1; text-align:justify; color:{color:bg}; background-color:{color:posttxt}; border-radius:5px; font-size:12px;}
  167.  
  168. .ng2 {width:10px; height:10px; -webkit-transform:rotate(45deg); background-color:{color:posttxt}; color:{post}; position:absolute; bottom:-5px; left:50px;}
  169.  
  170. .ngs {color:{color:posttxt}; font-size:30px; position:relative; top:-18px; left:8px; opacity:1; height:4px; z-index:1;}
  171.  
  172. #cap {position:relative;}
  173.  
  174. .source {display: none; position:absolute;}
  175.  
  176. #sidebar {position:fixed; left:205px; top:20px; background-color:{color:sidebg}; color:{color:sidetxt}; width:252px; border-bottom:1px solid {color:sidetxt};}
  177.  
  178. #sidebar:hover .menuetal {opacity:0.8; height:220px;}
  179.  
  180. #sidebar a {color:{color:linksside};}
  181.  
  182. #sidebar img {opacity:1;}
  183.  
  184. #sidebar img:hover {opacity:0.8;}
  185.  
  186. .pag {position:absolute; bottom:100px; left:-28px; padding:5px; background-color:{color:sidebg}; color:{color:sidetxt}; text-align:center; width:17px;}
  187.  
  188. .pag a {color:{color:sidetxt}; font-size:25px; display:block}
  189.  
  190. .frase {margin:3px; margin-bottom:0px; text-transform:uppercase;}
  191.  
  192. .frase a {font-size:18px; font-family:Homenaje;}
  193.  
  194. #sideimg {border-bottom:1px solid {color:bg}; }
  195.  
  196. #sideimg img {max-width:246px;}
  197.  
  198. .credit {position:absolute; bottom:-22px; font-family:Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; right:0px; font-size:11px; text-align:center; background-color:{color:sidebg}; padding:3px;}
  199.  
  200. .menuetal {position:absolute; top:0px; width:252px; left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; opacity:0; z-index:9999; height:0px;}
  201.  
  202. .menuetal a {padding:5px; font-size:12px; font-family:Homenaje; display:block; text-transform:uppercase; border-bottom:1px solid {color:sidetxt};}
  203.  
  204. .link1 {background-color:{color:link1}; color:{color:linkstxt};}
  205.  
  206. .link2 {background-color:{color:link2}; color:{color:linkstxt};}
  207.  
  208. .link3 {background-color:{color:link3}; color:{color:linkstxt};}
  209.  
  210. .link4 {background-color:{color:link4}; color:{color:linkstxt};}
  211.  
  212. .link5 {background-color:{color:link5}; color:{color:linkstxt};}
  213.  
  214. .link6 {background-color:{color:link6}; color:{color:linkstxt};}
  215.  
  216. .link7 {background-color:{color:link7}; color:{color:linkstxt};}
  217.  
  218. .link8 {background-color:{color:link8}; color:{color:linkstxt};}
  219.  
  220. .link1:hover, .link2:hover, .link3:hover, .link4:hover, .link5:hover, .link6:hover, .link7:hover, .link8:hover {background-color:{color:links2}; color:{color:links}; opacity:1;}
  221.  
  222. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out; z-index:99; z-index:19;}
  223.  
  224.  
  225.  
  226. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  227. </style>
  228.  
  229. <link rel="shortcut icon" href="{Favicon}">
  230. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  231. {block:Description}
  232. <meta name="description" content="{MetaDescription}" />
  233. {/block:Description}
  234. </head>
  235.  
  236. <body>
  237. <div id="content">
  238. <div id="sidebar">
  239. <div class="pag">
  240. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  241. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  242. </div>
  243. <div class="credit"><a href="http://intercalado.tumblr.com/" target="_blank">theme ©</a>, <a href="http://nee-d.tumblr.com/">dtls</a>.</div>
  244. <center>
  245. <div id="sideimg">
  246. <img src="{image:sidebar}" style="border:3px solid {color:sidebg}; border-bottom:0px solid {color:sidebg};"/>
  247. <div class="menuetal">
  248. {block:ifLink1}<a href="{text:Link1}" class="link1">{text:Link1 Title}</a>{/block:ifLink1}
  249. {block:ifLink2}<a href="{text:Link2}" class="link2">{text:Link2 Title}</a>{/block:ifLink2}
  250. {block:ifLink3}<a href="{text:Link3}" class="link3">{text:Link3 Title}</a>{/block:ifLink3}
  251. {block:ifLink4}<a href="{text:Link4}" class="link4">{text:Link4 Title}</a>{/block:ifLink4}
  252. {block:ifLink5}<a href="{text:Link5}" class="link5">{text:Link5 Title}</a>{/block:ifLink5}
  253. {block:ifLink6}<a href="{text:Link6}" class="link6">{text:Link6 Title}</a>{/block:ifLink6}
  254. {block:ifLink7}<a href="{text:Link7}" class="link7">{text:Link7 Title}</a>{/block:ifLink7}
  255. {block:ifLink8}<a href="{text:Link8}" class="link8">{text:Link8 Title}</a>{/block:ifLink8}
  256. </div>
  257. </div>
  258. <div class="frase">
  259. <a href="#">{text:frase}</a>
  260. </div>
  261. <div style="font-size:10px; text-align:center; padding:3px;">{Description}</div>
  262. </div>
  263. <div id="posts">
  264. {block:Posts}
  265. <div class="post">
  266. {block:Text}{block:Title}<div class="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  267. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  268. {block:Photoset}{Photoset-500}{/block:Photoset}
  269. {block:Quote}
  270. <div class="quote"><div class="smbluc"><strong>“</strong></div>{Quote}"</div>
  271. {block:Source}<div class="sourcequote"> — {Source}</div>
  272. {/block:Source}
  273. {/block:Quote}
  274. {block:Link}
  275. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  276. {block:Description}{Description}{/block:Description}
  277. {/block:Link}
  278. {block:Chat}
  279. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  280. <div class="chat">{block:Lines}
  281. <div class="person{UserNumber}">{block:Label}
  282. <strong>{Label}</strong>{/block:Label} {Line}</div>{/block:Lines}</div>
  283. {/block:Chat}
  284. {block:Audio}
  285. <div class="player">{AudioPlayerBlack}</div>
  286. {block:Caption}{Caption}{/block:Caption}
  287. {/block:Audio}
  288. {block:Video}{Video-500}{/block:Video}
  289. {block:Answer}
  290. <div id="ng" style="z-index:9;">
  291. {Question}
  292. </div>
  293. <div class="ngs">
  294. </div>
  295. <table style="margin-left:5px; margin-top:10px;"><tr><td width="24"><a href="{AskerURL}" target="_blank"><img width="24" src="{AskerPortraitURL-24}" /></a></td><td><a href="{AskerURL}" target="_blank"><b>{Asker}</b></a></td></tr></table>
  296. <div class="answer">{Answer}</div>
  297. {/block:Answer}
  298. {block:Photo}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photo}
  299. {block:Video}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Video}
  300. {block:Photoset}<div id="cap">{block:Caption}{Caption}{/block:Caption}</div>{/block:Photoset}
  301. <div class="source">
  302. {block:ContentSource}<a href="{SourceURL}" target="_blank">Source</a>{/block:ContentSource}
  303. </div>
  304. {block:Date}
  305. <div class="date">
  306. <div style="width:100px;">
  307. <div><a href="{Permalink}">{TimeAgo}</a></div><div>{block:NoteCount}<a href="{Permalink}"><strong>{NoteCount}</strong> notes</a>{/block:NoteCount}</div>
  308. <div>{block:RebloggedFrom}<a href="{ReblogRootURL}" title="{ReblogRootTitle}">original</a> · <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}</div><div><a href="{ReblogUrl}" target="_blank"><strong>reblog</strong></a></div>
  309. {block:IfMostrartags}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}"><strong>#</strong>{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfMostrartags}
  310. </div>
  311. </div>
  312. {/block:Date}
  313. {block:PostNotes}<div id="notess" style="margin-top:4px;">{PostNotes}</div>{/block:PostNotes}
  314. </div>
  315. {/block:Posts}
  316. </div>
  317. </div>
  318. <div style="display:none">
  319.  
  320. </div>
  321. </body>
  322.  
  323. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement