HellaBlind

exploud code

Jun 17th, 2019 (edited)
130
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.41 KB | None | 0 0
  1. <style>
  2. .pfor {display: none;}
  3. #profile { background-color: transparent; border: 0px;}
  4.  
  5. body {
  6. background-image: url();
  7. background-color: 000;
  8. background-repeat: no-repeat;
  9. background-size: 20%;
  10. background-position: bottom left; }
  11.  
  12. {Note:
  13. Background-size is how big the picture is. If you need it smaller change it from 100% to 90 or 80% Lower if you need to. The background color is explainabl }
  14.  
  15. </style>
  16. </div></center>
  17.  
  18. vvvvvvvvvvvvvvvvvvvvvvvvvvv
  19.  
  20.  
  21. <!-- This is Oflothlorien's ABOUT THEME #3
  22. RULES:
  23. - Do not remove the credit
  24. - Do not use as a base
  25. - Do not claim as your own
  26.  
  27. If you have any queries, go to oflothlorien.tumblr.com/asksubmit -->
  28.  
  29. <html>
  30.  
  31.  
  32. <head>
  33. <title>about</title> <!-- This is the title that appears on the tab -->
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link href='http://fonts.googleapis.com/css?family=Patrick+Hand' rel='stylesheet' type='text/css'>
  36. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300' rel='stylesheet' type='text/css'>
  37. <style>
  38.  
  39. a:link {color:#fff;} /* unvisited link */
  40. a:visited {color:#9fc8d7;} /* visited link */
  41. a:hover {color:#938989;} /* mouse over link */
  42. a:active {color:#938989;} /* selected link */
  43. a:link {text-decoration:none;}
  44. a:visited {text-decoration:none;}
  45. a:hover {text-decoration:none;}
  46. a:active {text-decoration:none;}
  47.  
  48.  
  49.  
  50. iframe#tumblr_controls{
  51. position:fixed !important;
  52. right:0px !important;
  53. z-index:999;
  54. }
  55.  
  56. ::-webkit-scrollbar-thumb:vertical {
  57. background-color: #000; /*Change colour of scroll bar*/
  58. height:5px;
  59. }
  60. ::-webkit-scrollbar-corner {
  61. background-color: transparent;
  62. }
  63. ::-webkit-scrollbar-thumb:horizontal {
  64. background-color: #000; /*Change colour of scroll bar*/
  65. height:5px!important;
  66. }
  67.  
  68. ::-webkit-scrollbar {
  69. height:7px;
  70. width:5px;
  71. }
  72.  
  73. #title {
  74. width: 600px;
  75. height: 45px;
  76. margin-left: 325px;
  77. margin-top: 100px;
  78. background-color: #000; /* Change the background colour of the title box */
  79. color: #772699; /* Change the font colour of the title */
  80. font-size: 33px;
  81. font-family: Patrick Hand;
  82. text-align: center;
  83. text-transform: uppercase;
  84. letter-spacing: 2px;
  85. }
  86.  
  87. #box {
  88. width: 600px;
  89. height: 350px;
  90. margin-left: 325px;
  91. margin-top: 2px;
  92. background-color: #000; /* Change the colour of the back box */
  93. }
  94.  
  95. #linkone {
  96. width:200px;
  97. height: 20px;
  98. margin-left: 325px;
  99. margin-top: 7px;
  100. background-color: #000; /* Change the background colour of the main links */
  101. font-family: Patrick Hand;
  102. font-size: 15px;
  103. text-align: center;
  104. -o-transition: all 0.5s ease-in;
  105. -webkit-transition: all 0.5s ease-in;
  106. -moz-transition: all 0.5s ease-in;
  107. }
  108.  
  109. #linkone:hover {
  110. background-color: #772699; /* Change the hover colour of main link box */
  111. -o-transition: all 0.5s ease-out;
  112. -webkit-transition: all 0.5s ease-out;
  113. -moz-transition: all 0.5s ease-out;
  114. }
  115.  
  116. #linktwo {
  117. width:200px;
  118. height: 20px;
  119. margin-left: 525px;
  120. margin-top: -20px;
  121. background-color: #000; /* Change the background colour of the main links */
  122. font-family: Patrick Hand;
  123. font-size: 15px;
  124. text-align: center;
  125. -o-transition: all 0.5s ease-in;
  126. -webkit-transition: all 0.5s ease-in;
  127. -moz-transition: all 0.5s ease-in;
  128. }
  129.  
  130. #linktwo:hover {
  131. background-color: #772699; /* Change the hover colour of main link box */
  132. -o-transition: all 0.5s ease-out;
  133. -webkit-transition: all 0.5s ease-out;
  134. -moz-transition: all 0.5s ease-out;
  135. }
  136.  
  137. #linkthree {
  138. width:200px;
  139. height: 20px;
  140. margin-left: 725px;
  141. margin-top: -20px;
  142. background-color: #000; /* Change the background colour of the main links */
  143. font-family: Patrick Hand;
  144. font-size: 15px;
  145. text-align: center;
  146. -o-transition: all 0.5s ease-in;
  147. -webkit-transition: all 0.5s ease-in;
  148. -moz-transition: all 0.5s ease-in;
  149. }
  150.  
  151. #linkthree:hover {
  152. background-color: #772699; /* Change the hover colour of main link box */
  153. -o-transition: all 0.5s ease-out;
  154. -webkit-transition: all 0.5s ease-out;
  155. -moz-transition: all 0.5s ease-out;
  156. }
  157.  
  158. #textbox {
  159. width: 295px;
  160. height: 336px;
  161. margin-left: 330px;
  162. margin-top: -345px;
  163. background-color: #000; /* Change the colour of the textbox background */
  164. color: #772699; /* Change the colour of the textbox font */
  165. font-family: Open Sans Condensed;
  166. font-size: 14px;
  167. letter-spacing: 0.5px;
  168. padding: 2px;
  169. text-align:left;
  170. overflow:scroll;
  171. }
  172.  
  173. #image {
  174. margin-left: 635px;
  175. margin-top: -340px;
  176. }
  177.  
  178. </style>
  179. </head>
  180. <body>
  181. <div id="title">Loud Noise Pokémon.</div> <!-- This is the title box -->
  182. <div id="box"></div>
  183. <div id="textbox"><br><br><br><br><br><br><center>G'day mate.<br>
  184. Name's Nico. That's all you need to know. Can't hear your drama over dis noise.<p>
  185. Soundproof. Noise cancelling headphones are the bees knee's.<br>
  186. Held item? <i>Checks his pockets...</i><p>
  187. Boomburst - Swagger<br>Hyper Voice - Disarming Voice<p>
  188. WIP.
  189.  
  190. </div>
  191. <div id="image"><img src="https://cdn.discordapp.com/attachments/376215349718155267/562812983953195018/2e63b5f1f827cfe833eda7b709a9527d.png" height="340px" width="285px"></div> <!-- This is where you insert the url of your selfie or any image of you, or really any image that you want -->
  192. <div id="linkone"><a href="/">link</a></div> <!-- These are the main links -->
  193. <div id="linktwo"><a href="/ask">link</a></div> <!-- Another main link -->
  194. <div id="linkthree"><a target="_blank" href="http://oflothlorien.tumblr.com/">link</a></div> <!-- DO NOT REMOVE THE CREDIT! -->
  195.  
  196. </body>
  197. </html>
Add Comment
Please, Sign In to add comment