mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-03-22 01:34:20 -05:00
7949 lines
338 KiB
HTML
7949 lines
338 KiB
HTML
<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>
|
|
|
|
<style>
|
|
/* CSS Document */
|
|
/*-------------- Content Formatting --------------*/
|
|
/*------------------------------------------------------*/
|
|
.shift-txt-tenR {margin-left:10px;}
|
|
.shift-txt-15R {margin-left:15px;}
|
|
.shift-R22px {margin-right:8px;}
|
|
.margin-top-11{ margin-top:86px; float:left;}
|
|
.float-right { float: right; margin: 0 0 10px 10px;}
|
|
.float-left { float: left; margin: 0 5px 0px 0px;}
|
|
.float-left2 { float: left; margin: 7px 5px 0px 0px;}
|
|
.adjust-margin-floatLeft{margin-right:0;}
|
|
.clear-line { float: left; clear: both;}
|
|
.clear-left { float: left; clear: both; margin: 5px 5px 0px 0px;}
|
|
.clear-left2 { float: left; clear: both; margin-right: 3px;}
|
|
.float-left3 { float: left; padding-top: 5px;}
|
|
.txt-float-left { float: left; margin: 0;}
|
|
.txt-float-left2 { float: left; margin-left: 5px;}
|
|
.txt-float-left3 {width:240px; float: left; margin-left: 5px;}
|
|
.txt-float-right { float: right; margin: 0;}
|
|
.float-right-margin-10R {margin-right:10px;}
|
|
.full-width{width:100%;}
|
|
.width50{width:49%;}
|
|
.width75{width:75%;}
|
|
.zero-float-left{float:left;}
|
|
.zero-float-left2{float:left; clear:left;}
|
|
.zero-float-right{float:right;}
|
|
.zero-clear-line{clear:both;}
|
|
.zero-clear-left { clear:left;}
|
|
.select-divide{ padding-bottom:3px; border-bottom:1px solid #333333;}
|
|
.select-divide2{border-top:1px solid #333333;}
|
|
.icon-text{line-height:22px;}
|
|
.gridview-text{line-height:28px;}
|
|
.icon-vert-pad{padding-top:4px;}
|
|
.icon-vert-margin{margin-top:4px;}
|
|
.pad10px{margin:10px;}
|
|
.pad5px{margin:5px;}
|
|
.pad15px{margin:15px;}
|
|
.pad30px{margin:0 30px 0 30px;}
|
|
.pad10px-top{margin-top:10px;}
|
|
.pad5px-top{margin-top:5px;}
|
|
.pad5px-btm{padding-bottom:5px;}
|
|
.pad10px-btm{padding-bottom:10px;}
|
|
.center{margin:0 auto; clear:both;}
|
|
|
|
/*-- Larger Pod Headings --*/
|
|
.adjust-center-heading{margin-left:-330px; margin-top:-5px;}
|
|
.adjust-center-heading1{margin-left:-170px; margin-top:-5px;}
|
|
.adjust-center-heading2{margin-left:-250px; margin-top:-5px;}
|
|
.adjust-center-heading3{margin-left:-360px; margin-top:-5px;}
|
|
.adjust-center-heading4{margin-left:-140px; margin-top:-5px;}
|
|
.adjust-center-heading5{margin-left:-230px; margin-top:-5px;}
|
|
sup{font-size: 10px;}
|
|
|
|
h2 { font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px; line-height: 16px; color: #FFFFFF;
|
|
margin: 0 0 14px 0; padding: 0;
|
|
}
|
|
h3 { font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px; line-height: 16px; color:#FFFFFF;
|
|
margin: 0px; padding: 0px; clear:both;
|
|
}
|
|
h4 { font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 10px; line-height: 16px; color:#FFFFFF;
|
|
margin: 0px; padding: 0px; font-style:normal;
|
|
}
|
|
p, div, li {
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size: 10px; line-height: 14px; color: #FFFFFF;
|
|
}
|
|
/*--a span { display:none; text-decoration:none;}--*/
|
|
a:link, a:visited {
|
|
color:#FFFFFF;
|
|
text-decoration: underline;
|
|
outline:none;
|
|
}
|
|
a:hover, a:active {
|
|
color: #99ffff;
|
|
text-decoration: underline;
|
|
outline:none;
|
|
}
|
|
|
|
ul {
|
|
margin: 0 0 16px 0;
|
|
padding: 5px 0 0 30px;
|
|
}
|
|
ul li ul {
|
|
margin:0 0 0 30px;
|
|
padding:0;
|
|
}
|
|
ul.releaseNotes{margin-left:-20px;}
|
|
ul.releaseNotes li{margin-left:20px;}
|
|
.no-bullet{ list-style-type:none;}
|
|
|
|
hr { margin-right:2px; border:1px; background-color:#999999; border-color:#999999; height:1px; clear:both;}
|
|
|
|
.visibile-off{display:none;}
|
|
.visibile-on{ display:block;}
|
|
|
|
|
|
/*-------------- Structural Framework --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Page Shell --------------*/
|
|
body {
|
|
background-color:#494949;
|
|
margin: 0 auto; padding: 0;
|
|
}
|
|
.alertMessage-wrap{width:919px; margin:12px; float:left; clear:both;}
|
|
.alert{
|
|
width:63px; height:63px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alert.gif) 0 0 no-repeat;
|
|
margin:10px 10px 10px 20px;
|
|
float:left;
|
|
}
|
|
.alertMessage-txt{
|
|
width:806px; margin:10px;
|
|
font:14px/18px Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
float:left;
|
|
}
|
|
.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;
|
|
}
|
|
.unityPage-wrap {
|
|
width:1075px;
|
|
margin: 0 auto;
|
|
clear:both;
|
|
}
|
|
.header {
|
|
width: 975px; height: 157px;
|
|
text-align:center;
|
|
float: left;
|
|
}
|
|
.flash{
|
|
width:975px; height:443px;
|
|
float:left; clear:both;
|
|
}
|
|
.content{
|
|
width:943px;
|
|
margin:5px 16px 8px 16px;
|
|
float:left; clear:both;
|
|
}
|
|
.unityOnline-ContentWrap{
|
|
width:1043px;
|
|
margin:5px 16px 8px 16px;
|
|
float:left; clear:both;
|
|
}
|
|
.postback{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
display:none;
|
|
}
|
|
.debug{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
display:none;
|
|
}
|
|
.YellowCoinAwardFont{font:14pt Arial, Helvetica, sans-serif; height:55px; line-height:25px; color:#FDFF0F;}
|
|
.WhiteCoinAwardFont{font:14pt Arial, Helvetica, sans-serif; height:55px; line-height:25px; color:#FFFFFF;}
|
|
.avatarMessage{font:14pt Arial, Helvetica, sans-serif; line-height:25px; color:#FFFFFF;}
|
|
.CoinAwardMessage{margin:20px 80px 5px 80px; clear:both;}
|
|
.floatCoin{ float:left;}
|
|
.floatMessage{ margin-top:15px; float:right;}
|
|
/*-------------- Left / Right Pods --------------*/
|
|
.pods-wrap{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-pod{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
}
|
|
.pods-top-wrap{
|
|
width:100%; height:51px;
|
|
float:left; clear:both;
|
|
}
|
|
.new-pods-top-left-repeat-x{
|
|
width:90%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-top-left-repeat-x{
|
|
width:60%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-top-right-repeat-x2{
|
|
width:90%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; margin-left:-20px;
|
|
}
|
|
.pods-top-right-repeat-x{
|
|
width:40%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.pods-top-right2{
|
|
width:40%; height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.gif);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.pods-top-right2{
|
|
width:40%; height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.gif);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.lwPods-top-right{
|
|
width:40%; height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.pods-top-right{
|
|
width:100%; height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pods-top-left{
|
|
width:100%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.new-pods-top-left2{
|
|
width:60%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-pod-top-left.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.new-pods-top-left2{
|
|
width:60%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-pod-top-left.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.new-pods-top-left{
|
|
width:100%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-pod-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.pod-heading{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding:10px; padding-left:20px;
|
|
line-height:31px;
|
|
}
|
|
.pod-heading2{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-120px;
|
|
}
|
|
.pod-heading3{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-55px;
|
|
}
|
|
.pod-heading4{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-20px;
|
|
}
|
|
.pod-heading7{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-10px;
|
|
}
|
|
.pod-heading5{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-30px;
|
|
}
|
|
.pod-heading6{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding-top:10px; padding-left:10px;
|
|
line-height:31px; margin-left:-150px;
|
|
}
|
|
.pod-close3{
|
|
height:45px; line-height:45px;
|
|
text-align:right; margin-right:-60px;
|
|
float:right;
|
|
}
|
|
.pod-close2{
|
|
height:45px; line-height:45px;
|
|
text-align:right; margin-right:-30px;
|
|
float:right;
|
|
}
|
|
.pod-close{
|
|
height:45px; line-height:45px;
|
|
text-align:right; margin-right:-15px;
|
|
float:right;
|
|
}
|
|
.pods-top-center-divide{
|
|
width:100%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-center-divide.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.pods-content{
|
|
width:100%;
|
|
background-color:#151515;
|
|
float:left; clear:both;
|
|
}
|
|
.pods-content-left-repeat-y{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-left-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.pods-content-right-repeat-y{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-right-repeat-y.jpg);
|
|
background-position:top right;
|
|
background-repeat:repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.pods-footer-wrap{
|
|
width:100%; height:24px;
|
|
float:left; clear:both;
|
|
}
|
|
.pods-footer-left2-repeat-x{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-footer-right2-repeat-x{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
margin-left:-2px;
|
|
float:left;
|
|
}
|
|
.pods-footer-left-repeat-x{
|
|
width:85%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-footer-right-repeat-x{
|
|
width:87%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
margin-left:-2px;
|
|
float:left;
|
|
}
|
|
.pods-footer-left-repeat-x2{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-footer-right-repeat-x2{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
margin-left:-2px;
|
|
float:left;
|
|
}
|
|
.pods-footer-left-repeat-x3{
|
|
width:90%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-footer-left-repeat-x4{
|
|
width:95%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-footer-right-repeat-x3{
|
|
width:90%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
margin-left:-2px;
|
|
float:left;
|
|
}
|
|
.pods-footer-left{
|
|
width:49%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-left.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.pods-footer-right{
|
|
width:51%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-right.gif);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
margin-left:-2px;
|
|
float:right;
|
|
}
|
|
.lwPods-topRnd-left-repeat-x{
|
|
width:95%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.pods-topRnd-left-repeat-x{
|
|
width:85%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.lwPods-topRnd-right-repeat-x{
|
|
width:90%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.pods-topRnd-right-repeat-x{
|
|
width:80%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.pods-topRnd-right{
|
|
width:40%; height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.gif);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.pods-topRnd-left{
|
|
width:60%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.pods-topRnd-left2{
|
|
width:60%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-left2.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.new-topRnd-top-left{
|
|
width:100%; height:51px; line-height:51px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-pod-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
/*-------------- Content Pod --------------*/
|
|
.index-posted-by-wrap{
|
|
margin:46px 10px 0 15px;
|
|
}
|
|
.posted-heading{color:#36a8ff; margin-left:20px; float:left;}
|
|
.poster-name{color:#c5ecff; padding-left:5px; float:left;}
|
|
.date{color:#36a8ff; float:right; margin-right:75px;}
|
|
|
|
.MRposted-heading{color:#36a8ff; float:left;}
|
|
.MRposter-name{color:#c5ecff; padding-left:5px; float:left;}
|
|
.MRdate{color:#36a8ff; float:right;}
|
|
|
|
.posted-heading2{margin-left:20px; float:right;}
|
|
.poster-name2{padding-left:5px; padding-right:10px; float:right;}
|
|
.divide{padding-left:10px; float:left;}
|
|
.date2{float:right;}
|
|
|
|
.content-heading-wrap{
|
|
width:100%; height:70px;
|
|
float:left; clear:both;
|
|
overflow:hidden;
|
|
}
|
|
.content-heading{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:20px; padding:10px; padding-left:25px;
|
|
line-height:50px;
|
|
}
|
|
.content-heading2{
|
|
margin-left:-300px;
|
|
}
|
|
.content-heading-base-repeat-x{
|
|
width:100%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-base-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.content-heading-base-repeat-x2{
|
|
width:50%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-base-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.heading-left-repeat-x{
|
|
width:35%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.heading-left{
|
|
width:100%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.heading-left-repeat-x2{
|
|
width:90%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.heading-left-repeat-x3{
|
|
width:80%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.heading-left2{
|
|
width:35%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.heading-center-rises{
|
|
width:50%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left-rise.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.heading-center-rises4{
|
|
width:100%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-left-rise.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.heading-center-rises2{
|
|
width:100%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-rise.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.heading-center-rises3{
|
|
width:100%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-rise.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.heading-right-repeat-x{
|
|
width:15%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.heading-right{
|
|
width:100%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.heading-right-repeat-x2{
|
|
width:85%; height:70px; line-height:70px; margin-left:-3px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.heading-right-repeat-x3{
|
|
width:80%; height:70px; line-height:70px; margin-left:-3px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.heading-right-repeat-x4{
|
|
width:85%; height:70px; line-height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.heading-right2{
|
|
width:15%; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-heading-right.gif);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.content-area-repeat-xy2{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-repeat-xy{
|
|
width:100%;
|
|
background-color:#292929;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-left-repeat-y{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-area-left-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-right-repeat-y{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-area-right-repeat-y.jpg);
|
|
background-position:top right;
|
|
background-repeat:repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-top-repeat-x{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-area-top-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-top-left{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-top-right{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-base-repeat-x{
|
|
width:100%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-base-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-base-left{
|
|
width:100%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-base-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-base-right{
|
|
width:100%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-base-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-btm-wrap{
|
|
width:100%; height:22px;
|
|
clear:both;
|
|
margin-bottom:5px;
|
|
}
|
|
.content-btm-wrap{
|
|
width:100%; height:22px;
|
|
clear:both;
|
|
}
|
|
.content-left-btm-repeat-x{
|
|
width:95%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right; clear:both;
|
|
}
|
|
.content-right-btm-repeat-x{
|
|
width:95%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.content-left-btm-repeat-x2{
|
|
width:97%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
margin-right:-1px;
|
|
float:right; clear:both;
|
|
}
|
|
.content-right-btm-repeat-x2{
|
|
width:97%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.content-area-btm-left{
|
|
width:51%; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-left.gif);
|
|
background-position:left top;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.content-area-btm-right{
|
|
width:49%; height:22px;
|
|
background-image: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/content-btm-right.gif);
|
|
background-position:right top;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
/*------------ Ads Pod ------------*/
|
|
.adPod-top-wrap{
|
|
height:26px; width:100%;
|
|
float:left; clear:both;
|
|
}
|
|
.adPod-topleft{
|
|
width:60%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-topLeft.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.adPod-topright{
|
|
width:40%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-topRight.gif) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.videoAdPod-topleft{
|
|
width:60%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/videoPod-topLeft.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.videoAdPod-topright{
|
|
width:40%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/videoPod-topRight.gif) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.videoAdPod-topLeft-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/videoPod-repeat-x.gif) top right repeat-x;
|
|
float:right;
|
|
}
|
|
.videoAdPod-topRight-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/videoPod-repeat-x.gif) top left repeat-x;
|
|
float:left; margin-left:-5px;
|
|
}
|
|
.adPod-topLeft-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-top.gif) top right repeat-x;
|
|
float:right;
|
|
}
|
|
.adPod-topRight-repeat-x2{
|
|
width:95%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-top.gif) top left repeat-x;
|
|
float:left; margin-left:-5px;
|
|
}
|
|
.adPod-topLeft-repeat-x2{
|
|
width:95%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-top.gif) top right repeat-x;
|
|
float:right;
|
|
}
|
|
.adPod-topRight-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-top.gif) top left repeat-x;
|
|
float:left; margin-left:-5px;
|
|
}
|
|
.adsBody-wrap{
|
|
width:100%;
|
|
background-color:#141414;
|
|
float:left; clear:both;
|
|
}
|
|
.adPod-left-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-left.gif) top left repeat-y;
|
|
float:left;
|
|
}
|
|
.adPod-right-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-right.gif) top right repeat-y;
|
|
float:right;
|
|
}
|
|
.adPod-btm-wrap{
|
|
height:25px; width:100%;
|
|
float:left; clear:both;
|
|
}
|
|
.adPod-btmleft{
|
|
width:60%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-btmLeft.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.adPod-btmright{
|
|
width:40%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-btmRight.gif) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.adPod-btmLeft-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-btm.gif) top right repeat-x;
|
|
float:right;
|
|
}
|
|
.adPod-btmRight-repeat-x{
|
|
width:80%; height:26px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/adsPod-btm.gif) top left repeat-x;
|
|
float:left; margin-left:-5px;
|
|
}
|
|
.adsBody-margin{margin:0 16px 0 14px;}
|
|
/*------------ Ads Sprite Nav ------------*/
|
|
/*- Left side of homepage -*/
|
|
#ads-sprite-nav {
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 0 no-repeat;
|
|
width:240px; /* Width of buttons, not entire image (or half of entire image) */
|
|
height:100%; /* ## Key Element ## - Fully scaleable height */
|
|
margin:0 auto; padding:0;
|
|
}
|
|
#ads-sprite-nav li { float:left; list-style:none; position:relative; }
|
|
#ads-sprite-nav li, #ads-sprite-nav a {
|
|
height:67px; line-height:67px; /* Each button must have the same height, define it here */
|
|
font-size:11px; color:#FFFFFF; text-decoration:none;
|
|
padding:0; display:block;
|
|
}
|
|
/*- Right side of homepage -*/
|
|
#ads-sprite-nav2 {
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -228px no-repeat;
|
|
width:240px; /* Width of buttons, not entire image (or half of entire image) */
|
|
height:100%; /* ## Key Element ## - Fully scaleable height */
|
|
margin:0 auto; padding:0;
|
|
}
|
|
#ads-sprite-nav2 li { float:left; list-style:none; position:relative; }
|
|
#ads-sprite-nav2 li, #ads-sprite-nav2 a {
|
|
height:67px; line-height:67px; /* Each button must have the same height, define it here */
|
|
font-size:11px; color:#FFFFFF; text-decoration:none;
|
|
padding:0; display:block;
|
|
}
|
|
/*- Margin-top set to where the nav should begin -*/
|
|
#ads-01, #ads-02, #ads-03, #ads-04, #ads-05, #ads-06, #ads-07, #ads-08, #ads-09, #ads-10, #ads-11, #ads-12, #ads-13, #ads-14, #ads-15, #ads-16, #ads-17, #ads-18, #ads-19{ margin:0; width:240px;}
|
|
/*------------------------------------------------------------------------
|
|
Image position set absolutly for static state. This allows for the
|
|
links "<li>" to be added, removed, or resorted in any order as needed.
|
|
--------------------------------------------------------------------------*/
|
|
#ads-01{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 0 no-repeat;}
|
|
#ads-02{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -67px no-repeat;}
|
|
#ads-03{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -134px no-repeat;}
|
|
#ads-04{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -201px no-repeat;}
|
|
#ads-05{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -268px no-repeat;}
|
|
#ads-06{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -335px no-repeat;}
|
|
#ads-07{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -402px no-repeat;}
|
|
#ads-08{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -469px no-repeat;}
|
|
#ads-09{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -536px no-repeat;}
|
|
#ads-10{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -603px no-repeat;}
|
|
#ads-11{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -670px no-repeat;}
|
|
#ads-12{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -737px no-repeat;}
|
|
#ads-13{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -804px no-repeat;}
|
|
#ads-14{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -871px no-repeat;}
|
|
#ads-15{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -938px no-repeat;}
|
|
#ads-16{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -938px no-repeat;}
|
|
#ads-17{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -1005px no-repeat;}
|
|
#ads-18{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -1072px no-repeat;}
|
|
#ads-19{background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) 0 -1139px no-repeat;}
|
|
|
|
#ads-01 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px 0 no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-02 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -67px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-03 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -134px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-04 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -201px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-05 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -268px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-06 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -335px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-07 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -402px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-08 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -469px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-09 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -536px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-10 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -603px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-11 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -670px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-12 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -737px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-13 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -804px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-14 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -871px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-15 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -938px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-16 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -938px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-17 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -1005px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-18 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -1072px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#ads-19 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ads-sprite2.0.jpg) -240px -1139px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
|
|
/*------------ Pre-login Pages ------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Framework --------------*/
|
|
.preLogin-frameTop{
|
|
width:100%; height:10px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLogin-frameTop.gif) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-frameLeft-repeat-y{
|
|
width:942px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLogin-frameLeft.gif) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-frameRight-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLogin-frameRight.gif) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-frameBtm{
|
|
width:100%; height:7px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLogin-frameBtm.gif) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-contentArea{
|
|
width:379px; height:212px;
|
|
margin:48px 63px 120px 455px;
|
|
padding:10px; padding-top:20px;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
overflow:auto;
|
|
}
|
|
.prelogin-list{
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
margin-left:20px;
|
|
}
|
|
/*----- Content Area / Register Btn -----*/
|
|
#subPg-preLogin-register{
|
|
width: 405px; height: 58px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLoginPgs-registerBtn.png) 0 0 no-repeat;
|
|
position: relative; top:0; padding: 0; margin:0 auto;
|
|
margin-top:-124px; margin-left:451px;
|
|
}
|
|
#subPg-preLogin-register span { font:40px Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; line-height:58px;}
|
|
#subPg-preLogin-register li { margin: 0; padding: 0; list-style: none; position: absolute; top: 0px; }
|
|
#subPg-preLogin-register li, #subPg-preLogin-register a { height: 58px; line-height: 58px; display: block; text-align: center; text-decoration:none; }
|
|
|
|
#subPg-regBtn {left: 0; width: 405px;}
|
|
#subPg-regBtn a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/preLoginPgs-registerBtn.png) 0 -58px no-repeat; color:#FFFFFF;}
|
|
/*--------- Backgrounds (English) ---------*/
|
|
.preLogin-collectionContent-ENG{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/collectionPage.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-armyBuilderContent-ENG{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/armyBuilderPage.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-TradeContent-ENG{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tradePage.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-ETCContent-ENG{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/enterTheCodePage.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-parentZoneContent-ENG{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZonePage.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/*--------- Backgrounds (Spanish) ---------*/
|
|
.preLogin-collectionContent-ESP{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/collectionPage-Spanish.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-armyBuilderContent-ESP{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/armyBuilderPage-Spanish.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-TradeContent-ESP{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tradePage-Spanish.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-ETCContent-ESP{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/enterTheCodePage-Spanish.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-parentZoneContent-ESP{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZonePage-Spanish.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/*--------- Backgrounds (French) ---------*/
|
|
.preLogin-collectionContent-FRA{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/collectionPage-French.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-armyBuilderContent-FRA{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/armyBuilderPage-French.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-TradeContent-FRA{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tradePage-French.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-ETCContent-FRA{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/enterTheCodePage-French.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-parentZoneContent-FRA{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZonePage-French.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/*--------- Backgrounds (German) ---------*/
|
|
.preLogin-collectionContent-GER{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/collectionPage-German.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-armyBuilderContent-GER{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/armyBuilderPage-German.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-TradeContent-GER{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tradePage-German.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-ETCContent-GER{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/enterTheCodePage-German.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.preLogin-parentZoneContent-GER{
|
|
width:917px; height:419px;
|
|
margin-left:13px; margin-right:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZonePage-German.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
|
|
|
|
|
|
/*------- Under Construction -------*/
|
|
/*------------------------------------------------------*/
|
|
.underConst-txt{
|
|
margin:20px; width:300px;
|
|
float:left; clear:both;
|
|
}
|
|
.underConst-bkgrnd-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/underConstruct-bkgrnd-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.underConst-bkgrnd-top{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/underConstruct-bkgrnd-top.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.underConst-bkgrnd-btm{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/underConstruct-bkgrnd-btm.jpg) bottom left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.underConst-img{
|
|
width:689px; height:355px; border:1px solid #000000;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/underConst-img.jpg) top left no-repeat;
|
|
margin:0 auto; margin-top:6px; margin-bottom:7px;
|
|
}
|
|
|
|
|
|
|
|
/*------- Lightwindow/Page Framework -------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Framework --------------*/
|
|
.litewindow-bkgrnd{
|
|
width:100%; height:463px;
|
|
background-color:#151515;
|
|
}
|
|
.litewindow-bkgrnd2{
|
|
width:100%; height:350px;
|
|
background-color:#151515;
|
|
overflow:hidden;
|
|
}
|
|
.lw-btm-left{
|
|
width:13px; height:83px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-select-bkgrnd.jpg) top left repeat-x;
|
|
margin-left:7px; margin-top:-83px;
|
|
float:left;
|
|
}
|
|
.lw-btm-right{
|
|
width:12px; height:83px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-select-bkgrnd.jpg) top left repeat-x;
|
|
margin-right:8px; margin-top:-83px;
|
|
float:right;
|
|
}
|
|
.card-detail{
|
|
width:686px; height:463px;
|
|
margin:0 auto;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-select-bkgrnd.jpg) bottom left repeat-x;
|
|
}
|
|
.lw-btm-bkgrnd-repeat-x{
|
|
width:100%;
|
|
margin:0 auto;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-select-bkgrnd.jpg) left bottom repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-interface{
|
|
width:686px; height:463px;
|
|
}
|
|
.card-wrap{
|
|
width:370px; height:463px;
|
|
float:left;
|
|
}
|
|
.wrap-align-center{
|
|
width:630px; height:463px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
}
|
|
.card-placement2{
|
|
width:350px; height:350px;
|
|
margin:0 auto; margin-top:54px;
|
|
float:left;
|
|
}
|
|
.card-placement{
|
|
width:350px; height:350px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/detailed-card.gif) left center no-repeat;
|
|
margin:0 auto; margin-top:16px;
|
|
float:left;
|
|
}
|
|
.most-traded-card{
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
margin:0 auto;
|
|
margin-top:10px;
|
|
margin-bottom:10px;
|
|
}
|
|
.instruction-heading{
|
|
font-size:14px; font-weight:bold; font-style:italic;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
margin-top:10px;
|
|
}
|
|
.info-wrap{
|
|
height:463px;
|
|
float:left;
|
|
}
|
|
.details-top-cap{
|
|
width:250px; height:10px; margin-top:54px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-details-top.gif) top left no-repeat;
|
|
clear:both; overflow:hidden;
|
|
}
|
|
.details-bkgrnd{
|
|
width:250px; height:330px;
|
|
background-color:#1e1e1e;
|
|
clear:both;
|
|
}
|
|
.details-btm-cap{
|
|
width:250px; height:10px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-details-btm.gif) top left no-repeat;
|
|
clear:both;
|
|
}
|
|
.title-wrap{
|
|
border-bottom:1px solid #666666;
|
|
padding-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.scroll-details{
|
|
height:280px;
|
|
float:left; clear:both;
|
|
position:relative;
|
|
overflow:auto;
|
|
}
|
|
.details-content-wrap{
|
|
float:left; clear:both;
|
|
}
|
|
.info-width{
|
|
width:190px;
|
|
}
|
|
.card-name{
|
|
font-size:14px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-style:italic; font-weight:bold;
|
|
margin:5px 15px 5px 0;
|
|
float:left; clear:both;
|
|
}
|
|
.card-type{
|
|
margin:-3px 15px 0 0;
|
|
float:left; clear:both;
|
|
}
|
|
.card-stats{
|
|
width:220px;
|
|
font-size:11px;
|
|
margin:0 15px 5px 15px;
|
|
float:left; clear:both;
|
|
}
|
|
.card-stats2{
|
|
width:205px;
|
|
font-size:11px;
|
|
margin:5px 15px 5px 15px;
|
|
float:left; clear:both;
|
|
}
|
|
.card-stats2-margin-adjust{
|
|
width:205px;
|
|
margin:5px 0 5px 0;
|
|
float:left; clear:both;
|
|
}
|
|
.card-stats2-margin-adjust2{
|
|
width:205px;
|
|
margin:0;
|
|
float:left; clear:both;
|
|
}
|
|
.lw-content-wrap{
|
|
width:100%; height:14px;
|
|
clear:both;
|
|
}
|
|
.closeLW{text-align:right;}
|
|
|
|
.lw-top-left-repeat-x{
|
|
width:97%; height:14px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/lw-top-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.lw-top-right-repeat-x{
|
|
width:97%; height:14px; margin-left:-1px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/lw-top-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.lw-top-right{
|
|
width:38%; height:14px;
|
|
margin-right:8px; margin-left:-20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/lw-top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
vertical-align:baseline;
|
|
float:right;
|
|
}
|
|
.lw-top-left{
|
|
width:60%; height:14px;
|
|
margin-right:-20px; margin-left:7px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/lw-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.lw-footer-left-repeat-x{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.lw-footer-right-repeat-x{
|
|
width:97%; height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-btm-center-repeat-x.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:repeat-x;
|
|
margin-left:-2px;
|
|
float:left;
|
|
}
|
|
/*-------------- Card Stats --------------*/
|
|
.stats-card-1{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/perim-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-2{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/zenith-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-3{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/op-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-4{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-5{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/sands-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-6{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/Marrillian-detail-card.jpg) left center no-repeat;}
|
|
.stats-card-7{background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oligarch-detail-card.jpg) left center no-repeat;}
|
|
/*-------Master Card -------*/
|
|
.stats-wrap-0{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-0{width:250px; float:left; clear:both;}
|
|
.stats-abilities-0{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-0{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:16px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-0{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Perim ------*/
|
|
.stats-wrap-1{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-1{width:250px; float:left; clear:both;}
|
|
.stats-abilities-1{
|
|
width:24px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-1{
|
|
width:129px; height:14px; margin-left:50px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-1{
|
|
width:42px; height:22px;
|
|
font: 20px/40px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:16px;
|
|
float:left;
|
|
}
|
|
/*------ Zenith ------*/
|
|
.stats-wrap-2{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-2{width:250px; float:left; clear:both;}
|
|
.stats-abilities-2{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-2{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-2{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ OP ------*/
|
|
.stats-wrap-3{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-3{width:250px; float:left; clear:both;}
|
|
.stats-abilities-3{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-3{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-3{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Promo ------*/
|
|
.stats-wrap-4{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-4{width:250px; float:left; clear:both;}
|
|
.stats-abilities-4{
|
|
width:24px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-4{
|
|
width:129px; height:14px; margin-left:50px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-4{
|
|
width:42px; height:22px;
|
|
font: 20px/40px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:16px;
|
|
float:left;
|
|
}
|
|
/*------ Sands ------*/
|
|
.stats-wrap-5{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-5{width:250px; float:left; clear:both;}
|
|
.stats-abilities-5{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-5{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-5{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Marrillian ------*/
|
|
.stats-wrap-6{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-6{width:250px; float:left; clear:both;}
|
|
.stats-abilities-6{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-6{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-6{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Oligarch ------*/
|
|
.stats-wrap-7{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-7{width:250px; float:left; clear:both;}
|
|
.stats-abilities-7{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-7{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-7{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Tide ------*/
|
|
.stats-wrap-8{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-8{width:250px; float:left; clear:both;}
|
|
.stats-abilities-8{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-8{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-8{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Forged Unity ------*/
|
|
.stats-wrap-9{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-9{width:250px; float:left; clear:both;}
|
|
.stats-abilities-9{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-9{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-9{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ League Rewards ------*/
|
|
.stats-wrap-10{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-10{width:250px; float:left; clear:both;}
|
|
.stats-abilities-10{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-10{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-10{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
/*------ Pokito ------*/
|
|
.stats-wrap-11{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-11{width:250px; float:left; clear:both;}
|
|
.stats-abilities-11{
|
|
width:24px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-11{
|
|
width:129px; height:14px; margin-left:50px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-11{
|
|
width:42px; height:22px;
|
|
font: 20px/40px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:16px;
|
|
float:left;
|
|
}
|
|
/*------ Alliances Unraveled ------*/
|
|
.stats-wrap-12{width:250px; margin-top:213px; float:left; clear:both;}
|
|
.stats-wrap2-12{width:250px; float:left; clear:both;}
|
|
.stats-abilities-12{
|
|
width:29px; height:21px; margin-left:11px;
|
|
font: 13px/30px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:right; margin-bottom:3px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-code-12{
|
|
width:128px; height:14px; margin-left:61px;
|
|
font: 13px "Courier New", Courier, monospace bold;
|
|
color:#000000; text-align:center; margin-top:12px;
|
|
float:left; clear:left;
|
|
}
|
|
.stats-energy-12{
|
|
width:37px; height:27px;
|
|
font: 20px/37px Arial, Helvetica, sans-serif bold;
|
|
color:#000000; text-align:center;
|
|
margin-left:13px;
|
|
float:left;
|
|
}
|
|
|
|
|
|
/*-------- Loading Overlay --------*/
|
|
/*------------------------------------------------------*/
|
|
.dimmed-overlay {
|
|
position:fixed; top:0; left:0;
|
|
width: 100%; height: 100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/black-70.png) repeat 0 0;
|
|
z-index:999; overflow: none;
|
|
}
|
|
|
|
.overlay-loading {
|
|
width:200px; height:120px;
|
|
position:absolute; top:300px; left:-100px;
|
|
margin-left:50%; margin-right:50%; z-index:1000;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blackAnimBack.png) center 10px no-repeat;
|
|
text-align: center; font-family: Arial; font-size: 10pt;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.overlay-loading-image {
|
|
width: 90px; height: 100px;
|
|
position: absolute; z-index:1001;
|
|
top:0px; left:-45px;
|
|
margin-left:50%; margin-right:50%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/ajax-loader.gif) center 10px no-repeat;
|
|
}
|
|
|
|
|
|
|
|
/*------- Tooltip -------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------- Global Elements --------*/
|
|
.pad-tt{padding:5px;}
|
|
.tt-image{float:left; margin:0 5px 5px 0; border:none;}
|
|
.tt-txt{font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none;}
|
|
/*-------- <a:hover> Framework --------*/
|
|
a.tooltip{
|
|
position:relative; /*this is the key*/
|
|
z-index:24;
|
|
color:transparent;
|
|
}
|
|
a.tooltip{text-decoration:none;}
|
|
a.tooltip span{display: none; z-index:998;}
|
|
|
|
a.tooltip:hover span{ /*the span will display just on :hover state*/
|
|
display:block; position:absolute;
|
|
top:2em; left:2em; z-index:998;
|
|
width:300px; border:1px solid #000000;
|
|
background-color:#333333; color:#FFFFFF;
|
|
}
|
|
a.tooltip:hover span span{ /*the span will display just on :hover state*/
|
|
background:transparent; border:none;
|
|
position:relative; top:0; left:0;
|
|
text-align:left; z-index:998;
|
|
width: 240px; margin-left:60px;
|
|
}
|
|
/*-- Register tooltip --*/
|
|
a.reg-tooltip{
|
|
position:relative; /*this is the key*/
|
|
z-index:24;
|
|
color:transparent;
|
|
}
|
|
a.reg-tooltip{text-decoration:none;}
|
|
a.reg-tooltip span{display: none; z-index:998;}
|
|
|
|
a.reg-tooltip:hover span{ /*the span will display just on :hover state*/
|
|
display:block; position:absolute;
|
|
top:2em; left:2em; z-index:998;
|
|
width:300px; border:1px solid #000000;
|
|
background-color:#333333; color:#FFFFFF;
|
|
}
|
|
a.reg-tooltip:hover span span{ /*the span will display just on :hover state*/
|
|
background:transparent; border:none;
|
|
position:relative; top:0; left:0;
|
|
text-align:left; z-index:998;
|
|
font:16px Arial, Helvetica, sans-serif;
|
|
width: 240px; margin-left:60px;
|
|
}
|
|
/*-------- <div:hover> Framework --------*/
|
|
div.tooltip2{
|
|
position:relative; /*this is the key*/
|
|
z-index:24;
|
|
color:transparent;
|
|
}
|
|
div.tooltip2{text-decoration:none;}
|
|
div.tooltip2 span{display: none; z-index:998;}
|
|
|
|
div.tooltip2:hover span{ /*the span will display just on :hover state*/
|
|
position:absolute; top:10px; left:15px;
|
|
display:block; width:300px; z-index:998;
|
|
color:#FFFFFF; border:1px solid #000000;
|
|
background-color:#333333;
|
|
}
|
|
div.tooltip2:hover span span{ /*the span will display just on :hover state*/
|
|
background:transparent; border:none;
|
|
position:relative; top:0; left:0;
|
|
text-align:left; z-index:998;
|
|
width: 240px; margin-left:60px;
|
|
}
|
|
/*-------- <div:hover> Nested Links (Buttons Pending) --------*/
|
|
.tooltip2 a{
|
|
color:#FFFFFF; text-decoration:none;
|
|
}
|
|
.tooltip2 span span a span{
|
|
position:relative; margin:0;
|
|
float:left;
|
|
}
|
|
.tooltip2 span span a:hover span{
|
|
color:#FFFFFF; text-decoration:underline;
|
|
background:none; overflow:hidden;
|
|
cursor:pointer;
|
|
}
|
|
/*-------- Transparency Fix --------*/
|
|
.icon-set-tooltip{width:25px; height:18px; float:left; margin-left:-25px; margin-top:4px;}
|
|
.icon-set-tooltip div span { text-decoration:none;}
|
|
.icon-set-tooltip div, .icon-set-tooltip a {height: 18px; display: block; left: 0; width: 25px; text-decoration:none;}
|
|
/*-------- CardView Fix --------*/
|
|
.cardView-tooltip{width:52px; height:74px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/offered-detail-hover.gif) 0 0 no-repeat; margin:5px 0 0 -56px; float:left;}
|
|
.cardView-tooltip div span { text-decoration:none; z-index:200;}
|
|
.cardView-tooltip div, .cardView-tooltip a {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.cardView-tooltip div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-detail-hover.gif) 0 -74px no-repeat; text-decoration:none;}
|
|
|
|
.detailed-hover-offer2{width:52px; height:74px; float:left;}
|
|
.detailed-hover-offer2 div span { text-decoration:none; z-index:98;}
|
|
.detailed-hover-offer2 div, .detailed-hover-offer2 span {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
|
|
.detailed-hover-wanted2{width:52px; height:74px; background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-detail-hover.gif) 0 0 no-repeat; margin:0; float:left;}
|
|
.detailed-hover-wanted2 div span { text-decoration:none; z-index:98;}
|
|
.detailed-hover-wanted2 div, .detailed-hover-wanted2 span {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
|
|
|
|
|
|
|
|
/*------- Accordions - Content Area -------*/
|
|
/*------------------------------------------------------*/
|
|
/* Vertical Accordion */
|
|
/*------------------------------------*/
|
|
#container {
|
|
width:100%;
|
|
margin: auto 0 auto;
|
|
clear:both;
|
|
}
|
|
#vertical_container {
|
|
padding:0 9px 0 9px;
|
|
}
|
|
.accordion_toggle {
|
|
display: block;
|
|
height: 20px;
|
|
width: 100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-x-repeat2.jpg) repeat-x top right;
|
|
line-height: 20px;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
font-size: 10px;
|
|
color: #CCFFFF;
|
|
cursor: pointer;
|
|
overflow:hidden;
|
|
}
|
|
.accordion_toggle div:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-x-repeat2.jpg);
|
|
background-position:top left; background-repeat:repeat-x;
|
|
display:block;
|
|
}
|
|
.accordion_toggle div div:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-left2.jpg);
|
|
background-position:top left; background-repeat:no-repeat;
|
|
display:block;
|
|
}
|
|
.accordion_toggle div div div:hover{
|
|
color:#c40000;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-right2.jpg);
|
|
background-position:top right; background-repeat:no-repeat;
|
|
display:block;
|
|
}
|
|
.accordion_toggle div{
|
|
width: 100%; height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-left2.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_toggle div div{
|
|
width: 100%; height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-right2.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_toggle_active {
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-x-repeat2.jpg) repeat-x top left;
|
|
}
|
|
.accordion_toggle_active div{
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-left2.jpg) no-repeat top left;
|
|
}
|
|
.accordion_toggle_active div div{
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-right2.jpg) no-repeat top right;
|
|
color:#c40000;
|
|
}
|
|
.accordion_toggle_heading{
|
|
display:block;
|
|
width: 500px;
|
|
float:left;
|
|
}
|
|
.posted-by-toggle {
|
|
height: 20px; line-height: 15px;
|
|
padding-right:15px; font-size: 10px;
|
|
text-align:right; float:right;
|
|
}
|
|
.heading {
|
|
height: 20px; line-height: 15px;
|
|
padding-left:15px;
|
|
font-size: 10px;
|
|
text-align:left; float:left;
|
|
}
|
|
.pad-accordian-content{
|
|
padding:3px 20px 10px 20px;
|
|
}
|
|
.pad-content{
|
|
padding:3px 40px 0 40px;
|
|
}
|
|
.accordion_content {
|
|
width: 100%;
|
|
background-color:#292929;
|
|
color: #FFFFFF;
|
|
overflow: hidden;
|
|
}
|
|
.accordion_content_top_repeat-x {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.accordion_content_left_repeat-y {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_left-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content_right_repeat-y {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_right-repeat-y.jpg);
|
|
background-position:top right;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content_top_left {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_top_right {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
color: #6bafc5;
|
|
}
|
|
.accordion_content_btm {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
margin-top:-10px;
|
|
float:left; clear:both;
|
|
}
|
|
.accordion_content_btm_left {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_btm_right {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_repeat-y{
|
|
width: 514px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content ul {
|
|
padding: 8px 10px 8px 10px;
|
|
}
|
|
.accordion_content ul li {
|
|
padding: 2px 10px 2px 10px;
|
|
list-style: none;
|
|
}
|
|
.accordion_content p {
|
|
padding: 0 10px 0 10px;
|
|
}
|
|
|
|
.vertical_accordion_toggle {
|
|
display: block;
|
|
height: 35px;
|
|
width: 600px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-x-repeat2.jpg) repeat-x top left;
|
|
padding: 0 10px 0 10px;
|
|
line-height: 35px;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
outline: none;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
border-bottom: 1px solid #cde99f;
|
|
cursor: pointer;
|
|
margin: 0 0 0 0;
|
|
}
|
|
.vertical_accordion_toggle div {
|
|
width: 100%; height: 32px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-left2.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle div div {
|
|
width: 100%; height: 35px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-right2.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle_active {
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active2.jpg) repeat-x top left #e0542f;
|
|
color: #ffffff;
|
|
border-bottom: 1px solid #f68263;
|
|
}
|
|
.vertical_accordion_toggle_active div {
|
|
width: 100%; height: 35px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-left2.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle_active div{
|
|
width: 100%; height: 35px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-right2.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_content {
|
|
background-color: #ffffff;
|
|
color: #444444;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.vertical_accordion_content h2 {
|
|
margin: 15px 0 5px 10px;
|
|
color: #0099FF;
|
|
}
|
|
|
|
.vertical_accordion_content p {
|
|
line-height: 150%;
|
|
padding: 5px 10px 5px 10px;
|
|
}
|
|
#vertical_nested_container {
|
|
width: 514px;
|
|
}
|
|
/* Horizontal Accordion */
|
|
/*------------------------------------
|
|
.horizontal_accordion_toggle {*/
|
|
/*---------------------------------------------------------------------
|
|
float: left; REQUIRED - To make sure this remains horizontal */
|
|
/*---------------------------------------------------------------------*/
|
|
/*
|
|
display: block;
|
|
height: 100px;
|
|
width: 30px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Styles/images/h_accordion_toggle.jpg) no-repeat top left #a9d06a;
|
|
color: #ffffff;
|
|
text-decoration: none;
|
|
outline: none;
|
|
border-right: 1px solid #cde99f;
|
|
cursor: pointer;
|
|
margin: 0 0 0 0;
|
|
}
|
|
|
|
.horizontal_accordion_toggle_active {
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Styles/images/h_accordion_toggle_active.jpg) no-repeat top left #e0542f;
|
|
border-right: 1px solid #f68263;
|
|
}
|
|
|
|
.horizontal_accordion_content {
|
|
*/
|
|
/*-----------------------------------------------------------------------------------------------------
|
|
height: 100px; REQUIRED - We need to define a height for the accordion as it stretches the width
|
|
float: left; REQUIRED - This make sure it stays horizontal */
|
|
/*-----------------------------------------------------------------------------------------------------*/
|
|
/*
|
|
overflow: hidden;
|
|
background-color: #ffffff;
|
|
color: #444444;
|
|
}
|
|
|
|
.horizontal_accordion_content p {
|
|
width: 450px;
|
|
line-height: 150%;
|
|
padding: 5px 10px 15px 10px;
|
|
}
|
|
*/
|
|
|
|
/* Container Styling */
|
|
/*------------------------------------------------------*/
|
|
/*
|
|
#horizontal_container {
|
|
margin: 20px auto 20px auto;
|
|
width: 680px;
|
|
height: 100px;
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
/*------- Accordions - Navigation -------*/
|
|
/*------------------------------------------------------*/
|
|
/* Vertical Accordion */
|
|
/*------------------------------------*/
|
|
#container-nav {
|
|
width: 100%;
|
|
float:left; clear:both;
|
|
margin: 0 auto;
|
|
|
|
}
|
|
#vertical_container-nav {
|
|
padding:0; margin-right:2px;
|
|
}
|
|
.accordion_toggle-nav {
|
|
display: block;
|
|
height: 23px;
|
|
width: 100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle-x-repeat.jpg) repeat-x top right;
|
|
line-height: 23px;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
font-size: 12px;
|
|
color: #CCFFFF;
|
|
cursor: pointer;
|
|
overflow:hidden;
|
|
}
|
|
.accordion_toggle-nav div:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-x-repeat.jpg);
|
|
background-position:top left; background-repeat:repeat-x;
|
|
display:block;
|
|
}
|
|
.accordion_toggle-nav div div:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-left.jpg);
|
|
background-position:top left; background-repeat:no-repeat;
|
|
display:block;
|
|
}
|
|
.accordion_toggle-nav div div div:hover{
|
|
color:#c40000;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-right.jpg);
|
|
background-position:top right; background-repeat:no-repeat;
|
|
display:block;
|
|
}
|
|
.accordion_toggle-nav div{
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_toggle-nav div div{
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_toggle_active-nav {
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-x-repeat.jpg) repeat-x top left;
|
|
}
|
|
.accordion_toggle_active-nav div{
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-left.jpg) no-repeat top left;
|
|
}
|
|
.accordion_toggle_active-nav div div{
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nav-accordion_toggle_active-right.jpg) no-repeat top right;
|
|
color:#c40000;
|
|
}
|
|
.accordion_toggle_heading-nav{
|
|
display:block;
|
|
width: 500px;
|
|
float:left;
|
|
}
|
|
.posted-by-toggle-nav {
|
|
height: 23px; line-height: 23px;
|
|
padding-right:40px; font-size: 11px;
|
|
text-align:right; float:right;
|
|
}
|
|
.heading-nav {
|
|
height: 23px; line-height: 23px;
|
|
padding-left:20px;
|
|
font-size: 11px;
|
|
text-align:left; float:left;
|
|
}
|
|
.pad-accordian-content-nav{
|
|
padding:3px 20px 10px 20px;
|
|
}
|
|
.pad-content-nav{
|
|
padding:3px 40px 0 40px;
|
|
}
|
|
.accordion_content-nav {
|
|
width: 100%;
|
|
background-color:#292929;
|
|
color: #FFFFFF;
|
|
overflow: hidden;
|
|
}
|
|
.accordion_content_top_repeat-x-nav {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.accordion_content_left_repeat-y-nav {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_left-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content_right_repeat-y-nav {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_right-repeat-y.jpg);
|
|
background-position:top right;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content_top_left-nav {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_top_right-nav {
|
|
width: 100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.accordion_content_btm-nav {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
margin-top:-10px;
|
|
float:left; clear:both;
|
|
}
|
|
.accordion_content_btm_left-nav {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_btm_right-nav {
|
|
width: 100%; height:12px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_btm-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.accordion_content_repeat-y-nav{
|
|
width: 514px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_content_repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
}
|
|
.accordion_content-nav ul {
|
|
padding: 8px 10px 8px 10px;
|
|
}
|
|
.accordion_content-nav ul li {
|
|
padding: 2px 10px 2px 10px;
|
|
list-style: none;
|
|
}
|
|
.accordion_content-nav p {
|
|
padding: 0 10px 0 10px;
|
|
}
|
|
|
|
.vertical_accordion_toggle-nav {
|
|
display: block;
|
|
height: 23px;
|
|
width: 600px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-x-repeat.jpg) repeat-x top left;
|
|
padding: 0 10px 0 10px;
|
|
line-height: 23px;
|
|
color: #ffffff;
|
|
font-weight: normal;
|
|
text-decoration: none;
|
|
outline: none;
|
|
font-size: 12px;
|
|
color: #000000;
|
|
border-bottom: 1px solid #cde99f;
|
|
cursor: pointer;
|
|
margin: 0 0 0 0;
|
|
}
|
|
.vertical_accordion_toggle-nav div {
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle-nav div div {
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle_active-nav {
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active.jpg) repeat-x top left #e0542f;
|
|
color: #ffffff;
|
|
border-bottom: 1px solid #f68263;
|
|
}
|
|
.vertical_accordion_toggle_active-nav div {
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_toggle_active-nav div{
|
|
width: 100%; height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/accordion_toggle_active-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.vertical_accordion_content-nav {
|
|
background-color: #ffffff;
|
|
color: #444444;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.vertical_accordion_content-nav h2 {
|
|
margin: 15px 0 5px 10px;
|
|
color: #0099FF;
|
|
}
|
|
|
|
.vertical_accordion_content-nav p {
|
|
line-height: 150%;
|
|
padding: 5px 10px 5px 10px;
|
|
}
|
|
#vertical_nested_container-nav {
|
|
width: 514px;
|
|
}
|
|
/*-------------- Accordian Nav Content --------------*/
|
|
.filters-cell{
|
|
width:188px; height:23px; line-height:20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filtersBG.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
padding:1px 0 0 16px;
|
|
float:left; clear:both;
|
|
}
|
|
.filter-check{
|
|
width:20px;
|
|
float:left;
|
|
}
|
|
.filter-type{
|
|
margin-top:3px;
|
|
float:left;
|
|
}
|
|
|
|
|
|
|
|
/*-------------- Sprite Nav Players --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Top 10 --------------*/
|
|
#player-nav {
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) top left no-repeat;
|
|
width:250px; /* Width of buttons, not entire image (or half of entire image) */
|
|
height:240px; /* Height of entire image */
|
|
margin:0 auto;
|
|
padding:0;
|
|
}
|
|
|
|
#player-nav li { float:left; list-style:none; position:relative; }
|
|
#player-nav li, #player-nav a {
|
|
height:24px; line-height:20px; /* Each button must have the same height, define it here */
|
|
font-size:11px; color:#FFFFFF; text-decoration:none;
|
|
padding:0;
|
|
display:block;
|
|
}
|
|
|
|
/* margin-top to set where the nav should begin */
|
|
#player-01, #player-02, #player-03, #player-04, #player-05, #player-06, #player-07, #player-08, #player-09, #player-10{ margin:0; width:250px;}
|
|
|
|
#player-01 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px 0 no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-02 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -24px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-03 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -48px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-04 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -72px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-05 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -96px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-06 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -120px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-07 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -144px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-08 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -168px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-09 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -192px no-repeat; color:#c80000; text-decoration:none; }
|
|
#player-10 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/vert-sprite-nav2.jpg) -250px -216px no-repeat; color:#c80000; text-decoration:none; }
|
|
|
|
|
|
|
|
/*-------------- Parent Zone --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*----------- ChildSettings -----------*/
|
|
input.parentZone {
|
|
height:12px; width:207px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #333333;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
input.parentZone2 {
|
|
height:12px; width:150px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #333333;
|
|
font-size: 10px; color: #FFFFFF;
|
|
float:left;
|
|
}
|
|
.parentZone-list {
|
|
height:80px; width:207px; margin:0; padding:2px;
|
|
background-color:#000000; border:1px solid #333333;
|
|
overflow:auto;
|
|
}
|
|
.parentZone-list div span{
|
|
width:185px; margin:0; padding-left:5px;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
background-color:#000000; color:#FFFFFF;
|
|
float:left; clear:both;
|
|
}
|
|
.parentZone-list div span:hover{
|
|
width:185px; margin:0; padding-left:5px;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
background-color:#3399FF; color:#FFFFFF;
|
|
float:left; clear:both; cursor:pointer;
|
|
}
|
|
.parentError{
|
|
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
|
|
color: #CC0000;
|
|
}
|
|
form#parent {
|
|
position:relative;
|
|
}
|
|
input#childUser-field, input#childPass-field {
|
|
width:160px;
|
|
}
|
|
div#childUser, div#childPass {
|
|
width:160px;
|
|
position:relative;
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
.parent-subHeading{
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:16px; margin-left:5px; line-height:28px;
|
|
}
|
|
.clearAddChild{width:165px; clear:both;}
|
|
.clearSelectChild{width:212px; clear:both;}
|
|
.parentFormLable-halfWidth{width:130px;}
|
|
/*----------- Parental Control Btns -----------*/
|
|
.parentalControl{
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.parentalControl div div {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.parentalControl div div div {
|
|
height: 20px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.parentalControl div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.parentalControl div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.parentalControl div div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/parentZone-btns-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.parentalControl-btn {width:100%; height: 20px; float:left; clear:both;}
|
|
.parentalControl-btn div, .parentalControl-btn span {color:#FFFFFF; height: 20px; display: block; line-height:20px; text-decoration:none;}
|
|
.parentalControl-btn div span { padding:0 10px 0 10px;}
|
|
|
|
|
|
|
|
/*-------------- Pre-content --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Login Bar --------------*/
|
|
.login-bar{
|
|
width:924px; height:28px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
}
|
|
.login-repeat-x{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.login-bkgrnd-left{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-bkgrnd-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.login-bkgrnd-right{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-bkgrnd-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.login-left{
|
|
width:76px; height:28px; line-height:28px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:10px; text-align:center;
|
|
float:left;
|
|
}
|
|
.login-center{
|
|
width:726px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.login-right{
|
|
width:122px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.login-center-repeat-x{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-center-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.login-center-bkgrnd-left{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-center-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.login-center-bkgrnd-right{
|
|
height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/login-center-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.login-form{
|
|
height:28px;
|
|
padding:5.5px 15px 0 15px;
|
|
}
|
|
/*-------------- Index Login Form --------------*/
|
|
form#login {
|
|
position:relative;
|
|
}
|
|
input#username-field, input#password-field {
|
|
width:160px;
|
|
}
|
|
#mockpass, #realpass {
|
|
width:160px;
|
|
}
|
|
#remember{
|
|
margin-top:-2px;
|
|
margin-left:-4px;
|
|
float:left;
|
|
}
|
|
div#username, div#password {
|
|
width:160px;
|
|
position:relative;
|
|
float:left;
|
|
margin-right:10px;
|
|
}
|
|
#remember-me, #login-links{
|
|
padding-top:1.5px;
|
|
float:left;
|
|
}
|
|
#login-links{
|
|
float:right;
|
|
}
|
|
label.overlabel {
|
|
color:#FFFFFF;
|
|
}
|
|
label.overlabel-apply {
|
|
position:absolute;
|
|
top:1.5px;
|
|
left:5px;
|
|
z-index:1;
|
|
color:#FFFFFF;
|
|
}
|
|
.button {
|
|
width:122px; height:28px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/loginBar-inputBtn.jpg) 0 0 no-repeat;
|
|
margin:0; padding:0; color:#FFFFFF;
|
|
font:10px/5px Verdana, Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
cursor: pointer;
|
|
}
|
|
.button:hover {
|
|
width:122px; height:28px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/loginBar-inputBtn.jpg) 0 -28px no-repeat;
|
|
border:none; margin:0; padding:0; color:#FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
.form-login {
|
|
height:12px; width:207px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #3f88bd;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
/*-------------- Post-Login Bar--------------*/
|
|
.logged-in{
|
|
padding-top:1.5px;
|
|
line-height:14px; margin-right:10px;
|
|
float:left;
|
|
}
|
|
.Draccoin{
|
|
width:19px; height:19px; margin:5px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/coins.png) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.Draccoins-earned{
|
|
width:40px; height:19px; line-height:19px;
|
|
text-align:left; font-size:11px;
|
|
margin:5px 0 5px -3px;
|
|
float:left;
|
|
}
|
|
.support-btn{width:122px; height:28px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/loginBar-inputBtn.jpg); background-position:top left; background-repeat:no-repeat; margin:0; padding:0; float:left;}
|
|
.support-btn div span { text-decoration:none; line-height:28px; font-size:11px;}
|
|
.support-btn div, .support-btn a {height: 28px; display: block; left: 0; width: 122px; text-align:center; text-decoration:none;}
|
|
.support-btn div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/loginBar-inputBtn.jpg) 0 -28px no-repeat; text-decoration:none;}
|
|
|
|
|
|
|
|
/*-------------- Custom Form Elements --------------*/
|
|
/*------------------------------------------------------*/
|
|
form {padding:0; margin:0;}
|
|
|
|
.checkbox {
|
|
width: 19px;
|
|
height: 25px;
|
|
padding: 0 5px 0 0;
|
|
color: #ffffff;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/checkbox.gif) no-repeat;
|
|
cursor:pointer;
|
|
display: block;
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
.checkbox-label{
|
|
cursor:pointer;
|
|
}
|
|
.radio {
|
|
width: 19px;
|
|
height: 25px;
|
|
padding: 0 5px 0 0;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/checkbox.gif) no-repeat;
|
|
cursor:pointer;
|
|
display: block;
|
|
clear: left;
|
|
float: left;
|
|
}
|
|
.select {
|
|
position: absolute;
|
|
width: 105px; /* With the padding included, the width is 137 pixels: the actual width of the image. */
|
|
height: 21px;
|
|
padding: 0 24px 0 8px;
|
|
font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
|
|
text-align:left;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/paging-dropdown.gif) no-repeat;
|
|
float:right;
|
|
overflow: hidden;
|
|
}
|
|
.select2 {
|
|
position: absolute;
|
|
width: 28px; /* With the padding included, the width is 60 pixels: the actual width of the image. */
|
|
height: 21px;
|
|
padding: 0 28px 0 4px;
|
|
font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
|
|
text-align:left;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/paging-dropdown-2.gif) no-repeat;
|
|
float:right;
|
|
overflow: hidden;
|
|
}
|
|
.select3 {
|
|
position: absolute;
|
|
width: 223px; /* With the padding included, the width is 255 pixels: the actual width of the image. */
|
|
height: 21px;
|
|
padding: 0 28px 0 4px;
|
|
font: 10px/19px Verdana, Arial, Helvetica, sans-serif;
|
|
text-align:left;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/paging-dropdown3.gif) no-repeat;
|
|
float:right;
|
|
overflow: hidden;
|
|
}
|
|
option { font: 10px/12px Verdana, Arial, Helvetica, sans-serif;}
|
|
input {outline-style:none; outline-width:0px;}
|
|
|
|
|
|
|
|
/*-------------- Index Columns --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Left Column --------------*/
|
|
.left-column{
|
|
width:269px;
|
|
float:left;
|
|
}
|
|
.left-column-confirm{
|
|
width:219px;
|
|
float:left;
|
|
}
|
|
/*-------------- Center Column --------------*/
|
|
.center-column{
|
|
width:392px;
|
|
margin:0 6px 0 6px;
|
|
float:left;
|
|
}
|
|
/*-------------- Right Column --------------*/
|
|
.right-column{
|
|
width:269px;
|
|
float:left;
|
|
}
|
|
.TopTradedCard{
|
|
width:159px; height:222px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
margin:0 auto; margin-top:10px; margin-bottom:10px;
|
|
}
|
|
.BattleLeagueLink{
|
|
width:159px; height:222px;
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
margin:0 auto; margin-top:10px; margin-bottom:10px;
|
|
}
|
|
|
|
|
|
/*-------------- Subpage Columns --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Left Column (Subpages) --------------*/
|
|
.left-columnSub{
|
|
width:219px;
|
|
float:left;
|
|
}
|
|
/*-------------- Content Column (Subpages) --------------*/
|
|
.content-columnSub{
|
|
width:718px;
|
|
margin-left:6px;
|
|
float:left;
|
|
}
|
|
/*-------------- Left Column (E.T.C.) --------------*/
|
|
.trade-filters-wrap{
|
|
width:204px;
|
|
margin:0 auto;
|
|
}
|
|
.trade-filters-wrap2{
|
|
width:252px;
|
|
margin:0 auto;
|
|
}
|
|
.enterTheCode-left-column{
|
|
width:274px;
|
|
float:left;
|
|
}
|
|
/*-------------- Content Column (E.T.C.) --------------*/
|
|
.content-column{
|
|
width:718px;
|
|
margin-left:6px;
|
|
float:left;
|
|
}
|
|
.content-column2{
|
|
width:668px;
|
|
margin-left:6px;
|
|
float:left;
|
|
}
|
|
.enterTheCode-content-column{
|
|
width:663px;
|
|
margin-left:6px;
|
|
float:left;
|
|
}
|
|
.content-registration{width:943px;}
|
|
|
|
.registration-content-wrap{
|
|
width:925px;
|
|
margin-left:10px;
|
|
padding-top:1px;
|
|
float:left; clear:both;
|
|
}
|
|
.pad-text{
|
|
margin:20px;
|
|
}
|
|
|
|
|
|
|
|
/* -------------- MegaRoar Archive -------------- */
|
|
/* ------------------------------------------------------------ */
|
|
/* -------------- Index / Read More Functionality -------------- */
|
|
/* ---- View Archive Button ---- */
|
|
.adjustArchiveBtn{
|
|
margin-left:-50px; margin-top:15px; line-height:52px;
|
|
float:left; clear:both;
|
|
}
|
|
.view-archive{
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.view-archive div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-Left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.view-archive div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-Right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.view-archive div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.view-archive div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-hoverLeft.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.view-archive div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/mrViewArchive-hoverRight.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.view-archive-btn {width:100%; height:24px; float:left; clear:both;}
|
|
.view-archive-btn div, .view-archive-btn a {color:#FFFFFF; height:24px; display: block; line-height:24px; text-decoration:none;}
|
|
.view-archive-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.initalCroppedContent{padding-top:20px; margin-bottom:10px; overflow:hidden;}
|
|
/* ---- Read More Button ---- */
|
|
.read-more{
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.read-more div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.read-more div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.read-more div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.read-more div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.read-more div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.read-more-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.read-more-btn div, .read-more-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.read-more-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.initalCroppedContent{padding-top:20px; margin-bottom:10px; overflow:hidden;}
|
|
/* -------------- Framework -------------- */
|
|
.megaRoarBkgrnd{width:100%; background-color:#0A2133; float:left;}
|
|
.megaRoarLeft-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndLeft-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoarRight-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndRight-repeat-y.jpg) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoarTop-repeat-x{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndTop-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoar-topLeft{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndTopLeft.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoar-topRight{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndTopRight.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoarBtm-repeat-x{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndBtm-repeat-x.jpg) bottom left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoar-btmLeft{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndBtmLeft.jpg) bottom left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoar-btmRight{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-bkgrndBtmRight.jpg) bottom right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.megaRoar-archiveContent{width:470px; float:left;}
|
|
.megaRoar-sideControls{width:205px; float:right;}
|
|
.megaRoar-controlsContentWrap{width:185px; float:left;}
|
|
|
|
.megaRoarPost-wrap{
|
|
width:100%; background-color:#081A29; float:left; clear:both;
|
|
}
|
|
.roarPost-topLeft{
|
|
width:60%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postTopLeft.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.roarPost-topLeft-repeat-x{
|
|
width:90%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postTop-repeat-x.gif) top right repeat-x;
|
|
float:right; clear:both;
|
|
}
|
|
.roarPost-topRight{
|
|
width:40%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postTopRight.gif) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.roarPost-topRight-repeat-x{
|
|
width:90%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postTop-repeat-x.gif) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.roarPost-left-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postLeft-repeat-y.gif) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.roarPost-right-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postRight-repeat-y.gif) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.roarPost-btmLeft{
|
|
width:60%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postBtmLeft.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.roarPost-btmLeft-repeat-x{
|
|
width:90%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postBtm-repeat-x.gif) top right repeat-x;
|
|
float:right; clear:both;
|
|
}
|
|
.roarPost-btmRight{
|
|
width:40%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postBtmRight.gif) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.roarPost-btmRight-repeat-x{
|
|
width:90%; height:12px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/megaRoar-postBtm-repeat-x.gif) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
/* -------------- Elements -------------- */
|
|
.blogTopicTitle{
|
|
font:18px/32px Arial, Helvetica, sans-serif; font-weight:bold; padding-left:10px; margin-top:0;
|
|
}
|
|
.divideMRposts{width:450px; height:1px; margin:10px 10px 0 10px; border-bottom:1px solid #133F57; float:left; clear:both;}
|
|
.blogSectionTitle-underline{width:195px; border-bottom:1px solid #133F57;}
|
|
.blogBullet{
|
|
width:18px; height:19px; margin-top:0;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogBullet.png) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.pageEnd-btnWrap{
|
|
width:450px; margin:10px; padding-bottom:20px; float:left; clear:both;
|
|
}
|
|
.readMore-btnWrap{
|
|
width:450px; margin:0 10px 0 10px; padding:0; float:left; clear:both;
|
|
}
|
|
.rss3d {
|
|
width:97px; height:98px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/rss.png) top right no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
float:left; cursor: pointer;
|
|
}
|
|
.rss3d a, .rss3d span {
|
|
width:97px; height:98px; text-decoration:none;
|
|
}
|
|
.rss3d span{display:block;}
|
|
.rss3d a span:hover {
|
|
width:97px; height:98px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/rss.png) top right no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
.blogSectionTitle{
|
|
height:20px; line-height:18px; font-size:14px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
margin-left:3px;
|
|
}
|
|
.searchMegaRoar {
|
|
height:14.5px; width:113px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#151515; border:1px solid #0F2E3E;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
/* -------------- Archival Search -------------- */
|
|
.adjustBlog-searchBtn{margin:-2px 15px 0 0; float:right;}
|
|
.megaRoar-side {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.megaRoar-side div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.megaRoar-side div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.megaRoar-side div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-hoverRepeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.megaRoar-side div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-hoverLeft.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.megaRoar-side div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/blogSideBtn-hoverRight.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.megaRoar-side-btn {width:100%; height: 24px; float:left;}
|
|
.megaRoar-side-btn div, .megaRoar-side-btn a {color:#FFFFFF; height: 24px; display: block; line-height:24px; text-decoration:none;}
|
|
.megaRoar-side-btn div span { padding:0 10px 0 10px;}
|
|
/* -------------- Next / Previous Buttons -------------- */
|
|
.nextPrev-post {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.nextPrev-post div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.nextPrev-post div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.nextPrev-post div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-repeat-xHover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.nextPrev-post div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-leftHover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.nextPrev-post div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/nextPrev-postBtn-rightHover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.nextPrev-post-btn {width:100%; height: 24px; float:left;}
|
|
.nextPrev-post-btn div, .nextPrev-post-btn a {color:#FFFFFF; height: 24px; display: block; line-height:24px; text-decoration:none;}
|
|
.nextPrev-post-btn div span { padding:0 10px 0 10px;}
|
|
|
|
|
|
|
|
|
|
/* -------------- Account Profile Management -------------- */
|
|
/* ------------------------------------------------------------ */
|
|
/* -------------- Tabbed Navigation -------------- */
|
|
.profile-tabsBkgrnd{
|
|
width:100%; line-height:30px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-tabsBkgrnd.jpg) 0 0 repeat;
|
|
text-align:center; float:left; clear:both;
|
|
}
|
|
.profile-tabsBase{
|
|
width:100%; height:15px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-tabsBase.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.profileTab-wrap {margin:0 37px 0 37px;}
|
|
.profileTab-active {
|
|
width:170px; height:30px; line-height:30px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-tabs.jpg) 0 -30px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
float:left;
|
|
}
|
|
.profileTab-active span{
|
|
font:11px/30px Arial, Helvetica, sans-serif;
|
|
display:block;
|
|
}
|
|
.profileTab {
|
|
width:170px; height:30px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-tabs.jpg) 0 0 no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer; float:left;
|
|
}
|
|
.profileTab a, .profileTab span {
|
|
width:170px; height:30px; color:#FFFFFF; text-decoration:none;
|
|
}
|
|
.profileTab span{
|
|
font:11px/30px Arial, Helvetica, sans-serif;
|
|
display:block;
|
|
}
|
|
.profileTab a span:hover {
|
|
width:170px; height:30px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-tabs.jpg) 0 -30px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
/* -------------- Framework -------------- */
|
|
.hint{
|
|
width:20px; height:20px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/question.gif) center no-repeat;
|
|
float:left;
|
|
}
|
|
.hint div, .hint a {height: 20px; display: block; left: 0; width: 20px; text-decoration:none; float:left;}
|
|
.pad-tt2{margin:5px; }
|
|
|
|
.settings-text{
|
|
height:20px; line-height:20px; float:left;
|
|
}
|
|
.profile-wrap-align-center{
|
|
width:925px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-bkgrnd.jpg) 0 0 repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-wrap-topBkgrnd{
|
|
width:925px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-topBkgrnd.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-wrap-align-center2{
|
|
width:925px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/profile-bkgrnd2.jpg) 0 0 repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.username-heading{
|
|
height:25px; line-height:25px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:12px; font-weight:bold;
|
|
margin-left:15px;
|
|
}
|
|
.adjust-profile-wrap{
|
|
width:504px; height:10px;
|
|
border-left:1px solid #151515;
|
|
border-right:1px solid #151515;
|
|
margin-left:219px;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-nav-wrap{
|
|
width:212px;
|
|
margin-right:-1px;
|
|
float:left;
|
|
}
|
|
.profile-leftColumn{
|
|
width:187px;
|
|
float:left;
|
|
}
|
|
.profile-nav-wrap2{
|
|
width:200px;
|
|
float:right;
|
|
}
|
|
.profile-nav-wrap3{
|
|
width:230px;
|
|
float:right;
|
|
}
|
|
.management-pad{
|
|
width:100%; margin:10px;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-nav{
|
|
width:204px; margin:0 2px 0 0; padding:2px;
|
|
background-color:#292929;
|
|
border-right:1px solid #151515;
|
|
border-bottom:1px solid #151515;
|
|
float:right; clear:both;
|
|
}
|
|
.profile-management{
|
|
width:500px;
|
|
margin:0 auto;
|
|
background-color:#151515;
|
|
float:left;
|
|
}
|
|
.profile-management2{
|
|
width:499px;
|
|
margin-left:3px;
|
|
background-color:#151515;
|
|
float:left;
|
|
}
|
|
.profile-heading{
|
|
width:500px; height:31px; line-height:31px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-trade-bkgrnd.jpg) 0 -3px repeat-x;
|
|
border-bottom:1px solid #000000;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-heading2{
|
|
width:500px; height:31px; line-height:31px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-trade-bkgrnd2.jpg) 0 0 no-repeat;
|
|
border-bottom:1px solid #000000;
|
|
float:left; clear:both;
|
|
}
|
|
.heading-height{height:31px;}
|
|
.profile-heading-txt{
|
|
font: 13px Verdana, Arial, Helvetica, sans-serif bold;
|
|
line-height:28px;
|
|
}
|
|
.profile-content-pad{
|
|
width:477px; margin:10px;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-content-pad2{
|
|
width:390px; margin:10px;
|
|
}
|
|
.profile-content{
|
|
width:350px;
|
|
float:left;
|
|
}
|
|
.profile-content2{
|
|
width:378px;
|
|
float:left;
|
|
}
|
|
.profile-content-text{
|
|
font: 10px Verdana, Arial, Helvetica, sans-serif bold;
|
|
line-height:16px;
|
|
}
|
|
.profile-content-text2{
|
|
text-align:left;
|
|
font: 10px Verdana, Arial, Helvetica, sans-serif;
|
|
line-height:16px; margin-top:20px; margin-bottom:-20px;
|
|
}
|
|
.place-avatar2{
|
|
width:100px; height:100px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/avatars/Avatar-box-B1.png);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.place-full-avatar{
|
|
width:129px; height:340px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/avatars/boy-1.png);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
margin:0 auto; margin-top:20px; margin-bottom:20px;
|
|
}
|
|
.place-avatar3{
|
|
width:200px; text-align:center;
|
|
margin:0 auto; margin-top:20px; margin-bottom:20px;
|
|
}
|
|
.place-avatarInfo{
|
|
width:200px;
|
|
margin:0 auto; margin-top:20px; margin-bottom:-20px;
|
|
}
|
|
.profile-flag{
|
|
width:40px; height:27px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/flag_usa_.gif) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.profile-statSettings{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
margin-bottom:5px;
|
|
}
|
|
.pad-stats2{
|
|
width:467px;
|
|
margin:10px; padding:5px;
|
|
margin-bottom:0;
|
|
border:1px solid #333333;
|
|
float:left; clear:both;
|
|
}
|
|
.profile-slider-content-bkgrnd{background-color:#333333;}
|
|
.profile-slider-txt{
|
|
line-height:28px;
|
|
padding-left:10px;
|
|
}
|
|
.clickHeading{cursor:pointer;}
|
|
.clickHeading span, .clickHeading a{
|
|
width:100%; height:23px; line-height:23px; display:block; float:left; clear:both; text-decoration:none; cursor:pointer;
|
|
}
|
|
.clickHeading span:hover, .clickHeading a:hover{
|
|
text-decoration:none; color:#FF0000; cursor:pointer;
|
|
}
|
|
|
|
.profile-slider-buttons{border-color:#000000;}
|
|
.profile-slider-buttons span, .profile-slider-buttons a{
|
|
width:194px; margin-left:-5px; padding-left:10px; display:block; text-decoration:none;
|
|
}
|
|
.profile-slider-buttons span:hover, .profile-slider-buttons a:hover{
|
|
text-decoration:none; color:#FFFFFF;
|
|
}
|
|
.profile-slider-buttons span:active, .profile-slider-buttons a:active{
|
|
text-decoration:none; color:#FFFFFF;
|
|
}
|
|
.profile-slider-buttons span:visited, .profile-slider-buttons a:visited{
|
|
text-decoration:none; color:#FFFFFF;
|
|
}
|
|
/* -------------- Edit Button -------------- */
|
|
.edit-adjust{
|
|
float:right;
|
|
}
|
|
.edit-settings {
|
|
height: 24px; margin-top:4px; margin-right:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.edit-settings div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.edit-settings div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.edit-settings div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.edit-settings div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.edit-settings div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.edit-settings-btn {width:100%; height: 24px; float:left;}
|
|
.edit-settings-btn div, .edit-settings-btn a {color:#FFFFFF; height: 24px; display: block; line-height:24px; text-decoration:none;}
|
|
.edit-settings-btn div span { padding:0 20px 0 20px;}
|
|
/* -------------- Custom Localization -------------- */
|
|
.localization-text-color{
|
|
color:#FFFFFF; text-decoration:none;
|
|
}
|
|
.localization-text-color a:link, .localization-text-color a:active{
|
|
color:#FFFFFF; text-decoration:none;
|
|
}
|
|
.localization-text-color a:hover, .localization-text-color a:visited{
|
|
color:#FFFFFF; text-decoration:none;
|
|
}
|
|
/* -------------- Player Stats -------------- */
|
|
.playerStats-lifetimeColumns{width:158px; text-align:center; float:left;}
|
|
.lifeStats-heading{
|
|
width:100%; text-align:center;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
font-style:italic; padding:5px 0 5px 0;
|
|
float:left; clear:both;
|
|
}
|
|
.lifeStats{
|
|
width:100%; text-align:center; padding:5px 0 5px 0;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
border-top:1px solid #333333;
|
|
float:left; clear:both;
|
|
}
|
|
.playerStats-leagueColumns{width:100px; text-align:center; float:right;}
|
|
.leagueStats{
|
|
width:400px; text-align:center; padding:5px 0 5px 0;
|
|
font:12px/16px Arial, Helvetica, sans-serif;
|
|
float:left;
|
|
}
|
|
.statsLabel{font:11px/17px Arial, Helvetica, sans-serif; color:#999999;}
|
|
.statsInfo{font:11px/17px Arial, Helvetica, sans-serif; color:#FFFFFF;}
|
|
.currentTrades{font:22px/26px Arial, Helvetica, sans-serif; color:#FFFFFF;}
|
|
.swapping{
|
|
width:30px; height:22px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/stats_currentTrades.jpg) 0 0 no-repeat;
|
|
margin:4px 34px 0 34px;
|
|
float:left;
|
|
}
|
|
|
|
|
|
/*-------------- Registration --------------*/
|
|
/*------------------------------------------------------*/
|
|
/* -------------- Framework (Redesign) -------------- */
|
|
.register-bkgrnd-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/regBkgrnd-repeat-y.jpg) 0 0 repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.register-divide-wrap{
|
|
width:100%; height:26px;
|
|
float:left; clear:both;
|
|
}
|
|
.register-decks-img{
|
|
width:496px; height:109px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-decks.gif) center no-repeat;
|
|
float:left;
|
|
}
|
|
.register-divideLR{
|
|
width:201px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-dividerLR.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.register-divideCenter{
|
|
width:524px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-dividerCenter.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.reg-topLR{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-topLR.gif) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.reg-bottom{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-bottom.gif) bottom left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.reg-step1-img{
|
|
width:186px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-img1.jpg) 0 0 no-repeat;
|
|
margin:11px 8px 9px 0;
|
|
float:right; clear:both;
|
|
}
|
|
.reg-step2-img{
|
|
width:186px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-img2.jpg) 0 0 no-repeat;
|
|
margin:11px 8px 9px 0;
|
|
float:right; clear:both;
|
|
}
|
|
.reg-step3-img{
|
|
width:186px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-img3.jpg) 0 0 no-repeat;
|
|
margin:11px 8px 9px 0;
|
|
float:right; clear:both;
|
|
}
|
|
.reg-content-area{
|
|
width:497px;
|
|
margin-left:-518px; margin-bottom:9px;
|
|
float:left; clear:both;
|
|
}
|
|
.reg-step-label{
|
|
width:186px; height:37px;
|
|
position:relative; top:0; margin-left:-207px;
|
|
font: 18px/25px Verdana, Arial, Helvetica, sans-serif;
|
|
text-align:center;
|
|
float:left;
|
|
}
|
|
.teaser-deck-info{margin:0; font-size:13px; color:#FFOOOO; clear:both;}
|
|
.reg-input-label{margin:0; font-size:13px; line-height:22px; clear:both;}
|
|
.captcha2{
|
|
width:200px; height:36px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/captcha2.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.adjust-submit-bar{margin-top:220px; margin-bottom:-9px;}
|
|
.complete-reg{
|
|
width:524px; height:28px;
|
|
margin-left:-531px; text-align:center;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-submit-bar.jpg) left top no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/* -------------- Register Btn (Redesign) -------------- */
|
|
.button-spacing{height:27px;}
|
|
input.register-btn {
|
|
height:22px; padding:0; margin:0; margin-top:-2.5px;
|
|
background:transparent; border:none; outline:none; outline-style:hidden;
|
|
font:11px Verdana, Arial, Helvetica, sans-serif bold;
|
|
color:#FFFFFF; cursor:pointer;
|
|
}
|
|
input.register-btn2 {
|
|
height:24px; padding:0; margin:0; margin-top:-2.5px;
|
|
background:transparent; border:none; outline:none; outline-style:hidden;
|
|
font:11px Verdana, Arial, Helvetica, sans-serif bold;
|
|
color:#FFFFFF; cursor:pointer;
|
|
}
|
|
input.register-btn3 {
|
|
height:29px; padding:0; margin:0; margin-top:-2.5px;
|
|
background:transparent; border:none; outline:none; outline-style:hidden;
|
|
font:16px Verdana, Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
color:#FFFFFF; cursor:pointer;
|
|
}
|
|
a.register-btn3 {
|
|
height:27px; padding:0; margin:0; line-height:27px;
|
|
background:transparent; border:none; outline:none; outline-style:hidden;
|
|
font:16px Verdana, Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
color:#FFFFFF; cursor:pointer;
|
|
}
|
|
.submit-registration{
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.submit-registration div div {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.submit-registration div div div {
|
|
height: 20px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.submit-registration div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.submit-registration div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.submit-registration div div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.submit-registration-btn {width:100%; height: 20px; float:left; clear:both;}
|
|
.submit-registration-btn div, .submit-registration-btn a {color:#FFFFFF; height: 20px; display: block; line-height:20px; text-decoration:none;}
|
|
.submit-registration-btn div span { padding:0 10px 0 10px;}
|
|
|
|
|
|
|
|
/* ----------- Select Tribe (Redesign) ----------- */
|
|
/*------------------------------------------------------*/
|
|
.selectedOverlay{
|
|
width:207px; height:186px;
|
|
position:relative; top:0; margin:0 auto; margin-top:2px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribeOverlay.png) top left repeat;
|
|
clear:both;
|
|
}
|
|
.selectDeck-intro{
|
|
font:14px Verdana, Arial, Helvetica, sans-serif;
|
|
line-height:12px;
|
|
}
|
|
.selectDeck-intro2{
|
|
font:14px/18px Verdana, Arial, Helvetica, sans-serif;
|
|
line-height:18px;
|
|
}
|
|
.tribeInfo-wrap{
|
|
width:100%;
|
|
background-color:#121212;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContentArea-wrap{
|
|
width:100%;
|
|
background-color:#063758;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeInfo-left-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-left-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeInfo-right-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-right-repeat-y.jpg) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.selectTribe-divide1-L{
|
|
width:232px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-top-divide-left.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-divide1-R{
|
|
width:232px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-top-divide-right.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-divide1-Center{
|
|
width:461px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-top-divide-repeat-x.jpg) 0 0 repeat-x;
|
|
float:left;
|
|
}
|
|
.tribes-wrap{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribes-bkgrnd-repeat-y.jpg) 0 0 repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.selectTribe-subHeading{
|
|
height:26px; line-height:30px;
|
|
font:13px Verdana, Arial, Helvetica, sans-serif;
|
|
font-weight:bold;
|
|
margin-left:-216px;
|
|
float:left; clear:both;
|
|
}
|
|
.tribes-headerWrap{
|
|
width:231px; height:43px;
|
|
float:left;
|
|
}
|
|
.tribes-headerWrap2{
|
|
width:232px; height:43px;
|
|
float:left;
|
|
}
|
|
.tribes-contentWrap{
|
|
width:231px;float:left;
|
|
}
|
|
.tribe-header-repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader1-repeat-x.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header-left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader1-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header-right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader1-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header2-4_repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader2-4_repeat-x.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header2-4_left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader2-4_left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header2-4_right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader2-4_right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribe-header4_right{
|
|
width:232px; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeHeader4_right.jpg) 212px 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-OW{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-OW-selected.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-UW{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-UW-selected.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-M{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-M-selected.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-D{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-D-selected.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-OW-faded{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-OW.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-UW-faded{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-UW.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-M-faded{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-M.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribePic-D-faded{
|
|
width:231px; height:185px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribePic-D.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContent{
|
|
width:207px; margin:0 auto; clear:both;
|
|
}
|
|
.selectTribe-base1{
|
|
width:231px; height:44px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-base1.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-newBase1{
|
|
width:231px; height:15px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-base1-1.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-newBase2-4{
|
|
width:231px; height:15px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-newBase2-4.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-base2-4{
|
|
width:231px; height:44px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-base2-4.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-newBase4{
|
|
width:232px; height:15px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-newBase4.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-base4{
|
|
width:232px; height:44px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-base4.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.adjTribeBtns{margin-top:13px; margin-right:12px; float:right; clear:both;}
|
|
|
|
.selectTribe-divide2-L{
|
|
width:231px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-lowerDivide-left.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-divide2-R{
|
|
width:233px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-lowerDivide-right.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.selectTribe-divide2-Center{
|
|
width:461px; height:26px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-lowerDivide-repeat-x.jpg) 0 0 repeat-x;
|
|
float:left;
|
|
}
|
|
.selectTribe-termsHeading{
|
|
width:100%; height:40px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/selectTribe-termsHeader.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.tearmsBkgrnd{
|
|
width:100%; height:284px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tearmsBkgrnd.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.termsBase{
|
|
width:100%; height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/termsBase.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.termsBase2{
|
|
width:100%; height:32px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/termsBase2.jpg) 0 0 repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
/*-------------- Agree Btn --------------*/
|
|
.selectTribe-agree{
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.selectTribe-agree div div {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left2.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree div div div {
|
|
height: 27px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right2.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.selectTribe-agree div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left-hover2.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree div div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right-hover2.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree-btn {width:100%; height: 24px; float:left;}
|
|
.selectTribe-agree-btn div, .selectTribe-agree-btn a {color:#FFFFFF; height: 27px; display: block; line-height:25px; text-decoration:none;}
|
|
.selectTribe-agree-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.selectTribe-agree2{
|
|
width:150px; height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.selectTribe-agree2 div div {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left3.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree2 div div div {
|
|
height: 27px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right3.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree2 div:hover {
|
|
width:150px; height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.selectTribe-agree2 div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left-hover3.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree2 div div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right-hover3.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.selectTribe-agree2-btn {width:150px; height: 24px;}
|
|
.selectTribe-agree2-btn div, .selectTribe-agree2-btn a {color:#FFFFFF; height: 27px; display: block; line-height:25px; text-decoration:none;}
|
|
.selectTribe-agree2-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Content Area --------------*/
|
|
.tribeContentArea-topLeft{
|
|
width:60%; height:15px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-topL.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.tribeContentArea-topLeft-repeat-x{
|
|
width:90%; height:15px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-top-repeat-x.jpg) top right repeat-x;
|
|
float:right; clear:both;
|
|
}
|
|
.tribeContentArea-topRight{
|
|
width:40%; height:15px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-topR.jpg) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.tribeContentArea-topRight-repeat-x{
|
|
width:90%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-top-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContentArea-left-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-Lrepeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContentArea-right-repeat-y{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-Rrepeat-y.jpg) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContentArea-topBtmWrap{
|
|
width:100%; margin:0; padding:0;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeContentArea-btmLeft{
|
|
width:60%; height:11px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-btmL.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.tribeContentArea-btmLeft-repeat-x{
|
|
width:90%; height:11px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-btm-repeat-x.jpg) top right repeat-x;
|
|
float:right; clear:both;
|
|
}
|
|
.tribeContentArea-btmRight{
|
|
width:40%; height:11px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-btmR.jpg) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.tribeContentArea-btmRight-repeat-x{
|
|
width:90%; height:11px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeContent-btm-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.adjustAgreeDisagree{margin:10px 20px 0 0;}
|
|
.tribeSelectBase{width:906px; line-height:28px; margin:0 11px -1px 8px; float:left;}
|
|
.tribeSelectBase2by2{width:443px; line-height:28px; margin:0 11px 0px 8px; float:left;}
|
|
.tribeSelectBaseTxt{
|
|
line-height:32px; margin-left:20px; margin-right:20px;
|
|
font:12px/32px Arial, Helvetica, sans-serif; font-weight:bold;
|
|
float:left;
|
|
}
|
|
.tribeTxtDescriptions{
|
|
font:12px/16px Arial, Helvetica, sans-serif; font-weight:bold;
|
|
float:left; clear:both;
|
|
}
|
|
.tribeSelectBaseTxt2{
|
|
width:100%; line-height:32px; text-align:center; margin:0 auto;
|
|
font:12px/32px Arial, Helvetica, sans-serif; font-weight:bold;
|
|
clear:both;
|
|
}
|
|
.tribeSelectBaseBtn{margin-left:10px; float:left;}
|
|
#OWTribeTxt{margin-top:20px; margin-bottom:20px; float:left; clear:both;}
|
|
#UWTribeTxt{margin-top:20px; margin-bottom:20px; float:left; clear:both;}
|
|
#MTribeTxt{margin-top:20px; margin-bottom:20px; float:left; clear:both;}
|
|
#DTribeTxt{margin-top:20px; margin-bottom:20px; float:left; clear:both;}
|
|
.tribePic-OW-a{
|
|
position:absolute;
|
|
width:231px; height:163px;
|
|
display:block; float:left; clear:both;
|
|
z-index:500; text-decoration:none;
|
|
}
|
|
.tribePic-UW-a{
|
|
position:absolute;
|
|
width:231px; height:163px;
|
|
display:block; float:left; clear:both;
|
|
z-index:500; text-decoration:none;
|
|
}
|
|
.tribePic-M-a{
|
|
position:absolute;
|
|
width:231px; height:163px;
|
|
display:block; float:left; clear:both;
|
|
z-index:500; text-decoration:none;
|
|
}
|
|
.tribePic-D-a{
|
|
position:absolute;
|
|
width:231px; height:163px;
|
|
display:block; float:left; clear:both;
|
|
z-index:500; text-decoration:none;
|
|
}
|
|
/*-------------- Form Layout --------------*/
|
|
/* .captcha{ */
|
|
/* width:175px; height:57px; */
|
|
/* background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Styles/CaptchaImageSource.aspx) 0 0 no-repeat; */
|
|
/* float:left; clear:both; */
|
|
/*} */
|
|
.reg-steps-wrap{
|
|
width:100%;
|
|
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-bkgrnd-repeat-y.jpg) 0 5px repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.adjust-reg-wrap{
|
|
width:525px; height:10px;
|
|
margin:0 auto;
|
|
background-color:#1E1E1E;
|
|
clear:both;
|
|
}
|
|
.adjust-reg-wrap2{
|
|
width:525px; height:5px;
|
|
margin:0 auto;
|
|
background-color:#292929;
|
|
clear:both;
|
|
}
|
|
.reg-steps-wrap2{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-bkgrnd-repeat-y.jpg) 0 5px repeat-y;
|
|
margin-top:5px;
|
|
border-top:1px solid #444444;
|
|
float:left; clear:both;
|
|
}
|
|
.reg-steps-wrap3{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-bkgrnd-repeat-y.jpg) 0 5px repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.left-reg-txt{
|
|
width:180px; position:relative;
|
|
font: 18px/22px Verdana, Arial, Helvetica, sans-serif;
|
|
font-style:italic;
|
|
margin-left:-200px;
|
|
float:left; margin-bottom:-40px;
|
|
}
|
|
.adjReg-infoTxtLeft{
|
|
width:180px; position:absolute;
|
|
font: 18px/22px Verdana, Arial, Helvetica, sans-serif;
|
|
font-style:italic; text-align:left;
|
|
float:left;
|
|
}
|
|
.right-reg-txt{
|
|
width:180px; position:relative;
|
|
font: 16px/18px Verdana, Arial, Helvetica, sans-serif;
|
|
margin-right:-200px; margin-left:20px;
|
|
float:right; margin-bottom:-40px;
|
|
}
|
|
.right-reg-txt2{
|
|
width:180px; position:relative;
|
|
font: 14px/20px Verdana, Arial, Helvetica, sans-serif;
|
|
float:right; margin-bottom:-40px;
|
|
}
|
|
.freePic70{
|
|
width:155px; height:172px; margin-left:10px; position:absolute;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/70FreeCards.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.submitReg{width:505px; margin:0 auto; clear:both; background-color:#1E1E1E;}
|
|
.help-txt-color{color:#666666;}
|
|
.rt-lft-txt-removespace{margin-bottom:-67px; clear:both;}
|
|
.rt-lft-txt-removespace2{margin-bottom:-87px; clear:both;}
|
|
.rt-lft-txt-removespace3{clear:both;}
|
|
|
|
.error-message1{
|
|
width:180px; margin-top:20px;
|
|
font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
.errorMessage{
|
|
font: 16px/20px Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
.reg-content{
|
|
width:525px; margin:10px;
|
|
background-color:#1E1E1E;
|
|
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
|
|
margin:0 auto;
|
|
}
|
|
.reg-content{width:505px; padding:10px; clear:both;}
|
|
|
|
.reg-label{
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:16px; margin-left:5px;
|
|
}
|
|
.reg-label2{
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:16px; margin-left:0;
|
|
float:left;
|
|
line-height:22px;
|
|
}
|
|
.reg-label3{
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:13px; margin-left:0;
|
|
float:left;
|
|
}
|
|
.float-left-spacing{margin:0 0 0 5px;}
|
|
.reg-line-spacing{margin:5px 0 0 5px;}
|
|
.reg-line-spacing2{margin:10px 0 0 5px;}
|
|
.reg-line-spacing3{margin:30px 30px 0 30px;}
|
|
/*-------------- Register Btn --------------*/
|
|
.reg-info{
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-info div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-info div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info-btn {width:100%; height: 24px; float:left;}
|
|
.reg-info-btn div, .reg-info-btn a {color:#FFFFFF; height: 24px; display: block; line-height:22px; text-decoration:none;}
|
|
.reg-info-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.reg-info2{
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-info2 div div {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info2 div div div {
|
|
height: 27px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info2 div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-info2 div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info2 div div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info2-btn {width:100%; height: 24px; float:left;}
|
|
.reg-info2-btn div, .reg-info2-btn a {color:#FFFFFF; height: 27px; display: block; line-height:25px; text-decoration:none;}
|
|
.reg-info2-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.reg-info3{
|
|
height: 27px; width:100px; margin:0 auto;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.reg-info3 div div {
|
|
height: 27px; width:100px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info3 div div div {
|
|
height: 27px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info3 div:hover {
|
|
height: 27px; width:100px; margin:0 auto;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.reg-info3 div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info3 div div div:hover {
|
|
height: 27px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/submitRegBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-info3-btn {width:100%; height: 24px;}
|
|
.reg-info3-btn div, .reg-info3-btn a {color:#FFFFFF; height: 27px; display: block; line-height:25px; text-decoration:none;}
|
|
.reg-info3-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Confirm Register Btn --------------*/
|
|
.reg-confirm2{
|
|
height: 24px; margin-top:6px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-confirm2 div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-confirm-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-confirm2 div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-confirm-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-confirm2 div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-btn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.reg-confirm2 div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-confirm-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-confirm2 div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/reg-confirm-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.reg-confirm2-btn {width:100%; height: 24px; float:left;}
|
|
.reg-confirm2-btn div, .reg-confirm2-btn a {color:#FFFFFF; height: 24px; display: block; line-height:22px; text-decoration:none;}
|
|
.reg-confirm2-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Select Tribe --------------*/
|
|
.tribe-wrap{
|
|
width:395px;
|
|
float:left; margin-right:5px;
|
|
}
|
|
.tribe-wrap2{
|
|
width:400px;
|
|
float:left;
|
|
}
|
|
.tribe-header{
|
|
width:205px;
|
|
font:14px/18px Arial, Helvetica, sans-serif bold;
|
|
border-bottom:1px solid #292929;
|
|
float:left;
|
|
}
|
|
.select-overworld a, .select-overworld span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_OW-grey.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-overworld a span:hover{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_OW-off.png) top left no-repeat;
|
|
float:right; cursor:pointer;
|
|
}
|
|
.select-overworld-clicked a span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_OW-on.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-underworld a, .select-underworld span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_UW-grey.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-underworld a span:hover{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_UW-off.png) top left no-repeat;
|
|
float:right; cursor:pointer;
|
|
}
|
|
.select-underworld-clicked a span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_UW-on.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-danian a, .select-danian span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_DA-grey.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-danian a span:hover{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_DA-off.png) top left no-repeat;
|
|
float:right; cursor:pointer;
|
|
}
|
|
.select-danian-clicked a span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_DA-on.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-mipedian a, .select-mipedian span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_MI-grey.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.select-mipedian a span:hover{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_MI-off.png) top left no-repeat;
|
|
float:right; cursor:pointer;
|
|
}
|
|
.select-mipedian-clicked a span{
|
|
width:190px; height:173px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/StarterDeckImages/Select_MI-on.png) top left no-repeat;
|
|
float:right;
|
|
}
|
|
.terms-jargin{
|
|
width:100%; height:200px;
|
|
border:1px solid #333333;
|
|
background-color:#CCCCCC;
|
|
}
|
|
/*-------------- Confirm Window --------------*/
|
|
.reg-confirm-bkgrnd{
|
|
width:100%;
|
|
background-color:#151515;
|
|
float:left; clear:both;
|
|
}
|
|
.reg-confirm{
|
|
width:100%;
|
|
clear:both;
|
|
}
|
|
.reg-input{
|
|
width:250px;
|
|
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
|
|
color:#FFFFFF; border:1px solid #333333;
|
|
background-color:#000000;
|
|
}
|
|
.reg-input3{
|
|
width:250px;
|
|
font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
|
|
color:#FFFFFF; border:1px solid #333333;
|
|
background-color:#000000;
|
|
}
|
|
.reg-input2{
|
|
width:200px;
|
|
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
|
|
color:#FFFFFF; border:1px solid #333333;
|
|
background-color:#000000;
|
|
}
|
|
.reg-message-pad{
|
|
width:800px; padding:20px;
|
|
border:1px solid #333333;
|
|
background-color:#1E1E1E;
|
|
float:left; clear:both;
|
|
}
|
|
.confirm-message1{
|
|
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
|
|
|
|
/*-------------- Download Chaotic --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Framework (Unity Play Online) --------------*/
|
|
/*--- btm (lower pods) ---*/
|
|
.unityPlay-lowerPodHeading{width:205px; height:43px; float:left;}
|
|
.unityPlay-lowerPodHeading2{width:408px; height:43px; float:left;}
|
|
.unity-adjust-subHeading{width:192px; margin-top:22px; margin-left:13px; float:left; clear:both;}
|
|
|
|
.unityPlay-lowerPodWrapContent1{width:205px; float:left;}
|
|
.unityPlay-lowerPodContent{width:178px; margin:0 auto; clear:both;}
|
|
.unityPlay-lowerPodWrapContent2{width:408px; float:left;}
|
|
.unityPlay-lowerPodContent2{width:382px; margin:0 auto; clear:both;}
|
|
|
|
.unity-adjust-subHeading{width:192px; margin-top:22px; margin-left:13px; float:left; clear:both;}
|
|
.unitySubPod1-header-repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod1-header-left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod1-header-right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod2-header-repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader2-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod2-header-left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader2-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod2-header-right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader2-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod3-header-repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader3-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod3-header-left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader3-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod3-header-right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader3-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod4-header-repeat-x{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader4-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod4-header-left{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader4-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unitySubPod4-header-right{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerHeader4-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.unityPlay-lowerContent-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unityPlay-lowerBkgrnd-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.unityPlay-lowerBtnArea1{
|
|
width:100%; height:42px; text-align:right;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-lowerBtnArea1.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.unityPlay-lowerBtnArea2{
|
|
width:100%; height:42px; text-align:right;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-lowerBtnArea2.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.unityPlay-lowerBtnArea3{
|
|
width:100%; height:42px; text-align:right;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-lowerBtnArea3.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.unityPlay-lowerBtnArea4{
|
|
width:100%; height:42px; text-align:right;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-lowerBtnArea4.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.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;}
|
|
/*-------------- Framework (Unity / Download Pg) --------------*/
|
|
/*--- top (download) ---*/
|
|
.down-v2-colBkgrnd-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBkgrnd-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v2-heading-wrap{
|
|
width:456px; height:93px;
|
|
float:left;
|
|
}
|
|
.down-v1-heading-wrap{
|
|
width:243px; height:93px;
|
|
border-left:1px solid #000000;
|
|
float:left;
|
|
}
|
|
.down-heading{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; line-height:40px;
|
|
padding-left:10px;
|
|
}
|
|
.down-subHeading{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; line-height:30px;
|
|
padding-left:10px; margin-top:10px;
|
|
}
|
|
.down-v2heading{width:442px; height:50px; margin:0 auto; margin-top:10px;}
|
|
.down-v2subHeading{width:442px; height:33px; margin:0 auto;}
|
|
.down-v1heading{width:230px; height:50px; margin:0 auto; margin-top:10px;}
|
|
.down-v1subHeading{width:230px; height:33px; margin:0 auto;}
|
|
|
|
.downChaotic-v2content-wrap{width:456px; float:left;}
|
|
.downChaotic-v2content-detailsWrap{width:432px; margin:0 auto; clear:both;}
|
|
|
|
.downChaotic-v1content-wrap{width:243px; margin-left:1px; float:left;}
|
|
.downChaotic-v1content-detailsWrap{width:220px; margin:0 11px 0 12px; clear:both;}
|
|
|
|
.unity-pic{
|
|
width:432px; height:169px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/unity-pic.jpg) top left no-repeat;
|
|
border:none; margin:0 auto; margin-top:1px;
|
|
float:left; clear:both;
|
|
}
|
|
.download-unity-new{
|
|
width:432px; height:27px; text-align:center;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/download-new.jpg) top left no-repeat;
|
|
font:14px/27px Verdana, Arial, Helvetica, sans-serif;
|
|
font-weight:bold; color:#000000; text-decoration:none;
|
|
margin:0 auto; cursor:pointer;
|
|
float:left; clear:both;
|
|
}
|
|
.download-unity-new a, .download-unity-new span{
|
|
width:432px; height:27px; text-align:center;
|
|
color:#000000; text-decoration:none;
|
|
display:block;
|
|
}
|
|
.download-unity-new a:hover{
|
|
width:432px; height:27px; text-align:center;
|
|
color:#000000; text-decoration:none;
|
|
display:block; cursor:pointer;
|
|
}
|
|
.down-v2-repeat-x{
|
|
width:456px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v2top-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v2-topLeft{
|
|
width:456px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v2top-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v2-topRight{
|
|
width:456px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v2top-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v1-repeat-x{
|
|
width:243px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v1top-repeat-x.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v1-topLeft{
|
|
width:243px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v1top-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v1-topRight{
|
|
width:243px; height:93px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v1top-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.down-v2-base{
|
|
width:456px; height:40px; line-height:35px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v2base.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.down-v1-base{
|
|
width:243px; height:40px; border-left:1px solid #000000;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-v1base.jpg) top left no-repeat;
|
|
line-height:35px; float:left;
|
|
}
|
|
.half-unity{width:230px; float:right;}
|
|
/*--- btm (lower pods) ---*/
|
|
.down-v2-colBkgrnd-repeat-y2{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBkgrnd-repeat-y2.jpg) -2px 0 repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.subPod1-header-repeat-x{
|
|
width:175px; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/download-btm-subPod1-repeat-x.jpg) top left repeat-x;
|
|
float:left;
|
|
}
|
|
.subPod1-header-left{
|
|
width:100%; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/download-btm-subPod1-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.subPod1-header-right{
|
|
width:100%; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/download-btm-subPod1-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.subPods-header-repeat-x{
|
|
width:175px; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-subPods-header-repeat-x.jpg) top left repeat-x;
|
|
float:left;
|
|
}
|
|
.subPods-header-left{
|
|
width:100%; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-subPods-header-left.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.subPods-header-right{
|
|
width:100%; height:37px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/down-subPods-header-right.jpg) top right no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.subPod1-btm{
|
|
width:175px; height:39px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/subPod1-btm.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.subPods-btm{
|
|
width:175px; height:39px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/subPods-btm.jpg) top right no-repeat;
|
|
float:left;
|
|
}
|
|
.subPods-content-wrap{ width:175px; float:left;}
|
|
.subPods-content-pad{ width:152px; margin:0 auto;}
|
|
|
|
.adjPlayBtns{margin-top:8px; margin-right:12px; float:right; clear:both;}
|
|
.download-play{
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.download-play div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.download-play div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-btn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.download-play-btn div, .download-play-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.download-play-btn div span { padding:0 20px 0 20px;}
|
|
|
|
.adjPlay2Btns{margin-top:11px; margin-right:12px; float:right; clear:both;}
|
|
.down-subHeading2{width:162px; margin-top:17px; margin-left:13px; float:left; clear:both;}
|
|
|
|
.download-play2{
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.download-play2 div div {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play2 div div div {
|
|
height: 20px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play2 div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.download-play2 div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play2 div div div:hover {
|
|
height: 20px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/play-subBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.download-play2-btn {width:100%; height: 20px; float:left; clear:both;}
|
|
.download-play2-btn div, .download-play2-btn a {color:#FFFFFF; height: 20px; display: block; line-height:20px; text-decoration:none;}
|
|
.download-play2-btn div span { padding:0 20px 0 20px;}
|
|
|
|
|
|
|
|
/*-------------- Framework (Same as Forgot Info) --------------*/
|
|
.half-subSub-header{
|
|
width:100%; height:39px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/half-subSub-header.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.screenshot{
|
|
width:196px; height:143px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gamescreenshot.jpg) top left no-repeat;
|
|
margin:2px;
|
|
}
|
|
.screenshot2{
|
|
width:196px; height:143px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gamescreenshot.jpg) top left no-repeat;
|
|
margin:0 auto;
|
|
}
|
|
.pcLogo{
|
|
width:33px; height:33px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/Chaotic_PC_Icon.png) top right no-repeat;
|
|
float:left; margin-right:10px;
|
|
}
|
|
.macLogo{
|
|
width:69px; height:61px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/Chaotic_MAC_Icon.png) top right no-repeat;
|
|
float:left; margin-right:10px;
|
|
}
|
|
.macScreenshot{
|
|
width:331px; height:179px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/Chaotic_MAC_Screen.png) 0 -9px no-repeat;
|
|
margin:0 auto; top:0; position:relative;
|
|
}
|
|
.pcScreenshot{
|
|
width:331px; height:179px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/Chaotic_PC_Screen.png) 0 -9px no-repeat;
|
|
margin:0 auto; top:0; position:relative;
|
|
}
|
|
.downloadBoxHeight{height:375px;}
|
|
.pcLaunch-first{margin-top:0; margin-bottom:9px;}
|
|
.pcLaunch-middle{margin-top:-10px; margin-bottom:9px;}
|
|
.pcLaunch-last{margin-top:-10px; margin-bottom:0;}
|
|
/*-------------- Download Button --------------*/
|
|
.downloadChaotic{
|
|
height: 39px; width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
clear:both;
|
|
}
|
|
.downloadChaotic div div {
|
|
height: 39px; width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.downloadChaotic div div div {
|
|
height: 39px; width:100%;
|
|
text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.downloadChaotic div:hover {
|
|
height: 39px; width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.downloadChaotic div div:hover {
|
|
height: 39px; width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.downloadChaotic div div div:hover {
|
|
height: 39px; width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/downloadBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.downloadChaotic-btn {width:100%; height: 39px; float:left; clear:both;}
|
|
.downloadChaotic-btn div, .downloadChaotic-btn a {color:#FFFFFF; height: 39px; display: block; line-height:39px; text-decoration:none; font-size:14px;}
|
|
.downloadChaotic-btn div span { padding:0 20px 0 20px;}
|
|
|
|
|
|
|
|
/*-------------- Forgot Info --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Framework --------------*/
|
|
.half-content{width:351px; float:left;}
|
|
.half-content2{width:349px; float:left;}
|
|
.half-content-pad{width:336px; height:90px; margin:9px 8px 8px 7px;}
|
|
.half-content-pad2{width:336px; margin:9px 8px 8px 7px;}
|
|
|
|
.halfContent-podHeading{
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:14px; padding:5px; margin-left:3px;
|
|
line-height:28px;
|
|
}
|
|
.contentArea-wrap{
|
|
width:700px;
|
|
margin-left:10px;
|
|
padding-top:1px;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-repeat-y2{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-repeat-y2.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-top{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-top.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-btm{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-btm.jpg) bottom left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-top2{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-top2.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.half-bkgrnd-btm2{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-bkgrnd-btm2.jpg) bottom left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.forgot-info-subHeading{
|
|
width:100%; height:53px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-subHeading.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.forgot-info-inputArea{
|
|
width:100%; height:38px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-txtField-bkgrnd.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.forgot-input{
|
|
width:190px;
|
|
font: 10px/10px Verdana, Arial, Helvetica, sans-serif;
|
|
color:#FFFFFF; border:1px solid #333333;
|
|
background-color:#000000;
|
|
}
|
|
.info-sidebar-content-repeat-y{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/info-sideContent-bkgrnd-repeat-y.jpg) top left repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.info-sidebar-content-repeat-y2{
|
|
width:202px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/info-sideContent-bkgrnd-repeat-y.jpg) top left repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.info-sidebar-content{
|
|
width:100%;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/forgot-info-sideBar-bkgrnd.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
|
|
|
|
|
|
/*-------------- Collection --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Save/noSave Button --------------*/
|
|
.saveBtn {
|
|
width:35px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/save-sprite.png) 0 0 no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
float:right;
|
|
cursor: pointer;
|
|
}
|
|
.saveBtn a, .saveBtn span {
|
|
width:35px; height:35px;
|
|
}
|
|
.saveBtn span{
|
|
display:block;
|
|
}
|
|
.saveBtn a span:hover {
|
|
width:35px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/save-sprite.png) 0 -35px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
.noSaveBtn {
|
|
width:35px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/save-sprite.png) 0 -70px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
float:right;
|
|
cursor: pointer;
|
|
}
|
|
.noSaveBtn a, .noSaveBtn span {
|
|
width:35px; height:35px;
|
|
}
|
|
.noSaveBtn span{
|
|
display:block;
|
|
}
|
|
.noSaveBtn a span:hover {
|
|
width:35px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/save-sprite.png) 0 -105px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
/*-------------- Switch GridView Sprite --------------*/
|
|
#changeCollectionView {
|
|
width: 66px; height: 29px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/changeView.png);
|
|
margin:0 auto; padding: 0; position: relative; top: 25px;
|
|
}
|
|
#changeCollectionView span { display: none; }
|
|
#changeCollectionView li {
|
|
margin: 0; padding: 0; list-style: none;
|
|
position: absolute; top: 0px;
|
|
}
|
|
#changeCollectionView li, #changeCollectionView a {
|
|
height: 29px; line-height: 29px;
|
|
display: block; text-align: right;
|
|
}
|
|
#changeCollectionView-list {left: 0px; width: 33px;}
|
|
#changeCollectionView-card {left: 33px; width: 33px;}
|
|
|
|
#changeCollectionView-list a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/changeView.png) 0px -29px no-repeat;}
|
|
#changeCollectionView-card a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/changeView.png) -33px -29px no-repeat;}
|
|
/*-------------- Collection CardView (expanded) --------------*/
|
|
.cardview-tab{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:-11px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab2{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:51px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab3{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:113px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab4{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:175px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab5{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:237px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab6{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:299px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab7{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:361px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab8{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:423px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab9{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:485px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-tab10{
|
|
width:76px; height:88px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-tab.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0; padding-bottom:10px;
|
|
margin-left:547px; margin-top:-95px;
|
|
clear:both;
|
|
}
|
|
.cardview-top{
|
|
width:646px; height:8px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-top.gif) 0 0 no-repeat;
|
|
position:relative; z-index:0;
|
|
margin-left:-20px; margin-top:-12px;
|
|
}
|
|
.cardview-surround{
|
|
width:646px; position:relative; z-index:0; padding-top:5px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-repeat-y.gif) 0 0 repeat-y;
|
|
margin-left:-20px; margin-top:-5px;
|
|
}
|
|
.cardview-btm{
|
|
width:646px; position:relative; z-index:0; padding-bottom:5px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardView-btm.gif) left bottom no-repeat;
|
|
padding-bottom:15px; margin-bottom:-8px;
|
|
}
|
|
/*-------------- Collection GridView --------------*/
|
|
.collection-cardName{
|
|
width:249px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.collection-cardType{
|
|
width:98px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.collection-cardTribe{
|
|
width:117px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.collection-cardSet{
|
|
width:138px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.collection-rarity{
|
|
width:93px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.expand-collection-sets{
|
|
width:17px; height:20px; text-align:center; line-height:20px;
|
|
font-size:14px; font-weight:bold;
|
|
margin:4px 0 4px 8px; float:left;
|
|
}
|
|
.attackHeader-collection-cardText{
|
|
width:274px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.attackHeader-collection-cardText2{
|
|
width:204px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.battleGearHeader-collection-cardText{
|
|
width:553px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.battleGearHeader-collection-cardText2{
|
|
width:493px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-collection-cardText{
|
|
width:483px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-collection-cardText2{
|
|
width:423px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-collection-cardText{
|
|
width:423px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-collection-cardText2{
|
|
width:423px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.attack-collection-cardText2{width:273px; height:28px; line-height:28px; float:left;}
|
|
.attack-collection-cardText2-2{width:203px; height:28px; line-height:28px; float:left;}
|
|
.battleGear-collection-cardText2{width:552px; height:28px; line-height:28px; float:left;}
|
|
.battleGear-collection-cardText2-2{width:492px; height:28px; line-height:28px; float:left;}
|
|
.mugic-collection-cardText2{width:482px; height:28px; line-height:28px; float:left;}
|
|
.mugic-collection-cardText2-2{width:422px; height:28px; line-height:28px; float:left;}
|
|
.location-collection-cardText2{width:482px; height:28px; line-height:28px; float:left;}
|
|
.location-collection-cardText2-2{width:422px; height:28px; line-height:28px; float:left;}
|
|
/*-------------- Collection GridView Sorting Header--------------*/
|
|
.sort-collection-header1 {color:#FFFFFF; width: 250px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg); margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-collection-header1 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-collection-header1 div span { margin-left:7px;}
|
|
.sort-collection-header1 div, .sort-collection-header1 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 250px; line-height: 28px; text-decoration:none;}
|
|
.sort-collection-header1 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) 0 -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-collection-header2 {color:#FFFFFF; width: 99px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -250px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-collection-header2 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-collection-header2 div span { margin-left:7px;}
|
|
.sort-collection-header2 div, .sort-collection-header2 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 99px; line-height: 28px; text-decoration:none;}
|
|
.sort-collection-header2 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -250px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-collection-header3 {color:#FFFFFF; width: 118px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -349px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-collection-header3 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-collection-header3 div span { margin-left:7px;}
|
|
.sort-collection-header3 div, .sort-collection-header3 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 118px; line-height: 28px; text-decoration:none;}
|
|
.sort-collection-header3 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -349px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-collection-header4 {color:#FFFFFF; width: 139px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -467px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-collection-header4 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-collection-header4 div span { margin-left:7px;}
|
|
.sort-collection-header4 div, .sort-collection-header4 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 139px; line-height: 28px; text-decoration:none;}
|
|
.sort-collection-header4 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -467px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-collection-header5 {color:#FFFFFF; width: 94px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -606px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-collection-header5 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-collection-header5 div span { margin-left:7px;}
|
|
.sort-collection-header5 div, .sort-collection-header5 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 94px; line-height: 28px; text-decoration:none;}
|
|
.sort-collection-header5 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting4.jpg) -606px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
|
|
|
|
/*-------------- Enter The Code --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Promotions --------------*/
|
|
.adjust-promo-btn{float:right; margin-top:0;}
|
|
.promotions-wrap{
|
|
width:645px;
|
|
background-color:#121212;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-top-left{
|
|
width:60%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-top-left.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.promo-top-left-repeat-x{
|
|
width:90%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-top-repeat-x.jpg) top right no-repeat;
|
|
float:right; clear:both;
|
|
}
|
|
.promo-top-right{
|
|
width:40%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-top-right.jpg) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.promo-top-right-repeat-x{
|
|
width:90%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-top-repeat-x.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-left-repeat-y{
|
|
width:645px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-left-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-left-repeat-y2{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-left-repeat-y.jpg) top left repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-right-repeat-y{
|
|
width:645px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-right-repeat-y.jpg) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-right-repeat-y2{
|
|
width:100%;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-right-repeat-y.jpg) top right repeat-y;
|
|
float:left; clear:both;
|
|
}
|
|
.promo-btm-left{
|
|
width:60%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-btm-left.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.promo-btm-left-repeat-x{
|
|
width:90%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-btm-repeat-x.jpg) top right no-repeat;
|
|
float:right; clear:both;
|
|
}
|
|
.promo-btm-right{
|
|
width:40%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-btm-right.jpg) top right no-repeat;
|
|
float:right;
|
|
}
|
|
.promo-btm-right-repeat-x{
|
|
width:90%; height:27px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/promo-btm-repeat-x.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/*-------------- Population GridView --------------*/
|
|
.enterTheCode-grid{
|
|
width:645px;
|
|
float:left; clear:both;
|
|
}
|
|
.enterTheCode-content-wrap{
|
|
width:100%;
|
|
margin-left:8px;
|
|
padding-top:1px;
|
|
float:left; clear:both;
|
|
}
|
|
.enterTheCode-upload{
|
|
width:86px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.enterTheCode-gridview-content-wrap{
|
|
width:645px;
|
|
float:left; clear:both;
|
|
}
|
|
.subContent-etc-headerWrap{
|
|
width:615px; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.subContent-etc-contentWrap{
|
|
width:615px;
|
|
float:right;
|
|
}
|
|
.upload-cards{
|
|
width:80px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.upload-cards2{width:79px; height:28px; line-height:28px; float:left;}
|
|
|
|
.sort-enterTheCode-header6 {color:#FFFFFF; width: 85px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -560px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-enterTheCode-header6 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-enterTheCode-header6 div span { margin-left:7px;}
|
|
.sort-enterTheCode-header6 div, .sort-enterTheCode-header6 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 85px; line-height: 28px; text-decoration:none; cursor:default;}
|
|
|
|
.enterTheCode-slider-header {width:646px; cursor:pointer;}
|
|
.enterTheCode-slider-content {overflow:hidden; background-color:#000000;}
|
|
.enterTheCode-slider-content-wrap {width:646px; float:left;}
|
|
.enterTheCode-subgrid-indent{width:31px; float:left;}
|
|
/*-------------- E.T.C. Pod --------------*/
|
|
.etc-wrap{
|
|
width:258px; margin:0 auto;
|
|
}
|
|
.etc-textfield{
|
|
width:100%; height:40px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/enter-the-code-textField.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.etc-enter1{margin-left:45px; float:left;}
|
|
.etc-enter2{margin-left:15px; float:left;}
|
|
|
|
.etc-textfields{
|
|
width:54px; height:13px;
|
|
margin-top:13px;
|
|
background:transparent;
|
|
border:none;
|
|
}
|
|
.verify-adjust{
|
|
margin-left:35%; margin-top:5px; text-align:center; clear:both;
|
|
}
|
|
.verify-etc{
|
|
width:100%; height:32px; line-height:32px; text-align:center;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/verify-btn-bkgrnd.jpg) top left repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.verify-etc2{
|
|
width:100%; text-align:center;
|
|
font:12px/32px Verdana, Arial, Helvetica, sans-serif;
|
|
font-style:italic; font-weight:bold;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/verify-btn-bkgrnd.jpg) top left repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.etc-checkbox-label{
|
|
cursor:pointer; line-height:22px;
|
|
}
|
|
.etc-card-placement{
|
|
width:100%; height:354px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/etc-card.jpg) center no-repeat;
|
|
float:left; clear:both;
|
|
vertical-align:middle;
|
|
text-align:center;
|
|
}
|
|
.etc-nav{
|
|
width:645px; height:37px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-nav-bkgrnd.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.etc-capsules{
|
|
height:31px;
|
|
margin:0 auto;
|
|
margin-top:6px;
|
|
text-align:right;
|
|
margin-right:10px;
|
|
margin-left:-5px;
|
|
float:right;
|
|
}
|
|
.etc-capsules2{
|
|
height:31px;
|
|
margin:0 auto;
|
|
margin-top:6px;
|
|
text-align:right;
|
|
margin-right:10px;
|
|
float:left;
|
|
}
|
|
.etc-gridview-header-wrap{ width:645px; float:left; clear:both;}
|
|
.etc-content-wrap2{
|
|
width:645px;
|
|
margin-left:10px;
|
|
float:left; clear:both;
|
|
}
|
|
|
|
|
|
|
|
/*-------------- Leagues --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Framework --------------*/
|
|
.info-pad2{
|
|
height:335px;
|
|
margin:10px 9px 9px 8px;
|
|
float:left; clear:both;
|
|
}
|
|
.stats-info-wrap{width:100%; height:135px; float:left; clear:both;}
|
|
.leagues-list-wrap{width:614px; float:left; clear:both;}
|
|
.leagues-btm-paging-wrap{width:614px; text-align:right; float:left;}
|
|
.leagues-info-content2-top{
|
|
width:204px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-content2-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.leagues-info-bkgrnd-repeat-y{
|
|
width:220px; margin-left:1px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
float:left;
|
|
}
|
|
.leagues-info-bkgrnd-top{
|
|
width:220px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.leagues-info-bkgrnd-btm{
|
|
width:220px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-btm.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.list-5matches-wrap{
|
|
width:204px; float:left; clear:both;
|
|
}
|
|
/*-------------- Monthly Tabs --------------*/
|
|
.monthly-tabBar{
|
|
width:100%; height:43px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/monthlyTabbed-bkgrnd.jpg) 0 0 no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.monthly-tabs-wrap{ width:828px; height:43px; margin:0 auto; margin-top:3px; }
|
|
|
|
.monthlyTab-active {
|
|
width:69px; height:35px; line-height:35px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/monthly-rankings-tab.png) 0 -35px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
float:left;
|
|
}
|
|
.monthlyTab-active span{
|
|
font:11px/43px Arial, Helvetica, sans-serif;
|
|
text-align:center; display:block;
|
|
}
|
|
.monthlyTab {
|
|
width:69px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/monthly-rankings-tab.png) 0 0 no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer; float:left;
|
|
}
|
|
.monthlyTab a, .monthlyTab span {
|
|
width:69px; height:35px; color:#FFFFFF; text-decoration:none;
|
|
}
|
|
.monthlyTab span{
|
|
font:11px/43px Arial, Helvetica, sans-serif;
|
|
text-align:center; display:block;
|
|
}
|
|
.monthlyTab a span:hover {
|
|
width:69px; height:35px; border:none; outline:none;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/monthly-rankings-tab.png) 0 -35px no-repeat;
|
|
margin:0; padding:0; text-decoration:none;
|
|
cursor: pointer;
|
|
}
|
|
/*-------------- Sprite Nav --------------*/
|
|
.leagues-00-active{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px 0 no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
.leagues-00-dimmed{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px 0 no-repeat; text-decoration:none;}
|
|
|
|
.leagues-00{width:73px; height:65px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg); background-position:top left; background-repeat:no-repeat; margin:0; padding:0; float:left; clear:both;}
|
|
.leagues-00 div span { text-decoration:none;}
|
|
.leagues-00 div, .leagues-00 a {height: 65px; line-height:65px; display: block; left: 0; width: 73px; text-decoration:none;}
|
|
.leagues-00 div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px 0 no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
|
|
.btn-txt2{float:right; margin-right:10px; margin-top:3px;}
|
|
.btn-txt2-size{font-size:8px; letter-spacing:1px; margin-bottom:-3px; clear:both;}
|
|
.btn-txt2-size2{ position:relative; top:0; font-size:8px; letter-spacing:1px; clear:both;}
|
|
.btn-txt2-size3{position:relative; top:7px; font-size:8px; letter-spacing:1px; float:right; clear:both;}
|
|
.size3-fix{position:relative; top:-48px;}
|
|
|
|
.adjust-leagues-sprite-txt{margin-top:-66px;}
|
|
#leagues-nav {
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) 0 -65px no-repeat;
|
|
width:73px; /* Width of buttons, not entire image (or half of entire image) */
|
|
height:100%; /* Height of entire image */
|
|
margin:0 auto; padding:0; float:left;
|
|
}
|
|
#leagues-nav li { float:left; list-style:none; position:relative; }
|
|
#leagues-nav li, #leagues-nav a {
|
|
height:78px; line-height:78px; /* Each button must have the same height, define it here */
|
|
font-size:10px; color:#FFFFFF; text-decoration:none;
|
|
padding:0; display:block;
|
|
}
|
|
/* margin-top to set where the nav should begin */
|
|
#leagues-01, #leagues-02, #leagues-03, #leagues-04, #leagues-05{ margin:0; width:73px;}
|
|
|
|
#leagues-01 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -65px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
#leagues-02 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -143px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
#leagues-03 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -221px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
#leagues-04 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -299px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
#leagues-05 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -377px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer;}
|
|
|
|
#leagues-01-active{ width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -65px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
#leagues-02-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -143px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
#leagues-03-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -221px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
#leagues-04-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -299px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
#leagues-05-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -377px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
|
|
#leagues-01-dimmed{ width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px -65px no-repeat; text-decoration:none;}
|
|
#leagues-02-dimmed { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px -143px no-repeat; text-decoration:none;}
|
|
#leagues-03-dimmed { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px -221px no-repeat; text-decoration:none;}
|
|
#leagues-04-dimmed { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px -299px no-repeat; text-decoration:none;}
|
|
#leagues-05-dimmed { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -146px -377px no-repeat; text-decoration:none;}
|
|
|
|
#leagues-01-static{ width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -65px no-repeat; text-decoration:none;}
|
|
#leagues-02-static { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -143px no-repeat; text-decoration:none;}
|
|
#leagues-03-static { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -221px no-repeat; text-decoration:none;}
|
|
#leagues-04-static { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -299px no-repeat; text-decoration:none;}
|
|
#leagues-05-static { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/league-sprite-nav.jpg) -73px -377px no-repeat; text-decoration:none;}
|
|
/*-------------- Leagues Search --------------*/
|
|
form#player-search {
|
|
position:relative;
|
|
}
|
|
div#player-search {
|
|
width:160px;
|
|
position:relative;
|
|
float:left;
|
|
padding:0;
|
|
margin-left:10px;
|
|
margin-top:10px;
|
|
}
|
|
input#player-search-field{
|
|
width:150px;
|
|
margin:0; padding:0;
|
|
}
|
|
.form-player-search {
|
|
height:14.5px; width:113px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #336666;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
/*-------------- Leagues Gridview --------------*/
|
|
.leagues-gridview-wrap{ width:614px; float:left; clear:both;}
|
|
|
|
.player-rank-cell{
|
|
width:82px; height:28px;
|
|
float:left;
|
|
}
|
|
.player-name-cell{
|
|
width:166px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.player-status-cell{
|
|
width:97px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.player-wins-cell{
|
|
width:85px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.player-losses-cell{
|
|
width:85px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.player-rating-cell{
|
|
width:93px; height:28px;
|
|
float:left;
|
|
}
|
|
.sort-leagues-header1 {color:#FFFFFF; width: 83px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg); margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header1 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header1 div span { margin-left:7px;}
|
|
.sort-leagues-header1 div, .sort-leagues-header1 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 83px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header1 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) 0 -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-leagues-header2 {color:#FFFFFF; width: 167px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -83px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header2 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header2 div span { margin-left:7px;}
|
|
.sort-leagues-header2 div, .sort-leagues-header2 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 167px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header2 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -83px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-leagues-header3 {color:#FFFFFF; width: 98px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -250px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header3 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header3 div span { margin-left:7px;}
|
|
.sort-leagues-header3 div, .sort-leagues-header3 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 98px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header3 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -250px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-leagues-header4 {color:#FFFFFF; width: 86px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -348px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header4 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header4 div span { margin-left:7px;}
|
|
.sort-leagues-header4 div, .sort-leagues-header4 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 86px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header4 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -348px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-leagues-header5 {color:#FFFFFF; width: 86px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -434px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header5 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header5 div span { margin-left:7px;}
|
|
.sort-leagues-header5 div, .sort-leagues-header5 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 86px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header5 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -434px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-leagues-header6 {color:#FFFFFF; width: 94px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -520px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-leagues-header6 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-leagues-header6 div span { margin-left:7px;}
|
|
.sort-leagues-header6 div, .sort-leagues-header6 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 94px; line-height: 28px; text-decoration:none;}
|
|
.sort-leagues-header6 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting5.jpg) -520px -28px no-repeat; color:#FFFFFF;}
|
|
/*-------------- Stats Content --------------*/
|
|
.league-stats-lables{line-height:33px; margin-left:10px; margin-right:5px; float:left;}
|
|
.league-stats{line-height:34px; float:left;}
|
|
.stats-avatar{
|
|
width:101px; height:102px; margin-top:3px;
|
|
background-color:#0A2133;
|
|
border-bottom:1px solid #0E80D9;
|
|
float:left;
|
|
}
|
|
.league-stats-avatar{
|
|
width:100px; height:100px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/avatars/Avatar-box-B1.png);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
background-position: 0;
|
|
margin:0;
|
|
}
|
|
.stats-box1{
|
|
width:103px; height:35px;
|
|
background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/stat-bkgrnd.jpg) top left no-repeat;
|
|
float:right; clear:both;
|
|
}
|
|
.stats-box2{
|
|
width:204px; height:33px;
|
|
background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/stat-bkgrnd2.jpg) top left no-repeat;
|
|
float:left; clear:both;
|
|
}
|
|
/*-------------- Last 5 Matches --------------*/
|
|
.last5matches-btn{width:204px; height:23px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/select-army-btn.jpg); background-position:top left; background-repeat:repeat-x; padding:0; clear:both; margin:0 auto;}
|
|
.last5matches-btn div span { text-decoration:none;}
|
|
.last5matches-btn div, .last5matches-btn a {height: 23px; line-height:23px; display: block; left: 0; width:204px; color:#FFFFFF; text-decoration:none;}
|
|
.last5matches-btn div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/select-army-btn-hover.jpg) top left repeat-x; color:#FFFFFF; text-decoration:none;}
|
|
|
|
|
|
|
|
/*-------------- Army Builder --------------*/
|
|
/*------------------------------------------------------*/
|
|
/*-------------- Structural Framework --------------*/
|
|
.top-text{line-height:24px;}
|
|
.top-links{line-height:31px;}
|
|
.army-nav-wrap{width:73px; float:left;}
|
|
.builder-pod-wrap{width:852px; float:left;}
|
|
.army-bulid-wrap{width:835px; margin:0 auto;}
|
|
.army-builder-header{margin-left:-340px;}
|
|
.army-stage{
|
|
width:332px; height:390px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-stage-bkgrnd.jpg) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.army-bulid-footer{
|
|
width:100%; height:38px;
|
|
background: url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-footer.jpg) top left repeat-x;
|
|
}
|
|
.new-army-window-wrap{
|
|
width:500px;
|
|
position:absolute;
|
|
top:400px; left:-250px;
|
|
margin-left:50%;
|
|
margin-right:50%;
|
|
z-index:999;
|
|
}
|
|
.remove-army-window-wrap{
|
|
width:400px;
|
|
position:absolute;
|
|
top:400px; left:-200px;
|
|
margin-left:50%;
|
|
margin-right:50%;
|
|
z-index:999;
|
|
}
|
|
.army-list{
|
|
width:265px; height:368px; color:#FFFFFF;
|
|
background-color:#151515;
|
|
margin:10px 8px 12px 8px; overflow:auto;
|
|
float:left; clear:both;
|
|
}
|
|
.selectArmy-btn-active{height:23px; line-height:23px; width:247px; background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/select-army-btn-hover.jpg) top left repeat-x; color:#FFFFFF; text-decoration:none; padding:0; clear:both; margin:0 auto;}
|
|
.selectArmy-btn-active div, .selectArmy-btn-active a{height: 23px; line-height:23px; width:247px; display: block; left: 0; color:#FFFFFF; text-decoration:none;}
|
|
|
|
.selectArmy-btn{width:247px; height:23px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/select-army-btn.jpg); background-position:top left; background-repeat:repeat-x; padding:0; clear:both; margin:0 auto;}
|
|
.selectArmy-btn div span { text-decoration:none;}
|
|
.selectArmy-btn div, .selectArmy-btn a {height: 23px; line-height:23px; display: block; left: 0; width:247px; color:#FFFFFF; text-decoration:none;}
|
|
.selectArmy-btn div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/select-army-btn-hover.jpg) top left repeat-x; color:#FFFFFF; text-decoration:none;}
|
|
/*-------------- Nested Pod --------------*/
|
|
.army-pod-content{
|
|
width:100%;
|
|
background-color:#151515;
|
|
float:left; clear:both;
|
|
}
|
|
.army-pod-top-wrap{
|
|
width:100%; height:42px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-pod-top-right-repeat-x{
|
|
width:60%; height:42px; line-height:42px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right; margin-left:-20px;
|
|
}
|
|
.army-pod-top-left-repeat-x{
|
|
width:40%; height:42px; line-height:42px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; margin-right:-20px;
|
|
}
|
|
.army-pod-top-right{
|
|
width:100%; height:42px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-pod-top-left{
|
|
width:100%; height:42px; line-height:38px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-pod-top-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-pod-top-center-divide{
|
|
width:100%; height:42px; line-height:42px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/pod-top-center-divide.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
margin-left:-1px;
|
|
float:left; clear:both;
|
|
}
|
|
/*-------------- New Army --------------*/
|
|
.army-newCopy{
|
|
height: 22px; margin:17px 10px 12px 0;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.army-newCopy div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/newArmyBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-newCopy div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/newArmyBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-newCopy div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.army-newCopy div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/newArmyBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-newCopy div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/newArmyBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-newCopy-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.army-newCopy-btn div, .army-newCopy-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.army-newCopy-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Cards --------------*/
|
|
.cards-pad2{
|
|
margin:15px 9px 15px 12px;
|
|
float:left; clear:both;
|
|
}
|
|
.stagedCards-pad{
|
|
width:302px;
|
|
margin:0 auto; margin-top:15px;
|
|
float:right; clear:both;
|
|
}
|
|
.enabled-cards{
|
|
width:50px; height:70px;
|
|
margin:0 2px 2px 0;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-light.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.dead-cards{
|
|
width:50px; height:70px;
|
|
margin:0 2px 2px 0;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-dark.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.army-cards-bkgrnd-repeat-y{
|
|
width:281px; height:390px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cards-bkgrnd-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
float:left;
|
|
}
|
|
.army-cards-bkgrnd-top{
|
|
width:281px; height:390px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cards-bkgrnd-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.army-cards-bkgrnd-btm{
|
|
width:281px; height:390px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cards-bkgrnd-btm.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.enabled-cards-hover{width:50px; height:70px; background-position:top left; background-repeat:no-repeat; margin:0 2px 2px 0; float:left;}
|
|
.enabled-cards-hover div span { text-decoration:none;}
|
|
.enabled-cards-hover div, .enabled-cards-hover a {height: 70px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.enabled-cards-hover div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-overlay.gif) 0 0 no-repeat; text-decoration:none; z-index:6;}
|
|
|
|
.enabled-cards-hover2{width:50px; height:70px; background-position:top left; background-repeat:no-repeat; margin:0 10px 10px 0; float:left;}
|
|
.enabled-cards-hover2 div span { text-decoration:none;}
|
|
.enabled-cards-hover2 div, .enabled-cards-hover2 a {height: 70px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.enabled-cards-hover2 div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-overlay.gif) 0 0 no-repeat; text-decoration:none; z-index:6;}
|
|
|
|
.dead-cards2{
|
|
width:50px; height:70px;
|
|
margin:0 10px 10px 0;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-dark.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.army-full-card{
|
|
margin:18px 9px 15px 15px;
|
|
float:left; clear:both;
|
|
}
|
|
.army-card-placement{
|
|
width:350px; height:350px;
|
|
margin:0 auto;
|
|
float:left;
|
|
}
|
|
.army-card-placement2{
|
|
width:250px; height:350px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
}
|
|
/*-------------- Army Info --------------*/
|
|
.info-pad{
|
|
margin:10px 9px 0 8px;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-heading1{
|
|
width:204px; height:38px; line-height:38px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-heading1.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-heading-pad{
|
|
margin:5px; height:28px; line-height:28px;
|
|
font:15px/28px Arial, Helvetica, sans-serif bold;
|
|
float:left;
|
|
}
|
|
.army-question-pad{
|
|
width:28px;
|
|
height:28px; line-height:28px;
|
|
margin:5px; float:right;
|
|
}
|
|
.army-help-question{
|
|
width:19px; height:19px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-question.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin-top:5px;
|
|
}
|
|
.army-help-question div, .army-help-question a {height: 19px; display: block; left: 0; width: 19px; text-decoration:none; float:left;}
|
|
.army-info-content1{
|
|
width:204px; height:38px; line-height:38px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-content1.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-heading2{
|
|
width:204px; height:38px; line-height:38px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-heading2.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-content2-top{
|
|
width:204px; height:217px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-content2-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-content2-top2{
|
|
width:204px; height:293px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-content2-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-base{
|
|
width:220px; height:39px; margin-left:1px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-subBtm.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.army-info-bkgrnd-repeat-y{
|
|
width:220px; height:390px; margin-left:1px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-repeat-y.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-y;
|
|
float:left;
|
|
}
|
|
.army-info-bkgrnd-top{
|
|
width:220px; height:390px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-top.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.army-info-bkgrnd-btm{
|
|
width:220px; height:390px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-info-btm.jpg);
|
|
background-position:bottom left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.army-info-help{
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.army-info-help div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-info-help div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-info-help div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.army-info-help div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-info-help div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-help-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.army-info-help-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.army-info-help-btn div, .army-info-help-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.army-info-help-btn div span { padding:0 5px 0 5px;}
|
|
.selectArmy-infoLabels{ font:11px Arial, Helvetica, sans-serif bold;}
|
|
/*-------------- Sprite Nav --------------*/
|
|
.army-00-active{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px 0 no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
.army-00{width:73px; height:65px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg); background-position:top left; background-repeat:no-repeat; margin:0; padding:0; float:left; clear:both;}
|
|
.army-00 div span { text-decoration:none;}
|
|
.army-00 div, .army-00 a {height: 65px; line-height:65px; display: block; left: 0; width: 73px; text-decoration:none;}
|
|
.army-00 div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px 0 no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
.btn-txt{float:right; margin-right:10px; margin-top:15px;}
|
|
|
|
.adjust-army-sprite-txt{margin-top:-66px;}
|
|
#army-nav {
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) 0 -65px no-repeat;
|
|
width:73px; /* Width of buttons, not entire image (or half of entire image) */
|
|
height:388px; /* Height of entire image */
|
|
margin:0 auto;
|
|
padding:0; float:left; clear:both;
|
|
}
|
|
#army-nav li { float:left; list-style:none; position:relative; }
|
|
#army-nav li, #army-nav a {
|
|
height:78px; line-height:78px; /* Each button must have the same height, define it here */
|
|
font-size:10px; color:#FFFFFF; text-decoration:none;
|
|
padding:0; display:block;
|
|
}
|
|
/* margin-top to set where the nav should begin */
|
|
#army-01, #army-02, #army-03, #army-04, #army-05{ margin:0; width:73px;}
|
|
|
|
#army-01 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -65px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; }
|
|
#army-02 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -143px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; }
|
|
#army-03 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -221px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; }
|
|
#army-04 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -299px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; }
|
|
#army-05 a:hover { background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -377px no-repeat; color:#FFFFFF; text-decoration:none; cursor:pointer; }
|
|
|
|
#army-01-active{ width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -65px no-repeat; color:#FFFFFF; text-decoration:none;}
|
|
#army-02-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -143px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#army-03-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -221px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#army-04-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -299px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
#army-05-active { width:73px; background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-sprite-nav.jpg) -73px -377px no-repeat; color:#FFFFFF; text-decoration:none; }
|
|
/*-------------- Move / Remove Buttons --------------*/
|
|
.removeBtn{
|
|
width:18px; height:18px;
|
|
position:relative; top:-16px; left:0;
|
|
margin-left:-4px; z-index:7;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/remove.gif) top left no-repeat;
|
|
}
|
|
.removeBtn2{
|
|
width:18px; height:18px;
|
|
position:relative; top:54px; left:0;
|
|
margin-left:-65px; z-index:7;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/remove.gif) bottom left no-repeat;
|
|
float:left;
|
|
}
|
|
.moveBtn{
|
|
width:18px; height:18px;
|
|
position:relative; top:-64px; left:0px; margin-left:-4px; z-index:7;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/move.gif) top left no-repeat;
|
|
}
|
|
.moveGroupBtn{
|
|
width:27px; height:18px;
|
|
position:relative; top:-112px; left:0px; margin-left:-4px; z-index:7;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/move-group.gif) top left no-repeat;
|
|
}
|
|
/*-------------- Army Layout --------------*/
|
|
.army-card-shell{
|
|
width:52px; height:72px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-backCard-border.gif) top left no-repeat;
|
|
float:left;
|
|
}
|
|
.army-card-shell2{
|
|
width:52px; height:72px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/army-foreCard-border.gif) top left no-repeat;
|
|
margin-top:15px; margin-left:-65px;
|
|
float:left;
|
|
}
|
|
.place-armyCard{
|
|
width:50px; height:70px;
|
|
margin:1px;
|
|
}
|
|
.army-card-shell-highlighted{
|
|
width:50px; height:70px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-overlay-enabled.png) top left no-repeat;
|
|
margin-top:15px; margin-left:-65px;
|
|
float:left;
|
|
}
|
|
.nextSetRight{margin-right:22px;}
|
|
.army-row1-margins{margin-left:65px; margin-top:0;}
|
|
.army-row2-margins{margin-left:100px;}
|
|
.army-row3-margins{margin-left:135px;}
|
|
|
|
.cancel-armyAction{
|
|
width:50px; height:50px;
|
|
position:relative; top:338px; left:280px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cancel.png) top left no-repeat;
|
|
}
|
|
|
|
|
|
|
|
/*-------------- Trade Sector --------------*/
|
|
/*------------------------------------------------------*/
|
|
.trade-content-wrap{
|
|
width:700px;
|
|
margin-left:8px;
|
|
padding-top:1px;
|
|
float:left; clear:both;
|
|
}
|
|
.trade-content-wrap2{
|
|
width:925px;
|
|
margin-left:10px;
|
|
float:left; clear:both;
|
|
}
|
|
.placeUnity-wrap{
|
|
width:1024px;
|
|
margin-left:11px;
|
|
clear:both;
|
|
}
|
|
.trade-grid{
|
|
width:100%;
|
|
float:left; clear:both;
|
|
border-bottom:1px solid #666666;
|
|
}
|
|
.gridview-content-wrap{
|
|
width:700px;
|
|
float:left; clear:both;
|
|
}
|
|
.place-avatar{
|
|
width:63px; height:56px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/avatar.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.img-card-icon {
|
|
filter:alpha(opacity=100);
|
|
-moz-opacity:1;
|
|
opacity:1;
|
|
}
|
|
.img-card-icon-not-owned{
|
|
filter:alpha(opacity=40);
|
|
-moz-opacity:.40;
|
|
opacity:.40;
|
|
}
|
|
/*-------------- Pagination --------------*/
|
|
.pagination-count{
|
|
position:relative;
|
|
text-align:right; font-size:10px;
|
|
height:27px;
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
padding-top:8px; margin-right:10px;
|
|
float:right;
|
|
}
|
|
.pagination-spacing{
|
|
margin-left:10px;
|
|
}
|
|
/*-------------- New Trade GridView (Root Level) --------------*/
|
|
.newTrade-cardName{
|
|
width:199px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.newTrade-cardType{
|
|
width:74px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.newTrade-cardTribe{
|
|
width:73px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.newTrade-cardSet{
|
|
width:116px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.newTrade-rarity{
|
|
width:93px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.newTrade-addToTrade{
|
|
width:139px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.gridview-adjustTxt{ margin-left:6px;}
|
|
|
|
.sort-newTrade-header1 {color:#FFFFFF; width: 200px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg); margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header1 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header1 div span { margin-left:7px;}
|
|
.sort-newTrade-header1 div, .sort-newTrade-header1 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 200px; line-height: 28px; text-decoration:none;}
|
|
.sort-newTrade-header1 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) 0 -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-newTrade-header2 {color:#FFFFFF; width: 75px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -200px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header2 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header2 div span { margin-left:7px;}
|
|
.sort-newTrade-header2 div, .sort-newTrade-header2 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 75px; line-height: 28px; text-decoration:none;}
|
|
.sort-newTrade-header2 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -200px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-newTrade-header3 {color:#FFFFFF; width: 74px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -275px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header3 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header3 div span { margin-left:7px;}
|
|
.sort-newTrade-header3 div, .sort-newTrade-header3 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 74px; line-height: 28px; text-decoration:none;}
|
|
.sort-newTrade-header3 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -275px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-newTrade-header4 {color:#FFFFFF; width: 117px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -349px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header4 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header4 div span { margin-left:7px;}
|
|
.sort-newTrade-header4 div, .sort-newTrade-header4 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 117px; line-height: 28px; text-decoration:none;}
|
|
.sort-newTrade-header4 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -349px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-newTrade-header5 {color:#FFFFFF; width: 94px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -466px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header5 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header5 div span { margin-left:7px;}
|
|
.sort-newTrade-header5 div, .sort-newTrade-header5 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 94px; line-height: 28px; text-decoration:none;}
|
|
.sort-newTrade-header5 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -466px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-newTrade-header6 {color:#FFFFFF; width: 140px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sorting3.jpg) -560px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-newTrade-header6 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-newTrade-header6 div span { margin-left:7px;}
|
|
.sort-newTrade-header6 div, .sort-newTrade-header6 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 140px; line-height: 28px; text-decoration:none; cursor:default;}
|
|
/*-------------- New Trade GridView (Sub Level) --------------*/
|
|
.subContent-headerWrap{
|
|
width:670px; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.creature-contentWrap{
|
|
width:670px;
|
|
float:right;
|
|
}
|
|
.subContent-headerWrap2{
|
|
width:610px; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.creature-contentWrap2{
|
|
width:610px;
|
|
float:left;
|
|
}
|
|
.subContent-headerWrap3{
|
|
width:610px; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
margin:0 auto; clear:both;
|
|
}
|
|
.creature-contentWrap3{
|
|
width:610px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
}
|
|
.alt-subOdd-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alt-odd-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
border-bottom:1px solid #000000;
|
|
clear:both;
|
|
}
|
|
.alt-subEven-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alt-even-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
border-bottom:1px solid #000000;
|
|
clear:both;
|
|
}
|
|
.alt-subodd-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alt-odd-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
border-bottom:1px solid #000000;
|
|
cursor:pointer;
|
|
clear:both;
|
|
}
|
|
.alt-subeven-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alt-even-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
border-bottom:1px solid #000000;
|
|
cursor:pointer;
|
|
clear:both;
|
|
}
|
|
.cardCode{
|
|
width:100px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.creatureHeader-creatureType{
|
|
width:88px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.creatureHeader-abilities{
|
|
width:49px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.creature-mc{
|
|
width:30px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.creature-elements{
|
|
width:117px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.attackHeader-elements{
|
|
width:45px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.attackHeader-buildCast{
|
|
width:60px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.attackHeader-cardText{
|
|
width:120px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.battleGearHeader-cardText{
|
|
width:374px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-cardText{
|
|
width:354px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-cardText{
|
|
width:304px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-castingCost{
|
|
width:70px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-castingCost{
|
|
width:70px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.mugicHeader-cardText{
|
|
width:304px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-cardText{
|
|
width:304px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-intiative{
|
|
width:70px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.locationHeader-cardText{
|
|
width:304px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.addToTrade{
|
|
width:110px; height:28px; line-height:28px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/new-trade-subheader-divider.jpg) 0 0 no-repeat;
|
|
float:left;
|
|
}
|
|
.creature-creatureType2{width:87px; height:28px; line-height:28px; float:left;}
|
|
.creature-abilities{width:48px; height:28px; line-height:28px; float:left;}
|
|
.creature-mc2{width:29px; height:28px; line-height:28px; float:left;}
|
|
.creature-elements2{width:116px; height:28px; line-height:28px; float:left;}
|
|
.attack-buildCast2{width:59px; height:28px; line-height:28px; float:left;}
|
|
.attack-elements2{width:44px; height:28px; line-height:28px; float:left;}
|
|
.attack-cardText2{width:119px; height:28px; line-height:28px; float:left;}
|
|
.battleGear-cardText2{width:373px; height:28px; line-height:28px; float:left;}
|
|
.mugic-castingCost2{width:69px; height:28px; line-height:28px; float:left;}
|
|
.mugic-cardText2{width:303px; height:28px; line-height:28px; float:left;}
|
|
.location-intiative2{width:69px; height:28px; line-height:28px; float:left;}
|
|
.location-cardText2{width:303px; height:28px; line-height:28px; float:left;}
|
|
.addToTrade2{width:109px; height:28px; line-height:28px; float:left;}
|
|
/* --- the 1-5 in the addToArmy style denotes the tab number ---*/
|
|
.addToArmy1{width:109px; height:28px; line-height:28px; float:left;}
|
|
.addToArmy2{width:109px; height:28px; line-height:28px; float:left;}
|
|
.addToArmy3{width:109px; height:28px; line-height:28px; float:left;}
|
|
.addToArmy4{width:109px; height:28px; line-height:28px; float:left;}
|
|
.addToArmy5{width:109px; height:28px; line-height:28px; float:left;}
|
|
/*-------------- Trade GridView --------------*/
|
|
.alt-odd-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alternate-odd-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.alt-even-row{
|
|
width:100%; height:28px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/alternate-even-row.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.gridview-header-wrap{ width:700px; float:left; clear:both;}
|
|
.gridview-border-right{border-right:1px solid #000000;}
|
|
|
|
.cards-offered-cell{
|
|
width:170px; height:28px;
|
|
float:left;
|
|
}
|
|
.trader-cell{
|
|
width:94px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.time-cell{
|
|
width:52px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.details-cell{
|
|
width:166px; height:28px;
|
|
line-height:28px;
|
|
float:left;
|
|
}
|
|
.cards-wanted-cell{
|
|
width:214px; height:28px;
|
|
float:left;
|
|
}
|
|
.sort-header1 {color:#FFFFFF; width: 171px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg); margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-header1 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-header1 div span { margin-left:7px;}
|
|
.sort-header1 div, .sort-header1 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 171px; line-height: 28px; text-decoration:none;}
|
|
.sort-header1 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) 0 -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-header2 {color:#FFFFFF; width: 95px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -171px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-header2 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-header2 div span { margin-left:7px;}
|
|
.sort-header2 div, .sort-header2 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 95px; line-height: 28px; text-decoration:none;}
|
|
.sort-header2 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -171px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-header3 {color:#FFFFFF; width: 53px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -266px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-header3 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-header3 div span { margin-left:7px;}
|
|
.sort-header3 div, .sort-header3 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 53px; line-height: 28px; text-decoration:none;}
|
|
.sort-header3 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -266px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-header4 {color:#FFFFFF; width: 167px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -319px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-header4 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-header4 div span { margin-left:7px;}
|
|
.sort-header4 div, .sort-header4 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 167px; line-height: 28px; text-decoration:none;}
|
|
.sort-header4 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -319px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.sort-header5 {color:#FFFFFF; width: 214px; height: 28px; background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -486px 0; margin: 0; padding: 0; position: relative; float: left;}
|
|
.sort-header5 div {color:#FFFFFF; margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}
|
|
.sort-header5 div span { margin-left:7px;}
|
|
.sort-header5 div, .sort-header5 a {color:#FFFFFF; height: 28px; display: block; left: 0; width: 214px; line-height: 28px; text-decoration:none;}
|
|
.sort-header5 div a:hover {background: transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/gridview-header-sort.jpg) -486px -28px no-repeat; color:#FFFFFF;}
|
|
|
|
.expand-icon-sets{
|
|
width:17px; height:20px; text-align:center; line-height:20px;
|
|
font-size:14px; font-weight:bold;
|
|
margin:4px 8px 4px 0; float:right;
|
|
}
|
|
.icon-set{width:25px; height:18px; background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set div span { text-decoration:none;}
|
|
.icon-set div, .icon-set a {height: 18px; display: block; left: 0; width: 25px; text-decoration:none;}
|
|
|
|
.icon-set1{width:27px; height:20px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon1.jpg); background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set1 div span { text-decoration:none;}
|
|
.icon-set1 div {height: 20px; display: block; left: 0; width: 27px; text-decoration:none;}
|
|
.icon-set1 div:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon1.jpg) 0 -20px no-repeat; text-decoration:none;}
|
|
|
|
.icon-set2{width:27px; height:20px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon2.jpg); background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set2 div span { text-decoration:none;}
|
|
.icon-set2 div{height: 20px; display: block; left: 0; width: 27px; text-decoration:none;}
|
|
.icon-set2 div:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon2.jpg) 0 -20px no-repeat; text-decoration:none;}
|
|
|
|
.icon-set3{width:27px; height:20px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon3.jpg); background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set3 div span { text-decoration:none;}
|
|
.icon-set3 div{height: 20px; display: block; left: 0; width: 27px; text-decoration:none;}
|
|
.icon-set3 div:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon3.jpg) 0 -20px no-repeat; text-decoration:none;}
|
|
|
|
.icon-set4{width:27px; height:20px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon4.jpg); background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set4 div span { text-decoration:none;}
|
|
.icon-set4 div{height: 20px; display: block; left: 0; width: 27px; text-decoration:none;}
|
|
.icon-set4 div:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon4.jpg) 0 -20px no-repeat; text-decoration:none;}
|
|
|
|
.icon-set5{width:27px; height:20px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon5.jpg); background-position:top left; background-repeat:no-repeat; margin:4px 0 4px 6px; float:left;}
|
|
.icon-set5 div span { text-decoration:none;}
|
|
.icon-set5 div{height: 20px; display: block; left: 0; width: 27px; text-decoration:none;}
|
|
.icon-set5 div:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/icon5.jpg) 0 -20px no-repeat; text-decoration:none;}
|
|
|
|
.alt-odd-row:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tr-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
cursor:pointer;
|
|
}
|
|
.alt-even-row:hover{
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tr-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
cursor:pointer;
|
|
}
|
|
/*-------------- Trade Options --------------*/
|
|
.trade-capsules{
|
|
height:31px;
|
|
margin:0 auto;
|
|
margin-top:6px;
|
|
}
|
|
.trade-options-active {
|
|
height: 23px; margin-left:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.trade-options-active div div {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options-active div div div {
|
|
height: 23px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options {
|
|
height: 23px; margin-left:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.trade-options div div {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options div div div {
|
|
height: 23px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.trade-options div div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options div div div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options-btn {width:100%; height: 23px; float:left; clear:both;}
|
|
.trade-options-btn div, .trade-options-btn a {color:#FFFFFF; height: 23px; display: block; line-height:23px; text-decoration:none;}
|
|
.trade-options-btn div span { padding:0 10px 0 10px;}
|
|
|
|
.trade-options2 {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
margin:0 auto;
|
|
}
|
|
.trade-options2 div div {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options2 div div div {
|
|
height: 23px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options2 div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
margin:0 auto;
|
|
}
|
|
.trade-options2 div div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options2 div div div:hover {
|
|
height: 23px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-options-hover-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-options2-btn {width:100%; height: 23px; float:left; clear:both; margin:0 auto;}
|
|
.trade-options2-btn div, .trade-options2-btn a {color:#FFFFFF; height: 23px; display: block; line-height:23px; text-decoration:none;}
|
|
.trade-options2-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Trade Search From --------------*/
|
|
.trade-search{
|
|
width:100%; height:37px; line-height:37px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-search-bkgrnd.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
form#trade-search {
|
|
position:relative;
|
|
}
|
|
div#trade-search {
|
|
width:210px;
|
|
position:relative;
|
|
float:left;
|
|
padding:0;
|
|
margin-left:10px;
|
|
margin-top:10px;
|
|
}
|
|
input#trade-search-field{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
input#army-search-field1{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
input#army-search-field2{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
input#army-search-field3{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
input#army-search-field4{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
input#army-search-field5{
|
|
width:200px;
|
|
margin:0; padding:0;
|
|
}
|
|
.form-trade-search {
|
|
height:14.5px; width:113px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #336666;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
input.trade-search-button {
|
|
height:22px; padding:0; margin:0;
|
|
background:transparent; border:none;
|
|
font:11px Verdana, Arial, Helvetica, sans-serif bold;
|
|
color:#FFFFFF; cursor:pointer;
|
|
}
|
|
|
|
.applytxt {
|
|
font:9pt Arial, Helvetica, sans-serif;
|
|
color: #FFFFFF;
|
|
}
|
|
.applycheckbox {
|
|
float:left;
|
|
margin-top:7px;
|
|
margin-left:3px;
|
|
}
|
|
.filterBtn-bkgrnd {
|
|
height: 22px; margin:7px 5px 3px 5px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.filterBtn-bkgrnddiv div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.filterBtn-bkgrnddiv div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.filterBtn-bkgrnddiv:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.filterBtn-bkgrnddiv div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.filterBtn-bkgrnddiv div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
|
|
.searchBtn-bkgrnd {
|
|
height: 22px; margin:7px 0 3px 10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.searchBtn-bkgrnd div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.searchBtn-bkgrnd div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.searchBtn-bkgrnd div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.searchBtn-bkgrnd div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.searchBtn-bkgrnd div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.searchBtn-bkgrnd-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.searchBtn-bkgrnd-btn div{color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.searchBtn-bkgrnd-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Trade Filters / Breadcrumbs --------------*/
|
|
.trade-nav{
|
|
width:100%; height:37px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-nav-bkgrnd.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.filters-nav-wrap{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filters-nav-wrap.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat;
|
|
float:left; clear:both;
|
|
}
|
|
.filters-label{
|
|
width:89px; height:24px;
|
|
line-height:24px; text-align:center;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filters-nav-label.jpg);
|
|
background-position:left top;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.filters-label a, .filters-label span{
|
|
width:89px; text-decoration:none; display:block;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/remove-breadcrumbs.jpg) 0 0 no-repeat;
|
|
float:left; clear:left;
|
|
}
|
|
.filters-label a:hover, .filters-label span:hover{
|
|
text-decoration:none; color:#ff0000;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/remove-breadcrumbs.jpg) 0 -24px no-repeat;
|
|
float:left; clear:left;
|
|
}
|
|
.filters-empty{
|
|
height:24px; line-height:24px;
|
|
padding:0 10px 0 10px;
|
|
float:left;
|
|
}
|
|
.filters-nav{
|
|
width:100%;
|
|
float:left;
|
|
}
|
|
.filter-element{
|
|
height:24px; line-height:24px;
|
|
float:left;
|
|
}
|
|
.filter-element div div{
|
|
height:24px; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filters-nav-close.jpg);
|
|
background-position:right top;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.filter-element div:hover{
|
|
line-height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filters-nav-hover.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.filter-element div div:hover{
|
|
line-height:24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/filters-nav-hover-close.jpg);
|
|
background-position:right top;
|
|
background-repeat:no-repeat;
|
|
color:#ff0000;
|
|
}
|
|
.filter-element div div a:hover{
|
|
color:#ff0000;
|
|
}
|
|
.filter-element-btn { width:100%; height: 24px; float:left;}
|
|
.filter-element-btn div, .filter-element-btn a {color:#FFFFFF; height: 24px; display: block; line-height:24px; text-decoration:none;}
|
|
.filter-element-btn div span { padding:0 25px 0 10px;}
|
|
/*-------------- Trade Details --------------*/
|
|
.detailed-trade-bkgrnd-xy{
|
|
width:100%;
|
|
background-color:#474747;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-trade-bkgrnd-top{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-detail-top-bkgrnd.jpg);
|
|
background-position:left top;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-trade-bkgrnd-btm{
|
|
width:100%;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-detail-btm-bkgrnd.jpg);
|
|
background-position:left bottom;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.detailed-wrap{
|
|
width:700px; height:181px;
|
|
border:1px solid #666666;
|
|
float:right;
|
|
}
|
|
.detailed-wrap2{
|
|
width:700px; height:181px;
|
|
border:1px solid #666666;
|
|
clear:both; margin:0 auto;
|
|
}
|
|
.detailed-trader-stats{
|
|
width:218px; height:181px;
|
|
border:1px solid #666666;
|
|
float:left;
|
|
}
|
|
.pad-stats{
|
|
height:150px;
|
|
margin:10px; padding:5px;
|
|
border:1px solid #333333;
|
|
}
|
|
.detailed-wrap-align-center{
|
|
width:925px;
|
|
background-color:#000000;
|
|
float:left; clear:both;
|
|
}
|
|
.details-info{
|
|
width:226px; height:183px;
|
|
margin-left:7px;
|
|
background-color:#000000;
|
|
float:left;
|
|
}
|
|
.trade-details-wrap{
|
|
width:682px;
|
|
margin:9px 9px 0 9px;
|
|
border:1px solid #666666;
|
|
float:left; clear:both;
|
|
}
|
|
.trade-details-heading{
|
|
width:672px; height:22px;
|
|
line-height:20px; padding-left:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-detail-heading-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
}
|
|
.trade-wanted-offered-wrap{
|
|
width:682px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-offered-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.trade-wanted-header{
|
|
width:326px; height:22px;
|
|
line-height:18px; padding-left:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-offered-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
border-left:1px solid #000000;
|
|
}
|
|
.trade-offered-header{
|
|
width:326px; height:22px;
|
|
line-height:18px; padding-left:10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-offered-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
border-right:1px solid #000000;
|
|
}
|
|
.cards-selector-bkgrnd{
|
|
width:682px; height:83px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-select-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left; clear:both;
|
|
}
|
|
.cards-pad{
|
|
width:100%;
|
|
padding:5px 7px 5px 4px;
|
|
float:left; clear:both;
|
|
}
|
|
#card-swap-icon{
|
|
width:54px; height:73px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-swap-icon.jpg);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.card-border{
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-border.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.card-setting{
|
|
width:52px; height:74px;
|
|
margin:0 5px 0 5px;
|
|
float:left;
|
|
}
|
|
.card-setting2{
|
|
width:52px; height:74px;
|
|
margin:5px;
|
|
position:relative;
|
|
z-index:1;
|
|
float:left;
|
|
}
|
|
.trade-card1{
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card1.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
.trade-card2{
|
|
width:52px; height:74px; line-height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card2.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
.trade-card3{
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card3.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
.trade-card4{
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card4.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
.trade-card5 {
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card5.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
|
|
.detailed-hover-offer{width:52px; height:74px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/offered-detail-hover.gif); background-position:top left; background-repeat:no-repeat; margin:0; float:left;}
|
|
.detailed-hover-offer div span { text-decoration:none; z-index:98;}
|
|
.detailed-hover-offer div, .detailed-hover-offer a {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.detailed-hover-offer div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/offered-detail-hover.gif) 0 -74px no-repeat; text-decoration:none;}
|
|
|
|
.detailed-hover-wanted{width:52px; height:74px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-detail-hover.gif); background-position:top left; background-repeat:no-repeat; margin:0; float:left;}
|
|
.detailed-hover-wanted div span { text-decoration:none; z-index:98;}
|
|
.detailed-hover-wanted div, .detailed-hover-wanted a {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.detailed-hover-wanted div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-detail-hover.gif) 0 -74px no-repeat; text-decoration:none;}
|
|
|
|
.wanted-currently-own{width:52px; height:74px; background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/card-border.gif); background-position:top left; background-repeat:no-repeat; margin:0; float:left;}
|
|
.wanted-currently-own div span { text-decoration:none; z-index:98;}
|
|
.wanted-currently-own div, .wanted-currently-own a {height: 74px; display: block; left: 0; width: 52px; text-decoration:none;}
|
|
.wanted-currently-own div a:hover{background:transparent url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-detail-hover.gif) 0 -74px no-repeat; text-decoration:none;}
|
|
|
|
.offered-hover-border{
|
|
width:52px; height:74px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/offered-selected-border.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 5px 0 5px;
|
|
float:left;
|
|
}
|
|
.offered-hover{
|
|
width:50px; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/offered-selected.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.wanted-not-selected{
|
|
width:50px; height:70px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wanted-not-selected.gif);
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.confirm-trade-bkgrnd{
|
|
width:672px; height:34px; line-height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-trade-bkgrnd.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
padding-left:10px;
|
|
float:left; clear:both;
|
|
}
|
|
.end-confirm-trade{
|
|
width:683px; height:9px;
|
|
margin:0 auto;
|
|
clear:both;
|
|
}
|
|
/*-------------- Confirm Trade Btns --------------*/
|
|
.trade-confirm {
|
|
height: 24px; margin-left:10px; margin-top:6px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.trade-confirm div div {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-confirm div div div {
|
|
height: 24px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-confirm div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.trade-confirm div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-confirm div div div:hover {
|
|
height: 24px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/trade-confirm-hover-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.trade-confirm-btn {width:100%; height: 24px; float:left;}
|
|
.trade-confirm-btn div, .trade-confirm-btn a {color:#FFFFFF; height: 24px; display: block; line-height:24px; text-decoration:none;}
|
|
.trade-confirm-btn div span { padding:0 20px 0 20px;}
|
|
/*-------------- Trade Slider Details --------------*/
|
|
#slider {width:100%;}
|
|
.slider-header {width:100%; cursor:pointer; z-index:20;}
|
|
.slider-content {background-color:#000000;}
|
|
.slider-content2 {overflow:hidden; background-color:#000000;}
|
|
.slider-content-tradeDetail {height:181px; background-color:#000000;}
|
|
.slider-content-wrap {width:100%;}
|
|
.subgrid-indent{width:30px; float:left;}
|
|
.selectLangSlider-header {width:100%; cursor:pointer;}
|
|
.selectLangSlider-content {overflow:hidden; background-color:#000000;}
|
|
/*-------------- Offer Trade Button (odd root-level) --------------*/
|
|
.oddRoot-addToTrade {
|
|
height: 22px; margin:3px 0 3px 10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.oddRoot-addToTrade div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.oddRoot-addToTrade div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.oddRoot-addToTrade div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.oddRoot-addToTrade div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.oddRoot-addToTrade div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/oddRoot-tradeBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.oddRoot-addToTrade-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.oddRoot-addToTrade-btn div, .oddRoot-addToTrade-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.oddRoot-addToTrade-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Offer Trade Button (even root-level) --------------*/
|
|
.evenRoot-addToTrade {
|
|
height: 22px; margin:3px 0 3px 10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.evenRoot-addToTrade div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.evenRoot-addToTrade div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.evenRoot-addToTrade div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.evenRoot-addToTrade div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.evenRoot-addToTrade div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/evenRoot-tradeBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.evenRoot-addToTrade-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.evenRoot-addToTrade-btn div, .evenRoot-addToTrade-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.evenRoot-addToTrade-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Offer Trade Button (odd sub-level) --------------*/
|
|
.odd-addToTrade {
|
|
height: 22px; margin:3px 0 3px 10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.odd-addToTrade div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.odd-addToTrade div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.odd-addToTrade div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.odd-addToTrade div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.odd-addToTrade div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/odd-tradeBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.odd-addToTrade-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.odd-addToTrade-btn div, .odd-addToTrade-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.odd-addToTrade-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- Offer Trade Button (even sub-level) --------------*/
|
|
.even-addToTrade {
|
|
height: 22px; margin:3px 0 3px 10px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.even-addToTrade div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.even-addToTrade div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.even-addToTrade div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.even-addToTrade div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.even-addToTrade div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/even-tradeBtn-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.even-addToTrade-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.even-addToTrade-btn div, .even-addToTrade-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.even-addToTrade-btn div span { padding:0 10px 0 10px;}
|
|
/*-------------- GridView / Details Icons --------------*/
|
|
.element-icon-wrap{
|
|
width:130px; float:left
|
|
}
|
|
.earth-gridIcon{
|
|
width:22px; height:22px; margin:3px 0 3px 5px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/earth-gridIcon.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.fire-gridIcon{
|
|
width:22px; height:22px; margin:3px 0 3px 5px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/fire-gridIcon.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.wind-gridIcon{
|
|
width:22px; height:22px; margin:3px 0 3px 5px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/wind-gridIcon.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.water-gridIcon{
|
|
width:22px; height:22px; margin:3px 0 3px 5px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/water-gridIcon.gif);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.courage-detailsIcon{
|
|
width:22px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/details-courageIcon.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.power-detailsIcon{
|
|
width:22px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/details-powerIcon.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.wisdom-detailsIcon{
|
|
width:22px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/details-wisdomIcon.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.speed-detailsIcon{
|
|
width:22px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/details-speedIcon.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.mugic-detailsIcon{
|
|
width:22px; height:22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/details-mugicIcon.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:left;
|
|
}
|
|
.detailsTribeIcon-overworld{
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeIcon-overworld.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.detailsTribeIcon-underworld{
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeIcon-underworld.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.detailsTribeIcon-mipedian{
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeIcon-mipedian.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.detailsTribeIcon-danian{
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeIcon-danian.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.detailsTribeIcon-marillian {
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/tribeIcon-marillian.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.cardDetailIcon-mugic {
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardDetailIcon-mugic.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.cardDetailIcon-attack {
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardDetailIcon-attack.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.cardDetailIcon-battlegear {
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardDetailIcon-battlegear.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
.cardDetailIcon-location {
|
|
width:34px; height:34px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/cardDetailIcon-location.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
float:right;
|
|
}
|
|
/*-------------- Confirm Cancel Add Wanted Button (lightwindow / pre-detailed) --------------*/
|
|
.cancel-wanted {
|
|
height: 22px; margin:17px 10px 0 0;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-repeat-x.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:right;
|
|
}
|
|
.cancel-wanted div div {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-left.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.cancel-wanted div div div {
|
|
height: 22px; text-align:center; text-decoration:none;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-right.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.cancel-wanted div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-repeat-x-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:repeat-x;
|
|
float:left;
|
|
}
|
|
.cancel-wanted div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-left-hover.jpg);
|
|
background-position:top left;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.cancel-wanted div div div:hover {
|
|
height: 22px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/confirm-cancel-addWanted-right-hover.jpg);
|
|
background-position:top right;
|
|
background-repeat:no-repeat;
|
|
}
|
|
.cancel-wanted-btn {width:100%; height: 22px; float:left; clear:both;}
|
|
.cancel-wanted-btn div, .cancel-wanted-btn a {color:#FFFFFF; height: 22px; display: block; line-height:22px; text-decoration:none;}
|
|
.cancel-wanted-btn div span { padding:0 10px 0 10px;}
|
|
|
|
|
|
|
|
/*-------------- Footer --------------*/
|
|
/*------------------------------------------------------*/
|
|
.footer-wrap {
|
|
width: 943px; height:54px;
|
|
margin: 0 auto;
|
|
clear: both;
|
|
}
|
|
.footer-repeat-x {
|
|
width: 100%; height:54px;
|
|
background-image:url(http://web.archive.org/web/20120207003733im_/http://www.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/20120207003733im_/http://www.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/20120207003733im_/http://www.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:2px; 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;
|
|
}
|
|
/*-------------- Search Form --------------*/
|
|
form#search {
|
|
position:relative;
|
|
}
|
|
div#search {
|
|
position:relative;
|
|
float:left;
|
|
padding:0;
|
|
margin-left:20px;
|
|
margin-top:3px;
|
|
}
|
|
input#search-field{
|
|
width:113px;
|
|
margin:0; padding:0;
|
|
}
|
|
.form-search {
|
|
height:14.5px; width:113px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
background-color:#000000; border:1px solid #336666;
|
|
font-size: 10px; color: #FFFFFF;
|
|
}
|
|
input.search-button {
|
|
width:49px; height:16px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search.jpg);
|
|
margin:0; padding:0;
|
|
border:none; margin:4px; margin-left:1px;
|
|
float:left;
|
|
}
|
|
input.search-button:hover {
|
|
width:49px; height:16px;
|
|
background:url(http://web.archive.org/web/20120207003733im_/http://www.chaoticgame.com/Images/search-hover.jpg);
|
|
border:none; cursor: pointer;
|
|
}
|
|
.NoCard{
|
|
width:52px; height:74px;
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
margin:0 1px 3px 1px;
|
|
float:left;
|
|
}
|
|
/*-------------- General Popups --------------*/
|
|
div.ConfirmationPopup{
|
|
position: relative; margin:0 auto;
|
|
top: 290px;
|
|
height: 100px;
|
|
width: 240px;
|
|
background-color: red;
|
|
}
|
|
input.ConfirmatationButton_Back{
|
|
}
|
|
input.ConfirmationButton_Confirm{
|
|
}
|
|
</style>
|
|
|
|
<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 ='/ArmyBuilder.aspx';
|
|
break;
|
|
case 'centerOval':
|
|
window.location ='/Login.aspx';
|
|
break;
|
|
case 'enterTheCode':
|
|
window.location ='/EnterTheCode.aspx';
|
|
break;
|
|
case 'trade':
|
|
window.location ='/Trade.aspx';
|
|
break;
|
|
case 'portal':
|
|
window.open('/PortalTerminal.aspx');
|
|
break;
|
|
case 'forum':
|
|
window.location ='http://chaoticbackup.forumotion.com';
|
|
break;
|
|
case 'playNow':
|
|
window.location ='/Play.aspx';
|
|
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 'openForum':
|
|
window.open('/Forum/');
|
|
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>
|