API tools faq
paste
biahygino

Theme 13

biahygino
Mar 15th, 2012
97
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  4. <title>{title}</title>
  5.  
  6. <style type="text/css">
  7.  
  8.  
  9. html::-webkit-scrollbar-track-piece {background: none;}
  10.  
  11.  
  12.  
  13.  
  14. /*******Fundo do tumblr ************/
  15. body{background: url('http://www.sadmuffin.net/cherrybam/myspacelayouts/stars/29.gif') fixed; text-align: justify; color: #a6a6a6; margin-left: 50px; margin-top: 15px; padding: 0; line-height: 17px; color: #a6a6a6; overflow-x:hidden; height:100%; font: 11px Verdana;}
  16.  
  17. /****Tamanho das imagens em geral***/
  18. img {max-width: 500px;}
  19. /******Formatação dos links,se não sab disso vá nos tutoriais.***/
  20. a:link{
  21. color: #E1F2E9;
  22. text-decoration: none;
  23. }
  24.  
  25. a:visited{
  26. color:#BDE3D7;
  27. }
  28.  
  29. a:hover{
  30. color:#ABBAD1;
  31. }
  32.  
  33. a:active{
  34. color:#889ACF;
  35. }
  36. /***Pontilhados... *****/
  37. blockquote {background: #DEA6CA;}
  38.  
  39. /***Caixa do profile e tals.(Área de posts...)****/
  40. .caixa{
  41. background:#fff;
  42. color: #969696;
  43. padding: 4px;
  44. font-family: 'Happy Monkey', cursive;
  45. font-style: normal;
  46. font-size: 11px;
  47. border: 1px solid #ebebeb;
  48. -moz-border-radius: 5px;
  49. -webkit-border-radius: 5px;
  50. }
  51. /***Caixa de posts ***/
  52. .caixa2{
  53. background:#fff;
  54. color: #969696;
  55. padding: 4px;
  56. font-family: 'Happy Monkey', cursive;
  57. font-style: normal;
  58. font-size: 11px;
  59. border: 1px solid #ebebeb;
  60. -moz-border-radius: 5px;
  61. -webkit-border-radius: 5px;
  62. }
  63. /***Ask***/
  64. .ask {
  65. background:##fff;
  66. text-align: left;
  67. margin-left: 56px;
  68. padding: 5px 5px 5px 5px;
  69. -moz-border-radius: 5px;
  70. -webkit-border-radius: 5px;
  71. border-bottom: 1px solid #EED5E7;
  72. border: 1px solid #BBBBBB;
  73. }
  74.  
  75. /****Cor dos titulos e tamanho***/
  76.  
  77. .h1 {
  78. color: #CCC0C2;
  79. font-family: 'Happy Monkey', cursive;
  80. font-size:21px;
  81. line-height:25px;
  82. letter-spacing:-2px;
  83. font-weight:normal;
  84. margin:0px;
  85. padding:0px;
  86. margin-bottom:-0px;
  87. text-align:left;
  88. }
  89.  
  90. h3{
  91. color: #DBBDBD;
  92. font-family: 'Happy Monkey', cursive;
  93. font-size:30px;
  94. line-height:21px;
  95. letter-spacing:3px;
  96. font-weight:normal;
  97. margin:0px;
  98. padding:0px;
  99. margin-bottom:-0px;
  100. text-align:left;
  101. }
  102. /*****Fundo dos notes***/
  103. #jojo{
  104. font-family: 'Happy Monkey', cursive;
  105. letter-spacing: 1px;
  106. font-size:7pt;
  107. border-top:1px solid #EEE0E5;
  108. -moz-border-radius: 5px;
  109. -webkit-border-radius: 5px;
  110. }
  111. /**sidebar***/
  112. #side{
  113. position:fixed;
  114. width:400px;
  115. left:650px;
  116. top:60px;
  117. padding-top:0px;
  118. z-index:2;
  119. }
  120.  
  121. /****caixa da sidebar****/
  122. #caixab{
  123. background: #fff;
  124. width: 300;
  125. font-style: normal;
  126. font-size: 9pt;
  127. font-family: 'Happy Monkey', cursive;
  128. -moz-border-radius: 5px;
  129. -webkit-border-radius: 5px;
  130. }
  131.  
  132. /****menu ***/
  133. .nav1{
  134. -moz-border-radius: 10px;
  135. -webkit-border-radius: 10px;
  136. text-align: center;
  137. padding:3px 0px;
  138. color: #fff;
  139. background-color: #DBBDBD;
  140. margin-left:1px;
  141. margin-right:1px;
  142. margin-bottom:1px;
  143. margin-top:3px;
  144. width: 100px;
  145. position:relative;
  146. width: 100px;
  147. display: inline-block;
  148. cursor: default;
  149. }
  150.  
  151. .nav1:hover {background-color:#E5BCB9; color: #000;}
  152.  
  153. /*****Sublinhado,italico etc tudo aqui****/
  154. s {color: #D7F0F2;}
  155. i {color: #0070B5;}
  156. em {color: #6AA4D9;}
  157. b {color:#B8A3CF;}
  158. strong {color: #F7B4CA;}
  159. u, span.sublinha {text-decoration: none; border-bottom: 1px dashed #DEA6CA;}
  160. /*****Informação dos posts****/
  161. .infopost {display: block; font-family: 'Happy Monkey', cursive; font-size: 10px; letter-spacing: 1px; text-align: left; color: #eee; padding: 2px; margin-top: -3px; border-bottom: 1px solid #eee;}
  162. img {
  163. opacity: 0.82;
  164. }
  165. img:hover {
  166. opacity: 1;
  167. }
  168.  
  169. </style>
  170. </head>
  171.  
  172. <body>
  173.  
  174. </div>
  175. <!---------Sidebar-------->
  176. <div id="side">
  177. <div style="text-align: justify;">
  178. <div id="caixab">
  179.  
  180. <!---Gif da descrição e descrição------->
  181. <center><img src="http://29.media.tumblr.com/tumblr_m0odncBSPv1qlefrno1_500.gif" width="300"></center><br><br>
  182. Sua descrição aqui bê , na1 podi tirar os créditos .<br>
  183. <center>
  184. <!--------Menu principal--------->
  185. <div id="caixab"><br><a href="http://SEUTUMBLR.tumblr.com" class="nav1">Home</a><span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('ask').innerHTML">Ask me</span><span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('sobre').innerHTML">About me</span>
  186. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('extras').innerHTML">Tumblr</span>
  187. <span class="nav1" onClick="document.getElementById('entry').innerHTML=document.getElementById('creditos').innerHTML">Créditos</span>
  188. <!-- paginação -->
  189. <center> <div id="paginacaoml"> <a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}
  190. {block:JumpPagination length="09"}
  191. {block:CurrentPage}<span class="pagina_atual">{PageNumber}</span>{/block:CurrentPage}
  192. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  193. {/block:JumpPagination}
  194. {block:Pagination}{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</center><br>
  195. </div>
  196.  
  197. <br>
  198. </div></div>
  199. <!------Não apague nada aqui só altere o que for pedido------->
  200. </div>
  201. <!-----------------créditos------------------------->
  202. <div id="creditos" style="display:none">
  203. <div style="text-align: justify;">
  204. <left><div class="caixa">
  205. <div class="h3">Créditos</div>
  206. <div class="infopost"></div>
  207. <br>Theme por: <a href="http://s-smiling.tumblr.com">Beatriz Hygino</a> </br>
  208. <br>Base por: <a href="http://semprehtml.tumblr.com">Sempre html.</a> </br>
  209. <br>Css por: <a href="http://beatriz-favato.tumblr.com/">Beatriz.</a> </br>
  210. </div></div></div>
  211. <!---------------About--------------------->
  212. <div id="sobre" style="display:none">
  213. <div style="text-align: justify;">
  214. <left><div class="caixa2">
  215. <div class="h3">About me</div>
  216. </left>
  217. <div class="infopost"></div><br>
  218.  
  219. <img src="http://30.media.tumblr.com/tumblr_m0wbrxMFEh1qhzhbwo3_250.jpg" align="right">
  220.  
  221. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você. Escreva sobre você aqui. Sobre você.
  222. <br><br>
  223.  
  224. </div></div></div></div>
  225.  
  226. </div></div></div></div></div>
  227. <!---------------Ask--------------->
  228. <div id="ask" style="display:none">
  229. <div class="caixa2">
  230. <div style="text-align: justify;">
  231. <div class="h3">Ask me</div>
  232. <div class="infopost"></div><br>
  233.  
  234. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe><!--[if IE]><script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script><![endif]--></p></span>
  235.  
  236. </div></div></div>
  237. <!----------Sobre o seu tumblr----------->
  238. <div id="extras" style="display:none">
  239. <div style="text-align: justify;">
  240. <div class="caixa2">
  241. <div class="h3">Sobre o tumblr</div>
  242. <div class="infopost"></div><br>
  243.  
  244. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui. Sobre o seu Tumblr. Escreva sobre o seu Tumblr aqui.
  245.  
  246. <br>
  247. </div>
  248.  
  249. <br>
  250. <!---------------Recomendo------------->
  251. <div class="caixa2">
  252. <div style="text-align: justify;">
  253. <div class="h3">Recomendo</div>
  254. <div class="infopost"></div>
  255. <br>
  256. <a href="http://semprehtml.tumblr.com">Sempre Html</a>+
  257. <a href="LINK DO TUMBLR">NOME DO TUMBLR</a> +
  258. <a href="LINK DO TUMBLR">NOME DO TUMBLR</a> </div>
  259. </br>
  260. <!------------Followings---------->
  261. <div class="caixa2">
  262. <div class="h3">Following</div>
  263. <div class="infopost"></div><br>
  264.  
  265. {block:Following}
  266. {block:Followed}<a href="{FollowedURL}"><img src="{FollowedPortraitURL-30}" border="2" title="{FollowedTitle}" /></a>{/block:Followed}
  267. {/block:Following}
  268. <br>
  269. </div>
  270.  
  271. </div></div></div></div>
  272.  
  273. <div style="position:absolute; width:550px; left:50px; top:60px; padding-top:0px; z-index:2;">
  274.  
  275. <div id="entry">
  276. <!-- TAGS DO THEME -->
  277.  
  278. {block:Posts}<div class="caixa">
  279. {block:Quote}<h3>"{Quote}"&nbsp;</h3>{/block:Quote}
  280. {block:Title}<h3>{Title}&nbsp;</h3>{/block:Title}
  281. {block:Link}<a href="{URL}" class="link" {Target}><h3>{Name}&nbsp;</h3></a>{/block:Link}
  282.  
  283. {block:Text}{Body}{/block:Text}
  284. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" class="border" alt="{PhotoAlt}" width=525px/>{LinkCloseTag}</center>{block:Caption} {Caption}{/block:Caption}{/block:Photo}
  285. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  286. {block:Quote}{block:Source}<P>{Source}</p>{/block:Source}{/block:Quote}
  287. {block:Link}{block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  288. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  289. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  290. {block:Answer}
  291.  
  292. <img src="{AskerPortraitURL-40}"align="left" class="borda"/>
  293. <div class="ask"><b>{Asker}</b>:
  294. <br>{Question}<br></div>
  295. {Answer}
  296.  
  297. {/block:Answer}
  298. {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  299.  
  300. <br>
  301. <div id="lalala">
  302. {block:Date} Posted on <a href="{Permalink}">{Month}/{DayOfMonth}/{Year}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
  303. <div style="float:right;">
  304. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">Reblog this</a>
  305. </div>
  306. {block:HasTags}<br># Tagged:{block:Tags}<a href="{TagURL}"> #{Tag}</a>, {/block:Tags}{/block:HasTags}</div>
  307. </div><BR>
  308. {/block:Posts}
  309. {block:PostNotes}{PostNotes}{/block:PostNotes}
  310.  
  311.  
  312. </div>
  313. {/block:Video}
  314. {/block:Posts}
  315.  
  316. <center>
  317. </div></div>
  318. </div></div></div>
  319. </div></div>
  320. </center>
  321. <!-------------Fim das tags principais----------->
  322. </body>
  323. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!