Advertisement
Dengosada

Dengosada 05

Feb 24th, 2015
201
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 7.33 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <link rel="shortcut icon" href="{favicon}"> <title>{Title}</title>
  5.  
  6.  
  7.  
  8.  
  9. <meta name="color:background" content="#ffffff"/>
  10. <meta name="color:text" content="#222"/>
  11. <meta name="color:links" content="#222"/>
  12. <meta name="color:links hover" content="#000"/>
  13. <meta name="color:frase" content="#222"/>
  14. <meta name="color:ask" content="#fbfbfb" />
  15. <meta name="color:menu hover" content="#222" />
  16. <meta name="color:barra de rolagem" content="#000000" />
  17. <meta name="image:foto" content="#ffffff"/>
  18. <meta name="text:frase" content="ela é linda, ela é top demais" />
  19.  
  20. <meta name="text:Link1" content="/" />
  21. <meta name="text:Link1 Title" content="start" />
  22. <meta name="text:Link2" content="/" />
  23. <meta name="text:Link2 Title" content="luv" />
  24. <meta name="text:Link3" content="/" />
  25. <meta name="text:Link3 Title" content="drugs" />
  26. <meta name="text:Link4" content="/" />
  27. <meta name="text:Link4 Title" content="urls" />
  28. <meta name="text:Link5" content="/" />
  29. <meta name="text:Link5 Title" content="html" />
  30.  
  31.  
  32.  
  33. <!--Script da barra de rolagem -->
  34. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/mFbkoqlkr/tumblrautopager.js"></script>
  35.  
  36.  
  37. </head>
  38.  
  39. <style>
  40.  
  41. /*fundo do theme*/
  42. body {background-color:{color:background}; font-family:Helvetica; font-size:12px; color:{color:text};}
  43.  
  44.  
  45. /*Links do theme*/
  46. a:link, a:active, a:visited{color:{color:links}; text-decoration:none;  transition: all 0.1s linear;}
  47. a:hover{color:{color:links hover}; transition: all 0.1s linear;}
  48.  
  49. /*Blockquote*/
  50. blockquote {margin:5px; background:#fbfbfb;}
  51.  
  52.  
  53. /*Barra de rolagem*/
  54. ::-webkit-scrollbar{width:7px; height:7px; background:transparent;}
  55. ::-webkit-scrollbar-thumb{ background:{color:barra de rolagem};}
  56.  
  57.  
  58. /*Posts: Alinhamento*/
  59. #posts {width:400px; margin-top:10px; margin-left:450px;}
  60.  
  61.  
  62. /*Posts: Caixas*/
  63. .posts {position:relative; width:400px; padding:5px; float:left; margin-top:5px; text-align:justify;}
  64. .vsanna{display:none;}
  65.  
  66.  
  67. /*Notes hover*/
  68. .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;}
  69. .notes a{color:{color:links};}
  70. .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;}
  71.  
  72.  
  73. /*Estilo de ask*/
  74. .perguntou {text-transform:lowercase; border-style: double;
  75.         border-color:#FFE4E1; margin-left:0px;padding-bottom:1px;}
  76. .resposta {width:100%;}
  77.  
  78.  
  79. /*Rolagem infinita*/
  80. .tumblrAutoPager_page_separator,
  81. .tumblrAutoPager_page_info {display:none;}
  82.  
  83.  
  84. /*Sidebar*/
  85. #sidebar{position:fixed;margin-left:190px;margin-top:40px;width:235px;height:380px;}
  86.  
  87. #foto{position:fixed;margin-left:40px;margin-top:10px;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6}
  88. #foto img{ width:150px;height:200px;}
  89.  
  90. #simb{position:fixed;margin-left:40px;margin-top:214px;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6}
  91. #simb img{width:20px;}
  92.  
  93. #frase{position:fixed;margin-left:40px;margin-top:215px;font-family:comic sans ms;font-size:10px;color:{color:frase};width:168px;text-transform:lowercase;text-align:center;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6}
  94.  
  95. #link{position:fixed;margin-left:40px;margin-top:215px;color:{color:frase};text-align:center;width:168px;font-family:comic sans ms;font-size:12px;-webkit-transition: all 0.6s ease-in-out; -moz-transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:0.6;opacity:0;text-shadow:0px 5px 0px transparent, 0px -5px 0px transparent;}
  96. #link a:hover{color:{color:menu hover};text-decoration:line-through;}
  97.  
  98. #sidebar:hover #foto{-webkit-filter: contrast(120%);}
  99. #sidebar:hover #simb{margin-left:170px;perspective(400px) rotateZ(0deg);-webkit-transform:perspective(400px) rotateZ(360deg);}
  100. #sidebar:hover #frase{margin-left:25px;opacity:0;}
  101. #sidebar:hover #link{margin-left:25px;opacity:1;}
  102. </style>
  103.  
  104.  
  105.  
  106.  
  107. <body oncontextmenu="return false" onselectstart="return false" onmousedown="return false" onkeydown="return false">
  108.  
  109.  
  110.  
  111.  
  112. <div id="sidebar">
  113. <div id="foto"><img src="{image:foto}"></div>
  114.  
  115. <div id="simb"><img src="http://media.tumblr.com/4aca55c682b5322f2cc64b789ffcc27f/tumblr_inline_nbqqjq9ccA1rsc41y.png"></div>
  116.  
  117. <div id="frase">{text:frase}</div>
  118.  
  119.  
  120. <div id="link">
  121. <a href="{text:Link1}">{text:Link1 Title}</a>
  122. <a href="{text:Link2}">{text:Link2 Title}</a>
  123. <a href="{text:Link3}">{text:Link3 Title}</a>
  124. <a href="{text:Link4}">{text:Link4 Title}</a>
  125. <a href="{text:Link5}">{text:Link5 Title}</a>
  126. </div>
  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