mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-03-22 01:34:20 -05:00
307 lines
19 KiB
CSS
307 lines
19 KiB
CSS
|
|
/*-------------- Structural Framework --------------*/
|
|
/*------------------------------------------------------*/
|
|
.legacy p, .legacy div, .legacy li {
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size: 10px; line-height: 14px; color: #FFFFFF;
|
|
}
|
|
|
|
.content-wrap {
|
|
z-index:2;
|
|
position:absolute; top:0;
|
|
margin-left:50%; margin-right:50%;
|
|
left:-492px;
|
|
clear:both;
|
|
}
|
|
|
|
.content-wrap .legacy {
|
|
width:975px;
|
|
}
|
|
|
|
/*-------------- Background --------------*/
|
|
.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;
|
|
}
|
|
|
|
|
|
/*-------------- Header --------------*/
|
|
|
|
.legacy-header {
|
|
height:200px;
|
|
margin-top:10px;
|
|
/*background-color:#494949;*/
|
|
margin: 0 auto; padding: 0;
|
|
}
|
|
|
|
.header {
|
|
width: 975px; height: 157px;
|
|
text-align:center;
|
|
float: left;
|
|
}
|
|
|
|
.headerSpriteNav-wrap {
|
|
width:950px;
|
|
height:170px;
|
|
margin:0 auto;
|
|
}
|
|
|
|
#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;}
|
|
|
|
/*-------------- Footer --------------*/
|
|
/*------------------------------------------------------*/
|
|
|
|
.footer-wrap {
|
|
max-width: 943px; height:54px;
|
|
margin: 0 auto;
|
|
clear: both;
|
|
}
|
|
.footer-repeat-x {
|
|
width: 100%; height:54px;
|
|
background-image:url(http://web.archive.org/web/20130304153141im_/http://chaoticgame.com/Images/footer-repeat-x.gif);
|
|
background-position: left top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.footer-left {
|
|
width: 100%; height:54px;
|
|
background-image:url(http://web.archive.org/web/20130304153141im_/http://chaoticgame.com/Images/footer-left.gif);
|
|
background-position: left top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.footer-right {
|
|
width: 100%; height:54px;
|
|
background-image:url(http://web.archive.org/web/20130304153141im_/http://chaoticgame.com/Images/footer-right.gif);
|
|
background-position: right top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.footer-text {
|
|
width:100%; height:54px;
|
|
margin:0px auto;
|
|
float:left; clear: both;
|
|
}
|
|
.footer-search {
|
|
width:211px; height:52px;
|
|
color: #FFFFFF; text-align: center;
|
|
padding-top:2px; float: left;
|
|
}
|
|
.footer-nav {
|
|
width:492px; /*height:27px; */line-height:14px;
|
|
color: #FFFFFF; padding-top:27px; text-align: center;
|
|
margin:0 6px 0 6px; float:left;
|
|
}
|
|
.footer-nav a:link, .footer-nav a:visited {
|
|
color:#FFFFFF;
|
|
text-decoration: underline;
|
|
}
|
|
.footer-nav a:hover, .footer-nav a:active {
|
|
color:#99ffff;
|
|
text-decoration: underline;
|
|
}
|
|
.footer-language {
|
|
width:205px; height:50px;
|
|
color: #FFFFFF; text-align: center;
|
|
padding-top:6px; float: left;
|
|
}
|
|
.copyright {
|
|
/* width: 955px;*/
|
|
margin: 0 auto; text-align:center;
|
|
/* padding:10px;*/
|
|
}
|
|
.copyright a:link, .copyright a:visited {
|
|
color: #FFFFFF;
|
|
text-decoration: none;
|
|
}
|
|
.copyright a:hover, .copyright a:active {
|
|
color:#FFFFFF;
|
|
text-decoration: underline;
|
|
}
|