mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-08-21 08:04:18 -05:00
Working header
This commit is contained in:
Daniel
571
Header.html
571
Header.html
@@ -1,571 +0,0 @@
|
||||
<head>
|
||||
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
|
||||
<style>
|
||||
/* CSS Document */
|
||||
p, div, li {
|
||||
font-family:Arial, Helvetica, sans-serif;
|
||||
font-size: 10px; line-height: 14px; color: #FFFFFF;
|
||||
}
|
||||
|
||||
/*-------------- Structural Framework --------------*/
|
||||
/*------------------------------------------------------*/
|
||||
/*-------------- Page Shell --------------*/
|
||||
body {
|
||||
background-color:#494949;
|
||||
margin: 0 auto; padding: 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;
|
||||
}
|
||||
.content-wrap {
|
||||
width:975px; z-index:2;
|
||||
margin-left:50%; margin-right:50%;
|
||||
position:absolute; top:0; left:-492.5px;
|
||||
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;}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fix-pgBkgrnd-repeat-x">
|
||||
<div class="fix-img-bkgrnd_05"></div>
|
||||
</div>
|
||||
<div class="pgBkgrnd-repeat-x">
|
||||
<div class="img-bkgrnd">
|
||||
<div class="content-wrap">
|
||||
<div class="header" style="margin-top:10px;">
|
||||
<div id="nav">
|
||||
<div class="zero-clear-line headerSpriteNav-wrap">
|
||||
<ul id="unity-sprite-ENG">
|
||||
<li id="unity-nav1-ENG"></li>
|
||||
<li id="unity-nav2-ENG"><a href="javascript:ChangePage('collect');" title=""><span>Collect</span></a></li>
|
||||
<li id="unity-nav3-ENG"><a href="javascript:ChangePage('build');" title=""><span>Build</span></a></li>
|
||||
<li id="unity-nav4-ENG"><a href="javascript:ChangePage('trade');" title=""><span>Trade</span></a></li>
|
||||
<li id="unity-nav5-ENG"><a href="javascript:ChangePage('centerOval');" title=""><span>Home</span></a></li>
|
||||
<li id="unity-nav6-ENG"><a href="javascript:ChangePage('forum');" title=""><span>Forums</span></a></li>
|
||||
<li id="unity-nav7-ENG"><a href="javascript:ChangePage('portal');" title=""><span>Portal</span></a></li>
|
||||
<li id="unity-nav8-ENG"><a href="javascript:ChangePage('playNow');" title=""><span>Play</span></a></li>
|
||||
<li id="unity-nav9-ENG"></li>
|
||||
</ul>
|
||||
<ul id="unityETC-sprite-ENG">
|
||||
<li id="unity-nav10-ENG"><a href="javascript:ChangePage('enterTheCode');" title=""><span>Enter the Code</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script language="JavaScript">
|
||||
function ChangePage(asParams)
|
||||
{
|
||||
switch(asParams) {
|
||||
case 'collect':
|
||||
//window.location ='/Collection.aspx';
|
||||
break;
|
||||
// case 'register' :
|
||||
// window.location ='/Registration.aspx';
|
||||
// break;
|
||||
case 'build':
|
||||
window.location ='http://www.tradecardsonline.com/?action=selectCard&goal=DK&game_id=82';
|
||||
break;
|
||||
case 'centerOval':
|
||||
//window.location ='/Login.aspx';
|
||||
break;
|
||||
case 'enterTheCode':
|
||||
//window.location ='/EnterTheCode.aspx';
|
||||
break;
|
||||
case 'trade':
|
||||
window.location ='http://www.tradecardsonline.com/?action=selectCard&goal=&game_id=82';
|
||||
break;
|
||||
case 'portal':
|
||||
//window.open('https://chaoticbackup.github.io/portal/');
|
||||
window.location = ('https://chaoticbackup.github.io/portal/')
|
||||
break;
|
||||
case 'forum':
|
||||
window.location ='http://chaoticbackup.forumotion.com';
|
||||
break;
|
||||
case 'playNow':
|
||||
window.location ='http://www.tradecardsonline.com/?action=selectCard&goal=DK&game_id=82';
|
||||
break;
|
||||
// case 'league':
|
||||
// window.location ='/Play.aspx';
|
||||
// break;
|
||||
// case 'buyOnline':
|
||||
// window.open('http://buycards.chaoticgame.com/');
|
||||
// break;
|
||||
// case 'parentControls':
|
||||
// window.location = '/ParentalControls.aspx';
|
||||
// break;
|
||||
// case 'personalStats':
|
||||
// window.location = '/PersonalStatistics.aspx';
|
||||
// break;
|
||||
// case 'editProfile':
|
||||
// window.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':
|
||||
// window.location ='/patch-notes.aspx';
|
||||
// break;
|
||||
// case 'accountSettings':
|
||||
// window.location = '/Account-Settings.aspx';
|
||||
// break;
|
||||
// case 'accountStarterDeck':
|
||||
// window.location = '/Account-StarterDeck.aspx';
|
||||
// break;
|
||||
// case 'adminPage':
|
||||
// window.location ='/admin/Admin.aspx';
|
||||
// break;
|
||||
// case 'uploadCards':
|
||||
// window.location ='EnterTheCode.aspx';
|
||||
// break;
|
||||
// case 'rankings':
|
||||
// window.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:
|
||||
window.location = '/UnderConstructionPage.aspx';
|
||||
break;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
File diff suppressed because one or more lines are too long
72
css/background.css
Normal file
72
css/background.css
Normal file
@@ -0,0 +1,72 @@
|
||||
.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;
|
||||
}
|
||||
375
css/header.css
Normal file
375
css/header.css
Normal file
@@ -0,0 +1,375 @@
|
||||
/* 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;}
|
||||
40
index.html
40
index.html
@@ -4,8 +4,11 @@
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Chaotic Backup Portal</title>
|
||||
<meta name="description" content="Chaotic Backup Portal to Perim">
|
||||
|
||||
<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">
|
||||
<style>
|
||||
html, body, div, span, a, p, ul, li, h1, code, nav {
|
||||
margin: 0;
|
||||
@@ -18,42 +21,19 @@
|
||||
color: inherit;
|
||||
background: transparent;
|
||||
}
|
||||
/*pass window height (w/o scroll bars) down to react app, note can't use vh becasue that
|
||||
/*pass window height (w/o scroll bars) down to react app, note can't use vh because that
|
||||
includes scroll bars and mobile browser footer, etc so doesn't give viewable area*/
|
||||
html, body { height: 100%; }
|
||||
html { background-color: rgb(0, 120, 0); }
|
||||
#root { background-color: #F0F0F0; min-height: 100%; }
|
||||
html { background-color:#494949; }
|
||||
#root { min-height: 100%; }
|
||||
|
||||
/*required for IE/Edge to be compatible with left:50vw & transform:translate(-50%, 0),
|
||||
otherwise there is a phantom div on the right side of the screen (from the left:50vw),
|
||||
that the window will scroll to. Note the left:50vw and transform is used to center content
|
||||
horizaontally based on vw to prevent content jump when vertical scroll bar show/hide.*/
|
||||
horizontally based on vw to prevent content jump when vertical scroll bar show/hide.*/
|
||||
body { overflow-x: hidden; }
|
||||
</style>
|
||||
|
||||
<!-- start favicon
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="http://favicon.rafrex.com/green-grid-144-168-192/apple-touch-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" href="http://favicon.rafrex.com/green-grid-144-168-192/favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="http://favicon.rafrex.com/green-grid-144-168-192/favicon-194x194.png" sizes="194x194">
|
||||
<link rel="icon" type="image/png" href="http://favicon.rafrex.com/green-grid-144-168-192/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="http://favicon.rafrex.com/green-grid-144-168-192/android-chrome-192x192.png" sizes="192x192">
|
||||
<link rel="icon" type="image/png" href="http://favicon.rafrex.com/green-grid-144-168-192/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="manifest" href="http://favicon.rafrex.com/green-grid-144-168-192/manifest.json">
|
||||
<link rel="mask-icon" href="http://favicon.rafrex.com/green-grid-144-168-192/safari-pinned-tab.svg" color="#00a800">
|
||||
<link rel="shortcut icon" href="http://favicon.rafrex.com/green-grid-144-168-192/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#000000">
|
||||
<meta name="msapplication-TileImage" content="http://favicon.rafrex.com/green-grid-144-168-192/mstile-144x144.png">
|
||||
<meta name="msapplication-config" content="http://favicon.rafrex.com/green-grid-144-168-192/browserconfig.xml">
|
||||
<meta name="theme-color" content="#000000">
|
||||
end favicon -->
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/portal/favicon.ico"/>
|
||||
|
||||
<!-- Start Single Page Apps for GitHub Pages -->
|
||||
<script type="text/javascript">
|
||||
|
||||
@@ -35,39 +35,164 @@ 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';
|
||||
// break;
|
||||
case 'build':
|
||||
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':
|
||||
location ='http://chaoticbackup.forumotion.com';
|
||||
break;
|
||||
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;
|
||||
}
|
||||
return location;
|
||||
}
|
||||
|
||||
return (
|
||||
<div style={s.root}>
|
||||
<div id="header">
|
||||
<img src="http://i35.servimg.com/u/f35/17/08/39/22/chaoti11.png" alt="Chaotic Backup" />
|
||||
<div>
|
||||
<div className="fix-pgBkgrnd-repeat-x">
|
||||
<div className={'fix-img-bkgrnd_'+background}></div>
|
||||
</div>
|
||||
<h1 style={s.title}>Single Page Apps for GitHub Pages</h1>
|
||||
{/*
|
||||
<Interactive
|
||||
as="a"
|
||||
href="https://github.com/rafrex/spa-github-pages"
|
||||
style={s.repoLink}
|
||||
{...s.link}
|
||||
>https://github.com/rafrex/spa-github-pages</Interactive>
|
||||
*/}
|
||||
<nav style={s.mapMenu}>
|
||||
{generateMapMenu()}
|
||||
</nav>
|
||||
{children}
|
||||
{/*
|
||||
<div style={s.creditLine}>
|
||||
<Interactive
|
||||
as="a"
|
||||
href="http://www.rafaelpedicini.com"
|
||||
interactiveChild
|
||||
focus={{}}
|
||||
touchActive={{}}
|
||||
touchActiveTapOnly
|
||||
>
|
||||
Code and concept by <span {...s.childLink}>Rafael Pedicini</span>
|
||||
</Interactive>
|
||||
<div className="pgBkgrnd-repeat-x">
|
||||
<div className="img-bkgrnd">
|
||||
<div className="legacy-header">
|
||||
<div className="content-wrap">
|
||||
<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>
|
||||
<ul id={"unityETC-sprite-"+language}>
|
||||
<li id={"unity-nav10-"+language}><a href={ChangePage('enterTheCode')}><span>Enter the Code</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style={s.root}>
|
||||
<h1 style={s.title}>Single Page Apps for GitHub Pages</h1>
|
||||
{/*
|
||||
<Interactive
|
||||
as="a"
|
||||
href="https://github.com/rafrex/spa-github-pages"
|
||||
style={s.repoLink}
|
||||
{...s.link}
|
||||
>https://github.com/rafrex/spa-github-pages</Interactive>
|
||||
*/}
|
||||
<nav style={s.mapMenu}>
|
||||
{generateMapMenu()}
|
||||
</nav>
|
||||
{children}
|
||||
{/*
|
||||
<div style={s.creditLine}>
|
||||
<Interactive
|
||||
as="a"
|
||||
href="http://www.rafaelpedicini.com"
|
||||
interactiveChild
|
||||
focus={{}}
|
||||
touchActive={{}}
|
||||
touchActiveTapOnly
|
||||
>
|
||||
Code and concept by <span {...s.childLink}>Rafael Pedicini</span>
|
||||
</Interactive>
|
||||
</div>
|
||||
*/}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
*/}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -3,6 +3,7 @@ import style from './style';
|
||||
const s = Object.create(style);
|
||||
|
||||
s.root = {
|
||||
backgroundColor: '#F0F0F0',
|
||||
fontFamily: 'helvetica neue, helvetica, sans-serif',
|
||||
fontWeight: '300',
|
||||
fontSize: '16px',
|
||||
|
||||
Reference in New Issue
Block a user