1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:
640:
641:
642:
643:
644:
645:
646:
647:
648:
649:
650:
651:
652:
653:
654:
655:
656:
657:
658:
659:
660:
661:
662:
663:
664:
665:
666:
667:
668:
669:
670:
671:
672:
673:
674:
675:
676:
677:
678:
679:
680:
681:
682:
683:
684:
685:
686:
687:
688:
689:
690:
691:
692:
693:
694:
695:
696:
697:
698:
699:
700:
701:
702:
703:
704:
705:
706:
707:
708:
709:
710:
711:
712:
713:
714:
715:
716:
717:
718:
719:
720:
721:
722:
723:
724:
725:
726:
727:
728:
729:
730:
731:
732:
733:
734:
735:
736:
737:
738:
739:
740:
741:
742:
743:
744:
745:
746:
747:
748:
749:
750:
751:
752:
|
__________________________________________________________________________
---------------------------------------------------------------------------------------------------------------------------
########################Begging of The CSS ##########################
---------------------------------------------------------------------------------------------------------------------------
/*-----For IE-----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;
}
caption, th, td { text-align: left; font-weight: normal;
}
body {
background-color: #ffffff;
font-family: Arial, Helevetica, sans-serif;
font-size: small;
margin: 0px;
line-height: 1em;
text-align: center;
}
/*-----End IE-----*/
/*---Update Form---*/
.update_form_container{
height: 25px;
width: 950px;
margin-left:auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 6px;
text-align: left;
}
.update_form{
float:right;
height: 20px;
width: 560px;
}
.update_header{
float:left;
margin-left: 182px;
margin-top: 3px;
font-size: 14px;
font-weight: bold;
color: #80630e;
}
.field {
float: left;
margin-right: 15px;
font-size: 12px;
color: #606060;
}
#submitemail {
display: block;
}
.submit_button {
padding-bottom: 10px;
width: 71px;
height: 30px;
background-color: #000000;
border: none;
font-family: arial;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #ffffff;
display: block;
background-image: url(images/submit_button_black.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.submit_button:hover{
display: block;
width: 71px;
height: 30px;
background-color: #000000;
background-image: url(images/submit_button_black.gif);
background-repeat: no-repeat;
background-position: 0 -51px;
}
.submit_button_black {
padding-bottom: 10px;
width: 71px;
height: 30px;
background-color: #000000;
border: none;
font-family: arial;
font-size: 11px;
font-weight: bold;
text-align: center;
color: #ffffff;
display: block;
background-image: url(http://www.graykid.com/staging/images/submit_button_black.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.submit_button_black:hover{
display: block;
width: 71px;
height: 30px;
background-color: #000000;
background-image: url(http://www.graykid.com/staging/images/submit_button_black.gif);
background-repeat: no-repeat;
background-position: 0 -51px;
}
.topinput{
width: 140px;
}
/*---Top Section---*/
.top_bg {
background-color: #eab004;
border-bottom: 5px solid #80630e;
border-top: 5px solid #80630e;
}
.top_container{
text-align:left;
width: 1200px;
height: 334px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-image: url(images/header03.jpg);
background-repeat: no-repeat;
}
.top_info{
float: right;
width: 400px;
margin-right: 130px;
margin-top: 70px;
}
.top_header{
font-family: arial black;
font-size: 28px;
color: #ffffff;
}
.top_content{
font-size: 11px;
color:#ffffff;
line-height: 1.6em;
margin-top: 20px;
}
.b{
font-size: 11px;
color:#ffffff;
line-height: 1.6em;
margin-top: 20px;
font-style:normal;}
.footer {
height: 100px;
}
.top_archive {
height: 440px;
background-color:#000000;
border-bottom: 5px solid #afafaf;
}
.header_container_archive{
width: 980px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.left_column_archive {
float: left;
margin-top: 20px;
}
.right_column_archive {
float: right;
width: 200px;
font-family: georgia;
color: #ffffff;
margin-top: 20px;
}
#carousel_images {
height:402px;
width: 753px;
}
#carousel_images li {
position: absolute;
}
.text_container_archive {
margin: 15px 0px 0px 10px;
}
.links_container_archive {
/*--- background-image: url(images/archive_right_bg.jpg);---*/
background-repeat: repeat-x;
text-align: left;
margin-top: 20px;
}
.archive_header{
}
.header_border {
width: 180px;
height:15px;
border-bottom: 1px solid #ffffff;
}
.links_archive li{
text-decoration: none;
font-size: 11px;
height: 20px;
margin-top: 5px;
}
/*---End Top Section---*/
/*---Albums---*/
.albums_bg {
text-align:center;
margin-left:auto;
margin-right: auto;
background-color: #ffffff;
}
.albums_bg_free {
text-align:center;
width: 1050px;
margin-left:auto;
margin-right: auto;
background-color: #ffffff;
background-image: url(images/body_bg02.jpg);
background-repeat: no-repeat;
}
.albums_container {
width: 540px;
margin-left: auto;
margin-right: auto;
}
.album_meta{
padding-top: 25px;
}
.album_infocontainer{
width: 377px;
margin-left: 160px;
text-align: left;
}
.album_artworkcontainer{
float: left;
text-align: left;
width: 145px;
}
.album_border{
background-color: #ffffff;
height: 144px;
width: 144px;
text-align: center;
border: 1px solid #c9c9c9;
}
.album_artwork{
margin-top:4px;
}
.clear{
clear:both;
}
.clearmore{
clear:both;
margin-top: 20px;
}
.clearmost{
clear:both;
margin-top: 20px;
height: 20px;
}
.album_descrip a:link{
color: #00b1cd;
text-decoration: none;
}
.album_descrip a:hover{
text-decoration: underline;
}
.album_title{
font-family: arial black;
line-height: 1.2em;
font-size: 18px;
color: #606060;
margin-bottom: 10px;
}
.album_releasedate{
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #868686;
margin-bottom: 6px;
}
.album_descrip{
font-family: arial;
font-size: 11px;
color: #606060;
line-height: 1.6em;
}
em{
color: #606060;
}
.alltracks_container{
text-align: left;
}
.album_download_button{
margin: 10px 0px 0px 13px;
}
.freemusic_button{
margin: 10px 0px 0px 13px;
}
.freemusic_button a:link , .album_download_button a:visited{
font-family: arial;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 2.4em;
text-decoration: none;
color: #ffffff;
display: block;
width: 119px;
height: 30px;
background-image: url(http://www.graykid.com/stagings/images/album_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.freemusic_button a:link:hover , .album_download_button a:visited:hover{
display: block;
width: 119px;
height: 30px;
background-image: url(http://www.graykid.com/stagings/images/album_button.gif);
background-repeat: no-repeat;
background-position: 0 -50px;
}
.ss{
width:145px;
text-align: center;
}
.album_download_button a:link , .album_download_button a:visited{
font-family: arial;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 2.4em;
text-decoration: none;
color: #ffffff;
display: block;
width: 119px;
height: 30px;
background-image: url(images/album_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.album_download_button a:link:hover , .album_download_button a:visited:hover{
display: block;
width: 119px;
height: 30px;
background-image: url(images/album_button.gif);
background-repeat: no-repeat;
background-position: 0 -50px;
}
.hide_button{
float: right;
}
.crap {
margin-left: 15px;
height: 27px;
overflow: hidden;
}
.hide_button a:link, .hide_button a:visited {
text-align: center;
text-decoration: none;
font-size: 11px;
color: #ffffff;
line-height: 2.6em;
display: block;
overflow: hidden;
width: 93px;
height: 27px;
background-image: url(images/hide.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.hide_button a:link:hover, .hide_button a:visited:hover{
background-image: url(images/hide.gif);
background-repeat: no-repeat;
background-position: 0 -48px;
}
.show_button{
float: right;
}
.show_button a:link, .show_button a:visited {
text-align: center;
text-decoration: none;
font-size: 11px;
color: #ffffff;
line-height: 2.6em;
display: block;
width: 93px;
height: 27px;
background-color: #00ccff;
background-image: url(images/show.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.show_button a:link:hover, .show_button a:visited:hover{
background-image: url(images/show.gif);
background-repeat: no-repeat;
background-position: 0 -48px;
}
.tracklist_container{
border-top: 1px solid #a6a6a6;
border-bottom: 1px solid #a6a6a6;
padding: 2px 0px;
}
.track_list li{
border-bottom: 1px solid #d9d9d9;
}
.track_listtwo li{
border-bottom: 1px solid #d9d9d9;
}
.first_track {
border-top: 1px solid #d9d9d9;
}
.list_content_container {
height: 35px;
}
.track_download_button {
float: right;
margin-top: 3px;
}
.track_download_button_left {
float: left;
margin-top: 3px;
}
.track_download_button a:link , .track_download_button a:visited{
font-family: arial;
font-size: 11px;
font-weight: bold;
text-align: center;
line-height: 2.5em;
text-decoration: none;
color: #ffffff;
display: block;
width: 87px;
height: 28px;
background-image: url(images/track_button.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.track_download_button a:hover , .track_download_button a:visited:hover{
display: block;
width: 87px;
height: 28px;
background-image: url(images/track_button.gif);
background-repeat: no-repeat;
background-position: 0 -51px;
}
.track_name {
float: left;
margin-top: 11px;
}
.track_name a:link, .track_name a:visited{
font-family: arial black;
font-size: 14px;
color: #606060;
text-decoration: none;
}
.track_name a:hover, .track_name a:visited:hover{
color: #00ccff;
text-decoration: none;
}
__________________________________________________________________________
---------------------------------------------------------------------------------------------------------------------------
########################This Is THe End of The CSS ##########################
---------------------------------------------------------------------------------------------------------------------------
__________________________________________________________________________
---------------------------------------------------------------------------------------------------------------------------
########### This Is The HTML CODE Up To The End of the top of the Page ############
---------------------------------------------------------------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
<script type="text/javascript" src="js/jquery.innerfade.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#hidetracks').click(function(){
$('ul.track_list').slideToggle(400);
});
$('#hidetrackstwo').click(function(){
$('ul.track_listtwo').slideToggle(400);
});
$(".hide_button").click(function () {
$(this).toggleClass("show_button");
});
$('ul#carousel_images').innerfade({
speed: 2000,
timeout: 8000,
type: 'random',
containerheight: '420px'
});
});
</script>
<title>Gray Kid Music Archive</title>
<link rel="stylesheet" href="global_two.css" type="text/css"></link>
</head>
<body>
<div class="top_archive">
<div class="header_container_archive">
<div class="right_column_archive">
<form id="submitemail_archive">
<div class="header_border">
<h1 class="archive_header">
Mailing List/Show Updates
</h1>
</div>
<div class="field">
<input type="text" id="emailadd" class="topinput" name="emailadd" value="Email Address"/>
</div>
<input id="email_submit" class="submit_button" type="submit" value="Submit"/>
</form>
<div class="links_container_archive">
<div class="text_container_archive">
<div class="header_border">
<h1 class="archive_header">
Yes, The Internet
</h1>
</div>
<ul class="links_archive">
<li>
</li>
<li>
<a href="http://www.myspace.com/thegraykid" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/myspace.jpg" alt="" /></a>
<a href="http://www.facebook.com/home.php?#/pages/The-Gray-Kid/8076375971?sid=7f959008dbf921c8739c8efd7f8f3bc2&ref=s" target="_blank"><img src="http://www.graykid.com/staging/linkicons/facebook.jpg" alt="" /></a>
<a href="http://www.youtube.com/user/songetsnaked" target="_blank"><img src="http://www.graykid.com/staging/linkicons/youtube.jpg" alt="" /></a>
</li>
<br />
<br />
<li>
<a href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/viewArtist?id=191491521" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/itunes.jpg" alt="" /></a>
<a href="http://www.merchco-online.com/thegraykid/" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/merch.jpg" alt="" /></a>
<a href="http://www.people-food.com" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/peoplefood.jpg" alt="" /></a>
</li>
<br />
<br />
<li>
<a href="http://www.twitter.com/thegraykid" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/twitter.jpg" alt="" /></a>
<a href="http://www.spiritanimal.us" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/spiritanimal.jpg" alt="" /></a>
<a href="http://www.graykid.com/spirit/press.jpg" target="_blank"> <img src="http://www.graykid.com/staging/linkicons/press.jpg" alt="" /></a>
</li>
<li>
</li>
<li>
</li>
</ul>
</div>
</div>
</div>
<div class="left_column_archive">
<ul id="carousel_images">
<li>
<img src="images/carousel_01.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_02.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_03.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_04.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_08.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_09.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_11.jpg" alt="Gray Kid Loves You"/>
</li>
<li>
<img src="images/carousel_12.jpg" alt="Gray Kid Loves You"/>
</li>
</ul>
</div>
</div>
</div>
|