JuuhOliva

Extra 3

May 18th, 2016
66
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.93 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3.  
  4. <!----- THEME DESENVOLVIDO POR JUUH (HTTP://MELANCOLIZAVA.TUMBLR.COM | HTTP://GEADA.CO.VU), SEM COPIA, SEM PLAGIO, COM INSPIRAÇÃO É CLARO, DO MEU REPERTÓRIO VISUAL. TEMA FEITO SEM BASE, CRÉDITOS DE DETALHES NO TEMA EM SI. ------>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <title>{Title}</title>
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. <link href='https://fonts.googleapis.com/css?family=Rubik|Kanit|Amiri|Trochut|Passion+One|Titillium+Web|Yanone+Kaffeesatz|Vollkorn|Quicksand|Cuprum' rel='stylesheet' type='text/css'>
  13. </head>
  14. <style>
  15. body, a, a:hover {cursor: url( http://38.media.tumblr.com/tumblr_lr42upCqXm1qmvagu.png ), progress;}
  16. /*---ESTRUTURA---*/
  17. body{background:#fff;
  18. color:#000;
  19. line-height: 1.0em;
  20. margin-left:auto;
  21. overflow:hidden
  22. font-family:calibri;
  23. margin-right:auto;
  24. padding-bottom:50px;background-image:url('http://img.freepik.com/vetores-gratis/zigzag-fundo-no-estilo-abstrato_23-2147507334.jpg?size=338c&ext=jpg'); background-position:center; -o-background-size:cover; -webkit-background-size:cover; background-attachment:fixed;
  25. }
  26.  
  27.  
  28. /* LINKS */
  29. a {color:{color:links};text-decoration:none;font-size:12px;transition:all 1s ease;font-size:9px;letter-spacing:1px;text-transform:uppercase; cursor:url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), default!important;}
  30. a:hover {color:{color:hover}; text-decoration:none}
  31.  
  32. #center{margin-left:auto; margin-right:auto; margin-bottom:20px; margin-top:100px; width:630px; background: transparent;
  33.  
  34. }
  35.  
  36. #frase1 { position: relative; margin-top: 25px; font-size: 20px;font-family: 'Cuprum', cursive; text-align:left; text-transform: uppercase; margin-left: 15px; }
  37.  
  38. #frase2 { position: relative; margin-top: 25px; font-size: 20px;font-family: 'Cuprum', cursive; text-align:right; text-transform: uppercase; margin-right: 5px; }
  39.  
  40.  
  41. #descrii { color: #000; text-transform:uppercase; font-family:cambria; padding:3px; font-size: 11px; position: relative; text-align: justify; line-height:2em; margin-top:10px; width: 280px; }
  42.  
  43. #descri { color: {color:texto}; text-transform:uppercase; font-family:calibri; padding:3px; font-size: 11px; position: relative; text-align: justify; line-height:1.8em; margin-top:10px; margin-left:10px; }
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. #mlv{font-size:12px; margin-left:1px; margin-top:10px; text-align:right; position:relative; z-index: 99; width: 626px; background-color: rgba(255, 255, 255, 0.7); border-top: 1px solid; border-right: 1px solid; border-left: 1px solid;}
  52. #mlv a{color: #000; font-family:baumans; display:inline-block; text-transform:uppercase; padding:1px; line-height:1.3em; font-size:11px; margin-top: -2px; border: 1px solid #ccc; background: #aaa; width:15px; text-align:center;}
  53. #mlv:hover {}i
  54.  
  55.  
  56.  
  57. #frufru {height:auto; margin-top:10px; position:relative; text-align:center;
  58.  
  59. }
  60.  
  61. #frufru img { width:30px; height:30px; opacity:0.9; -webkit-filter: grayscale(40%); border-radius: 0px;;transition:all 1s ease ; border-radius: 20px; }
  62.  
  63. #frufru img:hover {;transition:all 1s ease; opacity: 0.5; border-radius: 0px ;}
  64.  
  65.  
  66. #mlvv{font-size:12px; margin-left:0px; margin-top:0px; text-align:center; position:relative; z-index: 99;}
  67. #mlvv a{color: #000; font-family:baumans; display:inline-block; text-transform:uppercase; padding:4px; line-height:1.3em; font-size:11px; text-align:center;}
  68. #mlvv:hover {color:green;}
  69.  
  70. /*---SCROLLBAR---*/
  71. ::-webkit-scrollbar {background-color:transparent; height:1px; width:3px}
  72. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:0px;}
  73. ::-webkit-scrollbar-thumb:horizontal {background-color:#000; height:1px!important}
  74.  
  75. .lcoluna {overflow:hidden; display:inline-block; width:310px; height: 350px;border: 1px solid; background-color: rgba(255, 255, 255, 0.7)}
  76.  
  77. #side {position: relative; margin-left: 0px; ; margin-top: 0px; background-color: transparent; text-align: center; overflow:scroll; overflow-x:scroll; overflow-y:scroll; height:313px;}
  78.  
  79. #side2 {position: relative; margin-left: 0px; ; margin-top: 0px; background-color: transparent; text-align: center;}
  80. </style>
  81.  
  82. <body>
  83. <div id="center">
  84.  
  85.  
  86. <div id="mlv">
  87. <a href="http://geada.co.vu/" title="Volte"> ✘
  88. </a>
  89.  
  90. <a href="/ask" title="Avise se pegar algo"> ✉ </a>
  91.  
  92. <a href="https://www.tumblr.com/dashboard" title="Até depois"> ➜ </a>
  93.  
  94. <a href="http://geada.co.vu/" title="Créditos : Tema feito por melancolizava. Não copie, nem se inspire. " > ♡ </a>
  95.  
  96. </div>
  97.  
  98.  
  99. <center><div class="lcoluna">
  100. <div id="side">
  101. <div id="frase1"> Epílogo</div>
  102. <center><div id="descrii">
  103. ESCREVA A DESCRIÇÃO AQUI, ESCREVA SUA DESCRIÇÃO AQUI, ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI.ESCREVA A DESCRIÇÃO AQUI, ESCREVA SUA DESCRIÇÃO AQUI, ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI,ESCREVA SUA DESCRIÇÃO AQUI.
  104. </div></center> </div>
  105.  
  106.  
  107. <div id="frufru">
  108.  
  109. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  110. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  111. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  112. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  113. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  114. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  115. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  116. <a href="http://melancolizava.tumblr.com" title="Melancolizava"><img src="http://api.tumblr.com/v2/blog/melancolizava.tumblr.com/avatar/96/" /></a>
  117. </div>
  118.  
  119.  
  120. </div>
  121.  
  122. <div class="lcoluna">
  123. <div id="frase2"> Pergunte</div> </br>
  124. <div id="side2">
  125. <iframe frameborder="0" height="250px" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/MELANCOLIZAVA.tumblr.com" width="300px"></iframe>
  126.  
  127. </div></div>
  128.  
  129.  
  130. </center>
  131.  
  132. </div>
  133.  
  134.  
  135.  
  136.  
  137. </body>
  138.  
  139. </html>
Advertisement
Add Comment
Please, Sign In to add comment