Advertisement
Dengosada

Dengosada 04

Jan 29th, 2015
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.87 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <link rel="shortcut icon" href="{favicon}"> <title>{Title}</title>
  5.  
  6.  
  7. <!--Appearance -->
  8. <meta name="image:sidebar" content="http://36.media.tumblr.com/b44a3a651a07ec4205578557b420389e/tumblr_ngyil4Mp8M1ta4eldo1_400.jpg" />
  9.  
  10. <meta name="color:background" content="#ffffff"/>
  11. <meta name="color:text" content="#222"/>
  12. <meta name="color:links" content="#222"/>
  13. <meta name="color:links hover" content="#000"/>
  14. <meta name="color:barra de rolagem" content="#222"/>
  15. <meta name="color:ask" content="#fbfbfb" />
  16. <meta name="color:menu" content="#222" />
  17. <meta name="color:menu hover" content="#ffffff"/>
  18.  
  19.  <meta name="text:desc" content=" " />
  20.  
  21. <meta name="text:link1" content=""/>
  22. <meta name="text:link1 titulo" content=""/>
  23. <meta name="text:link2" content=""/>
  24. <meta name="text:link2 titulo" content=""/>
  25. <meta name="text:link3" content=""/>
  26. <meta name="text:link3 titulo" content=""/>
  27. <meta name="text:link4" content=""/>
  28. <meta name="text:link4 titulo" content=""/>
  29. <meta name="text:link5" content=""/>
  30. <meta name="text:link5 titulo" content=""/>
  31.  
  32.  
  33.  
  34. <!--Script da barra de rolagem -->
  35. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  36.  
  37.  
  38. </head>
  39.  
  40. <style>
  41.  
  42. /*fundo do theme*/
  43. body {background-color:{color:background}; font-family:Helvetica; font-size:12px; color:{color:text};}
  44.  
  45.  
  46. /*Links do theme*/
  47. a:link, a:active, a:visited{color:{color:links}; text-decoration:none;  transition: all 0.1s linear;}
  48. a:hover{color:{color:links hover}; transition: all 0.1s linear;}
  49.  
  50. /*Blockquote*/
  51. blockquote {margin:5px; background:#fbfbfb;}
  52.  
  53.  
  54. /*Barra de rolagem*/
  55. ::-webkit-scrollbar{width:7px; height:7px; background:transparent;}
  56. ::-webkit-scrollbar-thumb{ background:{color:barra de rolagem};}
  57.  
  58.  
  59. /*Posts: Alinhamento*/
  60. #posts {width:400px; margin-top:10px; margin-left:450px;}
  61.  
  62.  
  63. /*Posts: Caixas*/
  64. .posts {position:relative; width:400px; padding:5px; float:left; margin-top:5px; text-align:justify;}
  65. .vsanna{display:none;}
  66.  
  67.  
  68. /*Notes hover*/
  69. .posts .notes{position:absolute; display:block; top:0px; left:420px; width:100px; padding:3px; font-size:10px; text-transform:lowercase; float:center; text-align:left; z-index:10; opacity:0; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
  70. .notes a{color:{color:links};}
  71. .posts:hover .notes{left:410px; opacity:1; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}
  72.  
  73.  
  74. /*Estilo de ask*/
  75. .perguntou {text-transform:lowercase; margin-left:0px;padding-bottom:3px;}
  76. .perguntou a{color:{color:links};}
  77. .resposta {width:100%; border-top:1px solid {color:text};}
  78.  
  79.  
  80. /*Rolagem infinita*/
  81. .tumblrAutoPager_page_separator,
  82. .tumblrAutoPager_page_info {display:none;}
  83.  
  84.  
  85. /*Sidebar*/
  86. .side{position:fixed; margin-top:40px; margin-left:220px; width:235px; height:380px;}
  87.  
  88.  
  89.  
  90. .sideimg img{position:fixed; width:150px; height:200px; margin-top:10px; margin-left:15px;}
  91.  
  92.  .desc{position:fixed; margin-top:214px; height:9px; line-height:10px; margin-left:25px; width:140px; text-align:center; font-family:Comic sans ms; text-transform:lowercase; font-size:10px; transition:all .6s ease-in-out;}
  93.  
  94. .menu{position:fixed; width:130px; height:9px; line-height:7px; margin-top:228px; margin-left:25px; text-align:center; border-top:1px solid {color:menu borda}; opacity:0; transition:all .6s ease-in-out;}
  95. .menu a{font-size:10px; color:{color:menu}; font-family:Comic sans ms; text-transform:lowercase; text-align:center;}
  96. .menu a:hover{color:{color:menu hover}; text-decoration:line-height; transition: all .6s ease;}
  97. .side:hover .menu{opacity:1; transition: all .6s ease-in-out;}
  98.  
  99. .fro{margin-left:14px;position:fixed;margin-top:210px;opacity:;-webkit-transition: all 0.5s ease-in-out; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s; -o-transition-duration:0.5;}
  100. .fro img{width:15px;}
  101.  
  102.  
  103.  
  104.  
  105.  
  106. </style>
  107. <body onkeydown="return false">
  108.  
  109.  
  110.  
  111. <div class="side">
  112.  
  113. <div class="sideimg"><img src="{image:sidebar}"></div>
  114.  
  115.  <div class="fro"><img src="https://31.media.tumblr.com/tumblr_m6amo9aFeD1rqir0v.png"></div>
  116.  
  117.  <div class="desc">{text:desc}</div>
  118.  
  119. <div class="menu">
  120. <a href="{text:link1}">{text:link1 titulo}</a>
  121. <a href="{text:link2}">{text:link2 titulo}</a>
  122. <a href="{text:link3}">{text:link3 titulo}</a>
  123. <a href="{text:link4}">{text:link4 titulo}</a>
  124. <a href="{text:link5}">{text:link5 titulo}</a>
  125. </div>
  126.  
  127.  
  128.  
  129. </div>
  130.  
  131.  
  132.  
  133.  
  134.  
  135. <!--Posts -->
  136. <div id="posts">
  137. <div class="autopagerize_page_element">
  138. {block:Posts}
  139. <div class="posts">
  140.  
  141.  
  142. <!--Notes -->
  143. {block:IndexPage}
  144. <div class="notes">
  145. <a href="{permalink}">{NoteCount} notes</a> </br>  
  146. <a href="{reblogurl}"><b>reblog</b></a> </span>
  147. </div>
  148. {/block:IndexPage}
  149.  
  150.  
  151.  
  152. {block:Text}
  153. {block:Title}{Title}{/block:Title}
  154. {body}
  155. {/block:Text}
  156.  
  157.  
  158.  
  159. {block:Photo}
  160. {block:IndexPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:IndexPage}
  161. {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}{/block:PermalinkPage}
  162. {/block:Photo}
  163.  
  164.  
  165. {block:Photoset}
  166. {block:IndexPage}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:IndexPage}
  167. {block:PermalinkPage}{LinkOpenTag}{Photoset-400}{LinkCloseTag}{/block:PermalinkPage}
  168. {block:Caption}{caption}{/block:Caption}
  169. {/block:Photoset}
  170.  
  171.  
  172.  
  173. {block:Quote}
  174. <div class="quote">{Quote}</div>
  175. {block:Source}
  176. <div class="source">{Source}</div>
  177. {/block:Source}
  178. {/block:Quote}
  179.  
  180.  
  181.  
  182. {block:Chat}
  183. {block:Lines}
  184. {block:Label}
  185. {Label}
  186. {/block:Label}
  187. {Line}
  188. {/block:Lines}
  189. {/block:Chat}
  190.  
  191.  
  192. {block:Link}
  193. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  194. {block:Description}{Description}{/block:Description}
  195. {/block:Link}
  196.  
  197.  
  198.  
  199. {block:Audio}
  200. {AudioPlayer}
  201. {block:PlayCount}Played: {PlayCount}{/block:PlayCount}
  202. {block:Artist}Artist: {Artist}{/block:Artist}
  203. {block:Album}Album: {Album}{/block:Album}
  204. {block:TrackName}Trackname: {TrackName}{/block:TrackName}
  205. {/block:Audio}
  206.  
  207.  
  208. {block:Video}
  209. {block:Indexpage}{Video-250}{/block:IndexPage}
  210. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  211. {/block:Video}
  212.  
  213.  
  214. {block:Answer}
  215. <div class="perguntou"><font color="#e3366d"><b>{Asker}</b></font>: {Question}</div>
  216. <div class="resposta">{Answer}</div>
  217. {/block:Answer}
  218.  
  219.  
  220.  
  221. <div class="vsanna">
  222. {block:RebloggedFrom}
  223. <a href="{ReblogParentURL}">via</a>
  224. {/block:RebloggedFrom}
  225. {block:ContentSource}
  226. <a href="{SourceURL}">source</a>
  227. {/block:ContentSource}
  228. </div>
  229.  
  230.  
  231.  
  232.  
  233.  
  234. </div>
  235. {/block:Posts}
  236. </div></div>
  237.  
  238.  
  239.  
  240.  
  241.  
  242.  
  243. <!--Créditos -->
  244. <div style="position:fixed; bottom:40px; right:10px;">
  245. <a href="http://dengosada.tumblr.com/" title="Sai pra lá invejoso(a)!" >dengosada</a>
  246. <font color="#FFB6C1"><small></small></font>
  247. </div>
  248.  
  249.  
  250. </body>
  251.  
  252. </div>
  253.  
  254. <!--
  255. ------ BASE FEITA TOTALMENTE POR WARVADA
  256. ------ BASE FEITA TOTALMENTE POR WARVADA
  257. -->
  258.  
  259. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement