Funorb main and game page working, css + images
275
services/m=funorb/css/AC_OETags-1.css
Normal 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;
|
||||
}
|
||||
|
||||
|
62
services/m=funorb/css/ajax-0.js
Normal 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);
|
||||
}
|
602
services/m=funorb/css/create3-9.css
Normal 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;
|
||||
}
|
327
services/m=funorb/css/forum/forum2-1.css
Normal 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;
|
||||
}
|
339
services/m=funorb/css/forum/forum3-1.css
Normal 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;
|
||||
}
|
||||
|
62
services/m=funorb/css/forum/forum3msg-1.css
Normal 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; }
|
60
services/m=funorb/css/forum/forummsg-1.css
Normal 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; }
|
277
services/m=funorb/css/game-13.css
Normal 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 */
|
||||
/* ############# */
|
94
services/m=funorb/css/gamelist-1.css
Normal 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;
|
||||
}
|
94
services/m=funorb/css/gamelist-2.css
Normal 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;
|
||||
}
|
94
services/m=funorb/css/gamelist-3.css
Normal 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;
|
||||
}
|
1242
services/m=funorb/css/global-1.css
Normal file
1179
services/m=funorb/css/global-13.css
Normal file
1179
services/m=funorb/css/global-14.css
Normal file
1242
services/m=funorb/css/global-15.css
Normal file
1242
services/m=funorb/css/global-3.css
Normal file
1242
services/m=funorb/css/global-33.css
Normal file
1242
services/m=funorb/css/global-37.css
Normal file
1242
services/m=funorb/css/global-38.css
Normal file
1242
services/m=funorb/css/global-39.css
Normal file
1242
services/m=funorb/css/global-4.css
Normal file
1242
services/m=funorb/css/global-40.css
Normal file
1242
services/m=funorb/css/global-41.css
Normal file
1242
services/m=funorb/css/global-42.css
Normal file
1242
services/m=funorb/css/global-44.css
Normal file
542
services/m=funorb/css/home-1.css
Normal 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;
|
||||
}
|
542
services/m=funorb/css/home-12.css
Normal 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;
|
||||
}
|
542
services/m=funorb/css/home-13.css
Normal 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;
|
||||
}
|
542
services/m=funorb/css/home-5.css
Normal 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;
|
||||
}
|
406
services/m=funorb/css/home-8.css
Normal 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 */
|
||||
/* ############# */
|
542
services/m=funorb/css/home-9.css
Normal 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;
|
||||
}
|
93
services/m=funorb/css/ieFix-2.css
Normal 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;
|
||||
}
|
227
services/m=funorb/css/info-2.css
Normal 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%;
|
||||
}
|
225
services/m=funorb/css/info-5.css
Normal 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%;
|
||||
}
|
227
services/m=funorb/css/info-6.css
Normal 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%;
|
||||
}
|
783
services/m=funorb/css/jagex/global-38.css
Normal 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;
|
||||
}
|
38
services/m=funorb/css/jagex/print-38.css
Normal 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
90
services/m=funorb/css/jquery_ui_accordion_tabs_1_5_3-0.js
vendored
Normal 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…',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);
|
129
services/m=funorb/css/layout.html
Normal 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);
|
||||
}
|
||||
}
|
||||
};
|
67
services/m=funorb/css/login-1.css
Normal 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;
|
||||
}
|
118
services/m=funorb/css/news/news-0.css
Normal 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;
|
||||
}
|
50
services/m=funorb/css/script_2016-0.css
Normal 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());
|
50
services/m=funorb/css/script_2016-1.css
Normal 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());
|
308
services/m=funorb/css/styles_2016-0.css
Normal 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;
|
||||
}
|
327
services/m=funorb/css/styles_2016-1.css
Normal 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;
|
||||
}
|
5
services/m=funorb/css/swfobject-0.js
Normal file
495
services/m=funorb/css/weblogin-11.css
Normal 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;
|
||||
}
|
||||
|
495
services/m=funorb/css/weblogin-17.css
Normal 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;
|
||||
}
|
||||
|
495
services/m=funorb/css/weblogin-18.css
Normal 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;
|
||||
}
|
||||
|
491
services/m=funorb/css/weblogin-6.css
Normal 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;
|
||||
}
|
||||
|
2193
services/m=funorb/gamelist.html
Normal file
BIN
services/m=funorb/img/images/game/36cardtrick/small.jpg
Executable file
After Width: | Height: | Size: 4.6 KiB |
BIN
services/m=funorb/img/images/game/aceofskies/small.jpg
Executable file
After Width: | Height: | Size: 4.4 KiB |
BIN
services/m=funorb/img/images/game/arcanistsmulti/massive.jpg
Executable file
After Width: | Height: | Size: 25 KiB |
BIN
services/m=funorb/img/images/game/arcanistsmulti/small.jpg
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
services/m=funorb/img/images/game/armiesofgielinor/massive.jpg
Executable file
After Width: | Height: | Size: 21 KiB |
BIN
services/m=funorb/img/images/game/armiesofgielinor/small.jpg
Executable file
After Width: | Height: | Size: 4.9 KiB |
BIN
services/m=funorb/img/images/game/bachelorfridge/small.jpg
Executable file
After Width: | Height: | Size: 3.6 KiB |
BIN
services/m=funorb/img/images/game/bouncedown/small.jpg
Executable file
After Width: | Height: | Size: 4.2 KiB |
BIN
services/m=funorb/img/images/game/brickabrac/small.jpg
Executable file
After Width: | Height: | Size: 32 KiB |
BIN
services/m=funorb/img/images/game/chess/small.jpg
Executable file
After Width: | Height: | Size: 3.8 KiB |
BIN
services/m=funorb/img/images/game/confined/small.jpg
Executable file
After Width: | Height: | Size: 5.4 KiB |
BIN
services/m=funorb/img/images/game/crazycrystals/small.jpg
Executable file
After Width: | Height: | Size: 4.1 KiB |
BIN
services/m=funorb/img/images/game/dekobloko/small.jpg
Executable file
After Width: | Height: | Size: 32 KiB |
BIN
services/m=funorb/img/images/game/drphlogistonsavestheearth/small.jpg
Executable file
After Width: | Height: | Size: 4.2 KiB |
BIN
services/m=funorb/img/images/game/dungeonassault/small.jpg
Executable file
After Width: | Height: | Size: 26 KiB |
BIN
services/m=funorb/img/images/game/dungeonassault/tiny.jpg
Executable file
After Width: | Height: | Size: 8.1 KiB |
BIN
services/m=funorb/img/images/game/escapevector/small.jpg
Executable file
After Width: | Height: | Size: 8.3 KiB |
BIN
services/m=funorb/img/images/game/fleacircus/small.jpg
Executable file
After Width: | Height: | Size: 5.4 KiB |
BIN
services/m=funorb/img/images/game/geoblox/small.jpg
Executable file
After Width: | Height: | Size: 5.3 KiB |
BIN
services/m=funorb/img/images/game/holdtheline/small.jpg
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
services/m=funorb/img/images/game/hostilespawn_vengeance/small.jpg
Executable file
After Width: | Height: | Size: 5.3 KiB |
BIN
services/m=funorb/img/images/game/hostilespawn_vengeance/tiny.jpg
Executable file
After Width: | Height: | Size: 6.6 KiB |
BIN
services/m=funorb/img/images/game/kickabout/small.jpg
Executable file
After Width: | Height: | Size: 8.0 KiB |
BIN
services/m=funorb/img/images/game/kickabout/smedium.jpg
Executable file
After Width: | Height: | Size: 30 KiB |
BIN
services/m=funorb/img/images/game/lexicominos/small.jpg
Executable file
After Width: | Height: | Size: 3.7 KiB |
BIN
services/m=funorb/img/images/game/minerdisturbance/small.jpg
Executable file
After Width: | Height: | Size: 4.2 KiB |
BIN
services/m=funorb/img/images/game/minerdisturbance/tiny.jpg
Executable file
After Width: | Height: | Size: 6.2 KiB |
BIN
services/m=funorb/img/images/game/monkeypuzzle2/small.jpg
Executable file
After Width: | Height: | Size: 4.5 KiB |
BIN
services/m=funorb/img/images/game/orbdefence/small.jpg
Executable file
After Width: | Height: | Size: 5.3 KiB |
BIN
services/m=funorb/img/images/game/pixelate/small.jpg
Executable file
After Width: | Height: | Size: 12 KiB |
BIN
services/m=funorb/img/images/game/pool/small.jpg
Executable file
After Width: | Height: | Size: 26 KiB |
BIN
services/m=funorb/img/images/game/shatteredplans/small.jpg
Executable file
After Width: | Height: | Size: 9.0 KiB |
BIN
services/m=funorb/img/images/game/solknight/small.jpg
Executable file
After Width: | Height: | Size: 3.3 KiB |
BIN
services/m=funorb/img/images/game/starcannon/small.jpg
Executable file
After Width: | Height: | Size: 3.8 KiB |
BIN
services/m=funorb/img/images/game/steelsentinels/small.jpg
Executable file
After Width: | Height: | Size: 3.5 KiB |
BIN
services/m=funorb/img/images/game/steelsentinels/smedium.jpg
Executable file
After Width: | Height: | Size: 14 KiB |
BIN
services/m=funorb/img/images/game/stellarshard/small.jpg
Executable file
After Width: | Height: | Size: 3.6 KiB |
BIN
services/m=funorb/img/images/game/sumoblitz/news.png
Executable file
After Width: | Height: | Size: 16 KiB |
BIN
services/m=funorb/img/images/game/sumoblitz/small.jpg
Executable file
After Width: | Height: | Size: 9.1 KiB |
BIN
services/m=funorb/img/images/game/sumoblitz/tiny.jpg
Executable file
After Width: | Height: | Size: 11 KiB |
BIN
services/m=funorb/img/images/game/terraphoenix/small.jpg
Executable file
After Width: | Height: | Size: 3.5 KiB |
BIN
services/m=funorb/img/images/game/tetralink/small.jpg
Executable file
After Width: | Height: | Size: 3.9 KiB |
BIN
services/m=funorb/img/images/game/tombracer/small.jpg
Executable file
After Width: | Height: | Size: 4.7 KiB |
BIN
services/m=funorb/img/images/game/tombracer/tiny.jpg
Executable file
After Width: | Height: | Size: 10 KiB |
BIN
services/m=funorb/img/images/game/torchallenge/small.jpg
Executable file
After Width: | Height: | Size: 21 KiB |
BIN
services/m=funorb/img/images/game/torquing/small.jpg
Executable file
After Width: | Height: | Size: 4.1 KiB |
BIN
services/m=funorb/img/images/game/trackcontroller/small.jpg
Executable file
After Width: | Height: | Size: 4.2 KiB |
BIN
services/m=funorb/img/images/game/transmogrify/small.jpg
Executable file
After Width: | Height: | Size: 4.8 KiB |