Advertisement
leticiafelippe

Theme14

Apr 1st, 2012
43
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.91 KB | None | 0 0
  1. <!-------------------------------------------------------------------------
  2. Este Theme foi feito por Letícia Felippe (uma-bailarina-skatista.tumblr.com),modifique o quanto quiser mais jamais retire os créditos-----
  3. -------------------------------------------------------------------------->
  4.  
  5.  
  6. <html>
  7. <head>
  8. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  9.  
  10. <title>MUDE ISSO</title>
  11. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl64lxvRu1qfamg6.gif">
  12.  
  13.  
  14. <style>
  15. /*** Background, Plano de Fundo ***/
  16. body{background: #fff Url('LINK DO SEU BACKGROUND,PLANO DE FUNDO'); color: #949494; font-family: Verdana; font-size: 11px; background-attachment:fixed; background-repeat: repeat;}
  17.  
  18. /*** Pagina ***/
  19. #pagina {font:normal 14px verdana,tahoma;color:#000; width: 876px; padding: 0px; text-align:left;}
  20.  
  21. /*** Conteudo ***/
  22. #conteudo {margin-left:400px; margin-top:2px; width: 540px; padding: 5px; text-shadow: 0 1px 1px #fff; }
  23. #conteudo .post {margin-bottom:20px;}
  24.  
  25. .sidebar {position: fixed; width:300px; z-index:2; left: 40px; top: 230px; overflow-x: hidden; overflow-y: hidden; font-style: tahoma; font-size: 11px; color: #666; text-align:justify; background-color: #FFF; padding:6px; text-shadow: 0 1px 1px #fff; color:#666; line-height: 17px; border: 1px solid #eee;}
  26.  
  27. /*** Titulo dos posts ***/
  28. h1 {color: #000; font-family: 'verdana', cursive; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; border-bottom: 2px solid #eee;}
  29.  
  30. /*** Titulo do menu ***/
  31. h2 {color: #000; font-family:'verdana'; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: 1px;}
  32.  
  33. /*** Caixas que fazem o menu, ou aonde fica os posts ***/
  34. .box {background: #fff; margin-bottom: 10px; padding: 5px; text-align: justify; border: 1px solid #eee; -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee; }
  35.  
  36. /*** As informações que ficam embaixo do post ex 'photo postado em 8/11/2006 ... ' ***/
  37. .divdate {border-bottom: 1px dashed #000; margin: 7px 0px 7px 0px;}
  38.  
  39. /*** Tracinho embaixo do h1 e h2 ***/
  40. .infopost {display: block; font-family: Verdana; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
  41.  
  42. /*** Negrito, Itálico e Sublinhado ***/
  43. s {color: #000;}
  44. i {color: #000;}
  45. b {color: #000; }
  46. u, span.sublinha {cursor: nw-resize; text-decoration: none; border-bottom: 1px dashed #000;}
  47.  
  48. /*** Formatação do link e link:hover ***/
  49. a:link, a:active, a:visited { font-family: arial; color: #a3c5ff; text-decoration: none;
  50. -webkit-transition-duration: .40s; }
  51. a:hover { font-family: arial; color: #000000; text-decoration: none; cursor: crosshair; }
  52.  
  53. /*** Nav ***/
  54. .nav1 {background-color: #633965; display: inline-block; padding: 06px; text-align: center; line-height:13px; color:#E6D3C6; width: 63px; float: center; margin:2px 2px 2px 2px; font: normal 10px verdana; border: 0px solid #fff; text-shadow: 0 1px 1px #eee; border-bottom: 0px solid #eee; -webkit-border-top-right-radius: 12px;
  55. -webkit-border-top-left-radius: 12px;text-transform: uppercase;height:15px; }
  56.  
  57.  
  58. /*** Formatação da Paginação ***/
  59. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  60. #paginacaoml a {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #c3adff; text-decoration: none;}
  61. #paginacaoml a:hover {background: #fff; border: none;}
  62. #paginacaoml span.pagina_atual {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #c3adff; text-decoration: none;}
  63. #paginacaoml span.info {background: #fff; margin: 0 1px 0 0; padding: 2px 4px; color: #c3adff; text-decoration: none;}
  64.  
  65. /*** Wishlist que marca linhas para por um embaixo do outro ***/
  66. .wishlist { display: block; background-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f1f1f1; padding-top: 1px; padding-bottom: 1px; padding-right: 2px; padding-left: 2px; margin-right: 2px; }
  67.  
  68. /*** Formatação do menu (home, archive, e bláblá)***/
  69. un {font-family: 'verdana', cursive; letter-spacing: 1px; font-size: 10px; line-height: 13px; background:#000; color:#fff; width: 20%; float: left; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; text-shadow: 2px 2px 3px #eee;}
  70.  
  71. /*** Formatação do menu hover (quando passa o mouse por cima) ***/
  72. un:hover {font-family: 'verdana', cursive; letter-spacing: 2px; font-size: 10px; line-height: 13px; background:#fff color:#fff; width: 20%; float: left; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase;
  73. }
  74.  
  75.  
  76. /*** Formatação da pessoa que pergunta ***/
  77. .asker img {
  78. width: 48px;
  79. height:48px;
  80. align:left;
  81. margin:0px 0px 5px 0px;}
  82.  
  83. /*** Img ***/
  84. .imgpost {border: 2px solid #eee; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
  85.  
  86. /*** Ask ***/
  87. .askbox {
  88. align:right;
  89. background: #eee;
  90. margin:-60px 0px 5px 62px;
  91. padding:10px;
  92. left: 7px;
  93. width: 420px;
  94. position: relative;}
  95.  
  96. .askbox p {margin:1px 0px;}
  97.  
  98. .askbox span {
  99. display: block;
  100. position: absolute !important;
  101. width: 1px;
  102. height: 1px;
  103. font-size: 0;
  104. line-height: 1px;
  105. left: -10px;
  106. top: 10px;
  107. border-top: 7px solid transparent;
  108. border-bottom: 7px solid transparent;
  109. border-right: 10px solid #eee; text-shadow: 0 1px 1px #eee;}
  110.  
  111. /*** Formatação do Titulo dos posts ***/
  112. .title {font: 20pt 'Arial', Georgia, Verdana; color: #c7eaed; margin: 0 0 25px 0; padding: 10px; line-height: 30px; display: block;}
  113.  
  114.  
  115. /*** Borda nas imagens ***/
  116. .bordinha {border: #fff solid 5px; margin:5px;}
  117.  
  118.  
  119. .borderimage
  120. {border: 10px solid #E4D3E4;
  121. background-color: #fff;
  122. padding:5px 5px 5px;
  123. margin:-3px;}
  124.  
  125. /*** BlockQuote ***/
  126. blockquote {
  127. margin: 5px;
  128. padding: 3px;
  129. border-left: 5px ridge #eee;}
  130.  
  131.  
  132. /*** Seleção Colorida ***/
  133. ::-moz-selection
  134. {color: #000;
  135. background: #eee;}
  136.  
  137. ::selection
  138. {color: #000;
  139. background: #eee;}
  140. </style>
  141. </script>
  142. </head>
  143. <body>
  144. <div style="position:absolute; widht: 350px; right: 10px; bottom: 6px; position: fixed;">
  145. <img src="http://media.tumblr.com/tumblr_m19dzvMnAY1r0t82p.jpg"></div>
  146. <div id='menu'>
  147.  
  148.  
  149. </div>
  150.  
  151.  
  152. <div style="position:absolute; width: 350px; left:76px; top:50px; position: fixed; text-align: right;" >
  153. <img src="http://media.tumblr.com/tumblr_m19e0m4gcQ1r0t82p.jpg" class="Nome da sua borda " width="350px" title="">
  154.  
  155. <div style="position:absolute; width: 352px; left:75px; top:550px; position: fixed; text-align: right;" >
  156. <div class="box">
  157. {Description}
  158. </div>
  159.  
  160.  
  161. <!-LINKS->
  162.  
  163. <center><a href="coloqueseulinkaqui"><un>Link1</un></a>
  164. <center><a href="coloqueseulinkaqui"><un>Link2</un></a>
  165. <center><a href="coloqueseulinkaqui"><un>Link3</un></a>
  166. <center><a href="coloqueseulinkaqui"><un>Link4</un></a>
  167. <center><a href="coloqueseulinkaqui"><un>Link5</un></a>
  168. <center><a href="coloqueseulinkaqui"><un>Link6</un></a>
  169. <center><a href="coloqueseulinkaqui"><un>Link7</un></a>
  170. <center><a href="coloqueseulinkaqui"><un>Link8</un></a>
  171. <center><a href="coloqueseulinkaqui"><un>Link9</un></a>
  172. <center><a href="coloqueseulinkaqui"><un>Link10</un></a>
  173. <center><a href="coloqueseulinkaqui"><un>Link11</un></a>
  174. <center><a href="coloqueseulinkaqui"><un>Link12</un></a>
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182. </div></div>
  183.  
  184. <!-- conteudo -->
  185. </div>
  186. <div id="conteudo">
  187. <!-- liuc -->
  188. <div id="liuc">
  189.  
  190.  
  191. <!-- TAGS PRINCIPAIS DO POST -->
  192.  
  193. <!---------- POSTS --------------------------->
  194.  
  195. <!---------- Tamanho, Esquerda, Topo, Espaço do post --------------------------->
  196. <div style="position:absolute; width:550px; left: 500px; top:60px; padding-top:0px; z-index:2;">
  197. <!---------- Continua em baixo não apague nenhum código até o 'FINAL DE TAGS' --------------------------->
  198. {block:Posts}
  199.  
  200. {block:Regular}<div class="post"><div class="box">
  201. {block:Title}<h1>{Title}</h1>{/block:Title}
  202. <div class="entry">{Body}</div>
  203.  
  204. <div class="divdate"></div>
  205.  
  206.  
  207. <!---------------- DATA DOS POSTS ------------->
  208. <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 this!</a>)</div>
  209.  
  210. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  211.  
  212.  
  213. </div></div>
  214. {/block:Regular}
  215.  
  216.  
  217. <!---------------- As fotos que ficam nos posts ------------->
  218.  
  219. {block:Photo}
  220. <div class="post"><div class="box">
  221. <center>
  222. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" margin-left=05px; width=530px class="borda">{LinkCloseTag}</center>
  223. {block:Caption}
  224. <br>
  225. <div class="caption">{Caption}</div>
  226. {/block:Caption}
  227. <div style="clear:both;"></div>
  228. <BR>
  229.  
  230. <div class="divdate"></div>
  231.  
  232.  
  233. <!---------------- DATA DOS POSTS ------------->
  234. <div class="date"><a class="notes" href="{Permalink}">Photo</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 this!</a>)</div>
  235.  
  236. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  237.  
  238.  
  239. </div></div>
  240. {/block:Photo}
  241.  
  242.  
  243. <div style="clear:both;"></div>
  244.  
  245. <!---------- ASK --------------------------->
  246. {block:Answer}
  247. <div class="post"><DIV CLASS="BOX">
  248. <img src="{AskerPortraitURL-40}"align="left" class="borda"/>
  249. <div class="ask"><b>{Asker}</b>:
  250. <br>{Question}<br></div>
  251. {Answer}
  252.  
  253. <div style="clear:both;"></div>
  254.  
  255. <BR>
  256.  
  257. <div class="divdate"></div>
  258.  
  259. <!---------------- DATA DOS POSTS ------------->
  260. <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>
  261.  
  262. </div></div>
  263. {block:Answer}
  264.  
  265. <div style="clear:both;"></div>
  266.  
  267. <!---------- QUOTES --------------------------->
  268.  
  269.  
  270. {block:Quote}
  271. <div class="post"><div class="box">
  272. <h1>{Quote}</h1>
  273. </span>
  274. {block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  275.  
  276. <BR>
  277. <div class="divdate"></div>
  278.  
  279.  
  280. <!---------------- DATA DOS POSTS ------------->
  281. <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 class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  282.  
  283. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  284.  
  285.  
  286. </div></div>
  287. {/block:Quote}
  288.  
  289.  
  290. <div style="clear:both;"></div>
  291.  
  292. <!---------- LINKS --------------------------->
  293.  
  294.  
  295. {block:Link}
  296. <div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  297. {block:Description}
  298. <div class="description">{Description}</div>
  299. {/block:Description}
  300.  
  301. <BR>
  302. <div class="divdate"></div>
  303.  
  304.  
  305. <!---------------- DATA DOS POSTS ------------->
  306. <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 class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  307.  
  308. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  309.  
  310.  
  311. </div></div>
  312. {/block:Link}
  313.  
  314. <div style="clear:both;"></div>
  315.  
  316.  
  317. <!---------- CHAT --------------------------->
  318. {block:Chat}
  319. <div class="post"><div class="box">
  320. {block:Title}<div class="titulo"><a href="{Permalink}">{Title}</a></div>
  321. {/block:Title}
  322. <div class="chat">
  323. {block:Lines}
  324. <div class="{Alt} user_{UserNumber}">
  325. {block:Label}
  326. <span class="label">{Label}</span>
  327. {/block:Label}
  328. {Line}
  329. </div>
  330. {/block:Lines}
  331. </div>
  332. <BR>
  333. <div class="divdate"></div>
  334.  
  335.  
  336. <!---------------- DATA DOS POSTS ------------->
  337. <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 class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  338.  
  339. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  340.  
  341.  
  342. </div></div>
  343. {/block:Chat}
  344.  
  345.  
  346. <div style="clear:both;"></div>
  347.  
  348. <!---------- AUDIO --------------------------->
  349. {block:Audio}
  350. <div class="post"><div class="box">
  351. {AudioPlayerWhite}
  352. {block:Caption}
  353. <div class="caption">{Caption}</div>
  354. <div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>
  355. {/block:Caption}
  356.  
  357.  
  358. <div class="divdate"></div>
  359.  
  360.  
  361. <!---------------- DATA DOS POSTS ------------->
  362. <div class="date"><a class="notes" href="{Permalink}">Música</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> às {12Hour}:{Minutes}{AmPm} | <a class="notes">{NoteCountWithLabel}</a> | (<a class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  363.  
  364. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  365.  
  366.  
  367. </div></div>
  368. {/block:Audio}
  369.  
  370. <div style="clear:both;"></div>
  371. <!---------- VIDEOS --------------------------->
  372.  
  373. {block:Video}
  374. <div class="post">
  375. <div class="box">
  376. {Video-500}
  377. <br>
  378. {block:Caption}
  379. <div class="caption">{Caption}</div>
  380. {/block:Caption}
  381.  
  382. <BR>
  383. <div class="divdate"></div>
  384.  
  385.  
  386. <!---------------- DATA DOS POSTS ------------->
  387. <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 class="reblogue" href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblogue this!</a>)</div>
  388.  
  389. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a class="tag" href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  390.  
  391.  
  392. </div></div>
  393. {/block:Video}
  394.  
  395. <div style="clear:both;"></div>
  396.  
  397. <!---------------- NOTAS DOS POSTS ------------->
  398. {block:PostNotes}<div class="box">
  399. <div class="notes-bottom">
  400. {PostNotes}
  401. </div></div>
  402. {/block:PostNotes}
  403.  
  404. <!---------------- FIM DAS NOTAS DOS POSTS ------------->
  405. {/block:Posts}
  406. <!---------------- FINAL DE TAGS DO POST ------------->
  407.  
  408. <!---------------- Número ou quantidade de páginas que ficam no final do tumblr ------------->
  409. <div class="caixap2"><center><div id="paginacaoml"><span class="info" style="font-weight: normal;">Página <b>1</b> de <b>4424</b></span>
  410.  
  411. <span class="pagina_atual">1</span>
  412.  
  413.  
  414.  
  415. <a class="jump_page" href="/page/2">2</a>
  416.  
  417.  
  418. <a class="jump_page" href="/page/3">3</a>
  419.  
  420.  
  421. <a class="jump_page" href="/page/4">4</a>
  422.  
  423.  
  424. <a class="jump_page" href="/page/5">5</a>
  425.  
  426.  
  427. <a class="jump_page" href="/page/6">6</a>
  428.  
  429. <a href="/page/7">&raquo;</a>
  430. </div></div>
  431. </center>
  432. <br>
  433. <!-- COMEÇA O FALSO IFRAME NÃO APAGUE ESTA PARTE OK ? -->
  434.  
  435.  
  436. <div id="03" style="display:none;">
  437. <div style="position:absolute; width: 560px; left:540px; top:60px; position: fixed; text-align: right;" >
  438.  
  439. <div class="box">
  440. <h2>Sobre meu tumblr</h2>
  441. <div class="infopost"></div><br>
  442.  
  443. SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR, SOBRE SEU TUMBLR,</div>
  444.  
  445.  
  446.  
  447. <div class="box">
  448. <h2>Recomendo</h2>
  449. <div class="infopost"></div><br>
  450.  
  451. <a href="LINK">Nome</a> + <a href="LINK">Nome</a> + <a href="LINK">Nome</a> + <a href="LINK">Nome</a> + <a href="LINK">Nome</a> + <a href="LINK">Nome</a>
  452. </div>
  453.  
  454. <div class="box">
  455. <h2>Crédito</h2>
  456. <div class="infopost"></div><br>
  457.  
  458. <div class="wishlist">Feito por <a href="http://uma-bailarina-skatista.tumblr.com">Uma Bailarina Skatista</a></div>
  459. </div>
  460.  
  461. </div>
  462.  
  463.  
  464.  
  465.  
  466.  
  467.  
  468.  
  469.  
  470. </div>
  471.  
  472. </div></div></div></div>
  473.  
  474. </body>
  475. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement