Advertisement
Guest User

Witch Code

a guest
Nov 21st, 2017
487
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.15 KB | None | 0 0
  1. <center>
  2. <h3 class="pfor">Profile for "Liam Keeler"</h3><div id="profile"><style type="text/css">
  3. @font-face {font-family: 'pixel'; src: local('04b24'), url('http://static.tumblr.com/zm7jcjw/dtClscghb/04b_24__.ttf') format('woff'); }
  4.  
  5.  
  6. #profile { border: hidden; background-color: transparent; }
  7.  
  8. .pfor {display:none;}
  9.  
  10. body{
  11. background:#fff;
  12. background-size:20%;
  13. background-repeat:no-repeat;
  14. background-attachment:fixed;
  15. }
  16.  
  17. #pictureone {
  18.  
  19.  
  20. position: fixed;
  21. left: 0px;
  22. bottom: -40px;
  23. margin: 25px;}
  24.  
  25. #Box1{
  26. position:absolute;
  27. top:60px;
  28. left:750px;
  29. height:350px;
  30. width:200px;
  31. border-radius:0px;
  32. background:url('http://images5.fanpop.com/image/polls/1053000/1053833_1339850083765_full.jpg');
  33.  
  34. overflow:hidden;
  35. border:4px solid black;
  36. }
  37.  
  38. #Box2{
  39. position:absolute;
  40. bottom:57px;
  41. left:750px;
  42. height:350px;
  43. width:200px;
  44. border-radius:0px;
  45. background:url('https://78.media.tumblr.com/4a71553ed23bc2e4b3bb1cd197899ac1/tumblr_on8w2ssBPT1tc6v35o2_1280.jpg');
  46. background-size: 100%;
  47. overflow:hidden;
  48. border:4px solid black;
  49. }
  50. #Box3{
  51. position:absolute;
  52. bottom:225px;
  53. left:540px;
  54. height:350px;
  55. width:200px;
  56. border-radius:0px;
  57. background:url('http://img1.wikia.nocookie.net/__cb20131218012321/the-naruto-world/images/4/4e/Oz-Vessalius-pandora-hearts-28283851-225-350.jpg');
  58. overflow:hidden;
  59. border:4px solid black;
  60. }
  61.  
  62. #Box4{
  63. position:absolute;
  64. bottom:225px;
  65. left:960px;;
  66. height:350px;
  67. width:200px;
  68. border-radius:0px;
  69. background:url('http://img1.ak.crunchyroll.com/i/spire2/de10877f837b2fe1a4c9f9bb451562631247895078_full.jpg');
  70. overflow:hidden;
  71. border:4px solid black;
  72. }
  73.  
  74. .poke{
  75. color:#505050;
  76. font-size:12px;
  77. text-align:center;
  78. font-family:pixel;
  79. margin: 2px;
  80. }
  81.  
  82. .effect{
  83. height:350px;
  84. width:200px;
  85. background-color:#fff;
  86. filter: alpha(opacity=0);
  87. opacity: 0;
  88. border-radius:0px;
  89. -webkit-transition: all 0.6s ease-out;
  90. -moz-transition: all 0.6s ease-out;
  91. }
  92.  
  93. .effect:hover{
  94. border-radius:0px;
  95. filter: alpha(opacity=100);
  96. opacity: 1;
  97. overflow:auto;
  98. }
  99.  
  100. a.sinnoh:link, a.sinnoh:active, a.sinnoh:visited{
  101. display: block;
  102. float: left;
  103. width: 86px;
  104. margin-left: 7px;
  105. -moz-border-radius: 5px;
  106. border-radius: 2px;
  107. font-family: consolas;
  108. text-decoration: none;
  109. font-size: 10px!important;
  110. letter-spacing: 0px;
  111. background-color: bbb;
  112. color: 383838;
  113. padding: 2px;
  114. text-align: center!important;
  115. -webkit-transition: all 0.6s ease-out;
  116. -moz-transition: all 0.6s ease-out;
  117. }
  118.  
  119. a.sinnoh:hover{background-color:f0e0b8;
  120. color:353535;
  121. text-decoration: none;}
  122.  
  123. a href {
  124. text-decoration: underline;
  125. font-family:consolas;
  126. color: #505050;
  127. letter-spacing: -1px;
  128. }
  129.  
  130. u {
  131. text-decoration: underline;
  132. font-family:consolas;
  133. color: #505050;
  134. letter-spacing: -1px;
  135. }
  136.  
  137. b {
  138. color: #493c23;
  139. font-family:consolas;
  140. text-transform:none;
  141. letter-spacing: 2px;
  142. }
  143.  
  144. a:active, a:link, a:visited{
  145. color:#464f82;
  146. text-transform:none;
  147. font-family:consolas;
  148. letter-spacing: 1px;
  149. text-decoration:none;
  150. transition:all 0.3s ease-out;
  151. -o-transition:all 0.3s ease-in-out;
  152. -moz-transition:all 0.3s ease-in-out;
  153. -webkit-transition:all 0.3s ease-in-out;
  154. }
  155.  
  156. a:hover{
  157. cursor:help;
  158. color:#260000;
  159. text-decoration:none;
  160. transition:all 0.3s ease-out;
  161. -o-transition:all 0.3s ease-in-out;
  162. -moz-transition:all 0.3s ease-in-out;
  163. -webkit-transition:all 0.3s ease-in-out;
  164. }
  165.  
  166. h1{
  167. font-family: Georgia;
  168. font-size:25;
  169. letter-spacing:1px;
  170. color:#d8a078;
  171. font-style:italic;
  172. font-weight:light;
  173. text-align: center;
  174. text-transform:none;
  175. }
  176.  
  177. ::-webkit-scrollbar {width: 4px;}
  178. ::-webkit-scrollbar-thumb:vertical {
  179. height: 10px;background-color: #a8a8a8;}
  180. ::-webkit-scrollbar-thumb:horizontal {
  181. height: 10px;background-color: #a8a8a8;border: 0px ;width: 15px;}
  182.  
  183. h1 {
  184.  
  185. position: fixed;
  186. right: 10px;
  187. bottom: 0px;
  188. font-weight: normal;
  189. font-size: 50%;
  190. color: #000000;}
  191.  
  192.  
  193.  
  194. </style>
  195. <h1>Layout © <a href="https://pastebin.com/u/realniggaz" target="_blank">real niggaz.~</a></h1>
  196.  
  197. <div id="pictureone"><img src="http://i.picpar.com/vN9c.png" class="image" width="500" height="auto"></div>
  198.  
  199.  
  200. <div id="box1">
  201. <div class="effect">
  202. <div class="poke">
  203. <big><i>Information.</i></big>
  204. <br><br>
  205. <b>Adopted Name:</b>
  206. <br>
  207. <b>Real Name:</b>
  208. <br>
  209. <b>Alias:</b>
  210. <br>
  211. <b>Marital Status:</b>
  212. <br>
  213. <b>Place Of Birth:</b>
  214. <br>
  215. <b>Raised:</b>
  216. <br>
  217. <b>Current Residence:</b>
  218. <br>
  219. <b>Age:</b>
  220. <br>
  221.  
  222. <b>Alignment:</b>
  223. <br>
  224. <b>Ethnicity:</b>
  225. <br>
  226. <b>Religion:</b>
  227. <br>
  228. <b>Hair Color:</b>
  229. <br>
  230. <b>Eye Color:</b>
  231. <br>
  232. <b>Height:</b>
  233. <br>
  234. <b>Weight:</b>
  235. <br>
  236. <b>Birthmarks/Scars:</b>
  237. <br>
  238. <b>Build:</b>
  239.  
  240. </div>
  241. </div>
  242. </div>
  243.  
  244.  
  245. <div id="box2">
  246. <div class="effect">
  247. <div class="poke">
  248. <big><i>The Past</i></big>
  249. <br><br><br>
  250.  
  251.  
  252.  
  253.  
  254.  
  255.  
  256. <br><br><br><br><br>
  257. <big><i>The Present</i></big>
  258.  
  259.  
  260. <br><br><br><br><br>
  261. <big><i>Notable Individuals</i></big>
  262. <br><br>
  263.  
  264. -
  265.  
  266. <br><br>
  267.  
  268. -
  269. </div>
  270. </div>
  271. </div>
  272.  
  273. <div id="box3">
  274. <div class="effect">
  275. <div class="poke">
  276.  
  277. <big><i>Powers & Abilities.</i></big>
  278. <br><br><br>
  279.  
  280. <br>
  281. </div>
  282. </div>
  283. </div>
  284.  
  285. <div id="box4">
  286. <div class="effect">
  287. <div class="poke">
  288. <big><i>OOC</i></big>
  289. <br><br>
  290.  
  291.  
  292. </div>
  293. </div>
  294. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement