API tools faq
paste
JuuhOliva

Extra 1

JuuhOliva
May 17th, 2016
89
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.67 KB | None | 0 0
raw download clone embed print report
  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/textura-quadro_1048-1125.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:50px; width:700px; border: 1px solid #ccc; ; border-radius: 1px; background-color: rgba(255, 255, 255, 0.7); box-shadow: 0px -2px 6px #666666;
  33.  
  34. }
  35.  
  36. #frase1 { position: relative; margin-top: 25px; font-size: 25px;font-family: 'Passion One', cursive; text-align:right; text-transform: uppercase; margin-right: 60px; }
  37.  
  38. #frase2 { position: relative; margin-top: 25px; font-size: 15px;font-family: 'Passion One', cursive; text-align: right; text-transform: uppercase; margin-right: 10px; padding: 2px; width:130px; color: red; letter-spacing:1px; border-bottom: 1px dotted #aaa;}
  39.  
  40.  
  41. #frase3 { position: relative; margin-top: 5px; font-size: 16px;font-family: 'Passion One', cursive; text-align: left; text-transform: uppercase; margin-left: 10px; padding: 2px; ; color: #000; letter-spacing:1px; border-bottom: 1px solid #aaa; }
  42.  
  43. /*** MENU SKID LINE POR GABRIELE (http://clamam.tumblr.com) DISTRIBUÍDO EM PASSO-HTML (http://passo-html.tumblr.com). MANTENHA OS CRÉDITOS INTACTOS!***/
  44. #ph-links{font-size:10px; margin-left:0px; margin-top:2px; text-align:left;}
  45. #ph-links a{color:{color:menu}; font-family:baumans; display:inline-block; text-transform:uppercase; padding:1px; line-height:2.5em;}
  46. nav a{position:relative; display: inline-block; margin:0px 5px; outline:none; text-decoration:none; text-transform:uppercase; letter-spacing:.5px; text-shadow:#eee; font-size:10px;}
  47. nav a:hover,nav a:focus{outline:none;}
  48. .ph-demo a{color:#666666; text-shadow:none; padding:10px 0;}
  49. .ph-demo a::before{text-shadow: 0 0 1px none; font-weight:none; content:attr(data-hover); position:absolute; -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s; pointer-events:none;}
  50. .ph-demo a::after{content: ""; position:absolute; left:0; bottom:0; width:100%; height:1px; background: {color:frase}; opacity:0; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); transform: translateY(9px); -webkit-transition: -webkit-transform 0.7s, opacity 0.7s; -moz-transition: -moz-transform 0.7s, opacity 0.7; transition: transform 0.7s, opacity 0.7s; pointer-events: none;}
  51. .ph-demo a:hover::after,
  52. .ph-demo a:focus::after {opacity: 1; -webkit-transform: translateY(2px); -moz-transform: translateY(2px); transform: translateY(2px);}
  53.  
  54. #descrii { color: #000; text-transform:uppercase; font-family:calibri; padding:3px; font-size: 11px; position: relative; text-align: justify; line-height:2em; margin-top:10px; width:570px;}
  55.  
  56. #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; }
  57.  
  58.  
  59. .lcoluna {overflow:hidden; display:inline-block; width:300px;}
  60.  
  61. #side {position: relative; left: 0px; ; width:100%; top: 0px; height:17px; background-color: #ccc;}
  62.  
  63.  
  64. #mlv{font-size:12px; margin-left:0px; margin-top:0px; text-align:left; position:relative; z-index: 99; width: 680px;}
  65. #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;}
  66. #mlv:hover {}
  67.  
  68.  
  69.  
  70. #frufru {height:auto; margin-top:10px; position:relative; text-align:center;
  71.  
  72. }
  73.  
  74. #frufru img { width:250px; height:170px; opacity:0.9; -webkit-filter: grayscale(40%); border-radius: 0px;;transition:all 1s ease ; border-radius: 2px; border: 1px solid;}
  75.  
  76. #frufru img:hover {;transition:all 1s ease; opacity: 0.5;}
  77.  
  78.  
  79. #mlvv{font-size:12px; margin-left:0px; margin-top:0px; text-align:center; position:relative; z-index: 99;}
  80. #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;}
  81. #mlvv:hover {color:green;}
  82.  
  83. /*---SCROLLBAR---*/
  84. ::-webkit-scrollbar {background-color:#fff; height:5px; width:8px}
  85. ::-webkit-scrollbar-thumb:vertical {background-color:#000; height:50px;border-radius:0px;border:0px solid #fff;}
  86. ::-webkit-scrollbar-thumb:horizontal {background-color:#fff; height:5px!important;}
  87.  
  88. </style>
  89.  
  90. <body>
  91. <div id="center">
  92. <div id="side">
  93.  
  94. <div id="mlv">
  95. <a href="http://geada.co.vu/" title="Volte"> ✘
  96. </a>
  97.  
  98. <a href="/ask" title="Avise se pegar algo"> ✉ </a>
  99.  
  100. <a href="https://www.tumblr.com/dashboard" title="Até depois"> ➜ </a>
  101.  
  102. <a href="http://geada.co.vu/" title="Créditos : Tema feito por melancolizava. Não copie, nem se inspire. " > ♡ </a>
  103.  
  104. </div>
  105. </div>
  106.  
  107. <div id="frase1"> temas melancolizava</div>
  108. <center> <div id="descrii">
  109. 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.
  110. </div>
  111.  
  112. </br>
  113.  
  114. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  115. <div class="lcoluna">
  116. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  117. <div id="mlvv">
  118. <a href="UM LINK"> Visualize</a> |
  119. <a href="UM LINK"> Codigo</a>
  120. </div></div>
  121. <!----- FIM DO BOX DOS TEMAS------>
  122.  
  123. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  124. <div class="lcoluna">
  125. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  126. <div id="mlvv">
  127. <a href="UM LINK"> Visualize</a> |
  128. <a href="UM LINK"> Codigo</a>
  129. </div></div>
  130. <!----- FIM DO BOX DOS TEMAS------>
  131.  
  132. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  133. <div class="lcoluna">
  134. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  135. <div id="mlvv">
  136. <a href="UM LINK"> Visualize</a> |
  137. <a href="UM LINK"> Codigo</a>
  138. </div></div>
  139. <!----- FIM DO BOX DOS TEMAS------>
  140.  
  141. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  142. <div class="lcoluna">
  143. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  144. <div id="mlvv">
  145. <a href="UM LINK"> Visualize</a> |
  146. <a href="UM LINK"> Codigo</a>
  147. </div></div>
  148. <!----- FIM DO BOX DOS TEMAS------>
  149.  
  150. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  151. <div class="lcoluna">
  152. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  153. <div id="mlvv">
  154. <a href="UM LINK"> Visualize</a> |
  155. <a href="UM LINK"> Codigo</a>
  156. </div></div>
  157. <!----- FIM DO BOX DOS TEMAS------>
  158.  
  159. <!----- BOX DOS TEMAS, NÃO APAGUE NADA------>
  160. <div class="lcoluna">
  161. <div id="frufru"> <img src="http://i.imgur.com/NN39bNe.jpg"></div> <p>
  162. <div id="mlvv">
  163. <a href="UM LINK"> Visualize</a> |
  164. <a href="UM LINK"> Codigo</a>
  165. </div></div>
  166. <!----- FIM DO BOX DOS TEMAS------>
  167. </br></br>
  168.  
  169. <center> <div id="mlvv"><a href="http://geada.co.vu/" title="theme por JUUH (MELANCOLIZAVA) ">Créditos do Tema</a> </div></center>
  170. </div>
  171.  
  172.  
  173.  
  174. </body>
  175.  
  176. </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!