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

theme #38

By: umlugardocaralho on Mar 7th, 2012  |  syntax: HTML 5  |  size: 13.87 KB  |  hits: 787  |  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.  
  5. <!-- (c) #38
  6. ___________________________________________________
  7.  
  8.                           theme por Bianca (rocklessly)
  9.                                   be original (c)
  10.                 não copie, não adapte e não redistribua.
  11. ____________________________________________________
  12.  
  13. #38 (c) --!>
  14.  
  15. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  16.  
  17. <head> <!-- DEFAULT VARIABLES -->
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:text" content="#000" />
  20. <meta name="color:post" content="#ddd" />
  21. <meta name="color:bg descri" content="#000" />
  22. <meta name="color:texto descri" content="#fff" />
  23. <meta name="color:hover" content="#fff" />
  24. <meta name="color:link" content="#000" />
  25. <meta name="color:barra de rolagem" content="#000" />
  26. <meta name="color:sidebar" content="#fff" />
  27. <meta name="color:link sidebar" content="#000" />
  28. <meta name="color:sidebar link hover" content="#ffffff" />
  29. <meta name="color:bg link sidebar hover" content="#000" />
  30. <meta name="color:sombreado titulo" content="#000" />
  31. <meta name="color:sombreado links" content="#000" />
  32. <meta name="color:selecao" content="#EBAAAA" />
  33.  
  34. <meta name="if:Enable endless scrolling" content="0"/>
  35.  
  36. <meta name="if:Sombreado do titulo e dos links" content="1"/>
  37.  
  38. <meta name="image:background" content=""/>
  39.  
  40. <meta name="image:sidebar"content="http://static.tumblr.com/qq1m0ga/1nem0daol/gre.jpg"/>
  41.  
  42. <meta name="text:title" content="Titulo aqui" />
  43. <meta name="text:description" content="Existem coisas que sempre vao doer, apertar o sapato, incomodar, latejar no peito. Nao tem jeito: por mais que a gente se livre de traumas e magoas alguns sentimentos nao legais sempre vao morar dentro do coracao. Nao por rancor ou coisa parecida, mas porque nem tudo da pra ser esquecido e deletado da vida num passe de magica. A gente sente, e de carne, osso e sentimento [...] (<b>Clarissa Correa</b>)." />
  44.  
  45. <meta name="text:Link1" content="/#" />
  46. <meta name="text:Link1 Title" content="link" />
  47. <meta name="text:Link2" content="" />
  48. <meta name="text:Link2 Title" content="" />
  49. <meta name="text:Link3" content="/#" />
  50. <meta name="text:Link3 Title" content="LINK THREE" />
  51. <meta name="text:Link4" content="/#" />
  52. <meta name="text:Link4 Title" content="LINK FOUR" />
  53. <meta name="text:Link5" content="/#" />
  54. <meta name="text:Link5 Title" content="LINK FIVE" />
  55. <meta name="text:Link6" content="/#" />
  56. <meta name="text:Link6 Title" content="LINK SIX" />
  57.  
  58. <title>{Title}</title>
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}
  62. <meta name="description" content="{MetaDescription}" />
  63. {/block:Description}
  64.  
  65.  
  66.  
  67.  
  68. <style type="text/css">
  69.  
  70. body {background-color:{color:background}; color:{color:text}; font-family: tahoma, helvetica; font-size: 11px; text-align: justify; line-height:110%; background-image:url('{image:background}'); background-attachment: fixed; }
  71.  
  72. a {color:{color:link}; text-decoration:none; -moz-transition: all .7s ease-in-out!important; -o-transition: all .7s ease-in-out!important; transition: all .7s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important;}
  73.  
  74. a:hover {color:{color:hover};}
  75.  
  76. p{margin-top: 1px}
  77.  
  78. blockquote{margin-left:5px; margin-right: 0px; border-left: 5px solid {color:background}; padding-left:5px;margin-top: 4px;}
  79.  
  80. background-image:url("{image:background}"); background-attachment: fixed}
  81. .topa{padding: 35px 0 0 0; margin: 0 auto 0 auto; width: 317px; height: 65px; text-align: center; }
  82. {block:AskEnabled}.topa{width:400px}{/block:AskEnabled}
  83.  
  84. #tudo{width: 800px; text-align: center; background-color:
  85. transparent; color:{color:text}; margin-left: 440px;}
  86.  
  87. #entry{float: left; padding-bottom: 50px; background-color: transparent; text-align: center}
  88. #all {width: 500px; padding: 5px; text-align: justify; background-color:{color:post}; margin-bottom:1px;}
  89. #all img{margin: 2px 0 2px 0}
  90. #info {font-size: 9px; font-family: verdana; text-transform: lowercase; text-align: right;}
  91. #clear{width: 500px; height: 30px}
  92.  
  93. h1{font-family: ; text-align: center; font-size: 16px; letter-spacing: 0px; color: {color:text}; font-weight: normal; line-height: 18px;}
  94. h1 a{font-size: 16px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center}
  95.  
  96. #quote{font-family: georgia; text-align: center; font-size: 13px; margin-top: 7px; line-height: 15px; padding: 2px; }
  97.  
  98. #quotesource{text-align: center; text-transform: none; margin-bottom: 3px;}
  99.  
  100. .chat{line-height: 12px; list-style: none }
  101. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  102. .person1 {color: {color:text} }
  103. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  104. .person2 {color: {color:text} }
  105. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  106.  
  107. .#audio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  108. #audio img{width: 180px; height: auto; padding: 20px 0 20px 0}
  109. #auddio{margin-top: 1px;}
  110. .source{display:none}
  111. #askedd {font-size: 15px; width: 100%; background-color: {color:background}; color:{color:link}; text-transform: uppercase; line-height: 30px}
  112. #askedd a a:hover{color:{color:link}}
  113. #askedd img{margin-top: 3px; margin-bottom: -3px; margin-left:3px; -moz-border-radius: 10px; border-radius: 10px;}
  114. #askq {padding:10px; font-style: italic; background-color:#ddd;}
  115. #askqa {padding-top: 5px}
  116. .cap {padding-top: 0px; width: 500px;}
  117.  
  118.  
  119. #notes {width: 500px; padding: 5px; margin-left: 100px;font-size: 9px; text-align: left;}
  120. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  121. ol.notes li {margin: 0px; padding: 2px;}
  122. #notes img{border:0px}
  123.  
  124. #page{text-align: center; font-size:50px}
  125. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  126.  
  127. ::-webkit-scrollbar-thumb:vertical { background-color: {color:barra de rolagem}; height: 50px;}
  128. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:barra de rolagem}; height: 10px;}
  129. ::-webkit-scrollbar {height: 5px; width: 2px; background-color: {color:background};}
  130.  
  131. #paginacao {display:inline; position: fixed; width: 120px; background-color:{color:side}; padding: 5px; height: 12px;}
  132.  
  133. .xx3 {font-size: 12px; font-family: georgia; padding: 1px; text-align: center;}
  134. .xx3 a{color: {color:link}; -webkit-transition-duration: .7s; -moz-transition-duration: .7s; -ms-transition-duration: .7s; -o-transition-duration: .7s; transition-duration: .7s; text-align: center;}
  135. .xx3 a:hover {color: {color:hover}; background-color: transparent; text-align: center;}
  136.  
  137. #baseimagem {position: fixed; margin-left: 440px; margin-top: 0px; width: 310px; height: 150px;  background-color: {color:sidebar}; overflow: hidden; border: 2px solid {color:sidebar};}
  138.  
  139. #baseimagem img { position: fixed; width: 310px; height: 150px; }
  140.  
  141. #basetitulo {-webkit-transition-duration: 0.9s; margin-top: 0px; -moz-transition-duration: 0.9s;  background-color: {color:sidebar}; color: {color:text}; font-size: 13px; height: 15px; padding:3px; width: 190px; margin-left: 755px; position: fixed; text-align: center; {block:IfSombreadoDoTituloEDosLinks} text-shadow: 0px 0px 5px {color:sombreado titulo}; {/block:IfSombreadoDoTituloEDosLinks} overflow: hidden; font-family:georgia; }
  142. #basetitulo:hover {height: 145px;}
  143.  
  144. #inf {padding: 5px; background-color: {color:bg descri};  text-shadow: 0px 0px 0px; color: {color:texto descri}; font-size: 9px;  margin-top: 15px; font-family: verdana; text-align: justify; letter-spacing: -1px;}
  145.  
  146. #description {-webkit-transition-duration: 0.9s; -moz-transition-duration: 0.9s; font-family: verdana; background-color: {color:sidebar}; letter-spacing: -1px; color: {color:text}; font-size: 9px; padding: 3px; width: 190px; height: 126px; margin-top: 22px; margin-left: 755px; position: fixed; text-align: justify;}
  147.  
  148. #baselinks1 {opacity: 0.0; width: 306px; height: 200px; margin-left:444px; margin-top:-150px; position: fixed; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; }
  149.  #baselinks1:hover {opacity: 0.8; margin-top: 4px;}
  150. #baselinks a {display: block; font-family: tahoma; font-size: 10px; text-align: center;  -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; margin-bottom: 1px; width: 306px; background-color: {color:sidebar};  color:{color:link sidebar}; text-transform: uppercase; line-height: 20px;}
  151. #baselinks  a:hover{font-weight: bold; opacity: 1.0; letter-spacing: 18px; text-shadow: 2px 2px 5px {color:sombreado links}; background-color:{color:bg link sidebar hover}; color:{color:sidebar link hover};}
  152.  
  153. #tit {margin-left: 300px; margin-top: -50px; position: fixed; background-color: {color:background}; height: 190px; background-image:url('{image:background}'); background-attachment: fixed;  width: 700px;}
  154.  
  155. #pagi1 {margin-top: 200px; height: 30px; margin-left: 980px; overflow:hidden; font-size:30px; font-family:georgia; text-align:center;  position:fixed; -moz-transition: all .7s ease-in-out!important; -o-transition: all .7s ease-in-out!important; transition: all .7s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important;}
  156. #pagi1 a {color: {color:link};}
  157. #pagi1:hover {color:{color:hover};}
  158. #pagi2 {position: fixed; width:auto; float:left; margin-top: 200px; height: 30px; margin-left: 385px; overflow:hidden;  font-size:30px; font-family:georgia; text-align:center; -moz-transition: all .7s ease-in-out!important; -o-transition: all .7s ease-in-out!important; transition: all .7s ease-in-out!important; -webkit-transition: all .7s ease-in-out!important;}
  159. #pagi2 a {color: {color:link};}
  160. #pagi2:hover {color:{color:hover};}
  161.  
  162.  
  163. ::-moz-selection {color:{color:selecao};background:;}
  164.  
  165. ::selection {color: {color:selecao};background:;} 
  166.  
  167. #tumblr_controls{position: fixed!important}
  168. .image img {width: 500px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;}
  169.  
  170. {CustomCSS}
  171. </style>
  172.  
  173. </head>
  174.  
  175. <body>
  176.  
  177. <div id="tit">
  178. </div>
  179. <div id="pagi1">{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}</div>
  180.  
  181. <div id="pagi2">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}</div>
  182.  
  183. <div id="baseimagem"><img src="{image:sidebar}"/>
  184. </div>
  185.  
  186. <div id="description">
  187. {Description}
  188. </div>
  189.  
  190. <div id="basetitulo">
  191. {text:title}
  192. <div id="inf">{text:description}</div>
  193. </div>
  194.  
  195. <div id="baselinks1">
  196. <div id="baselinks">
  197. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  198. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  199. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  200. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  201. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  202. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a>{/block:ifLink6}
  203. <a href="http://rocklessly.tumblr.com">theme ©</a></div>
  204. </div>
  205.  
  206. <div id="tudo">
  207. <br><br>
  208. <br><br>
  209. <br><br>
  210. <br><br>
  211. <br><br>
  212. <br><br><br>
  213.  
  214. <div id="entry">
  215. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  216. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  217.  
  218. {block:Posts}
  219. <div id="all">
  220. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  221.  
  222. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  223.  
  224. {block:Photoset}{Photoset-500}{/block:Photoset}
  225.  
  226. {block:Quote}
  227. <div id="quote">❝ {Quote}</div><br>
  228. {block:Source}<div id="quotesource"> — {Source}</div>{/block:Source}
  229. {/block:Quote}
  230.  
  231. {block:Link}
  232. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  233. {block:Description}{Description}{/block:Description}
  234. {/block:Link}
  235.  
  236. {block:Chat}
  237. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  238. <div class="chat"><ul>{block:Lines}
  239. <li class="person{UserNumber}">{block:Label}
  240. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  241. {/block:Chat}
  242.  
  243. {block:Audio}
  244. <div id="audio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  245. {AudioPlayerGrey}
  246. <div id="auddio">{block:Caption}{Caption}{/block:Caption}</div>
  247. {/block:Audio}
  248.  
  249. {block:Video}{Video-500}{/block:Video}
  250.  
  251. {block:Answer}
  252. <center><div id="asked"><img src="{AskerPortraitURL-24}"> {Asker}</div></center>
  253. <div id="askq">{Question}</div>
  254. <div id="askqa">{Answer}</div>
  255. {/block:Answer}
  256.  
  257.  
  258. <div class="cap">
  259. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  260. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  261. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  262.  
  263. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  264. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  265. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  266. {/block:ContentSource}</div></div>
  267.  
  268.  
  269. <div id="info">
  270.  
  271. <div style="float:right;">
  272. {block:HasTags}{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp; {/block:Tags} {/block:HasTags} <br>
  273. {block:Date} {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount} · <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} · <a href="{ReblogURL}" target="_blank">reblog</a><br>
  274. {block:RebloggedFrom}<b></b> <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:RebloggedFrom} · (&copy; <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>)
  275. {/block:RebloggedFrom}<br>
  276. </div><br clear="all" />
  277. </div></div>
  278.  
  279.  
  280. {/block:Posts}
  281. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  282. {block:PostNotes}
  283. <div id="notes">{PostNotes}</div>
  284. {/block:PostNotes}
  285.  
  286. </div>
  287.  
  288. </div>
  289. </div>
  290. </div>
  291.  
  292. </body>
  293. </html>