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 |
110 | + | margin: 1px; |
111 | border:2px solid #999; | |
112 | - | Alias |
112 | + | opacity:.7; |
113 | overflow:auto; | |
114 | - | Species |
114 | + | font-family: tinytots; |
115 | } | |
116 | - | Gender |
116 | + | |
117 | #navi { | |
118 | - | Age |
118 | + | vertical-align: center; |
119 | text-align: center; | |
120 | - | Height |
120 | + | position: absolute; |
121 | left:50; | |
122 | - | Weight |
122 | + | top:650; |
123 | letter-spacing:0px; | |
124 | - | Status |
124 | + | line-height: 10px; |
125 | padding: 5px; | |
126 | - | Orientation |
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 & 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> |