API tools faq
paste
htmlparavoces

Theme para tumblr de html

htmlparavoces
Aug 23rd, 2012
45
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.73 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head profile="http://gmpg.org/xfn/11">
  5. <head>
  6. <script type="text/javascript">
  7. function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
  8. </script>
  9. <title>{Title}</title>
  10. <style>
  11. /* --- LINKS E SELEÇÃO  ------- */
  12. ::-moz-selection { color: #fff; background: #c3a09e; }
  13. ::selection { color:#fff; background: #c3a09e; }
  14. a {color: #7c6a60; text-decoration: none;}
  15. a:hover {color: #c3a09e;}
  16.  
  17. body {background: url('http://s3.favim.com/orig/43/background-backgrounds-floral-pattern-tumblr-background-Favim.com-362331.jpg') fixed;font-family:tahoma;font-size:12px;color:#888;}
  18. /*----- Centralização por TTHY------*/
  19. #content {position: relative; width:750px; background: transparent; background-repeat: repeat-y; margin-left: auto;margin-right: auto; margin-top: 0px; }    
  20. #main {width: 510px; float: right; position: relative; margin-left: 0px;}
  21. .caixa  { background: #ffffff; margin-bottom: 0px; padding: 5px; width: 95%; text-align: justify; -webkit-border-radius: 10px; margin-top: 0px; -webkit-box-shadow: 2px 2px 0px #cca69e;
  22. -moz-box-shadow: 0px 2px 0px #cca69e;
  23. box-shadow: 0px 2px 0px #cca69e;}
  24. #sidebar { width: 225px; float: left; margin-top: 70px; position: scroll;  margin-top: 0px; margin-right: 15px;}
  25. .side { background: #ffffff; margin-bottom: 0px; padding: 5px; width: 95%; text-align: justify; -webkit-border-radius: 10px; margin-top: 0px; -webkit-box-shadow: 2px 2px 0px #cca69e;
  26. -moz-box-shadow: 0px 2px 0px #cca69e;
  27. box-shadow: 0px 2px 0px #cca69e;
  28. }
  29.  
  30. .bordaphoto{-webkit-border-radius: 10px;}
  31.  
  32. .menu{text-align: center; text-decoration: none;}
  33. .menu a{text-transform:uppercase!important; padding:
  34. 5px 5px 5px 5px; display: inline-block; background: #b88f8d;
  35.  margin-top: 5px; font-size: 8px; font-family: tahoma; -webkit-transition: all 0.6s ease-out;
  36. -moz-transition: all 0.6s ease-out; font-weight: bold;}
  37. .menu a:hover{background: #6a584e; }
  38.  
  39. /*** Titulos (h1, h2...) ***/
  40. h1 {color: #6a584e; font-family: 'Short Stack', cursive; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing:1px; text-shadow: 0 1px 1px #ccc;}
  41.  
  42. h2 {color: #806f65; font-family: 'Short Stack', cursive; font-size:15px; line-height:25px; font-weight:normal; margin:0px; padding:5px; margin-bottom:-0px; text-align:left; letter-spacing: 1px; text-shadow: 0 1px 1px #ccc;}
  43.  
  44.  /*-Estilo da ask por naty - Hazzy-Styles *o* -*/
  45. .askerphoto{-webkit-border-radius: 10px;}
  46. .caixaask{-webkit-border-radius: 22px;
  47. -moz-border-radius: 22px;
  48. border-radius: 22px;
  49. -webkit-box-shadow: 2px 2px 0px #6a584e;
  50. -moz-box-shadow: 2px 2px 0px #6a584e;
  51. box-shadow: 2px 2px 0px #6a584e;
  52. background-color: #d0d0d0;
  53. padding: 10px;
  54. font-family: Verdana, Geneva, sans-serif;
  55. font-size: 8pt;
  56. color: #888888;
  57. text-align: center;}
  58. .notes {font-weight: bold; text-transform: uppercase; font-family: tahoma;
  59. font-size: 8px; font-color: #808080; text-align: right;}
  60.  
  61. .banner{background-image: url('http://4.bp.blogspot.com/-HMii9E1n0J8/TVmhcuq45qI/AAAAAAAAAjg/JTgALrSOUgo/s1600/Fundo+transparente.png'); width: 750px; height: 300px; margin-top: 0px; -webkit-border-radius: 10px;}
  62.  
  63. /*Remove below line to remove shadow. Below line should always appear last within this CSS*/
  64. filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
  65. }
  66.  
  67. #dhtmlpointer{
  68. position:absolute;
  69. left: -100px;
  70. z-index: 101;
  71. visibility: hidden;
  72. }
  73.  
  74.  
  75.  
  76. .post { width: 550px; margin-left: 300px; margin-top: 55px; }
  77.  
  78. .box {overflow:hidden; text-align: justify; color: #CCC; font: 11px verdana; line-height: 17px; background-color: #4b4b4b; padding:6px; margin-bottom:18px; border-radius: 3x; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
  79.  
  80. .title { color: #CCC; font-family: 'Yanone Kaffeesatz', georgia;  font-size:24px; line-height:25px; font-weight:normal; text-align: justify; }
  81.  
  82. h1 { color: #CCC; font-family: 'Yanone Kaffeesatz', georgia;  font-size:24px; line-height:25px; font-weight:normal; text-transform: lowercase; text-align: justify; }
  83.  
  84. blockquote {border-left: 3px solid #292929; padding: 2px  2px 2px 8px; margin: 4px; line-height: 14px; }
  85.  
  86.  
  87. .bubble {align:right;background: #3f3f3f; margin:1px 0px 3px 63px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  88. .bubble p {margin:1px 0px;}
  89. .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 #3f3f3f;}
  90.  
  91. .chat {padding:4px; background-color:#505050; margin-top:2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
  92. .chat_box {list-style:none; padding:0px; margin-top:5px; margin-bottom:10px; text-align: left;}
  93.  
  94.  
  95. .barra1 {border-bottom: 2px dashed #E4E4E4; margin-bottom: 4px; padding:2px}
  96. .barra2 {border-bottom: 1px solid #292929; margin: 2px; }
  97. .barra3 {border-bottom: 1px solid #fff; margin: 2px; }
  98.  
  99. .date {font-family: verdana; font-size:7pt; text-align:left; color:#888}
  100.  
  101. a.tag{font-family: verdana; font-size: 7pt; color:#8d85b5; letter-sapacing:1px; padding:2px;}
  102.  
  103.  
  104.  
  105. .lehover{
  106. float: right;
  107. width:70px; height:50px;
  108. text-align: center;
  109. padding: 5px;
  110. background : url('http://static.tumblr.com/pnzfkpk/WXGm2uzld/reblogue.png');
  111. background-repeat : no-repeat;
  112. margin: 450px; margin-top: 8px;
  113. position: absolute;
  114. opacity:0;
  115. filter: alpha(opacity = 0);
  116. -webkit-transition: 0.3s ease-in;
  117. z-index: 999;
  118. }
  119.  
  120. .lehover a{color: #b46885; font-family: 'Yanone Kaffeesatz', georgia;  font-size:20px; line-height:18px; font-weight:normal; text-align:center; }
  121.  
  122. .box:hover .lehover{
  123. margin: 450px; margin-top: 8px;
  124. opacity:0.95;
  125. filter: alpha(opacity = 95);
  126. -webkit-transition: 0.6s ease-in-out;
  127. -moz-transition: 0.6s ease-in-out;
  128. -o-transition: 0.6s ease-in-out;
  129. z-index:1;
  130. }
  131.  
  132. .cx2 {width:75px;height:75px;overflow:hidden;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear;float:left;margin-left:4px;margin-bottom:4px;}
  133. .naime {margin-top:-150px;margin-left:150px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear;}
  134. .cx2:hover .naime {margin-top:0px;margin-left:0px;}
  135. .p {opacity:0.8;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear;}
  136. .cx2:hover .p {opacity:0;margin-top:-200px;}
  137.  
  138. #menu {width: 784px; display: block; margin: 0 auto; text-align: justify; overflow: hidden;}
  139. /* ABAS DO MENU */
  140. .nav1 {background: #bbb; color: #fff; width: 87px; margin-right: 5px; padding: 2px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
  141. .nav1:hover {background: #aaa; border-left: 4px solid #ccc;}
  142. .nav1 a{color: #fff !important;}
  143. .nav1 a:hover {color: #ccc !important; text-transform: none;}
  144. .nav {background: #bbb; color: #fff; width: 87px; padding: 2px; margin-right: 5px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
  145. .nav:hover {background: #aaa; border-left: 4px solid #ccc;}
  146. .nav a{color: #fff !important;}
  147. .nav a:hover {color: #ccc !important; text-transform: none;}
  148. .nav2 {background: #bbb; color: #fff; width: 87px; padding: 2px; text-align: center; float: left; margin-bottom: 10px; border-left: 4px solid #aaa;}
  149. .nav2:hover {background: #aaa; border-left: 4px solid #ccc;}
  150. .nav2 a{color: #fff !important;}
  151. .nav2 a:hover {color: #ccc !important; text-transform: none;}
  152.  
  153. /* ------- modera  ---- */
  154. #mod a.nome {padding-left: 24px;float:left;display:block;background: url('http://static.tumblr.com/wa79tuo/WBqm1zwqp/home.png'); background-repeat: no-repeat!important; width: 85px; height: 40px;opacity: 0.5;}
  155. #mod a.nome:hover {background-position: -0px -40px; }
  156.  
  157.  
  158. </style>
  159. </head>
  160. <body>
  161. <div id="content">
  162. <div class="banner"></div>
  163. <div id="menu">
  164.  
  165. <a href="/"><div class="nav1">home</div></a>
  166. <a href="/"><div class="nav">novidades</div></a>
  167. <a href="/Themes"><div class="nav">Themes</div></a>
  168. <a href="/"><div class="nav">archive</div></a>
  169. <a href="/random"><div class="nav">random</div></a>
  170. <a href="/tagged"><div class="nav">tags</div></a>
  171. <a onClick="changeNavigation('01')"><div class="nav">link</a>
  172.  
  173.  
  174. </div>
  175. <div class="side"><div class="barra2"></div> <br>
  176.  
  177. <iframe frameborder="0" scrolling="no" width="100%" height="150" src="http://www.tumblr.com/ask_form/newthemehpv.tumblr.com/" style="background-color:#000000; overflow:hidden;" id="ask_form"></iframe><br><br>
  178. <b>(NÃO ESQUEÇA DE TROCAR O LINK DA ASKBOX PARA O LINK DO SEU TUMBLR)</b><br><br>
  179.  
  180. </div>
  181.  
  182. <a href="LINK" class="nome" target="_blank"></a>
  183. </div>
  184. </div>
  185. </div>
  186. </div>
  187. <td id="rec" valign="top" style="display: none;">
  188. <div class="post">
  189.  
  190. <Blogger>
  191.  
  192. {block:Posts}
  193.  
  194. <div class="box">
  195.  
  196. <div class="lehover"> <a href="{ReblogURL}" target="_blank" title="Reblog">Reblog<br>This</a> </div>
  197.  
  198.  
  199.     {block:Text}
  200.         {block:Title}<div class="title">{Title}</div>{/block:Title}
  201.         <div align="justify">{Body}</div>
  202.     {/block:Text}
  203.        
  204.  
  205.     {block:Link}
  206.         <a href="{URL}" class="title" style="border-bottom: 0px solid;">{Name}</a>
  207.         {block:Description}<div align="left">{Description}</div>{/block:Description}
  208.     {/block:Link}
  209.  
  210.    
  211.     {block:Photo}
  212.         {LinkOpenTag}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="100%"></center>{LinkCloseTag}
  213.         {block:Caption}<div align="justify">{Caption}</div>{/block:Caption}
  214.  
  215.     {/block:Photo}
  216.  
  217.  
  218.     {block:Answer}
  219.    
  220.     <img src="{AskerPortraitURL-48}" border="0" width="48" height="48" align="left" style="margin:3px; -moz-border-radius: 7px; -webkit-border-radius: 7px;" /> <div class="bubble"><span></span> {asker}: {Question} </div><br> {Answer}
  221.  
  222.     {/block:Answer}
  223.    
  224.  
  225.     {block:quote}
  226.         <div class="title">"{quote}"</div><br>
  227.         <div class="source">{block:Source}<strong>{Source}</strong>{/block:Source}</div>
  228.     {/block:quote}
  229.  
  230.    
  231.  
  232.     {block:Chat}
  233.  
  234.         {block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}
  235.         <div class="chat_box">
  236.         {block:Lines}<div class="chat">
  237.         {block:Label}<b>{Label}</b>{block:Label}
  238.         {Line}
  239.         </div>{/block:Lines}
  240.         </div>
  241.        
  242.     {/block:Chat}
  243.    
  244.  
  245.  
  246.     {block:Audio}
  247.                 {block:AlbumArt}<img src="{AlbumArtURL}" align="left" width="50px" height="50px" />{/block:AlbumArt}
  248.         {AudioPlayerGrey}
  249.         {block:Caption}<div align="left">{Caption}</div>{/block:Caption}
  250.     {/block:Audio}
  251.  
  252.  
  253.    
  254.     {block:Video}
  255.         <center>{Video-500}</center><BR>
  256.         {block:Caption}<div align="left">{Caption}</div>{/block:Caption}
  257.     {/block:Video}
  258.  
  259.  
  260. <span class="permalink" >
  261. {block:PostNotes}<div align="left" >{PostNotes}</div> {/block:PostNotes}</span>
  262.  
  263. <div class="date" >
  264.  <div class="barra2"></div> {block:Date} <a href="{Permalink}">Postado em</a> <b>{DayOfMonth}/</b><b>{MonthNumber}/</b><b>{Year}</b>  às {24Hour}:{Minutes} {/block:Date}  {block:NoteCount}| <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  265.  {block:RebloggedFrom} | <a class="via" href="{ReblogParentURL}" target="_blank" >via</a>{/block:RebloggedFrom} {block:ContentSource} ♦ <a class="source" href="{SourceURL}" target="_blank">source</a>{/block:ContentSource}
  266. </div>
  267.  
  268. </div>
  269.  
  270.         {/block:Posts}
  271.  
  272.  
  273. </Blogger>
  274.  
  275.  
  276.  
  277. </div>
  278.  
  279.  
  280. </div>
  281. <div class="caixa">
  282. <h1>Créditos.</h1>
  283. <p>Theme por: <a href="http://hazzy-styles.tumblr.com">Natália S.</a>
  284. <br>Theme adaptado por: <a href="http://htmlpravoces.tumblr.com">Thucca</a>
  285.  
  286.  
  287. <br>Menu e centralizamento: <a href="http://things-to-help-you.tumblr.com">TTHY</a>
  288.  
  289. <br>Tag dos posts: <a href="http://fe-meotti-design.com">fe-meotti</a></div>
  290. </div>
  291. </div>
  292. </body>
  293. </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!