planejava

Theme Vitrine 1

Oct 12th, 2014
245
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.46 KB | None | 0 0
  1. <!------------------------ THEME VITRINE BY PEITAREI ----------------------->
  2.  
  3.     <head>
  4.    
  5. <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
  6.  
  7. <title>{Title}</title>
  8.  
  9.  
  10.  
  11. <link rel="shortcut icon" href="{FavIcon}">
  12.  
  13.  
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="color:bordas" content="#FF1493" />
  21. <meta name="text:by" content="sua url" />
  22.        
  23.         <style>
  24.  
  25. body {text-align:center;background-color:#fff;}
  26.            
  27. /*****Por Juh - Futurasuicida Originale ™ INSP EM APRENDIZ-DE-FEITICEIR4*****/
  28. ::-webkit-scrollbar{width:10px;height:6px;}
  29. ::-webkit-scrollbar-button:end:increment{display:block;height:0;background-color:transparent;}
  30. ::-webkit-scrollbar-track-piece{background-color: {color:background};}
  31. ::-webkit-scrollbar-thumb:vertical{height:50px; background:-webkit-gradient(radial, 59 -3, 64, 105 -204, 559, from(#4300D3), to(#C35612));}
  32. ::-webkit-scrollbar-thumb:horizontal{width:50px; background:-webkit-gradient(radial, 529 -53, 64, 185 -234, 455, from(#4300D3), to(#C35612));}
  33.            
  34. #themes {width: 180px; height: 200px; position: fixed; background-color: transparent; margin-top: 250px; margin-left: 400px; border: 5px solid {color:bordas}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;overflow:auto}
  35.  
  36.  
  37. a:link, a:active, a:visited {color:#fff;text-decoration:none;}
  38. a:hover {color:#fff;}
  39.  
  40. /*** HELPDESIGNS ***/
  41. .wishlist {color:#fff; display : block; font-size: 10px;font-family: 'Oswald', sans-serif; margin-top : 5px;-webkit-transition-duration: .50s;padding:3px; text-align: left; box-shadow: inset 0px -12px #C71585, inset 0px 15px #C71585;margin-left:5px;margin-right:5px;text-align:center;margin-bottom:5px;}
  42. .wishlist:hover {color:#fff;box-shadow: inset 0px 0px #FF1493, inset 0px 0px #FF1493;background-color:#FF1493;}
  43. .wishlist a {color:#aaa;text-indent : 5px; vertical-align : middle; line-height:20px; ;}
  44.  
  45. .esquerda {float:left;width:49%;}
  46. .direita {float:right;width:49%;}
  47.  
  48. #extras {width: 180px; height: 200px; position: fixed; background-color: transparent; margin-top: 250px; margin-left: 590px; border: 5px solid {color:bordas}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;overflow:auto}
  49.  
  50.  
  51.  
  52. .themes {width: 180px; height: 20px; position: fixed; background-color: {color:bordas}; margin-top: 460px; margin-left: 400px; border: 5px solid {color:bordas}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;overflow:auto}
  53.  
  54. .extras {width: 180px; height: 20px; position: fixed; background-color: {color:bordas}; margin-top: 460px; margin-left: 590px; border: 5px solid {color:bordas}; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;overflow:auto}
  55.  
  56. .frase { width: 170px; height: 20px; position: fixed; margin-top: -5px; margin-left: 0px; font-size: 18px; font-family: 'Oswald', sans-serif; color: #fff; background-color: transparent ;}
  57.  
  58. .frase2 { width: 170px; height: 20px; position: fixed; margin-top: -5px; margin-left: 0px; font-size: 18px; font-family: 'Oswald', sans-serif; color: #fff; background-color: transparent ;}
  59.  
  60. .by {width: 370px; height: 25px; position: fixed; background-color: {color:bordas}; margin-top: 215px; margin-left: 400px; border: 5px solid {color:bordas};-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; overflow:auto}
  61.  
  62. .frase3 { width: 370px; height: 20px; position: fixed; margin-top: -9px; margin-left: -5px; font-size: 28px; font-family: 'Oswald', sans-serif; color: #fff; background-color: transparent ;}
  63.  
  64. .regrax {width: 25px; height: 265px; position: fixed; background-color: {color:bordas}; margin-top: 215px; margin-left: 365px; border: 5px solid {color:bordas};}
  65.  
  66. .frase4 { width: 370px; height: 20px; position: fixed; margin-top: 120px; margin-left: -150px; font-size: 35px; font-family: 'Oswald', sans-serif; color: #fff; background-color: transparent ;-webkit-transform: rotate(90deg);}
  67.  
  68. .regras {width: 180px; height: 265px; position: fixed; background-color: #fff; margin-top: 215px; margin-left: 175px; border: 5px solid {color:bordas};}
  69.  
  70. .regra { width: 170px; height: 20px; position: fixed; margin-top: 10px; margin-left:5px; font-size: 12px; font-family: 'Oswald', sans-serif; color: #000; background-color: transparent ;text-align:left;line-height:15px;}
  71.  
  72. .antigos {width: 180px; height: 25px; position: fixed; background-color: #fff; margin-top: 20px; margin-left: 950px; border: 3px solid {color:bordas}; -webkit-transition-duration: 0.6s; }
  73.  
  74. .frase5 { width: 150px; height: 20px; position: fixed; margin-top: 0px; margin-left: 10px; font-size: 18px; font-family: 'Oswald', sans-serif; color: #000; background-color: transparent ;}
  75.  
  76. .antigoss {width: 180px; height: 100px; position: fixed; background-color: #fff; margin-top: 30px; margin-left: 190px; border: 3px solid {color:bordas};overflow:auto; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  77.  
  78. .antigos:hover .antigoss {margin-left:-3px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  79.  
  80. .peitarei {position:  fixed; width: 100px; margin-top: 700px; margin-left: 1000px;}
  81. .peitarei a {text-align: center; font-size: 14px; color: #000; text-transform: none; font-family: 'tahoma';letter-spacing:1px;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  82. .peitarei a:hover {color:#C71585;text-shadow: 0px 0px 1px #C71585;-webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s;}
  83.        
  84.         </style>
  85.     </head>
  86.    
  87.    
  88. <body onkeydown="return false" onselectstart="return false">
  89.    
  90. <div id="themes">
  91.  
  92. <!--------- AQUI O THEME ------->
  93. <div class="esquerda">
  94. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  95.  
  96. <!------------ AQUI O CÓDIGO ------>
  97. <div class="direita">
  98. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  99.  
  100. <!--------- AQUI O THEME ------->
  101. <div class="esquerda">
  102. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  103.  
  104. <!------------ AQUI O CÓDIGO ------>
  105. <div class="direita">
  106. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  107.  
  108. <!--------- AQUI O THEME ------->
  109. <div class="esquerda">
  110. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  111.  
  112. <!------------ AQUI O CÓDIGO ------>
  113. <div class="direita">
  114. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  115.  
  116. <!--------- AQUI O THEME ------->
  117. <div class="esquerda">
  118. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  119.  
  120. <!------------ AQUI O CÓDIGO ------>
  121. <div class="direita">
  122. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  123.  
  124. <!--------- AQUI O THEME ------->
  125. <div class="esquerda">
  126. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  127.  
  128. <!------------ AQUI O CÓDIGO ------>
  129. <div class="direita">
  130. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  131.  
  132. <!--------- AQUI O THEME ------->
  133. <div class="esquerda">
  134. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  135.  
  136. <!------------ AQUI O CÓDIGO ------>
  137. <div class="direita">
  138. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  139.  
  140. <!--------- AQUI O THEME ------->
  141. <div class="esquerda">
  142. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  143.  
  144. <!------------ AQUI O CÓDIGO ------>
  145. <div class="direita">
  146. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  147.  
  148.    
  149. </div>
  150.  
  151. <!--------------------- THEMES EXTRAS AQUI ------------------->
  152.  
  153. <div id="extras">
  154.  
  155. <!--------- AQUI O THEME ------->
  156. <div class="esquerda">
  157. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  158.  
  159. <!------------ AQUI O CÓDIGO ------>
  160. <div class="direita">
  161. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  162.  
  163. <!--------- AQUI O THEME ------->
  164. <div class="esquerda">
  165. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  166.  
  167. <!------------ AQUI O CÓDIGO ------>
  168. <div class="direita">
  169. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  170.  
  171. <!--------- AQUI O THEME ------->
  172. <div class="esquerda">
  173. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  174.  
  175. <!------------ AQUI O CÓDIGO ------>
  176. <div class="direita">
  177. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  178.  
  179. <!--------- AQUI O THEME ------->
  180. <div class="esquerda">
  181. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  182.  
  183. <!------------ AQUI O CÓDIGO ------>
  184. <div class="direita">
  185. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  186.  
  187. <!--------- AQUI O THEME ------->
  188. <div class="esquerda">
  189. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  190.  
  191. <!------------ AQUI O CÓDIGO ------>
  192. <div class="direita">
  193. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  194.  
  195. <!--------- AQUI O THEME ------->
  196. <div class="esquerda">
  197. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  198.  
  199. <!------------ AQUI O CÓDIGO ------>
  200. <div class="direita">
  201. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  202.  
  203. <!--------- AQUI O THEME ------->
  204. <div class="esquerda">
  205. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  206.  
  207. <!------------ AQUI O CÓDIGO ------>
  208. <div class="direita">
  209. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  210.    
  211. </div>
  212.  
  213. <div class="themes">
  214. <div class="frase"> Themes Pessoais</div>
  215. </div>
  216.  
  217. <div class="extras">
  218. <div class="frase2"> Themes Extras</div>
  219. </div>
  220.  
  221. <div class="by">
  222. <div class="frase3"> Themes by {text:by}</div>
  223. </div>
  224.  
  225. <div class="regrax">
  226. <div class="frase4"> Regras</div>
  227. </div>
  228.  
  229. <div class="regras">
  230. <div class="regra">
  231. <!--------------------- REGRAS AQUI ------------------->
  232. ✿ Avise se Usar, é importante</br>
  233. ✿ Credite os meus detalhes, e me avise</br>
  234. ✿ Não retire os créditos</br>
  235. ✿ As bases não são minhas, não use-as</br>
  236. ✿ Adaptar só para uso próprio</br>
  237. ✿ Não faço exclusivos</br>
  238. ✿ Me avise se ver um plágio por favor</br>
  239. ✿ Se plagiar, vou divulgar sem avisar</br>
  240. ✿ Não gostou ? Não use!</br></br></br>
  241.  
  242. <div class="uso" style="font-size:25px;font-family:'Oswald', sans-serif;text-aling:center;margin-left:10px;margin-top:-5px"><font color="#FF1493">✿ Bom uso ✿</font></div>
  243. </div>
  244. </div>
  245.  
  246. <div class="antigos">
  247. <div class="frase5"> Themes Antigos</div>
  248. <div class="antigoss">
  249.  
  250. <!---------------------------- THEMES ANTIGOS AQUI -------------------->
  251.    
  252. <!--------- AQUI O THEME ------->
  253. <div class="esquerda">
  254. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  255.  
  256. <!------------ AQUI O CÓDIGO ------>
  257. <div class="direita">
  258. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  259.  
  260. <!--------- AQUI O THEME ------->
  261. <div class="esquerda">
  262. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  263.  
  264. <!------------ AQUI O CÓDIGO ------>
  265. <div class="direita">
  266. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  267.  
  268. <!--------- AQUI O THEME ------->
  269. <div class="esquerda">
  270. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  271.  
  272. <!------------ AQUI O CÓDIGO ------>
  273. <div class="direita">
  274. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  275.  
  276. <!--------- AQUI O THEME ------->
  277. <div class="esquerda">
  278. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  279.  
  280. <!------------ AQUI O CÓDIGO ------>
  281. <div class="direita">
  282. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  283.  
  284. <!--------- AQUI O THEME ------->
  285. <div class="esquerda">
  286. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  287.  
  288. <!------------ AQUI O CÓDIGO ------>
  289. <div class="direita">
  290. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  291.  
  292. <!--------- AQUI O THEME ------->
  293. <div class="esquerda">
  294. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  295.  
  296. <!------------ AQUI O CÓDIGO ------>
  297. <div class="direita">
  298. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  299.  
  300. <!--------- AQUI O THEME ------->
  301. <div class="esquerda">
  302. <div class="wishlist"><a href="/"><font color="#fff">Theme 1</a></font> </div></div>
  303.  
  304. <!------------ AQUI O CÓDIGO ------>
  305. <div class="direita">
  306. <div class="wishlist"><a href="/"><font color="#fff">Código</a></font> </div></div>
  307. </div>
  308. </div>
  309.  
  310. <!--------------------- NÃO RETIRE ISSO DAQUI -------------------->
  311.  
  312. <div class="peitarei"> <a href="http://peitarei.tumblr.com/" title="dtlhs por helpdesigns">peitarei</a> </div>
  313.     </body>
  314.    
  315.    
  316.    
  317. </html>
Advertisement
Add Comment
Please, Sign In to add comment