View difference between Paste ID: ju6BwcCk and vPNK5Fke
SHOW: | | - or go back to the newest paste.
1
<body>
2
<style type="text/css">
3-
.pfor {display: none;}
3+
@import url('https://fonts.googleapis.com/css?family=Krona+One');
4-
body {background-color: #F6F6F4;
4+
	 .pfor {display: none; visibility: hidden;}
5-
background-repeat: no-repeat;
5+
	#profile {background-color:;}
6-
background-size: 1800px 900px;
6+
	#profile {border:;}
7-
}
7+
	body
8
	{overflow-x:hidden;
9-
#profile {background-color
9+
	background-image: 
10-
:transparent;border: 0px;}
10+
	url(https://cdn.discordapp.com/attachments/386569442277982208/389975704869142529/image.jpg); 
11-
#profile {border: 0px;}
11+
	background-repeat: no-repeat; 
12
	background-position: right; 
13-
h1 {
13+
	background-attachment: fixed; 
14-
 position: absolute;
14+
	background-color:#FFFFFF;
15-
 right: 0px;
15+
	font: 0px arial; 
16-
bottom: 0px;
16+
	color: black;}
17-
margin: 0px;
17+
	#profile {background-color: transparent; 
18-
}
18+
	border:0px;
19
	}
20-
h2{
20+
21-
position: absolute;
21+
	::-webkit-scrollbar {
22-
right: 685px;
22+
	width: 5px; 
23-
top: 180px;
23+
	height: 0px; 
24-
font-family: 'Courier New';
24+
	background:; 
25-
font-size: 14px;
25+
	}
26-
}
26+
27
	::-webkit-scrollbar-thumb {
28-
h3{
28+
	background-color:black;
29-
position: absolute;
29+
	-webkit-border-radius: 10px;
30-
right: 340px;
30+
	border-radius: 10px;
31-
top: 360px;
31+
	}
32-
font-family: 'Courier New';
32+
33-
font-size: 14px;
33+
	a {color:gray; 
34-
}
34+
	text-decoration: none; 
35
	-webkit-transition: all 0.5s ease-in-out;
36-
h4{
36+
	-moz-transition: all 0.5s ease-in-out;
37-
position: absolute;
37+
	-o-transition: all 0.5s ease-in-out;
38-
right: 710px;
38+
	-ms-transition: all 0.5s ease-in-out;
39-
top: 110px;
39+
	transition: all 0.5s ease-in-out;
40-
}
40+
	} 
41
	
42-
.floaties{
42+
	a:hover {color: black; 
43-
text-align: left;
43+
	text-decoration: none;
44-
float: left; width: 30%;
44+
	-webkit-transition: all 0.5s ease-in-out;
45-
}
45+
	-moz-transition: all 0.5s ease-in-out;
46
	-o-transition: all 0.5s ease-in-out;
47-
.floaties2{ 
47+
	-ms-transition: all 0.5s ease-in-out;
48-
text-align: right;
48+
	transition: all 0.5s ease-in-out;
49-
float: left; width: 58%;
49+
	} 
50-
}
50+
51
	*{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
52-
.stuff {
52+
	}
53-
background-color: #F6F6F4;
53+
54-
width: 200px;
54+
@font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/y0pfz7ndq83n7j7/04B_03_.TTF?dl=1'); format("truetype");} 
55-
height: 299px;
55+
56-
font-family: trebuchet ms;
56+
57-
font-size: 8pt;
57+
#whole{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
58
59-
}
59+
	#background {background-image: 
60
	url('http://i.picpar.com/Nl2b.jpg'); 
61-
.tab-content,.tab-content:target~#Stats {
61+
	background-size:200px;
62-
 display:none;
62+
	background-repeat:repeat; 
63-
 z-index:4;
63+
	background-position:; 
64-
 }
64+
	background-attachment: absolute; 
65
	position:absolute; 
66-
#I{
66+
	left:150; 
67-
 display:block;
67+
	top:50;
68-
height: 90px;
68+
	width:295;
69-
overflow: scroll;
69+
	height:640;
70-
overflow-X: hidden;
70+
	border:2px solid #fff;
71-
opacity: 0; 
71+
	}
72-
z-index: 1;
72+
73-
background-image: url(https://68.media.tumblr.com/5e2be2951c2504779065607305b15d42/tumblr_oglidp8Ki51tixvyxo1_500.gif);
73+
	#image {position:absolute; 
74-
 box-shadow: 10px 10px 5px grey;
74+
	left:20; 
75-
}
75+
	top:20;
76
	background-color: transparent;
77-
#I:target {
77+
	border:2px solid #FFF;
78-
-webkit-transition: opacity 2.0s ease-in;
78+
	}
79-
 -moz-transition: opacity 2.0s ease-in;
79+
80-
 -o-transition: opacity 2.0s ease-in;
80+
	#title {background-color:#fff;
81-
 opacity: 1;
81+
	vertical-align: center;
82-
 }
82+
	color:black;
83
	font-size:20px;
84
	font-family:times;
85
	text-align: center;
86-
::-webkit-scrollbar {width: 4px;}
86+
	position: absolute;
87-
::-webkit-scrollbar-thumb:vertical {
87+
	width:230;
88-
height: 10px;background-color: #FBB117;}
88+
	left: 19px;
89-
::-webkit-scrollbar-thumb:horizontal {
89+
	top: 330px;
90-
height: 10px;background-color: #FBB117;border: 0px ;width: 15px;}
90+
	letter-spacing:0px;
91
	line-height: 10px;
92-
.floating {
92+
	padding: 10px;
93-
 float:left;
93+
	margin: 1px;
94-
position: absolute;
94+
	border:2px solid #999;
95-
bottom: 0px;
95+
	}
96-
}</style>
96+
97
	#box {background-color:#fff;
98-
<h2>
98+
	vertical-align: center;
99
	text-transform: uppercase;
100
	color:black;
101
	font-size:10px;
102
	text-align: left;
103
	position: absolute;
104
	width:230;
105
	height:240;
106-
<div class="stuff">
106+
	left: 19px;
107-
<font color="#000000">
107+
	top: 355px;
108-
<div id="I" class="tab-content">
108+
	line-height: 10px;
109-
<div class="floaties">
109+
	padding: 10px;
110-
Name &nbsp; &nbsp; &nbsp; 
110+
	margin: 1px;
111
	border:2px solid #999;
112-
Alias &nbsp; &nbsp; &nbsp; 
112+
	opacity:.7;
113
	overflow:auto;
114-
Species &nbsp; &nbsp; &nbsp; 
114+
	font-family: tinytots;
115
	}
116-
Gender &nbsp; &nbsp; &nbsp; 
116+
117
	#navi {
118-
Age &nbsp; &nbsp; 
118+
	vertical-align: center;
119
	text-align: center;
120-
Height &nbsp; &nbsp; 
120+
	position: absolute;
121
	left:50; 
122-
Weight &nbsp; &nbsp; 
122+
	top:650;
123
	letter-spacing:0px;
124-
Status &nbsp; &nbsp; 
124+
	line-height: 10px;
125
	padding: 5px;
126-
Orientation &nbsp; &nbsp; 
126+
	margin: 1px;
127
	opacity:.8;
128
	}
129
130-
<font color="#FBB117">
130+
	#navi a {
131-
<div class="floaties2">
131+
	padding: 7px;
132-
MI-5O
132+
	width: 20px;
133
	font-family: tinytots;
134-
Miso
134+
	font-size: 8px;
135
	text-transform:uppercase;
136-
Hardlight Cephalon
136+
	letter-spacing: 1px;
137
	display: inline-block;
138-
Feminine
138+
	text-align: center;
139
	color:#999;
140-
Unknown
140+
	background-color: #fff;
141
	-webkit-transition: all 0.5s ease-in-out;
142-
6'0"
142+
	-moz-transition: all 0.5s ease-in-out;
143
	-o-transition: all 0.5s ease-in-out;
144-
Variable
144+
	-ms-transition: all 0.5s ease-in-out;
145
	transition: all 0.5s ease-in-out;
146-
Single
146+
	border: 1px solid #999;
147
	}
148-
People
148+
149
	#navi a:hover {background-color:#999;
150-
</font></div><font color="#FBB117">
150+
	color:DADADA;
151-
</font></font></div><font color="#000000"><font color="#FBB117">
151+
	-webkit-transition: all 0.5s ease-in-out;
152-
</font><font color="#000000">
152+
	-moz-transition: all 0.5s ease-in-out;
153-
</font></font></h2><font color="#000000"><font color="#000000">
153+
	-o-transition: all 0.5s ease-in-out;
154
	-ms-transition: all 0.5s ease-in-out;
155-
<h4>
155+
	transition: all 0.5s ease-in-out;
156-
<a href="#I"><img src="http://i.imgur.com/XqgegEI.png" width="150px" height="150px"></a>
156+
	border: 1px solid #DADADA;
157-
</h4>
157+
	}
158
159-
<div class="floating">
159+
	#background2 {background-image: 
160-
<img style="user-select: none;" src="http://i.imgur.com/0Sf2Vj6.jpg" width="478" height="794">
160+
	url('http://i.picpar.com/Nl2b.jpg'); 
161-
</div></font>
161+
	background-size:200px;
162
	background-repeat:repeat; 
163
	background-position:; 
164
	background-attachment: absolute; 
165
	position:absolute; 
166
	left:0; 
167
	top:0;
168
	width:400;
169
	height:350;
170
	border:2px solid #fff;
171
	-webkit-transition: all 0.5s ease-in-out;
172
	-moz-transition: all 0.5s ease-in-out;
173
	-o-transition: all 0.5s ease-in-out;
174
	-ms-transition: all 0.5s ease-in-out;
175
	transition: all 0.5s ease-in-out;
176
	overflow:hidden;
177
	}
178
179
	#background2:hover {
180
	border:2px solid #fff;
181
	-webkit-transition: all 0.5s ease-in-out;
182
	-moz-transition: all 0.5s ease-in-out;
183
	-o-transition: all 0.5s ease-in-out;
184
	-ms-transition: all 0.5s ease-in-out;
185
	transition: all 0.5s ease-in-out;
186
	}
187
188
	#box2 {background-color:#fff;
189
	vertical-align: center;
190
	text-transform: uppercase;
191
	color:black;
192
	font-size:8px;
193
	font-family:tinytots;
194
	text-align: justify;
195
	position: absolute;
196
	width:335;
197
	height:285;
198
	left: 19px;
199
	top: 20px;
200
	letter-spacing:0px;
201
	line-height: 10px;
202
	padding: 10px;
203
	margin: 1px;
204
	border:2px solid #aaa;
205
	opacity:.7;
206
	}
207
208
	#box2 img {
209
	width:100;
210
	height:100;
211
	border:1px solid #FFF;
212
	}
213
214
	#arrow {position:absolute; 
215
	left:410; 
216
	top:150;
217
	}
218
219
	h1{
220
	border-bottom:1px solid #FFF;
221
	color:#FFF;
222
	font-size:17px;
223
	line-height: 17px;
224
	font-family:times;
225
	text-align: right;
226
	text-transform:lowercase;
227
	letter-spacing:5px;
228
	margin: 0px 5px 5px;
229
	text-shadow: 1px 0px 0px #666, 
230
	0px 1px 0px #666, 
231
	-1px 0px 0px #666, 
232
	0px -1px 0px #666,
233
	0px 0px 20px #666;
234
	}
235
236
	h2{
237
	border-bottom:1px dotted #666;
238
	color:white;
239
	width:150;
240
	font-size:8px;
241
	line-height: 8px;
242
	font-family:Silkscreen;
243
	text-align: left;
244
	text-transform:uppercase;
245
	margin: 5px 5px 5px;
246
	text-shadow: 1px 0px 0px #FFF, 
247
	0px 1px 0px #FFF, 
248
	-1px 0px 0px #FFF, 
249
	0px -1px 0px #FFF,
250
	0px 0px 20px #FFF;
251
	}
252
253
	#hoverhelp {
254
	position:absolute;
255
	left:50; 
256
	top:220;
257
	-webkit-transition: all 0.5s ease-in-out;
258
	-moz-transition: all 0.5s ease-in-out;
259
	-o-transition: all 0.5s ease-in-out;
260
	-ms-transition: all 0.5s ease-in-out;
261
	transition: all 0.5s ease-in-out;
262
	}
263
264
	#hoverhelp:hover {
265
	left:470; 
266
	top:220;
267
	-webkit-transition: all 0.5s ease-in-out;
268
	-moz-transition: all 0.5s ease-in-out;
269
	-o-transition: all 0.5s ease-in-out;
270
	-ms-transition: all 0.5s ease-in-out;
271
	transition: all 0.5s ease-in-out;
272
	}
273
274
	#color {
275
	position:fixed;
276
	background-color:#FFF;
277
	width:460;
278
	height:550;
279
	left: 0px;
280
	top: 50px;
281
	}
282
283
	::selection {
284
	color: #999;
285
	background: #111;
286
	}
287
288
	#credit {
289
	position:fixed;
290
	right:0;
291
	bottom:0;
292
	}
293
294
295
@font-face {font-family:Silkscreen; src: url(http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf);}
296
</style>
297
<div id="whole" oncontextmenu="return false;">
298
299
<div id="credit">
300
<img src="http://i.picpar.com/Pl2b.png" width="100">
301
</div>
302
303
<div id="hoverhelp">
304
305
<div id="arrow">
306
<font size="50">↵</font>
307
</div>
308
309
<div id="background2">
310
311
<div id="box2">
312
<div style="width:335; height:285; overflow-y: hidden;">
313
<a name="one"></a>
314
<div style="width:335; height:285; overflow-y: auto;">
315
316
<h1>out of character</h1>
317
318
<li>tba</li>
319
<li></li>
320
<li></li>
321
<li></li>
322
<li></li>
323
<li></li>
324
<li></li>
325
<li></li>
326
327
328
</div>
329
330
<a name="two"></a>
331
<div style="width:335; height:285; overflow-y: auto;">
332
333
<h1>Personality</h1>
334
335
two
336
337
</div>
338
339
<a name="three"></a>
340
<div style="width:335; height:285; overflow-y: auto;">
341
342
<h1>History</h1>
343
344
three
345
346
</div>
347
 
348
<a name="four"></a>
349
<div style="width:335; height:285; overflow-y: auto;">
350
351
<h1>Comrades &amp; enemies</h1>
352
353
<img src="http://i.picpar.com/Sl2b.jpg" align="left"> information here
354
355
356
357
<br><br><br><br>
358
359
<img src="http://i.picpar.com/Sl2b.jpg" align="right"> information there
360
361
362
363
</div>
364
365
<a name="five"></a>
366
<div style="width:335; height:285; overflow-y: auto;">
367
368
<h1>Abilities</h1>
369
370
five
371
372
</div>
373
</div>
374
</div>
375
</div>
376
</div>
377
378
379
<div id="color">
380
</div>
381
382
<div id="background">
383
384
<div id="image">
385
<img src="https://i.imgur.com/et2td00.png" height="312" width="250">
386
</div>
387
388
<div id="box">
389
Name: Alden Maxwell Peacefield
390
<br>
391
Age: 23 
392
<br>
393
Rank: Commander of the Grand Empire of Titan
394
<br>
395
Weight: 176lbs
396
<br>
397
Height: 6'2"
398
</font>
399
</div>
400
401
<div id="title">
402
<i>"You're just too slow for me"</i>
403
</div>
404
405
<div id="navi">
406
<a href="#one">I</a>
407
408
<a href="#two">II</a>
409
410
<a href="#three">III</a>
411
412
<a href="#four">IV</a>
413
414
<a href="#five">V</a>
415
</div>
416
</div>
417
418
</div></body>