API tools faq
paste
drunkpedro

Theme 02

drunkpedro
Feb 16th, 2012
12,785
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.05 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.  
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.  
  5. <!-------------- THEME 02 DESESPERANCOSO | TUMBLR Não copie ou retire os créditos. -------------->
  6.  
  7.  
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head> <!-- DEFAULT VARIABLES -->
  12. <link href='http://fonts.googleapis.com/css?family=Zeyada|Calligraffitti|Rochester' rel='stylesheet' type='text/css'>
  13.  
  14. <meta name="color:background" content="#f8f8f8" />
  15. <meta name="color:link" content="#000000" />
  16. <meta name="color:linkhover" content="#696969" />
  17. <meta name="color:text" content="#000000" />
  18. <meta name="color:post" content="#ffffff" />
  19. <meta name="color:sidebar" content="#ffffff" />
  20. <meta name="color:scroll" content="#000000" />
  21. <meta name="color:sidlinks" content="#222222" />
  22. <meta name="color:sidlinks txt" content="#f0f0f0" />
  23. <meta name="color:sidlinks hover" content="#ffffff" />
  24. <meta name="color:sidlinks txt hover" content="#242424" />
  25. <meta name="color:scrollbackground" content="#ebebeb" />
  26. <meta name="color:border" content="#949494" />
  27.  
  28. <meta name="if:Show tags" content="1"/>
  29. <meta name="if:Enable endless scrolling" content="0"/>
  30.  
  31. <meta name="image:background" content="" />
  32. <meta name="image:sidebar 1" content="" />
  33. <meta name="image:sidebar 2" content="" />
  34. <meta name="image:sidebar 3" content="" />
  35. <meta name="image:sidebar 4" content="" />
  36. <meta name="image:sidebar 5" content="" />
  37.  
  38. <meta name="text:subtitle" content="Titulo aqui. " />
  39. <meta name="text:title" content="Titulo aqui. " />
  40. <meta name="text:Link1" content="/" />
  41. <meta name="text:Link1 Title" content="link" />
  42. <meta name="text:Link2" content="/" />
  43. <meta name="text:Link2 Title" content="link" />
  44. <meta name="text:Link3" content="/" />
  45. <meta name="text:Link3 Title" content="link" />
  46. <meta name="text:Link4" content="/" />
  47. <meta name="text:Link4 Title" content="link" />
  48. <meta name="text:Link5" content="/" />
  49. <meta name="text:Link5 Title" content="link" />
  50. <meta name="text:Link6" content="/" />
  51. <meta name="text:Link6 Title" content="link" />
  52. <meta name="text:Link7" content="/" />
  53. <meta name="text:Link7 Title" content="link" />
  54. <meta name="text:Link7" content="/" />
  55. <meta name="text:Link7 Title" content="link" />
  56. <meta name="text:Link8" content="/" />
  57. <meta name="text:Link8 Title" content="link" />
  58. <meta name="text:Link9" content="/" />
  59. <meta name="text:Link9 Title" content="link" />
  60. <meta name="text:Link10" content="/" />
  61. <meta name="text:Link10 Title" content="link" />
  62.  
  63. <title>{Title}</title>
  64. <link rel="shortcut icon" href="{Favicon}">
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}
  67. <meta name="description" content="{MetaDescription}" />
  68. {/block:Description}
  69.  
  70.  
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  72. <style type="text/css">
  73.  
  74. body {background-color: {color:background}; color:{color:text}; font-family: verdana; font-size: 11px; text-align: center; line-height:120%; margin:0; padding:0;
  75. background-image:url('{image:background}'); background-attachment: fixed; background-repeat: no-repeat;}
  76.  
  77. p {margin: 4px 0 0 0}
  78.  
  79. a, a:link, a:active, a:visited {color:{color:link}; text-decoration: none;}
  80. a:hover { color:{color:linkhover}}
  81. img a{border:0px;}
  82. img a:hover{border:0px;}
  83. b{font-weight: bold; color:{color:bold}}
  84. i{text-transform: italic; color:{color:text}}
  85. p{margin:5px 0 2px 0}
  86.  
  87. blockquote{border-left: 3px solid {color:text}; margin:5px 5px 2px 2px; padding-left:2px; border-bottom:0px;}
  88.  
  89.  
  90. #sidetudo {margin-top: 20px; margin-left: 20px; text-align: center; position: fixed;}
  91.  
  92. #sid{letter-spacing: 2px; position: fixed; margin-top: 0px; margin-left: 276px; height: 421px; width: 20px; background-color: {color:sidebar}; padding: 10px;}
  93.  
  94. .ttle {margin-top: -4px; letter-spacing: 0px; text-align: center; font-family: georgia; text-transform: uppercase; font-size: 31px; color: {color:text}; line-height:140%;}
  95. .ttle a{font-family: georgia; font-style: italic; font-size: 22px; color: {color:text}; background-color: transparent; }
  96. .ttle a:hover {font-family: georgia; font-style: italic; font-size: 22px; color: {color:text}; background-color: transparent;}
  97.  
  98.  
  99. ::-webkit-scrollbar{width:4px;height:5px;}
  100. ::-webkit-scrollbar-button:start:decrement
  101. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  102. ::-webkit-scrollbar-track-piece{background-color: {color:background}; -webkit-border-radius:0;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;}
  103. ::-webkit-scrollbar-thumb:vertical{height:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  104. ::-webkit-scrollbar-thumb:horizontal{width:50px; background-color: {color:scroll};-webkit-border-radius:px;}
  105.  
  106. #ssidebarimage{margin-left: 5px; width: 260px; float: left; background-color: {color:post}; padding: 5px; height: 160px; margin-top:271px; position:fixed;}
  107. .sdbarimg {padding: 3px; background-color: {color:description}; border: 1px solid {color:border}; width: auto; height: 151px;}
  108. .sdbarimg img{max-width: auto; height: 151px; display: inline; margin-right: 3px;}
  109.  
  110.  
  111. #sidebardescription{ margin-left: 5px; margin-top: 0px; width: 270px; float: left; background-color: {color:sidebar}; height: 134px; padding-bottom:0px; position:fixed;}
  112. .sidebardescr{margin: 5px; padding: 5px; text-align: justify; font-size: 9px; font-family: verdana; padding: 3px; color: {color:text}; overflow: auto; height: 115px; border: 1px solid {color:border}; background-color:{color:background}; }
  113. .sidebardescr a{font-size: 9px; verdana;}
  114.  
  115. .pages{width: 110px; margin: 411px 0 0 205px; text-align: center; font-size: 25px; line-height:45px; position:fixed; font-family:georgia; z-index:1000;}
  116. .pages a{text-decoration: none;color:{color:sidebartext}; font-family:georgia;}
  117. .pages a:hover{color:{color:linkbackground}}
  118. .pprev{width: 53px; float: left; margin-left:-200px;}
  119. .pnext{width: 53px; float: right; }
  120.  
  121. #credit {float: left; height: 12px; margin-top: 424px; margin-left: 5px; width: 301px; 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; position:fixed; }
  122.  
  123. .credito{margin-top:-17px; margin-left:15px;}
  124.  
  125. #credit a{font-size: 9px; color:{color:link};}
  126. #credit a:hover{color:{color:linkhover};}
  127.  
  128.  
  129. #sidebarlinks{margin-left: 5px; margin-top: 135px; width: auto; float: left; background-color: {color:sidebar}; padding: 5px; position: fixed; height: auto; -webkit-transition: all 2s ease-out; -moz-transition: all 2s ease-out; text-transform: uppercase;}
  130.  
  131. .links2 {margin-top:0px; float: left;text-align: center; font-family: verdana; font-size: 9px; margin-left:1px; text-transform: uppercase;}
  132. .links2 a{display: block; font-family: verdana; font-size: 9px; text-align: center; width: 12px; height: 100px; background-color: {color:sidlinks}; color:{color:sidlinks txt}; text-decoration: none; padding: 9px 5px 15px 8px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; margin-bottom: 1px; text-transform: uppercase;}
  133. .links2 a:hover {text-align: center; background-color: {color:sidlinks hover}; color:{color:sidlinks txt hover}; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; text-transform: uppercase;}
  134.  
  135.  
  136. #container {background-color:transparent; width: 465px; position: absolute; top: 0px; left: 350px; padding-bottom: 0px}
  137.  
  138. #entries {margin: 20px 0px 5px -13px}
  139.  
  140. .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}; }
  141.  
  142. .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;}
  143. .tags a:hover {background-color: {color:post}; color:{linkhover}; }
  144.  
  145. h1 {font-family: georgia; text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 22px; text-transform: uppercase;}
  146. h1 a {text-align: center; font-size: 18px; text-transform: uppercase; color: {color:text}; font-weight: normal; line-height: 20px;}
  147. h1 a:hover {text-align: center; font-size: 18px; color: {color:text}; font-weight: normal; line-height: 20px; text-transform: uppercase;}
  148.  
  149. .image {text-align: center; border: 0px; }
  150. .image img {max-width: 500px; margin-bottom: 3px }
  151. .markqt {font-size: 80px; font-family: verdana; color:{color:text}; line-height: 90px; margin-left: 0px; opacity: 0.2; filter:alpha (opacity=100); }
  152. .qt {font-family: georgia; font-size: 19px; line-height: 23px; margin-top: -83px; margin-left: 5px; padding: 10px; font-style:italic;}
  153. .qsr{margin: -10px 70px 0 0; text-align: right; text-transform: none;}
  154. .qsr a, a:hover{text-transform: none;}
  155.  
  156. .chat {line-height: 12px; list-style: none }
  157. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height:20px;}
  158. .person1 {background-color:{color:background}; color: {color:text}; }
  159. .person1 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  160. .person2 {color: {color:text}; }
  161. .person2 .label {font-weight: bold; padding: 0px; margin-left: 5px; color:{color:text}}
  162.  
  163. .audio{background-color:black; display:block;}
  164. .source{display:none}
  165.  
  166. .asker {font-family:georgia; font-size:10px; font-style:italic;}
  167. .asker a {font-family:georgia; font-size:10px; font-style:italic;}
  168.  
  169. #questions {color: {color:text}; padding:5px; margin-bottom:0px; font-family:verdana; font-size:10px; font-style:italic; padding-bottom:0px;}
  170. #questions a {color:{color:link}; font-size:10px;}
  171.  
  172. .answers {font-size:11px; font-family:verdana;}
  173. .answers a {font-size:9px; font-family:verdana;}
  174.  
  175. #cap {width: 500px; margin-top: -2px;}
  176.  
  177. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  178. .dda a {font-size: 9px;}
  179.  
  180.  
  181. .notes {width: 520px; padding: 0px; margin-top: 3px; margin-bottom: 10px; font-size: 9px; text-align: left; margin-left:0px;}
  182. ol.notes {list-style: none; margin: 0 20px 0 0px; padding: 0px; z-index: 11; margin-left:0px; margin-bottom:1px;}
  183. ol.notes li {background-color: {color:post}; margin-bottom: 1px; padding: 5px; }
  184. .notes img{display: none; border:0px}
  185.  
  186. #tumblr_controls{position: fixed!important}
  187.  
  188. #clear{clear: both; width: 50px; height: 0px; background-color: transparent}
  189.  
  190. {CustomCSS}
  191. </style>
  192. </head>
  193.  
  194. <body>
  195.  
  196.  
  197. <div id="container">
  198.  
  199. <div id="entries">
  200.  
  201. {block:Posts}<div class="post">
  202. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  203. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{/block:Photo}
  204. {block:Photoset}{Photoset-500}{/block:Photoset}
  205. {block:Quote}<b class="markqt">“</b><div class="qt">{Quote}</div>{block:Source}<div class="qsr"> — {Source}</div>{/block:Source}{/block:Quote}
  206. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  207. {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}
  208. {block:Audio}<br><div class="audio">{AudioPlayerBlack}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  209. {block:Video}{Video-500}{/block:Video}
  210. {block:Answer}<div id="questions"><div class="asker"><b>{Asker} murmurou:</b></div> {Question}</div><div class="answers">
  211. {Answer}</div>{/block:answer}
  212. <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}
  213. <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>
  214. <div id="dda">
  215.  
  216. <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>
  217. {/block:Posts}{block:PostNotes}<div id="notes"><div id="ntstext">{PostNotes}</div></div>{/block:PostNotes}
  218. </div></div>
  219.  
  220. <div id="sidetudo">
  221. <div id="sidebarlinks">
  222. <div class="links2">{block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</div>
  223.  
  224. <div class="links2"><div class="li">{block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}</div></div>
  225. <div class="links2"><div class="li2">{block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}</div></div>
  226. <div class="links2"><div class="li">{block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</div></div>
  227. <div class="links2">{block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a> {/block:ifLink5}</div>
  228. <div class="links2">{block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a> {/block:ifLink6}</div>
  229. <div class="links2">{block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a> {/block:ifLink7}</div>
  230. <div class="links2">{block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a> {/block:ifLink8}</div>
  231. <div class="links2">{block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a> {/block:ifLink9}</div>
  232. <div class="links2">{block:ifLink10}<a href="{text:Link10}">{text:Link10 Title}</a> {/block:ifLink10}</div>
  233. </div>
  234.  
  235. <div id="sid"><div class="ttle"><td>{text:title}</td></div></div>
  236. <div id="sidebardescription">
  237.  
  238. <div class="sidebardescr">{block:Description}{Description}{/block:Description}</div></div>
  239.  
  240. <p>
  241. <div id="ssidebarimage">
  242. <div class="sdbarimg"><marquee direction="right" scrollamount="2" height="auto" behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">
  243. <img src="{image:sidebar 1}"/><img src="{image:sidebar 2}"/><img src="{image:sidebar 3}"/><img src="{image:sidebar 4}"/><img src="{image:sidebar 5}"/></marquee></div>
  244. </div>
  245.  
  246.  
  247. <br>
  248.  
  249. <div class="pages">{block:Pagination}
  250. <span class="pprev">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</span>
  251. <span class="pnext"> {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</span>
  252. {/block:Pagination}</div>
  253.  
  254. <div id="credit">theme by <a href="http://desesperancoso.tumblr.com"><b>desesperançoso</b></a>. don't fuckin' copy. </div>
  255. </div></div>
  256. </body>
  257. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!