API tools faq
paste
Advertisement
leticiafelippe

Theme20

leticiafelippe
Apr 11th, 2012
43
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.69 KB | None | 0 0
raw download clone embed print report
  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. <html>
  6. <head>
  7. <title>MUDE ISSO</title>
  8. <link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lkl6c9FAvY1qfamg6.gif">
  9. <style>
  10. /*** imagens e blá blá blá *-* ***/
  11.  
  12. img {margin: 1px; border: none; filter: alpha(opacity=50); moz-opacity:1.0; opacity:1.0;}
  13. img:hover {margin: 1px; border: none; filter: alpha(opacity=50); moz-opacity:.80; opacity:.80 ; -webkit-transition-duration: .1s;}
  14.  
  15. /*** plano de fundo ***/
  16. body { background: #000 url('http://30.media.tumblr.com/tumblr_m2bz3sdxrc1rswm32o1_500.jpg'); background-attachment: fixed; font-family: verdana; font-size: 11px; text-align:justify; color: #000; line-height:14px; background-repeat: repeat; background-position: bottom left;}
  17.  
  18. /*** Títulos ***/
  19. h1 {color: #000; font-family:'Calibri'; 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;}
  20. h2 {color: #949494; font-family:'Calibri'; 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;}
  21.  
  22. /*** box dos posts ***/
  23. .box {background: #fff; margin-bottom: 12px; padding: 5px; text-align: justify; border: 1px solid #eee; -moz-box-shadow: 0 0 1em #eee9e9; -webkit-box-shadow: 0 0 1em #eee; box-shadow: 0 0 1em #eee;}
  24.  
  25. /*** link ***/
  26. a:link {color: #000; text-decoration: none;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out}
  27. a:visited {color: #000; text-decoration: none;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out}
  28. a:hover { color: #949494;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out}
  29.  
  30. /*** Negrito, Itálico e Sublinhado ***/
  31. s {color: #000;}
  32. i {color: #000;}
  33. b {color: #000; }
  34. u, span.sublinha {cursor: nw-resize; text-decoration: none; border-bottom: 1px dashed #000;}
  35.  
  36. /*** Blockquote ***/
  37. blockquote {border-left: 2px solid #000; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #eee;}
  38.  
  39. /*** Tracinho em cima da data e etc ***/
  40. .line {border-bottom: 3px dashed #949494; margin: 7px 0px 7px 0px;}
  41.  
  42. /*** Caixa da data ***/
  43. .data {background: #EEE; font-size: 11px; margin-top:1px; text-align:center; padding:3px;letter-spacing:1px; color:#888; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  44.  
  45.  
  46. /*** Paginação ***/
  47.  
  48. #paginacaoml {font-size: 10px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff;}
  49. #paginacaoml a {background: #eee; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  50.  
  51. #paginacaoml a:hover {background: #eee; border: none;}
  52.  
  53. #paginacaoml span.pagina_atual {background: #eee; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  54.  
  55. #paginacaoml span.info {background: #eee; margin: 0 1px 0 0; padding: 2px 4px; color: #000; text-decoration: none;}
  56.  
  57.  
  58. /***menu ***/
  59. un {font-family: arial; letter-spacing: 1px; font-size: 11px; line-height: 13px; display: inline-block; background:#fff; color:#000; width: 15%; float: left; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase; -moz-border-radius: 5em;
  60. border-radius:1em; text-shadow: 2px 2px 3px #eee;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out}
  61.  
  62. /*** menu hover ***/
  63. un:hover {font-family: arial; letter-spacing: 2px; font-size: 11px; line-height: 13px; display: inline-block; background:#fff; color:#000; width: 15%; float: left; padding: 5px; margin: 1px; text-align: center; text-transform: uppercase;-moz-border-radius:5em;
  64. border-radius: 1em;-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out
  65. }
  66.  
  67. /*** Seleção Colorida ***/
  68. ::-moz-selection
  69. {color: #000;
  70. background: #D3D3D3;}
  71.  
  72. ::selection
  73. {color: #000;
  74. background: #D3D3D3;}
  75.  
  76. /*** Wishlist ***/
  77. .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; }
  78.  
  79. /*** Formatação da pessoa que pergunta ***/
  80. .asker img {width: 48px;height:48px; align:left; margin:0px 0px 5px 0px;}
  81.  
  82. .ask {
  83. background:#eee;
  84. text-align: left;
  85. margin-left: 56px;
  86. padding: 5px 5px 5px 5px;
  87. -moz-border-radius: 5px;
  88. -webkit-border-radius: 5px;
  89. border-bottom: 1px solid #eee;
  90. }
  91.  
  92. .answer {padding: 3px 3px 3px 3px; font-family: georgia; font-style: italic; background: #EEEEE0}
  93.  
  94.  
  95. </style>
  96. </script>
  97. </head>
  98. <body>
  99.  
  100. <div style="position:fixed; width: 355px; left:76px; top:60px; text-align: right;" >
  101. <!-- imagem sidebar (:-->
  102. <img src="http://30.media.tumblr.com/tumblr_m1aj0rkM4O1r7pjvxo1_500.jpg" width="360" align="center"
  103. style="border-radius: 30px 30px 0px 0px; -webkit-border-radius:0px px 30px 30px;
  104. -moz-border-radius: 30px 30px 0px 0px; " />
  105.  
  106. <div style="position:absolute; width: 360px; left:75px; top:250px; position: fixed; text-align: right;" >
  107. <div class="box">
  108. <marquee>Frase aqui \o/</marquee>
  109. {description}
  110. </div>
  111.  
  112.  
  113.  
  114. <a href="coloqueseulinkaqui"><un>Link1</un></a>
  115. <a href="coloqueseulinkaqui"><un>Link2</un></a>
  116. <a href="coloqueseulinkaqui"><un>Link3</un></a>
  117. <a href="coloqueseulinkaqui"><un>Link4</un></a>
  118. <a href="coloqueseulinkaqui"><un>Link5</un></a>
  119. <a href="coloqueseulinkaqui"><un>Link6</un></a>
  120. <a href="coloqueseulinkaqui"><un>Link7</un></a>
  121. <a href="coloqueseulinkaqui"><un>Link8</un></a>
  122. <a href="coloqueseulinkaqui"><un>Link9</un></a>
  123. <a href="coloqueseulinkaqui"><un>Link10</un></a>
  124.  
  125.  
  126. </div></div></div></div></div>
  127.  
  128.  
  129.  
  130. <!-- NÃO APAGUE NADA AQUI -->
  131. <!---------- Posts --------------------------->
  132. <div style="position:absolute; width:580px; left: 470px; top:40px; padding-top:0px;">
  133.  
  134. <center>
  135.  
  136. </center>
  137.  
  138. <div id="liuc">
  139. {block:Posts}
  140.  
  141. {block:Regular}<div class="post"><div class="box">{block:Title}<h1>{Title}</h1>{/block:Title}<div class="entry">{Body}</div>
  142. <div class="line"></div>
  143.  
  144. <!---------------- Data dos posts ------------->
  145. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  146. <div class="tag">{block:HasTags}Tags: {block:Tags}&nbsp;<a href="{TagURL}">{Tag}</a>&nbsp;#{/block:Tags}{/block:HasTags}</a></div>
  147. </div></div>{/block:Regular}
  148.  
  149. <!---------- Photos --------------------------->
  150. {block:Photo}<div class="post"><div class="box"><center>{LinkOpenTag}<img src="{PhotoURL-500}" class="border" alt="{PhotoAlt}" />{LinkCloseTag}</center>{block:Caption} <br><div class="caption">{Caption}</div>{/block:Caption}<div style="clear:both;"></div><BR>
  151. <div class="line"></div>
  152.  
  153. <!---------------- Data dos posts ------------->
  154. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  155.  
  156.  
  157.  
  158. </div></div>{/block:Photo}
  159.  
  160. <div style="clear:both;"></div>
  161. <!---------- Ask --------------------------->
  162. {block:Answer}<div class="post"><div class="box"><img src="{AskerPortraitURL-40}"align="left" class="border"/><div class="ask"><b><div class="bubble"><span></span>{Asker}</b>:<br>{Question}</div></div>{Answer}
  163. <div style="clear:both;"></div>
  164. <BR>
  165. <div class="line"></div>
  166.  
  167. <!---------------- Data dos posts ------------->
  168. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  169. </div></div>{block:Answer}
  170. <div style="clear:both;"></div>
  171.  
  172. <!---------- Quotes --------------------------->
  173. {block:Quote}<div class="post"><div class="box"><h1>{Quote}</h1></span>{block:Source}<div class="source">&mdash; {Source}</div>{/block:Source}
  174. <BR>
  175. <div class="line"></div>
  176.  
  177. <!---------------- Data dos posts ------------->
  178. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  179.  
  180.  
  181.  
  182. </div></div>{/block:Quote}
  183.  
  184. <div style="clear:both;"></div>
  185.  
  186. <!---------- Links --------------------------->
  187.  
  188. {block:Link}<div class="post"><div class="box"><a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>{block:Description}<div class="description">{Description}</div>{/block:Description}
  189. <BR><div class="line"></div>
  190.  
  191. <!---------------- Da ta dos posts ------------->
  192. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  193.  
  194.  
  195. </div></div>{/block:Link}
  196. <div style="clear:both;"></div>
  197.  
  198. <!---------- Chat --------------------------->
  199. {block:Chat}<div class="post"><div class="box">{block:Title}<div class="h1"><a href="{Permalink}">{Title}</a></div>{/block:Title}<div class="chat">{block:Lines}<div class="{Alt} user_{UserNumber}">{block:Label} <span class="label">{Label}</span>{/block:Label}{Line}</div>{/block:Lines}</div><BR><div class="line"></div>
  200.  
  201. <!---------------- Data dos posts ------------->
  202. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  203.  
  204.  
  205. </div></div>{/block:Chat}
  206.  
  207. <div style="clear:both;"></div>
  208. <!---------- Audio --------------------------->
  209. {block:Audio}<div class="post"><div class="box">{AudioPlayerWhite}{block:Caption}<div class="caption">{Caption}</div><div style="float:right; margin-top: -50px;"><h>Música ouvida {PlayCount} vezes</h> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div>{/block:Caption}
  210.  
  211. <div class="line"></div>
  212.  
  213. <!---------------- Data dos posts ------------->
  214. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  215.  
  216.  
  217. </div></div>{/block:Audio}
  218. <div style="clear:both;"></div>
  219.  
  220. <!---------- Videos --------------------------->
  221. {block:Video}<div class="post"><div class="box">{Video-500}<br>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  222. <BR><div class="line"></div>
  223.  
  224. <!---------------- Data dos posts ------------->
  225. <div class="data"><a href="{Permalink}">Texto</a> postado em <strong>{DayOfMonth}</strong>/<strong>{MonthNumberWithZero}</strong>/<strong>{Year}</strong> | <a href="{Permalink}" align="left"><b>{NoteCount}</b> notes </a> | (<a href="{ReblogURL}" target="_blank">Reblog this shit</a>)</div>
  226.  
  227.  
  228. </div></div>{/block:Video}
  229. <div style="clear:both;"></div>
  230.  
  231. <!---------------- Notas dos posts ------------->
  232. {block:PostNotes}<div class="box"><div class="notes-bottom">{PostNotes}</div>{/block:PostNotes}
  233.  
  234.  
  235. <!---------------- Fim das notas dos posts ------------->
  236.  
  237. {/block:Posts}
  238. <center>
  239. <div id="paginacaoml"><span class="info" style="font-weight: normal;">Página {CurrentPage} de {TotalPages}</span> {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  240. {block:JumpPagination length="10"}
  241. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  242. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  243. {/block:JumpPagination}
  244. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}
  245. </div>
  246.  
  247. </center>
  248.  
  249. <br>
  250. </div>
  251.  
  252. <!-- Falso i-frame -->
  253.  
  254.  
  255.  
  256. <div id="01" style="display:none">
  257. <div class="box">
  258. <h2>Sobre mim</h2><br>
  259. <img src="{PortraitURL-96}" align="right" width="85px" height="82px" align="left" class="borda" style=" margin-bottom:1px; -webkit-border-radius: 50px; -moz-border-radius: 10px; border-radius: 10px; ">
  260.  
  261. escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui escreva algo aqui <br><br><br></div>
  262.  
  263. <div id="03" style="display:none">
  264.  
  265. <div class="box">
  266. <h2>Recomendo</h2>
  267. <div class="infopost"></div><br>
  268.  
  269.  
  270. <a href="LINK.tumblr.com">Tumblr 01</a> <br>
  271. <a href="LINK.tumblr.com">Tumblr 02</a> <br>
  272. <a href="LINK.tumblr.com">Tumblr 03</a> <br>
  273. <a href="LINK.tumblr.com">Tumblr 04</a> <br>
  274. </div>
  275.  
  276. <div class="box">
  277. <h2>Crédito</h2>
  278. <div class="infopost"></div><br>
  279.  
  280. <div class="wishlist">Feito por <a href="http://uma-bailarina-skatista.tumblr.com/">Uma Bailarina Skatista</a>
  281. </div></div></div></div></div></div></div></div>
  282. </body>
  283. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!