Don't like ads? PRO users don't see any ads ;-)
Guest

Theme 16

By: drunkpedro on Feb 16th, 2012  |  syntax: None  |  size: 17.15 KB  |  hits: 7,547  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <meta http-equiv="x-dns-prefetch-control" content="off"/><meta name="robots" content="noindex"/><meta http-equiv="x-dns-prefetch-control" content="off"/><script type="text/javascript">
  5. var rev = "fwd";function titlebar(val)
  6. {var msg = "{title}";
  7. var res = " ";
  8. var speed = 120;var pos = val;msg = "{title}";var le = msg.length;if(rev == "fwd"){if(pos < le){pos = pos+1;scroll = msg.substr(0,pos);document.title = scroll;timer = window.setTimeout("titlebar("+pos+")",speed);}
  9. else{rev = "bwd";
  10. timer = window.setTimeout("titlebar("+pos+")",speed);}}
  11. else{
  12. if(pos > 0){
  13. pos = pos-1;var ale = le-pos;scrol = msg.substr(ale,le);document.title = scrol;timer = window.setTimeout("titlebar("+pos+")",speed);}
  14. else{rev = "fwd";timer = window.setTimeout("titlebar("+pos+")",speed);}}}
  15. titlebar(0);
  16. </script>
  17.  
  18.  
  19. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  20.  
  21. <html>
  22.  
  23. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  24.  
  25. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  26.  
  27.  <!-------------- THEME 16 DESESPERANCOSO | TUMBLR Não copie ou retire os créditos! ------------>
  28.  
  29. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30.  
  31. <head>
  32.  
  33. <!-- DEFAULT VARIABLES -->
  34. <meta name="color:background" content="#f8f8f8" />
  35. <meta name="color:link" content="#000000" />
  36. <meta name="color:linkhover" content="#696969" />
  37. <meta name="color:text" content="#000000" />
  38. <meta name="color:post" content="#ffffff" />
  39. <meta name="color:sidebar" content="#ffffff" />
  40. <meta name="color:scroll" content="#000000" />
  41. <meta name="color:sidlinks" content="#222222" />
  42. <meta name="color:sidlinks txt" content="#f0f0f0" />
  43. <meta name="color:sidlinks hover" content="#ffffff" />
  44. <meta name="color:sidlinks txt hover" content="#242424" />
  45. <meta name="color:scrollbackground" content="#ebebeb" />
  46. <meta name="color:border" content="#949494" />
  47.  
  48. <meta name="if:Show tags" content="1"/>
  49. <meta name="if:Enable endless scrolling" content="0"/>
  50.  
  51. <meta name="image:background" content="" />
  52. <meta name="image:sidebar" content="" />
  53. <meta name="image:sidebar 2" content="" />
  54. <meta name="image:sidebar 3" content="" />
  55. <meta name="image:sidebar 4" content="" />
  56. <meta name="image:sidebar 5" content="" />
  57. <meta name="image:sidebar 6" content="" />
  58.  
  59. <meta name="text:subtitle" content="Titulo aqui. " />
  60. <meta name="text:title" content="Titulo aqui. " />
  61. <meta name="text:Link1" content="/" />
  62. <meta name="text:Link1 Title" content="link" />
  63. <meta name="text:Link2" content="/" />
  64. <meta name="text:Link2 Title" content="link" />
  65. <meta name="text:Link3" content="/" />
  66. <meta name="text:Link3 Title" content="link" />
  67. <meta name="text:Link4" content="/" />
  68. <meta name="text:Link4 Title" content="link" />
  69. <meta name="text:Link5" content="/" />
  70. <meta name="text:Link5 Title" content="link" />
  71. <meta name="text:Link6" content="/" />
  72. <meta name="text:Link6 Title" content="link" />
  73. <meta name="text:Link7" content="/" />
  74. <meta name="text:Link7 Title" content="link" />
  75. <meta name="text:Link7" content="/" />
  76. <meta name="text:Link7 Title" content="link" />
  77. <meta name="text:Link8" content="/" />
  78. <meta name="text:Link8 Title" content="link" />
  79. <meta name="text:Link9" content="/" />
  80. <meta name="text:Link9 Title" content="link" />
  81. <meta name="text:Link10" content="/" />
  82. <meta name="text:Link10 Title" content="link" />
  83.  
  84.  
  85.                       <title>{Title}</title>
  86.         <link rel="shortcut icon" href="{Favicon}">
  87.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  88.         {block:Description}
  89.   <meta name="description" content="{MetaDescription}" />
  90.         {/block:Description}
  91.  
  92.     <style type="text/css">
  93.  
  94.  
  95. body {background-color: {color:background}; font-family: verdana; color: {color:text}; text-align: center; font-size: 11px; background-image:url('{image:background}'); background-attachment: fixed; }
  96.  
  97. a {color: {color:link}; text-decoration: none; }
  98. a:hover {color: {color:linkhover}; background-color: transparent; text-decoration: none;}
  99.  
  100. p {margin: 6px 0 0 0}
  101.  
  102. blockquote{border-left: 3px solid {color:text}; margin:5px 5px 2px 2px; padding-left:2px; border-bottom:0px;}
  103.  
  104. #tudo {text-align: center; width: 935px; margin: 20px auto 20px auto; padding: 0px; z-index: 1}
  105.  
  106. #entries{ background-color: transparent; text-align: center; float: left; margin-left:78px; margin-top:0px;}
  107. .post {width: 500px; background-color: {color:post}; padding: 10px; margin-bottom: 1px; text-align: justify; font-family: {font:text}; font-size: 11px;  color:{color:text}; margin-left: 355px; }
  108.  
  109. .tags{font-size: 9px; color:{color:link}; font-family: verdana;  background-color: {color:post}; -webkit-transition: all .2s linear; -moz-transition:  all .2s linear; transition:  all 0.2s linear;}
  110. .tags a:hover {background-color: {color:post}; color:{linkhover}; }
  111.  
  112. h1 {font-family: georgia; text-align: center; font-size: 18px;  color: {color:text}; font-weight: normal; line-height: 22px; text-transform: uppercase;}
  113. h1 a {text-align: center; font-size: 18px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 20px;}
  114. h1 a:hover {text-align: center; font-size: 18px;   color: {color:text}; font-weight: normal; line-height: 20px; text-transform: uppercase;}
  115.  
  116. .image {text-align: center; border: 0px; }
  117. .image img {max-width: 500px; margin-bottom: 3px }
  118. .markqt {font-size: 80px; font-family: verdana; color:{color:text}; line-height: 90px; margin-left: 0px; opacity: 0.2; filter:alpha (opacity=100); }
  119. .qt {font-family: georgia; font-size: 19px; line-height: 23px;  margin-top: -83px; margin-left: 5px; padding: 10px; font-style:italic;}
  120. .qsr{margin: -10px 70px 0 0; text-align: right; text-transform: none;}
  121. .qsr a, a:hover{text-transform: none;}
  122.  
  123. .chat {line-height: 12px; list-style: none }
  124. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  125. .person1 {background-color:{color:background}; color: {color:text}; }
  126. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  127. .person2 {color: {color:text}; }
  128. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  129.  
  130. .audio{background-color:black; display:block;}
  131. .source{display:none}
  132.  
  133. .asker {font-family:georgia; font-size:10px; font-style:italic;}
  134. .asker a {font-family:georgia; font-size:10px; font-style:italic;}
  135.  
  136. #questions {color: {color:text}; padding:5px; margin-bottom:0px; font-family:verdana; font-size:10px; font-style:italic; padding-bottom:0px;}
  137. #questions a {color:{color:link}; font-size:10px;}
  138.  
  139. .answers {font-size:11px; font-family:verdana;}
  140. .answers a {font-size:9px; font-family:verdana;}
  141.  
  142. #cap {width: 500px; margin-top: -2px;}
  143.  
  144. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  145. .dda a {font-size: 9px;}
  146.  
  147.  
  148. .notes {width: 520px; padding: 0px; margin-top: 3px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:355px;}
  149. ol.notes {list-style: none;  margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:355px; margin-bottom:1px;}
  150. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  151. .notes img{display: none; border:0px}
  152.  
  153. #tumblr_controls{position: fixed!important}
  154.  
  155. ::-webkit-scrollbar{width:4px;height:5px;}
  156. ::-webkit-scrollbar-button:start:decrement
  157. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  158. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  159. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  160. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  161.  
  162. #tumblr_controls{position: fixed!important}
  163. #tumblr_controls{position: fixed!important}
  164. #tumblr_controls{position: fixed!important}
  165. #tumblr_controls{position: fixed!important}
  166.  
  167. #sidebar {position: fixed; margin: 0px 0px 0px -33px; }
  168.  
  169. #sidebarimage{margin-left: 8px; margin-top: 30px; width: auto; float: center; background-color: {color:sidebar}; padding: 0px; position: fixed; height: auto;}
  170.  
  171. .sidebarimg {height: 299px; text-align: left; margin: 5px; border: 1px solid {color:border}; padding: 3px; background-color: {color:background};  -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear;}
  172.  
  173. .sidebarimg img{max-width: 225px; height: 299px; display: block; overflow: auto; margin-bottom: 3px;}
  174.  
  175. #mpic {position: fixed; float: left; margin-top: 266px; margin-left: 384px;}.mpic img{border: 6px solid {color:sidebar}; height: 69px;}
  176. .mpic img:hover {border: 6px solid {color:picborder hover}; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
  177.  
  178. #ssidebarimage{margin-left: 252px; margin-top: 266px; width: 121px; float: left; background-color: {color:post}; padding: 5px; position: fixed; height: 71px;}
  179. .sdbarimg {padding: 3px; background-color: {color:description};  border: 1px solid {color:border}; width:  px; height: 62px;}
  180. .sdbarimg img{max-width: auto; height: 62px; display: inline; margin-right: 3px;}
  181.  
  182. #titled {margin-left:  8px; margin-top: 0px; width: 457px; font-size: 18px; height: 15px; text-align: center; background-color: {color:sidebar}; font-family: trebuchet; line-height: 17px;  color: {color:link}; position: fixed;  padding: 5px 0 9px 0; text-transform:uppercase;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out; }
  183.  
  184. #titled:hover {opacity:0.4; }
  185.  
  186. #subtitled {margin-left:  252px; margin-top: 266px; width: 203px; font-size: 15px; height: 71px; text-align: center; background-color: {color:sidebar}; font-family: georgia; line-height: 100%;  color: {color:link}; position: fixed;  padding: 5px; -webkit-border-radius: 0px 0px 0px 0px;font-style: italic; z-index:100; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  187.  
  188. #subtitled:hover {opacity: 0; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease-out;}
  189.  
  190. .pagination {font-family: georgia; position: relative; margin-left: 82px; margin-top: -8px; font-size: 23px; z-index: 0; }
  191. .pagination a {color: {color:link}; margin-right: 2px; background-color: transparent;}
  192. .pagination a:hover {color:{color:text}}
  193.  
  194. #sidlinks {width: 230px; float: left; margin-left:16px; margin-top: 39px; padding: 0px; text-align: center; position: fixed;  -moz-transition: opacity .7s ease-in-out; -o-transition: opacity .7s ease-in-out; transition: opacity .7s ease-in-out; -webkit-transition: opacity .7s ease-in-out; opacity: 0;  }
  195.  
  196. #sidlinks a {float: left; margin-left: 1px; display: block; letter-spacing: -1px; font-family: verdana; font-size: 9px; text-align: center; margin-bottom: 1px; width: 112px; background-color: {color:sidlinks}; color:{color:sidlinks txt}; text-decoration: none; text-transform: uppercase; line-height: 59px; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out;}
  197.  
  198. #sidlinks  a:hover{text-align: center; background-color: {color:sidlinks hover}; color:{color:sidlinks txt hover}; letter-spacing: 4px;}
  199.  
  200. #sidlinks:hover{opacity: 0.8;}
  201.  
  202. #sidebardescription{ margin-left: 252px; margin-top: 30px; width: 213px; float: left; background-color: {color:sidebar}; position: fixed; height: 235px; padding-bottom:0px;}
  203. .sidebardescr{margin: 5px; padding: 5px; text-align: justify; font-size: 9px; font-family: verdana; padding: 3px; color: {color:text}; overflow: auto; height: 216px; border: 1px solid {color:border}; background-color:{color:background}; }
  204. .sidebardescr a{font-size: 9px; verdana;}
  205.  
  206. #credit {float: left; height: 12px; margin-top: 348px; margin-left: 40px; width: 380px; background-color: {color:sidebar}; color: {color:text}; padding: 5px; font-size: 9px; font-family: Verdana, Geneva, Tahoma, sans-serif; text-align: center; -webkit-border-bottom-right-radius:20px;-webkit-border-bottom-left-radius:20px;  }
  207.  
  208. .credito{margin-top:-17px; margin-left:15px;}
  209.  
  210. #credit a{font-size: 9px; color:{color:link};}
  211. #credit a:hover{color:{color:linkhover};}
  212.  
  213. .pages{width: 110px; margin: 334px 0 0 310px; text-align: center; font-size: 25px; line-height:45px; position:fixed; font-family:georgia;}
  214. .pages a{text-decoration: none;color:{color:sidebartext}; font-family:georgia;}
  215. .pages a:hover{color:{color:linkbackground}}
  216. .pprev{width: 53px;  float: left; margin-left:-260px;}
  217. .pnext{width: 53px; float: right; }
  218.  
  219.  
  220. </style>
  221.  
  222. <body>
  223. <div id="tudo">
  224. <div id="sidebar">
  225.  
  226. <div id="sidebardescription">
  227. <div class="sidebardescr">{Description}</div></div>
  228.  
  229. <div class="pages">{block:Pagination}
  230.   <span class="pprev">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</span>
  231.   <span class="pnext"> {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</span>
  232.                     {/block:Pagination}</div>
  233.  
  234. <div id="credit">theme by <a href="http://desesperancoso.tumblr.com"><b>desesperançoso</b></a> with details from <a href="http://lmthemes.tumblr.com"><b>lmthemes</b></a>. </div>
  235.  
  236.  
  237. <div id="titled">{text:title}</div>
  238. <div id="subtitled">{text:subtitle}</div>
  239.  
  240. <div id="sidebarimage">
  241. <div class="sidebarimg">
  242. <img src="{image:sidebar}"/></div></div>
  243.  
  244. <div id="mpic"><div class="mpic"><img src="{PortraitURL-96}"></div></div>
  245. <div id="ssidebarimage">
  246. <div class="sdbarimg"><marquee direction="right" scrollamount="2" height="auto" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  247. <img src="{image:sidebar 2}"/><img src="{image:sidebar 3}"/><img src="{image:sidebar 4}"/><img src="{image:sidebar 5}"/><img src="{image:sidebar 6}"/></marquee></div>
  248. </div>
  249.  
  250. <div id="sidlinks">
  251.  
  252. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  253. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  254. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  255. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}
  256. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}
  257. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  258. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  259. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  260. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  261. {block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a>{/block:ifLink10}
  262. </div>
  263. </div>
  264. <div id="entries">  {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  265.  
  266.  {block:Posts}<div class="post">
  267. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  268. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  269. {block:Photoset}{Photoset-500}{/block:Photoset}
  270. {block:Quote}<b class="markqt">“</b><div class="qt">{Quote}</div>{block:Source}<div class="qsr"> — {Source}</div>{/block:Source}{/block:Quote}
  271. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  272. {block:Chat}{block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}<div class="chat"><ul>{block:Lines}<li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{/block:Chat}
  273. {block:Audio}<br><div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  274. {block:Video}{Video-500}{/block:Video}
  275.  
  276.  
  277. {block:Answer}<div id="questions"><div class="asker"><b>{Asker} murmurou:</b></div> {Question}</div><div class="answers">
  278. {Answer}</div>{/block:answer}
  279. <div id="cap">{block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}{block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}{block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  280. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}      <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />        {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>{/block:ContentSource}</div></div><br><div class="tags">{block:IfShowTags}{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;{/block:Tags}{/block:HasTags}{/block:IfShowTags}</div>
  281. <div id="dda">
  282.  
  283. <div style="float:left;" class="tags">{block:Date} <a href="{Permalink}">{TimeAgo}</a> {/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:IndexPage} · <a href="{ReblogUrl}" target="_blank">fucking reblog</a>{/block:IndexPage}<br>{block:RebloggedFrom} originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a></span>{/block:RebloggedFrom} {block:RebloggedFrom} · via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</div></ br><br clear="all" /></div></div>
  284.  
  285.  {/block:Posts}{block:PostNotes}<div id="notes"><div id="ntstext">{PostNotes}</div></div>{/block:PostNotes}
  286. </div></div></div>
  287.  
  288. </div>
  289. </body>
  290.  
  291. </html>