Added images; cleaned up css

This commit is contained in:
Daniel 2017-05-02 13:20:54 -04:00
parent dfe2025a03
commit 0c3d5d64e0
15 changed files with 256 additions and 530 deletions

File diff suppressed because one or more lines are too long

View File

@ -1,72 +0,0 @@
.fix-pgBkgrnd-repeat-x {
width:100%; height:100%;
position:fixed; top:0; left:0; z-index:-2;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/bkgrnd-repeat-x.jpg);
background-position: top left;
background-repeat:repeat-x;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd.jpg);
background-position: center 212px;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_02 {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_02.jpg);
background-position: center 1px;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_03 {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_03.jpg);
background-position: center 0;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_04 {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_04.jpg);
background-position: center 0;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_05 {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_05.jpg);
background-position: center 0;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_german_01 {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_german_01.jpg);
background-position: center 0;
background-repeat:no-repeat;
float:left; clear:both;
overflow:none;
}
.pgBkgrnd-repeat-x {
width:100%;
z-index:0;
float:left; clear:both;
}
.img-bkgrnd {
width:100%;z-index:2;
float:left; clear:both;
}

View File

@ -1,375 +0,0 @@
/* CSS Document */
p, div, li {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px; line-height: 14px; color: #FFFFFF;
}
/*-------------- Structural Framework --------------*/
/*------------------------------------------------------*/
/*-------------- Page Shell --------------*/
.legacy-header {
height:170px;
margin-top:10px;
/*background-color:#494949;*/
margin: 0 auto; padding: 0;
}
.content-wrap {
width:975px; z-index:2;
margin-left:50%; margin-right:50%;
position:absolute; top:0; left:-487px;
clear:both;
}
.header {
width: 975px; height: 157px;
text-align:center;
float: left;
}
.headerSpriteNav-wrap {
width:950px;
height:170px;
margin:0 auto;
}
/*-------------- Localized Sprite Nav(s) --------------*/
/*--- Sprite Nav (english) ---*/
#unity-sprite-ENG {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-ENG span { display: none; }
#unity-sprite-ENG li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-ENG li, #unity-sprite-ENG a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-ENG {left: 0px; width: 43px;}
#unity-nav2-ENG {left: 43px; width: 124px;}
#unity-nav3-ENG {left: 167px; width: 124px;}
#unity-nav4-ENG {left: 291px; width: 122px;}
#unity-nav5-ENG {left: 413px; width: 125px;}
#unity-nav6-ENG {left: 538px; width: 124px;}
#unity-nav7-ENG {left: 662px; width: 124px;}
#unity-nav8-ENG {left: 786px; width: 124px;}
#unity-nav9-ENG {left: 910px; width: 40px;}
#unity-nav1-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-ENG {
width: 222px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -364px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-ENG span { display: none; }
#unityETC-sprite-ENG li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-ENG li, #unityETC-sprite-ENG a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-ENG {left: 0; width: 222px;}
#unity-nav10-ENG a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (french) ---*/
#unity-sprite-FRA {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-FRA span { display: none; }
#unity-sprite-FRA li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-FRA li, #unity-sprite-FRA a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-FRA {left: 0px; width: 43px;}
#unity-nav2-FRA {left: 43px; width: 124px;}
#unity-nav3-FRA {left: 167px; width: 124px;}
#unity-nav4-FRA {left: 291px; width: 122px;}
#unity-nav5-FRA {left: 413px; width: 125px;}
#unity-nav6-FRA {left: 538px; width: 124px;}
#unity-nav7-FRA {left: 662px; width: 124px;}
#unity-nav8-FRA {left: 786px; width: 124px;}
#unity-nav9-FRA {left: 910px; width: 40px;}
#unity-nav1-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-FRA {
width: 222px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -364px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-FRA span { display: none; }
#unityETC-sprite-FRA li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-FRA li, #unityETC-sprite-FRA a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-FRA {left: 0; width: 222px;}
#unity-nav10-FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (german) ---*/
#unity-sprite-GER {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-GER span { display: none; }
#unity-sprite-GER li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-GER li, #unity-sprite-GER a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-GER {left: 0px; width: 43px;}
#unity-nav2-GER {left: 43px; width: 124px;}
#unity-nav3-GER {left: 167px; width: 124px;}
#unity-nav4-GER {left: 291px; width: 122px;}
#unity-nav5-GER {left: 413px; width: 125px;}
#unity-nav6-GER {left: 538px; width: 124px;}
#unity-nav7-GER {left: 662px; width: 124px;}
#unity-nav8-GER {left: 786px; width: 124px;}
#unity-nav9-GER {left: 910px; width: 40px;}
#unity-nav1-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-GER {
width: 222px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -364px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-GER span { display: none; }
#unityETC-sprite-GER li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-GER li, #unityETC-sprite-GER a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-GER {left: 0; width: 222px;}
#unity-nav10-GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (italian) ---*/
#unity-sprite-ITL {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-ITL span { display: none; }
#unity-sprite-ITL li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-ITL li, #unity-sprite-ITL a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-ITL {left: 0px; width: 43px;}
#unity-nav2-ITL {left: 43px; width: 124px;}
#unity-nav3-ITL {left: 167px; width: 124px;}
#unity-nav4-ITL {left: 291px; width: 122px;}
#unity-nav5-ITL {left: 413px; width: 125px;}
#unity-nav6-ITL {left: 538px; width: 124px;}
#unity-nav7-ITL {left: 662px; width: 124px;}
#unity-nav8-ITL {left: 786px; width: 124px;}
#unity-nav9-ITL {left: 910px; width: 40px;}
#unity-nav1-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-ITL {
width: 222px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -364px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-ITL span { display: none; }
#unityETC-sprite-ITL li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-ITL li, #unityETC-sprite-ITL a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-ITL {left: 0; width: 222px;}
#unity-nav10-ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (portuguese) ---*/
#unity-sprite-PRT {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-PRT span { display: none; }
#unity-sprite-PRT li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-PRT li, #unity-sprite-PRT a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-PRT {left: 0px; width: 43px;}
#unity-nav2-PRT {left: 43px; width: 124px;}
#unity-nav3-PRT {left: 167px; width: 124px;}
#unity-nav4-PRT {left: 291px; width: 122px;}
#unity-nav5-PRT {left: 413px; width: 125px;}
#unity-nav6-PRT {left: 538px; width: 124px;}
#unity-nav7-PRT {left: 662px; width: 124px;}
#unity-nav8-PRT {left: 786px; width: 124px;}
#unity-nav9-PRT {left: 910px; width: 40px;}
#unity-nav1-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-PRT {
width: 222px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -364px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-PRT span { display: none; }
#unityETC-sprite-PRT li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-PRT li, #unityETC-sprite-PRT a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-PRT {left: 0; width: 222px;}
#unity-nav10-PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (spanish) ---*/
#unity-sprite-SPA {
width: 950px; height: 170px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png);
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite-SPA span { display: none; }
#unity-sprite-SPA li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite-SPA li, #unity-sprite-SPA a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1-SPA {left: 0px; width: 43px;}
#unity-nav2-SPA {left: 43px; width: 124px;}
#unity-nav3-SPA {left: 167px; width: 124px;}
#unity-nav4-SPA {left: 291px; width: 122px;}
#unity-nav5-SPA {left: 413px; width: 125px;}
#unity-nav6-SPA {left: 538px; width: 124px;}
#unity-nav7-SPA {left: 662px; width: 124px;}
#unity-nav8-SPA {left: 786px; width: 124px;}
#unity-nav9-SPA {left: 910px; width: 40px;}
#unity-nav1-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite-SPA {
width: 269px; height: 22px;
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -341px -120px no-repeat;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite-SPA span { display: none; }
#unityETC-sprite-SPA li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite-SPA li, #unityETC-sprite-SPA a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
#unity-nav10-SPA {left: 0; width: 269px;}
#unity-nav10-SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -341px -290px; background-repeat:no-repeat;}

View File

@ -5,10 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Chaotic Backup Portal</title>
<meta name="description" content="Chaotic Backup - Portal to Perim">
<link rel="stylesheet" href="/portal/css/background.css">
<link rel="stylesheet" href="/portal/css/header.css">
<link rel="stylesheet" href="/css/background.css">
<link rel="stylesheet" href="/css/header.css">
<link rel="stylesheet" href="/portal/src/css/background.css">
<link rel="stylesheet" href="/portal/src/css/header.css">
<link rel="stylesheet" href="/src/css/background.css">
<link rel="stylesheet" href="/src/css/header.css">
<style>
html, body, div, span, a, p, ul, li, h1, code, nav {
margin: 0;

View File

@ -35,15 +35,11 @@ function App({ children, routes }) {
);
}
let language="ENG";
let background = "05";
function ChangePage(asParams)
{
let location = "#";
switch(asParams) {
case 'collect':
//location ='/Collection.aspx';
break;
// case 'register' :
// location ='/Registration.aspx';
@ -52,16 +48,13 @@ function App({ children, routes }) {
location ='http://www.tradecardsonline.com/?action=selectCard&goal=DK&game_id=82';
break;
case 'centerOval':
//location ='/Login.aspx';
break;
case 'enterTheCode':
//location ='/EnterTheCode.aspx';
break;
case 'trade':
location ='http://www.tradecardsonline.com/?action=selectCard&goal=&game_id=82';
break;
case 'portal':
//window.open('https://chaoticbackup.github.io/portal/');
location = ('https://chaoticbackup.github.io/portal/')
break;
case 'forum':
@ -70,60 +63,6 @@ function App({ children, routes }) {
case 'playNow':
location ='http://www.tradecardsonline.com/?action=selectCard&goal=DK&game_id=82';
break;
// case 'league':
// location ='/Play.aspx';
// break;
// case 'buyOnline':
// window.open('http://buycards.chaoticgame.com/');
// break;
// case 'parentControls':
// location = '/ParentalControls.aspx';
// break;
// case 'personalStats':
// location = '/PersonalStatistics.aspx';
// break;
// case 'editProfile':
// location = '/Account-Profile.aspx';
// break;
// case 'locate':
// window.open('http://www.tcdent.com/locations.php?type=2');
// break;
// case 'tutorial':
// window.open('/tutorial/index.html');
// break;
// case 'rules':
// window.open('/rules/index.html');
// break;
// case 'patch':
// location ='/patch-notes.aspx';
// break;
// case 'accountSettings':
// location = '/Account-Settings.aspx';
// break;
// case 'accountStarterDeck':
// location = '/Account-StarterDeck.aspx';
// break;
// case 'adminPage':
// location ='/admin/Admin.aspx';
// break;
// case 'uploadCards':
// location ='EnterTheCode.aspx';
// break;
// case 'rankings':
// location='League.aspx';
// break;
// case 'openRankings':
// window.open('/League.aspx');
// break;
// case 'openBuild':
// window.open('/ArmyBuilder.aspx');
// break;
// case 'download':
// window.open('/Download.aspx');
// break;
// case 'openDownload':
// window.open('/Download.aspx');
// break;
default:
location = '/UnderConstructionPage.aspx';
break;
@ -131,10 +70,13 @@ function App({ children, routes }) {
return location;
}
let language="ENG";
let bkgrnd = "05";
return (
<div>
<div className="fix-pgBkgrnd-repeat-x">
<div className={'fix-img-bkgrnd_'+background}></div>
<div className={"fix-img-bkgrnd fix-img-bkgrnd_"+bkgrnd}></div>
</div>
<div className="pgBkgrnd-repeat-x">
<div className="img-bkgrnd">
@ -143,19 +85,19 @@ function App({ children, routes }) {
<div className="header">
<div id="nav">
<div className="zero-clear-line headerSpriteNav-wrap">
<ul id={'unity-sprite-'+language}>
<li id={"unity-nav1-"+language}></li>
<li id={"unity-nav2-"+language}><a href={ChangePage('collect')}><span>Collect</span></a></li>
<li id={"unity-nav3-"+language}><a href={ChangePage('build')}><span>Build</span></a></li>
<li id={"unity-nav4-"+language}><a href={ChangePage('trade')}><span>Trade</span></a></li>
<li id={"unity-nav5-"+language}><a href={ChangePage('centerOval')}><span>Home</span></a></li>
<li id={"unity-nav6-"+language}><a href={ChangePage('forum')}><span>Forums</span></a></li>
<li id={"unity-nav7-"+language}><a href={ChangePage('portal')}><span>Portal</span></a></li>
<li id={"unity-nav8-"+language}><a href={ChangePage('playNow')}><span>Play</span></a></li>
<li id={"unity-nav9-"+language}></li>
<ul id="unity-sprite" className={language}>
<li id="unity-nav1" className={language}></li>
<li id="unity-nav2" className={language}><a href={ChangePage('collect')}><span>Collect</span></a></li>
<li id="unity-nav3" className={language}><a href={ChangePage('build')}><span>Build</span></a></li>
<li id="unity-nav4" className={language}><a href={ChangePage('trade')}><span>Trade</span></a></li>
<li id="unity-nav5" className={language}><a href={ChangePage('centerOval')}><span>Home</span></a></li>
<li id="unity-nav6" className={language}><a href={ChangePage('forum')}><span>Forums</span></a></li>
<li id="unity-nav7" className={language}><a href={ChangePage('portal')}><span>Portal</span></a></li>
<li id="unity-nav8" className={language}><a href={ChangePage('playNow')}><span>Play</span></a></li>
<li id="unity-nav9" className={language}></li>
</ul>
<ul id={"unityETC-sprite-"+language}>
<li id={"unity-nav10-"+language}><a href={ChangePage('enterTheCode')}><span>Enter the Code</span></a></li>
<ul id="unityETC-sprite" className={language}>
<li id="unity-nav10" className={language}><a href={ChangePage('enterTheCode')}><span>Enter the Code</span></a></li>
</ul>
</div>
</div>

45
src/css/background.css Normal file
View File

@ -0,0 +1,45 @@
.fix-pgBkgrnd-repeat-x {
width:100%; height:100%;
position:fixed; top:0; left:0; z-index:-2;
background-image:url(https://chaoticbackup.github.io/portal/src/img/bkgrnd-repeat-x.jpg);
background-position: top left;
background-repeat:repeat-x;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd {
width:100%; height:100%;
position:absolute; top:0; left:0; z-index:-1;
background-position: center 0;
background-repeat: no-repeat;
float:left; clear:both;
overflow:none;
}
.fix-img-bkgrnd_01 {
background-image:url(https://chaoticbackup.github.io/portal/src/img/visual-bkgrnd.jpg);
background-position: center 212px;
}
.fix-img-bkgrnd_02 {
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_02.jpg);
background-position: center 1px;
}
.fix-img-bkgrnd_03 {
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_03.jpg);
}
.fix-img-bkgrnd_04 {
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_04.jpg);
}
.fix-img-bkgrnd_05 {
background-image:url(https://chaoticbackup.github.io/portal/src/img/visual-bkgrnd_05.jpg);
}
.fix-img-bkgrnd_german_01 {
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/visual-bkgrnd_german_01.jpg);
}
.pgBkgrnd-repeat-x {
width:100%; z-index:0;
float:left; clear:both;
}
.img-bkgrnd {
width:100%; z-index:2;
float:left; clear:both;
}

182
src/css/header.css Normal file
View File

@ -0,0 +1,182 @@
/* CSS Document */
p, div, li {
font-family:Arial, Helvetica, sans-serif;
font-size: 10px; line-height: 14px; color: #FFFFFF;
}
/*-------------- Structural Framework --------------*/
/*------------------------------------------------------*/
/*-------------- Page Shell --------------*/
.legacy-header {
height:170px;
margin-top:10px;
/*background-color:#494949;*/
margin: 0 auto; padding: 0;
}
.content-wrap {
width:975px; z-index:2;
margin-left:50%; margin-right:50%;
position:absolute; top:0; left:-487px;
clear:both;
}
.header {
width: 975px; height: 157px;
text-align:center;
float: left;
}
.headerSpriteNav-wrap {
width:950px;
height:170px;
margin:0 auto;
}
/*-------------- Localized Sprite Nav(s) --------------*/
#unity-sprite {
width: 950px; height: 170px;
margin: 0; padding: 0;
position: relative; top: 0px;
}
#unity-sprite span { display: none; }
#unity-sprite li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unity-sprite li, #unity-sprite a {
height: 120px;
display: block;
line-height: 48px;
text-align: right;
}
#unity-nav1 {left: 0px; width: 43px;}
#unity-nav2 {left: 43px; width: 124px;}
#unity-nav3 {left: 167px; width: 124px;}
#unity-nav4 {left: 291px; width: 122px;}
#unity-nav5 {left: 413px; width: 125px;}
#unity-nav6 {left: 538px; width: 124px;}
#unity-nav7 {left: 662px; width: 124px;}
#unity-nav8 {left: 786px; width: 124px;}
#unity-nav9 {left: 910px; width: 40px;}
#unity-nav10 {left: 0; width: 222px;}
#unityETC-sprite {
width: 222px; height: 22px;
position: relative; top:0; padding: 0; margin:0 auto;
margin-top:-50px;
}
#unityETC-sprite span { display: none; }
#unityETC-sprite li {
margin: 0; padding: 0; list-style: none;
position: absolute; top: 0px;
}
#unityETC-sprite li, #unityETC-sprite a {
height: 22px; line-height: 22px;
display: block;
text-align: right;
}
/*--- Sprite Nav (english) ---*/
#unity-sprite.ENG { background: url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png); }
#unity-nav1.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -910px -170px; background-repeat:no-repeat;}
#unity-nav10.ENG a:hover {background: transparent url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -364px -290px; background-repeat:no-repeat;}
#unityETC-sprite.ENG { background: url(https://chaoticbackup.github.io/portal/src/img/unity-sprite-nav.png) -364px -120px no-repeat; }
/*--- Sprite Nav (french) ---*/
#unity-sprite.FRA { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png); }
#unity-nav1.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite.FRA { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -364px -120px no-repeat; }
#unity-nav10.FRA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_French.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (german) ---*/
#unity-sprite.GER { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png); }
#unity-nav1.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite.GER { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -364px -120px no-repeat; }
#unity-nav10.GER a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_German.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (italian) ---*/
#unity-sprite.ITL { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png); }
#unity-nav1.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite.ITL { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -364px -120px no-repeat; }
#unity-nav10.ITL a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Italian.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (portuguese) ---*/
#unity-sprite.PRT { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png); }
#unity-nav1.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite.PRT { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -364px -120px no-repeat; }
#unity-nav10.PRT a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Portuguese.png) -364px -290px; background-repeat:no-repeat;}
/*--- Sprite Nav (spanish) ---*/
#unity-sprite.SPA { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png); }
#unity-nav1.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) 0px -170px; background-repeat:no-repeat;}
#unity-nav2.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -43px -170px; background-repeat:no-repeat;}
#unity-nav3.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -167px -170px; background-repeat:no-repeat;}
#unity-nav4.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -291px -170px; background-repeat:no-repeat;}
#unity-nav5.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -413px -170px; background-repeat:no-repeat;}
#unity-nav6.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -538px -170px; background-repeat:no-repeat;}
#unity-nav7.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -662px -170px; background-repeat:no-repeat;}
#unity-nav8.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -786px -170px; background-repeat:no-repeat;}
#unity-nav9.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -910px -170px; background-repeat:no-repeat;}
#unityETC-sprite.SPA { background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -341px -120px no-repeat; }
#unity-nav10.SPA a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-sprite-nav_Spanish.png) -341px -290px; background-repeat:no-repeat;}

BIN
src/img/bkgrnd-repeat-x.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 268 KiB

BIN
src/img/visual-bkgrnd.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 90 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 KiB

View File

@ -16,6 +16,10 @@ export default {
resolve: {
extensions: ['', '.js', '.jsx'],
alias: {
css: `${__dirname}/src/css`,
img: `${__dirname}/src/img')`,
},
},
plugins: process.argv.indexOf('-p') === -1 ? null : [