Advertisement
enjoying-the-life

Theme 3

Feb 27th, 2012
44
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.61 KB | None | 0 0
  1. <!------------------------- NAO SE INSPIRE NEM USE COMO BASE< NAO DISPONIBILIZE TAMBÉM. THEME TOTALMENTE FEITO POR: enjoying-the-life | Tumblr SAIBA QUE PLAGIO É CRIME E SE EU VER O CÓDIGO DO MEU THEME EU VOU RECONHECER E VOCÊ VAI SE DAR MUITO MAL ------------------>
  2.  
  3. <html>
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Spirax' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Redressed' rel='stylesheet' type='text/css'>
  9.  
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12.  
  13. <style>
  14. /* body */
  15. body {background: white url('http://27.media.tumblr.com/tumblr_lugtr8t6C31r4dwq0o1_400.jpg');font: 11px tahoma; text-align:justify; color: #000;background-attachment: fixed; background-position:left bottom ; background-repeat:no-repeat;}
  16.  
  17.  
  18. /* página */
  19. #content {width: 900px; margin-top: 0px; margin-right: auto; margin-bottom: 75px; margin-left: auto;}
  20.  
  21. /* posts */
  22. #posts {top: 50px; right: 390px; width:500px; position: absolute;}
  23.  
  24. /* side */
  25. #sidebar {width:300px; text-align: justify; float: left; position: fixed; top: 0px; right:70px; top: 50px;}
  26.  
  27. /* caixas */
  28. .box {background: #FFF; padding: 5px; margin-bottom: 10px; left:20px; border-radius: 5px 5px 0px 0px; border-top: 5px solid pink; box-shadow: 0px 0px 15px d3d3d3}
  29. .boxside {background: #FFF; padding: 5px; margin-bottom: 7px; left:230px; border-radius: 5px; box-shadow: 0px 0px 15px d3d3d3}
  30. .boxpage {background: #FFF; padding: 5px; margin-bottom: 7px; left:230px; border-radius: 5px; box-shadow: 0px 0px 15px d3d3d3; border-top: 5px solid pink;}
  31.  
  32. .boxxx {background: #FFF; padding: 5px; margin-bottom: 7px; left:10px; border-radius: 5px; box-shadow: 0px 0px 15px d3d3d3; width: 238px}
  33.  
  34. /* negrito, sublinhado, itálico e tarjado */
  35. b, strong, bold {color: #5BA5BD;} u, underline {color: #000; border-bottom: 1px solid #EA206D;text-decoration:none;} i, em {color: #5BA5BD;} s, strike {color: #EA206D;}
  36.  
  37. /* titulos */
  38. h1 {color:#26B4BC; font-family: 'Niconne', cursive; font-size:25px;line-height:25px; font-weight:normal; letter-spacing: 1px;}
  39.  
  40. h2 {color: #5EABB0; font-family: 'Redressed', cursive; font-size:25px;line-height:25px; font-weight:normal; letter-spacing: 1px;}
  41.  
  42. h3 {color:#F872A5; font-family: 'Spirax', cursive; font-size:25px;line-height:25px; font-weight:normal; letter-spacing: 1px;}
  43.  
  44. /* borda nas imagens */
  45. .border {border: 8px solid D8E9E8; background-color: D8E9E8; border-radius:5px; margin:5px;}
  46.  
  47. /* borda nas imagens */
  48. .rec {border: 4px solid D8E9E8; background-color: D8E9E8; border-radius:5px; margin:5px;}
  49.  
  50. /* links */
  51. a {color: #EA206D; -webkit-transition-duration: .99s; text-decoration:none;}
  52. a:hover, div.permalink p a:hover {color: D8E9E8;border: 3px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .99s; text-decoration:none;}
  53.  
  54. /* blockquote */
  55. blockquote {border-left: 5px solid D8E9E8; font-family: tahoma; color: 000; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #fff;}
  56.  
  57. /* menu */
  58. .menu { background: #D8E9E8; text-align: center; font-size: 11px; font-family: Century Gothic; letter-spacing: 1px; color: #606163; width: 100px; margin:2px 2px 2px 2px; -webkit-transition-duration: 0.50s; border-radius: 5px 0px 5px 0px; border-right: 5px #fff; margin-bottom: 2px; box-shadow: 0px 0px 3px d3d3d3}
  59.  
  60. .menu:hover { background: pink; text-align: center; font-size: 11px; font-family: Century Gothic; letter-spacing: 1px; color: #606163; width: 100px; margin:2px 2px 2px 2px; -webkit-transition-duration: 0.50s; border-radius: 0px 5px 0px 5px; border-right: 5px #fff; margin-bottom: 2px; box-shadow: 0px 0px 3px #d3d3d3}
  61.  
  62. /*page*/
  63. .page { background: pink; text-align: center; font-size: 15px; font-family: Century Gothic; letter-spacing: 1px; color: white; width: 100px; margin:2px 2px 2px 2px; -webkit-transition-duration: 0.50s; border-radius: 5px 0px 5px 0px; border-right: 5px #fff; margin-bottom: 2px; box-shadow: 0px 0px 3px #d3d3d3}
  64.  
  65. .page:hover { background: pink; text-align: center; font-size: 15px; font-family: Century Gothic; letter-spacing: 1px; color: white; width: 100px; margin:2px 2px 2px 2px; -webkit-transition-duration: 0.50s; border-radius: 0px 5px 0px 5px; border-right: 5px #fff; margin-bottom: 2px; box-shadow: 0px 0px 3px #d3d3d3}
  66.  
  67.  
  68. /* balãozinho da ask */
  69. .bubble {align:right;background: D8E9E8; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  70. .bubble p {margin:1px 0px;}
  71. .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 D8E9E8;}
  72.  
  73. .askborder {float: left; padding: 2px; border-radius: 50px; -webkit-transition-duration: 0.50s; }
  74. .askborder:hover {float: left; padding: 2px; border-radius: 0px 50px 50px 50px; -webkit-transition-duration: 0.50s; }
  75.  
  76. /*heart*/
  77. .heart {display : block; font-size: 8pt; font-family: tahoma, Lucida Sans Unicode; border-bottom: 1px dashed pink}
  78.  
  79. /*linha*/
  80. td {font: 11px tahoma; text-align:justify; color: #000;}
  81.  
  82. /*forthemes*/
  83. .forthemes {float: right;margin: 4px 4px 0 0;padding: 2px; background: tranparent; border-radius: 5px; -webkit-transition-duration: 0.50s; }
  84. .forthemes:hover {float: right;margin: 4px 4px 0 0;padding: 2px; background: tranparent; border-radius: 50px; -webkit-transition-duration: 0.50s;}
  85.  
  86. </style>
  87. </head>
  88. <body>
  89.  
  90. <div style=" background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/1988/1988767.png'); top: 0px; right: 0px; width: 20px; height: 100%; z-index: 100; position: fixed; box-shadow: 0px 0px 15px gray"></div>
  91.  
  92. <div style=" background-image: url('http://colourlovers.com.s3.amazonaws.com/images/patterns/1988/1988767.png'); top: 0px; left: 0px; width: 20px; height: 100%; z-index: 100; position: fixed; box-shadow: 0px 0px 15px gray"></div>
  93.  
  94. <div id="content">
  95. <div id="sidebar">
  96.  
  97. <div class="boxside">
  98. <center>
  99.  
  100. <a href="/" class="menu" title="Volte aos posts">Home</a>
  101. <span onClick="document.getElementById('liuc').innerHTML=
  102. document.getElementById('01').innerHTML" class="menu" title="About me">About</span>
  103.  
  104. <span onClick="document.getElementById('liuc').innerHTML=
  105. document.getElementById('02').innerHTML" class="menu" title="ELES">Tumblr</span>
  106.  
  107. <span onClick="document.getElementById('liuc').innerHTML=
  108. document.getElementById('03').innerHTML" class="menu" title="F.A.Q.">Faq</span>
  109.  
  110. <a href="/tagged/SUATAG" class="menu">Textos</a>
  111.  
  112. <a href="/ask" class="menu">Ask</a>
  113.  
  114. </center>
  115. </div>
  116.  
  117. <div class="boxside">
  118. <center><img src="http://26.media.tumblr.com/tumblr_lv54kvXxJV1qggmkto1_500.gif" width="270px"></center>
  119. </div>
  120.  
  121. <div class="boxside">
  122.  
  123. SUA DESCRIÇÃO AQUI
  124.  
  125.  
  126.  
  127. </div>
  128.  
  129.  
  130. <br>
  131. <center><p id="footer">
  132. {block:PreviousPage}
  133. <a href="{PreviousPage}" class="page">anterior</a>
  134. {/block:PreviousPage}
  135.  
  136. <a href="javascript:scroll(0,0)" class="page">?topo?</a>
  137.  
  138. {block:NextPage}
  139. <a href="{NextPage}" class="page">próxima</a>
  140. {/block:NextPage}</center>
  141.  
  142. </div>
  143.  
  144.  
  145. <div id="posts">
  146.  
  147. <table>
  148.  
  149.  
  150. </div></div>
  151.  
  152. <div id="liuc">
  153. {block:Posts}
  154. <div class="box">
  155. {block:Text}
  156. {block:Title}
  157. <h1>{Title}</h1>
  158. {/block:Title}
  159.  
  160. {Body}
  161. </li>
  162. {/block:Text}
  163.  
  164. {block:Photo}
  165. <center><img src="{PhotoURL-400}" alt="{PhotoAlt}" class="border" /></center>
  166. {block:Caption}
  167. <div class="caption">{Caption}</div>
  168. {/block:Caption}
  169. </li>
  170. {/block:Photo}
  171.  
  172. {block:Photoset}
  173. <center>{Photoset-400}</center>
  174. {block:Caption}
  175. <div class="caption">{Caption}</div>
  176. {/block:Caption}
  177. </li>
  178. {/block:Photoset}
  179.  
  180. {block:Quote}<h1>"{Quote}"</h1>
  181. {block:Source}
  182. <div class="source">{Source}</div>
  183. {/block:Source}
  184. </li>
  185. {/block:Quote}
  186.  
  187. {block:Link}
  188. <a href="{URL}" class="link" {Target}><h1>{Name}</h1></a>
  189.  
  190. {block:Description}
  191. <div class="description">{Description}</div>
  192. {/block:Description}
  193. </li>
  194. {/block:Link}
  195. {block:Chat}
  196. {block:Title}
  197. <h1>{Title}</h1>
  198. {/block:Title}
  199.  
  200. <ul class="chat">
  201. {block:Lines}
  202. {block:Label}
  203. <span class="label">{Label}</span>
  204. {/block:Label}
  205. {Line}
  206. </li>
  207. {/block:Lines}
  208. </ul>
  209. </li>
  210. {/block:Chat}
  211.  
  212. {block:Video}
  213. {Video-500}
  214.  
  215. {block:Caption}
  216. <div class="caption">{Caption}</div>
  217. {/block:Caption}
  218. </li>
  219. {/block:Video}
  220.  
  221. {block:Audio}
  222. {AudioPlayerBlack}
  223. {block:Caption}
  224. <div class="caption">{Caption}</div>
  225. {/block:Caption}
  226. </li>
  227. {/block:Audio}
  228. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span><b>{Asker} perguntou:</b> {Question}&nbsp;</div> <b>eu respondi:</b> {Answer}{/block:Answer}
  229.  
  230. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">Reblog!</a> | {block:RebloggedFrom}<a href="{ReblogParentURL}"><b>via!</b></a>{/block:RebloggedFrom} | <b>Postado em</b> {DayOfMonth}/{MonthNumberWithZero}/{Year} às {12Hour}:{Minutes}{AmPm}, {timeago} | <a href="{Permalink}">{NoteCount}</a> <b>notes</b> | {block:ContentSource}<a href="{SourceURL}" target=blank>source</a>{/block:ContentSource}
  231. <br>{block:HasTags}{block:Tags}&nbsp;#<a href="{TagURL}">{Tag}</a>,&nbsp;{/block:Tags}{/block:HasTags}</a>
  232. </div>
  233. {/block:Posts}
  234. </ol>
  235.  
  236. </div></div></div></div></div></div>
  237.  
  238. <div id="01" style="display:none"><div class="box">
  239. <h2>About</h2>
  240. <wishs></wishs>
  241.  
  242. SOBRE VOCE SOBRE VOCE SOBRE VOCE SOBRE VOCE SOBRE VOCE SOBRE VOCE SOBRE VOCE
  243.  
  244.  
  245. </div>
  246.  
  247. <div class="box"><h2>Wishlist</h2>
  248. <s>FIZ</s><br>
  249. <b>NAO FIZ</b><br>
  250. <s>FIZ</s><br>
  251. <b>NAO FIZ</b><br>
  252. <s>FIZ</s><br>
  253. <b>NAO FIZ</b><br>
  254.  
  255. </div>
  256.  
  257. <div id="02" style="display:none">
  258.  
  259. <div class="box"><h2>Recomendo</h2>
  260.  
  261. <center><a href="http://enjoying-the-life.tumblr.com/">Enjoying the Life</a> <b>+</b>
  262. <a href="LINKDOTUMBLR">NOME DO TUMBLR</a> <b>+</b>
  263. <a href="LINKDOTUMBLR">NOME DO TUMBLR</a> <b>+</b>
  264. <a href="LINKDOTUMBLR">NOME DO TUMBLR</a>
  265.  
  266. </div>
  267.  
  268.  
  269.  
  270. <div class="box">
  271.  
  272. <h2>Creditos</h2>
  273.  
  274. <div class="heart"><a href="http://enjoying-the-life.tumblr.com">Enjoying the Life:</a> Theme</div>
  275.  
  276. <div class="heart"><a href="http://tumbletricks.tumblr.com/">tumble.tricks:</a> Tutoriais</div>
  277.  
  278.  
  279. <br><blockquote>É <b>proibida</b> qualquer cópia deste Theme! Plágio é <b>crime</b>!Lei Federal de Direitos Autorais de nº9610, desde 19 de fevereiro de 1998.- Copyright 2011.</blockquote>
  280.  
  281. </div>
  282.  
  283. <div id="03" style="display:none"><div class="box">
  284. <h2>F.A.Q.</h2>
  285.  
  286. PERGUNTAS E RESPOSTAS SOBRE VOCÊ
  287.  
  288.  
  289.  
  290. </div>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. </div>
  297. </div>
  298. </div>
  299. </div>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. </div>
  306.  
  307. </body>
  308. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement