API tools faq
paste
HellaBlind

wommel code

HellaBlind
Apr 8th, 2019 (edited)
107
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.77 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------------------------------
  2. ABOUT + FAQ #1 BY: http://robbarya.tumblr.com (INSTRUCTIONS IN CODE)
  3. ...................................................
  4. ...................................................
  5.  
  6. TERMS OF USE:
  7. - DON'T CLAIM AS YOUR OWN
  8. - DON'T REMOVE OR MOVE THE CREDIT
  9. - DON'T REDISTRIBUTE
  10. - DON'T USE AS A BASE. YOU CAN EDIT IT AS MUCH AS YOU LIKE AS LONG AS THE CREDIT IS STILL IN ITS ORIGINAL PLACE- Thank you
  11. --------------------------------------------->
  12. <html>
  13. <head>
  14. <title>Cutiefly.</title><!---Change the browser title----->
  15. <link rel="shortcut icon" href="{Favicon}" />
  16.  
  17.  
  18. <style type="text/css">
  19.  
  20.  
  21. ::-webkit-scrollbar-thumb:vertical {
  22. background-color: #8fd9d3; /*Change the scrollbar color*/
  23. height:6px;
  24. }
  25. ::-webkit-scrollbar-corner {
  26. background-color: transparent;
  27. }
  28.  
  29. ::-webkit-scrollbar {
  30. margin-left: 5px;
  31. height:5px;
  32. width:5px;
  33. }
  34.  
  35.  
  36. * {
  37. box-sizing: border-box;
  38. -moz-box-sizing: border-box;
  39. -webkit-box-sizing: border-box;
  40. }
  41. body {
  42. background-color: pink;/*Change the background color*/
  43. color: #ccc; /*Change the text color*/
  44. font-family: Calibri;
  45. font-size: 10px;
  46. letter-spacing: 0.2em;
  47. }
  48.  
  49.  
  50. .titulo {
  51. color: #d1d1d1;/*Change the title color*/
  52. z-index: 2;
  53. margin-top: 0px;
  54. width: 500px;
  55. height: 50px;
  56. line-height: 50px;
  57. font-family: Century Gothic, calibri;
  58. font-size: 13px;
  59. font-weight: bold;
  60. text-transform: uppercase;
  61. text-align:center;
  62. letter-spacing: 0.4em;
  63. }
  64.  
  65.  
  66. .imagen {
  67. height: 100px;
  68. width: 100px;
  69. border:solid 10px #999;/*Change the image border color*/
  70. margin-bottom: 1px;
  71. }
  72.  
  73. .imagen:hover {
  74. border-color: #ccc460;/*Change the image border hover color*/
  75. }
  76.  
  77. .all {
  78. margin:130px auto;
  79. width: 500px;
  80. }
  81.  
  82. .tagslinks {
  83. margin-top: 0;
  84. }
  85.  
  86. .tagslinks ul {
  87. padding: 0;
  88. list-style-type: none;
  89. }
  90.  
  91. .tagslinks ul li a {
  92. line-height: 15px;
  93. letter-spacing: 0.2em;
  94. font-size: 8px;
  95. text-decoration:none;
  96. color: #000; /*Change the main links color*/
  97. background-color: #999; /*Change the main links background color*/
  98. width:100px;
  99. padding: 5px;
  100. text-transform: uppercase;
  101. height: 25px;
  102. text-align: center;
  103. display: block;
  104. }
  105.  
  106.  
  107. .tagslinks ul li a:hover {
  108. background-color: #ccc460; /*Change the main links background hover color*/
  109. text-align: right;
  110. color: #000;/*Change the main links hover color*/
  111. }
  112.  
  113.  
  114. .enlaces {
  115. width: 500px;
  116. margin-left: 0px;
  117. margin-top: 10px;
  118. position: absolute;
  119. }
  120.  
  121.  
  122. .link label{
  123. font-size: 8px;
  124. letter-spacing: 2px;
  125. line-height: 15px;
  126. color: #000; /*Change the tabs color*/
  127. background-color: #999; /*Change the tabs background color*/
  128. width:100px;
  129. padding: 5px;
  130. text-transform: uppercase;
  131. height: 25px;
  132. text-align: center;
  133. cursor: pointer;
  134. display: block;
  135. }
  136.  
  137. .link label:hover {
  138. color: #000; /*Change the tabs hover color*/
  139. background-color: #ccc460;/*Change the tabs background hover color*/
  140. text-align: right;
  141. }
  142.  
  143.  
  144. .link a:hover
  145. {text-decoration:underline;}
  146.  
  147. .link [type=radio] {
  148. display: none;
  149. }
  150.  
  151.  
  152.  
  153. [type=radio]:checked ~ label {
  154. z-index: 2;
  155. color: #000; /*Change the checked tabs background color*/
  156. background-color: #ccc460;/*Change the checked tabs color*/
  157. text-align: right;
  158. text-decoration: none!important;
  159. }
  160.  
  161. [type=radio]:checked ~ label ~ .contenido {
  162. z-index: 1;
  163. }
  164.  
  165. .contenido {
  166. background-color: #999; /*Change the content background*/
  167. float:right;
  168. width: 390px;
  169. height: 346px; /*This is the content height*/
  170. padding: 15px;
  171. overflow: auto;
  172. text-align: justify;
  173. position: absolute;
  174. top:-111px;
  175. left:110px;
  176. }
  177.  
  178. .contenido h2 {
  179. color: pink; /*Change subtitles color*/
  180. line-height: 13px;
  181. font-family: Century Gothic, calibri;
  182. font-size: 13px;
  183. font-weight: bold;
  184. text-transform: uppercase;
  185. text-align:left;
  186. letter-spacing: 0.2em;
  187. }
  188.  
  189.  
  190. .contenido a {
  191. color: #000; /*Change the links color*/
  192. transition: none;
  193. text-decoration: none;
  194. font-size: 8px;
  195. text-transform: uppercase;
  196. letter-spacing: 0.2em;
  197. }
  198.  
  199. .contenido a:hover {
  200. color: #ccc460; /*Change the links hover color*/
  201. }
  202.  
  203. </style>
  204.  
  205. </head>
  206. <body>
  207. <div class="all">
  208.  
  209. <div class="titulo"></div><!----Change the title---->
  210. <a target="_blank" href="https://cdn.discordapp.com/attachments/376215349718155267/530243916025298955/510fe7261228de345ebc03fb20c25914.png"><img src= "https://media.giphy.com/media/l4Jzey0vQM067Wtb2/giphy.gif" class="imagen"></a><!--------Top image URL here. To get an URL you should previously upload the image on
  211. http://www.tumblr.com/themes/upload_static_file and then copy here the link it gives you, between the "". Make it 80x80px --------->
  212.  
  213. <div class="enlaces">
  214.  
  215.  
  216. <div class="link">
  217. <input type="radio" id="tab-1" name="tab-group-1" checked>
  218. <label for="tab-1">about</label><!----Change the tab title!---->
  219.  
  220. <div class="contenido">
  221.  
  222. <h2>About</h2>
  223. National № - 742<br>
  224. Species - Bee Fly Pokémon<br>
  225. Height - 0′04″ (0.1 m) <p>
  226. Cutiefly can pick up the auras of living things. It skillfully reads those auras to predict its foes’ movements and make fools of them.
  227. <h2>Moves</h2>
  228. H.I. - Flying Gem<p>
  229. Ability - Honey Gather | <s>Shield Dust | Sweet Veil</s><p>
  230. Leech Life - Moonblast - Aromatherapy - Acrobatics
  231.  
  232. <h2>Buzz.</h2>
  233. •Joy just wants to flit around and gather nectar from the fields.<br>•Give the buggie something sweet and a pocket to rest in if you'd like to talk.<br>•She's not a big fan of conflict but she'll provide plenty of mischievous support for her friends.
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240. </div>
  241. </div>
  242.  
  243. <div class="link">
  244. <input type="radio" id="tab-2" name="tab-group-1">
  245. <label for="tab-2">Out of Honey</label><!----Change the tab title!---->
  246.  
  247. <div class="contenido">
  248.  
  249. <h2>OOC</h2><!----Change the ask title!---->
  250. <p><br><br>WIP. Lurking on mobile most of the time.<p> Will attempt to mirror.<p>This really isn't a battling alt but T1 maybe?<p> Don't be salty because I can't park my ass in front of a computer desk all day to entertain you.<p> Too small for your big drama.<p> Tell it to the cleaning lady on Monday.<p>Don't ask for outside contact info.<br>
  251.  
  252.  
  253.  
  254.  
  255. <!----------THIS IS SUPER IMPORTANT, UP THERE WHERE IT SAYS: URL.TUMBLR.COM WRITE YOUR OWN URL, OTHERWISE THE "THERE'S NOTHING HERE" MESSAGE WILL APPEAR---->
  256.  
  257.  
  258.  
  259.  
  260.  
  261. </div>
  262. </div>
  263.  
  264.  
  265.  
  266.  
  267.  
  268.  
  269. <div class="tagslinks">
  270. <ul>
  271. <li><a href="/">sparkle</a></li><!----Change the links here----->
  272. <li><a href="/">sparkle</a></li>
  273. <li><a href="/">sparkle</a></li>
  274. <li><a href="/">honey</a></li><!---you don't have to use them all, just delete or add as you want---->
  275.  
  276.  
  277. <li><a target="_blank" href="http://robbarya.tumblr.com">credit</a></li><!----Delete this and you're dead. for real----->
  278.  
  279. </ul>
  280. </div>
  281.  
  282.  
  283.  
  284. </div>
  285. </body>
  286. </html>
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!