API tools faq
paste
Advertisement
Chibi-Elle

Brick Code

Chibi-Elle
Apr 9th, 2019
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.82 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
  4. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  5. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  8. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://cdn.jsdelivr.net/npm/[email protected]/css/fork-awesome.min.css" rel="stylesheet">
  15. <style>
  16. .grecaptcha-badge {
  17. display: none;
  18. }
  19. </style>
  20. <script defer>
  21. window.onload = function() {
  22.  
  23. };
  24. </script>
  25. <style>
  26.  
  27. </style>
  28. </head>
  29. <body>
  30. <style>
  31. @import url('https://fonts.googleapis.com/css?family=Rock+Salt|Amatic+SC');
  32. @import url('https://fonts.googleapis.com/css?family=Playfair Display SC');
  33. @import url('https://fonts.googleapis.com/css?family=Graduate');
  34.  
  35. /*coded by [punpun]. do not steal the characters. do not remove this. do not remove the credit.*/
  36.  
  37. body {
  38. background-color: ;
  39. background-position:left;
  40. background-image: linear-gradient(to bottom, #920000, #BD0000, #FF3636);background-size:100px;
  41. background-attachment:tile;
  42. overflow: disabled}
  43.  
  44. /*827A99*/
  45.  
  46. ::-webkit-scrollbar-thumb {
  47. width: 0px;
  48. background-color: transparent;}
  49. ::-webkit-scrollbar {
  50. width: 0px;
  51. background-color: transparent;}
  52.  
  53. a {
  54. color: #f3f3f3;
  55. text-decoration: none;
  56. border-bottom: 2px dotted #20293F;
  57. transition: all 0.4s ease-in-out;
  58. -webkit-transition: all 0.4s ease-in-out;}
  59. a:hover {
  60. color: #920000;
  61. text-decoration: none;
  62. transition: all 0.4s ease-in-out;
  63. -webkit-transition: all 0.4s ease-in-out;}
  64. a.tabs {
  65. font-size: 14px;
  66. background: #920000;
  67. border:1px solid #920000;
  68. padding: 2px 18px 2px 18px;
  69. line-height: 30px;
  70. font-family: calibri;
  71. color: #f3f3f3;
  72. -webkit-transition: all 0.4s ease;
  73. transition: all 0.4s ease;}
  74.  
  75. a.tabs:hover {
  76. color: #6B0000;
  77. background-color: transparent;
  78. border:1px solid #6B0000; }
  79.  
  80.  
  81. #ufuk {position: fixed;right: 5;bottom: 5px;}
  82. #ufuk img {width: 280;height: 500;border:15px solid #6B0000;}
  83.  
  84. #head {
  85. position: fixed;
  86. right: 328;
  87. bottom: 128;
  88. color: #6B0000;border: px solid #6B0000;
  89. font-family: 'Rock Salt';
  90. font-size: 40;
  91. }
  92.  
  93. #head2 {
  94. position: fixed;
  95. right: 335;
  96. bottom: 65;
  97. color: #000000;
  98. font-family: 'Playfair Display SC';border: px solid #000;
  99. font-size: 26px; text-align: center;
  100. }
  101.  
  102. #head3 {
  103. position: fixed; border: px solid #000;
  104. right: 347;
  105. bottom: 10;
  106. color: #000000;
  107. font-family: 'Amatic SC';
  108. font-size: 14px;
  109. text-align: center;
  110.  
  111. }
  112.  
  113.  
  114. #blur {position: fixed; right:5; bottom:15; height:40px; width: 310px; background-color: #; overflow: hidden; z-index:20;;opacity:1;background-image:url("http://www.clker.com/cliparts/0/e/2/6/1194989379339979681pattern-pinstripes-diagonal.svg.med.png");background-size:100px}
  115.  
  116.  
  117. #box {
  118. position: absolute;
  119. right: 327;
  120. bottom: 190;
  121. width: 198px;
  122. height: 0px;
  123. background-color: #000;
  124. border-top: 6px solid #000;
  125. border-bottom: 6px solid #000;
  126. z-index: 1;
  127. color: #000000;
  128. padding: 4;
  129. font-family: Montserrat;
  130. font-style: normal;
  131. font-weight: 400;
  132. text-align: justify;
  133. overflow-x: hidden;
  134. overflow-y: auto;
  135. font-size: 11px;
  136. -webkit-transition: all 0.9s ease-out;
  137. transition: all 0.9s ease-out;
  138. }
  139. body:hover #box { height: 300px;
  140. background-color: #BD0000;
  141. background-image: url('https://www.transparenttextures.com/patterns/black-felt.png');
  142. }
  143.  
  144. #intro {
  145. position: absolute;
  146. right:8;
  147. width: 180px;
  148. height: 230px;
  149. background-color: #000;
  150. border: 0px solid #000;
  151. z-index: 3;
  152. color: #f3f3f3;
  153. padding: 4;
  154. font-family: 'Amatic SC';
  155. font-style: normal;
  156. font-weight: 400;
  157. text-align: justify;
  158. overflow-x: hidden;
  159. overflow-y: auto;
  160. font-size: 14px;
  161. -webkit-transition: all 0.6s ease-out;
  162. transition: all 0.6s ease-out; }
  163.  
  164. #main {position:absolute;
  165. width: 160px; height: 110px; background: #f3f3f3; border: 3px solid #f3f3f3; border-radius: 0px 20px 0px 20px; box-shadow: #9E988B 0px 0px 0px 0px; overflow: hidden; text-align: left;}
  166.  
  167.  
  168. .darts {
  169. position: absolute;
  170. width: 190px;
  171. height: 110px;
  172. opacity: 0; z-index: 1;
  173. text-align: left;
  174. -webkit-transition: all 0.6s ease-out;
  175. -moz-transition: all 0.6s ease-out;
  176. -ms-transition: all 0.6s ease-out;
  177. -o-transition: all 0.6s ease-out;
  178. transition: all 0.6s ease-out;
  179. }
  180.  
  181. .darts:target {
  182. z-index: 5;
  183. -webkit-transition: all 0.6s ease-out;
  184. -moz-transition: all 0.6s ease-out;
  185. -ms-transition: all 0.6s ease-out;
  186. -o-transition: all 0.6s ease-out;
  187. transition: all 0.6s ease-out;
  188. opacity: 1;
  189. }
  190.  
  191. .dicks {
  192. position: absolute;right:-5;
  193. width: 185px;
  194. height: 230px;
  195. background-color: #000;
  196. border-top: 6px solid #000;
  197. border-bottom: 6px solid #000;
  198. z-index: 5;
  199. color: #f3f3f3;
  200. padding: 4;
  201. font-family: 'Amatic SC';
  202. font-style: normal;
  203. font-weight: 100;
  204. text-align: justify;
  205. overflow-x: hidden;
  206. overflow-y: auto;
  207. font-size: 12px;
  208. -webkit-transition: all 0.6s ease-out;
  209. transition: all 0.6s ease-out;
  210.  
  211. }
  212. </style>
  213.  
  214. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; left:10; bottom:0;width:25;-webkit-transform: scaleX(-1); filter: FlipH;z-index:999;"></a>
  215.  
  216. <div id="blur"></div>
  217. <div id="ufuk"><img src="https://i.pinimg.com/564x/f7/f2/d8/f7f2d8e3f80d02e172b3b463e98aa157.jpg"></div>
  218. <div id="head">Leader&nbsp</div><div id="head2"><b>We're Just the<br>Better Design</b></div>
  219. <div id="head3">Vanity. Pride. Greed. These are his greatest sins.<br>He scoffs at those who claim they're better,<br>
  220. Untainted by the headrush of power.</div>
  221.  
  222.  
  223. <div id="box">
  224. <center><a href="#i" class="tabs">♕</a><a href="#ii" class="tabs">♕</a><a href="#" class="tabs">⟳</a><a target="_blank" href="https://www.youtube.com/watch?v=WH-E98MltJc" class="tabs" target="_blank">♫</a></center><br>
  225. <div id="intro">
  226. o1. PM-friendly. <br>
  227. o2. Chick typist, sorry if my dude portrayal sucks. Gonna give it my best shot.<br>
  228. o3. Para/Novella poster. What you give is what you get. <br>
  229. o4. For Townsville, USA room. Probably won't play outside of that.<br>
  230. o5. Don't be a dick and we'll be cool.
  231. <center><br><center> ---<br>Acquaintances: <br> <a href="profile.php?user=Name" target="_blank">NAME</a> // <a href="profile.php?user=Name" target="_blank">NAME</a> // <a href="" target="_blank">NAME</a></center></div>
  232.  
  233. <div id="i" class="darts">
  234. <div class="dicks">
  235. <b>NAME:</b> <font style=float:right>Brick Jojo.</font><br>
  236. <b>A.K.A.:</b> <font style=float:right>Duke of Destruction.</font><br>
  237. <font style=float:right>King of Crushing.</font><br>
  238. <font style=float:right>The Master Masher.</font><br>
  239. <b>AGE:</b> <font style=float:right>Twenty.</font><br>
  240. <b>SPECIES:</b> <font style=float:right>Chemical X Mutant.</font><br>
  241. <b>ALIGNMENT:</b> <font style=float:right>Chaotic Rebel.</font><br>
  242. <B>ORIENT:</b> <font style=float:right>Heterosexual.</font><br>
  243. <b>MARITAL:</b> <font style=float:right>Single.</font><br>
  244. <b>OCCUPATION:</b> <font style=float:right>Anti-Hero/Business Major.</font><br>
  245. <b>COLOR:</b> <font style=float:right>Fire Engine Red.</font><br>
  246. <b>ELEMENT:</b> <font style=float:right>Fire.</font><br>
  247. <b>INGREDIENT:</b> <font style=float:right>Puppy Dog's Tail.</font><br>
  248. <b>ENEMIES:</b> <font style=float:right>N/A.</font><br>
  249. <b>NEUTRAL:</b> <font style=float:right>Powerpuffs, Powerpunks, Rowdyrights.</font><br>
  250. <b>HAIR:</b> <font style=float:right>Red, long.</font><br>
  251. <b>EYES:</b> <font style=float:right>Red (cartoon), Reddish-brown (IRL).</font><br>
  252. <b>HEIGHT:</b> <font style=float:right>6'2".</font><br>
  253. <b>WEIGHT:</b> <font style=float:right>208 lbs.</font><br>
  254. <b>PHYSIQUE:</b> <font style=float:right>Lean Muscle.</font><br>
  255. <b>BLOOD TYPE:</b> <font style=float:right>A.</font><br>
  256. <b>STYLE:</b> <font style=float:right>Athletic.</font>
  257.  
  258. </div>
  259. </div>
  260.  
  261. <div id="ii" class="darts">
  262. <div class="dicks">
  263. <center><u>HEADCANONS</u></center><br>
  264. <li> Brick has not been involved in active villainy for quite some time. While still sometimes childish and impulsive, he's disappeared off the radar in terms of terrorizing Townsville.</li>
  265. <li> He took to sports as a means of destroying. He's enjoying karate, and kick-boxing.</li>
  266.  
  267. </div>
  268. </div>
  269.  
  270.  
  271.  
  272. </div>
  273. </body>
  274. </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!