Funorb main and game page working, css + images

This commit is contained in:
dginovker 2023-04-01 17:59:26 +09:00
parent fcb79d29e8
commit 460faf40ec
151 changed files with 30080 additions and 0 deletions

View File

@ -0,0 +1,275 @@
// Flash Player Version Detection - Rev 1.6
// Detect Client Browser type
// Copyright(c) 2005-2006 Adobe Macromedia Software, LLC. All rights reserved.
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
function ControlVersion()
{
var version;
var axo;
var e;
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
try {
// version will be set for 7.X or greater players
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
version = axo.GetVariable("$version");
} catch (e) {
}
if (!version)
{
try {
// version will be set for 6.X players only
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
// installed player is some revision of 6.0
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
// so we have to be careful.
// default to the first public version
version = "WIN 6,0,21,0";
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
axo.AllowScriptAccess = "always";
// safe to call for 6.0r47 or greater
version = axo.GetVariable("$version");
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 4.X or 5.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = axo.GetVariable("$version");
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 3.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = "WIN 3,0,18,0";
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 2.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
version = "WIN 2,0,0,11";
} catch (e) {
version = -1;
}
}
return version;
}
// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
// NS/Opera version >= 3 check for Flash plugin in plugin array
var flashVer = -1;
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
var descArray = flashDescription.split(" ");
var tempArrayMajor = descArray[2].split(".");
var versionMajor = tempArrayMajor[0];
var versionMinor = tempArrayMajor[1];
var versionRevision = descArray[3];
if (versionRevision == "") {
versionRevision = descArray[4];
}
if (versionRevision[0] == "d") {
versionRevision = versionRevision.substring(1);
} else if (versionRevision[0] == "r") {
versionRevision = versionRevision.substring(1);
if (versionRevision.indexOf("d") > 0) {
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
}
}
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
}
}
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
else if ( isIE && isWin && !isOpera ) {
flashVer = ControlVersion();
}
return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
versionStr = GetSwfVer();
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
// Given "WIN 2,0,0,11"
tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"]
tempString = tempArray[1]; // "2,0,0,11"
versionArray = tempString.split(","); // ['2', '0', '0', '11']
} else {
versionArray = versionStr.split(".");
}
var versionMajor = versionArray[0];
var versionMinor = versionArray[1];
var versionRevision = versionArray[2];
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if (versionMajor > parseFloat(reqMajorVer)) {
return true;
} else if (versionMajor == parseFloat(reqMajorVer)) {
if (versionMinor > parseFloat(reqMinorVer))
return true;
else if (versionMinor == parseFloat(reqMinorVer)) {
if (versionRevision >= parseFloat(reqRevision))
return true;
}
}
return false;
}
}
function AC_AddExtension(src, ext)
{
if (src.indexOf('?') != -1)
return src.replace(/\?/, ext+'?');
else
return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs)
{
var str = '';
if (isIE && isWin && !isOpera)
{
str += '<object ';
for (var i in objAttrs)
str += i + '="' + objAttrs[i] + '" ';
for (var i in params)
str += '><param name="' + i + '" value="' + params[i] + '" /> ';
str += '></object>';
} else {
str += '<embed ';
for (var i in embedAttrs)
str += i + '="' + embedAttrs[i] + '" ';
str += '> </embed>';
}
document.write(str);
}
function AC_FL_RunContent(){
var ret =
AC_GetArgs
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
, "application/x-shockwave-flash"
);
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
var ret = new Object();
ret.embedAttrs = new Object();
ret.params = new Object();
ret.objAttrs = new Object();
for (var i=0; i < args.length; i=i+2){
var currArg = args[i].toLowerCase();
switch (currArg){
case "classid":
break;
case "pluginspage":
ret.embedAttrs[args[i]] = args[i+1];
break;
case "src":
case "movie":
args[i+1] = AC_AddExtension(args[i+1], ext);
ret.embedAttrs["src"] = args[i+1];
ret.params[srcParamName] = args[i+1];
break;
case "onafterupdate":
case "onbeforeupdate":
case "onblur":
case "oncellchange":
case "onclick":
case "ondblClick":
case "ondrag":
case "ondragend":
case "ondragenter":
case "ondragleave":
case "ondragover":
case "ondrop":
case "onfinish":
case "onfocus":
case "onhelp":
case "onmousedown":
case "onmouseup":
case "onmouseover":
case "onmousemove":
case "onmouseout":
case "onkeypress":
case "onkeydown":
case "onkeyup":
case "onload":
case "onlosecapture":
case "onpropertychange":
case "onreadystatechange":
case "onrowsdelete":
case "onrowenter":
case "onrowexit":
case "onrowsinserted":
case "onstart":
case "onscroll":
case "onbeforeeditfocus":
case "onactivate":
case "onbeforedeactivate":
case "ondeactivate":
case "type":
case "codebase":
ret.objAttrs[args[i]] = args[i+1];
break;
case "id":
case "width":
case "height":
case "align":
case "vspace":
case "hspace":
case "class":
case "title":
case "accesskey":
case "name":
case "tabindex":
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
break;
default:
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
}
}
ret.objAttrs["classid"] = classid;
if (mimeType) ret.embedAttrs["type"] = mimeType;
return ret;
}

View File

@ -0,0 +1,62 @@
function ajax_debug(text) {
if(document.getElementById("javascript-debug-pane")) document.getElementById("javascript-debug-pane").value+=text + "\n";
}
function httpRequest() {
// Create the requestHandler
try {
this.requestHandler=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e1) {
try {
this.requestHandler=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e2) {
this.requestHandler=false;
}
}
if(!this.requestHandler && window.createRequest) {
try {
this.requestHandler=window.createRequest();
}
catch(e) {
this.requestHandler=false;
}
}
if(!this.requestHandler && typeof(XMLHttpRequest)!='undefined') {
try {
this.requestHandler=new XMLHttpRequest();
}
catch(e) {
this.requestHandler=false;
}
}
ajax_debug("New httpRequest created");
}
httpRequest.prototype.handleChange=function() {
//ajax_debug("ReadyState changed to " + this.requestHandler.readyState);
if(this.requestHandler.readyState==4 && this.callback) this.callback(this.requestHandler.responseText);
}
httpRequest.prototype.get=function(url, callback) {
ajax_debug("GET " + url + (callback==null ? " (no callback)" : " (with callback)"));
var copy=this;
this.requestHandler.onreadystatechange=function() {copy.handleChange();}
if(callback) this.callback=callback;
else this.callback=null;
this.requestHandler.open("GET", url, true);
this.requestHandler.send(null);
}
function ajax_describe(what) {
a="";
for(part in what) try{a+=part + "=" + what[part] + "\n";} catch(e) {}
return a;
}
function throwaway_request(url) {
var req=new httpRequest();
req.get(url);
}
function callback_request(url, callback) {
var req=new httpRequest();
req.get(url, callback);
}

View File

@ -0,0 +1,602 @@
#createForm {
margin: 0;
padding: 0;
}
#cIntro {
font-weight: bold;
padding: 8px;
}
.brown_box_padded {
position: relative;
padding-top: 2em;
padding-bottom: 1em;
}
#formBoxes {
padding-bottom: 2em;
}
.inner_brown_box {
background: #0B2540 none repeat scroll 0 0;
height: 1%;
}
.brown_box_stack {
margin-bottom: 5px;
}
.formGroup {
float: left;
clear: left;
width: 425px;
}
.formDesc {
display: none;
clear: both;
}
.formDesc p {
margin: 0;
padding: 1em 0 0;
font-weight: bold;
}
.formSection {
float: left;
padding: 5px 0;
width: 425px;
}
.formError {
clear: left;
float: left;
width: 425px;
text-align: right;
}
#check {
position: relative;
width: 229px;
height: 24px;
float: right;
margin: 0 auto;
padding: 0;
border: none;
cursor: pointer;
background: none;
}
#alts span {
cursor: pointer;
text-decoration: underline;
}
#check_submit {
position: absolute;
top: 0;
left: 0;
width: 229px;
height: 24px;
background: transparent url(../img/create/check_highlight.png) no-repeat -999px -999px;
}
#check:hover #check_submit {
background-position: top left;
}
.brown_box input, .brown_box select {
border: 2px solid #204266;
font-size: 12px;
background-color: #E7EBF8 !important;
color: black !important;
}
.brown_box input.fail{
border: 2px solid #b40a0a;
background: #F8F1E7 url(../img/create/cross.png) no-repeat right 50%;
}
.brown_box input.loading{
border: 2px solid #C0C0C0;
background: #F8F1E7 url(../img/create/loading.gif) no-repeat right 50%;
}
.brown_box input.success{
border: 2px solid #629428;
background: #F8F1E7 url(../img/create/tick.png) no-repeat right 50%;
}
.formSection label {
float: left;
width: 180px;
height: 22px;
line-height: 22px;
text-align: right;
font-weight: bold;
cursor: pointer;
}
#username, #password1, #password2, #year, #address1, #address2,
.formSection select {
line-height: 16px; /* Non IE is handled in input_select (18px last time I looked) */
float: right;
width: 225px;
height: 18px;
}
.formSection div, #country {
float: right;
width: 229px;
}
.formSection select, #country {
height: 24px;
}
#day, #month, #year {
float: left;
}
#month, #year {
margin-left: 2px;
}
#day {
width: 57px;
}
#month {
width: 108px;
}
#year {
width: 55px;
float: right;
margin: 0;
}
.formMessage {
float: right;
width: 275px;
}
.error {
color: red;
}
/* Right box */
#jmesgBg {
position: absolute;
right: 8px;
top: 19px;
width: 292px;
overflow: hidden;
background: transparent url(../img/create/bubble_bg.png) no-repeat 13px top;
z-index: 2;
}
#jmesgBg.u13 {
background: transparent url(../img/create/bubble_short_bg.png) no-repeat 13px top;
}
#jmesg {
height: 233px;
padding: 5px 8px 8px 20px;
line-height: 14px;
background: transparent url(../img/create/arrow.png) no-repeat left 14px; /* guestimate where the arrow starts */
}
#jmesg.u13 {
height: 144px;
}
#jmesg p {
margin: 0 0 0.7em 0;
padding: 0;
}
/* Bottom box */
.half {
float: left;
width: 49%;
text-align: center;
}
.halfright {
float: right;
}
.half label {
cursor: pointer;
}
#agree_privacy, #agree_terms, #email_thirdparties,#email_jagexgeneral,#email_thisservice{
background-color: #0b2540 !important;
border: 0;
vertical-align: middle;
}
#errorTerms {
line-height: 20px;
clear: both;
text-align: center;
}
#submitbutton, #playnow {
position: relative;
width: 315px;
height: 34px;
display: block;
margin: 0 auto 1em;
padding: 0;
border: none;
cursor: pointer;
background: none;
color: white;
}
#create img, #playnow img {
position: absolute;
left: 0;
top: 0;
}
#create_submit, #create_playnow {
position: absolute;
top: 0;
left: 0;
width: 315px;
height: 34px;
background: transparent url(../img/create/create_highlight.png) no-repeat -999px -999px;
}
#create_playnow {
background: transparent url(../img/create/playnow_highlight.png) no-repeat -999px -999px;
}
#submitbutton:hover #create_submit, #playnow:hover #create_playnow {
background-position: left top;
}
#submitbutton{
background-image: url(../img/create/continue.jpg);
background-repeat: no-repeat;
background-position: center top;
width: 112px;
height: 32px;
}
#submitbutton.createaccount{
background-image: none;
width: 167px;
height: 34px;
}
#submitbutton.createaccount div{
background-image: url(../img/create/create_account_mo.png);
background-repeat: no-repeat;
width: 164px;
height: 32px;
}
#submitbutton.createaccount:hover img{
display: none;
}
#submitbutton:hover{
background-position: center bottom;
}
/* Account Created Page */
/*.u13, */.usernamecreate {
color: #61E774;
font-weight:bold;
}
.usefullinks {
margin-top: 0;
margin-bottom: 2em;
}
.buttons {
width: 312px;
height: 32px;
position: relative;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.buttons a{
background:#808080 none repeat scroll 0%;
border:5px outset #909090;
color:white;
display:block;
font-weight:bold;
height:22px;
left:0pt;
margin:5px;
position:absolute;
text-align:center;
/*width: 312px;*//*215px*/
margin-left: auto;
margin-right: auto;
line-height: 22px;
}
.buttons a:hover {
background: #A0A0A0;
border-color: #ffffff;
}
#button-right span.lev1 {
background-image: url('../img/create/playnow.png');
}
#button-right span.lev1:hover {
background-position: left bottom;
}
span.lev1 {
display: block;
cursor: pointer;
position: absolute;
height: 32px/*40px*/;
/*left:-10px;*/
top:-5px;
width: 312px;/*234px;*/
}
a:hover span.lev1 {
background-position: left bottom;
}
div#logos {
margin: 0px auto;
text-align: center;
font-weight: bold;
width: 650px;
}
div#logos div {
padding: 0px;
margin: 15px 0px;
display: block;
width: 315px;
}
img.logo {
border: 1px solid gray;
background: black;
}
img#RS_logo {
padding: 5px 1em;
}
img#FO_logo {
padding: 6px 1em;
}
div#logos div#logo1 {
float: left;
}
div#logos div#logo2 {
float: right;
}
.underage {
color: #61E774;
font-weight: bold;
}
.hr {
height: 1px;
font-size: 1px;
line-height: 1px;
border-bottom: 2px solid #32415c;
background: none;
margin: 12px auto;
}
/* xAccount Created Page */
/* Status Bar */
#statusbar{
/*border: 1px solid blue;*/
text-align: left;
margin-left: auto;
margin-right: auto;
width: 741px;
margin-bottom: 5px;
}
.statusbarwrap{
}
#statusbar .statusbutton{
height: 29px;
background-repeat: no-repeat;
float: left;
text-align: left;
margin-left: 0px;
margin-right: 0px;
color: #666666;
border-left: 2px solid black;
padding: 0px;
}
#statusbar .statusbutton .firstoffspring{
margin-left: 0px;
border-left: none;
}
#statusbar .statusbutton div.left,
#statusbar .statusbutton div.right,
#statusbar .statusbutton div.middle{
width: 233px;
padding-top: 8px;
padding-left: 10px;
background-image: url(../img/create/bar_bg_inactive.gif);
background-repeat: repeat-x;
height: 21px;
}
#statusbar .statusbutton div.left{
}
#statusbar .statusbutton div.right{
width: 218px;
}
#statusbar .statusbutton div.middle{
}
#statusbar .statusbutton div.left{
padding-left: 0px;
}
#statusbar .statusbutton.firstoffspring{
padding-left: 15px;
background-image: url(../img/create/bar_left_inactive.gif);
background-repeat: no-repeat;
background-position: left 0px;
}
#statusbar .statusbutton.middleoffspring{
}
#statusbar .statusbutton.lastoffspring{
padding-right: 15px;
background-image: url(../img/create/bar_right_inactive.gif);
background-repeat: no-repeat;
background-position: right 0px;
}
#statusbar .statusbutton .left{
background-repeat: no-repeat;
background-position: left 0px;
width: 100%;
border: none;
margin: 0px;
height: 29px;
}
#statusbar .statusbutton .right{
background-repeat: no-repeat;
background-position: right 0px;
width: 100%;
border: none;
padding-left: 10px;
margin: 0px;
height: 29px;
}
#statusbar .firstActive,
#statusbar .lastActive,
#statusbar .middleActive {
color: white;
font-weight: bold;
}
#statusbar .statusbutton.lastActive{
background-image: url(../img/create/bar_right_active.gif);
}
#statusbar .statusbutton.firstActive{
background-image: url(../img/create/bar_left_active.gif);
}
#statusbar .statusbutton.firstActive div.subButton,
#statusbar .statusbutton.middleActive div.subButton,
#statusbar .statusbutton.lastActive div.subButton{
background-image: url(../img/create/bar_bg_active.gif);
}
label.cb{
float: none;
width: 300px;
text-align: left;
padding-left: 0px;
}
.formSection input.cb{
float: left;
margin-left: 18px;
margin-right: 8px;
/*width: 10px;*/
/*border-width: 0px;*/
cursor: pointer;
margin-bottom: 25px;
}
#email_thirdparties{
margin-bottom: 29px;
}
#t_and_c .formSection .cb{
margin-bottom: 0px;
}
.formSuperGroup.triple_line .formSection{
margin-top: 6px;
}
.formSuperGroup.triple_line .formSection:first-child{
margin-top: 13px;
}
/* Status Bar */
#t_and_c{
width: auto;
}
#t_and_c .formSection{
width: 350px;
/*padding-left: 15px;*/
}
#t_and_c.u13{
width: 400px;
}
#t_and_c label.cb{
}
/*#formBoxes .inner_brown_box:first-child{
padding-bottom: 2em;
}*/
/* #playnow{
width: 352px;
height: 32px;
}*/
#playnow a{
width: 312px;
height: 32px;
background: none;
border: none;
background-image: url(../img/create/playnow_highlight.png);
}
#playnow a img{}
#playnow a:hover img{
visibility: hidden;
}

View File

@ -0,0 +1,327 @@
form { margin: 0px; }
TABLE { width: 100%; border-collapse: collapse; border-spacing: 0px; }
INPUT, SELECT, TEXTAREA { background-color: black; color: white; }
INPUT, SELECT { font-size: 1em; }
input.b { background: #336DC5; border-color: #81A3C7; color: white; font-weight: bold; padding: 0px 3px; }
.bk { display: none; }
.tandc { margin-top: 20px; }
.white { color: white; }
.inactive { color: #999; }
.sticky1, TD.unread { font-weight: bold; }
.num,.center {text-align: center;}
/* Overrides the display property in the FunOrb global.css file */
td.center { display: table-cell; }
.bigtitle { font-weight: bold; }
.thrd { white-space:nowrap; width: 100%; }
.left_title, .title, #commandtitle { color: white; font-weight: bold; }
#infotitle { color: white; }
div.title { margin-bottom: 7px; }
.breadcrumb { color: white; font-size: 11px; }
#breadcrumb_bottom { margin: 7px 7px 2px 7px; font-weight: bold; }
#picker { text-align: right; margin: 4px 5px 0px 5px; padding: 5px 5px; }
#picker ul.flat { margin: 0px; }
#picker form { padding: 0px; }
#picker ul.flat { margin: 0px; }
#picker ul.flat li { margin-right: 0px; padding-right: 0px; }
#picker ul.flat li { margin-left: 8px; }
UL.flat { list-style-type: none; margin: 2px; padding: 0; }
UL.flat LI { display: inline; padding: 0 4px; margin: 0; }
li#delete_thread { padding-left: 7px; }
li#delete_thread a { color: #D50009; }
.actions INPUT, .actions SELECT { background-color: #222; border: 1px solid #444; text-align: center; }
#infopane, #infotitle, #commandtitle { padding-top: 15px; text-align: center; width: 95%; margin: 0px auto; }
#infotitle { padding-bottom: 10px; }
#infopane .title, #infotitle, #commandtitle { font-size: 15pt; margin: 0px auto; font-weight: normal; }
#infopane .title img { vertical-align: text-bottom; }
#infopane .about { margin-top: 20px; }
.attention { text-align: center; color: white; background-color: #a00; margin: 5px auto; padding: 2px; width: 99%; }
.goodattention { text-align: center; color: white; background-color: #060; margin: 5px auto; padding: 2px; width: 99%; }
.actions .commands {}
.nav, .nav INPUT { font-size: 8pt; }
#nocontrols { padding: 1px; margin-top: 10px; }
#controls, .actions, #info, #content_forum, .modcentreitem div.l { position: relative; background-color: black; }
#controls { padding: 1px; margin: 10px 0px 5px 0px; text-align: center; }
#controls, .actions, .border, #info, .modcentreitem div.l { border: 2px solid #0d2f53; }
#movThreadBtn { margin-left: 10px; padding: 0px 3px; }
#command { text-align: center; }
#command table { width: 70%; margin: auto; }
#command .commandtitle { text-align: right; width: 27%; }
#command .commandinput { font-size: 10px; }
#menu { padding: 8px 0px 12px 0px; text-align: center; }
#command .commandtwo { text-align: center; }
#becontrol table table { border-style: 2px solid #0d2f53; }
table.forum_group { border: 2px solid #0D2F53; margin-bottom: 7px; }
.forum_group .header_groupname {
color: #ffffff;
font-size: 11pt;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
padding: 8px 0px 8px 5px;
}
.header_threads, .header_posts { width: 10%; }
.header_posts { padding-top: 5px; padding-bottom: 5px; }
.header_lastpost { width: 121px; }
#header_lastpost { width: 120px; }
.forum_group td { border-top: 1px solid #0D2F53; background-color: #000000; }
.header_groupname .groupname { float: left; padding-right: 8px; }
.showhide_controls { text-align: center; float: left; padding-top: 1px; font-size: 0px; }
.hidefgroup, .showfgroup {
float: left;
cursor: pointer;
width: 13px;
height: 13px;
background: url(../../img/forum/cmdicons/contractexpand.gif) left top no-repeat;
}
.showfgroup { background-position: right top; }
.hidefgroup:hover { background-position: left bottom; }
.showfgroup:hover { background-position: right bottom; }
.forum_group tr.hidden_row { display: none; }
.forum_group .hidden_text { font-size: 0px; display: none; }
#contentfrm .item { background-color: #000; }
#contentfrm .icon, #content_forum .threadmarks { width: 4%; text-align: center; }
#contentfrm .icon { vertical-align: middle; padding: 4px 5px 4px 4px; }
#content .threadmarks { padding-right: 5px; }
#top, #bottom { padding: 2px; margin: auto; }
div#top { margin-bottom: 8px; }
div#bottom { margin-top: 8px; }
#content_forum, #becontrol, #contentmsg { padding: 2px; }
#content_forum { margin: 0px auto; }
#content_forum.item { border-top: 1px solid #0d2f53; }
#content_forum .update2 { width: 25%; }
#content_forum .spacerm #contentmsg .spacerm, #contentfrm.spacerm { height: 5px; }
#content_forum .sticky { font-weight: bold; }
div#modcentre_container { margin-bottom: -7px; }
.modcentreitem div.l { text-align: center; padding: 8px; margin: 0px auto 7px auto; width: 70%; }
.modcentreitem img { padding: 5px 0px 3px 0px; }
.modcentreitem .title { padding-bottom: 5px; }
tr#userview_first_row td { padding: 8px; }
div#becontrol td.list, div#becontrol td.viewdetails, .extra { border: 2px solid #313131; background-color: black; }
div#becontrol td.list { width: 25%; }
div#becontrol td.space { padding: 0px; width: 8px; }
div#becontrol .priv { text-align: right; margin-right: 32%; }
.extra, TD.viewdetails { margin-top: 20px; }
.extra { text-align: center; padding: 2px; }
#history, .listof { text-align: left; }
.searchresult { padding: 2px; }
#uid { text-align: center; color: #888; margin: 10px auto 5px auto; }
.msgplace { margin-top: -50px; }
#smileylegend { margin-top: 20px; text-align: center; }
#smileylegend span { cursor: pointer; }
#smileylegend span.title, #smileylegend span#smilytxt { cursor: text; }
#smileylegend span#smilytxt { display: block; }
.thdhid { background-color: #270909; }
.thdnrml { background-color: #191919; }
tr.thdnrml td { padding-top: 2px; padding-bottom: 2px; }
.note, .noteb, .notet { border: 2px solid #313131; padding: 2px 0px 5px 0px; background: black; }
.noteb { border-top: 0px; }
.notet { border-bottom: 0px; }
tr.note td { text-align: center; }
.notehidden { background-color: #270909; }
.sm0,.sm1,.sm2,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9 { width: 15px; height: 15px; background-image: url('../../img/forum/smileys.gif'); }
.sm0 { background-position: 0px; }
.sm1 { background-position: 135px; }
.sm2 { background-position: 120px; }
.sm3 { background-position: 105px; }
.sm4 { background-position: 90px; }
.sm5 { background-position: 75px; }
.sm6 { background-position: 60px; }
.sm7 { background-position: 45px; }
.sm8 { background-position: 30px; }
.sm9 { background-position: 15px; }
#contentfrm a { text-decoration: none; }
#qr { height: 0px; }
div.hist { background-color: black; }
#infopane a, #picker a, td.commands a { text-decoration: none; font-weight: bold; }
td.threadtitle a { font-weight: bold; text-decoration: none; }
td.title, td.num, .righttd { vertical-align: middle; text-align: center; }
td.left_title { text-align: left; vertical-align: middle; }
td.threadtitle img { vertical-align: text-bottom; }
#search .listof {
position: relative;
top: -15px;
}
.thread_status, .last_posted, .show_posts_by { text-align: center; padding-bottom: 4px; }
span#reason { font-weight: bold; }
td.commandtitle, td.commandinput { vertical-align: middle; }
td.commandinput { text-align: left; }
td.commandinput input { margin: 5px auto 5px 4px; }
div#info div.cont { padding: 5px; }
div#info div.cont br { display: block; margin: 4px; }
div.about a img { margin-right: 4px; vertical-align: text-top; }
td.commands a img { vertical-align: text-bottom; }
div#becontrol input, div#becontrol select { margin: 5px 3px 5px 0px; }
div#becontrol div#username { display: inline; }
span.username { font-weight: bold; }
div#becontrol div#memberof { display: inline; }
div#becontrol a { line-height: 15px; }
div#menu a { line-height: 19px; }
div#lookupuser { margin-bottom: 5px; }
p#ban_history_spacing { display: none; }
h3 { margin-top: 5px; margin-bottom: 14px; }
td.threadtitle { padding-left: 5px; }
div#info div.cont { padding: 10px; }
td.righttd { padding-right: 10px; }
center.modcentretxt { text-align: left; }
td.posts_by { text-align: center; }
div#lookupuser { margin-bottom: 16px; }
td.commandtwo textarea#charlimit_text_a { margin-top: 7px }
textarea { padding: 8px; }
div.userview_spacing { margin-top: 12px; }
div.go_back_link { margin-bottom: 12px; }
p.top { text-align: right; }
div#COC_summary_container {
height: 1%;
padding: 0px 5px 5px 5px;
margin-top: 0px;
}
.COC_rules {
padding: 0;
background: black;
}
.COC_rules .subsection {
background-color: #0B2540;
border-bottom: 5px solid #0B2540;
}
td.COC_spacer { font-size: 0px; line-height: 0px; padding: 0px 4px 0px 0px; }
td.COC_rules ul {
margin: 0px;
padding: 0px 4px 4px 12px;
line-height: 28px;
color: #FFD200;
list-style-type: square;
list-style-position: inside;
}
html>body td.COC_rules ul { text-indent: -3px; }
p#COC_ie_bug { padding-right: 2px; }
.section h4 {
color: #DAD6D5;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 0px 8px 0px;
}
h3 {
font-size: 1.2em;
margin-bottom: 11px;
margin-top: 11px;
}
div#threadadd_buttons { width: 312px; margin: 5px auto; }
div#threadedit_buttons { width: 263px; margin: 5px auto; }
div#messageadd_buttons { width: 362px; margin: 5px auto; }
div#messageedit_buttons { width: 392px; margin: 5px auto; }
#threadescalate_button, #usermessage_button, #sendquery_button { margin-top: 5px; }
#togglesmileys_button { float: none; margin-left: 0px; }
#search_button, .finduser_button {
float: none;
display: inline;
margin-left: 0px;
position: relative;
top: 1px;
}
.finduser_button { margin-left: 3px; }
div#search_query { margin-bottom: 15px; }
#search_button { margin-top: 6px; }
div#adv_search_opts { text-align: left; height: 1%; }
div#adv_search_opts div.title { margin-bottom: 10px; }
div#info #adv_search_opts { display: block; padding-bottom: 5px; }
div#hiddeninfo #adv_search_opts { display: none; }
div#adv_search_title a { text-decoration: none; }
#adv_search_opts #user_options { text-align: center; margin-bottom: 10px; }
#adv_search_opts td { vertical-align: middle; text-align: left; }
#adv_search_opts #show_options { float: left; width: 380px; margin-right: auto; }
#adv_search_opts #show_options td { padding-top: 3px; }
#adv_search_opts #status_options { float: left; width: 280px; margin-left: auto; }
#adv_search_opts #status_options img { padding-right: 2px; vertical-align: text-bottom; }
#adv_search_opts .left_cbox input { margin-right: 15px; }
#adv_search_opts #status_options #reset { margin-top: 25px; }
#adv_search_opts #footnote { margin-top: 15px; }
#adv_search_opts #footnote hr { border-top: 1px solid #dad6d5; border-bottom-style: none; margin: 0px; }
#adv_search_opts span.asterisk { font-weight: normal; padding: 1px; }
#adv_search_opts #created_within,
#adv_search_opts #updated_within {
width: 141px;
}
#search_results { margin-top: 30px; }
#search_results td { padding: 2px 4px; }
#search_results td.title { text-align: left; }
#search_results td.rating { width: 80px; }
#search_results td.rating img { vertical-align: bottom; }
#search_results td.result { }
#search_results td.last_updated { text-align: right; width: 130px; }
#search_results tr.odd { background-color: #0E305A; }
#search_results tr.even { background-color: #0c2749; }
#search_results tr.even td.msg_extract { padding-bottom: 8px; }
#search_results td.msg_extract { padding-bottom: 3px; }
#search_results td.result,
#search_results td.rating,
#search_results td.last_updated {
padding-top: 3px;
}
#search_results tr.even td.result,
#search_results tr.even td.rating,
#search_results tr.even td.last_updated {
padding-top: 8px;
}

View File

@ -0,0 +1,339 @@
form { margin: 0px; }
TABLE { width: 100%; border-collapse: collapse; border-spacing: 0px; }
INPUT, SELECT, TEXTAREA { background-color: black; color: white; }
INPUT, SELECT { font-size: 1em; }
input.b { background: #336DC5; border-color: #81A3C7; color: white; font-weight: bold; padding: 0px 3px; }
.bk { display: none; }
.tandc { margin-top: 20px; }
.white { color: white; }
.inactive { color: #999; }
.sticky1, TD.unread { font-weight: bold; }
.n,.center {text-align: center;}
/* Overrides the display property in the FunOrb global.css file */
td.center { display: table-cell; }
.t { font-weight: bold; }
.thrd { white-space:nowrap; width: 100%; }
.left_title, .title, #commandtitle { color: white; font-weight: bold; }
#infotitle { color: white; }
div.title { margin-bottom: 7px; }
.breadcrumb { color: white; font-size: 11px; }
#breadcrumb_bottom { margin: 7px 7px 2px 7px; font-weight: bold; }
#picker { text-align: right; margin: 4px 5px 0px 5px; padding: 5px 5px; }
#picker ul.flat { margin: 0px; }
#picker form { padding: 0px; }
#picker ul.flat { margin: 0px; }
#picker ul.flat li { margin-right: 0px; padding-right: 0px; }
#picker ul.flat li { margin-left: 8px; }
UL.flat { list-style-type: none; margin: 2px; padding: 0; }
UL.flat LI { display: inline; padding: 0 4px; margin: 0; }
li#delete_thread { padding-left: 7px; }
li#delete_thread a { color: #D50009; }
.actions INPUT, .actions SELECT { background-color: #222; border: 1px solid #444; text-align: center; }
#infopane, #infotitle, #commandtitle { padding-top: 15px; text-align: center; width: 95%; margin: 0px auto; }
#infotitle { padding-bottom: 10px; }
#infopane .title, #infotitle, #commandtitle { font-size: 15pt; margin: 0px auto; font-weight: normal; }
#infopane .title img { vertical-align: text-bottom; }
#infopane .about { margin-top: 20px; }
.attention { text-align: center; color: white; background-color: #a00; margin: 5px auto; padding: 2px; width: 99%; }
.goodattention { text-align: center; color: white; background-color: #060; margin: 5px auto; padding: 2px; width: 99%; }
.actions .commands {}
.nav, .nav INPUT { font-size: 8pt; }
#nocontrols { padding: 1px; margin-top: 10px; }
#controls, .actions, #info, #content_forum, .modcentreitem div.l { position: relative; background-color: black; }
#controls { padding: 1px; margin: 10px 0px 5px 0px; text-align: center; }
#controls, .actions, .border, #info, .modcentreitem div.l { border: 2px solid #0d2f53; }
#movThreadBtn { margin-left: 10px; padding: 0px 3px; }
#command { text-align: center; }
#command table { width: 70%; margin: auto; }
#command .commandtitle { text-align: right; width: 27%; }
#command .commandinput { font-size: 10px; }
#menu { padding: 8px 0px 12px 0px; text-align: center; }
#command .commandtwo { text-align: center; }
#becontrol table table { border-style: 2px solid #0d2f53; }
table.group { border: 2px solid #0D2F53; margin-bottom: 7px; }
.group .groupname {
color: #ffffff;
font-size: 11pt;
letter-spacing: 1px;
font-weight: bold;
text-align: left;
padding: 8px 0px 8px 5px;
}
.threads, .posts { width: 10%; }
.posts { padding-top: 5px; padding-bottom: 5px; }
.lastpost { width: 121px; }
#header_lastpost { width: 120px; }
.group td { border-top: 1px solid #0D2F53; background-color: #000000; }
.groupname .groupname { float: left; padding: 0 8px 0 0; }
.showhide { text-align: center; float: left; padding-top: 1px; font-size: 0px; }
.hidefgroup, .showfgroup {
float: left;
cursor: pointer;
width: 13px;
height: 13px;
background: #0A3B76 url(../../img/forum/cmdicons/contractexpand.gif) left top no-repeat;
}
.showfgroup { background-position: right top; }
.hidefgroup:hover { background-position: left bottom; }
.showfgroup:hover { background-position: right bottom; }
.group tr.hidden_row { display: none; }
.group .hidden_text { font-size: 0px; display: none; }
#contentfrm .f { background-color: #000; }
#contentfrm .i, #content_forum .threadmarks { width: 4%; text-align: center; }
#contentfrm .i { vertical-align: middle; padding: 4px 5px 4px 4px; }
#content .threadmarks { padding-right: 5px; }
#top, #bottom { padding: 2px; margin: auto; }
div#top { margin-bottom: 8px; }
div#bottom { margin-top: 8px; }
#content_forum, #becontrol, #contentmsg { padding: 2px; }
#content_forum { margin: 0px auto; }
#content_forum.f { border-top: 1px solid #0d2f53; }
#content_forum .u { width: 25%; }
#content_forum .spacerm #contentmsg .spacerm, #contentfrm.spacerm { height: 5px; }
#content_forum .sticky { font-weight: bold; }
div#modcentre_container { margin-bottom: -7px; }
.modcentreitem div.l { text-align: center; padding: 8px; margin: 0px auto 7px auto; width: 70%; }
.modcentreitem img { padding: 5px 0px 3px 0px; }
.modcentreitem .title { padding-bottom: 5px; }
tr#userview_first_row td { padding: 8px; }
div#becontrol td.list, div#becontrol td.viewdetails, .extra { border: 2px solid #313131; background-color: black; }
div#becontrol td.list { width: 25%; }
div#becontrol td.space { padding: 0px; width: 8px; }
div#becontrol .priv { text-align: right; margin-right: 32%; }
.extra, TD.viewdetails { margin-top: 20px; }
.extra { text-align: center; padding: 2px; }
#history, .listof { text-align: left; }
.searchresult { padding: 2px; }
#uid { text-align: center; color: #888; margin: 10px auto 5px auto; }
.msgplace { margin-top: -50px; }
#smileylegend { margin-top: 20px; text-align: center; }
#smileylegend span { cursor: pointer; }
#smileylegend span.title, #smileylegend span#smilytxt { cursor: text; }
#smileylegend span#smilytxt { display: block; }
.thdhid { background-color: #270909; }
.thdnrml { background-color: #191919; }
tr.thdnrml td { padding-top: 2px; padding-bottom: 2px; }
.note, .noteb, .notet { border: 2px solid #313131; padding: 2px 0px 5px 0px; background: black; }
.noteb { border-top: 0px; }
.notet { border-bottom: 0px; }
tr.note td { text-align: center; }
.notehidden { background-color: #270909; }
.sm0,.sm1,.sm2,.sm3,.sm4,.sm5,.sm6,.sm7,.sm8,.sm9 { width: 15px; height: 15px; background-image: url('../../img/forum/smileys.gif'); }
.sm0 { background-position: 0px; }
.sm1 { background-position: 135px; }
.sm2 { background-position: 120px; }
.sm3 { background-position: 105px; }
.sm4 { background-position: 90px; }
.sm5 { background-position: 75px; }
.sm6 { background-position: 60px; }
.sm7 { background-position: 45px; }
.sm8 { background-position: 30px; }
.sm9 { background-position: 15px; }
#contentfrm a { text-decoration: none; }
#qr { height: 0px; }
div.hist { background-color: black; }
#infopane a, #picker a, td.commands a { text-decoration: none; font-weight: bold; }
td.threadtitle a { font-weight: bold; text-decoration: none; }
td.title, td.n, .r { vertical-align: middle; text-align: center; }
td.left_title { text-align: left; vertical-align: middle; }
td.threadtitle img { vertical-align: text-bottom; }
#search .listof {
position: relative;
top: -15px;
}
.thread_status, .last_posted, .show_posts_by { text-align: center; padding-bottom: 4px; }
span#reason { font-weight: bold; }
td.commandtitle, td.commandinput { vertical-align: middle; }
td.commandinput { text-align: left; }
td.commandinput input { margin: 5px auto 5px 4px; }
div#info div.cont { padding: 5px; }
div#info div.cont br { display: block; margin: 4px; }
div.about a img { margin-right: 4px; vertical-align: text-top; }
td.commands a img { vertical-align: text-bottom; }
div#becontrol input, div#becontrol select { margin: 5px 3px 5px 0px; }
div#becontrol div#username { display: inline; }
span.username { font-weight: bold; }
div#becontrol div#memberof { display: inline; }
div#becontrol a { line-height: 15px; }
div#menu a { line-height: 19px; }
div#lookupuser { margin-bottom: 5px; }
p#ban_history_spacing { display: none; }
h3 { margin-top: 5px; margin-bottom: 14px; }
td.threadtitle { padding-left: 5px; }
div#info div.cont { padding: 10px; }
td.r { padding-right: 10px; }
center.modcentretxt { text-align: left; }
td.posts_by { text-align: center; }
div#lookupuser { margin-bottom: 16px; }
td.commandtwo textarea#charlimit_text_a { margin-top: 7px }
textarea { padding: 8px; }
div.userview_spacing { margin-top: 12px; }
div.go_back_link { margin-bottom: 12px; }
p.top { text-align: right; }
div#COC_summary_container {
height: 1%;
padding: 0px 5px 5px 5px;
margin-top: 0px;
}
.COC_rules {
padding: 0;
background: black;
}
.COC_rules .subsection {
background-color: #0B2540;
border-bottom: 5px solid #0B2540;
}
td.COC_spacer { font-size: 0px; line-height: 0px; padding: 0px 4px 0px 0px; }
td.COC_rules ul {
margin: 0px;
padding: 0px 4px 4px 12px;
line-height: 28px;
color: #FFD200;
list-style-type: square;
list-style-position: inside;
}
html>body td.COC_rules ul { text-indent: -3px; }
p#COC_ie_bug { padding-right: 2px; }
.section h4 {
color: #DAD6D5;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 0px 8px 0px;
}
h3 {
font-size: 1.2em;
margin-bottom: 11px;
margin-top: 11px;
}
div#threadadd_buttons { width: 312px; margin: 5px auto; }
div#threadedit_buttons { width: 263px; margin: 5px auto; }
div#messageadd_buttons { width: 362px; margin: 5px auto; }
div#messageedit_buttons { width: 392px; margin: 5px auto; }
#threadescalate_button, #usermessage_button, #sendquery_button { margin-top: 5px; }
#togglesmileys_button { float: none; margin-left: 0px; }
#search_button, .finduser_button {
float: none;
display: inline;
margin-left: 0px;
position: relative;
top: 1px;
}
.finduser_button { margin-left: 3px; }
div#search_query { margin-bottom: 15px; }
#search_button { margin-top: 6px; }
div#adv_search_opts { text-align: left; height: 1%; }
div#adv_search_opts div.title { margin-bottom: 10px; }
div#info #adv_search_opts { display: block; padding-bottom: 5px; }
div#hiddeninfo #adv_search_opts { display: none; }
div#adv_search_title a { text-decoration: none; }
#adv_search_opts #user_options { text-align: center; margin-bottom: 10px; }
#adv_search_opts td { vertical-align: middle; text-align: left; }
#adv_search_opts #show_options { float: left; width: 44%; margin-right: auto; }
#adv_search_opts #show_options td { padding-top: 3px; }
#adv_search_opts #status_options { float: left; width: 280px; margin-left: auto; }
#adv_search_opts #status_options img { padding-right: 2px; vertical-align: text-bottom; }
#adv_search_opts .left_cbox input { margin-right: 15px; }
#adv_search_opts #status_options #reset { margin-top: 25px; }
#adv_search_opts #footnote { margin-top: 15px; }
#adv_search_opts #footnote hr { border-top: 1px solid #dad6d5; border-bottom-style: none; margin: 0px; }
#adv_search_opts span.asterisk { font-weight: normal; padding: 1px; }
#adv_search_opts select{ width: 100%; }
#show_options table{
width: 330px;
}
#show_options table td.firstChild,
#show_options table td:first-child{
width: 35%;
}
/*
#adv_search_opts #created_within,
#adv_search_opts #updated_within {
width: 141px;
}
*/
#search_results { margin-top: 30px; }
#search_results td { padding: 2px 4px; }
#search_results td.title { text-align: left; }
#search_results td.rating { width: 80px; }
#search_results td.rating img { vertical-align: bottom; }
#search_results td.result { }
#search_results td.last_updated { text-align: right; width: 130px; }
#search_results tr.odd { background-color: #0E305A; }
#search_results tr.even { background-color: #0c2749; }
#search_results tr.even td.msg_extract { padding-bottom: 8px; }
#search_results td.msg_extract { padding-bottom: 3px; }
#search_results td.result,
#search_results td.rating,
#search_results td.last_updated {
padding-top: 3px;
}
#search_results tr.even td.result,
#search_results tr.even td.rating,
#search_results tr.even td.last_updated {
padding-top: 8px;
}

View File

@ -0,0 +1,62 @@
/* Hides from IE5-mac and Mozilla \*/
* html #contentmsg .message { height: 1%; }
* html #contentmsg .rightpanel { width:570px; }
/* End hide from IE5-mac and Mozilla */
/* Hide from (old versions of?) IE: > operator not supported */
div > table.message { border-collapse: separate; }
#contentmsg { padding: 4px 6px; }
#contentmsg .message {
text-align: left;
border: 2px solid #002085;
margin-bottom: 4px;
margin-top: 4px;
background-color: #000B1D;
border-color: #002085;
}
#contentmsg .leftpanel { border: 3px solid #06234D; vertical-align: top; width: 20%; padding: 0px 0px 10px 0px; background-color: #021126; }
#contentmsg .rightpanel { margin-right: 10px; background-color: #000C1D; padding-left: 9px; word-wrap: break-word; overflow:hidden; }
*:first-child+html #contentmsg .msgcontents { display: block; width: 580px; } /* IE7 only */
#contentmsg .msgcontents {
padding: 10px 10px 2em 1px;
word-wrap: break-word;
overflow:hidden;
color: #CCCCCC;
font-size: 12px;
width: 560px;
}
#contentmsg .msgtime { color: #888; text-align: right; margin-right: 5px; }
#contentmsg .hiddenmsg { color: #888; }
#contentmsg .msgcommands { text-align: center; margin-top: 5px; }
#contentmsg .msgcommands .button{
background-color: transparent;
border: none;
color: #FFD200;
font-size: 1.0em;
margin: 0px;
}
#contentmsg .modtype, #content .msgcommands { font-size: 8pt; }
#content .msgcommands { text-align: center; }
#contentmsg .modtype { padding: 0px 0px 3px 23px; }
#contentmsg .msgcreator { background-color: #06234D; padding: 3px; font-size: 12px; font-family: Verdana,Helvetica,FreeSans,sans-serif; }
#contentmsg .jmod .msgcreator, #contentmsg .jmod .modtype { background-color: #4C4205; }
#contentmsg .mod { border-color: #04741E; }
#contentmsg .mod .leftpanel { background-color: #032606; border-color: #064C0E; }
#contentmsg .mod .msgcreator, #contentmsg .mod .modtype { background-color: #064C0E; }
#contentmsg .moved { background-color: #050525; border-color: #16164a; }
#contentmsg .moved .leftpanel { background-color: #050530; }
#contentmsg .jmod .leftpanel { background-color: #262103; border-color: #4C4205; }
#contentmsg .jmod { border-color: #66661C; }
#contentmsg .hid .leftpanel, #contentmsg .hid .leftpanel div {
background-color: #270909; border-color: #270909;
}
#contentmsg .hid { background-color: #200909; border-color: #472929; }
#contentmsg .msghighlight { border: 2px solid yellow; color: white; }
div.msgrate { margin: 12px auto 7px auto; }

View File

@ -0,0 +1,60 @@
/* Hides from IE5-mac and Mozilla \*/
* html #contentmsg .message { height: 1%; }
* html #contentmsg .rightpanel { width:570px; }
/* End hide from IE5-mac and Mozilla */
/* Hide from (old versions of?) IE: > operator not supported */
div > table.message { border-collapse: separate; }
#contentmsg { padding: 4px 6px; }
#contentmsg .message {
text-align: left;
border: 2px solid #002085;
margin-bottom: 4px;
margin-top: 4px;
background-color: #000B1D;
border-color: #002085;
}
#contentmsg .leftpanel { border: 3px solid #06234D; vertical-align: top; width: 20%; padding: 0px 0px 10px 0px; background-color: #021126; }
#contentmsg .rightpanel { margin-right: 10px; background-color: #000C1D; padding-left: 9px; word-wrap: break-word; overflow:hidden; }
*:first-child+html #contentmsg .msgcontents { display: block; width: 580px; } /* IE7 only */
#contentmsg .msgcontents {
padding: 10px 10px 2em 1px;
word-wrap: break-word;
overflow:hidden;
color: #CCCCCC;
font-size: 12px;
width: 560px;
}
#contentmsg .msgtime { color: #888; text-align: right; margin-right: 5px; }
#contentmsg .hiddenmsg { color: #888; }
#contentmsg .msgcommands { text-align: center; margin-top: 5px; }
#contentmsg .msgcommands .button{
background-color: transparent;
border: none;
color: #FFD200;
font-size: 1.0em;
margin: 0px;
}
#contentmsg .modtype, #content .msgcommands { font-size: 8pt; }
#content .msgcommands { text-align: center; }
#contentmsg .modtype { padding: 0px 0px 3px 23px; }
#contentmsg .msgcreator { background-color: #06234D; padding: 3px; font-size: 12px; }
#contentmsg .jmod .msgcreator, #contentmsg .jmod .modtype { background-color: #4C4205; }
#contentmsg .mod { border-color: #04741E; }
#contentmsg .mod .leftpanel { background-color: #032606; border-color: #064C0E; }
#contentmsg .mod .msgcreator, #contentmsg .mod .modtype { background-color: #064C0E; }
#contentmsg .moved { background-color: #050525; border-color: #16164a; }
#contentmsg .moved .leftpanel { background-color: #050530; }
#contentmsg .jmod .leftpanel { background-color: #262103; border-color: #4C4205; }
#contentmsg .jmod { border-color: #66661C; }
#contentmsg .hid .leftpanel, #contentmsg .hid .leftpanel div {
background-color: #270909; border-color: #270909;
}
#contentmsg .hid { background-color: #200909; border-color: #472929; }
#contentmsg .msghighlight { border: 2px solid yellow; color: white; }
div.msgrate { margin: 12px auto 7px auto; }

View File

@ -0,0 +1,277 @@
/* ############# */
/* GAME PAGE CSS */
/* ############# */
/* Navigation */
#gameContainer #navigation {
background:url(../img/images/layout/nav_game.gif) repeat-x 136px;
margin:auto;
height:136px;
width:758px;
position:relative;
top:0px;
left:0px;
z-index:1;
}
#gameContainer #navigation .lft {
background:url(../img/images/layout/nav_game.gif) no-repeat;
position:absolute;
left:-9px;
height:136px;
width:10px;
}
#gameContainer #navigation .rght {
background:url(../img/images/layout/nav_game.gif) no-repeat right -272px;
position:absolute;
right:-9px;
height:136px;
width:10px;
}
/* xNavigation */
#gameContainer {
margin:0px auto;
width:100%;
background: none;
}
#gameContainer .menu {
position:absolute;
left:0px;
bottom:0px;
width:758px;
}
#gameContainer li.p2 {
width:105px;
}
#gameContainer li.p3 {
width:105px;
}
#gameContainer li.p11 {
width:368px;
}
#gameContainer li.p11 span {
background:url(../img/images/layout/menu.gif) no-repeat right 0px;
margin-left:3px;
display:block;
color:#04fa2d;
width:183px;
margin-left:285px;
}
#affgame {
line-height: 25px;
padding: 2px 0 0 94px;
background:url(../img/images/layout/affiliate_gameheader.gif) no-repeat left 1px;
}
#affgame li.p11 span {
margin-left: 108px;
}
#affgame li.p11 {
width:200px;
}
#affgame #affgamelogo {
position: absolute;
right: 0;
bottom: -3px;
height: 38px;
background: url(../img/images/layout/affiliate_gameheader.gif) no-repeat left 2px;
padding: 4px 14px 0 69px;
font-size: 34px;
}
#affgame #affgamelogo img {
width: 88px;
height: 31px;
}
.menu li a#gamelist,
.menu li a#serverlist {
background:url(../img/images/layout/menu.gif) no-repeat 0px -76px;
}
.menu li a#gamelist span,
.menu li a#serverlist span {
margin-left:3px;
background:url(../img/images/layout/menu.gif) no-repeat right -76px;
display:block;
}
.menu li a#gamelist:hover span,
.menu li a#serverlist:hover span {
background:url(../img/images/layout/menu.gif) no-repeat right -114px;
}
.menu li a#gamelist:hover,
.menu li a#serverlist:hover {
background:url(../img/images/layout/menu.gif) no-repeat 0px -114px;
}
.menu li a#gamelist {width:105px;}
.menu li a#serverlist {
width:105px;
}
.menu li.top:hover a#gamelist,
.menu li.top:hover a#serverlist {
background:url(../img/images/layout/menu.gif) no-repeat 0px -114px;
}
.menu li.top:hover a#gamelist span,
.menu li.top:hover a#serverlist span {
background:url(../img/images/layout/menu.gif) no-repeat right -114px;
}
#returnToGames {
cursor:pointer;
}
#banner {
background:#000;
border:solid 1px #000;
width:728px;
height:90px;
margin: 0px auto;
position:relative;
top:5px;
}
#affbanner {
width:728px;
height:90px;
margin: 0px auto;
position:relative;
top:5px;
}
#bookmark {
background:url("../img/images/social/bookmark_bg.png") repeat scroll 0 0 transparent;
height:34px;
line-height:32px;
}
#bookmark .bmtg {
position: relative;
top: 1px;
font-size: 12px;
font-weight: bold;
}
#bookmark,
#copyRight,
#theGameScreen {
width: 776px;
margin: auto
}
#theGameScreen {
background: black;
padding: 15px 0;
}
#ResizableContent {
position: absolute;
width: 100%;
height: auto;
left: 0;
text-align: center;
}
/*body#game #footer #copyRight {
background:none !important;
padding-top:25px;
}
body#game #footer {
background:url(../img/images/layout/gameFooter.jpg) repeat-x -101px;
margin:0px 9px;
height:101px;
width:758px !important;
position:relative;
}
body#game #footer .lft {
background:url(../img/images/layout/gameFooter.jpg) no-repeat;
position:absolute;
left:-9px;
height:101px;
width:16px;
}
body#game #footer .rght {
background:url(../img/images/layout/gameFooter.jpg) no-repeat right -202px;
position:absolute;
right:-9px;
height:101px;
width:16px;
}*/
.GameResize .bodyTheme,
body.GameResize,
.GameResize #wrapper {
background: black !important;
}
body.GameResize,
.GameResize applet,
.GameResize #theGameScreen {
height: 100%;
}
.GameResize #theGameScreen,
.GameResize applet {
width: 100%;
}
.GameResize #theGameScreen {
margin: 0;
}
.GameResize #ResizableContent {
bottom: 0;
top: 150px;
}
.GameResize #theGameScreen {
padding: 0;
}
.GameResize #theGameScreen p,
.GameResize #bookmark,
.GameResize #copyRight {
display: none;
}
/* ############# */
/* xGAME PAGE CSS */
/* ############# */

View File

@ -0,0 +1,94 @@
#gamelistAdvert {
margin:0 5px 8px 7px;
}
#gamelist .subsectionContent {
padding-top: 6px;
}
#filterform {
padding:4px;
margin:0px 6px 6px 5px;
background:#0b2540;
}
#multigenre {
margin-left:5px;
}
.gamelistentry {
width:240px;
float:left;
text-decoration:none;
background:#0b2540;
margin:0 0 6px 5px;
font-size:11px;
display:inline;
}
.gametitle a,
.gametitle a:hover,
.genre a,
.genre a:hover {
text-decoration:none;
color:#FFD200;
padding-left:1px;
}
.gameimage {
float:left;
padding:4px 0 4px 4px;
font-size:0px;
}
.gameimage a,
.gameimage img {
display: block;
width: 95px;
height: 70px;
}
.gametext {
float:left;
width:135px;
margin-left:3px;
overflow:hidden;
}
.gametitle {
color:#ffc000;
height:1.3em;
overflow:hidden;
margin-top:2px;
font-weight:bold;
}
.gamedesc {
height:3.8em;
overflow:hidden;
font-size:10px;
padding-left:2px;
}
.genre {
position:relative;
bottom:0px;
float:left;
margin-top:3px;
width:57px;
overflow:hidden;
}
#gameInfoInt {
background:#000;
height:100%;
margin: 0px 3px 0px 3px;
position:relative;
}
#gameInfoInt .links {
float: right;
margin-right:3px;
}

View File

@ -0,0 +1,94 @@
#gamelistAdvert {
margin:0 5px 8px 7px;
}
#games .subsectionContent {
padding-top: 6px;
}
#filterform {
padding:4px;
margin:0px 6px 6px 5px;
background:#0b2540;
}
#multigenre {
margin-left:5px;
}
.gamelistentry {
width:240px;
float:left;
text-decoration:none;
background:#0b2540;
margin:0 0 6px 5px;
font-size:11px;
display:inline;
}
.gametitle a,
.gametitle a:hover,
.genre a,
.genre a:hover {
text-decoration:none;
color:#FFD200;
padding-left:1px;
}
.gameimage {
float:left;
padding:4px 0 4px 4px;
font-size:0px;
}
.gameimage a,
.gameimage img {
display: block;
width: 95px;
height: 70px;
}
.gametext {
float:left;
width:135px;
margin-left:3px;
overflow:hidden;
}
.gametitle {
color:#ffc000;
height:1.3em;
overflow:hidden;
margin-top:2px;
font-weight:bold;
}
.gamedesc {
height:3.8em;
overflow:hidden;
font-size:10px;
padding-left:2px;
}
.genre {
position:relative;
bottom:0px;
float:left;
margin-top:3px;
width:57px;
overflow:hidden;
}
#gameInfoInt {
background:#000;
height:100%;
margin: 0px 3px 0px 3px;
position:relative;
}
#gameInfoInt .links {
float: right;
margin-right:3px;
}

View File

@ -0,0 +1,94 @@
#gamelistAdvert {
margin:0 5px 8px 7px;
}
#gamelist .subsectionContent {
padding-top: 6px;
}
#filterform {
padding:4px;
margin:0px 6px 6px 5px;
background:#0b2540;
}
#multigenre {
margin-left:5px;
}
.gamelistentry {
width:240px;
float:left;
text-decoration:none;
background:#0b2540;
margin:0 0 6px 5px;
font-size:11px;
display:inline;
}
.gametitle a,
.gametitle a:hover,
.genre a,
.genre a:hover {
text-decoration:none;
color:#FFD200;
padding-left:1px;
}
.gameimage {
float:left;
padding:4px 0 4px 4px;
font-size:0px;
}
.gameimage a,
.gameimage img {
display: block;
width: 95px;
height: 70px;
}
.gametext {
float:left;
width:135px;
margin-left:3px;
overflow:hidden;
}
.gametitle {
color:#ffc000;
height:1.3em;
overflow:hidden;
margin-top:2px;
font-weight:bold;
}
.gamedesc {
height:3.8em;
overflow:hidden;
font-size:10px;
padding-left:2px;
}
.genre {
position:relative;
bottom:0px;
float:left;
margin-top:3px;
width:57px;
overflow:hidden;
}
#gameInfoInt {
background:#000;
height:100%;
margin: 0px 3px 0px 3px;
position:relative;
}
#gameInfoInt .links {
float: right;
margin-right:3px;
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,542 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
h2, h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
#header,
#page_content .section {
color: white;
}
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release, #release object {
outline: 0;
float: left;
width: 432px;
height: 167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Developer's Diary */
#devDiary {
position: relative;
width: 308px;
height: 167px;
float: right;
font-size: 12px;
font-weight: bold;
background: url(../img/images/home/developer_diary_bg.png) left top no-repeat;
}
#devTitle {
padding: 3px 0 0 24px;
}
#devDiary img {
position: absolute;
left: 7px;
top: 27px;
width: 295px;
height: 133px;
background: #091e34 left top no-repeat;
}
#devName {
position: absolute;
font-size: 13px;
left: 15px;
top: 140px;
z-index: 1;
}
#devMore {
position: absolute;
right: 15px;
top: 141px;
}
/* xDeveloper's Diary */
/* page_content */
#navHome #page_content {
margin-top: 0;
padding-top: 8px;
background: url(../img/images/home/games_list_bg.png) left 36px no-repeat;
}
#page_content .sectionHeader,
#page_content .sectionHeaderRight {
height: 28px;
}
#pageContentFooter {
margin-left: 0;
margin-right: 0;
}
#page_content .sectionTitle span { /* news title */
float: left;
}
#page_content .sectionTitle a { /* news archive link */
float: right;
padding: 0 5px 0;
font-weight: normal;
text-decoration: underline;
}
#page_content .sectionTitle a:hover {
text-decoration: none;
}
/* xpage_content */
/* Games List */
#gamesHeader {
float: left;
width: 437px;
}
#gamesList {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
font-size: 11px;
}
#gamesList li {
padding: 0;
}
#gamesList .first {
display: inline;
clear: left;
margin-left: 10px;
}
/* sub elements of the game boxes shared properties for all sizes + some shared by medium and small then overidden by big */
.gamesName {
overflow: hidden;
height: 29px;
font-weight: bold;
}
.gamesName table {
width: 100%;
border-collapse: collapse;
}
.gamesName td {
height: 27px;
padding: 0 4px;
font-weight: bold;
line-height: 90%;
text-align: center;
vertical-align: middle;
}
.gamesName a {
text-decoration: none;
color: white;
}
.gamesIcon {
display: block;
margin: 0 auto 3px;
}
.gamesButtons {
position: absolute;
bottom: 1px;
left: 2px;
line-height: 15px;
font-weight: bold;
}
.gamesButtons a {
text-decoration: none;
color: white;
}
.gamesInfo {
float: left;
width: 22px;
height: 17px;
background: no-repeat left bottom;
}
.gamesInfo:hover img {
visibility: hidden;
}
.gamesPlay {
float: right;
height: 17px;
background: no-repeat right top;
}
.gamesPlay:hover {
color: #F6E89A;
background-position: right bottom;
}
/* Big games boxes */
.gamesBig {
position: relative;
float: left;
margin: 8px 0 0 9px;
width: 204px;
height: 214px;
background: #021c5d url(../img/images/home/games_big_bg.png);
}
.gamesBig .gamesName {
height: 33px;
}
.gamesBig .gamesName td {
height: 32px;
font-size: 13px;
}
.gamesBig .gamesIcon {
width: 192px;
height: 140px;
margin-bottom: 2px;
}
.gamesBig .gamesButtons {
width: 200px;
line-height: 18px;
font-size: 12px;
}
.gamesBig .gamesInfo {
width: 22px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
.gamesBig .gamesPlay {
width: 178px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
/* Medium games boxes */
.gamesMedium {
position: relative;
float: left;
margin: 8px 0 0 6px;
width: 135px;
height: 158px;
background: #021c5d url(../img/images/home/games_medium_bg.png);
}
.gamesMedium .gamesIcon {
width: 125px;
height: 92px;
}
.gamesMedium .gamesGenre {
font-size: 9px;
}
.gamesMedium .gamesButtons {
width: 131px;
}
.gamesMedium .gamesInfo {
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
.gamesMedium .gamesPlay {
width: 109px;
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
/* Small games boxes */
.gamesSmall {
position: relative;
float: left;
margin: 8px 0 5px 6px;
width: 119px;
height: 145px;
background: #021c5d url(../img/images/home/games_small_bg.png);
}
.gamesSmall .gamesName td {
padding-bottom: 1px;
}
.gamesSmall .gamesIcon {
width: 107px;
height: 79px;
}
.gamesSmall .gamesGenre {
font-size: 9px;
}
.gamesSmall .gamesButtons {
width: 115px;
}
.gamesSmall .gamesInfo {
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
.gamesSmall .gamesPlay {
width: 93px;
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
/* All games link */
#gamesAll {
width: 117px;
font-weight: bold;
text-decoration: none;
color: white;
background: #021c5d url(../img/images/home/games_all_bg.png) left top no-repeat;
}
#gamesAll .gamesName {
line-height: 26px;
}
#gamesAll .gamesIcon {
width: 105px;
height: 93px;
}
#gamesAll .gamesButtons {
position: absolute;
width: 113px;
height: 17px;
color: white;
text-decoration: none;
background: url(../img/images/home/games_all_button.png) left top no-repeat;
}
#gamesAll .gamesButtons:hover {
background-position: center bottom;
}
/* xGames List */
/* Community Inset (News / Community Home) */
#communityInset {
float: right;
margin: 0 0 4px;
width: 315px;
}
#communityInset .sectionBackground {
background-color: black;
}
/* xCommunity Inset */
/* News */
#news {
margin: 0 0 8px; /* bottom margin is 10-2px to comp for the -2px top margin on the sectionFooter */
height: 282px;
}
#news .sectionContent {
padding: 3px 3px 0;
height: 246px; /* fix the height as the accordion is less accurate in Safari and the bottom of the box wiggles if it's not fixed height */
}
#news .sectionFooter {
margin-top: -2px;
}
.newsHead {
height: 23px;
overflow: hidden;
padding: 0 4px;
outline: 0;
background-image: url(../img/images/home/news_head_bg.png);
}
.ui-accordion .newsHead { /* whole bar should appear to be a link with JS enabled */
cursor: pointer;
}
.newsHead a { /* title */
float: left;
padding: 3px 0 0 12px;
font-weight: bold;
background: url(../img/images/home/news_arrow.png) left 6px no-repeat;
text-decoration: none;
}
.ui-accordion .newsHead a { /* shouldn't look like links with JS enabled */
color: white;
}
#news h3.ui-state-active a { /* can't just do .newsHead.ui-state-active as IE doesn't support chaining classes like that */
background-image: url(../img/images/home/news_arrow_selected.png);
}
.newsHead span { /* date */
float: right;
padding: 3px 0 0;
}
.newsBody {
display: none;
height: 0px;
overflow: hidden;
background-image: url(../img/images/home/news_body_bg.png);
}
.newsBody#newsBodyFirst {
display: block;
height: 154px;
}
.newsBody img { /* header graphic */
display: block;
margin: auto;
width: 305px;
height: 78px;
}
.newsBody p { /* teaser text */
padding: 8px;
font-size: 11px;
}
/* xNews */
/* Community Home */
#community {
float: right;
position: relative;
width: 315px;
height: 114px;
}
#community img {
width: 315px;
height: 114px;
}
#community table {
position: absolute;
left: 12px;
bottom: 2px;
width: 291px;
height: 35px;
border-collapse: collapse;
}
#community td {
height: 35px;
padding: 0;
vertical-align: middle;
}
#communityIntro {
width: 227px;
font-weight: bold;
}
#communityGo {
text-align: right;
}
/* xCommunity Home */
#feed {
height: 22px;
}
#page_content #feed a {
float: left;
}

View File

@ -0,0 +1,542 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
h2, h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
#header,
#page_content .section {
color: white;
}
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release, #release object {
outline: 0;
float: left;
width: 432px;
height: 167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Developer's Diary */
#devDiary {
position: relative;
width: 308px;
height: 167px;
float: right;
font-size: 12px;
font-weight: bold;
background: url(../img/images/home/developer_diary_bg.png) left top no-repeat;
}
#devTitle {
padding: 3px 0 0 24px;
}
#devDiary img {
position: absolute;
left: 7px;
top: 27px;
width: 295px;
height: 133px;
background: #091e34 left top no-repeat;
}
#devName {
position: absolute;
font-size: 13px;
left: 15px;
top: 140px;
z-index: 1;
}
#devMore {
position: absolute;
right: 15px;
top: 141px;
}
/* xDeveloper's Diary */
/* page_content */
#navHome #page_content {
margin-top: 0;
padding-top: 8px;
background: url(../img/images/home/games_list_bg.png) left 36px no-repeat;
}
#page_content .sectionHeader,
#page_content .sectionHeaderRight {
height: 28px;
}
#pageContentFooter {
margin-left: 0;
margin-right: 0;
}
#page_content .sectionTitle span { /* news title */
float: left;
}
#page_content .sectionTitle a { /* news archive link */
float: right;
padding: 0 5px 0;
font-weight: normal;
text-decoration: underline;
}
#page_content .sectionTitle a:hover {
text-decoration: none;
}
/* xpage_content */
/* Games List */
#gamesHeader {
float: left;
width: 437px;
}
#gamesList {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
font-size: 11px;
}
#gamesList li {
padding: 0;
}
#gamesList .first {
display: inline;
clear: left;
margin-left: 10px;
}
/* sub elements of the game boxes shared properties for all sizes + some shared by medium and small then overidden by big */
.gamesName {
overflow: hidden;
height: 29px;
font-weight: bold;
}
.gamesName table {
width: 100%;
border-collapse: collapse;
}
.gamesName td {
height: 27px;
padding: 0 4px;
font-weight: bold;
line-height: 90%;
text-align: center;
vertical-align: middle;
}
.gamesName a {
text-decoration: none;
color: white;
}
.gamesIcon {
display: block;
margin: 0 auto 3px;
}
.gamesButtons {
position: absolute;
bottom: 1px;
left: 2px;
line-height: 15px;
font-weight: bold;
}
.gamesButtons a {
text-decoration: none;
color: white;
}
.gamesInfo {
float: left;
width: 22px;
height: 17px;
background: no-repeat left bottom;
}
.gamesInfo:hover img {
visibility: hidden;
}
.gamesPlay {
float: right;
height: 17px;
background: no-repeat right top;
}
.gamesPlay:hover {
color: #F6E89A;
background-position: right bottom;
}
/* Big games boxes */
.gamesBig {
position: relative;
float: left;
margin: 8px 0 0 9px;
width: 204px;
height: 214px;
background: #021c5d url(../img/images/home/games_big_bg.png);
}
.gamesBig .gamesName {
height: 33px;
}
.gamesBig .gamesName td {
height: 32px;
font-size: 13px;
}
.gamesBig .gamesIcon {
width: 192px;
height: 140px;
margin-bottom: 2px;
}
.gamesBig .gamesButtons {
width: 200px;
line-height: 18px;
font-size: 12px;
}
.gamesBig .gamesInfo {
width: 22px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
.gamesBig .gamesPlay {
width: 178px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
/* Medium games boxes */
.gamesMedium {
position: relative;
float: left;
margin: 8px 0 0 6px;
width: 135px;
height: 158px;
background: #021c5d url(../img/images/home/games_medium_bg.png);
}
.gamesMedium .gamesIcon {
width: 125px;
height: 92px;
}
.gamesMedium .gamesGenre {
font-size: 9px;
}
.gamesMedium .gamesButtons {
width: 131px;
}
.gamesMedium .gamesInfo {
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
.gamesMedium .gamesPlay {
width: 109px;
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
/* Small games boxes */
.gamesSmall {
position: relative;
float: left;
margin: 8px 0 5px 6px;
width: 119px;
height: 145px;
background: #021c5d url(../img/images/home/games_small_bg.png);
}
.gamesSmall .gamesName td {
padding-bottom: 1px;
}
.gamesSmall .gamesIcon {
width: 107px;
height: 79px;
}
.gamesSmall .gamesGenre {
font-size: 9px;
}
.gamesSmall .gamesButtons {
width: 115px;
}
.gamesSmall .gamesInfo {
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
.gamesSmall .gamesPlay {
width: 93px;
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
/* All games link */
#gamesAll {
width: 117px;
font-weight: bold;
text-decoration: none;
color: white;
background: #021c5d url(../img/images/home/games_all_bg.png) left top no-repeat;
}
#gamesAll .gamesName {
line-height: 26px;
}
#gamesAll .gamesIcon {
width: 105px;
height: 93px;
}
#gamesAll .gamesButtons {
position: absolute;
width: 113px;
height: 17px;
color: white;
text-decoration: none;
background: url(../img/images/home/games_all_button.png) left top no-repeat;
}
#gamesAll .gamesButtons:hover {
background-position: center bottom;
}
/* xGames List */
/* Community Inset (News / Community Home) */
#communityInset {
float: right;
margin: 0 0 4px;
width: 315px;
}
#communityInset .sectionBackground {
background-color: black;
}
/* xCommunity Inset */
/* News */
#news {
margin: 0 0 8px; /* bottom margin is 10-2px to comp for the -2px top margin on the sectionFooter */
height: 282px;
}
#news .sectionContent {
padding: 3px 3px 0;
height: 246px; /* fix the height as the accordion is less accurate in Safari and the bottom of the box wiggles if it's not fixed height */
}
#news .sectionFooter {
margin-top: -2px;
}
.newsHead {
height: 23px;
overflow: hidden;
padding: 0 8px;
outline: 0;
background-image: url(../img/images/home/news_head_bg.png);
}
.ui-accordion .newsHead { /* whole bar should appear to be a link with JS enabled */
cursor: pointer;
}
.newsHead a { /* title */
float: left;
padding: 3px 0 0 16px;
font-weight: bold;
background: url(../img/images/home/news_arrow.png) left 6px no-repeat;
text-decoration: none;
}
.ui-accordion .newsHead a { /* shouldn't look like links with JS enabled */
color: white;
}
#news h3.selected a { /* can't just do .newsHead.selected as IE doesn't support chaining classes like that */
background-image: url(../img/images/home/news_arrow_selected.png);
}
.newsHead span { /* date */
float: right;
padding: 3px 0 0;
}
.newsBody {
display: none;
height: 0px;
overflow: hidden;
background-image: url(../img/images/home/news_body_bg.png);
}
.newsBody#newsBodyFirst {
display: block;
height: 154px;
}
.newsBody img { /* header graphic */
display: block;
margin: auto;
width: 305px;
height: 78px;
}
.newsBody p { /* teaser text */
padding: 8px;
font-size: 11px;
}
/* xNews */
/* Community Home */
#community {
float: right;
position: relative;
width: 315px;
height: 114px;
}
#community img {
width: 315px;
height: 114px;
}
#community table {
position: absolute;
left: 12px;
bottom: 2px;
width: 291px;
height: 35px;
border-collapse: collapse;
}
#community td {
height: 35px;
padding: 0;
vertical-align: middle;
}
#communityIntro {
width: 227px;
font-weight: bold;
}
#communityGo {
text-align: right;
}
/* xCommunity Home */
#feed {
height: 22px;
}
#page_content #feed a {
float: left;
}

View File

@ -0,0 +1,542 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
h2, h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
#header,
#page_content .section {
color: white;
}
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release, #release object {
outline: 0;
float: left;
width: 432px;
height: 167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Developer's Diary */
#devDiary {
position: relative;
width: 308px;
height: 167px;
float: right;
font-size: 12px;
font-weight: bold;
background: url(../img/images/home/developer_diary_bg.png) left top no-repeat;
}
#devTitle {
padding: 3px 0 0 24px;
}
#devDiary img {
position: absolute;
left: 7px;
top: 27px;
width: 295px;
height: 133px;
background: #091e34 left top no-repeat;
}
#devName {
position: absolute;
font-size: 13px;
left: 15px;
top: 140px;
z-index: 1;
}
#devMore {
position: absolute;
right: 15px;
top: 141px;
}
/* xDeveloper's Diary */
/* page_content */
#navHome #page_content {
margin-top: 0;
padding-top: 8px;
background: url(../img/images/home/games_list_bg.png) left 36px no-repeat;
}
#page_content .sectionHeader,
#page_content .sectionHeaderRight {
height: 28px;
}
#pageContentFooter {
margin-left: 0;
margin-right: 0;
}
#page_content .sectionTitle span { /* news title */
float: left;
}
#page_content .sectionTitle a { /* news archive link */
float: right;
padding: 0 5px 0;
font-weight: normal;
text-decoration: underline;
}
#page_content .sectionTitle a:hover {
text-decoration: none;
}
/* xpage_content */
/* Games List */
#gamesHeader {
float: left;
width: 437px;
}
#gamesList {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
font-size: 11px;
}
#gamesList li {
padding: 0;
}
#gamesList .first {
display: inline;
clear: left;
margin-left: 10px;
}
/* sub elements of the game boxes shared properties for all sizes + some shared by medium and small then overidden by big */
.gamesName {
overflow: hidden;
height: 29px;
font-weight: bold;
}
.gamesName table {
width: 100%;
border-collapse: collapse;
}
.gamesName td {
height: 27px;
padding: 0 4px;
font-weight: bold;
line-height: 90%;
text-align: center;
vertical-align: middle;
}
.gamesName a {
text-decoration: none;
color: white;
}
.gamesIcon {
display: block;
margin: 0 auto 3px;
}
.gamesButtons {
position: absolute;
bottom: 1px;
left: 2px;
line-height: 15px;
font-weight: bold;
}
.gamesButtons a {
text-decoration: none;
color: white;
}
.gamesInfo {
float: left;
width: 22px;
height: 17px;
background: no-repeat left bottom;
}
.gamesInfo:hover img {
visibility: hidden;
}
.gamesPlay {
float: right;
height: 17px;
background: no-repeat right top;
}
.gamesPlay:hover {
color: #F6E89A;
background-position: right bottom;
}
/* Big games boxes */
.gamesBig {
position: relative;
float: left;
margin: 8px 0 0 9px;
width: 204px;
height: 214px;
background: #021c5d url(../img/images/home/games_big_bg.png);
}
.gamesBig .gamesName {
height: 33px;
}
.gamesBig .gamesName td {
height: 32px;
font-size: 13px;
}
.gamesBig .gamesIcon {
width: 192px;
height: 140px;
margin-bottom: 2px;
}
.gamesBig .gamesButtons {
width: 200px;
line-height: 18px;
font-size: 12px;
}
.gamesBig .gamesInfo {
width: 22px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
.gamesBig .gamesPlay {
width: 178px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
/* Medium games boxes */
.gamesMedium {
position: relative;
float: left;
margin: 8px 0 0 6px;
width: 135px;
height: 158px;
background: #021c5d url(../img/images/home/games_medium_bg.png);
}
.gamesMedium .gamesIcon {
width: 125px;
height: 92px;
}
.gamesMedium .gamesGenre {
font-size: 9px;
}
.gamesMedium .gamesButtons {
width: 131px;
}
.gamesMedium .gamesInfo {
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
.gamesMedium .gamesPlay {
width: 109px;
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
/* Small games boxes */
.gamesSmall {
position: relative;
float: left;
margin: 8px 0 5px 6px;
width: 119px;
height: 145px;
background: #021c5d url(../img/images/home/games_small_bg.png);
}
.gamesSmall .gamesName td {
padding-bottom: 1px;
}
.gamesSmall .gamesIcon {
width: 107px;
height: 79px;
}
.gamesSmall .gamesGenre {
font-size: 9px;
}
.gamesSmall .gamesButtons {
width: 115px;
}
.gamesSmall .gamesInfo {
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
.gamesSmall .gamesPlay {
width: 93px;
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
/* All games link */
#gamesAll {
width: 117px;
font-weight: bold;
text-decoration: none;
color: white;
background: #021c5d url(../img/images/home/games_all_bg.png) left top no-repeat;
}
#gamesAll .gamesName {
line-height: 26px;
}
#gamesAll .gamesIcon {
width: 105px;
height: 93px;
}
#gamesAll .gamesButtons {
position: absolute;
width: 113px;
height: 17px;
color: white;
text-decoration: none;
background: url(../img/images/home/games_all_button.png) left top no-repeat;
}
#gamesAll .gamesButtons:hover {
background-position: center bottom;
}
/* xGames List */
/* Community Inset (News / Community Home) */
#communityInset {
float: right;
margin: 0 0 4px;
width: 315px;
}
#communityInset .sectionBackground {
background-color: black;
}
/* xCommunity Inset */
/* News */
#news {
margin: 0 0 8px; /* bottom margin is 10-2px to comp for the -2px top margin on the sectionFooter */
height: 282px;
}
#news .sectionContent {
padding: 3px 3px 0;
height: 246px; /* fix the height as the accordion is less accurate in Safari and the bottom of the box wiggles if it's not fixed height */
}
#news .sectionFooter {
margin-top: -2px;
}
.newsHead {
height: 23px;
overflow: hidden;
padding: 0 4px;
outline: 0;
background-image: url(../img/images/home/news_head_bg.png);
}
.ui-accordion .newsHead { /* whole bar should appear to be a link with JS enabled */
cursor: pointer;
}
.newsHead a { /* title */
float: left;
padding: 3px 0 0 12px;
font-weight: bold;
background: url(../img/images/home/news_arrow.png) left 6px no-repeat;
text-decoration: none;
}
.ui-accordion .newsHead a { /* shouldn't look like links with JS enabled */
color: white;
}
#news h3.ui-state-active a { /* can't just do .newsHead.ui-state-active as IE doesn't support chaining classes like that */
background-image: url(../img/images/home/news_arrow_selected.png);
}
.newsHead span { /* date */
float: right;
padding: 3px 0 0;
}
.newsBody {
display: none;
height: 0px;
overflow: hidden;
background-image: url(../img/images/home/news_body_bg.png);
}
.newsBody#newsBodyFirst {
display: block;
height: 154px;
}
.newsBody img { /* header graphic */
display: block;
margin: auto;
width: 305px;
height: 78px;
}
.newsBody p { /* teaser text */
padding: 8px;
font-size: 11px;
}
/* xNews */
/* Community Home */
#community {
float: right;
position: relative;
width: 315px;
height: 114px;
}
#community img {
width: 315px;
height: 114px;
}
#community table {
position: absolute;
left: 12px;
bottom: 2px;
width: 291px;
height: 35px;
border-collapse: collapse;
}
#community td {
height: 35px;
padding: 0;
vertical-align: middle;
}
#communityIntro {
width: 227px;
font-weight: bold;
}
#communityGo {
text-align: right;
}
/* xCommunity Home */
#feed {
height: 22px;
}
#page_content #feed a {
float: left;
}

View File

@ -0,0 +1,542 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
h2, h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
#header,
#page_content .section {
color: white;
}
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release, #release object {
outline: 0;
float: left;
width: 432px;
height: 167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Developer's Diary */
#devDiary {
position: relative;
width: 308px;
height: 167px;
float: right;
font-size: 12px;
font-weight: bold;
background: url(../img/images/home/developer_diary_bg.png) left top no-repeat;
}
#devTitle {
padding: 3px 0 0 24px;
}
#devDiary img {
position: absolute;
left: 7px;
top: 27px;
width: 295px;
height: 133px;
background: #091e34 left top no-repeat;
}
#devName {
position: absolute;
font-size: 13px;
left: 15px;
top: 140px;
z-index: 1;
}
#devMore {
position: absolute;
right: 15px;
top: 141px;
}
/* xDeveloper's Diary */
/* page_content */
#navHome #page_content {
margin-top: 0;
padding-top: 8px;
background: url(../img/images/home/games_list_bg.png) left 36px no-repeat;
}
#page_content .sectionHeader,
#page_content .sectionHeaderRight {
height: 28px;
}
#pageContentFooter {
margin-left: 0;
margin-right: 0;
}
#page_content .sectionTitle span { /* news title */
float: left;
}
#page_content .sectionTitle a { /* news archive link */
float: right;
padding: 0 5px 0;
font-weight: normal;
text-decoration: underline;
}
#page_content .sectionTitle a:hover {
text-decoration: none;
}
/* xpage_content */
/* Games List */
#gamesHeader {
float: left;
width: 437px;
}
#gamesList {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
font-size: 11px;
}
#gamesList li {
padding: 0;
}
#gamesList .first {
display: inline;
clear: left;
margin-left: 10px;
}
/* sub elements of the game boxes shared properties for all sizes + some shared by medium and small then overidden by big */
.gamesName {
overflow: hidden;
height: 29px;
font-weight: bold;
}
.gamesName table {
width: 100%;
border-collapse: collapse;
}
.gamesName td {
height: 27px;
padding: 0 4px;
font-weight: bold;
line-height: 90%;
text-align: center;
vertical-align: middle;
}
.gamesName a {
text-decoration: none;
color: white;
}
.gamesIcon {
display: block;
margin: 0 auto 3px;
}
.gamesButtons {
position: absolute;
bottom: 1px;
left: 2px;
line-height: 15px;
font-weight: bold;
}
.gamesButtons a {
text-decoration: none;
color: white;
}
.gamesInfo {
float: left;
width: 22px;
height: 17px;
background: no-repeat left bottom;
}
.gamesInfo:hover img {
visibility: hidden;
}
.gamesPlay {
float: right;
height: 17px;
background: no-repeat right top;
}
.gamesPlay:hover {
color: #F6E89A;
background-position: right bottom;
}
/* Big games boxes */
.gamesBig {
position: relative;
float: left;
margin: 8px 0 0 9px;
width: 204px;
height: 214px;
background: #021c5d url(../img/images/home/games_big_bg.png);
}
.gamesBig .gamesName {
height: 33px;
}
.gamesBig .gamesName td {
height: 32px;
font-size: 13px;
}
.gamesBig .gamesIcon {
width: 192px;
height: 140px;
margin-bottom: 2px;
}
.gamesBig .gamesButtons {
width: 200px;
line-height: 18px;
font-size: 12px;
}
.gamesBig .gamesInfo {
width: 22px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
.gamesBig .gamesPlay {
width: 178px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
/* Medium games boxes */
.gamesMedium {
position: relative;
float: left;
margin: 8px 0 0 6px;
width: 135px;
height: 158px;
background: #021c5d url(../img/images/home/games_medium_bg.png);
}
.gamesMedium .gamesIcon {
width: 125px;
height: 92px;
}
.gamesMedium .gamesGenre {
font-size: 9px;
}
.gamesMedium .gamesButtons {
width: 131px;
}
.gamesMedium .gamesInfo {
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
.gamesMedium .gamesPlay {
width: 109px;
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
/* Small games boxes */
.gamesSmall {
position: relative;
float: left;
margin: 8px 0 5px 6px;
width: 119px;
height: 145px;
background: #021c5d url(../img/images/home/games_small_bg.png);
}
.gamesSmall .gamesName td {
padding-bottom: 1px;
}
.gamesSmall .gamesIcon {
width: 107px;
height: 79px;
}
.gamesSmall .gamesGenre {
font-size: 9px;
}
.gamesSmall .gamesButtons {
width: 115px;
}
.gamesSmall .gamesInfo {
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
.gamesSmall .gamesPlay {
width: 93px;
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
/* All games link */
#gamesAll {
width: 117px;
font-weight: bold;
text-decoration: none;
color: white;
background: #021c5d url(../img/images/home/games_all_bg.png) left top no-repeat;
}
#gamesAll .gamesName {
line-height: 26px;
}
#gamesAll .gamesIcon {
width: 105px;
height: 93px;
}
#gamesAll .gamesButtons {
position: absolute;
width: 113px;
height: 17px;
color: white;
text-decoration: none;
background: url(../img/images/home/games_all_button.png) left top no-repeat;
}
#gamesAll .gamesButtons:hover {
background-position: center bottom;
}
/* xGames List */
/* Community Inset (News / Community Home) */
#communityInset {
float: right;
margin: 0 0 4px;
width: 315px;
}
#communityInset .sectionBackground {
background-color: black;
}
/* xCommunity Inset */
/* News */
#news {
margin: 0 0 8px; /* bottom margin is 10-2px to comp for the -2px top margin on the sectionFooter */
height: 282px;
}
#news .sectionContent {
padding: 3px 3px 0;
height: 246px; /* fix the height as the accordion is less accurate in Safari and the bottom of the box wiggles if it's not fixed height */
}
#news .sectionFooter {
margin-top: -2px;
}
.newsHead {
height: 23px;
overflow: hidden;
padding: 0 4px;
outline: 0;
background-image: url(../img/images/home/news_head_bg.png);
}
.ui-accordion .newsHead { /* whole bar should appear to be a link with JS enabled */
cursor: pointer;
}
.newsHead a { /* title */
float: left;
padding: 3px 0 0 12px;
font-weight: bold;
background: url(../img/images/home/news_arrow.png) left 6px no-repeat;
text-decoration: none;
}
.ui-accordion .newsHead a { /* shouldn't look like links with JS enabled */
color: white;
}
#news h3.ui-state-active a { /* can't just do .newsHead.ui-state-active as IE doesn't support chaining classes like that */
background-image: url(../img/images/home/news_arrow_selected.png);
}
.newsHead span { /* date */
float: right;
padding: 3px 0 0;
}
.newsBody {
display: none;
height: 0px;
overflow: hidden;
background-image: url(../img/images/home/news_body_bg.png);
}
.newsBody#newsBodyFirst {
display: block;
height: 154px;
}
.newsBody img { /* header graphic */
display: block;
margin: auto;
width: 305px;
height: 78px;
}
.newsBody p { /* teaser text */
padding: 8px;
font-size: 11px;
}
/* xNews */
/* Community Home */
#community {
float: right;
position: relative;
width: 315px;
height: 114px;
}
#community img {
width: 315px;
height: 114px;
}
#community table {
position: absolute;
left: 12px;
bottom: 2px;
width: 291px;
height: 35px;
border-collapse: collapse;
}
#community td {
height: 35px;
padding: 0;
vertical-align: middle;
}
#communityIntro {
width: 227px;
font-weight: bold;
}
#communityGo {
text-align: right;
}
/* xCommunity Home */
#feed {
height: 22px;
}
#page_content #feed a {
float: left;
}

View File

@ -0,0 +1,406 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
/* Content Container Boxes */
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release {
float:left;
width:432px;
height:167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Top 10 Games */
#top {
position: relative;
width: 308px;
height: 167px;
float: right;
background: url(../img/images/layout/top_bg.png) left top no-repeat;
}
#topThumb, #topLoader {
position: absolute;
left: 6px;
top: 24px;
width: 151px;
height: 111px;
}
#topLoader {
display: none;
background: black url(../img/images/layout/loading.gif) 60px 40px no-repeat;
}
#topTitle {
float: left;
padding: 3px 0 0 24px;
font-size: 12px;
font-weight: bold;
}
#topButtons {
position: absolute;
left: 34px;
bottom: 7px;
}
#topList {
position: absolute;
left: 164px;
top: 0;
width: 142px;
}
#topList div {
position: relative;
height: 17px;
overflow: hidden;
}
#topList a {
position: absolute;
top: -1px;
left: -1px;
display: block;
width: 144px;
height: 19px;
line-height: 18px;
text-decoration: none;
color: white;
}
#topList #top1,
#topList #top10 {
height: 16px;
line-height: 15px;
}
#topList #top1 a,
#topList #top10 a {
height: 18px;
}
#topList a.selected,
#topList a:hover {
color: #ffc000;
font-weight: bold;
background: url(../img/images/layout/topList_bg.png) 1px 1px;
}
#topList #top1 a.selected,
#topList #top1 a:hover {
background: url(../img/images/layout/topList_bg_top.png) 1px 1px;
}
#topList #top10 a.selected,
#topList #top10 a:hover {
background: url(../img/images/layout/topList_bg_bottom.png) 1px 1px;
}
#topList span {
float: left;
width: 21px;
margin-right: 3px;
text-align: center;
cursor: pointer;
}
/* xTop 10 Games */
/* News, Single and Multi Player Shared */
.gamesList .sectionHeader,
.gamesList .sectionHeaderRight,
#news .sectionHeader,
#news .sectionHeaderRight {
height: 28px;
}
/* xFeatured, Single and Multi Player Shared */
/* Latest News */
#news {
float: left;
width:437px;
}
#news .sectionBackground,
#news .sectionContent,
#news .sectionFooter,
#news .sectionFooter div {
background: none;
}
#news .sectionFooter {
display: none;
}
#news .sectionBorder {
background: black url(../img/images/layout/section_bg_featured.gif) no-repeat;
padding-top: 4px;
}
#newsContainer {
padding: 5px 9px 10px;
}
#newsBackground {
position: relative;
width: 417px;
height: 135px;
overflow: hidden;
background-color: #0b2540;
}
#newsContent {
padding: 5px 5px 0;
}
#newsTitle {
float: left;
margin: 0 0 1px;
width: 320px;
height: 17px;
overflow: hidden;
font-size: 14px;
font-weight: bold;
color: white;
}
#newsDate {
float: right;
padding-top: 1px;
color: white;
}
#newsRule {
margin: 0 0 4px;
clear: both;
font-size: 0px;
border-top: 1px solid #001a3b;
border-bottom: 1px solid #25476b;
}
#newsIcon {
float: right;
}
#newsSummary {
margin: 0;
padding: 0;
height: 48px;
overflow: hidden;
font-size: 11px;
color: #dad6d5;
}
.newsRule {
margin: 4px auto;
clear: both;
font-size: 0px;
border-top: 1px solid #001a3b;
border-bottom: 1px solid #25476b;
}
.newsSmall {
height: 14px;
font-size: 11px;
color: white;
}
.newsTitle {
float: left;
font-size: 11px;
font-weight: normal;
}
.newsDate {
float: right;
}
/* xLatest News */
/* Advert */
#advert {
background:transparent url(../img/images/layout/advert_bg.gif) no-repeat;
float:left;
width:316px;
height:281px;
margin-left:8px;
}
#advert iframe {
width:300px;
height:273px;
margin:8px 8px 0;
}
#advert img {
margin: 8px 0 0 8px;
}
/* xAdvert */
/* Single and Multi Player Shared */
#ourGames {
width: 437px;
float: left;
margin:8px 0 0;
}
.gamesList .sectionTitle a {
font-weight: normal;
text-decoration: underline;
}
.gamesList .sectionTitle a:hover {
text-decoration: none;
}
.gamesList .sectionBackground {
background-image: url(../img/images/layout/section_bg_games.gif);
}
.gamesList ul {
margin: 0;
padding: 0 0 0 6px;
}
#ourMulti ul {
padding-left: 2px;
}
.gamesList li {
list-style:none;
float:left;
width:106px;
text-align:center;
overflow:visible;
}
#ourMulti li {
width: 103px;
}
a.genre,
a.genre:hover,
.genre a,
.genre a:hover {
text-decoration:none;
color:#FFD200;
}
.gamesList .name {
height:26px;
line-height:11px;
vertical-align:middle;
text-align: center;
font-weight:bold;
}
.gamesList table {
width:100%;
border-collapse: collapse;
}
.gamesList td {
padding: 0px;
}
.gamesList .thumbLink {
display: block;
margin-bottom: 1px;
}
.gamesList .genre {
height: 15px;
margin: 0;
font-size: 10px;
}
.gamesList .buttonInfo {
margin-left: 5px;
display: inline-block; /* IE fix */
}
.gamesList .hr {
height: 11px;
background-position: center bottom;
}
/* xSingle and Multi Player Shared */
/* Right Column */
#gameAdvert, #topGames, #ourMulti {
float: left;
width: 316px;
margin-left: 8px;
margin-top:8px;
}
/* xRight Column */
/* Content Container Boxes */
/* ############# */
/* Home PAGE CSS */
/* ############# */

View File

@ -0,0 +1,542 @@
/* ############# */
/* Home PAGE CSS */
/* ############# */
h2, h3 {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
#header,
#page_content .section {
color: white;
}
/* Latest Releases */
#latestReleases {
float:left;
}
#latestReleases b {
font-size:17px;
}
#release, #release object {
outline: 0;
float: left;
width: 432px;
height: 167px;
background-color: black;
}
#release .releasePlayMe {
display: block;
position: absolute;
width: 62px;
height: 62px;
left: 11px;
top: 30px;
background: url(#); /* IE 7 & Opera fix (they refuse to render elements over flash unless they have either content or a background) */
cursor: pointer;
}
#release .links {
position:absolute;
left:333px;
top:158px;
}
#release .text {
position: absolute;
top: 160px;
left:10px;
}
#release .title {
float:left;
font-weight:bold;
font-size:14px;
}
#release .genre {
float:left;
position:relative;
padding: 4px 0 0 12px;
}
/* xLatest Releases */
/* Developer's Diary */
#devDiary {
position: relative;
width: 308px;
height: 167px;
float: right;
font-size: 12px;
font-weight: bold;
background: url(../img/images/home/developer_diary_bg.png) left top no-repeat;
}
#devTitle {
padding: 3px 0 0 24px;
}
#devDiary img {
position: absolute;
left: 7px;
top: 27px;
width: 295px;
height: 133px;
background: #091e34 left top no-repeat;
}
#devName {
position: absolute;
font-size: 13px;
left: 15px;
top: 140px;
z-index: 1;
}
#devMore {
position: absolute;
right: 15px;
top: 141px;
}
/* xDeveloper's Diary */
/* page_content */
#navHome #page_content {
margin-top: 0;
padding-top: 8px;
background: url(../img/images/home/games_list_bg.png) left 36px no-repeat;
}
#page_content .sectionHeader,
#page_content .sectionHeaderRight {
height: 28px;
}
#pageContentFooter {
margin-left: 0;
margin-right: 0;
}
#page_content .sectionTitle span { /* news title */
float: left;
}
#page_content .sectionTitle a { /* news archive link */
float: right;
padding: 0 5px 0;
font-weight: normal;
text-decoration: underline;
}
#page_content .sectionTitle a:hover {
text-decoration: none;
}
/* xpage_content */
/* Games List */
#gamesHeader {
float: left;
width: 437px;
}
#gamesList {
margin: 0;
padding: 0;
list-style: none;
text-align: center;
font-size: 11px;
}
#gamesList li {
padding: 0;
}
#gamesList .first {
display: inline;
clear: left;
margin-left: 10px;
}
/* sub elements of the game boxes shared properties for all sizes + some shared by medium and small then overidden by big */
.gamesName {
overflow: hidden;
height: 29px;
font-weight: bold;
}
.gamesName table {
width: 100%;
border-collapse: collapse;
}
.gamesName td {
height: 27px;
padding: 0 4px;
font-weight: bold;
line-height: 90%;
text-align: center;
vertical-align: middle;
}
.gamesName a {
text-decoration: none;
color: white;
}
.gamesIcon {
display: block;
margin: 0 auto 3px;
}
.gamesButtons {
position: absolute;
bottom: 1px;
left: 2px;
line-height: 15px;
font-weight: bold;
}
.gamesButtons a {
text-decoration: none;
color: white;
}
.gamesInfo {
float: left;
width: 22px;
height: 17px;
background: no-repeat left bottom;
}
.gamesInfo:hover img {
visibility: hidden;
}
.gamesPlay {
float: right;
height: 17px;
background: no-repeat right top;
}
.gamesPlay:hover {
color: #F6E89A;
background-position: right bottom;
}
/* Big games boxes */
.gamesBig {
position: relative;
float: left;
margin: 8px 0 0 9px;
width: 204px;
height: 214px;
background: #021c5d url(../img/images/home/games_big_bg.png);
}
.gamesBig .gamesName {
height: 33px;
}
.gamesBig .gamesName td {
height: 32px;
font-size: 13px;
}
.gamesBig .gamesIcon {
width: 192px;
height: 140px;
margin-bottom: 2px;
}
.gamesBig .gamesButtons {
width: 200px;
line-height: 18px;
font-size: 12px;
}
.gamesBig .gamesInfo {
width: 22px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
.gamesBig .gamesPlay {
width: 178px;
height: 20px;
background-image: url(../img/images/home/games_buttons_big_bg.png);
}
/* Medium games boxes */
.gamesMedium {
position: relative;
float: left;
margin: 8px 0 0 6px;
width: 135px;
height: 158px;
background: #021c5d url(../img/images/home/games_medium_bg.png);
}
.gamesMedium .gamesIcon {
width: 125px;
height: 92px;
}
.gamesMedium .gamesGenre {
font-size: 9px;
}
.gamesMedium .gamesButtons {
width: 131px;
}
.gamesMedium .gamesInfo {
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
.gamesMedium .gamesPlay {
width: 109px;
background-image: url(../img/images/home/games_buttons_medium_bg.png);
}
/* Small games boxes */
.gamesSmall {
position: relative;
float: left;
margin: 8px 0 5px 6px;
width: 119px;
height: 145px;
background: #021c5d url(../img/images/home/games_small_bg.png);
}
.gamesSmall .gamesName td {
padding-bottom: 1px;
}
.gamesSmall .gamesIcon {
width: 107px;
height: 79px;
}
.gamesSmall .gamesGenre {
font-size: 9px;
}
.gamesSmall .gamesButtons {
width: 115px;
}
.gamesSmall .gamesInfo {
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
.gamesSmall .gamesPlay {
width: 93px;
background-image: url(../img/images/home/games_buttons_small_bg.png);
}
/* All games link */
#gamesAll {
width: 117px;
font-weight: bold;
text-decoration: none;
color: white;
background: #021c5d url(../img/images/home/games_all_bg.png) left top no-repeat;
}
#gamesAll .gamesName {
line-height: 26px;
}
#gamesAll .gamesIcon {
width: 105px;
height: 93px;
}
#gamesAll .gamesButtons {
position: absolute;
width: 113px;
height: 17px;
color: white;
text-decoration: none;
background: url(../img/images/home/games_all_button.png) left top no-repeat;
}
#gamesAll .gamesButtons:hover {
background-position: center bottom;
}
/* xGames List */
/* Community Inset (News / Community Home) */
#communityInset {
float: right;
margin: 0 0 4px;
width: 315px;
}
#communityInset .sectionBackground {
background-color: black;
}
/* xCommunity Inset */
/* News */
#news {
margin: 0 0 8px; /* bottom margin is 10-2px to comp for the -2px top margin on the sectionFooter */
height: 282px;
}
#news .sectionContent {
padding: 3px 3px 0;
height: 246px; /* fix the height as the accordion is less accurate in Safari and the bottom of the box wiggles if it's not fixed height */
}
#news .sectionFooter {
margin-top: -2px;
}
.newsHead {
height: 23px;
overflow: hidden;
padding: 0 4px;
outline: 0;
background-image: url(../img/images/home/news_head_bg.png);
}
.ui-accordion .newsHead { /* whole bar should appear to be a link with JS enabled */
cursor: pointer;
}
.newsHead a { /* title */
float: left;
padding: 3px 0 0 12px;
font-weight: bold;
background: url(../img/images/home/news_arrow.png) left 6px no-repeat;
text-decoration: none;
}
.ui-accordion .newsHead a { /* shouldn't look like links with JS enabled */
color: white;
}
#news h3.ui-state-active a { /* can't just do .newsHead.ui-state-active as IE doesn't support chaining classes like that */
background-image: url(../img/images/home/news_arrow_selected.png);
}
.newsHead span { /* date */
float: right;
padding: 3px 0 0;
}
.newsBody {
display: none;
height: 0px;
overflow: hidden;
background-image: url(../img/images/home/news_body_bg.png);
}
.newsBody#newsBodyFirst {
display: block;
height: 154px;
}
.newsBody img { /* header graphic */
display: block;
margin: auto;
width: 305px;
height: 78px;
}
.newsBody p { /* teaser text */
padding: 8px;
font-size: 11px;
}
/* xNews */
/* Community Home */
#community {
float: right;
position: relative;
width: 315px;
height: 114px;
}
#community img {
width: 315px;
height: 114px;
}
#community table {
position: absolute;
left: 12px;
bottom: 2px;
width: 291px;
height: 35px;
border-collapse: collapse;
}
#community td {
height: 35px;
padding: 0;
vertical-align: middle;
}
#communityIntro {
width: 227px;
font-weight: bold;
}
#communityGo {
text-align: right;
}
/* xCommunity Home */
#feed {
height: 22px;
}
#page_content #feed a {
float: left;
}

View File

@ -0,0 +1,93 @@
/*Background override not used anymore as plasma bg replaced with lovely blue gradient */
/*Background must be a jpg and not png. ms alpha hack not advised*/
/*body { background:#000 url(../img/images/layout/bg_ie.jpg) repeat-y center top; }*/
/* remove png background */
#wrapper { background:none; }
/*change transparent png subnav menu to solid gif, cannot position elements with ms alpha hack*/
.menu a iframe { position: absolute; left: -9999px; top: -9999px; margin-left: 0; filter: mask(); }
.menu a:hover iframe { left: 0px; top: 32px; width: 153px; }
.menu a#games:hover iframe { height: 91px; }
.menu a#forums:hover iframe { height: 112px; }
.menu a#help:hover iframe { height: 133px; }
.menu :hover ul.sub,
.menu :hover ul#lang.sub,
.menu li.top,
.menu li.top:hover a,
.menu li.top:hover a span,
body#navHome .menu li a#home,
body#navAccount .menu li a#account,
body#navGames .menu li a#games,
body#navHelp .menu li a#help,
body#navForums .menu li a#forums,
body#navRegister .menu li a#register,
body#navSignOut .menu li a#signOut,
body#navSignIn .menu li a#signIn,
body#navHome .menu li a#home span,
body#navAccount .menu li a#account span,
body#navGames .menu li a#games span,
body#navHelp .menu li a#help span,
body#navForums .menu li a#forums span,
body#navRegister .menu li a#register span,
body#navSignIn .menu li a#signIn span,
body#navSignOut .menu li a#signOut span,
.menu li a#home,
.menu li a#signIn,
.menu li a#signOut,
.menu li a#account,
.menu li a#games,
.menu li a#help,
.menu li a#forums,
.menu li a#register,
.menu li a#countrydrop,
.menu li a#home span,
.menu li a#account span,
.menu li a#games span,
.menu li a#help span,
.menu li a#forums span,
.menu li a#register span,
.menu li a#countrydrop span,
.menu li a#home:hover span,
.menu li a#account:hover span,
.menu li a#games:hover span,
.menu li a#help:hover span,
.menu li a#forums:hover span,
.menu li a#register:hover span,
.menu li a#home:hover,
.menu li a#signIn:hover,
.menu li a#signOut:hover,
.menu li a#account:hover,
.menu li a#games:hover,
.menu li a#help:hover,
.menu li a#forums:hover,
.menu li a#register:hover,
.menu li a#countrydrop:hover,
.menu li a#countrydrop:hover span,
.menu li a#signOut span,
.menu li a#signOut:hover span,
.menu li a#signIn span,
.menu li a#signIn:hover span,
#lang_div,
.menu :hover ul.sub,
.menu :hover ul#lang.sub {
background-image: url(../img/images/layout/menu.gif?1);
}
.menu li #lang_div a:hover {
background: none;
}
/* Minor Bug fix for pointer to show active hover state */
button,
#returnToGames {
cursor:hand;
}

View File

@ -0,0 +1,227 @@
.sectionTrail {
float: left;
}
.sectionServerlist {
float: right;
margin-right: 10px;
}
.intro {
height: 173px;
margin-bottom: 5px;
background: black -4px 0px no-repeat;
}
.introDescription {
float: left;
width: 567px;
height: 173px;
}
.introDescription div {
padding: 123px 8px 0 8px;
color: white;
}
.introDescription a {
color: #FFD200;
text-decoration: none;
}
#navGames .buttonWide {
float: right;
margin-bottom: 5px;
}
.buttonPlayBig {
height: 70px;
float: right;
display: block;
width: 169px;
background: top url(../img/images/info/button_play.gif);
}
.buttonPlayBig:hover {
background-position: bottom;
}
.screenshotsFrame {
float:left;
width: 351px;
height: 263px;
margin-top: 4px;
}
.screenshotsImage {
float: left;
margin-top: 4px;
width: 351px;
height: 263px;
}
#screenshotsThumbs {
float: right;
width: 83px;
margin-top: 4px;
}
.screenshotsThumb {
display: block;
margin-bottom: 5px;
text-decoration: none;
}
.screenshotsThumb div {
height: 62px;
background: transparent url(../img/images/layout/loading.gif) no-repeat -83px -62px;
cursor: pointer;
}
.benefitsPadding {
height: 4px;
font-size: 1px;
}
.benefitsContent {
margin: auto;
width: 281px;
height: 263px;
background: #051C37;
}
.benefitsList {
height: 208px;
}
.benefitsList ul {
margin: 0;
padding: 4px 8px 8px 8px;
text-align: left;
font-size: 14px;
color: white;
line-height: 2em;
}
.benefitsList li {
list-style: none;
padding-left: 17px;
background: url(../img/images/info/benefits_bullet.gif) no-repeat 4px 10px;
}
#fullscreen {
text-decoration: none;
}
.buttonSubscribe {
display: block;
margin: auto;
width: 270px;
height: 49px;
background-position: top;
}
.buttonSubscribe:hover {
background-position: bottom;
}
.faqsList {
margin: 0 5px 5px;
background: black;
}
.faqsList ol {
margin: 0;
padding: 8px 8px 11px 34px;
line-height: 2em;
color: #FFD200;
}
.faqsAnswer {
margin-top: 0;
clear: both;
padding: 8px;
}
.faqsAnswer h3 {
margin: 6px 0 12px 0;
font-size: 12px;
font-weight: normal;
color: #FFD200;
}
.faqsBack {
text-align: right;
}
.descriptionFix {
height: 1px;
font-size: 5px;
}
/* Overrides of default components */
.subsection#screenshots {
float: left;
width: 447px;
}
.subsection#screenshots .subsectionContent {
padding: 0 4px;
height: 271px;
background: #202020;
}
.subsection#benefits {
float: right;
width: 289px;
}
.subsection#benefits .subsectionContent {
height: 271px;
background: #0B2540;
text-align: center;
margin-bottom: 5px;
}
.subsection#description, .subsection#faqs, .subsection#furtherBenefits {
margin-bottom: 5px;
}
.subsection#description .subsectionContent,
.subsection#furtherBenefits .subsectionContent {
background: #0B2540;
}
.subsection#description .subsectionContent div,
.subsection#furtherBenefits .subsectionContent div {
padding: 0 8px;
}
.subsection#credits .subsectionContent div {
position: relative;
padding: 0 8px 8px;
}
.subsection#credits p {
line-height: 2em;
}
.subsection#credits .articleBacktotop {
position: absolute;
bottom: 8px;
right: 8px;
}
.subsection#faqs .subsectionContent, .subsection#credits .subsectionContent {
background: #0B2540;
padding-top: 5px;
}
#faqs .subsectionContent {
height: 1%;
}

View File

@ -0,0 +1,225 @@
.sectionTrail {
float: left;
}
.sectionServerlist {
float: right;
margin-right: 10px;
}
.intro {
height: 173px;
margin-bottom: 5px;
background: black -4px 0px no-repeat;
}
.introDescription {
float: left;
width: 567px;
height: 173px;
}
.introDescription div {
padding: 123px 8px 0 8px;
color: white;
}
.introDescription a {
color: #FFD200;
text-decoration: none;
}
#navGames .buttonWide {
float: right;
margin-bottom: 5px;
}
.buttonPlayBig {
height: 70px;
float: right;
display: block;
width: 169px;
background: top url(../img/images/info/button_play.gif);
}
.buttonPlayBig:hover {
background-position: bottom;
}
.screenshotsFrame {
float:left;
width: 351px;
height: 263px;
margin-top: 4px;
}
.screenshotsImage {
float: left;
margin-top: 4px;
width: 351px;
height: 263px;
}
#screenshotsThumbs {
float: right;
width: 83px;
margin-top: 4px;
}
.screenshotsThumb {
display: block;
margin-bottom: 5px;
text-decoration: none;
}
.screenshotsThumb div {
height: 62px;
background: transparent url(../img/images/layout/loading.gif) no-repeat -83px -62px;
cursor: pointer;
}
.benefitsPadding {
height: 4px;
font-size: 1px;
}
.benefitsContent {
margin: auto;
width: 281px;
height: 263px;
background: #051C37;
}
.benefitsList {
height: 208px;
}
.benefitsList ul {
margin: 0;
padding: 4px 8px 8px 8px;
text-align: left;
font-size: 14px;
color: white;
line-height: 2em;
}
.benefitsList li {
list-style: none;
padding-left: 17px;
background: url(../img/images/info/benefits_bullet.gif) no-repeat 4px 10px;
}
#fullscreen {
text-decoration: none;
}
.buttonSubscribe {
display: block;
margin: auto;
width: 270px;
height: 49px;
background-position: top;
}
.buttonSubscribe:hover {
background-position: bottom;
}
.faqsList {
margin: 0 5px 5px;
background: black;
}
.faqsList ol {
margin: 0;
padding: 8px 8px 11px 34px;
line-height: 2em;
color: #FFD200;
}
.faqsAnswer {
margin-top: 0;
clear: both;
padding: 8px;
}
.faqsAnswer h3 {
margin: 6px 0 12px 0;
font-size: 12px;
font-weight: normal;
color: #FFD200;
}
.faqsBack {
text-align: right;
}
.descriptionFix {
height: 1px;
font-size: 5px;
}
/* Overrides of default components */
.subsection#screenshots {
float: left;
width: 447px;
}
.subsection#screenshots .subsectionContent {
padding: 0 4px;
height: 271px;
background: #202020;
}
.subsection#benefits {
float: right;
width: 289px;
}
.subsection#benefits .subsectionContent {
height: 271px;
background: #0B2540;
text-align: center;
margin-bottom: 5px;
}
.subsection#description, .subsection#faqs {
margin-bottom: 5px;
}
.subsection#description .subsectionContent {
background: #0B2540;
}
.subsection#description .subsectionContent div {
padding: 0 8px;
}
.subsection#credits .subsectionContent div {
position: relative;
padding: 0 8px 8px;
}
.subsection#credits p {
line-height: 2em;
}
.subsection#credits .articleBacktotop {
position: absolute;
bottom: 8px;
right: 8px;
}
.subsection#faqs .subsectionContent, .subsection#credits .subsectionContent {
background: #0B2540;
padding-top: 5px;
}
#faqs .subsectionContent {
height: 1%;
}

View File

@ -0,0 +1,227 @@
.sectionTrail {
float: left;
}
.sectionServerlist {
float: right;
margin-right: 10px;
}
.intro {
height: 173px;
margin-bottom: 5px;
background: black -4px 0px no-repeat;
}
.introDescription {
float: left;
width: 567px;
height: 173px;
}
.introDescription div {
padding: 123px 8px 0 8px;
color: white;
}
.introDescription a {
color: #FFD200;
text-decoration: none;
}
#navGames .buttonWide {
float: right;
margin-bottom: 5px;
}
.buttonPlayBig {
height: 70px;
float: right;
display: block;
width: 169px;
background: top url(../img/images/info/button_play.gif);
}
.buttonPlayBig:hover {
background-position: bottom;
}
.screenshotsFrame {
float:left;
width: 351px;
height: 263px;
margin-top: 4px;
}
.screenshotsImage {
float: left;
margin-top: 4px;
width: 351px;
height: 263px;
}
#screenshotsThumbs {
float: right;
width: 83px;
margin-top: 4px;
}
.screenshotsThumb {
display: block;
margin-bottom: 5px;
text-decoration: none;
}
.screenshotsThumb div {
height: 62px;
background: transparent url(../img/images/layout/loading.gif) no-repeat -83px -62px;
cursor: pointer;
}
.benefitsPadding {
height: 4px;
font-size: 1px;
}
.benefitsContent {
margin: auto;
width: 281px;
height: 263px;
background: #051C37;
}
.benefitsList {
height: 208px;
}
.benefitsList ul {
margin: 0;
padding: 4px 8px 8px 8px;
text-align: left;
font-size: 14px;
color: white;
line-height: 2em;
}
.benefitsList li {
list-style: none;
padding-left: 17px;
background: url(../img/images/info/benefits_bullet.gif) no-repeat 4px 10px;
}
#fullscreen {
text-decoration: none;
}
.buttonSubscribe {
display: block;
margin: auto;
width: 270px;
height: 49px;
background-position: top;
}
.buttonSubscribe:hover {
background-position: bottom;
}
.faqsList {
margin: 0 5px 5px;
background: black;
}
.faqsList ol {
margin: 0;
padding: 8px 8px 11px 34px;
line-height: 2em;
color: #FFD200;
}
.faqsAnswer {
margin-top: 0;
clear: both;
padding: 8px;
}
.faqsAnswer h3 {
margin: 6px 0 12px 0;
font-size: 12px;
font-weight: normal;
color: #FFD200;
}
.faqsBack {
text-align: right;
}
.descriptionFix {
height: 1px;
font-size: 5px;
}
/* Overrides of default components */
.subsection#screenshots {
float: left;
width: 447px;
}
.subsection#screenshots .subsectionContent {
padding: 0 4px;
height: 271px;
background: #202020;
}
.subsection#benefits {
float: right;
width: 289px;
}
.subsection#benefits .subsectionContent {
height: 271px;
background: #0B2540;
text-align: center;
margin-bottom: 5px;
}
.subsection#description, .subsection#faqs, .subsection#furtherBenefits {
margin-bottom: 5px;
}
.subsection#description .subsectionContent,
.subsection#furtherBenefits .subsectionContent {
background: #0B2540;
}
.subsection#description .subsectionContent div,
.subsection#furtherBenefits .subsectionContent div {
padding: 0 8px;
}
.subsection#credits .subsectionContent div {
position: relative;
padding: 0 8px 8px;
}
.subsection#credits p {
line-height: 2em;
}
.subsection#credits .articleBacktotop {
position: absolute;
bottom: 8px;
right: 8px;
}
.subsection#faqs .subsectionContent, .subsection#credits .subsectionContent {
background: #0B2540;
padding-top: 5px;
}
#faqs .subsectionContent {
height: 1%;
}

View File

@ -0,0 +1,783 @@
/* Tags */
html {height:100%}
td, p, div, a, li, span {
font-family:Arial,Helvetica,FreeSans,sans-serif;
font-size: 12px;
}
body {
background: #000;
text-align: center;
margin:0px;
margin-top:26px;
font-family:Arial,Helvetica,FreeSans,sans-serif;
color:#ccc;
font-size:12px;
height: 100%;
}
a {
text-decoration:underline;
color:#fff;
}
a:hover {
text-decoration:underline;
}
label {
cursor:pointer;
font-weight:bold;
line-height:16px;
}
label span {
font-size:9px;
color: #dbc68f;
}
img {
padding:0px;
margin:0px;
border:none;
display:block;
}
fieldset {
margin:10px;
border:solid 1px #000;
color:#fff;
}
h1 {
margin-top: 16px;
}
/* === Disabled
fieldset:hover {
border:solid 1px #fff;
background:#26221d;
}
Disabled === */
fieldset table {
margin:20px;
}
legend {
color:#dbc68f;
}
form {
margin:0px;
padding:0px;
}
select, option {
font-size:11px;
margin-top:5px;
background:#201d19;
color: #dbc68f;
}
select {
border:solid 1px #453e33;
}
textarea {
background:none;
border:none;
width:356px;
height:90px;
padding:4px;
color: #dbc68f;
font-size:12px;
font-family:verdana;
overflow:auto;
}
td {
vertical-align:top;
}
td a {
font-size:12px;
}
td span {
font-size:12px;
}
ol li {
padding:5px;
}
.textarea {
background: #333 url(../../img/jagex/textarea.gif) no-repeat;
}
.textarea_hover, .textarea:hover {
background: #444 url(../../img/jagex/textarea.gif) no-repeat right;
}
.textarea, .textarea_hover {
width:366px;
height:100px;
margin-top:10px;
}
.textarea2 {
background: #333 url(../../img/jagex/textarea.gif) no-repeat;
}
.textarea2_hover, .textarea2:hover {
background: #444 url(../../img/jagex/textarea.gif) no-repeat right;
}
.textarea2, .textarea2_hover {
width:366px;
height:100px;
margin-top: 5px;
}
iframe#terms {
width:640px;
height:150px;
margin-left:10px;
margin-bottom:20px;
}
/* xTags */
/* General */
#termsContainer {
width:660px;
margin-left:auto;
margin-right:auto;
}
#termsContainer label {
padding-left:20px;
}
.hspace {
margin-left: 4px;
margin-right: 4px;
}
.clear {
clear:both;
font-size:1px;
height:1px;
}
.infoBox {
width:507px;
background:#171512;
margin: 10px;
}
.infoList {
margin: 10px;
color: #FFFFFF;
}
.smallInfoBox {
width:360px;
background:#171512;
}
.infoTopCnrs {
height:4px;
background: url(../../img/jagex/info_cnrs.gif) no-repeat top;
font-size:1px;
}
.smallInfoTopCnrs {
height:4px;
background: url(../../img/jagex/info_cnrs_small.gif) no-repeat top;
font-size:1px;
}
.infoContent {
border-left:1px solid #6c6c6c;
border-right:1px solid #6c6c6c;
color:#fff;
}
.infoBotCnrs {
height:4px;
background: url(../../img/jagex/info_cnrs.gif) no-repeat bottom;
font-size:1px;
}
.smallInfoBotCnrs {
height:4px;
background: url(../../img/jagex/info_cnrs_small.gif) no-repeat bottom;
font-size:1px;
}
.infoBox p, .smallInfoBox p {
padding-left:20px !important;
margin:0px;
margin-left:10px;
margin-right:10px;
}
.infoList p {
padding-left:20px !important;
margin:0px;
margin-left:10px;
margin-right:10px;
}
.inputLong {
background: #333 url(../../img/jagex/input_long.gif) no-repeat;
}
.inputLong_hover,
.inputLong:hover
{
background: #444 url(../../img/jagex/input_long.gif) no-repeat right;
}
.inputLong,
.inputLong_hover {
width:366px;
}
.inputLong,
.inputLong_hover,
.inputMedium,
.inputMedium_hover,
.inputSmall,
.inputSmall_hover {
height:20px;
}
.inputLong input,
.inputLong_hover input {
width:356px;
}
.inputMedium {
background: #333 url(../../img/jagex/input_med.gif) no-repeat;
width:176px;
}
.inputMedium_hover,
.inputMedium:hover
{
background: #444 url(../../img/jagex/input_med.gif) no-repeat right;
}
.inputMedium,
.inputMedium_hover {
width:176px;
}
.inputMedium input,
.inputMedium_hover input {
width:166px;
}
.inputSmall {
background: #333 url(../../img/jagex/input_small.gif) no-repeat;
}
.inputSmall_hover,
.inputSmall:hover
{
background: #444 url(../../img/jagex/input_small.gif) no-repeat right;
}
.inputSmall,
.inputSmall_hover {
width:85px;
}
.inputSmall input,
.inputSmall_hover input {
width:75px;
}
.inputLong input,
.inputMedium input,
.inputSmall input,
.inputLong_hover input,
.inputMedium_hover input,
.inputSmall_hover input {
padding-left:5px;
padding-right:5px;
padding-top:3px;
background:none;
border:none;
font-size:12px;
color: #dbc68f;
}
.bullet1 {
margin-top:30px;
margin-bottom:30px;
}
.bullet1 li {
list-style: url(../../img/jagex/bullet_silver.gif);
margin:15px;
}
.bullet2 {
margin-top:0px;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
list-style: url(../../img/jagex/bullet_gold.gif);
}
.bullet2 li {
margin-bottom:12px;
color:#e5ad65;
}
b.titleInfo {
color:#dbc68f !important;
}
.bullet2 {
margin-top:0px;
margin-bottom:30px;
width:600px;
margin-left:auto;
margin-right:auto;
list-style: url(../../img/jagex/bullet_gold.gif);
}
a.button, input.button, button.button {
display:block;
background: #333 url(../../img/jagex/button.gif);
width:109px;
height:29px;
color:#fff !important;
text-decoration:none;
font-family:Arial,Helvetica,FreeSans,sans-serif;
font-weight:bold;
text-align:center;
line-height:31px;
cursor: pointer !important;
cursor: hand;
border: none;
}
a.buttonlarge, input.buttonlarge, button.buttonlarge {
background: #333 url(../../img/jagex/button2.gif);
}
a.buttonlarge2, input.buttonlarge2, button.buttonlarge2 {
background: #333 url(../../img/jagex/button2a.gif);
}
a.buttonlarge, input.buttonlarge, button.buttonlarge, a.buttonlarge2, input.buttonlarge2, button.buttonlarge2 {
display:block;
width:140px;
height:29px;
color:#fff !important;
text-decoration:none;
font-family:Arial,Helvetica,FreeSans,sans-serif;
font-weight:bold;
text-align:center;
line-height:32px;
border: none;
}
button.buttonlarge, button.buttonlarge2 {
display: inline;
display: inline !important;
}
a.buttonLong, input.buttonLong, button.buttonLong {
display:block;
background: #333 url(../../img/jagex/button_long.gif);
width:195px;
height:29px;
color:#fff !important;
text-decoration:none;
font-family:Arial,Helvetica,FreeSans,sans-serif;
font-weight:bold;
text-align:center;
line-height:31px;
cursor: pointer !important;
cursor: hand;
border:none;
}
a.button250, input.button250, button.button250 {
background: #333 url(../../img/jagex/button_250.gif);
}
input.button250a {
background: #333 url(../../img/jagex/button_250a.gif);
}
a.button250, input.button250, button.button250, input.button250a {
display:block;
width:250px;
height:29px;
color:#fff !important;
text-decoration:none;
font-family:Arial,Helvetica,FreeSans,sans-serif;
font-weight:bold;
text-align:center;
line-height:31px;
cursor: pointer !important;
cursor: hand;
border:none;
}
/* === not supported ie
input[type="button"],
input[type="submit"] { }
not supported ie === */
.buttonList {
width:218px;
margin: 20px 0px 0px 0px;
padding:0px;
height:29px;
}
.buttonList li {
list-style:none;
float:left;
}
.center {
text-align:center;
margin-left:auto;
margin-right:auto;
}
.vAlignCenter td {
vertical-align:middle;
}
.right {
margin-left:auto;
}
.leftIndent {
margin-left:40px;
}
.topIndent {
margin-top:40px;
}
a.button:hover,a.buttonlarge:hover,a.buttonlarge2:hover {
text-decoration:none;
}
#contentLeft .title {
background: #453e33 url(../../img/jagex/title_lftCnr.gif) no-repeat top left;
}
#contentLeft .title span {
display:block;
height:26px;
}
#contentRight .title, #contentLeft .title span {
background: #453e33 url(../../img/jagex/title_rghtCnr.gif) no-repeat top right;
}
.title, legend {
font-size:14px;
font-weight:bold;
height:26px;
line-height:26px;
}
/* xGeneral */
/* Page Setup */
body#billingHome #contentRight {
width:297px;
background: #453e33 url(../../img/jagex/bg_gradient.jpg) repeat-x;
}
body#billingDetails fieldset {
float:left;
width:335px;
background:#26221d;
}
body#billingInfo table {
width:100%;
}
body#billingInfo #contentRight {
width:200px;
}
body#billingInfo #contentLeft {
margin-right:5px;
width:100%;
}
/* xPage Setup */
/* Site Layout */
#container {
position:relative;
text-align:left;
margin-left:auto;
margin-right:auto;
width: 750px;
}
/* Header */
#header {
background: #302a21;
margin-bottom:4px;
}
#innerHeader {
background: url(../../img/jagex/header_bg.jpg) repeat-x;
height:106px;
}
#headerNav {
position:absolute;
top:5px;
right:10px;
margin:0px;
padding:0px;
}
#headerNavLarge {
position:absolute;
top:5px;
right:220px;
margin:0px;
padding:0px;
}
#headerNav li {
list-style:none;
float:left;
padding-right:10px;
background: url(../../img/jagex/header_button_big.jpg) no-repeat;
text-align:center;
}
#headerNavLarge li {
list-style:none;
float:left;
padding-right:10px;
background: url(../../img/jagex/header_button_big.jpg) no-repeat;
text-align:center;
}
#headerNav span {
color:#ffb900;
text-decoration:none;
display:block;
width:200px;
height:28px;
line-height:20px;
font-size:10px;
font-weight:bold;
}
#headerNavLarge span {
color:#ffb900;
text-decoration:none;
display:block;
width:200px;
height:28px;
line-height:20px;
font-size:10px;
font-weight:bold;
}
#headerNavLarge span a, #headerNav span a {
font-size:10px;
font-weight:bold;
}
#headerNav a:hover, #headerNavLarge a:hover{
text-decoration:underline;
color:#ffb900;
}
#headerNav a, #headerNavLarge a {
text-decoration:none;
color:#ffb900;
}
#innerHeaderLogo {
float:left;
background: url(../../img/jagex/header_logo_blank.jpg) no-repeat;
height:106px;
width:339px;
}
#innerHeaderLogo img {
float: left;
}
#innerHeaderLogoFunOrb {
background-image: url(../../img/jagex/header_logo_funorb.jpg);
}
#innerHeaderLogoMechScape {
background-image: url(../../img/jagex/header_logo_mechscape.jpg);
}
#innerHeaderLogoRuneScape {
background-image: url(../../img/jagex/header_logo_runescape2.jpg);
}
#innerHeaderLogoJagex {
background-image: url(../../img/jagex/header_logo.jpg?1);
}
#innerHeaderLogoLink {
display: block;
width: 225px;
height: 73px;
margin: 16px 0 0 16px;
}
/* Not used... */
#forgottenButton {
float:left;
background: url(../../img/jagex/forgotten_password.gif) no-repeat;
height:97px;
width:349px;
}
/* Not used... */
#stolenButton {
float:left;
background: url(../../img/jagex/stolen_password.gif) no-repeat;
height:97px;
width:349px;
}
#innerHeaderCnr {
background: url(../../img/jagex/header_rghtCnr.jpg) no-repeat;
height:106px;
width:16px;
float:right;
}
#logoJagex {
background: url(../../img/jagex/logo_jagex.gif?1) no-repeat;
height:45px;
width:132px;
position:absolute;
right:15px;
top:50px;
}
/* xHeader */
/* content */
#content {
margin-bottom:4px;
position:relative;
}
/* Content Left */
#contentLeft {
position:relative;
background: #201d19;
line-height: 14px;
padding-bottom:5px;
}
#contentLeft .title, #contentLeft h4 {
color: #dbc68f;
}
#contentLeft p, #contentLeft h4 {
margin-bottom: 0px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}
#contentLeft .title {
padding-left:10px;
}
#contentLeft h4 {
margin-top:25px;
}
#contentLeft a {
color:#fec800;
}
/* Billing Options*/
.jagexBox {
width:361px;
}
.jagexBoxSmall {
width:240px;
}
.jagexBox,
.jagexBoxSmall {
margin:5px;
float:left;
}
.jagexBoxSmall {
margin-right:2px;
}
.jagexBox p a,
.jagexBoxSmall p a {
text-decoration:none;
}
.jagexBox .topCnrs {
background:url(../../img/jagex/jagex_Cnrs.gif) no-repeat top;
}
.jagexBoxSmall .topCnrs {
background:url(../../img/jagex/jagex_Cnrs_Small.gif) no-repeat top;
}
.jagexBox .topCnrs,
.jagexBoxSmall .topCnrs {
height:5px;
font-size:1px;
}
.jagexBox .botCnrs {
background:url(../../img/jagex/jagex_CnrsBot.gif) no-repeat scroll center bottom;
}
.jagexBoxSmall .botCnrs {
background:url(../../img/jagex/jagex_CnrsBot_small.gif) no-repeat scroll center bottom;
}
.jagexBox .botCnrs,
.jagexBoxSmall .botCnrs {
height:25px;
font-size:1px;
}
.jagexBox .content,
.jagexBoxSmall .content {
border-left:solid 2px #151310;
border-right:solid 2px #151310;
background:#302a21;
padding:5px;
color:#fff;
font-size:12px;
padding-bottom:25px;
}
.jagexBox img,
.jagexBoxSmall img {
margin:5px;
float:left;
}
.jagexBox b,
.jagexBoxSmall b {
font-size:14px;
}
.jagexBox span,
.jagexBoxSmall span {
color:#dbc68f;
}
.jagexBox p,
.jagexBoxSmall p {
margin:0px;
}
.subscribe {
float: right;
bottom:0px;
right:0px;
width:119px;
height:25px;
background:url(../../img/billingv4/billingOption_button.gif) no-repeat;
z-index:100;
text-align:center;
line-height:20px;
text-decoration:none;
}
/* xBilling Options*/
/* Close Content*/
.closeContent {
padding-bottom:6px;
background:#000;
}
.closeContent div {
height:10px;
background: #201d19 url(../../img/jagex/content_footer_lftCnr.gif) no-repeat bottom left;
padding-left:10px;
}
.closeContent span {
display:block;
height:10px;
background: #201d19 url(../../img/jagex/content_footer_rghtCnr.gif) no-repeat bottom right;
}
/* Close Content*/
/* Footer */
#footer {
background: #302a21 url(../../img/jagex/footer_rghtCnr.gif) no-repeat bottom right;
font-size:9px;
margin-top:4px;
position:relative;
}
#footer ul {
display:block;
background: #302a21 url(../../img/jagex/footer_lftCnr.gif) no-repeat bottom left;
margin:0px;
padding-left:5px;
margin-right:100px;
padding-top:5px;
height:18px;
}
#footer li {
display:inline;
}
#footer a {
font-size:9px;
letter-spacing:0.9px;
font-weight:bold;
}
#footer a:hover {
color: #d6c4a3;
}
#footer, #footer a {
color:#a59374;
text-decoration:none;
}
/* T&C */
#TnC {
text-align: center;
margin-top: 5px;
font-size: 9px;
}
#TnC a {
color: #FEC800;
font-size: 9px;
}
/* xT&C */
/* copyRight */
#copyRight {
font-size: 9px;
position:absolute;
right:10px;
top:6px;
}
/* xcopyRight */
/* xFooter */
/* xSite Layout */
/* Original Layout */
.alert,
.alert forminfo {
font-size: 8pt;
font-weight:bold;
color: #FFBB00;
}
.alert b {
font-weight: bolder;
}
.forminfo {
font-size: 8pt;
color:#dbc68f;
}
.forminfo b {
font-weight: bolder;
}
.info {
font-weight: bold;
color: #880000;
}
.error {
font-weight: bold;
color: #FFBB00;
padding: 15px;
}
.error b {
font-weight: bolder;
}

View File

@ -0,0 +1,38 @@
body {
margin:50px;
margin-left:20px;
color:#000;
font-family:arial;
}
a {
text-decoration:none;
color:#000;
font-weight:bold;
}
p {
margin:20px 0px 20px 0px;
}
b, .title, dt {
font-weight:bold;
font-size:15px;
}
dl {
border:solid 1px #000;
float:left;
width:200px;
margin:5px;
padding:5px;
background:#ccc;
}
h4 {
font-size:25px;
}
.button, #footer, ul, .infoBox, .title {
visibility:hidden;
}

19
services/m=funorb/css/jquery_1_3_1-0.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,90 @@
;(function($){ $.ui={plugin:{add:function(module,option,set){var proto=$.ui[module].prototype;for(var i in set){proto.plugins[i]=proto.plugins[i]||[];proto.plugins[i].push([option,set[i]]);}},call:function(instance,name,args){var set=instance.plugins[name];if(!set){return;}
for(var i=0;i<set.length;i++){if(instance.options[set[i][0]]){set[i][1].apply(instance.element,args);}}}},cssCache:{},css:function(name){if($.ui.cssCache[name]){return $.ui.cssCache[name];}
var tmp=$('<div class="ui-gen">').addClass(name).css({position:'absolute',top:'-5000px',left:'-5000px',display:'block'}).appendTo('body');$.ui.cssCache[name]=!!((!(/auto|default/).test(tmp.css('cursor'))||(/^[1-9]/).test(tmp.css('height'))||(/^[1-9]/).test(tmp.css('width'))||!(/none/).test(tmp.css('backgroundImage'))||!(/transparent|rgba\(0, 0, 0, 0\)/).test(tmp.css('backgroundColor'))));try{ $('body').get(0).removeChild(tmp.get(0));}catch(e){}
return $.ui.cssCache[name];},disableSelection:function(el){ $(el).attr('unselectable','on').css('MozUserSelect','none');},enableSelection:function(el){ $(el).attr('unselectable','off').css('MozUserSelect','');},hasScroll:function(e,a){var scroll=/top/.test(a||"top")?'scrollTop':'scrollLeft',has=false;if(e[scroll]>0)return true;e[scroll]=1;has=e[scroll]>0?true:false;e[scroll]=0;return has;}};var _remove=$.fn.remove;$.fn.remove=function(){ $("*",this).add(this).triggerHandler("remove");return _remove.apply(this,arguments);};function getter(namespace,plugin,method){var methods=$[namespace][plugin].getter||[];methods=(typeof methods=="string"?methods.split(/,?\s+/):methods);return($.inArray(method,methods)!=-1);}
$.widget=function(name,prototype){var namespace=name.split(".")[0];name=name.split(".")[1];$.fn[name]=function(options){var isMethodCall=(typeof options=='string'),args=Array.prototype.slice.call(arguments,1);if(isMethodCall&&getter(namespace,name,options)){var instance=$.data(this[0],name);return(instance?instance[options].apply(instance,args):undefined);}
return this.each(function(){var instance=$.data(this,name);if(isMethodCall&&instance&&$.isFunction(instance[options])){instance[options].apply(instance,args);}else if(!isMethodCall){ $.data(this,name,new $[namespace][name](this,options));}});};$[namespace][name]=function(element,options){var self=this;this.widgetName=name;this.widgetBaseClass=namespace+'-'+name;this.options=$.extend({},$.widget.defaults,$[namespace][name].defaults,options);this.element=$(element).bind('setData.'+name,function(e,key,value){return self.setData(key,value);}).bind('getData.'+name,function(e,key){return self.getData(key);}).bind('remove',function(){return self.destroy();});this.init();};$[namespace][name].prototype=$.extend({},$.widget.prototype,prototype);};$.widget.prototype={init:function(){},destroy:function(){this.element.removeData(this.widgetName);},getData:function(key){return this.options[key];},setData:function(key,value){this.options[key]=value;if(key=='disabled'){this.element[value?'addClass':'removeClass'](this.widgetBaseClass+'-disabled');}},enable:function(){this.setData('disabled',false);},disable:function(){this.setData('disabled',true);}};$.widget.defaults={disabled:false};$.ui.mouse={mouseInit:function(){var self=this;this.element.bind('mousedown.'+this.widgetName,function(e){return self.mouseDown(e);});if($.browser.msie){this._mouseUnselectable=this.element.attr('unselectable');this.element.attr('unselectable','on');}
this.started=false;},mouseDestroy:function(){this.element.unbind('.'+this.widgetName);($.browser.msie&&this.element.attr('unselectable',this._mouseUnselectable));},mouseDown:function(e){(this._mouseStarted&&this.mouseUp(e));this._mouseDownEvent=e;var self=this,btnIsLeft=(e.which==1),elIsCancel=(typeof this.options.cancel=="string"?$(e.target).parents().add(e.target).filter(this.options.cancel).length:false);if(!btnIsLeft||elIsCancel||!this.mouseCapture(e)){return true;}
this._mouseDelayMet=!this.options.delay;if(!this._mouseDelayMet){this._mouseDelayTimer=setTimeout(function(){self._mouseDelayMet=true;},this.options.delay);}
if(this.mouseDistanceMet(e)&&this.mouseDelayMet(e)){this._mouseStarted=(this.mouseStart(e)!==false);if(!this._mouseStarted){e.preventDefault();return true;}}
this._mouseMoveDelegate=function(e){return self.mouseMove(e);};this._mouseUpDelegate=function(e){return self.mouseUp(e);};$(document).bind('mousemove.'+this.widgetName,this._mouseMoveDelegate).bind('mouseup.'+this.widgetName,this._mouseUpDelegate);return false;},mouseMove:function(e){if($.browser.msie&&!e.button){return this.mouseUp(e);}
if(this._mouseStarted){this.mouseDrag(e);return false;}
if(this.mouseDistanceMet(e)&&this.mouseDelayMet(e)){this._mouseStarted=(this.mouseStart(this._mouseDownEvent,e)!==false);(this._mouseStarted?this.mouseDrag(e):this.mouseUp(e));}
return!this._mouseStarted;},mouseUp:function(e){ $(document).unbind('mousemove.'+this.widgetName,this._mouseMoveDelegate).unbind('mouseup.'+this.widgetName,this._mouseUpDelegate);if(this._mouseStarted){this._mouseStarted=false;this.mouseStop(e);}
return false;},mouseDistanceMet:function(e){return(Math.max(Math.abs(this._mouseDownEvent.pageX-e.pageX),Math.abs(this._mouseDownEvent.pageY-e.pageY))>=this.options.distance);},mouseDelayMet:function(e){return this._mouseDelayMet;},mouseStart:function(e){},mouseDrag:function(e){},mouseStop:function(e){},mouseCapture:function(e){return true;}};$.ui.mouse.defaults={cancel:null,distance:1,delay:0};})(jQuery);(function($){ $.widget("ui.accordion",{init:function(){var options=this.options;if(options.navigation){var current=this.element.find("a").filter(options.navigationFilter);if(current.length){if(current.filter(options.header).length){options.active=current;}else{options.active=current.parent().parent().prev();current.addClass("current");}}}
options.headers=this.element.find(options.header);options.active=findActive(options.headers,options.active);if($.browser.msie){this.element.find('a').css('zoom','1');}
if(!this.element.hasClass("ui-accordion")){this.element.addClass("ui-accordion");$("<span class='ui-accordion-left'/>").insertBefore(options.headers);$("<span class='ui-accordion-right'/>").appendTo(options.headers);options.headers.addClass("ui-accordion-header").attr("tabindex","0");}
var maxHeight;if(options.fillSpace){maxHeight=this.element.parent().height();options.headers.each(function(){maxHeight-=$(this).outerHeight();});var maxPadding=0;options.headers.next().each(function(){maxPadding=Math.max(maxPadding,$(this).innerHeight()-$(this).height());}).height(maxHeight-maxPadding);}else if(options.autoHeight){maxHeight=0;options.headers.next().each(function(){maxHeight=Math.max(maxHeight,$(this).outerHeight());}).height(maxHeight);}
options.headers.not(options.active||"").next().hide();options.active.parent().andSelf().addClass(options.selectedClass);if(options.event){this.element.bind((options.event)+".accordion",clickHandler);}},activate:function(index){clickHandler.call(this.element[0],{target:findActive(this.options.headers,index)[0]});},destroy:function(){this.options.headers.next().css("display","");if(this.options.fillSpace||this.options.autoHeight){this.options.headers.next().css("height","");}
$.removeData(this.element[0],"accordion");this.element.removeClass("ui-accordion").unbind(".accordion");}});function scopeCallback(callback,scope){return function(){return callback.apply(scope,arguments);};};function completed(cancel){if(!$.data(this,"accordion")){return;}
var instance=$.data(this,"accordion");var options=instance.options;options.running=cancel?0:--options.running;if(options.running){return;}
if(options.clearStyle){options.toShow.add(options.toHide).css({height:"",overflow:""});}
$(this).triggerHandler("accordionchange",[$.event.fix({type:'accordionchange',target:instance.element[0]}),options.data],options.change);}
function toggle(toShow,toHide,data,clickedActive,down){var options=$.data(this,"accordion").options;options.toShow=toShow;options.toHide=toHide;options.data=data;var complete=scopeCallback(completed,this);options.running=toHide.size()===0?toShow.size():toHide.size();if(options.animated){if(!options.alwaysOpen&&clickedActive){ $.ui.accordion.animations[options.animated]({toShow:jQuery([]),toHide:toHide,complete:complete,down:down,autoHeight:options.autoHeight});}else{ $.ui.accordion.animations[options.animated]({toShow:toShow,toHide:toHide,complete:complete,down:down,autoHeight:options.autoHeight});}}else{if(!options.alwaysOpen&&clickedActive){toShow.toggle();}else{toHide.hide();toShow.show();}
complete(true);}}
function clickHandler(event){var options=$.data(this,"accordion").options;if(options.disabled){return false;}
if(!event.target&&!options.alwaysOpen){options.active.parent().andSelf().toggleClass(options.selectedClass);var toHide=options.active.next(),data={options:options,newHeader:jQuery([]),oldHeader:options.active,newContent:jQuery([]),oldContent:toHide},toShow=(options.active=$([]));toggle.call(this,toShow,toHide,data);return false;}
var clicked=$(event.target);clicked=$(clicked.parents(options.header)[0]||clicked);var clickedActive=clicked[0]==options.active[0];if(options.running||(options.alwaysOpen&&clickedActive)){return false;}
if(!clicked.is(options.header)){return;}
options.active.parent().andSelf().toggleClass(options.selectedClass);if(!clickedActive){clicked.parent().andSelf().addClass(options.selectedClass);}
var toShow=clicked.next(),toHide=options.active.next(),data={options:options,newHeader:clicked,oldHeader:options.active,newContent:toShow,oldContent:toHide},down=options.headers.index(options.active[0])>options.headers.index(clicked[0]);options.active=clickedActive?$([]):clicked;toggle.call(this,toShow,toHide,data,clickedActive,down);return false;};function findActive(headers,selector){return selector!=undefined?typeof selector=="number"?headers.filter(":eq("+selector+")"):headers.not(headers.not(selector)):selector===false?$([]):headers.filter(":eq(0)");}
$.extend($.ui.accordion,{defaults:{selectedClass:"selected",alwaysOpen:true,animated:'slide',event:"click",header:"a",autoHeight:true,running:0,navigationFilter:function(){return this.href.toLowerCase()==location.href.toLowerCase();}},animations:{slide:function(options,additions){options=$.extend({easing:"swing",duration:300},options,additions);if(!options.toHide.size()){options.toShow.animate({height:"show"},options);return;}
var hideHeight=options.toHide.height(),showHeight=options.toShow.height(),difference=showHeight/hideHeight;options.toShow.css({height:0,overflow:'hidden'}).show();options.toHide.filter(":hidden").each(options.complete).end().filter(":visible").animate({height:"hide"},{step:function(now){var current=(hideHeight-now)*difference;if($.browser.msie||$.browser.opera){current=Math.ceil(current);}
options.toShow.height(current);},duration:options.duration,easing:options.easing,complete:function(){if(!options.autoHeight){options.toShow.css("height","auto");}
options.complete();}});},bounceslide:function(options){this.slide(options,{easing:options.down?"bounceout":"swing",duration:options.down?1000:200});},easeslide:function(options){this.slide(options,{easing:"easeinout",duration:700});}}});$.fn.activate=function(index){return this.accordion("activate",index);};})(jQuery);(function($){ $.widget("ui.tabs",{init:function(){this.options.event+='.tabs';this.tabify(true);},setData:function(key,value){if((/^selected/).test(key))
this.select(value);else{this.options[key]=value;this.tabify();}},length:function(){return this.$tabs.length;},tabId:function(a){return a.title&&a.title.replace(/\s/g,'_').replace(/[^A-Za-z0-9\-_:\.]/g,'')||this.options.idPrefix+$.data(a);},ui:function(tab,panel){return{options:this.options,tab:tab,panel:panel,index:this.$tabs.index(tab)};},tabify:function(init){this.$lis=$('li:has(a[href])',this.element);this.$tabs=this.$lis.map(function(){return $('a',this)[0];});this.$panels=$([]);var self=this,o=this.options;this.$tabs.each(function(i,a){if(a.hash&&a.hash.replace('#',''))
self.$panels=self.$panels.add(a.hash);else if($(a).attr('href')!='#'){ $.data(a,'href.tabs',a.href);$.data(a,'load.tabs',a.href);var id=self.tabId(a);a.href='#'+id;var $panel=$('#'+id);if(!$panel.length){ $panel=$(o.panelTemplate).attr('id',id).addClass(o.panelClass).insertAfter(self.$panels[i-1]||self.element);$panel.data('destroy.tabs',true);}
self.$panels=self.$panels.add($panel);}
else
o.disabled.push(i+1);});if(init){this.element.addClass(o.navClass);this.$panels.each(function(){var $this=$(this);$this.addClass(o.panelClass);});if(o.selected===undefined){if(location.hash){this.$tabs.each(function(i,a){if(a.hash==location.hash){o.selected=i;if($.browser.msie||$.browser.opera){var $toShow=$(location.hash),toShowId=$toShow.attr('id');$toShow.attr('id','');setTimeout(function(){ $toShow.attr('id',toShowId);},500);}
scrollTo(0,0);return false;}});}
else if(o.cookie){var index=parseInt($.cookie('ui-tabs'+$.data(self.element)),10);if(index&&self.$tabs[index])
o.selected=index;}
else if(self.$lis.filter('.'+o.selectedClass).length)
o.selected=self.$lis.index(self.$lis.filter('.'+o.selectedClass)[0]);}
o.selected=o.selected===null||o.selected!==undefined?o.selected:0;o.disabled=$.unique(o.disabled.concat($.map(this.$lis.filter('.'+o.disabledClass),function(n,i){return self.$lis.index(n);}))).sort();if($.inArray(o.selected,o.disabled)!=-1)
o.disabled.splice($.inArray(o.selected,o.disabled),1);this.$panels.addClass(o.hideClass);this.$lis.removeClass(o.selectedClass);if(o.selected!==null){this.$panels.eq(o.selected).show().removeClass(o.hideClass);this.$lis.eq(o.selected).addClass(o.selectedClass);var onShow=function(){ $(self.element).triggerHandler('tabsshow',[self.fakeEvent('tabsshow'),self.ui(self.$tabs[o.selected],self.$panels[o.selected])],o.show);};if($.data(this.$tabs[o.selected],'load.tabs'))
this.load(o.selected,onShow);else
onShow();}
$(window).bind('unload',function(){self.$tabs.unbind('.tabs');self.$lis=self.$tabs=self.$panels=null;});}
for(var i=0,li;li=this.$lis[i];i++)
$(li)[$.inArray(i,o.disabled)!=-1&&!$(li).hasClass(o.selectedClass)?'addClass':'removeClass'](o.disabledClass);if(o.cache===false)
this.$tabs.removeData('cache.tabs');var hideFx,showFx,baseFx={'min-width':0,duration:1},baseDuration='normal';if(o.fx&&o.fx.constructor==Array)
hideFx=o.fx[0]||baseFx,showFx=o.fx[1]||baseFx;else
hideFx=showFx=o.fx||baseFx;var resetCSS={display:'',overflow:'',height:''};if(!$.browser.msie)
resetCSS.opacity='';function hideTab(clicked,$hide,$show){ $hide.animate(hideFx,hideFx.duration||baseDuration,function(){ $hide.addClass(o.hideClass).css(resetCSS);if($.browser.msie&&hideFx.opacity)
$hide[0].style.filter='';if($show)
showTab(clicked,$show,$hide);});}
function showTab(clicked,$show,$hide){if(showFx===baseFx)
$show.css('display','block');$show.animate(showFx,showFx.duration||baseDuration,function(){ $show.removeClass(o.hideClass).css(resetCSS);if($.browser.msie&&showFx.opacity)
$show[0].style.filter='';$(self.element).triggerHandler('tabsshow',[self.fakeEvent('tabsshow'),self.ui(clicked,$show[0])],o.show);});}
function switchTab(clicked,$li,$hide,$show){ $li.addClass(o.selectedClass).siblings().removeClass(o.selectedClass);hideTab(clicked,$hide,$show);}
this.$tabs.unbind('.tabs').bind(o.event,function(){var $li=$(this).parents('li:eq(0)'),$hide=self.$panels.filter(':visible'),$show=$(this.hash);if(($li.hasClass(o.selectedClass)&&!o.unselect)||$li.hasClass(o.disabledClass)||$(this).hasClass(o.loadingClass)||$(self.element).triggerHandler('tabsselect',[self.fakeEvent('tabsselect'),self.ui(this,$show[0])],o.select)===false){this.blur();return false;}
self.options.selected=self.$tabs.index(this);if(o.unselect){if($li.hasClass(o.selectedClass)){self.options.selected=null;$li.removeClass(o.selectedClass);self.$panels.stop();hideTab(this,$hide);this.blur();return false;}else if(!$hide.length){self.$panels.stop();var a=this;self.load(self.$tabs.index(this),function(){ $li.addClass(o.selectedClass).addClass(o.unselectClass);showTab(a,$show);});this.blur();return false;}}
if(o.cookie)
$.cookie('ui-tabs'+$.data(self.element),self.options.selected,o.cookie);self.$panels.stop();if($show.length){var a=this;self.load(self.$tabs.index(this),$hide.length?function(){switchTab(a,$li,$hide,$show);}:function(){ $li.addClass(o.selectedClass);showTab(a,$show);});}else
throw'jQuery UI Tabs: Mismatching fragment identifier.';if($.browser.msie)
this.blur();return false;});if(!(/^click/).test(o.event))
this.$tabs.bind('click.tabs',function(){return false;});},add:function(url,label,index){if(index==undefined)
index=this.$tabs.length;var o=this.options;var $li=$(o.tabTemplate.replace(/#\{href\}/g,url).replace(/#\{label\}/g,label));$li.data('destroy.tabs',true);var id=url.indexOf('#')==0?url.replace('#',''):this.tabId($('a:first-child',$li)[0]);var $panel=$('#'+id);if(!$panel.length){ $panel=$(o.panelTemplate).attr('id',id).addClass(o.hideClass).data('destroy.tabs',true);}
$panel.addClass(o.panelClass);if(index>=this.$lis.length){ $li.appendTo(this.element);$panel.appendTo(this.element[0].parentNode);}else{ $li.insertBefore(this.$lis[index]);$panel.insertBefore(this.$panels[index]);}
o.disabled=$.map(o.disabled,function(n,i){return n>=index?++n:n});this.tabify();if(this.$tabs.length==1){ $li.addClass(o.selectedClass);$panel.removeClass(o.hideClass);var href=$.data(this.$tabs[0],'load.tabs');if(href)
this.load(index,href);}
this.element.triggerHandler('tabsadd',[this.fakeEvent('tabsadd'),this.ui(this.$tabs[index],this.$panels[index])],o.add);},remove:function(index){var o=this.options,$li=this.$lis.eq(index).remove(),$panel=this.$panels.eq(index).remove();if($li.hasClass(o.selectedClass)&&this.$tabs.length>1)
this.select(index+(index+1<this.$tabs.length?1:-1));o.disabled=$.map($.grep(o.disabled,function(n,i){return n!=index;}),function(n,i){return n>=index?--n:n});this.tabify();this.element.triggerHandler('tabsremove',[this.fakeEvent('tabsremove'),this.ui($li.find('a')[0],$panel[0])],o.remove);},enable:function(index){var o=this.options;if($.inArray(index,o.disabled)==-1)
return;var $li=this.$lis.eq(index).removeClass(o.disabledClass);if($.browser.safari){ $li.css('display','inline-block');setTimeout(function(){ $li.css('display','block');},0);}
o.disabled=$.grep(o.disabled,function(n,i){return n!=index;});this.element.triggerHandler('tabsenable',[this.fakeEvent('tabsenable'),this.ui(this.$tabs[index],this.$panels[index])],o.enable);},disable:function(index){var self=this,o=this.options;if(index!=o.selected){this.$lis.eq(index).addClass(o.disabledClass);o.disabled.push(index);o.disabled.sort();this.element.triggerHandler('tabsdisable',[this.fakeEvent('tabsdisable'),this.ui(this.$tabs[index],this.$panels[index])],o.disable);}},select:function(index){if(typeof index=='string')
index=this.$tabs.index(this.$tabs.filter('[href$='+index+']')[0]);this.$tabs.eq(index).trigger(this.options.event);},load:function(index,callback){var self=this,o=this.options,$a=this.$tabs.eq(index),a=$a[0],bypassCache=callback==undefined||callback===false,url=$a.data('load.tabs');callback=callback||function(){};if(!url||!bypassCache&&$.data(a,'cache.tabs')){callback();return;}
var inner=function(parent){var $parent=$(parent),$inner=$parent.find('*:last');return $inner.length&&$inner.is(':not(img)')&&$inner||$parent;};var cleanup=function(){self.$tabs.filter('.'+o.loadingClass).removeClass(o.loadingClass).each(function(){if(o.spinner)
inner(this).parent().html(inner(this).data('label.tabs'));});self.xhr=null;};if(o.spinner){var label=inner(a).html();inner(a).wrapInner('<em></em>').find('em').data('label.tabs',label).html(o.spinner);}
var ajaxOptions=$.extend({},o.ajaxOptions,{url:url,success:function(r,s){ $(a.hash).html(r);cleanup();if(o.cache)
$.data(a,'cache.tabs',true);$(self.element).triggerHandler('tabsload',[self.fakeEvent('tabsload'),self.ui(self.$tabs[index],self.$panels[index])],o.load);o.ajaxOptions.success&&o.ajaxOptions.success(r,s);callback();}});if(this.xhr){this.xhr.abort();cleanup();}
$a.addClass(o.loadingClass);setTimeout(function(){self.xhr=$.ajax(ajaxOptions);},0);},url:function(index,url){this.$tabs.eq(index).removeData('cache.tabs').data('load.tabs',url);},destroy:function(){var o=this.options;this.element.unbind('.tabs').removeClass(o.navClass).removeData('tabs');this.$tabs.each(function(){var href=$.data(this,'href.tabs');if(href)
this.href=href;var $this=$(this).unbind('.tabs');$.each(['href','load','cache'],function(i,prefix){ $this.removeData(prefix+'.tabs');});});this.$lis.add(this.$panels).each(function(){if($.data(this,'destroy.tabs'))
$(this).remove();else
$(this).removeClass([o.selectedClass,o.unselectClass,o.disabledClass,o.panelClass,o.hideClass].join(' '));});},fakeEvent:function(type){return $.event.fix({type:type,target:this.element[0]});}});$.ui.tabs.defaults={unselect:false,event:'click',disabled:[],cookie:null,spinner:'Loading&#8230;',cache:false,idPrefix:'ui-tabs-',ajaxOptions:{},fx:null,tabTemplate:'<li><a href="#{href}"><span>#{label}</span></a></li>',panelTemplate:'<div></div>',navClass:'ui-tabs-nav',selectedClass:'ui-tabs-selected',unselectClass:'ui-tabs-unselect',disabledClass:'ui-tabs-disabled',panelClass:'ui-tabs-panel',hideClass:'ui-tabs-hide',loadingClass:'ui-tabs-loading'};$.ui.tabs.getter="length";$.extend($.ui.tabs.prototype,{rotation:null,rotate:function(ms,continuing){continuing=continuing||false;var self=this,t=this.options.selected;function start(){self.rotation=setInterval(function(){t=++t<self.$tabs.length?t:0;self.select(t);},ms);}
function stop(e){if(!e||e.clientX){clearInterval(self.rotation);}}
if(ms){start();if(!continuing)
this.$tabs.bind(this.options.event,stop);else
this.$tabs.bind(this.options.event,function(){stop();t=self.options.selected;start();});}
else{stop();this.$tabs.unbind(this.options.event,stop);}}});})(jQuery);

View File

@ -0,0 +1,129 @@
//Sebs Hack
Function.prototype.apply = function(thisArg, argArray) {
if (typeof this != "function") {
throw new Error("apply called on incompatible " +
"object (not a function)");
}
if (argArray != null && !(argArray instanceof Array)
&& typeof argArray.callee != "function") {
throw new Error("The 2nd argument to apply must " +
"be an array or arguments object");
}
thisArg = (thisArg == null) ? window : Object(thisArg);
thisArg.__applyTemp__ = this;
// youngpup's hack
var parameters = [],
length = (argArray || "").length >>> 0;
for (var i = 0; i < length; i++) {
parameters[i] = "argArray[" + i + "]";
};
var functionCall =
"thisArg.__applyTemp__(" + parameters + ")";
try {
return eval(functionCall)
} finally {
try {
delete thisArg.__applyTemp__
} catch (e) {
/* ignore */
}
}
}
//Sebs Hack
Function.prototype.call = function(thisArg) {
return this.apply(thisArg,
Array.prototype.slice.apply(arguments, [1]));
}
// Array.shift() - Remove and return the first element
if( typeof Array.prototype.shift==='undefined' ) {
Array.prototype.shift = function() {
for( var i = 0, b = this[0], l = this.length-1; i<l; i++ ) {
this[i] = this[i+1];
}
this.length--;
return b;
};
}
//Sebs Hack
Function.prototype.fixThis = function() {
var func=this;
var args=Util.as_array(arguments);
var new_this=args.shift();
return function(event) {
return func.apply(new_this, [(event || window.event)].concat(args).concat(Util.as_array(arguments)));
}
};
Function.prototype.fixDropEvt = function() {
var func=this;
var args=Util.as_array(arguments);
var new_this=args.shift();
return function() {
return func.apply(new_this, args);
}
};
// Util functions
var Util = {
as_array: function (some_vars) {
if (!some_vars) return [];
var ret=[];
for (var i=0; i<some_vars.length; i++) ret[ret.length]=(some_vars[i]);
return ret;
},
// addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
addEvent : function(obj, type, fn) {
if (obj.addEventListener)
obj.addEventListener(type, fn.fixThis(this), false);
else if (obj.attachEvent) {
obj["e"+type+fn] = fn.fixThis(this);
obj[type+fn] = function() { obj["e"+type+fn]( window.event ); };
obj.attachEvent("on"+type, obj[type+fn]);
}
}
}
// Animated text at top of document
var TeleText = {
//set Position to start typing from
pos : 1,
//initilise and check for cookie
init : function(message) {
typer = document.getElementById('teleText');
if (typer) {
//hide Content
typer.innerHTML = '';
//Run Typeout
TeleText.shellType = window.setTimeout('TeleText.typeOut("'+message+'")', 100);
}
},
// The typer function
typeOut : function(typeText) {
//check to see when typer can end setInterval.
if(this.pos == typeText.length) {
//stop typing. remove setInterval.
typer.innerHTML = typeText.slice(0, this.pos);
} else {
this.pos += 1;
//Choose which part of the two-part animation to display:
switch(this.pos % 4) {
case 0:
typer.innerHTML = typeText.slice(0, this.pos) + ' -';
break;
case 1:
typer.innerHTML = typeText.slice(0, this.pos) + ' \\';
break;
case 2:
typer.innerHTML = typeText.slice(0, this.pos) + ' |';
break;
case 3:
typer.innerHTML = typeText.slice(0, this.pos) + ' /';
break;
}
window.setTimeout('TeleText.typeOut("'+typeText+'")', 100);
}
}
};

View File

@ -0,0 +1,67 @@
#navSignIn .lc1 {
text-align:center;
background:#000;
margin:0 5px;
padding:5px;
}
#navSignIn .lc1 .lc2 {
padding:30px 0;
background:#0b2540;
}
#navSignIn #lc3 {
width:441px;
}
#navSignIn #lc3 .subsectionContent {
padding-top: 6px;
text-align: center;
}
#navSignIn .lc4 {
background: transparent url(../img/images/layout/applet_div_bg.gif) no-repeat left bottom;
width:431px;
height:270px;
margin: 0 auto;
overflow: hidden;
text-align: left;
}
#navSignIn .buttonWide {
float: left;
}
#navSignIn .left {
display: inline;
margin-left: 48px;
}
#navSignIn .right {
margin-left: 6px;
}
#navSignIn .buttons {
height: 1%;
margin-top:8px;
padding-bottom: 8px;
}
#navSignIn .subsectionContent {
background:#082e5b;
}
#navSignIn .loginformlink {
font-size:8pt;
margin-top:5px;
text-align:center;
}
#navSignIn .manualRedir {
font-size:9pt;
width:400px;
margin:7px auto;
height:20px;
text-align:center;
}

View File

@ -0,0 +1,118 @@
/* Overrides */
.articleBody {
height: 1%; /* IE hasLayout fix */
}
/* Shared */
#newsitemMenu {
margin-bottom: 5px;
padding: 4px;
background: #1B4688;
}
.newsNavcat {
margin: auto 5px;
}
.newsNavcat img,
#newsTitle img,
#newsList img,
#article input,
div.bottomnav img {
vertical-align: middle;
}
/* list.ws */
#newsList {
border-collapse: separate;
color: white;
}
#newsList .row_a {
font-weight: bold;
}
#newsList td {
padding: 4px;
vertical-align: middle;
}
/* newsitem.ws */
#newsTitle {
padding-top: 4px;
text-align: center;
margin-bottom: 1em;
}
.newsJustify {
text-align: justify;
}
.clear {
clear: both;
font-size: 0px;
height: 0px;
}
.centre {
text-align: center;
}
.width100 {
width: 100%;
}
.dispinline {
display: inline;
}
.changepage {
color:#FFFFFF;
font-size:
10px; background-color:black;
text-align:center;
border: 2px inset #D4D0C8;
}
div.topnav { text-align: center; margin-bottom: 5px; }
div.topnav img { vertical-align: bottom; }
div.bottomnav { text-align: right; margin-top: 5px; }
div.bottomnav img { vertical-align: text-top; }
.newstitlebground {
margin-left: auto;
margin-right: auto;
padding: 4px;
width:759px;
height:130px;
background-image: url('../../img/news/header_news6.gif');
background-repeat: no-repeat;
}
.newstitleframe {
width:165px;
margin-left: auto;
margin-right: auto;
padding: 4px;
border:2px solid #382418;
background-color: black;
margin-top:50px;
}
.adframe {
position:relative;
background:transparent url(../../img/images/layout/advert_bg.gif) no-repeat;
width:316px;
height:281px;
float:right;
margin-left:10px;
}
.adframe iframe {
width:300px;
height:273px;
margin:8px 8px 0;
}
.ad {
position: absolute;
top: 25px;
left: 6px;
}

View File

@ -0,0 +1,50 @@
document.domain = 'funorb.com';
var FUNORB = {};
FUNORB.login = {
init: function(){
'use strict';
$('#login-form').on('submit', function(ev) {
var recaptcha = $('#google-recaptcha'), recaptchaError = $('#google-recaptcha-error');
if (recaptcha.length && typeof grecaptcha != 'undefined') {
if (grecaptcha.getResponse() == '') {
ev.preventDefault();
recaptchaError.addClass('google-recaptcha-error--show');
if ($('#login-username').val() != "" && $('#login-password').val() != "") {
$('.login-error').remove();
}
else {
recaptchaError.removeClass('google-recaptcha-error--show');
}
}
}
});
}
};
FUNORB.logout = {
redirect: function(){
'use strict';
//homeRedirect is defined on logout.ftl
if(typeof(homeRedirect) !== 'undefined'){
location.href = homeRedirect;
}
},
init: function(){
'use strict';
setTimeout('FUNORB.logout.redirect()',15000);
}
};
FUNORB.onLoad = {
init: function(){
'use strict';
var id = document.getElementsByTagName('body')[0].id;
switch (id){
case "login-page":
FUNORB.login.init();
break;
case "logout-page":
FUNORB.logout.init();
break;
}
}
};
$(document).ready(FUNORB.onLoad.init());

View File

@ -0,0 +1,50 @@
document.domain = 'funorb.com';
var FUNORB = {};
FUNORB.login = {
init: function(){
'use strict';
$('#login-form').on('submit', function(ev) {
var recaptcha = $('#google-recaptcha'), recaptchaError = $('#google-recaptcha-error');
if (recaptcha.length && typeof grecaptcha != 'undefined') {
if (grecaptcha.getResponse() == '') {
ev.preventDefault();
recaptchaError.addClass('c-google-recaptcha-error--show');
if ($('#login-username').val() != "" && $('#login-password').val() != "") {
$('.login-error').remove();
}
else {
recaptchaError.removeClass('c-google-recaptcha-error--show');
}
}
}
});
}
};
FUNORB.logout = {
redirect: function(){
'use strict';
//homeRedirect is defined on logout.ftl
if(typeof(homeRedirect) !== 'undefined'){
location.href = homeRedirect;
}
},
init: function(){
'use strict';
setTimeout('FUNORB.logout.redirect()',15000);
}
};
FUNORB.onLoad = {
init: function(){
'use strict';
var id = document.getElementsByTagName('body')[0].id;
switch (id){
case "login-page":
FUNORB.login.init();
break;
case "logout-page":
FUNORB.logout.init();
break;
}
}
};
$(document).ready(FUNORB.onLoad.init());

View File

@ -0,0 +1,308 @@
/*
*/
body{
background: url(../img/images/layout/bg_body_voidhunters.jpg) no-repeat center 0, url(../img/images/layout/bg_body_voidhunters_repeat.jpg) repeat-y center 0 black;
border: none;
color: #fff;
font-family: Arial,Helvetica,FreeSans,sans-serif;
font-size: 11px;
height: 100%;
margin: 0;
padding: 0;
position: relative;
text-align: center;
}
.login-box{
background: url(../img/weblogin/loginarea_bg_nowarn.png?2) center top;
border-bottom: 4px solid black;
border-top: 4px solid black;
display: block;
margin: 0 auto -4px;
min-height: 388px;
position: relative;
text-align: left;
width: 775px;
}
.login-box:before,
.login-box:after{
background: #00307A;
border-left: 8px solid black;
border-right: 4px solid black;
content: '';
height: calc(100% + 4px);
left: -3px;
position: absolute;
top: -4px;
width: 8px;
}
.login-box:after{
border-left: 4px solid black;
border-right: 8px solid black;
left: auto;
right: -2px;
}
.login-box--weblogout,
.login-box--weberror{
background: #0B253F;
min-height: 0;
text-align: center;
}
header{
background: url(../img/images/layout/nav.gif) repeat-x 116px;
border-radius: 10px;
display: block;
height: 116px;
margin: auto;
position: relative;
width: 776px;
}
header:after{
clear: both;
content: '';
display: table;
}
header .logo{
float: left;
}
header .shell{
background: url(../img/images/layout/nav_headerbg.gif) repeat-x 0px -80px;
border-radius: 16px;
float: right;
font-size: 10px;
height: 64px;
letter-spacing: 1px;
margin-right: 4px;
overflow: hidden;
padding: 14px 0 0 10px;
position: relative;
text-align: left;
width: 540px;
}
.welcome-text{
color: #32acfc;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
}
.teletext-inner .hilight{
font-weight: bold;
}
.page-header{
background: url(../img/images/layout/section_header.gif);
border-radius: 0;
display: block;
height: 32px;
text-align: left;
width: 764px;
}
.page-header__content{
color: white;
display: inline-block;
font-weight: bold;
padding: 6px 0 0 32px;
text-align: left;
}
.login-logo{
display: none;
}
.login-form{
background: url(../img/weblogin/login_box_repeat.png?2) repeat-y 0 32px;
min-height: 184px;
margin: 53px 154px 20px;
padding: 30px 18px;
position: relative;
}
.login-box__copy{
}
.login-error{
background: #560000;
border: 1px solid red;
border-radius: 5px;
color: white;
display: block;
line-height: 150%;
padding: 0 8px;
}
.login-form:before,
.login-form:after{
background: url(../img/weblogin/login_box_top.png?2) no-repeat 0 0;
content: '';
height: 7px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.login-form:after{
bottom: 0;
top: auto;
}
.login-form__label{
background: url(../img/weblogin/input_bg.png?2) no-repeat center top;
display: block;
font-size: 16px;
font-weight: bold;
height: 49px;
line-height: 49px;
margin-bottom: 5px;
overflow: hidden;
padding-left: 9px;
position: relative;
}
.login-form__text{
background: white;
border: 1px solid black;
border-radius: 5px;
box-shadow: inset 0 0 6px 3px #A4A4A4;
float: right;
font-weight: bold;
height: 21px;
line-height: 20px;
margin: 11px 20px;
padding: 2px 6px;
width: 238px;
}
.login-form__submit{
background: transparent url(../img/weblogin/login.png?2) no-repeat top left;
color: transparent;
cursor: pointer;
display: block;
height: 51px;
margin: 30px auto 0;
width: 268px;
}
.login-form__submit:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.login-additional{
margin: 0 auto 20px;
width: 456px;
}
.login-box__copy-link{
color: #FFD200;
font-weight: bold;
}
.login-box__back{
background: #1F5FBF;
background: linear-gradient(#1F5FBF,#1F5FBF,#1F5FBF,#0048B6,#0048B6,#0048B6);
border: 2px solid #4e80c7;
border-radius: 7px;
color: white;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 30px;
margin: 0 auto 25px;
min-width: 200px;
position: relative;
text-align: center;
text-decoration: none;
}
.login-box__back:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.recoveraccount{
background: transparent url(../img/weblogin/recover.png) no-repeat 0 0;
color: transparent;
display: block;
height: 32px;
margin: auto;
width: 205px;
}
.recoveraccount:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.global-footer{
background: transparent url(../img/images/layout/footer_bg.png) no-repeat center 5px;
margin: auto;
padding-bottom: 6px;
position: relative;
width: 778px;
}
.global-footer:before{
background: black;
border-bottom: 4px solid #00307A;
content: '';
display: block;
height: 4px;
left: 15px;
position: absolute;
top: -8px;
width: 748px;
}
.footer__language{
display: block;
padding-top: 24px;
position: relative;
text-align: center;
}
.footer__language h3{
display: inline-block;
font-size: 9px;
font-weight: normal;
margin: 0;
vertical-align: top;
}
.footer__language a{
color: #FFD200;
display: inline-block;
margin: 0 3px;
outline: none;
text-decoration: none;
vertical-align: top;
}
.footer__language img{
margin-right: 3px;
}
.global-footer .cr{
font-size: 9px;
font-weight: bold;
padding-top: 4px;
text-align: center;
}
.global-footer cr p{
margin: auto;
width: 460px;
}
.global-footer .cr a{
color: #FFD200;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.global-footer .jagex-logo{
bottom: 11px;
position: absolute;
right: 5px;
}
.form-error{/*Hide these for FO as we do not want them*/
display: none;
}
.google-recaptcha-error{
background: #560000;
border: 1px solid red;
border-radius: 5px;
color: white;
display: none;
line-height: 150%;
padding: 0 8px;
}
.google-recaptcha-error--show{
display: block;
}

View File

@ -0,0 +1,327 @@
/*
*/
body{
background: url(../img/images/layout/bg_body_voidhunters.jpg) no-repeat center 0, url(../img/images/layout/bg_body_voidhunters_repeat.jpg) repeat-y center 0 black;
border: none;
color: #fff;
font-family: Arial,Helvetica,FreeSans,sans-serif;
font-size: 11px;
height: 100%;
margin: 0;
padding: 0;
position: relative;
text-align: center;
}
.l-vista{
background: url(../img/weblogin/loginarea_bg_nowarn.png?2) center top;
border-bottom: 4px solid black;
border-top: 4px solid black;
display: block;
margin: 0 auto -4px;
min-height: 388px;
position: relative;
text-align: left;
width: 775px;
}
.l-vista:before,
.l-vista:after{
background: #00307A;
border-left: 8px solid black;
border-right: 4px solid black;
content: '';
height: calc(100% + 4px);
left: -3px;
position: absolute;
top: -4px;
width: 8px;
}
.l-vista:after{
border-left: 4px solid black;
border-right: 8px solid black;
left: auto;
right: -2px;
}
.l-vista--logout,
.l-vista--login-error{
background: #0B253F;
min-height: 0;
text-align: center;
}
header{
background: url(../img/images/layout/nav.gif) repeat-x 116px;
border-radius: 10px;
display: block;
height: 116px;
margin: auto;
position: relative;
width: 776px;
}
header:after{
clear: both;
content: '';
display: table;
}
header .logo{
float: left;
}
header .shell{
background: url(../img/images/layout/nav_headerbg.gif) repeat-x 0px -80px;
border-radius: 16px;
float: right;
font-size: 10px;
height: 64px;
letter-spacing: 1px;
margin-right: 4px;
overflow: hidden;
padding: 14px 0 0 10px;
position: relative;
text-align: left;
width: 540px;
}
.welcome-text{
color: #32acfc;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0;
}
.teletext-inner .hilight{
font-weight: bold;
}
.page-header{
background: url(../img/images/layout/section_header.gif);
border-radius: 0;
display: block;
height: 32px;
text-align: left;
width: 764px;
}
.page-header__content{
color: white;
display: inline-block;
font-weight: bold;
padding: 6px 0 0 32px;
text-align: left;
}
.login-logo{
display: none;
}
.login-form{
background: url(../img/weblogin/login_box_repeat.png?2) repeat-y 0 32px;
min-height: 184px;
margin: 53px 154px 20px;
padding: 30px 18px;
position: relative;
}
.m-callout{
background: #560000;
border: 1px solid red;
border-radius: 5px;
color: white;
display: block;
line-height: 150%;
padding: 0 8px;
}
.login-form:before,
.login-form:after{
background: url(../img/weblogin/login_box_top.png?2) no-repeat 0 0;
content: '';
height: 7px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.login-form:after{
bottom: 0;
top: auto;
}
.login-form__label{
background: url(../img/weblogin/input_bg.png?2) no-repeat center top;
display: block;
font-size: 16px;
font-weight: bold;
height: 49px;
line-height: 49px;
margin-bottom: 5px;
overflow: hidden;
padding-left: 9px;
position: relative;
}
.login-form__text{
background: white;
border: 1px solid black;
border-radius: 5px;
box-shadow: inset 0 0 6px 3px #A4A4A4;
float: right;
font-weight: bold;
height: 21px;
line-height: 20px;
margin: 11px 20px;
padding: 2px 6px;
width: 238px;
}
.a-button{
background: transparent url(../img/weblogin/login.png?2) no-repeat top left;
color: transparent;
cursor: pointer;
display: block;
height: 51px;
margin: 30px auto 0;
width: 268px;
}
.a-button:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.l-vista--logout .a-button,
.l-vista--login-error .a-button{
background: #1F5FBF;
background: linear-gradient(#1F5FBF,#1F5FBF,#1F5FBF,#0048B6,#0048B6,#0048B6);
border: 2px solid #4e80c7;
border-radius: 7px;
color: white;
cursor: pointer;
display: inline-block;
font-size: 16px;
height: auto;
line-height: 30px;
margin: 0 auto 25px;
min-width: 200px;
position: relative;
text-align: center;
text-decoration: none;
width: auto;
}
.login-additional{
margin: 0 auto 20px;
width: 456px;
}
.l-vista__copy{
text-align: center;
}
.l-vista__copy-link{
color: #FFD200;
font-weight: bold;
}
.l-vista__back{
background: #1F5FBF;
background: linear-gradient(#1F5FBF,#1F5FBF,#1F5FBF,#0048B6,#0048B6,#0048B6);
border: 2px solid #4e80c7;
border-radius: 7px;
color: white;
cursor: pointer;
display: inline-block;
font-size: 16px;
line-height: 30px;
margin: 0 auto 25px;
min-width: 200px;
position: relative;
text-align: center;
text-decoration: none;
}
.l-vista__back:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.recoveraccount{
background: transparent url(../img/weblogin/recover.png) no-repeat 0 0;
color: transparent;
display: block;
height: 32px;
margin: auto;
width: 205px;
}
.recoveraccount:hover{
-webkit-filter: brightness(1.3);
-moz-filter: brightness(1.3);
-ms-filter: brightness(1.3);
-o-filter: brightness(1.3);
filter: brightness(1.3);
}
.global-footer{
background: transparent url(../img/images/layout/footer_bg.png) no-repeat center 5px;
margin: auto;
padding-bottom: 6px;
position: relative;
width: 778px;
}
.global-footer:before{
background: black;
border-bottom: 4px solid #00307A;
content: '';
display: block;
height: 4px;
left: 15px;
position: absolute;
top: -8px;
width: 748px;
}
.footer__language{
display: block;
padding-top: 24px;
position: relative;
text-align: center;
}
.footer__language h3{
display: inline-block;
font-size: 9px;
font-weight: normal;
margin: 0;
vertical-align: top;
}
.footer__language a{
color: #FFD200;
display: inline-block;
margin: 0 3px;
outline: none;
text-decoration: none;
vertical-align: top;
}
.footer__language img{
margin-right: 3px;
}
.global-footer .cr{
font-size: 9px;
font-weight: bold;
padding-top: 4px;
text-align: center;
}
.global-footer cr p{
margin: auto;
width: 460px;
}
.global-footer .cr a{
color: #FFD200;
font-size: 11px;
font-weight: bold;
text-decoration: underline;
}
.global-footer .jagex-logo{
bottom: 11px;
position: absolute;
right: 5px;
}
.form-error{/*Hide these for FO as we do not want them*/
display: none;
}
.cgoogle-recaptcha-error{
background: #560000;
border: 1px solid red;
border-radius: 5px;
color: white;
display: none;
line-height: 150%;
padding: 0 8px;
}
.c-google-recaptcha-error--show{
display: block;
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,495 @@
*{
margin: 0px;
padding: 0px;
}
#navSignIn .brown_background {
text-align:center;
background:#000;
margin:0 5px;
padding:5px;
}
#navSignIn #brown_box {
width:441px;
}
#navSignIn #brown_box .subsectionContent {
padding-top: 6px;
text-align: center;
}
#navSignIn .inner_brown_box {
background: black;
width:431px;
margin: 0 auto 10px;
}
#navSignIn .inner_brown_box_top {
background: transparent url(../img/images/layout/applet_div_top.png) no-repeat;
width:431px;
height:7px;
margin-bottom: 1px;
font-size: 0px;
}
#navSignIn .inner_brown_box_bottom {
background: transparent url(../img/images/layout/applet_div_bottom.png) no-repeat;
width:431px;
height:7px;
margin-top: 1px;
font-size: 0px;
}
*{
margin: 0px;
padding: 0px;
}
#login_background{
background: url('../img/weblogin/loginarea_bg_nowarn.png?2') center top;
width: 740px;
/* No recaptcha, no warning */
position: relative;
padding: 49px 0px;
}
#login_panel{
background: url('../img/weblogin/login_box_top.png?2') no-repeat 0 0;
width: 468px;
/* No recptcha, no warning */
margin: 0px auto 0px;
position: relative;
border: none;
padding: 7px 0px 0px 0px;
height: 247px;
}
#login_panel .bottom{
background: url('../img/weblogin/login_box_bottom.png?2') no-repeat 0 bottom;
padding-bottom: 7px;
}
#login_panel .repeat{
background: url('../img/weblogin/login_box_repeat.png?2') repeat-y 0 32px;
height: 1%; /* IE6 fix */
}
#login_form{
padding: 0px;
margin: 0px;
width: 468px;
overflow: hidden;
}
#login_panel label{
font-size: 16px;
font-weight: bold;
color: white;
padding: 0px;
}
#login_panel .top_section{
height: 142px;
position: relative;
overflow: hidden;
}
#message{
background: none;
color: white;
font-weight: bold;
font-size: 1em;
line-height:14px;
position: absolute;
top: 8px;
left: 0px;
text-align: center;
width: 100%;
height: 12px;
}
#login_panel div.section_form{
background: url('../img/weblogin/input_bg.png?2') center top;
height: 49px;
line-height: 49px;
margin: 0px auto 7px;
width: 420px;
padding-left: 10px;
left: 20px;
text-align: left;
}
#login_panel div.section_form input{
position: absolute;
left: 160px;
top: 12px;
}
#login_panel #recaptcha_nojs_group textarea,
#login_panel div.section_form input{
background-color: transparent;
border: 0px;
width: 238px;
height: 21px;
line-height: 20px;
font-weight: bold;
padding: 2px 6px;
}
#login_panel #usernameSection{
position: absolute;
top: 30px;
}
#passwordSection{
position: absolute;
top: 86px;
}
#usernameSection input,
#passwordSection input{
float: right;
}
#recaptcha_response_field {
width:135px;
}
#recaptcha_error {
text-align: center;
font-size: 0px;
}
#login_panel #recaptcha{
background: url('../img/weblogin/captchaback_top.png') no-repeat top left;
width: 384px;
padding: 0px;
height: auto;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper{
margin: 0 4px 2px;
background: transparent;
height: 57px;
padding: 3px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
float: left;
margin-left: 10px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
line-height: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image a{
color: black;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container{
float: right;
width: 40px;
height: 60px;
overflow: visible;
margin: 2px 6px 0px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a{
margin-bottom: 0px;
position: relative;
cursor: pointer;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a img{
top: 0px;
position: absolute;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower{
position: relative;
text-align: left;
margin: 0px;
padding: 2px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower label{
position: relative;
float: left;
margin: 0px 0px 0px 2px;
line-height: 28px;
font-size: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower input {
background: url('../img/weblogin/reCaptcha_input_back.png') transparent top left;
float:left;
height:20px;
margin:5px 2px;
width:175px;
position: relative;
top: auto;
left: auto;
padding: 0px;
font-size: 14px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower img {
float:left;
margin: 1px 0px 3px 0px;
}
#recaptcha_nonjs{
border: none;
margin: 3px;
width: 378px;
height: 300px;
background-color: white;
font-family: arial,helvetica,freesans,sans-serif;
color: black;
}
#login_panel #recaptcha_nojs_group{
margin: 12px;
}
#login_panel #recaptcha_nojs_group label{
line-height: 20px;
font-size: 12px;
}
#recaptcha_box_nojs,
#recaptcha_box {
width: 384px;
padding: 0 4px 0 0;
background: url('../img/weblogin/captchaback_bottom.png') no-repeat bottom left;
margin: 0px;
}
#recaptcha_box {
margin: 3px 0px 0px 0px;
display: none; /* Made visible if js is ON */
}
#recaptcha_box_top {
background: url(../img/weblogin/recaptcha_box_top.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 0 0;
font-size: 0px;
}
#recaptcha_box_bottom {
background: url(../img/weblogin/recaptcha_box_bottom.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 5px 0;
margin-top: 6px;
font-size: 0px;
}
#recaptcha_box_upper {
background: white;
padding: 2px;
min-height: 57px;
margin: 0 2px 6px 6px;
}
#recaptcha_box_lower {
padding: 2px;
margin: 0 2px 6px 6px;
text-align: right;
}
#recaptcha_image {
float:left;
height:auto !important;
min-height: 57px;
}
#refresh_recaptcha {
background: url(../img/weblogin/new_recaptcha_highlight.png);
height: 27px;
width: 31px;
float: right;
overflow: hidden;
}
#audio_recaptcha {
background: url(../img/weblogin/audio_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#image_recaptcha {
background: url(../img/weblogin/image_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#refresh_recaptcha:hover img,
#audio_recaptcha:hover img,
#image_recaptcha:hover img {
visibility: hidden;
}
#recaptcha_box_logo {
vertical-align: middle;
}
#login_panel #recaptcha_nojs_group #recaptcha_challenge_field{
background: url('../img/weblogin/input_bg.png?2') 264px 36px; /* re-use */
display: block;
height: 20px;
position: relative;
left: 0px;
margin: 0px auto 6px;
}
#login_panel .bottom_section{
height: 98px;
position: relative;
overflow: hidden;
}
#submit_button {
width: 264px;
height: 49px;
position: absolute;
left: 100px;
top: 24px;
}
#submit_button a{
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
width: 264px;
height: 49px;
display: block;
text-indent: -9999px;
}
#submit_button button{
width: 264px;
height: 49px;
display: block;
padding: 0px;
border: none;
font-size: 0px;
text-indent: -9999px;
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
}
#submit_button button:hover{
background: transparent url('../img/weblogin/login.png?2') no-repeat bottom left;
visibility: visible;
z-index: 10;
}
#remember{
position: absolute;
top: 0;
left: 113px;
text-align: left;
width: 340px;
}
#remember label{
cursor:pointer;
display:block;
font-size:13px;
line-height:1.2em;
margin: 2px 20px;
}
#remember input{
position: absolute;
height: 13px;
width: 13px;
cursor: pointer;
top: 4px;
}
.createaccount, .recoveraccount {
display: block;
text-align: center;
cursor: pointer;
}
.buttbg, .butt1bg{
background: transparent url('../img/weblogin/create.png') no-repeat 0 0;
width: 205px;
height: 32px;
position: absolute;
top: 0px;
left: 0px;
}
.butt1bg{
background: transparent url('../img/weblogin/recover.png') no-repeat 0 0;
right: 0px;
}
.buttons{
width: 418px;
height: 32px;
margin: 10px auto;
}
.buttons a{
width: 205px;
height: 32px;
cursor: pointer;
position: relative;
}
.buttons a:hover{
background: transparent none;
border: none;
}
a:hover .buttbg, a:hover .butt1bg {
background-position:left bottom;
}
.createaccount {
margin: auto;/* removed create button so this one is centred now float:left;*/
}
.recoveraccount {
margin: auto;/* Removed create button float:right; */
}
#warning{
display: none;
background: url('../img/weblogin/warning_border.png') no-repeat bottom left;
width: 418px;
height: 86px;
margin: 0px auto;
position: relative;
}
#warning_image{
background: url('../img/weblogin/ie8.png') no-repeat bottom left;
top: 7px;
left: 7px;
position: absolute;
width: 404px;
height: 72px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
}
#warning p{
margin: 6px 8px 0px;
}
#manualRedir{
text-align: center;
display: none;
}
#manualRedir span{
width: 400px;
}

View File

@ -0,0 +1,495 @@
*{
margin: 0px;
padding: 0px;
}
#navSignIn .brown_background {
text-align:center;
background:#000;
margin:0 5px;
padding:5px;
}
#navSignIn #brown_box {
width:441px;
}
#navSignIn #brown_box .subsectionContent {
padding-top: 6px;
text-align: center;
}
#navSignIn .inner_brown_box {
background: black;
width:431px;
margin: 0 auto 10px;
}
#navSignIn .inner_brown_box_top {
background: transparent url(../img/images/layout/applet_div_top.png) no-repeat;
width:431px;
height:7px;
margin-bottom: 1px;
font-size: 0px;
}
#navSignIn .inner_brown_box_bottom {
background: transparent url(../img/images/layout/applet_div_bottom.png) no-repeat;
width:431px;
height:7px;
margin-top: 1px;
font-size: 0px;
}
*{
margin: 0px;
padding: 0px;
}
#login_background{
background: url('../img/weblogin/loginarea_bg_nowarn.png?2') center top;
width: 740px;
/* No recaptcha, no warning */
position: relative;
padding: 49px 0px;
}
#login_panel{
background: url('../img/weblogin/login_box_top.png?2') no-repeat 0 0;
width: 468px;
/* No recptcha, no warning */
margin: 0px auto 0px;
position: relative;
border: none;
padding: 7px 0px 0px 0px;
height: 247px;
}
#login_panel .bottom{
background: url('../img/weblogin/login_box_bottom.png?2') no-repeat 0 bottom;
padding-bottom: 7px;
}
#login_panel .repeat{
background: url('../img/weblogin/login_box_repeat.png?2') repeat-y 0 32px;
height: 1%; /* IE6 fix */
}
#login_form{
padding: 0px;
margin: 0px;
width: 468px;
overflow: hidden;
}
#login_panel label{
font-size: 16px;
font-weight: bold;
color: white;
padding: 0px;
}
#login_panel .top_section{
height: 142px;
position: relative;
overflow: hidden;
}
#message{
background: none;
color: white;
font-weight: bold;
font-size: 1em;
line-height:14px;
position: absolute;
top: 8px;
left: 0px;
text-align: center;
width: 100%;
height: 12px;
}
#login_panel div.section_form{
background: url('../img/weblogin/input_bg.png?2') center top;
height: 49px;
line-height: 49px;
margin: 0px auto 7px;
width: 420px;
padding-left: 10px;
left: 20px;
text-align: left;
}
#login_panel div.section_form input{
position: absolute;
left: 160px;
top: 12px;
}
#login_panel #recaptcha_nojs_group textarea,
#login_panel div.section_form input{
background-color: transparent;
border: 0px;
width: 238px;
height: 21px;
line-height: 20px;
font-weight: bold;
padding: 2px 6px;
}
#login_panel #usernameSection{
position: absolute;
top: 30px;
}
#passwordSection{
position: absolute;
top: 86px;
}
#usernameSection input,
#passwordSection input{
float: right;
}
#recaptcha_response_field {
width:135px;
}
#recaptcha_error {
text-align: center;
font-size: 0px;
}
#login_panel #recaptcha{
background: url('../img/weblogin/captchaback_top.png') no-repeat top left;
width: 384px;
padding: 0px;
height: auto;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper{
margin: 0 4px 2px;
background: transparent;
height: 57px;
padding: 3px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
float: left;
margin-left: 10px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
line-height: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image a{
color: black;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container{
float: right;
width: 40px;
height: 60px;
overflow: visible;
margin: 2px 6px 0px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a{
margin-bottom: 0px;
position: relative;
cursor: pointer;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a img{
top: 0px;
position: absolute;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower{
position: relative;
text-align: left;
margin: 0px;
padding: 2px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower label{
position: relative;
float: left;
margin: 0px 0px 0px 2px;
line-height: 28px;
font-size: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower input {
background: url('../img/weblogin/reCaptcha_input_back.png') transparent top left;
float:left;
height:20px;
margin:5px 2px;
width:175px;
position: relative;
top: auto;
left: auto;
padding: 0px;
font-size: 14px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower img {
float:left;
margin: 1px 0px 3px 0px;
}
#recaptcha_nonjs{
border: none;
margin: 3px;
width: 378px;
height: 300px;
background-color: white;
font-family: arial,helvetica,freesans,sans-serif;
color: black;
}
#login_panel #recaptcha_nojs_group{
margin: 12px;
}
#login_panel #recaptcha_nojs_group label{
line-height: 20px;
font-size: 12px;
}
#recaptcha_box_nojs,
#recaptcha_box {
width: 384px;
padding: 0 4px 0 0;
background: url('../img/weblogin/captchaback_bottom.png') no-repeat bottom left;
margin: 0px;
}
#recaptcha_box {
margin: 3px 0px 0px 0px;
display: none; /* Made visible if js is ON */
}
#recaptcha_box_top {
background: url(../img/weblogin/recaptcha_box_top.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 0 0;
font-size: 0px;
}
#recaptcha_box_bottom {
background: url(../img/weblogin/recaptcha_box_bottom.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 5px 0;
margin-top: 6px;
font-size: 0px;
}
#recaptcha_box_upper {
background: white;
padding: 2px;
min-height: 57px;
margin: 0 2px 6px 6px;
}
#recaptcha_box_lower {
padding: 2px;
margin: 0 2px 6px 6px;
text-align: right;
}
#recaptcha_image {
float:left;
height:auto !important;
min-height: 57px;
}
#refresh_recaptcha {
background: url(../img/weblogin/new_recaptcha_highlight.png);
height: 27px;
width: 31px;
float: right;
overflow: hidden;
}
#audio_recaptcha {
background: url(../img/weblogin/audio_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#image_recaptcha {
background: url(../img/weblogin/image_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#refresh_recaptcha:hover img,
#audio_recaptcha:hover img,
#image_recaptcha:hover img {
visibility: hidden;
}
#recaptcha_box_logo {
vertical-align: middle;
}
#login_panel #recaptcha_nojs_group #recaptcha_challenge_field{
background: url('../img/weblogin/input_bg.png?2') 264px 36px; /* re-use */
display: block;
height: 20px;
position: relative;
left: 0px;
margin: 0px auto 6px;
}
#login_panel .bottom_section{
height: 98px;
position: relative;
overflow: hidden;
}
#submit_button {
width: 264px;
height: 49px;
position: absolute;
left: 100px;
top: 24px;
}
#submit_button a{
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
width: 264px;
height: 49px;
display: block;
text-indent: -9999px;
}
#submit_button button{
width: 264px;
height: 49px;
display: block;
padding: 0px;
border: none;
font-size: 0px;
text-indent: -9999px;
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
}
#submit_button button:hover{
background: transparent url('../img/weblogin/login.png?2') no-repeat bottom left;
visibility: visible;
z-index: 10;
}
#remember{
position: absolute;
top: 0;
left: 113px;
text-align: left;
width: 340px;
}
#remember label{
cursor:pointer;
display:block;
font-size:13px;
line-height:1.2em;
margin: 2px 20px;
}
#remember input{
position: absolute;
height: 13px;
width: 13px;
cursor: pointer;
top: 4px;
}
.createaccount, .recoveraccount {
display: block;
text-align: center;
cursor: pointer;
}
.buttbg, .butt1bg{
background: transparent url('../img/weblogin/create.png') no-repeat 0 0;
width: 205px;
height: 32px;
position: absolute;
top: 0px;
left: 0px;
}
.butt1bg{
background: transparent url('../img/weblogin/recover.png') no-repeat 0 0;
right: 0px;
}
.buttons{
width: 418px;
height: 32px;
margin: 10px auto;
}
.buttons a{
width: 205px;
height: 32px;
cursor: pointer;
position: relative;
}
.buttons a:hover{
background: transparent none;
border: none;
}
a:hover .buttbg, a:hover .butt1bg {
background-position:left bottom;
}
.createaccount {
margin: auto;/* removed create button so this one is centred now float:left;*/
}
.recoveraccount {
margin: auto;/* Removed create button float:right; */
}
#warning{
display: none;
background: url('../img/weblogin/warning_border.png') no-repeat bottom left;
width: 418px;
height: 86px;
margin: 0px auto;
position: relative;
}
#warning_image{
background: url('../img/weblogin/ie8.png') no-repeat bottom left;
top: 7px;
left: 7px;
position: absolute;
width: 404px;
height: 72px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
}
#warning p{
margin: 6px 8px 0px;
}
#manualRedir{
text-align: center;
display: none;
}
#manualRedir span{
width: 400px;
}

View File

@ -0,0 +1,495 @@
*{
margin: 0px;
padding: 0px;
}
#navSignIn .brown_background {
text-align:center;
background:#000;
margin:0 5px;
padding:5px;
}
#navSignIn #brown_box {
width:441px;
}
#navSignIn #brown_box .subsectionContent {
padding-top: 6px;
text-align: center;
}
#navSignIn .inner_brown_box {
background: black;
width:431px;
margin: 0 auto 10px;
}
#navSignIn .inner_brown_box_top {
background: transparent url(../img/images/layout/applet_div_top.png) no-repeat;
width:431px;
height:7px;
margin-bottom: 1px;
font-size: 0px;
}
#navSignIn .inner_brown_box_bottom {
background: transparent url(../img/images/layout/applet_div_bottom.png) no-repeat;
width:431px;
height:7px;
margin-top: 1px;
font-size: 0px;
}
*{
margin: 0px;
padding: 0px;
}
#login_background{
background: url('../img/weblogin/loginarea_bg_nowarn.png?2') center top;
width: 740px;
/* No recaptcha, no warning */
position: relative;
padding: 49px 0px;
}
#login_panel{
background: url('../img/weblogin/login_box_top.png?2') no-repeat 0 0;
width: 468px;
/* No recptcha, no warning */
margin: 0px auto 0px;
position: relative;
border: none;
padding: 7px 0px 0px 0px;
height: 247px;
}
#login_panel .bottom{
background: url('../img/weblogin/login_box_bottom.png?2') no-repeat 0 bottom;
padding-bottom: 7px;
}
#login_panel .repeat{
background: url('../img/weblogin/login_box_repeat.png?2') repeat-y 0 32px;
height: 1%; /* IE6 fix */
}
#login_form{
padding: 0px;
margin: 0px;
width: 468px;
overflow: hidden;
}
#login_panel label{
font-size: 16px;
font-weight: bold;
color: white;
padding: 0px;
}
#login_panel .top_section{
height: 142px;
position: relative;
overflow: hidden;
}
#message{
background: none;
color: white;
font-weight: bold;
font-size: 1em;
line-height:14px;
position: absolute;
top: 8px;
left: 0px;
text-align: center;
width: 100%;
height: 12px;
}
#login_panel div.section_form{
background: url('../img/weblogin/input_bg.png?2') center top;
height: 49px;
line-height: 49px;
margin: 0px auto 7px;
width: 420px;
padding-left: 10px;
left: 20px;
text-align: left;
}
#login_panel div.section_form input{
position: absolute;
left: 160px;
top: 12px;
}
#login_panel #recaptcha_nojs_group textarea,
#login_panel div.section_form input{
background-color: transparent;
border: 0px;
width: 238px;
height: 21px;
line-height: 20px;
font-weight: bold;
padding: 2px 6px;
}
#login_panel #usernameSection{
position: absolute;
top: 30px;
}
#passwordSection{
position: absolute;
top: 86px;
}
#usernameSection input,
#passwordSection input{
float: right;
}
#recaptcha_response_field {
width:135px;
}
#recaptcha_error {
text-align: center;
font-size: 0px;
}
#login_panel #recaptcha{
background: url('../img/weblogin/captchaback_top.png') no-repeat top left;
width: 384px;
padding: 0px;
height: auto;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper{
margin: 0 4px 2px;
background: transparent;
height: 57px;
padding: 3px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
float: left;
margin-left: 10px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
line-height: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image a{
color: black;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container{
float: right;
width: 40px;
height: 60px;
overflow: visible;
margin: 2px 6px 0px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a{
margin-bottom: 0px;
position: relative;
cursor: pointer;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a img{
top: 0px;
position: absolute;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower{
position: relative;
text-align: left;
margin: 0px;
padding: 2px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower label{
position: relative;
float: left;
margin: 0px 0px 0px 2px;
line-height: 28px;
font-size: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower input {
background: url('../img/weblogin/reCaptcha_input_back.png') transparent top left;
float:left;
height:20px;
margin:5px 2px;
width:175px;
position: relative;
top: auto;
left: auto;
padding: 0px;
font-size: 14px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower img {
float:left;
margin: 1px 0px 3px 0px;
}
#recaptcha_nonjs{
border: none;
margin: 3px;
width: 378px;
height: 300px;
background-color: white;
font-family: arial,helvetica,freesans,sans-serif;
color: black;
}
#login_panel #recaptcha_nojs_group{
margin: 12px;
}
#login_panel #recaptcha_nojs_group label{
line-height: 20px;
font-size: 12px;
}
#recaptcha_box_nojs,
#recaptcha_box {
width: 384px;
padding: 0 4px 0 0;
background: url('../img/weblogin/captchaback_bottom.png') no-repeat bottom left;
margin: 0px;
}
#recaptcha_box {
margin: 3px 0px 0px 0px;
display: none; /* Made visible if js is ON */
}
#recaptcha_box_top {
background: url(../img/weblogin/recaptcha_box_top.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 0 0;
font-size: 0px;
}
#recaptcha_box_bottom {
background: url(../img/weblogin/recaptcha_box_bottom.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 5px 0;
margin-top: 6px;
font-size: 0px;
}
#recaptcha_box_upper {
background: white;
padding: 2px;
min-height: 57px;
margin: 0 2px 6px 6px;
}
#recaptcha_box_lower {
padding: 2px;
margin: 0 2px 6px 6px;
text-align: right;
}
#recaptcha_image {
float:left;
height:auto !important;
min-height: 57px;
}
#refresh_recaptcha {
background: url(../img/weblogin/new_recaptcha_highlight.png);
height: 27px;
width: 31px;
float: right;
overflow: hidden;
}
#audio_recaptcha {
background: url(../img/weblogin/audio_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#image_recaptcha {
background: url(../img/weblogin/image_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#refresh_recaptcha:hover img,
#audio_recaptcha:hover img,
#image_recaptcha:hover img {
visibility: hidden;
}
#recaptcha_box_logo {
vertical-align: middle;
}
#login_panel #recaptcha_nojs_group #recaptcha_challenge_field{
background: url('../img/weblogin/input_bg.png?2') 264px 36px; /* re-use */
display: block;
height: 20px;
position: relative;
left: 0px;
margin: 0px auto 6px;
}
#login_panel .bottom_section{
height: 98px;
position: relative;
overflow: hidden;
}
#submit_button {
width: 264px;
height: 49px;
position: absolute;
left: 100px;
top: 24px;
}
#submit_button a{
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
width: 264px;
height: 49px;
display: block;
text-indent: -9999px;
}
#submit_button button{
width: 264px;
height: 49px;
display: block;
padding: 0px;
border: none;
font-size: 0px;
text-indent: -9999px;
cursor: pointer;
background: transparent url('../img/weblogin/login.png?2') no-repeat top left;
}
#submit_button button:hover{
background: transparent url('../img/weblogin/login.png?2') no-repeat bottom left;
visibility: visible;
z-index: 10;
}
#remember{
position: absolute;
top: 0;
left: 113px;
text-align: left;
width: 340px;
}
#remember label{
cursor:pointer;
display:block;
font-size:13px;
line-height:1.2em;
margin: 2px 20px;
}
#remember input{
position: absolute;
height: 13px;
width: 13px;
cursor: pointer;
top: 4px;
}
.createaccount, .recoveraccount {
display: block;
text-align: center;
cursor: pointer;
}
.buttbg, .butt1bg{
background: transparent url('../img/weblogin/create.png') no-repeat 0 0;
width: 205px;
height: 32px;
position: absolute;
top: 0px;
left: 0px;
}
.butt1bg{
background: transparent url('../img/weblogin/recover.png') no-repeat 0 0;
right: 0px;
}
.buttons{
width: 418px;
height: 32px;
margin: 10px auto;
}
.buttons a{
width: 205px;
height: 32px;
cursor: pointer;
position: relative;
}
.buttons a:hover{
background: transparent none;
border: none;
}
a:hover .buttbg, a:hover .butt1bg {
background-position:left bottom;
}
.createaccount {
margin: auto;/* removed create button so this one is centred now float:left;*/
}
.recoveraccount {
margin: auto;/* Removed create button float:right; */
}
#warning{
display: none;
background: url('../img/weblogin/warning_border.png') no-repeat bottom left;
width: 418px;
height: 86px;
margin: 0px auto;
position: relative;
}
#warning_image{
background: url('../img/weblogin/ie8.png') no-repeat bottom left;
top: 7px;
left: 7px;
position: absolute;
width: 404px;
height: 72px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
}
#warning p{
margin: 6px 8px 0px;
}
#manualRedir{
text-align: center;
display: none;
}
#manualRedir span{
width: 400px;
}

View File

@ -0,0 +1,491 @@
*{
margin: 0px;
padding: 0px;
}
#navSignIn .brown_background {
text-align:center;
background:#000;
margin:0 5px;
padding:5px;
}
#navSignIn #brown_box {
width:441px;
}
#navSignIn #brown_box .subsectionContent {
padding-top: 6px;
text-align: center;
}
#navSignIn .inner_brown_box {
background: black;
width:431px;
margin: 0 auto 10px;
}
#navSignIn .inner_brown_box_top {
background: transparent url(../img/images/layout/applet_div_top.png) no-repeat;
width:431px;
height:7px;
margin-bottom: 1px;
font-size: 0px;
}
#navSignIn .inner_brown_box_bottom {
background: transparent url(../img/images/layout/applet_div_bottom.png) no-repeat;
width:431px;
height:7px;
margin-top: 1px;
font-size: 0px;
}
*{
margin: 0px;
padding: 0px;
}
#login_background{
background: url('../img/weblogin/loginarea_bg_nowarn.png') center top;
width: 740px;
/* No recaptcha, no warning */
height: 308px;
padding: 0px;
position: relative;
padding-top: 54px;
}
#login_panel{
background: url('../img/weblogin/login_box_top.png') no-repeat 0 0;
width: 418px;
/* No recptcha, no warning */
margin: 0px auto 0px;
position: relative;
border: none;
padding: 7px 0px 0px 0px;
height: 205px;
}
#login_panel .bottom{
background: url('../img/weblogin/login_box_bottom.png') no-repeat 0 bottom;
padding-bottom: 7px;
}
#login_panel .repeat{
background: url('../img/weblogin/login_box_repeat.png') repeat-y 0 32px;
height: 1%; /* IE6 fix */
}
#login_form{
padding: 0px;
margin: 0px;
width: 418px;
overflow: hidden;
}
#login_panel label{
font-size: 18px;
font-weight: bold;
color: white;
padding: 0px;
}
#login_panel .top_section{
height: 142px;
position: relative;
overflow: hidden;
}
#message{
background: none;
color: white;
font-weight: bold;
font-size: 1em;
line-height:14px;
position: absolute;
top: 8px;
left: 0px;
text-align: center;
width: 100%;
height: 12px;
}
#login_panel div.section_form{
background: url('../img/weblogin/input_bg.png') center top;
height: 49px;
line-height: 49px;
margin: 0px auto 7px;
width: 378px;
padding-left: 6px;
left: 17px;
text-align: left;
}
#login_panel div.section_form input{
position: absolute;
left: 120px;
top: 12px;
}
#login_panel #recaptcha_nojs_group textarea,
#login_panel div.section_form input{
background-color: transparent;
border: 0px;
width: 238px;
height: 21px;
line-height: 20px;
font-size: 16px;
font-weight: bold;
padding: 2px 6px;
}
#login_panel #usernameSection{
position: absolute;
top: 30px;
}
#passwordSection{
position: absolute;
top: 86px;
}
#usernameSection input,
#passwordSection input{
float: right;
}
#recaptcha_response_field {
width:135px;
}
#recaptcha_error {
text-align: center;
font-size: 0px;
}
#login_panel #recaptcha{
background: url('../img/weblogin/captchaback_top.png') no-repeat top left;
width: 384px;
padding: 0px;
height: auto;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper{
margin: 0 4px 2px;
background: transparent;
height: 57px;
padding: 3px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
float: left;
margin-left: 10px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image{
line-height: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #recaptcha_image a{
color: black;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container{
float: right;
width: 40px;
height: 60px;
overflow: visible;
margin: 2px 6px 0px 0px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a{
margin-bottom: 0px;
position: relative;
cursor: pointer;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_upper #icon_container a img{
top: 0px;
position: absolute;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower{
position: relative;
text-align: left;
margin: 0px;
padding: 2px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower label{
position: relative;
float: left;
margin: 0px 0px 0px 2px;
line-height: 28px;
font-size: 12px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower input {
background: url('../img/weblogin/reCaptcha_input_back.png') transparent top left;
float:left;
height:20px;
margin:5px 2px;
width:175px;
position: relative;
top: auto;
left: auto;
padding: 0px;
font-size: 14px;
}
#login_panel #recaptcha #recaptcha_box #recaptcha_box_lower img {
float:left;
margin: 1px 0px 3px 0px;
}
#recaptcha_nonjs{
border: none;
margin: 3px;
width: 378px;
height: 300px;
background-color: white;
font-family: arial,helvetica,freesans,sans-serif;
color: black;
}
#login_panel #recaptcha_nojs_group{
margin: 12px;
}
#login_panel #recaptcha_nojs_group label{
line-height: 20px;
font-size: 12px;
}
#recaptcha_box_nojs,
#recaptcha_box {
width: 384px;
padding: 0 4px 0 0;
background: url('../img/weblogin/captchaback_bottom.png') no-repeat bottom left;
margin: 0px;
}
#recaptcha_box {
margin: 3px 0px 0px 0px;
display: none; /* Made visible if js is ON */
}
#recaptcha_box_top {
background: url(../img/weblogin/recaptcha_box_top.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 0 0;
font-size: 0px;
}
#recaptcha_box_bottom {
background: url(../img/weblogin/recaptcha_box_bottom.png) right top no-repeat;
height: 2px;
width: 384px;
padding: 0 4px 5px 0;
margin-top: 6px;
font-size: 0px;
}
#recaptcha_box_upper {
background: white;
padding: 2px;
min-height: 57px;
margin: 0 2px 6px 6px;
}
#recaptcha_box_lower {
padding: 2px;
margin: 0 2px 6px 6px;
text-align: right;
}
#recaptcha_image {
float:left;
height:auto !important;
min-height: 57px;
}
#refresh_recaptcha {
background: url(../img/weblogin/new_recaptcha_highlight.png);
height: 27px;
width: 31px;
float: right;
overflow: hidden;
}
#audio_recaptcha {
background: url(../img/weblogin/audio_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#image_recaptcha {
background: url(../img/weblogin/image_recaptcha_highlight.png);
height: 31px;
width: 31px;
float: right;
overflow: hidden;
}
#refresh_recaptcha:hover img,
#audio_recaptcha:hover img,
#image_recaptcha:hover img {
visibility: hidden;
}
#recaptcha_box_logo {
vertical-align: middle;
}
#login_panel #recaptcha_nojs_group #recaptcha_challenge_field{
background: url('../img/weblogin/input_bg.png') 264px 36px; /* re-use */
display: block;
height: 20px;
position: relative;
left: 0px;
margin: 0px auto 6px;
}
#login_panel .bottom_section{
height: 56px;
position: relative;
overflow: hidden;
}
#submit_button {
width: 264px;
height: 49px;
position: absolute;
left: 136px;
top: 0px;
}
#submit_button a{
cursor: pointer;
background: transparent url('../img/weblogin/login.png?1') no-repeat top left;
width: 264px;
height: 49px;
display: block;
text-indent: -9999px;
}
#submit_button button{
width: 264px;
height: 49px;
display: block;
padding: 0px;
border: none;
font-size: 0px;
text-indent: -9999px;
cursor: pointer;
background: transparent url('../img/weblogin/login.png?1') no-repeat top left;
}
#submit_button button:hover{
background: transparent url('../img/weblogin/login.png?1') no-repeat bottom left;
visibility: visible;
z-index: 10;
}
#remember{
width: 116px;
position: absolute;
top: 10px;
left: 20px;
text-align: left;
}
#remember input{
margin: 0px 4px 0px 0px;
cursor: pointer;
}
#remember label{
font-size: 0.8em;
color: white;
line-height: 1.2em;
padding: 0px;
cursor: pointer;
}
.createaccount, .recoveraccount {
display: block;
text-align: center;
cursor: pointer;
}
.buttbg, .butt1bg{
background: transparent url('../img/weblogin/create.png') no-repeat 0 0;
width: 205px;
height: 32px;
position: absolute;
top: 0px;
left: 0px;
}
.butt1bg{
background: transparent url('../img/weblogin/recover.png') no-repeat 0 0;
right: 0px;
}
.buttons{
width: 418px;
height: 32px;
margin: 10px auto;
}
.buttons a{
width: 205px;
height: 32px;
cursor: pointer;
position: relative;
}
.buttons a:hover{
background: transparent none;
border: none;
}
a:hover .buttbg, a:hover .butt1bg {
background-position:left bottom;
}
.createaccount {
float:left;
}
.recoveraccount {
float:right;
}
#warning{
display: none;
background: url('../img/weblogin/warning_border.png') no-repeat bottom left;
width: 418px;
height: 86px;
margin: 0px auto 20px;
position: relative;
}
#warning_image{
background: url('../img/weblogin/ie8.png') no-repeat bottom left;
top: 7px;
left: 7px;
position: absolute;
width: 404px;
height: 72px;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
}
#warning p{
margin: 6px 8px 0px;
}
#manualRedir{
text-align: center;
display: none;
}
#manualRedir span{
width: 400px;
}

File diff suppressed because it is too large Load Diff

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Some files were not shown because too many files have changed in this diff Show More