Public Pastes
Guest

theme 03

By: a guest on Jan 28th, 2012  |  syntax: None  |  size: 17.22 KB  |  hits: 16  |  expires: Never
download  |  raw  |  embed  |  report abuse
Copied
  1. <html>
  2. <head>
  3.  
  4. <meta name="color:menu" content="#000000" />
  5. <meta name="color:links" content="#36648B" />
  6. <meta name="color:negrito" content="#4A708B" />
  7.  
  8. <meta name="text:frase" content="mude no appearance" />
  9. <meta name="text:frase1" content="mudara de frase" />
  10.  
  11. <meta name="text:link" content="http://tumblr.com/" />
  12. <meta name="text:link1" content="http://tumblr.com/" />
  13. <meta name="text:link2" content="http://tumblr.com/" />
  14.  
  15. <meta name="text:menu" content="link 1" />
  16. <meta name="text:menu1" content="link 2" />
  17. <meta name="text:menu2" content="link 3" />
  18.  
  19. <meta name="image:sidebar" content="http://27.media.tumblr.com/tumblr_lyil0xLfZ61rn3atno1_250.png" />
  20. <meta name="image:sidebar1" content="http://27.media.tumblr.com/tumblr_lyil0xLfZ61rn3atno4_250.png" />
  21. <meta name="image:sidebar2" content="http://29.media.tumblr.com/tumblr_lyil0xLfZ61rn3atno5_250.png" />
  22.  
  23.  
  24. <link rel="short icon" href="{Favicon}" />
  25.  
  26. <title>{Title}</title>
  27.  
  28. <style>
  29. /** barra de rolagem  **/
  30. ::-webkit-scrollbar { width: 05px; height: 10px;}
  31.  
  32. ::-webkit-scrollbar-button:start:decrement,
  33. ::-webkit-scrollbar-button:end:increment {display: block;}
  34.  ::-webkit-scrollbar-button:vertical:start:increment,
  35. ::-webkit-scrollbar-button:vertical:end:decrement {display: none;}
  36.  
  37. /** rolagem penultima **/
  38. ::-webkit-scrollbar-button:vertical:increment {background-color: #fff;}
  39.  
  40. /* Place The scroll up button at the up */
  41. ::-webkit-scrollbar-button:vertical:decrement { background-color: #fff;}
  42.  
  43. /** fundo rolagem acima parada **/
  44. ::-webkit-scrollbar-track-piece {background-color: #fff;}
  45. ::-webkit-scrollbar-track-piece:vertical:start {border: 0px solid #1C1C1C;}
  46.  
  47. /** fundo rolagem parada **/
  48. ::-webkit-scrollbar-thumb:vertical {height: 50px; background-color: #9FB6CD;}
  49.  
  50. /** fundo rolagem ultima **/
  51. ::-webkit-scrollbar-corner:vertical {background-color: #FFF;}
  52.  
  53.         /*** background (fund do theme)**/
  54.  
  55. body {background: #FFF; font-family: tahoma; font-style: normal; font-size: 11px; color: #000; text-align:justify; align: justify; }
  56.  
  57. /** Titulo dos posts **/
  58. h1 {color: #000; font-family: georgia; font-size: 18px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; border-bottom: 0px solid #fff;}
  59.  
  60. /** Titulo do menu **/
  61. h2 {color: #000; font-family: georgia; font-size: 15px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; border-bottom: 0px solid #fff;}
  62.  
  63. /** Caixas que fazem o menu, ou aonde fica os posts **/
  64. .box {background: #F2F2F2; width: 600px; margin-bottom: 10px;  padding: 5px;  text-align: justify; border: 0px solid #E8E8E8;  -moz-box-shadow: 0 0 0em #eee; -webkit-box-shadow: 0 0 0em #eee;  box-shadow: 0 0 0em #eee;}
  65.  
  66. .box2 {background: #F2F2F2; overflow: auto; position: absolute; margin-bottom: 05px;  width: 200px; height: 210px; padding: 5px;  text-align: justify; border: 0px solid #E8E8E8;  -moz-box-shadow: 0 0 0em #C9C9C9; -webkit-box-shadow: 0 0 0em #C9C9C9;  box-shadow: 0 0 0em #C9C9C9;}
  67.  
  68. .box3 {background: #F2F2F2; position: absolute; margin-bottom: 10px;  width: 151px; height: 210px; padding: 5px;  text-align: justify; border: 0px solid #E8E8E8;  -moz-box-shadow: 0 0 0em #C9C9C9; -webkit-box-shadow: 0 0 0em #C9C9C9;  box-shadow: 0 0 0em #C9C9C9;}
  69.  
  70. .box4 {background: #F2F2F2; position: absolute; margin-bottom: 10px;  width: 190px; height: 20px; padding: 5px; font-size: 09px; text-align: justify; border: 0px solid #E8E8E8;  -moz-box-shadow: 0 0 0em #C9C9C9;}
  71.  
  72. /** As informações que ficam embaixo do post ex 'photo postado em 8/11/2006 ... ' **/
  73. .divtraso {border-bottom: 1px solid #888; margin-bottom: 4px;}
  74. .divtraso2 {border-bottom: 1px solid #888; margin-bottom: 4px;}
  75.  
  76. /** Negrito, Itálico e Sublinhado **/
  77. s {color: #696969;}
  78. i {color: #828282;}
  79. b {color: {color:negrito};}
  80. u, span.sublinha {text-decoration: none; border-bottom: 1px dashed #9C9C9C;}
  81.  
  82. /** Formatação do link e link:hover **/
  83. a:link, a:active, a:visited { font-family: Tahoma;  color: {color:links}; text-decoration: none;
  84. -webkit-transition-duration: .120s; }
  85. a:hover { font-family: Tahoma; color: #fff; text-decoration: none; cursor: hand; }
  86.  
  87. /** menu **/
  88. un {font-family: Verdana; font-size: 09px; line-height: 10px; color: #fff; background: {color:menu}; display: inline-block; width: 100px; height: 10px; padding: 8px; margin: 1px; text-align: center;}
  89.  
  90. un:hover {background: #000; letter-spacing: 2px; color: #fff;}
  91.  
  92. un1 {font-family: Verdana; font-size: 09px; line-height: 10px; color: #fff; background: {color:menu}; display: inline-block; width: 102px; height: 10px; padding: 8px; margin: 1px; text-align: center;}
  93.  
  94. un1:hover {background: #000; letter-spacing: 2px; color: #fff;}
  95.  
  96.  
  97. /** frase que muda quando passa o mouse **/
  98. #barrafrase {position: left; left: 55px; height: 30px; background-color: #EBEAEA; text-align: center; position: fixed; color:#8D8D8D; width: 361px; font-style: normal; margin-top: 2px; font-size: 15px; font-family: georgia; text-align: center;letter-spacing: 2px; line-height:31px; font-style: bold; margin-bottom: 5px; opacity: 0.8; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; }
  99.  
  100. #barrafrase:hover { background-color: #F2F2F2; height: 30px; color: transparent;}
  101.  
  102.  
  103. .barrafrase { text-align: center;  font-size: 15px;  position: fixed; color: transparent; width: 361px; margin-top: 0px; margin-left: 0px; height: 30px; font-style: normal; margin-top: 0px; font-size: 15px; font-family: georgia; text-align: center; letter-spacing: 2px; line-height:31px; font-style: bold; margin-bottom: 5px; opacity: 0.8;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out; }
  104.  
  105. .barrafrase:hover { text-align: center; color: #8D8D8D; font-size: 15px; text-align: center;background-color: #EBEAEA;}
  106.  
  107. /*** ask ***/
  108. .bubble {align:right;background: #F7F7F7; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  109.  
  110. .bubble p {margin:1px 0px;}
  111.  
  112. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #F7F7F7;}
  113.  
  114. /** foto da ask **/
  115. .pics {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
  116.  
  117. /** faixa **/
  118. .faixa {background: #fff; color: #8D8D8D; font-style: italic; font-size: 11px; line-height: 20px; height: 20px; width: 365px; font-family: Georgia; font-style: bold; text-align: center;}
  119.  
  120. /** Formatação da Paginação **/
  121. #paginacaoml {font-size: 11px; font-weight: bold; line-height: 25px; text-shadow: 0 1px 1px #fff;}
  122.  
  123. #paginacaoml a {background: #F2F2F2; margin: 0 1px 0 0; padding: 2px 4px; color: #607B8B; text-decoration: none;}
  124.  
  125. #paginacaoml a:hover {background: #F2F2F2; border: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
  126.  
  127. #paginacaoml span.pagina_atual {background: #F2F2F2; margin: 0 1px 0 0; padding: 2px 4px; color: #607B8B; text-decoration: none;}
  128.  
  129. #paginacaoml span.info {background: #F2F2F2; margin: 0 1px 0 0; padding: 2px 4px; color: #607B8B; text-decoration: none;}
  130.  
  131. /** Wishlist que marca linhas para por um embaixo do outro **/
  132. .wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #F0A8D7; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
  133.  
  134. /** Formatação da pessoa que pergunta **/
  135. .asker img {
  136. width: 48px;
  137. height:48px;
  138. align:left;
  139. margin:0px 0px 5px 0px;}
  140.  
  141. /** Img **/
  142. .imgpost {border: 2px solid #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
  143. un
  144. /** Ask **/
  145. .askbox { align:right; background: #ED61A5;  margin:-60px 0px 5px 62px;
  146. padding:10px;  left: 7px;  width: 420px; position: relative;}
  147.  
  148. .askbox p {margin:1px 0px;}
  149.  
  150. .askbox span { display: block; position: absolute !important; width: 1px; height: 1px; font-size: 0; line-height: 1px; left: -10px; top: 10px; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-right: 10px solid #F4A4CB; text-shadow: 0 1px 1px #eee;}
  151.  
  152. /** BlockQuote **/
  153. blockquote { margin: 5px; padding: 3px; border-left: 4px ridge #000;}
  154.  
  155. </style>
  156. </head>
  157.  
  158. <body onkeydown="return false">
  159.  
  160. <div style="position: fixed; left: 255px; top: 10px; position: fixed; text-align: right;" >
  161.  
  162. <div class="box3">
  163.  
  164. <marquee direction="up" scrollamount="3" height="210px" behavior="alternate"  onmouseover="this.stop()" onmouseout="this.start()">
  165.  
  166. <img src="{image:sidebar}" height="150" width="150" /><br>
  167.  
  168. <img src="{image:sidebar1}" height="150" width="150" /><br>
  169.  
  170. <img src="{image:sidebar2}" height="150" width="150" />
  171.  
  172. </marquee>
  173.  
  174. </div></div></div></div></div>
  175.  
  176. <div style="position: fixed; left: 55px; top: 228px; position: fixed; text-align: right;" >
  177. <div id="barrafrase"><div class="barrafrase">{text:frase1}</div>{text:frase}</div></div></div></div>
  178.  
  179.  
  180. <div style="position: fixed; left: 55px; top: 10px; position: fixed; text-align: right;" >
  181.  
  182. <div class="box2">
  183. {Description}
  184.  
  185. </div></div></div></div>
  186.  
  187. <div style="position: fixed; left: 110px; top: 320px; position: fixed; text-align: right;" >
  188.  
  189. <div class="box4"><center>theme por <a href="http://sorriso-perdido.tumblr.com/"><b>sorriso-perdido</a></b>, não retire os créditos e não copie.</center></div></div></div>
  190.  
  191.  
  192. <div style="position: fixed; left: 54px; top: 259px; position: fixed; text-align: right;" >
  193.  
  194. <a href="/"><un>home</un></a>
  195.  
  196. <a href="/ask"><un>ask</un></a>
  197.  
  198. <a href="/about"><un1>about</un1></a><br>
  199.  
  200. <a href="{text:link}"><un>{text:menu}</un></a>
  201.  
  202. <a href="{text:link1}"><un>{text:menu1}</un></a>
  203.  
  204. <a href="{text:link2}"><un1>{text:menu2}</un1></a>
  205.  
  206. </div></div></div></div>
  207.  
  208. <div style="position: fixed; left: 140px; top: 350px; position: fixed; text-align: right;" >
  209.  
  210. <div id="paginacaoml">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  211. {block:JumpPagination length="10"}
  212. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  213. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  214. {/block:JumpPagination}
  215. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  216. </div></div></div></div>
  217.  
  218.  
  219. <div style="position: fixed; right: -43px; bottom: -90px; position: fixed; text-align: right;" >
  220.  
  221. <img src="http://26.media.tumblr.com/tumblr_lyislarkuC1r81rsno1_500.png" width="350" height="390" />
  222.  
  223. </div></div></div></div></div>
  224.  
  225.  
  226. <div id="posts">
  227. <div id="conteudo">
  228. <div id="mar">
  229. <div id="liuc">
  230. <div style="position: absolute; width: 600px; right: 300px; top: 5px; padding-top:1px; z-index:3;">
  231. {block:Posts}
  232.  
  233.  
  234. {block:Regular}<div class="post"><div class="box">
  235. {block:Title}<h1>{Title}</h1>{/block:Title}
  236. <div class="entry">{Body}</div>
  237.  
  238. <div class="divtraso"></div>
  239.  
  240. <div class="date"><a class="notes" href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  241.  
  242. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  243.  
  244.  
  245. </div></div>
  246. {/block:Regular}
  247.  
  248.  
  249. {block:Photo}
  250. <div class="post"><div class="box">
  251. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-right="10" width="400" />
  252. {LinkCloseTag}
  253. {block:Caption}</center>
  254. <br>
  255. <div class="caption">{Caption}</div>
  256. {/block:Caption}
  257. <div style="clear:both;"></div>
  258. <BR>
  259.  
  260. <div class="divtraso"></div>
  261.  
  262. <div class="date"><a class="notes" href="{Permalink}">Foto</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  263.  
  264. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  265.  
  266.  
  267. </div></div>
  268. {/block:Photo}
  269.  
  270.  
  271. <div style="clear:both;"></div>
  272.  
  273. {block:Answer}
  274. <div class="post"><div class="box">
  275. <img src="{AskerPortraitURL-40}"align="left" class="pics" />
  276. <div class="bubble"><span></span><div class="ask">{Asker} sussurrou: {Question}</div></div>
  277. <b>Resposta:</b>
  278. {Answer}
  279.  
  280. <div style="clear:both;">
  281.  
  282. <BR>
  283.  
  284. <div class="divtraso"></div>
  285.  
  286. <div class="date"><a class="notes" href="{Permalink}">Mensagem</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> </div>
  287.  
  288. </div></div>
  289. {block:Answer}
  290.  
  291. <div style="clear:both;"></div>
  292.  
  293.  
  294. {block:Quote}
  295. <div class="post"><div class="box">
  296. <h1>{Quote}</h1>
  297. </span>
  298. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  299.  
  300. <BR>
  301. <div class="divtraso"></div>
  302.  
  303.  
  304. <div class="date"><a class="notes" href="{Permalink}">Quote</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  305.  
  306. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  307.  
  308.  
  309. </div></div>
  310. {/block:Quote}
  311.  
  312.  
  313. <div style="clear:both;"></div>
  314.  
  315.  
  316. {block:Link}
  317. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  318. {block:Description}
  319. <div class="description">{Description}</div>
  320. {/block:Description}
  321.  
  322. <BR>
  323. <div class="divtraso"></div>
  324.  
  325.  
  326. <div class="date"><a class="notes" href="{Permalink}">Link</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  327.  
  328. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  329.  
  330.  
  331. </div></div>
  332. {/block:Link}
  333.  
  334. <div style="clear:both;"></div>
  335.  
  336.  
  337. {block:Chat}
  338. <div class="post"><div class="box">
  339. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  340. {/block:Title}
  341. <div class="chat">
  342. {block:Lines}
  343. <div class="{Alt} user_{UserNumber}">
  344. {block:Label}
  345.  <span class="label">{Label}</span>
  346. {/block:Label}
  347. {Line}
  348. </div>
  349. {/block:Lines}
  350. </div>
  351. <BR>
  352. <div class="divtraso"></div>
  353.  
  354.  
  355. <div class="date"><a class="notes" href="{Permalink}">Chat</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  356.  
  357. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  358.  
  359.  
  360. </div></div>
  361. {/block:Chat}
  362.  
  363.  
  364. <div style="clear:both;"></div>
  365.  
  366. {block:Audio}
  367. <div class="post">
  368. <div class="box">
  369. {AudioPlayerWhite}
  370. {block:Caption}
  371. <div class="caption">{Caption}</div>
  372. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  373. {/block:Caption}
  374.  
  375.  
  376. <div class="divtraso"></div>
  377.  
  378.  
  379. <div class="date"><a class="notes" href="{Permalink}">Música</a> postada em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  380.  
  381. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  382.  
  383.  
  384. </div></div>
  385. {/block:Audio}
  386.  
  387. <div style="clear:both;"></div>
  388.  
  389.  
  390. {block:Video}
  391. <div class="post">
  392. <div class="box">
  393. {Video-500}
  394. <br>
  395. {block:Caption}
  396. <div class="caption">{Caption}</div>
  397. {/block:Caption}
  398.  
  399. <BR>
  400. <div class="divtraso"></div>
  401.  
  402.  
  403. <div class="date"><a class="notes" href="{Permalink}">Vídeo</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue esse post</a></div>
  404.  
  405. <div class="tag">{block:HasTags}Tags: #{block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}</a></div>
  406.  
  407.  
  408. </div></div>
  409. {/block:Video}
  410.  
  411. <div style="clear:both;"></div>
  412.  
  413. {block:PostNotes}<div class="box">
  414. <div class="notes-bottom">
  415. {PostNotes}
  416. </div></div>
  417. {/block:PostNotes}
  418.  
  419. {/block:Posts}
  420.  
  421.  
  422. </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
  423. </body>
  424. </html>
create a new version of this paste RAW Paste Data