View difference between Paste ID: egfK5nWd and yB0n6tm1
SHOW: | | - or go back to the newest paste.
1
<style type="text/css">
2
#header, #search, #main-navbar, #sidebar, #sidetabs, #alerts, #navigation, #chatroom_mini,#chatroom, #footer_bg, #breadcrumbs, #footer_bg, .wrapper{display: none;}div.wraper{ background:none;}
3
4
div.sidenav {
5
 
6
overflow: none;
7
 
8
width: 90px;
9
 
10
height: px;
11
 
12
position: absolute;
13
 
14
top: ;
15
 
16
left: -90px;
17
 
18
backgound: transparent;
19
 
20
border: none;
21
 
22
}
23
24
div.buttonbox {
25
 
26
overflow: none;
27
 
28
width: 90px;
29
 
30
height: 40px;
31
 
32
position: relative;
33
 
34
background: transparent;
35
 
36
border: none;
37
 
38
transition: background 2s;
39
 
40
-moz-transition: background 2s;
41
 
42
-webkit-transition: background 2s;
43
 
44
-o-transition: background 2s;
45
 
46
}
47
 
48
 
49
 
50
div.buttonbox:hover {
51
 
52
background: #3ca0d0
53
 
54
}
55
56
div.navtop{
57
 
58
overflow: auto;
59
 
60
position: absolute;
61
 
62
height: 75px;
63
 
64
width: 630px;
65
 
66
top: 120px;
67
 
68
left: 10px;
69
 
70
background: transparent;
71
}
72
73
74
#box1{
75
border-radius:3px;
76
border:5px solid #557788;
77
height:200px;
78
width:300px;
79
position:absolute;
80
top:635px;
81
right:-320px;
82
overflow:auto;
83
background-color:#aaccdd;
84
}
85
#box4{
86
border-radius:3px;
87
border:5px solid #557788;
88
height:200px;
89
width:300px;
90
position:absolute;
91
top:190px;
92
right:-320px;
93
overflow:auto;
94
background-color:#aaccdd;
95
}
96
97
#box3{
98
border-radius:3px;
99
border:5px solid #557788;
100
height:200px;
101
width:300px;
102
position:absolute;
103
top:410px;
104
right:-320px;
105
overflow:auto;
106
background-color:#aaccdd;
107
}
108
109
#box2{
110
border-radius:3px;
111
border:5px solid #557788;
112
height:200px;
113
width:300px;
114
position:absolute;
115
top:-30px;
116
right:-320px;
117
overflow:auto;
118
background-color:#aaccdd;
119
}
120
121
#prefs{
122
height:49px;
123
width:137px;
124
position:absolute;
125
top:-25px;
126
left:490px;
127
}
128
129
#blo{
130
height:56px;
131
width:71px;
132
position:absolute;
133
top:-30px;
134
left:420px;
135
}
136
137
#upd{
138
height:54px;
139
width:101px;
140
position:absolute;
141
top:-30px;
142
left:315px;
143
}
144
145
#for{
146
height:56px;
147
width:92px;
148
position:absolute;
149
left:220px;
150
top:-31px;
151
}
152
153
#birdy{
154
z-index:9999;
155
height:149px;
156
width:147px;
157
position:fixed;
158
bottom:0px;
159
right:2px;
160
}
161
162
#mail{
163
width:95px;
164
height:51px;
165
position:absolute;
166
top:-30px;
167
left:125px;
168
}                         
169
170
.head{
171
font-size:large;
172
color:#0066FF;
173
}
174
175
#content table, #content td{
176
border:1px solid #aaccdd;
177
background-color:#aaccdd;
178
border-radius:10px;
179
}
180
181
#content #body{
182
border:5px solid #557788;
183
background-color:#aaccdd;
184
height:883px;
185
border-radius:3px;
186
}
187
188
189
#content{
190
left:190px;
191
top:70px;
192
-webkit-opacity: 0.6;
193
  -moz-opacity: 0.6;
194
  opacity: 0.6;
195
-webkit-transition: all 1s ease;
196
  -moz-transition: all 1s ease;
197
  -ms-transition: all 1s ease;
198
  -o-transition: all 1s ease;
199
  transition: all 1s ease;
200
}
201
202
#content:hover{
203
-webkit-opacity: 0.8;
204
  -moz-opacity: 0.8;
205
  opacity: 0.8;
206
}
207
208
body{
209
background:url(http://imageshack.us/a/img90/6690/prometheusstars.jpg);
210
background-repeat:no-repeat;
211
	background-position:center;
212
	background-attachment:fixed;
213
font-family: Baskerville, "Baskerville Old Face";
214
text-transform:lowercase;
215
}
216
217
a:link{
218
color:#3333CC;
219
-webkit-transition: all 1s ease;
220
  -moz-transition: all 1s ease;
221
  -ms-transition: all 1s ease;
222
  -o-transition: all 1s ease;
223
  transition: all 1s ease;
224
}
225
a:visited{
226
color:#3333CC;
227
}
228
a:hover{
229
color:#0066FF;
230
font-style:italic;
231
text-decoration:none;
232
}
233
234
div.ex {
235
 
236
overflow: hidden;
237
 
238
position: absolute;
239
 
240
top: -45px;
241
 
242
left: 10px;
243
 
244
height: 40px;
245
 
246
width: 90px;
247
 
248
color: #fff;
249
 
250
font: 10pt Georgia;
251
 
252
transition: height 2s, background 2s;
253
 
254
-moz-transition: height 2s, background 2s;
255
 
256
-webkit-transition: height 2s, background 2s;
257
 
258
-o-transition: height 2s, background 2s;
259
 
260
}
261
 
262
 
263
 
264
div.gms {
265
 
266
overflow: hidden;
267
 
268
position: absolute;
269
 
270
top: -45px;
271
 
272
left: 100px;
273
 
274
height: 40px;
275
 
276
width: 90px;
277
 
278
color: #fff;
279
 
280
font: 10pt Georgia;
281
 
282
transition: height 2s, background 2s;
283
 
284
-moz-transition: height 2s, background 2s;
285
 
286
-webkit-transition: height 2s, background 2s;
287
 
288
-o-transition: height 2s, background 2s;
289
 
290
}
291
 
292
 
293
 
294
div.avtr {
295
 
296
overflow: hidden;
297
 
298
position: absolute;
299
 
300
top: -45px;
301
 
302
left: 190px;
303
 
304
height: 40px;
305
 
306
width: 90px;
307
 
308
color: #fff;
309
 
310
font: 10pt Georgia;
311
 
312
transition: height 2s, background 2s;
313
 
314
-moz-transition: height 2s, background 2s;
315
 
316
-webkit-transition: height 2s, background 2s;
317
 
318
-o-transition: height 2s, background 2s;
319
 
320
}
321
 
322
 
323
 
324
div.trds {
325
 
326
overflow: hidden;
327
 
328
position: absolute;
329
 
330
top: -45px;
331
 
332
left: 280px;
333
 
334
height: 40px;
335
 
336
width: 90px;
337
 
338
color: #fff;
339
 
340
font: 10pt Georgia;
341
 
342
transition: background 2s;
343
 
344
-moz-transition: background 2s;
345
 
346
-webkit-transition: background 2s;
347
 
348
-o-transition: background 2s;
349
 
350
}
351
 
352
 
353
 
354
div.shps {
355
 
356
overflow: hidden;
357
 
358
position: absolute;
359
 
360
top: -45px;
361
 
362
left: 370px;
363
 
364
height: 40px;
365
 
366
width: 90px;
367
 
368
color: #fff;
369
 
370
font: 10pt Georgia;
371
 
372
transition: height 2s, background 2s;
373
 
374
-moz-transition: height 2s, background 2s;
375
 
376
-webkit-transition: height 2s, background 2s;
377
 
378
-o-transition: height 2s, background 2s;
379
 
380
}
381
 
382
 
383
 
384
div.actns {
385
 
386
overflow: hidden;
387
 
388
position: absolute;
389
 
390
top: -45px;
391
 
392
left: 460px;
393
 
394
height: 40px;
395
 
396
width: 90px;
397
 
398
color: #fff;
399
 
400
font: 10pt Georgia;
401
 
402
transition: height 2s, background 2s;
403
 
404
-moz-transition: height 2s, background 2s;
405
 
406
-webkit-transition: height 2s, background 2s;
407
 
408
-o-transition: height 2s, background 2s;
409
 
410
}
411
 
412
 
413
 
414
div.info {
415
 
416
overflow: hidden;
417
 
418
position: absolute;
419
 
420
top: -45px;
421
 
422
left: 550px;
423
 
424
height: 40px;
425
 
426
width: 90px;
427
 
428
color: #fff;
429
 
430
font: 10pt Georgia;
431
 
432
transition: height 2s, background 2s;
433
 
434
-moz-transition: height 2s, background 2s;
435
 
436
-webkit-transition: height 2s, background 2s;
437
 
438
-o-transition: height 2s, background 2s;
439
 
440
}
441
 
442
div.info {
443
 
444
overflow: hidden;
445
 
446
position: absolute;
447
 
448
top: -45px;
449
 
450
left: 550px;
451
 
452
height: 40px;
453
 
454
width: 90px;
455
 
456
color: #fff;
457
 
458
font: 10pt Georgia;
459
 
460
transition: height 2s, background 2s;
461
 
462
-moz-transition: height 2s, background 2s;
463
 
464
-webkit-transition: height 2s, background 2s;
465
 
466
-o-transition: height 2s, background 2s;
467
 
468
}
469
470
471
<div class="info"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_info.png"></a>
472
 
473
<div class="padbox">
474
 
475
<p><p2><a href="http://www.rescreatu.com/petinfo/">Species</a></p2></p>
476
 
477
<p><p2><a href="http://www.rescreatu.com/petcolors/">Colors</a></p2></p>
478
 
479
<p><p2><a href="http://www.rescreatu.com/petlog/">Creatu Log</a></p2></p>
480
 
481
<p><p2><a href="http://www.rescreatu.com/petsearch/">Search</a></p2></p>
482
 
483
<p><p2><a href="http://www.rescreatu.com/itemdb/">Item DB</a></p2></p>
484
 
485
</div>
486
 
487
</div>
488
 
489
 
490
div.ex:hover {
491
 
492
height: 200px;
493
 
494
background: #3ca0d0;
495
 
496
}
497
 
498
 
499
 
500
div.gms:hover {
501
 
502
height: 230px;
503
 
504
background: #3ca0d0;
505
 
506
}
507
 
508
 
509
 
510
div.avtr:hover {
511
 
512
height: 200px;
513
 
514
background: #3ca0d0;
515
 
516
}
517
 
518
 
519
 
520
div.trds:hover {
521
 
522
background: #3ca0d0;
523
 
524
}
525
 
526
 
527
 
528
div.shps:hover {
529
 
530
height: 230px;
531
 
532
background: #3ca0d0;
533
 
534
}
535
 
536
 
537
 
538
div.actns:hover {
539
 
540
height: 110px;
541
 
542
background: #3ca0d0;
543
 
544
}
545
 
546
 
547
 
548
div.info:hover {
549
 
550
height: 200px;
551
 
552
background: #3ca0d0;
553
 
554
}
555
 
556
 
557
 
558
div.navtop {
559
 
560
overflow: auto;
561
 
562
position: absolute;
563
 
564
height: 75px;
565
 
566
width: 630px;
567
 
568
top: -120px;
569
 
570
left: 10px;
571
 
572
bacground: transparent;
573
 
574
}
575
 
576
 
577
 
578
div.padbox {
579
 
580
overflow: auto;
581
 
582
position: relative;
583
 
584
text-align: center;
585
 
586
padding 2px;
587
 
588
}
589
 
590
 
591
 
592
div.sidenav {
593
 
594
overflow: none;
595
 
596
width: 90px;
597
 
598
height: px;
599
 
600
position: absolute;
601
 
602
top: ;
603
 
604
left: -90px;
605
 
606
backgound: transparent;
607
 
608
border: none;
609
 
610
}
611
 
612
 
613
 
614
div.buttonbox {
615
 
616
overflow: none;
617
 
618
width: 90px;
619
 
620
height: 40px;
621
 
622
position: relative;
623
 
624
background: transparent;
625
 
626
border: none;
627
 
628
transition: background 2s;
629
 
630
-moz-transition: background 2s;
631
 
632
-webkit-transition: background 2s;
633
 
634
-o-transition: background 2s;
635
 
636
}
637
 
638
 
639
 
640
div.buttonbox:hover {
641
 
642
background: #3ca0d0
643
 
644
}
645
646
</style>
647
<font color=#3333CC><center>
648
649
<div id="box1"><br>box number oooone</div>
650
651
<div id="box2"><br>box number twooo</div>
652
653
<div id="birdy"><img src=http://i1205.photobucket.com/albums/bb428/cherrysummer8/123wj1u.png></div>
654
655
<div id="box3">
656
<br>box number threeee
657
</div>
658
659
<div id="box4">
660
<br>box number foooour
661
</div>
662
663
<div class="ex"><a href="http://www.rescreatu.com/explore.php"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_ex.png"></a>
664
 
665
<div class="padbox">
666
 
667
<p><p2><a href="http://www.rescreatu.com/relcore/">Relcore</a></p2></p>
668
 
669
<p><p2><a href="http://www.rescreatu.com/scria/">Scria</a></p2></p>
670
 
671
<p><p2><a href="http://www.rescreatu.com/reiflem/">Rieflem</a></p2></p>
672
 
673
<p><p2><a href="http://www.rescreatu.com/atquati/">Atquati</a></p2></p>
674
 
675
<p><p2><a href="http://www.rescreatu.com/uldavi/">Uldavi</a></p2></p>
676
 
677
</div>
678
 
679
</div>
680
 
681
<div class="navtop">
682
 
683
<img src="http://i588.photobucket.com/albums/ss330/Twiggers/cherrysummer_navbartop.png"></div>
684
 
685
 
686
<div class="gms"><a href="http://www.rescreatu.com/games/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_gms.png"></a>
687
 
688
<div class="padbox">
689
 
690
<p><p2><a href="http://www.rescreatu.com/games/?cat=1">Quest</a></p2></p>
691
 
692
<p><p2><a href="http://www.rescreatu.com/games/?cat=2">Luck</a></p2></p>
693
 
694
<p><p2><a href="http://www.rescreatu.com/games/?cat=3">Casino</a></p2></p>
695
 
696
<p><p2><a href="http://www.rescreatu.com/games/?cat=4">Skill</a></p2></p>
697
 
698
<p><p2><a href="http://www.rescreatu.com/games/?cat=6">Knowledge</a></p2></p>
699
 
700
<p><p2><a href="http://www.rescreatu.com/games/flash/">Flash</a></p2></p>
701
 
702
</div>
703
 
704
</div>
705
 
706
 
707
 
708
<div class="avtr"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_avtr.png"></a>
709
 
710
<div class="padbox">
711
 
712
<p><p2><a href="http://www.rescreatu.com/character/">Body</a></p2></p>
713
 
714
<p><p2><a href="http://www.rescreatu.com/character/clothing/">Wardrobe</a></p2></p>
715
 
716
<p><p2><a href="http://www.rescreatu.com/character/dream/">Dream</a></p2></p>
717
 
718
<p><p2><a href="http://www.rescreatu.com/charcater/closet/">Closet</a></p2></p>
719
 
720
<p><p2><a href="http://www.rescreatu.com/clothingrack/">Cloth Rack</a></p2></p>
721
 
722
</div>
723
 
724
</div>
725
 
726
 
727
 
728
<div class="trds"><a href="http://www.rescreatu.com/trades/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_trds.png"></a></div>
729
 
730
 
731
 
732
<div class="shps"><a href="http://www.rescreatu.com/shops/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_shps.png"></a>
733
 
734
<div class="padbox">
735
 
736
<p><p2><a href="http://www.rescreatu.com/shops/">NPC Shops</a></p2></p>
737
 
738
<p><p2><a href="http://www.rescreatu.com/usershops/">Merchant</a></p2></p>
739
 
740
<p><p2><a href="http://www.rescreatu.com/itemgallery/">Gallery</a></p2></p>
741
 
742
<p><p2><a href="http://www.rescreatu.com/ranchershop/">Rancher</a></p2></p>
743
 
744
<p><p2><a href="http://www.rescreatu.com/gallery">Showroom</a></p2></p>
745
 
746
<p><p2><a href="http://www.rescreatu.com/market/eggs/">Egg Market</a></p2></p>
747
 
748
</div>
749
 
750
</div>
751
 
752
 
753
 
754
<div class="actns"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_actns.png"></a>
755
 
756
<div class="padbox">
757
 
758
<p><p2><a href="http://www.rescreatu.com/auction/">Items</a></p2></p>
759
 
760
<p><p2><a href="http://www.rescreatu.com/petauction">Pets</a></p2></p>
761
 
762
</div>
763
 
764
</div>
765
766
<div class="info"><a href=#><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_info.png"></a>
767
 
768
<div class="padbox">
769
 
770
<p><p2><a href="http://www.rescreatu.com/petinfo/">Species</a></p2></p>
771
 
772
<p><p2><a href="http://www.rescreatu.com/petcolors/">Colors</a></p2></p>
773
 
774
<p><p2><a href="http://www.rescreatu.com/petlog/">Creatu Log</a></p2></p>
775
 
776
<p><p2><a href="http://www.rescreatu.com/petsearch/">Search</a></p2></p>
777
 
778
<p><p2><a href="http://www.rescreatu.com/itemdb/">Item DB</a></p2></p>
779
 
780
</div>
781
 
782
</div>
783
784
<div class="sidenav">
785
786
<div class="buttonbox"><a href="http://www.rescreatu.com/rmail/box/inbox/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_rmail.png"></a></div>
787
788
<div class="buttonbox"><a href="http://www.rescreatu.com/forum/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_frms.png"></a></div>
789
790
<div class="buttonbox"><a href="http://www.rescreatu.com/updates"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_updts.png"></a></div>
791
792
<div class="buttonbox"><a href="http://www.rescreatu.com/blogs/"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_blgs.png"></a></div>
793
794
<div class="buttonbox"><a href="http://www.rescreatu.com/preferences"><img src="http://i588.photobucket.com/albums/ss330/Twiggers/cs_prfrncs.png"></a></div></div>