umlugardocaralho

theme #32

Feb 12th, 2012
3,672
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 18.85 KB | None | 0 0
  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) #32
  6.  
  7. theme por Bianca (rocklessly)
  8. seja original (c)
  9.  
  10. #32  (c) --!>
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13.  
  14. <head> <!-- DEFAULT VARIABLES -->
  15. <meta name="color:background" content="#ffffff" />
  16. <meta name="color:text" content="#000" />
  17. <meta name="color:ppost" content="#ddd" />
  18. <meta name="color:bg do titulo2" content="#000" />
  19. <meta name="color:bg do titulo2hover" content="#000" />
  20. <meta name="color:titulo2" content="#fff" />
  21. <meta name="color:titulo2hover" content="#fff" />
  22. <meta name="color:bg titulo" content="#000" />
  23. <meta name="color:titulo" content="#fff" />
  24. <meta name="color:bg da descricao" content="#ffffff" />
  25. <meta name="color:bg da descricao2" content="#ffffff" />
  26. <meta name="color:texto da descricao" content="#4a4a4a" />
  27. <meta name="color:texto da descricao2" content="#000" />
  28. <meta name="color:pagination" content="#000" />
  29. <meta name="color:pagination bg" content="#fff" />
  30. <meta name="color:pagination hover" content="#fff" />
  31. <meta name="color:pagination bg hover" content="#000" />
  32. <meta name="color:bg link sidebar" content="#000" />
  33. <meta name="color:link sidebar" content="#fff" />
  34. <meta name="color:bg link sidebar hover" content="#fff" />
  35. <meta name="color:link sidebar hover" content="#000" />
  36. <meta name="color:hover" content="#fff" />
  37. <meta name="color:link" content="#000" />
  38. <meta name="color:barra de rolagem" content="#000" />
  39. <meta name="color:sombreado" content="#555" />
  40. <meta name="color:sidebar" content="#ddd" />
  41. <meta name="color:bordinha" content="#ffffff" />
  42.  
  43. <meta name="if:Enable endless scrolling" content="0"/>
  44. <meta name="if:Segunda Descricao" content="1"/>
  45. <meta name="if:reticencias" content="1"/>
  46.  
  47. <meta name="image:background" content=""/>
  48. <meta name="image:sidebar1"content=""/>
  49. <meta name="image:sidebar2"content=""/>
  50.  
  51. <meta name="text:titulo" content="muda no appearance" />
  52. <meta name="text:frase" content="muda no appearance" />
  53. <meta name="text:letraquadradinho" content="coloque um símbolo, nada de palavras" />
  54. <meta name="text:descricao2" content="coloque uma descricao no tamanho que preferir, so nao exagere" />
  55.  
  56. <meta name="text:Link3" content="/#" />
  57. <meta name="text:Link3 Title" content="LINK THREE" />
  58. <meta name="text:Link4" content="/#" />
  59. <meta name="text:Link4 Title" content="LINK FOUR" />
  60. <meta name="text:Link5" content="/#" />
  61. <meta name="text:Link5 Title" content="LINK FIVE" />
  62. <meta name="text:Link6" content="/#" />
  63. <meta name="text:Link6 Title" content="LINK SIX" />
  64. <meta name="text:Link7" content="/#" />
  65. <meta name="text:Link7 Title" content="LINK SEVEN" />
  66. <meta name="text:Link8" content="/LINK8" />
  67. <meta name="text:Link8 Title" content="LINK EIGHT" />
  68.  
  69.  
  70. <title>{Title}</title>
  71. <link rel="shortcut icon" href="{Favicon}">
  72. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  73. {block:Description}
  74. <meta name="description" content="{MetaDescription}" />
  75. {/block:Description}
  76.  
  77.  
  78.  
  79.  
  80. <style type="text/css">
  81. @font-face {font-family: "Jenna Sue";src:url('http://static.tumblr.com/ekfbsgu/TbGluxp84/jennasue.ttf');}
  82.  
  83. @font-face {
  84.  
  85. font-family: 'Levimarker,';
  86.  
  87. src: url('http://static.tumblr.com/ekfbsgu/K39ltk1o6/levimarker.ttf') format('eot'),
  88.  
  89. url('Levimarker.woff') format('woff'),
  90.  
  91. url('Levimarker.ttf') format('truetype');
  92.  
  93. }
  94.  
  95. 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; }
  96.  
  97.  
  98. 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;}
  99.  
  100. a:hover {color:{color:hover}; text-shadow:2px 2px 7px {color:sombreado};}
  101.  
  102. p{margin-top: 1px}
  103. blockquote{margin-left:5px; margin-right: 0px; border-left: 5px solid {color:background}; padding-left:5px;margin-top: 4px;}
  104.  
  105. background-image:url("{image:background}"); background-attachment: fixed}
  106. .topa{padding: 35px 0 0 0; margin: 0 auto 0 auto; width: 317px; height: 65px; text-align: center; }
  107. {block:AskEnabled}.topa{width:400px}{/block:AskEnabled}
  108.  
  109. .title{ text-align: center; font-family: Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;}
  110. .title a{text-decoration: none; font-size: 20px; color: {color:text}; letter-spacing: -1px; text-transform:normal; line-height: 20px;}
  111. .title a:hover{color:{color:text};}
  112. .userpic{float: left}
  113. .userpic img{border: 7px solid {color:text};}
  114. .pages{margin-left: 125px}
  115. .pages a{background-color: {color:background};color:{color:text}; padding: 5px 10px 5px 10px; text-transform: normal; text-decoration: none; font-size: 9px}
  116.  
  117.  
  118. #content{width: 800px; text-align: center; margin:20px auto 0 auto; margin-left: 241px; padding-bottom: 150px; background-color:
  119. transparent; color:{color:text}; padding: 0px; margin-top: 5px;}
  120.  
  121. #entries{float: left; background-color: transparent; text-align: center}
  122. .post{width: 500px; padding: 10px; margin-left: 242px; text-align: justify; background-color: {color:ppost}; margin-bottom:3px;}
  123. .post img{margin: 2px 0 2px 0}
  124. h1{font-family: ; text-align: center; font-size: 16px; letter-spacing: 0px; color: {color:text}; font-weight: normal; line-height: 18px;}
  125. h1 a{font-size: 16px; letter-spacing: -1px; line-height: 18px; letter-spacing: 0px; text-align:center}
  126. .image{text-align: center; height: auto; margin-bottom: 3px; -webkit-border-radius: 70px; -moz-border-radius: 70px; border-radius: 70px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out; z-index: 59; }
  127. .image:hover {-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
  128. h2{font-size: 9px; display: block; width: 250px; color:{color:text}; background-color: {color:background}; text-align: center; margin: 0px 0px 3px 0px; padding: 3px 0 3px 0; text-transform: normal; text-decoration: none; font-weight: normal}
  129.  
  130. .qquote{font-family: georgia; text-align: center; font-size: 14px; line-height: 15px; padding: 3px; letter-spacing: 0px;}
  131.  
  132. .qsource{text-align: center; text-transform: none; margin-bottom: 4px;}
  133.  
  134. .chat{line-height: 12px; list-style: none }
  135. .chat ul {line-height: 15px; list-style: none; padding: 0px; line-height: 20px;}
  136. .person1 {color: {color:text} }
  137. .person1 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  138. .person2 {color: {color:text} }
  139. .person2 .label { font-weight: bold; padding: 0px; margin-left: 5px; color: {color: text} }
  140. .iaudio{text-align: center; margin-bottom: 2px; width: 100%; background-color: {color:background};}
  141. .iaudio img{max-width: 180px; height: auto; padding: 20px 0 20px 0}
  142. .icap{margin-top: 1px}
  143. .source{display:none}
  144. .asker {font-size: 20px; width: 100%; background-color: {color:background}; color:{color:link} ;
  145.  
  146. text-transform: uppercase; line-height: 30px}
  147. .asker a, a:hover{color:{color:link}}
  148. .asker img{margin-top: 3px; margin-bottom: -3px; margin-left:3px}
  149. .q {padding:10px; font-style: italic; text-indent: 20px}
  150. .a {padding-top: 3px}
  151. .cap {padding-top: 5px; width: 500px;}
  152.  
  153. #dda {font-size: 9px; font-family: verdana; text-transform: lowercase;}
  154. .dda a {font-size: 9px; color: {color:link};}
  155. .dda a:hover {font-size: 9px; color: {color:hover};}
  156.  
  157. .origin{font-size:9px}
  158. .ibottom{margin-top: 5px; font-family: 'Century Gothic', 'Apple Gothic', sans-serif}
  159. .date{float:left; padding-left: 10px; text-transform: uppercase; font-size: 10px}
  160. .permalink{float:left; text-transform: uppercase; font-size: 9px;}
  161.  
  162. #notes {width: 500px; padding: 5px; margin-left: 300px;font-size: 9px; text-align: left;}
  163. ol.notes {list-style: none; margin: 0 20px 0 0; padding: 0px}
  164. ol.notes li {margin: 0px; padding: 2px;}
  165. #notes img{border:0px}
  166.  
  167. #page{text-align: center; font-size:50px}
  168. #page a{font-size: 30px; text-decoratin: none; font-family: georgia;}
  169.  
  170. #clear{width: 500px; height: 30px}
  171.  
  172. ::-webkit-scrollbar-thumb:vertical { background-color: {color:barra de rolagem}; height: 50px;}
  173. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:barra de rolagem}; height: 10px;}
  174. ::-webkit-scrollbar {height: 5px; width: 11px; background-color: {color:background};}
  175.  
  176. #baselinks {opacity: 0.5; position: fixed; text-align: center; display: block;  height: 235px; width: 10px; padding: 5px; overflow: hidden;  -moz-transition: all .9s ease-in-out!important; -o-transition: all .9s ease-in-out!important; transition: all .9s ease-in-out!important; -webkit-transition: all .9s ease-in-out!important;  margin-top: 7px; margin-left: -16px;}
  177.  
  178. #baselinks:hover{width: 254px;}
  179.  
  180. #baselinks2 {margin-top: -10px; margin-left: 10px; padding: 5px; background-color: transparent; position: relative; }
  181.  
  182. #baselinks2 a {letter-spacing: -1px; font-family: verdana; font-size: 9px; text-align: center; width: 245px;  padding: 7px; color:{color:link sidebar}; background-color: {color:bg link sidebar}; margin-bottom: 1px; display: block; -moz-transition: all .9s ease-in-out!important; -o-transition: all .9s ease-in-out!important; transition: all .9s ease-in-out!important; -webkit-transition: all .9s ease-in-out!important; height: 15px; }
  183.  
  184. #baselinks2 a:hover{background-color: {color:bg link sidebar hover}; color:{color:link sidebar hover}; letter-spacing: 8px;}
  185.  
  186. #titulo2 {margin-top: 211px; width: 233px; height: 11px; background-color: {color:bg do titulo2}; color: {color:titulo2}; position:fixed; margin-left: 83px; font-family: georgia; font-size: 13px; padding: 10px; text-align: center; opacity: 0.0; -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; -webkit-transform: rotate(90deg);}
  187.  
  188. #titulo2:hover {opacity: 1.0}
  189.  
  190. #titulo {margin-top: 211px; width: 233px; height: 11px; background-color: {color:bg do titulo2hover}; color: {color:titulo2hover}; position:fixed; margin-left: 83px; font-family: georgia; font-size: 13px; padding: 10px; text-align: center; -webkit-transform: rotate(90deg); }
  191.  
  192. #titulosidebar {position:fixed; margin-left: -31px; margin-top: 249px; width: 15px; font-size: 15px; height: 21px; overflow: hidden; text-align: center;  background-color: {color:bg quadradinho}; font-family: georgia; line-height: 17px; color: {color:texto do quadradinho}; position: fixed; padding: 8px; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
  193.  
  194. #titulosidebar:hover {height: 233px;  width: 236px; margin-top: 1px; margin-left:0px; position:fixed; background-color: {color:bg da descricao2}; opacity: 0.6;}
  195.  
  196. /* sdb bases */
  197.  
  198. #sidebar {width: 252px; height: 282px; background-color:{color:sidebar}; color; margin-left: 222px; padding: 3px; margin-top: 100px; position: fixed; -webkit-transition: all 2.0s ease-out; -moz-transition: all 2.0s ease-out;}
  199.  
  200. /* imagens sidebar */
  201.  
  202. div#bianca {margin-top: 0px; margin-bottom: 0px; position:fixed; border: 1px solid {color:bordinha};}
  203. div#bianca img{width: 250px; height: 280px; margin-left: 0px; margin-top: 0px; -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; }
  204. div#bianca img:hover {opacity: 0.5;}
  205.  
  206. div#bianca2 {margin-top: 0px; margin-bottom: 0px; position:fixed; border: 1px solid {color:bordinha};}
  207. div#bianca2 img{width: 250px; height: 280px; margin-left: 0px; margin-top: 0px;}
  208.  
  209. /* paginacao */
  210.  
  211. #paginationn {position:fixed; margin-left: 295px; margin-top:38px;}
  212.  
  213. #pagina {width: 20px; height: 100%; margin-left: 150px; margin-top: 0px; position: fixed;}
  214. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px;}
  215. #paginacaoml a {background:{color:pagination bg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:pagination}; text-decoration: none;}
  216. #paginacaoml a:hover {background: {color:pagination bg hover};  color: {color:pagination hover};}
  217. #paginacaoml span.pagina_atual {background:{color:pagination bg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:pagination}; text-decoration: none;}
  218. #paginacaoml span.info {background:{color:pagination bg}; margin: 0 1px 0 0; padding: 2px 4px; color: {color:pagination}; text-decoration: none;}
  219.  
  220. /* creditos */
  221.  
  222. #creditos { width: 230px;margin-top: 250px; height: 12px; padding: 10px; position: fixed; font-family:Jenna Sue; font-size: 27px;text-align: center; background-color: {color:bg titulo}; color: {color:titulo};  -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; margin-left:1px; overflow: hidden;  opacity: 0.6;}
  223. #creditos a {color: #000; }
  224.  
  225. #creditos:hover {height: 260px; margin-top: 1px; position:fixed; background-color: {color:bg da descricao}; color:{color:texto da descricao}; opacity: 0.8;}
  226.  
  227. #descriptionhovertitle {padding: 5px; text-align: center; font-size: 9px; letter-spacing: -1px; font-family: verdana; color: {color:texto da descricao2};}
  228. #descriptionhovertitle a {color: {color:texto da descricao2};}
  229.  
  230. #bianquita {margin-top: 285px; margin-left: 0px; position: fixed; color: {color:text}; width: 246px; padding: 6px; heigth: 6px; font-family: verdana; font-size: 11px; text-align: right; -moz-transition: all .4s ease-in-out!important; -o-transition: all .4s ease-in-out!important; transition: all .4s ease-in-out!important; -webkit-transition: all .4s ease-in-out!important;}
  231.  
  232. #bianquita:hover {opacity: 0.0;}
  233.  
  234. #bianquita2 {margin-top: 285px; margin-left: 0px; position: fixed; color: {color:text}; width: 240px; padding: 6px; heigth: 6px; font-family: verdana; font-size: 9px; text-align: center;}
  235.  
  236. #tumblr_controls{position: fixed!important}
  237. {CustomCSS}
  238. </style>
  239.  
  240. </head>
  241.  
  242.  
  243. <script type="text/javascript">
  244.  
  245. $(document).ready(function(){
  246.  
  247. $('#page_effect').fadeIn(2000);
  248.  
  249. });</script>
  250.  
  251.  
  252. <body>
  253.  
  254. <div id="titulo">{text:titulo}</div>
  255. <div id="titulo2">{text:frase}</div>
  256. <div id="sidebar">
  257. <div id="bianca2"><img src="{image:sidebar1}"></div>
  258. <div id="bianca"><img src="{image:sidebar2}"></div>
  259. <div id="baselinks">
  260. <div id="baselinks2">
  261. <a href="/">home</a>
  262. <a href="/ask">ask</a>
  263. {block:ifLink3}<a href="{text:Link3}" div id="nav">{text:Link3 Title}</a>{/block:ifLink3}
  264. {block:ifLink4}<a href="{text:Link4}" div id="nav">{text:Link4 Title}</a>{/block:ifLink4}
  265. {block:ifLink5}<a href="{text:Link5}" div id="nav">{text:Link5 Title}</a>{/block:ifLink5}
  266. {block:ifLink6}<a href="{text:Link6}" div id="nav">{text:Link6 Title}</a>{/block:ifLink6}
  267. {block:ifLink7}<a href="{text:Link7}" div id="nav">{text:Link7 Title}</a>{/block:ifLink7}
  268. {block:ifLink8}<a href="{text:Link8}" div id="nav">{text:Link8 Title}</a>{/block:ifLink8}
  269. </div>
  270. </div>
  271. {block:IfSegundaDescricao}<div id="titulosidebar">{text:letraquadradinho}
  272. <div id="descriptionhovertitle"><br>
  273. {text:descricao2}</div>
  274. </div>{/block:IfSegundaDescricao}
  275. <div id="creditos">{Title}
  276. <div id="descriptionhovertitle"><br>
  277. {block:IfReticencias}<img src="http://static.tumblr.com/8buytvw/Luzlxy9xe/aspasroxsa.png"  width="25" align="left" />{/block:IfReticencias}{Description}
  278. </div></div>
  279. <div id="bianquita2">« all theme by <b><a href="http://rocklessly.tumblr.com">rocklessly</a></b>, don't copy. »</div>
  280. <div id="bianquita"><b>(c)</b></div>
  281. </div>
  282.  
  283. <div id="paginationn"><div id="paginacaoml"><span style="font-weight: normal;"><br><br>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a> {/block:PreviousPage}{/block:Pagination}{block:JumpPagination length="5"}{block:CurrentPage}<span class="pagina_atual">{PageNumber}</span> {/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a> {/block:JumpPage}{/block:JumpPagination}{block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a> {/block:NextPage}{/block:Pagination}</div></div></div>
  284.  
  285. <div id="content">
  286. <br><br>
  287. <br>
  288.  
  289. <div id="entries">
  290. {block:IfEnableEndlessScrolling}<div class="autopagerize_page_element">
  291. <script type="text/javascript"
  292.  
  293. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEnableEndlessScrolling}
  294.  
  295.  
  296. {block:Posts}
  297.  
  298. <div class="post">
  299.  
  300. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  301.  
  302. {block:Photo}{LinkOpenTag}<div class="image"><img src="{PhotoURL-500}" ></div>{LinkCloseTag}{/block:Photo}
  303.  
  304. {block:Photoset}{Photoset-500}{/block:Photoset}
  305.  
  306. {block:Quote}
  307. <div class="qquote">❝ {Quote}</div><br>
  308. {block:Source}<div class="qsource"> — {Source}</div>{/block:Source}
  309. {/block:Quote}
  310.  
  311. {block:Link}
  312. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  313. {block:Description}{Description}{/block:Description}
  314. {/block:Link}
  315.  
  316. {block:Chat}
  317. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  318. <div class="chat"><ul>{block:Lines}
  319. <li class="person{UserNumber}">{block:Label}
  320. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  321. {/block:Chat}
  322.  
  323. {block:Audio}
  324. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  325. {AudioPlayerGrey}
  326. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  327. {/block:Audio}
  328.  
  329. {block:Video}{Video-500}{/block:Video}
  330.  
  331. {block:Answer}
  332. <div class="asker"><img src="{AskerPortraitURL-24}"> {Asker}</div>
  333. <div class="q">{Question}</div>
  334. <div class="a">{Answer}</div>
  335. {/block:Answer}
  336.  
  337.  
  338. <div class="cap">
  339. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  340. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  341. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  342.  
  343. <div class="source">{block:ContentSource}<a href="{SourceURL}">{lang:Source}:{block:SourceLogo}
  344. <img src="{BlackLogoURL}" width="{LogoWidth} height="{LogoHeight}" alt="{SourceTitle}" />
  345. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}</a>
  346. {/block:ContentSource}</div></div>
  347.  
  348.  
  349. <div id="dda">
  350.  
  351. <div style="float:left;" class="details">
  352. {block:HasTags}{block:Tags} <a href="{TagURL}"><b>#</b>{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}<br>
  353. {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>
  354. {block:RebloggedFrom}originally <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  355. </span> {/block:RebloggedFrom} · via {block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}<br>
  356. </div>
  357.  
  358. <br clear="all" /></div></div>
  359.  
  360.  
  361.  
  362. {/block:Posts}
  363. {block:IfEnableEndlessScrolling}</div>{/block:IfEnableEndlessScrolling}
  364. {block:PostNotes}
  365. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  366. {/block:PostNotes}
  367.  
  368. </div>
  369.  
  370. </div>
  371. </div>
  372. </div>
  373.  
  374. </body>
  375. </html>
Advertisement
Add Comment
Please, Sign In to add comment