API tools faq
paste
Advertisement
Guest User

teste

a guest
Feb 17th, 2020
134
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.34 KB | None | 0 0
raw download clone embed print report
  1. <!-----------------------------------------------------------------------
  2. Informações [01]: Acampamento Meio-Sangue;
  3. Feito por: Galahad
  4. Conteúdo por: Administradores do Acampamento
  5.  
  6. Data de Lançamento do site: 19/12/2019.
  7. Você está LIVRE para utilizá-lo, desde que você se atenha aos termos abaixo.
  8.  
  9. ~ Termos de Utilização:
  10. 1) Não remova os créditos;
  11. 2) Não saia distribuindo a source do tema por aí;
  12. 3) Não use o tema como base.
  13.  
  14. Obrigado!
  15. ------------------------------------------------------------------------>
  16.  
  17. <!DOCTYPE html>
  18.  
  19. <html><head>
  20. <link rel="icon" type="image/png" href="?"/>
  21. <title>suae quisque fortuna faber est.</title>
  22. </head>
  23.  
  24. <!---------------------------------- script &+; ---------------------------------->
  25.  
  26. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27. <script src="//static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  28. <script>
  29. (function($){
  30. $(document).ready(function(){
  31. $("a[title]").style_my_tooltips({
  32. tip_follows_cursor:true,
  33. tip_delay_time:25,
  34. tip_fade_speed:120,
  35. attribute:"title"
  36. });
  37. });
  38. })(jQuery);
  39. </script>
  40.  
  41. <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.4/SmoothScroll.js"></script>
  42. <!------------------------------------------------------------------------>
  43.  
  44. <style type="text/css">
  45.  
  46. /*---- Remoção do iFrame Tumblr ----*/
  47. .tmblr-iframe {
  48. display: none;
  49. }
  50. .tmblr-iframe--desktop-loggedin-controls {
  51. display: none;
  52. }
  53.  
  54. .iframe-controls--desktop {
  55. display: none;
  56. }
  57.  
  58. /*---- Tooltip (Customizável) ----*/
  59. #s-m-t-tooltip {
  60. padding: 5px 9px;
  61. margin: 20px;
  62. background-color: #000; /* Fundo da Tooltip */
  63. border: 1px solid #1f1f1f; /* Borda da Tooltip */
  64. font-family: 'Crimson Text', serif;
  65. font-size: 8.5px; /* Tamanho da Fonte */
  66. letter-spacing: 1px;
  67. text-transform: uppercase;
  68. color: #fff; /* Cor da Fonte */
  69. z-index: 9999 !important;
  70. max-width: 300px;
  71. }
  72.  
  73. /*---- Seleção de Texto (Customizável) ----*/
  74. ::-moz-selection {
  75. color: #000; /* Cor da Fonte */
  76. background-color: #adff8a; /* Cor da Seleção */
  77. }
  78.  
  79. /* AVISO IMPORTANTE [!]: É necessário ter a mesma cor de fundo nos dois elementos, caso o contrário, não irá funcionar. */
  80.  
  81. ::selection {
  82. color: #000; /* Cor da Fonte */
  83. background-color: #adff8a; /* Cor da Seleção */
  84. }
  85.  
  86. /*---- Barra de Rolamento (Scrollbar, Customizável) ----*/
  87. ::-webkit-scrollbar-thumb {
  88. width: 0px; /* Largura da Barrinha */
  89. height: 0px; /* Altura da Barrinha */
  90. background-color: #fff; /* Cor do Fundo */
  91. }
  92.  
  93. /* AVISO IMPORTANTE [!]: É necessário trocar a cor do fundo nos dois elementos, caso o contrário, não irá funcionar. */
  94.  
  95. ::-webkit-scrollbar {
  96. width: 0px; /* Largura da Barrinha */
  97. height: 0px; /* Altura da Barrinha */
  98. background-color: #fff; /* Cor do Fundo */
  99. }
  100.  
  101. /*---- Título & Principais Estilos ----*/
  102. body {
  103. background-color: #fff;
  104. background-image: url("https://i.imgur.com/GP1ryzi.jpg");
  105. background-size: cover;
  106. background-repeat: no-repeat;
  107. background-position-y: -250px;
  108. margin: 0px;
  109. color: #ddd;
  110. }
  111.  
  112. b, strong {
  113. color: #e2c183;
  114. font-weight: 1000;
  115. }
  116.  
  117. #titulo {
  118. color: #fff;
  119. font-family: "Cardo", serif;
  120. font-size: 40px;
  121. font-weight: none;
  122. text-decoration: none;
  123. text-transform: uppercase;
  124. letter-spacing: 0px;
  125. position: relative;
  126. }
  127.  
  128. /*---- Pré-Menu ----*/
  129.  
  130. a {
  131. color: #000; /* Cor da Fonte no Menu */
  132. text-decoration: none; /* Decoração de Texto do Menu */
  133. -webkit-transition: all 0.3s ease-in-out; /* Daqui para bixo: Transição de Menus (Tag "A") */
  134. -moz-transition: all 0.3s ease-in-out;
  135. -o-transition: all 0.3s ease-in-out;
  136. -ms-transition: all 0.3s ease-in-out;
  137. transition: all 0.3s ease-in-out;
  138. }
  139.  
  140. a:hover, a:active {
  141. color: #1f1f1f; /* Cor da Fonte */
  142. -webkit-transition: all 0.3s ease-in-out; /* Daqui para bixo: Transição de Menus (Tag "A") no Hover */
  143. -moz-transition: all 0.3s ease-in-out;
  144. -o-transition: all 0.3s ease-in-out;
  145. -ms-transition: all 0.3s ease-in-out;
  146. transition: all 0.3s ease-in-out;
  147. }
  148.  
  149. u {
  150. font-family: crimson text;
  151. font-size: 8px;
  152. text-transform: uppercase;
  153. color: #d9d9d9;
  154. text-decoration: none;
  155. }
  156.  
  157. /*---- CSS ----*/
  158.  
  159. #menu {
  160. width: 150px;
  161. height: 100%;
  162. padding: 125px;
  163. background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 73%, rgba(255,255,255,0) 100%);
  164. background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 73%,rgba(255,255,255,0) 100%);
  165. background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 1%,rgba(255,255,255,1) 73%,rgba(255,255,255,0) 100%);
  166. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1);
  167. opacity: 0;
  168. transition: 0.5s;
  169. position: fixed;
  170. }
  171.  
  172.  
  173. #menu:hover {
  174. left: -0px;
  175. opacity: 1;
  176. }
  177.  
  178. #botao {
  179. padding-top: 0px;
  180. font-family: crimson text;
  181. font-size: 11px;
  182. text-transform: uppercase;
  183. color: #fff;
  184. position: relative;
  185. left: -30px;
  186. top: -15px;
  187. padding: 7px;
  188. line-height: 14px;
  189. margin-bottom: 7.5px;
  190. width: 100px;
  191. text-align: center;
  192. border-radius: 4px;
  193. transition: 1s;
  194. background-image: url("https://i.imgur.com/QPQ9wIk.png");
  195. background-size: cover;
  196. }
  197.  
  198. #botao:hover {
  199. left: -30px;
  200. top: -15px;
  201. }
  202.  
  203. </style>
  204.  
  205. <div id="menuzao"></div>
  206. <div id="menu">
  207. <center><img src="https://i.imgur.com/x76tL8r.png" style="height: 100px; width: 116px; position: relative; left: -47.5px; top: -20px; margin-bottom: 10px;"><br></center>
  208. <div id="botao"><a href="/">teste</a></div>
  209. <div id="botao"><a href="/">teste</a></div>
  210. <div id="botao"><a href="/">teste</a></div>
  211. <div id="botao"><a href="/">teste</a></div>
  212. <div id="botao"><a href="/">teste</a></div>
  213. <div id="botao"><a href="/">teste</a></div>
  214. <div id="botao"><a href="/">teste</a></div>
  215. <div id="botao"><a href="/">teste</a></div>
  216. <div id="botao"><a href="/">teste</a></div>
  217. </div>
  218. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!