Don't like ads? PRO users don't see any ads ;-)
Guest

Theme 02 - Colorful Life

By: juliavalone on Apr 15th, 2012  |  syntax: HTML  |  size: 16.37 KB  |  hits: 23  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--- THEME DESENVOLVIDO POR JULIA VALONE ::: NÃO COPIE NEM SE INSPIRE --->
  2.  
  3. <html>
  4. <head>
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10.  
  11. <script type="text/javascript"
  12. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  13. <script>
  14. $(document).ready(function() { $('a.poplight[href^=#]').click(function() { var popID = $(this).attr('rel'); var popURL = $(this).attr('href'); var query= popURL.split('?'); var dim= query[1].split('&'); var popWidth = dim[0].split('=')[1]; $('#' + popID) .fadeIn().css({'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/samz9i7/N6nm20zpu/sem_t__tulo_2.png" class="btn_close" title="Fechar Janela!" alt="Close" /></a>'); var popMargTop = ($('#' + popID).height() + 80) / 2; var popMargLeft = ($('#' + popID).width() + 80) / 2;$('#' + popID).css({ 'margin-top' : -popMargTop, 'margin-left' : -popMargLeft}); $('body').append('<div id="fade"></div>'); $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); return false;}); $('a.close, #fade').live('click', function() { $('#fade , .popup_block').fadeOut(function() { $('#fade, a.close').remove();}); return false;});});
  15. </script>
  16.  
  17. <script language="JavaScript">  function clickIE4(){ if (event.button==2); return false; } function clickNS4(e){ if (document.layers||document.getElementById&&!document.all){ if (e.which==2||e.which==3) return false;  } } if (document.layers){ document.captureEvents(Event.MOUSEDOWN); document.onmousedown=clickNS4; } else if (document.all&&!document.getElementById){ document.onmousedown=clickIE4; } document.oncontextmenu=new Function("return false")</script>
  18.  
  19. <script> function bloqueio() document.onkeydown=bloqueio; </script>
  20.  
  21. </head>
  22. <style type="text/css">
  23.  
  24. body {background: url('http://s2.favim.com/orig/33/background-backgrounds-pattern-tumblr-background-wood-Favim.com-260514.jpg'); font-family: 'Happy Monkey', cursive; font-size: 16px; color: #87796F;}
  25.  
  26. #posts {overflow: hidden; width: 590px; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom:auto;}
  27.  
  28. #side {overflow: hidden; width: 570px; margin-right: auto; margin-left: auto; margin-top: -10px; margin-bottom:auto; text-align: justify; line-height:15px; padding:3px; background-color: #fff; -webkit-box-shadow:0 0 1em #C9C9C9;}
  29.  
  30. .posts {overflow:hidden; letter-spacing: 1px; text-align: justify; background-color: #fff; line-height:15px; padding:3px; margin: 5px 5px 20px 5px; -webkit-box-shadow:0 0 1em #C9C9C9;}
  31.  
  32. .divdate {border-bottom: 1px dotted #8B97A5; margin-bottom: 4px; padding:2px}
  33.  
  34. ::-moz-selection {background: #FFF; color: #000;}
  35.  
  36. ::selection {background: #000; color:#FFF; }
  37.  
  38. .borderimage {background: url('http://static.tumblr.com/hskecot/w8Um1yw3w/25.png'); padding: 4px;}
  39.  
  40. .heart {display : block; font-size: 12pt; line-height: 15px; border-bottom : 1px solid #f4f4f3; text-indent : 5px; vertical-align : middle; background:
  41. url('http://www.hellostar.org/wp-admin/images/q1.gif') no-repeat left; padding-left : 10px;
  42. padding-bottom : 2px;}
  43.  
  44. .heart:hover {display : block; font-size: 12pt; line-height: 15px; border-bottom : 1px dashed #BECF72; text-indent : 5px; vertical-align : middle; background : url('http://www.hellostar.org/wp-admin/images/q2.gif') no-repeat left; padding-left : 10px; padding-bottom : 2px;}
  45.  
  46.  
  47. .chat {background: #F26B7A; margin: 0;}
  48. .chat .lines {margin-left: 0; background: #F0F2DC; color:
  49. #000; margin-bottom: 1px; padding: 4px 5px 4px 5px;}
  50. .chat .lines span {font-weight: bold; color: #8AC6DD;}
  51.  
  52. .menunopatternht {position:fixed; z-index: 4; width:100%; height:30px;left:0px; top :0px;background-image: url('http://static.tumblr.com/hskecot/w8Um1yw3w/25.png'); border-bottom: 3px solid #F26B7A;}
  53.  
  54. .borderimage { -webkit-transition: opacity 0.5s linear; opacity: 0.75;}
  55. .borderimage:hover{ -webkit-transition: opacity 0.5s linear; opacity: 0.99;}
  56.  
  57. .borderimage {background: url('http://static.tumblr.com/hskecot/w8Um1yw3w/25.png'); padding: 4px;}
  58.  
  59. .borda {background: url('http://static.tumblr.com/hskecot/w8Um1yw3w/25.png'); padding: 4px;}
  60.  
  61. .faixa {background: #F0F2DC; border: 1px solid #87796F;  text-align: right; overflow: hidden; color: #8AC6DD; line-height: 15px; padding: 5px;}
  62.  
  63. .menuval { width: 105px; float: left; background: #F0F2DC; padding: 3px; text-align: center; margin: 0px;  font-size: 10pt; color: #87796F;  border-radius: 0px 0px 30px 30px; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; cursor:help; alpha(Opacity=70); opacity:.80;}
  64.  
  65. .menuval:hover {background: #87796F; padding: 3px; text-align: center; margin: 0px; letter-spacing: 2px; font-size: 10pt; color: #F0F2DC ; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; cursor:help; alpha(Opacity=99); opacity:.80;}
  66.  
  67. b, strong, bold {color:#F26B7A; cursor:help;}
  68.  
  69. u, underline {color:#D9EB52; border-bottom: 1px dotted #D9EB52;text-decoration:none;}
  70.  
  71. i, em {color: #8AC6DD;}
  72.  
  73. s, strike {color: #8AC6DD;}
  74.  
  75. a {color: #F26B7A; -webkit-transition-duration: .99s; text-decoration:none;}
  76.  a:hover {color: #8AC6DD;border: 0px;margin: 0px;filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition-duration: .99s; text-decoration:none;}
  77.  
  78.  blockquote {border: 2px dashed #F26B7A;   padding: 2px 8px 2px 8px; margin: 4px; line-height: 14px; margin-left: 10px; background: #F0F2DC;}
  79.  
  80. .bubble {align:right;background: #F0F2DC; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  81. .bubble p {margin:1px 0px;}
  82. .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 #F0F2DC;}
  83.  
  84. #fade { display: none; background: #000; position: fixed; left: 0; top: 0;
  85. width: 100%; height: 100%; opacity: .80; z-index: 9999;}
  86.  
  87. .popup_block{ display: none; background: #fff; padding: 20px; border: 5px solid #ddd; float: left; font-size: 1.2em; position: fixed; top: 50%; left: 50%; z-index: 99999; -webkit-box-shadow: 0px 0px 20px #000; -moz-box-shadow: 0px 0px 20px #eee; box-shadow: 0px 0px 20px #8AC6DD; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
  88.  
  89. img.btn_close { float: right; margin: -55px -55px 0 0;}
  90.  
  91. *html #fade { position: absolute;}
  92.  
  93. *html .popup_block { position: absolute;}
  94.  
  95. .pagi {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; right: 30px; bottom: 30px; position: fixed;}
  96. .pagi1 {font-family: arial; font-size: 70px; font-weight: bold; line-height: 21px; text-shadow: 0 1px 1px #fff; left: 30px; bottom: 30px; position: fixed;}
  97. a.pagl {color: #EC8E9F; text-decoration: none;}
  98. a.pagl:hover {color:#CBD89B;}
  99.  
  100.  
  101. .line-hover {overflow:hidden; position:absolute; width:560px; background-color:#FFF; text-align: center; font-size: 18px; margin-top: -7%; margin-left:2px;  opacity:0.0; padding: 5px; -webkit-transition-duration: 1s;}
  102.  
  103. .liuc:hover .line-hover {opacity:0.8;}
  104.  
  105.  
  106. .liuc:hover .line-hover{ -webkit-transition-duration: 1s; margin-left:2px; opacity:0.8;}
  107.  
  108. h3 { font-size: 16px; color: #D9EB52; text-align: center;}
  109. h3:hover {color: #F26B7A;}
  110.  
  111. </style>
  112. <body onkeydown="return false">
  113.  
  114. <center><img src="http://static.tumblr.com/samz9i7/WiWm2iy8e/sem_t__tulo_1.png" style=" margin-top: 50px; margin-bottom: 30px;"></center>
  115. <div class="menunopatternht">
  116.  
  117. <a href="/" class="menuval">Home</a>
  118.  
  119. <a href="#?w=600" rel="01" class="poplight"><div class="menuval">Me</div></a>
  120.  
  121. <a href="#?w=600" rel="02" class="poplight"><div class="menuval">Ask ♥</div></a>
  122.  
  123. <a href="#?w=600" rel="03" class="poplight"><div class="menuval">Tumblr</div></a>
  124.  
  125. <a href="/tagged/SUATAGAQUI" class="menuval">Textos</a>
  126.  
  127. </div>
  128.  
  129. <div id="side">
  130. <img src="http://static.tumblr.com/ruyrx0s/Ik2lxqsyn/tumblr1209.png" width="150" class="borda" align="left" style="margin-right: 2px;"> <div class="faixa"> Welcome Dear </div> Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here. Your description here.
  131. </div>
  132.  
  133. <div id="posts">
  134.  
  135. {block:Posts}
  136. <div class="liuc">
  137. <div class="posts">
  138.  
  139. {block:Text}
  140. {block:Title}
  141. <h3><a href="{Permalink}">{Title}</a></h3>
  142. {/block:Title}
  143.  
  144. {Body}
  145.  
  146. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  147. {/block:Text}
  148.  
  149. {block:Photo}
  150. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" class="borderimage"/></center>
  151. {block:Caption}
  152. <div class="caption">{Caption}</div>
  153. {/block:Caption}
  154.  
  155. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  156. {/block:Photo}
  157.  
  158. {block:Photoset}
  159. <center>{Photoset-500}</center>
  160. {block:Caption}
  161. <div class="caption">{Caption}</div>
  162. {/block:Caption}
  163.  
  164. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  165.  
  166. {/block:Photoset}
  167.  
  168. {block:Quote}
  169. "{Quote}"
  170. {block:Source}
  171. <div class="source">{Source}</div>
  172. {/block:Source}
  173.  
  174. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  175. {/block:Quote}
  176.  
  177. {block:Link}
  178. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  179. {block:Description}
  180. <div class="description">{Description}</div>
  181. {/block:Description}
  182. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  183.  
  184. {/block:Link}
  185.  
  186. {block:Chat}
  187. {block:Title}
  188. <h3><a href="{Permalink}">{Title}</a></h3>
  189. {/block:Title}
  190. {block:Lines}
  191. <div class="chat">
  192. <div class="lines">{block:Label}
  193. <span>{Label}</span>
  194. {/block:Label}
  195. {Line}</div></div>
  196. {/block:Lines}
  197.  
  198. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  199.  
  200. {/block:Chat}
  201.  
  202. {block:Video}
  203. <center>{Video-500}</center>
  204. {block:Caption}
  205. <div class="caption">{Caption}</div>
  206. {/block:Caption}
  207.  
  208. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  209.  
  210. {/block:Video}
  211.  
  212. {block:Audio}
  213. {AudioPlayerBlack}
  214. {block:Caption}
  215. <div class="caption">{Caption}</div>
  216. {/block:Caption}
  217.  
  218. <div class="line-hover"><notes><a href="{Permalink}"><img src="http://static.tumblr.com/samz9i7/yYcm22y3d/likes.png" width="35" title="Ver Post"></a> <a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/samz9i7/QzWm22y40/reblog.png" width="35" title="Reblog!"></a></notes></div>
  219.  
  220. {/block:Audio}
  221.  
  222. {block:Answer}
  223. <img src="{AskerPortraitURL-48}" class="borderimage" align="left">
  224. <div class="bubble"><span></span> {Question}&nbsp;</div>{Answer}<br>
  225.  
  226. <div class="line-hover"> Ask feita por: {Asker} ♥</div>
  227. {/block:Answer}
  228.  
  229. </div>
  230.    
  231. </div>
  232.  
  233. {/block:Posts}
  234.  
  235.  <div class="pagi">{block:Pagination}{block:NextPage}<a class="pagl" href="{NextPage}">&raquo;</a>{/block:NextPage}{/block:Pagination}</div>
  236. <div class="pagi1">{block:Pagination}{block:PreviousPage}<a class="pagl" href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}{/block:Pagination}</div>
  237.  
  238. </div>
  239. <!--- FIM DAS TAGS DOS POSTS ---->
  240.  
  241. <div id="01" class="popup_block">
  242. <div class="faixa">Who is Me?</div>
  243.  
  244. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you. Say about you say about you.
  245. </div>
  246.  
  247. <div id="02" class="popup_block">
  248. <div class="faixa">Ask ♥</div>
  249.  
  250. <p><iframe frameborder="0" scrolling="no" width="100%" height="149" src="http://www.tumblr.com/ask_form/URLDOSEUTUMBLR.TUMBLR.COM"  style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe> <script type="text/javascript">document.getElementById('ask_form').allowTransparency=true;</script></p>
  251. </div>
  252.  
  253. <div id="03" class="popup_block">
  254. <div class="faixa">About My Tumblr...</div>
  255.  
  256. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr. Say about your Tumblr, say about your Tumblr.
  257.  
  258. <div class="faixa">Credits</div>
  259.  
  260. <div class="heart">Theme por - <a href="http://boundlessgirl.tumblr.com/">Julia Valone</a></div>
  261.  
  262. <div class="heart">Menu no Pattern por - <a href="http://havingthemes.tumblr.com/">Having Themes</a></div>
  263.  
  264. <div class="heart">Notes Hover por - <a href="http://marlivia.tumblr.com/">Marlivia</a></div>
  265.  
  266. <div class="heart">Paginação por - <a href="http://ritamafalda.tumblr.com/">Rita Mafalda</a></div>
  267.  
  268. <div class="heart">Balão da Ask por - <a href="http://biibis.tumblr.com/">Bianca</a></div>
  269.  
  270. <blockquote>Don't remove the credits, please ::: Não retire os créditos, por favor. </blockquote>
  271. </div>
  272. </div></div></div></div></div></div></div></div></div></div></div>
  273.  
  274. </body>
  275. </html>